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

package/dist/chunks/SwiperCarousel.BymL6KSO.js

@@ -0,0 +1,753 @@
+import { defineComponent as Oe, reactive as ke, ref as ce, useId as De, computed as H, onMounted as Ie, watch as He, nextTick as Me, createElementBlock as W, openBlock as P, normalizeClass as L, createElementVNode as A, createCommentVNode as ne, renderSlot as Xe, Fragment as de, renderList as Ye, mergeProps as Ce, withModifiers as me } from "vue";
+import { Swiper as ze } from "swiper";
+import "./polyline.tNTK3v2u.js";
+import { l as Re } from "./ObjectUtils.DwkJjVq1.js";
+import { _ as Ae } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/SwiperCarousel.css';function $e(n) {
+  return n !== null && typeof n == "object" && "constructor" in n && n.constructor === Object;
+}
+function pe(n, t) {
+  n === void 0 && (n = {}), t === void 0 && (t = {});
+  const d = ["__proto__", "constructor", "prototype"];
+  Object.keys(t).filter((o) => d.indexOf(o) < 0).forEach((o) => {
+    typeof n[o] > "u" ? n[o] = t[o] : $e(t[o]) && $e(n[o]) && Object.keys(t[o]).length > 0 && pe(n[o], t[o]);
+  });
+}
+const Le = {
+  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 Fe() {
+  const n = typeof document < "u" ? document : {};
+  return pe(n, Le), n;
+}
+const je = {
+  document: Le,
+  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(n) {
+    return typeof setTimeout > "u" ? (n(), null) : setTimeout(n, 0);
+  },
+  cancelAnimationFrame(n) {
+    typeof setTimeout > "u" || clearTimeout(n);
+  }
+};
+function N() {
+  const n = typeof window < "u" ? window : {};
+  return pe(n, je), n;
+}
+function qe(n) {
+  return n === void 0 && (n = ""), n.trim().split(" ").filter((t) => !!t.trim());
+}
+function nt(n, t) {
+  return t === void 0 && (t = 0), setTimeout(n, t);
+}
+function rt() {
+  return Date.now();
+}
+function Be(n) {
+  const t = N();
+  let d;
+  return t.getComputedStyle && (d = t.getComputedStyle(n, null)), !d && n.currentStyle && (d = n.currentStyle), d || (d = n.style), d;
+}
+function Te(n, t) {
+  t === void 0 && (t = "x");
+  const d = N();
+  let o, c, E;
+  const f = Be(n);
+  return d.WebKitCSSMatrix ? (c = f.transform || f.webkitTransform, c.split(",").length > 6 && (c = c.split(", ").map(($) => $.replace(",", ".")).join(", ")), E = new d.WebKitCSSMatrix(c === "none" ? "" : c)) : (E = f.MozTransform || f.OTransform || f.MsTransform || f.msTransform || f.transform || f.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), o = E.toString().split(",")), t === "x" && (d.WebKitCSSMatrix ? c = E.m41 : o.length === 16 ? c = parseFloat(o[12]) : c = parseFloat(o[4])), t === "y" && (d.WebKitCSSMatrix ? c = E.m42 : o.length === 16 ? c = parseFloat(o[13]) : c = parseFloat(o[5])), c || 0;
+}
+function st(n) {
+  return typeof n == "object" && n !== null && n.constructor && Object.prototype.toString.call(n).slice(8, -1) === "Object";
+}
+function We(n, t) {
+  t === void 0 && (t = "");
+  const d = N(), o = [...n.children];
+  return d.HTMLSlotElement && n instanceof HTMLSlotElement && o.push(...n.assignedElements()), t ? o.filter((c) => c.matches(t)) : o;
+}
+function at(n, t) {
+  t === void 0 && (t = []);
+  const d = document.createElement(n);
+  return d.classList.add(...Array.isArray(t) ? t : qe(t)), d;
+}
+function Pe(n) {
+  const t = N(), d = Fe(), o = n.getBoundingClientRect(), c = d.body, E = n.clientTop || c.clientTop || 0, f = n.clientLeft || c.clientLeft || 0, $ = n === t ? t.scrollY : n.scrollTop, x = n === t ? t.scrollX : n.scrollLeft;
+  return {
+    top: o.top + $ - E,
+    left: o.left + x - f
+  };
+}
+function ot(n) {
+  let t = n, d;
+  if (t) {
+    for (d = 0; (t = t.previousSibling) !== null; )
+      t.nodeType === 1 && (d += 1);
+    return d;
+  }
+}
+function fe(n, t) {
+  const d = [];
+  let o = n.parentElement;
+  for (; o; )
+    t ? o.matches(t) && d.push(o) : d.push(o), o = o.parentElement;
+  return d;
+}
+function lt(n, t) {
+  function d(o) {
+    o.target === n && (t.call(n, o), n.removeEventListener("transitionend", d));
+  }
+  t && n.addEventListener("transitionend", d);
+}
+function ut(n, t, d) {
+  const o = N();
+  return n[t === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(o.getComputedStyle(n, null).getPropertyValue(t === "width" ? "margin-right" : "margin-top")) + parseFloat(o.getComputedStyle(n, null).getPropertyValue(t === "width" ? "margin-left" : "margin-bottom"));
+}
+function ct(n) {
+  return (Array.isArray(n) ? n : [n]).filter((t) => !!t);
+}
+function Ve(n) {
+  let {
+    swiper: t,
+    extendParams: d,
+    on: o,
+    emit: c
+  } = n;
+  const E = N();
+  d({
+    zoom: {
+      enabled: !1,
+      limitToOriginalSize: !1,
+      maxRatio: 3,
+      minRatio: 1,
+      panOnMouseMove: !1,
+      toggle: !0,
+      containerClass: "swiper-zoom-container",
+      zoomedSlideClass: "swiper-slide-zoomed"
+    }
+  }), t.zoom = {
+    enabled: !1
+  };
+  let f = 1, $ = !1, x = !1, S = {
+    x: 0,
+    y: 0
+  };
+  const J = -3;
+  let F, R;
+  const m = [], i = {
+    originX: 0,
+    originY: 0,
+    slideEl: void 0,
+    slideWidth: void 0,
+    slideHeight: void 0,
+    imageEl: void 0,
+    imageWrapEl: void 0,
+    maxRatio: 3
+  }, e = {
+    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 j = 1;
+  Object.defineProperty(t.zoom, "scale", {
+    get() {
+      return j;
+    },
+    set(r) {
+      if (j !== r) {
+        const a = i.imageEl, s = i.slideEl;
+        c("zoomChange", r, a, s);
+      }
+      j = r;
+    }
+  });
+  function O() {
+    if (m.length < 2) return 1;
+    const r = m[0].pageX, a = m[0].pageY, s = m[1].pageX, g = m[1].pageY;
+    return Math.sqrt((s - r) ** 2 + (g - a) ** 2);
+  }
+  function Q() {
+    const r = t.params.zoom, a = i.imageWrapEl.getAttribute("data-swiper-zoom") || r.maxRatio;
+    if (r.limitToOriginalSize && i.imageEl && i.imageEl.naturalWidth) {
+      const s = i.imageEl.naturalWidth / i.imageEl.offsetWidth;
+      return Math.min(s, a);
+    }
+    return a;
+  }
+  function U() {
+    if (m.length < 2) return {
+      x: null,
+      y: null
+    };
+    const r = i.imageEl.getBoundingClientRect();
+    return [(m[0].pageX + (m[1].pageX - m[0].pageX) / 2 - r.x - E.scrollX) / f, (m[0].pageY + (m[1].pageY - m[0].pageY) / 2 - r.y - E.scrollY) / f];
+  }
+  function re() {
+    return t.isElement ? "swiper-slide" : `.${t.params.slideClass}`;
+  }
+  function l(r) {
+    const a = re();
+    return !!(r.target.matches(a) || t.slides.filter((s) => s.contains(r.target)).length > 0);
+  }
+  function h(r) {
+    const a = `.${t.params.zoom.containerClass}`;
+    return !!(r.target.matches(a) || [...t.hostEl.querySelectorAll(a)].filter((s) => s.contains(r.target)).length > 0);
+  }
+  function u(r) {
+    if (r.pointerType === "mouse" && m.splice(0, m.length), !l(r)) return;
+    const a = t.params.zoom;
+    if (F = !1, R = !1, m.push(r), !(m.length < 2)) {
+      if (F = !0, i.scaleStart = O(), !i.slideEl) {
+        i.slideEl = r.target.closest(`.${t.params.slideClass}, swiper-slide`), i.slideEl || (i.slideEl = t.slides[t.activeIndex]);
+        let s = i.slideEl.querySelector(`.${a.containerClass}`);
+        if (s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), i.imageEl = s, s ? i.imageWrapEl = fe(i.imageEl, `.${a.containerClass}`)[0] : i.imageWrapEl = void 0, !i.imageWrapEl) {
+          i.imageEl = void 0;
+          return;
+        }
+        i.maxRatio = Q();
+      }
+      if (i.imageEl) {
+        const [s, g] = U();
+        i.originX = s, i.originY = g, i.imageEl.style.transitionDuration = "0ms";
+      }
+      $ = !0;
+    }
+  }
+  function v(r) {
+    if (!l(r)) return;
+    const a = t.params.zoom, s = t.zoom, g = m.findIndex((w) => w.pointerId === r.pointerId);
+    g >= 0 && (m[g] = r), !(m.length < 2) && (R = !0, i.scaleMove = O(), i.imageEl && (s.scale = i.scaleMove / i.scaleStart * f, s.scale > i.maxRatio && (s.scale = i.maxRatio - 1 + (s.scale - i.maxRatio + 1) ** 0.5), s.scale < a.minRatio && (s.scale = a.minRatio + 1 - (a.minRatio - s.scale + 1) ** 0.5), i.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`));
+  }
+  function b(r) {
+    if (!l(r) || r.pointerType === "mouse" && r.type === "pointerout") return;
+    const a = t.params.zoom, s = t.zoom, g = m.findIndex((w) => w.pointerId === r.pointerId);
+    g >= 0 && m.splice(g, 1), !(!F || !R) && (F = !1, R = !1, i.imageEl && (s.scale = Math.max(Math.min(s.scale, i.maxRatio), a.minRatio), i.imageEl.style.transitionDuration = `${t.params.speed}ms`, i.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`, f = s.scale, $ = !1, s.scale > 1 && i.slideEl ? i.slideEl.classList.add(`${a.zoomedSlideClass}`) : s.scale <= 1 && i.slideEl && i.slideEl.classList.remove(`${a.zoomedSlideClass}`), s.scale === 1 && (i.originX = 0, i.originY = 0, i.slideEl = void 0)));
+  }
+  let _;
+  function G() {
+    t.touchEventsData.preventTouchMoveFromPointerMove = !1;
+  }
+  function M() {
+    clearTimeout(_), t.touchEventsData.preventTouchMoveFromPointerMove = !0, _ = setTimeout(() => {
+      t.destroyed || G();
+    });
+  }
+  function C(r) {
+    const a = t.device;
+    if (!i.imageEl || e.isTouched) return;
+    a.android && r.cancelable && r.preventDefault(), e.isTouched = !0;
+    const s = m.length > 0 ? m[0] : r;
+    e.touchesStart.x = s.pageX, e.touchesStart.y = s.pageY;
+  }
+  function X(r) {
+    const s = r.pointerType === "mouse" && t.params.zoom.panOnMouseMove;
+    if (!l(r) || !h(r))
+      return;
+    const g = t.zoom;
+    if (!i.imageEl)
+      return;
+    if (!e.isTouched || !i.slideEl) {
+      s && he(r);
+      return;
+    }
+    if (s) {
+      he(r);
+      return;
+    }
+    e.isMoved || (e.width = i.imageEl.offsetWidth || i.imageEl.clientWidth, e.height = i.imageEl.offsetHeight || i.imageEl.clientHeight, e.startX = Te(i.imageWrapEl, "x") || 0, e.startY = Te(i.imageWrapEl, "y") || 0, i.slideWidth = i.slideEl.offsetWidth, i.slideHeight = i.slideEl.offsetHeight, i.imageWrapEl.style.transitionDuration = "0ms");
+    const w = e.width * g.scale, k = e.height * g.scale;
+    if (e.minX = Math.min(i.slideWidth / 2 - w / 2, 0), e.maxX = -e.minX, e.minY = Math.min(i.slideHeight / 2 - k / 2, 0), e.maxY = -e.minY, e.touchesCurrent.x = m.length > 0 ? m[0].pageX : r.pageX, e.touchesCurrent.y = m.length > 0 ? m[0].pageY : r.pageY, Math.max(Math.abs(e.touchesCurrent.x - e.touchesStart.x), Math.abs(e.touchesCurrent.y - e.touchesStart.y)) > 5 && (t.allowClick = !1), !e.isMoved && !$) {
+      if (t.isHorizontal() && (Math.floor(e.minX) === Math.floor(e.startX) && e.touchesCurrent.x < e.touchesStart.x || Math.floor(e.maxX) === Math.floor(e.startX) && e.touchesCurrent.x > e.touchesStart.x)) {
+        e.isTouched = !1, G();
+        return;
+      }
+      if (!t.isHorizontal() && (Math.floor(e.minY) === Math.floor(e.startY) && e.touchesCurrent.y < e.touchesStart.y || Math.floor(e.maxY) === Math.floor(e.startY) && e.touchesCurrent.y > e.touchesStart.y)) {
+        e.isTouched = !1, G();
+        return;
+      }
+    }
+    r.cancelable && r.preventDefault(), r.stopPropagation(), M(), e.isMoved = !0;
+    const T = (g.scale - f) / (i.maxRatio - t.params.zoom.minRatio), {
+      originX: I,
+      originY: y
+    } = i;
+    e.currentX = e.touchesCurrent.x - e.touchesStart.x + e.startX + T * (e.width - I * 2), e.currentY = e.touchesCurrent.y - e.touchesStart.y + e.startY + T * (e.height - y * 2), e.currentX < e.minX && (e.currentX = e.minX + 1 - (e.minX - e.currentX + 1) ** 0.8), e.currentX > e.maxX && (e.currentX = e.maxX - 1 + (e.currentX - e.maxX + 1) ** 0.8), e.currentY < e.minY && (e.currentY = e.minY + 1 - (e.minY - e.currentY + 1) ** 0.8), e.currentY > e.maxY && (e.currentY = e.maxY - 1 + (e.currentY - e.maxY + 1) ** 0.8), p.prevPositionX || (p.prevPositionX = e.touchesCurrent.x), p.prevPositionY || (p.prevPositionY = e.touchesCurrent.y), p.prevTime || (p.prevTime = Date.now()), p.x = (e.touchesCurrent.x - p.prevPositionX) / (Date.now() - p.prevTime) / 2, p.y = (e.touchesCurrent.y - p.prevPositionY) / (Date.now() - p.prevTime) / 2, Math.abs(e.touchesCurrent.x - p.prevPositionX) < 2 && (p.x = 0), Math.abs(e.touchesCurrent.y - p.prevPositionY) < 2 && (p.y = 0), p.prevPositionX = e.touchesCurrent.x, p.prevPositionY = e.touchesCurrent.y, p.prevTime = Date.now(), i.imageWrapEl.style.transform = `translate3d(${e.currentX}px, ${e.currentY}px,0)`;
+  }
+  function z() {
+    const r = t.zoom;
+    if (m.length = 0, !i.imageEl) return;
+    if (!e.isTouched || !e.isMoved) {
+      e.isTouched = !1, e.isMoved = !1;
+      return;
+    }
+    e.isTouched = !1, e.isMoved = !1;
+    let a = 300, s = 300;
+    const g = p.x * a, w = e.currentX + g, k = p.y * s, D = e.currentY + k;
+    p.x !== 0 && (a = Math.abs((w - e.currentX) / p.x)), p.y !== 0 && (s = Math.abs((D - e.currentY) / p.y));
+    const T = Math.max(a, s);
+    e.currentX = w, e.currentY = D;
+    const I = e.width * r.scale, y = e.height * r.scale;
+    e.minX = Math.min(i.slideWidth / 2 - I / 2, 0), e.maxX = -e.minX, e.minY = Math.min(i.slideHeight / 2 - y / 2, 0), e.maxY = -e.minY, e.currentX = Math.max(Math.min(e.currentX, e.maxX), e.minX), e.currentY = Math.max(Math.min(e.currentY, e.maxY), e.minY), i.imageWrapEl.style.transitionDuration = `${T}ms`, i.imageWrapEl.style.transform = `translate3d(${e.currentX}px, ${e.currentY}px,0)`;
+  }
+  function ge() {
+    const r = t.zoom;
+    i.slideEl && t.activeIndex !== t.slides.indexOf(i.slideEl) && (i.imageEl && (i.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), i.imageWrapEl && (i.imageWrapEl.style.transform = "translate3d(0,0,0)"), i.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`), r.scale = 1, f = 1, i.slideEl = void 0, i.imageEl = void 0, i.imageWrapEl = void 0, i.originX = 0, i.originY = 0);
+  }
+  function he(r) {
+    if (f <= 1 || !i.imageWrapEl || !l(r) || !h(r)) return;
+    const a = E.getComputedStyle(i.imageWrapEl).transform, s = new E.DOMMatrix(a);
+    if (!x) {
+      x = !0, S.x = r.clientX, S.y = r.clientY, e.startX = s.e, e.startY = s.f, e.width = i.imageEl.offsetWidth || i.imageEl.clientWidth, e.height = i.imageEl.offsetHeight || i.imageEl.clientHeight, i.slideWidth = i.slideEl.offsetWidth, i.slideHeight = i.slideEl.offsetHeight;
+      return;
+    }
+    const g = (r.clientX - S.x) * J, w = (r.clientY - S.y) * J, k = e.width * f, D = e.height * f, T = i.slideWidth, I = i.slideHeight, y = Math.min(T / 2 - k / 2, 0), Y = -y, K = Math.min(I / 2 - D / 2, 0), ee = -K, q = Math.max(Math.min(e.startX + g, Y), y), B = Math.max(Math.min(e.startY + w, ee), K);
+    i.imageWrapEl.style.transitionDuration = "0ms", i.imageWrapEl.style.transform = `translate3d(${q}px, ${B}px, 0)`, S.x = r.clientX, S.y = r.clientY, e.startX = q, e.startY = B, e.currentX = q, e.currentY = B;
+  }
+  function ve(r) {
+    const a = t.zoom, s = t.params.zoom;
+    if (!i.slideEl) {
+      r && r.target && (i.slideEl = r.target.closest(`.${t.params.slideClass}, swiper-slide`)), i.slideEl || (t.params.virtual && t.params.virtual.enabled && t.virtual ? i.slideEl = We(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : i.slideEl = t.slides[t.activeIndex]);
+      let Z = i.slideEl.querySelector(`.${s.containerClass}`);
+      Z && (Z = Z.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), i.imageEl = Z, Z ? i.imageWrapEl = fe(i.imageEl, `.${s.containerClass}`)[0] : i.imageWrapEl = void 0;
+    }
+    if (!i.imageEl || !i.imageWrapEl) return;
+    t.params.cssMode && (t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.touchAction = "none"), i.slideEl.classList.add(`${s.zoomedSlideClass}`);
+    let g, w, k, D, T, I, y, Y, K, ee, q, B, te, ie, se, ae, oe, le;
+    typeof e.touchesStart.x > "u" && r ? (g = r.pageX, w = r.pageY) : (g = e.touchesStart.x, w = e.touchesStart.y);
+    const ue = f, V = typeof r == "number" ? r : null;
+    f === 1 && V && (g = void 0, w = void 0, e.touchesStart.x = void 0, e.touchesStart.y = void 0);
+    const Se = Q();
+    a.scale = V || Se, f = V || Se, r && !(f === 1 && V) ? (oe = i.slideEl.offsetWidth, le = i.slideEl.offsetHeight, k = Pe(i.slideEl).left + E.scrollX, D = Pe(i.slideEl).top + E.scrollY, T = k + oe / 2 - g, I = D + le / 2 - w, K = i.imageEl.offsetWidth || i.imageEl.clientWidth, ee = i.imageEl.offsetHeight || i.imageEl.clientHeight, q = K * a.scale, B = ee * a.scale, te = Math.min(oe / 2 - q / 2, 0), ie = Math.min(le / 2 - B / 2, 0), se = -te, ae = -ie, ue > 0 && V && typeof e.currentX == "number" && typeof e.currentY == "number" ? (y = e.currentX * a.scale / ue, Y = e.currentY * a.scale / ue) : (y = T * a.scale, Y = I * a.scale), y < te && (y = te), y > se && (y = se), Y < ie && (Y = ie), Y > ae && (Y = ae)) : (y = 0, Y = 0), V && a.scale === 1 && (i.originX = 0, i.originY = 0), e.currentX = y, e.currentY = Y, i.imageWrapEl.style.transitionDuration = "300ms", i.imageWrapEl.style.transform = `translate3d(${y}px, ${Y}px,0)`, i.imageEl.style.transitionDuration = "300ms", i.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`;
+  }
+  function Ee() {
+    const r = t.zoom, a = t.params.zoom;
+    if (!i.slideEl) {
+      t.params.virtual && t.params.virtual.enabled && t.virtual ? i.slideEl = We(t.slidesEl, `.${t.params.slideActiveClass}`)[0] : i.slideEl = t.slides[t.activeIndex];
+      let s = i.slideEl.querySelector(`.${a.containerClass}`);
+      s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), i.imageEl = s, s ? i.imageWrapEl = fe(i.imageEl, `.${a.containerClass}`)[0] : i.imageWrapEl = void 0;
+    }
+    !i.imageEl || !i.imageWrapEl || (t.params.cssMode && (t.wrapperEl.style.overflow = "", t.wrapperEl.style.touchAction = ""), r.scale = 1, f = 1, e.currentX = void 0, e.currentY = void 0, e.touchesStart.x = void 0, e.touchesStart.y = void 0, i.imageWrapEl.style.transitionDuration = "300ms", i.imageWrapEl.style.transform = "translate3d(0,0,0)", i.imageEl.style.transitionDuration = "300ms", i.imageEl.style.transform = "translate3d(0,0,0) scale(1)", i.slideEl.classList.remove(`${a.zoomedSlideClass}`), i.slideEl = void 0, i.originX = 0, i.originY = 0, t.params.zoom.panOnMouseMove && (S = {
+      x: 0,
+      y: 0
+    }, x && (x = !1, e.startX = 0, e.startY = 0)));
+  }
+  function we(r) {
+    const a = t.zoom;
+    a.scale && a.scale !== 1 ? Ee() : ve(r);
+  }
+  function ye() {
+    const r = t.params.passiveListeners ? {
+      passive: !0,
+      capture: !1
+    } : !1, a = t.params.passiveListeners ? {
+      passive: !1,
+      capture: !0
+    } : !0;
+    return {
+      passiveListener: r,
+      activeListenerWithCapture: a
+    };
+  }
+  function be() {
+    const r = t.zoom;
+    if (r.enabled) return;
+    r.enabled = !0;
+    const {
+      passiveListener: a,
+      activeListenerWithCapture: s
+    } = ye();
+    t.wrapperEl.addEventListener("pointerdown", u, a), t.wrapperEl.addEventListener("pointermove", v, s), ["pointerup", "pointercancel", "pointerout"].forEach((g) => {
+      t.wrapperEl.addEventListener(g, b, a);
+    }), t.wrapperEl.addEventListener("pointermove", X, s);
+  }
+  function xe() {
+    const r = t.zoom;
+    if (!r.enabled) return;
+    r.enabled = !1;
+    const {
+      passiveListener: a,
+      activeListenerWithCapture: s
+    } = ye();
+    t.wrapperEl.removeEventListener("pointerdown", u, a), t.wrapperEl.removeEventListener("pointermove", v, s), ["pointerup", "pointercancel", "pointerout"].forEach((g) => {
+      t.wrapperEl.removeEventListener(g, b, a);
+    }), t.wrapperEl.removeEventListener("pointermove", X, s);
+  }
+  o("init", () => {
+    t.params.zoom.enabled && be();
+  }), o("destroy", () => {
+    xe();
+  }), o("touchStart", (r, a) => {
+    t.zoom.enabled && C(a);
+  }), o("touchEnd", (r, a) => {
+    t.zoom.enabled && z();
+  }), o("doubleTap", (r, a) => {
+    !t.animating && t.params.zoom.enabled && t.zoom.enabled && t.params.zoom.toggle && we(a);
+  }), o("transitionEnd", () => {
+    t.zoom.enabled && t.params.zoom.enabled && ge();
+  }), o("slideChange", () => {
+    t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && ge();
+  }), Object.assign(t.zoom, {
+    enable: be,
+    disable: xe,
+    in: ve,
+    out: Ee,
+    toggle: we
+  });
+}
+const Ne = ["id"], Ge = ["id", "data-cy"], Ke = ["data-idx", "loading", "fetchpriority", "alt", "width", "height", "onLoad"], Ze = ["id"], Je = ["loading", "alt"], Qe = /* @__PURE__ */ Oe({
+  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(n, { expose: t, emit: d }) {
+    const o = d, c = ke({
+      swiperParams: { modules: [Ve] },
+      swiper: null,
+      initCarousel: !1
+    }), E = ce(), f = ce(!1), $ = De(), x = H(() => n.id ?? $), S = H(() => n.swiperOptions?.slidesPerView || 1), J = H(() => n.thumbSwiperOptions?.slidesPerView || 1), F = H(() => !!n.swiperOptions?.keyboard), R = H(() => !!n.swiperOptions.navigation), m = H(() => !!n.swiperOptions.pagination), i = H(() => !!n.swiperOptions.autoplay), e = H(
+      () => n.swiperOptions?.effect || "slider"
+    ), p = () => {
+      n.swiperOptions && Re(n.swiperOptions, c.swiperParams);
+    }, j = (l, h = -1) => {
+      if (!l.images)
+        return { src: l.src || "" };
+      let u = "", v = "", b = "";
+      if (n.artDirection) {
+        for (const M in n.artDirection) {
+          const { mq: C, width: X } = n.artDirection[M];
+          X && (b += b ? `,${C} ${parseInt(X)}px` : `${C} ${parseInt(X)}px`);
+        }
+        v = l.images.reduce((M, C, X) => {
+          const z = Object.values(n.artDirection)[X];
+          return !z || !z.width || (M += M ? `, ${C.storagePath} ${z.width}` : `${C.storagePath} ${z.width}`), M;
+        }, ""), u = l.images[0].storagePath;
+      } else {
+        let M = l.images;
+        l.images.length > 3 ? M = l.images.slice(2, 5) : n.shiftFirstImage && (M[0] = M[1]), v = M.reduce((C, X, z) => (z === 0 && (u = `${X.storagePath}`), z > 0 && (C += ", "), `${C}${X.storagePath} ${z + 1}x`), "");
+      }
+      const _ = u, G = v;
+      return typeof S.value == "number" && h > S.value ? (u = "", v = "", { sizes: b, "data-src": _, "data-srcset": G }) : { src: u, srcset: v, sizes: b };
+    }, O = [], Q = (l) => {
+      if (typeof S.value == "string") return;
+      const h = O[l];
+      if (h && !h.src && (h.src = h.dataset.src || "", h.srcset = h.dataset.srcset || ""), l < S.value || l + 1 >= (n.images ?? []).length)
+        return;
+      const u = O[l + 1];
+      u && !u.src && (u.src = u?.dataset.src || "", u.srcset = u?.dataset.srcset || "");
+    };
+    t({
+      moveTo(l, h = 0, u = !0) {
+        c.swiper?.slideTo(l, h, u);
+      }
+    });
+    const U = ce(null), re = (l) => {
+      l === 0 && O && O[l] && Me(() => {
+        U.value?.setAttribute("data-first-slide-loaded", "true"), o("firstSlideLoaded");
+      });
+    };
+    return Ie(async () => {
+      if (p(), F.value) {
+        const { Keyboard: u } = await import("./keyboard.1cl3p4mk.js");
+        c.swiperParams.modules?.push(u), c.swiperParams.keyboard = n.swiperOptions.keyboard;
+      }
+      if (m.value) {
+        const { Pagination: u } = await import("./pagination.BY56pkKE.js");
+        c.swiperParams.modules?.push(u), c.swiperParams.pagination = {
+          el: ".swiper-pagination",
+          renderFraction: (v, b) => `<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="${v}"></span>
+                    /
+                    <span data-cy="swiper-pagination-total" class="${b}"></span>
+                 </div>`,
+          ...typeof c.swiperParams.pagination == "boolean" ? {} : c.swiperParams.pagination
+        };
+      }
+      if (R.value) {
+        const { Navigation: u } = await import("./navigation.BMbGenMb.js");
+        c.swiperParams.modules?.push(u);
+        const v = {
+          ...n.swiperOptions.navigation.nextEl ?? {
+            nextEl: ".swiper-button-next"
+          },
+          ...n.swiperOptions.navigation.prevEl ?? {
+            prevEl: ".swiper-button-prev"
+          }
+        };
+        c.swiperParams.navigation = {
+          ...typeof n.swiperOptions.navigation == "object" ? n.swiperOptions.navigation : {},
+          ...v
+        };
+      }
+      if (i.value) {
+        const { Autoplay: u } = await import("./autoplay.PAkd8mEA.js");
+        c.swiperParams.modules?.push(u), c.swiperParams.autoplay = n.swiperOptions.autoplay;
+      }
+      const l = {
+        ...c.swiperParams,
+        on: {
+          init: () => {
+            f.value = !0;
+          },
+          slideChange: (u) => {
+            Q(u.activeIndex), o("moved", { activeIndex: u.activeIndex });
+          }
+        }
+      };
+      let h = null;
+      if (n.thumbSwiperOptions) {
+        const [u, v, b] = await Promise.all([
+          import("./thumbs.DMUSQ4UG.js"),
+          import("./free-mode.CgW-CG5o.js"),
+          import("./controller.B4dN1HzT.js")
+        ]);
+        c.swiperParams.modules?.push(u.Thumbs), c.swiperParams.modules?.push(b.Controller), h = new ze(`#thumb_${n.id}`, {
+          ...n.thumbSwiperOptions,
+          modules: [v.FreeMode]
+        }), l.thumbs = {
+          swiper: h
+        };
+      }
+      l.lazyPreloadPrevNext = 1, c.swiper = new ze(`#${n.id}`, l), E.value?.classList.remove("uikit-hidden");
+    }), He(
+      () => n.images,
+      () => {
+        Me(() => {
+          c.swiper?.update();
+        });
+      }
+    ), (l, h) => (P(), W("div", {
+      id: `root-${x.value}`,
+      ref_key: "root",
+      ref: U,
+      class: L(["swiper-carousel-root", l.$attrs["root-classes"]])
+    }, [
+      A("div", {
+        id: x.value,
+        "data-cy": l.$attrs["data-cy"],
+        class: L(["swiper", l.$attrs["swiper-classes"]])
+      }, [
+        A("div", {
+          ref_key: "swiperWrapper",
+          ref: E,
+          class: L(["swiper-wrapper", [
+            l.$attrs["swiper-wrapper-classes"],
+            e.value === "none" && "no-transition"
+          ]]),
+          onClick: h[0] || (h[0] = (u) => o("click"))
+        }, [
+          Xe(l.$slots, "default", {}, () => [
+            (P(!0), W(de, null, Ye(l.images, (u, v) => (P(), W("div", {
+              key: `swiper_${x.value}_${v}`,
+              class: L(["swiper-slide", l.$attrs["swiper-slide-classes"]])
+            }, [
+              A("div", {
+                class: L(["swiper-zoom-container", l.$attrs["swiper-zoom-container-classes"]])
+              }, [
+                l.backgroundImage ? ne("", !0) : (P(), W("img", Ce({
+                  key: 0,
+                  ref_for: !0,
+                  ref: (b) => {
+                    O.push(b);
+                  },
+                  class: ["disable-select", [l.$attrs["slide-img-classes"] || u.classes]],
+                  "data-idx": `${x.value}-slide-img-${v}`
+                }, j(u, v), {
+                  loading: l.lazyLoadImages || v >= S.value ? "lazy" : void 0,
+                  fetchpriority: !l.lazyLoadImages && v === 0 ? "high" : "low",
+                  alt: u.alt,
+                  itemprop: "image",
+                  width: u.width,
+                  height: u.height,
+                  onLoad: (b) => re(v)
+                }), null, 16, Ke))
+              ], 2)
+            ], 2))), 128)),
+            Xe(l.$slots, "last_slide", {}, void 0, !0)
+          ], !0)
+        ], 2),
+        m.value ? (P(), W("div", {
+          key: 0,
+          class: L([l.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
+          onClick: h[1] || (h[1] = me(() => {
+          }, ["stop"]))
+        }, null, 2)) : ne("", !0),
+        R.value ? (P(), W(de, { key: 1 }, [
+          A("div", {
+            class: "swiper-button-prev",
+            "data-cy": "swiper-button-prev",
+            onClick: h[2] || (h[2] = me(() => {
+            }, ["stop"]))
+          }),
+          A("div", {
+            class: "swiper-button-next",
+            "data-cy": "swiper-button-next",
+            onClick: h[3] || (h[3] = me(() => {
+            }, ["stop"]))
+          })
+        ], 64)) : ne("", !0)
+      ], 10, Ge),
+      l.thumbSwiperOptions ? (P(), W("div", {
+        key: 0,
+        id: `thumb_${x.value}`,
+        thumbsSlider: "",
+        class: L(["swiper", l.$attrs["thumb-swiper-classes"]])
+      }, [
+        A("div", {
+          class: L(["swiper-wrapper", l.$attrs["thumb-swiper-wrapper-classes"]])
+        }, [
+          (P(!0), W(de, null, Ye(l.images, (u, v) => (P(), W("div", {
+            key: `thumb_${x.value}_${v}`,
+            class: L(["swiper-slide", l.$attrs["thumb-img-wrapper-classes"]])
+          }, [
+            A("img", Ce({
+              class: l.$attrs["thumb-img-classes"],
+              ref_for: !0
+            }, j(u), {
+              loading: v >= J.value ? "lazy" : void 0,
+              alt: u.alt
+            }), null, 16, Je)
+          ], 2))), 128))
+        ], 2)
+      ], 10, Ze)) : ne("", !0)
+    ], 10, Ne));
+  }
+}), dt = /* @__PURE__ */ Ae(Qe, [["__scopeId", "data-v-9078f8da"]]);
+export {
+  dt as S,
+  N as a,
+  fe as b,
+  at as c,
+  Pe as d,
+  We as e,
+  lt as f,
+  Fe as g,
+  nt as h,
+  st as i,
+  ut as j,
+  ot as k,
+  ct as m,
+  rt as n
+};