@wikicasa-dev/components 1.2.46 → 1.2.48

package/dist/chunks/{SwiperCarousel.vue_vue_type_style_index_0_lang.BHI3p0bd.js → SwiperCarousel.vue_vue_type_style_index_0_lang.C_fZeeSF.js}

@@ -1,5 +1,5 @@
 import '../assets/SwiperCarousel.css';
-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 { 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 ne, nextTick as $e } from "vue";
 import { Swiper as ve } from "swiper";
 import { r as Me } from "./ObjectUtils.B1Dk4qsM.js";
 import "./js.cookie.BaTT4o7s.js";
@@ -179,7 +179,7 @@ function Ke(r) {
     return u;
   }
 }
-function ne(r, e) {
+function se(r, e) {
   const u = [];
   let o = r.parentElement;
   for (; o; )
@@ -257,27 +257,27 @@ function Oe(r) {
     get() {
       return H;
     },
-    set(s) {
-      if (H !== s) {
-        const n = t.imageEl, a = t.slideEl;
-        v("zoomChange", s, n, a);
+    set(n) {
+      if (H !== n) {
+        const s = t.imageEl, a = t.slideEl;
+        v("zoomChange", n, s, a);
       }
-      H = s;
+      H = n;
     }
   });
   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);
+    const n = m[0].pageX, s = m[0].pageY, a = m[1].pageX, w = m[1].pageY;
+    return Math.sqrt((a - n) ** 2 + (w - s) ** 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 n = e.params.zoom, s = t.imageWrapEl.getAttribute("data-swiper-zoom") || n.maxRatio;
+    if (n.limitToOriginalSize && t.imageEl && t.imageEl.naturalWidth) {
       const a = t.imageEl.naturalWidth / t.imageEl.offsetWidth;
-      return Math.min(a, n);
+      return Math.min(a, s);
     }
-    return n;
+    return s;
   }
   function Q() {
     if (m.length < 2)
@@ -285,29 +285,29 @@ function Oe(r) {
         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];
+    const n = t.imageEl.getBoundingClientRect();
+    return [(m[0].pageX + (m[1].pageX - m[0].pageX) / 2 - n.x - d.scrollX) / g, (m[0].pageY + (m[1].pageY - m[0].pageY) / 2 - n.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 R(n) {
+    const s = V();
+    return !!(n.target.matches(s) || e.slides.filter((a) => a.contains(n.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 l(n) {
+    const s = `.${e.params.zoom.containerClass}`;
+    return !!(n.target.matches(s) || [...e.hostEl.querySelectorAll(s)].filter((a) => a.contains(n.target)).length > 0);
   }
-  function f(s) {
-    if (s.pointerType === "mouse" && m.splice(0, m.length), !R(s))
+  function f(n) {
+    if (n.pointerType === "mouse" && m.splice(0, m.length), !R(n))
       return;
-    const n = e.params.zoom;
-    if (T = !1, I = !1, m.push(s), !(m.length < 2)) {
+    const s = e.params.zoom;
+    if (T = !1, I = !1, m.push(n), !(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.slideEl = n.target.closest(`.${e.params.slideClass}, swiper-slide`), t.slideEl || (t.slideEl = e.slides[e.activeIndex]);
+        let a = t.slideEl.querySelector(`.${s.containerClass}`);
+        if (a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = a, a ? t.imageWrapEl = se(t.imageEl, `.${s.containerClass}`)[0] : t.imageWrapEl = void 0, !t.imageWrapEl) {
           t.imageEl = void 0;
           return;
         }
@@ -320,37 +320,37 @@ function Oe(r) {
       y = !0;
     }
   }
-  function c(s) {
-    if (!R(s))
+  function c(n) {
+    if (!R(n))
       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})`));
+    const s = e.params.zoom, a = e.zoom, w = m.findIndex((S) => S.pointerId === n.pointerId);
+    w >= 0 && (m[w] = n), !(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 < s.minRatio && (a.scale = s.minRatio + 1 - (s.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")
+  function h(n) {
+    if (!R(n) || n.pointerType === "mouse" && n.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)));
+    const s = e.params.zoom, a = e.zoom, w = m.findIndex((S) => S.pointerId === n.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), s.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(`${s.zoomedSlideClass}`) : a.scale <= 1 && t.slideEl && t.slideEl.classList.remove(`${s.zoomedSlideClass}`), a.scale === 1 && (t.originX = 0, t.originY = 0, t.slideEl = void 0)));
   }
-  function b(s) {
-    const n = e.device;
+  function b(n) {
+    const s = 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;
+    s.android && n.cancelable && n.preventDefault(), i.isTouched = !0;
+    const a = m.length > 0 ? m[0] : n;
     i.touchesStart.x = a.pageX, i.touchesStart.y = a.pageY;
   }
-  function N(s) {
-    if (!R(s) || !l(s))
+  function N(n) {
+    if (!R(n) || !l(n))
       return;
-    const n = e.zoom;
+    const s = 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;
+    const a = i.width * s.scale, w = i.height * s.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 (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 : n.pageX, i.touchesCurrent.y = m.length > 0 ? m[0].pageY : n.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;
@@ -360,15 +360,15 @@ function Oe(r) {
         return;
       }
     }
-    s.cancelable && s.preventDefault(), s.stopPropagation(), i.isMoved = !0;
-    const P = (n.scale - g) / (t.maxRatio - e.params.zoom.minRatio), {
+    n.cancelable && n.preventDefault(), n.stopPropagation(), i.isMoved = !0;
+    const P = (s.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;
+    const n = e.zoom;
     if (!t.imageEl)
       return;
     if (!i.isTouched || !i.isMoved) {
@@ -376,97 +376,97 @@ function Oe(r) {
       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);
+    let s = 300, a = 300;
+    const w = p.x * s, S = i.currentX + w, P = p.y * a, L = i.currentY + P;
+    p.x !== 0 && (s = Math.abs((S - i.currentX) / p.x)), p.y !== 0 && (a = Math.abs((L - i.currentY) / p.y));
+    const A = Math.max(s, a);
     i.currentX = S, i.currentY = L;
-    const G = i.width * s.scale, X = i.height * s.scale;
+    const G = i.width * n.scale, X = i.height * n.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);
+    const n = 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}`), n.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;
+  function x(n) {
+    const s = 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]);
+      n && n.target && (t.slideEl = n.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;
+      q && (q = q.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = q, q ? t.imageWrapEl = se(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;
+    typeof i.touchesStart.x > "u" && n ? (w = n.pageX, S = n.pageY) : (w = i.touchesStart.x, S = i.touchesStart.y);
+    const F = typeof n == "number" ? n : 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})`;
+    s.scale = F || fe, g = F || fe, n && !(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 * s.scale, pe = de * s.scale, K = Math.min(te / 2 - me / 2, 0), Z = Math.min(ie / 2 - pe / 2, 0), _ = -K, ee = -Z, X = A * s.scale, O = G * s.scale, X < K && (X = K), X > _ && (X = _), O < Z && (O = Z), O > ee && (O = ee)) : (X = 0, O = 0), F && s.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(${s.scale})`;
   }
   function C() {
-    const s = e.zoom, n = e.params.zoom;
+    const n = e.zoom, s = 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;
+      let a = t.slideEl.querySelector(`.${s.containerClass}`);
+      a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = a, a ? t.imageWrapEl = se(t.imageEl, `.${s.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);
+    !t.imageEl || !t.imageWrapEl || (e.params.cssMode && (e.wrapperEl.style.overflow = "", e.wrapperEl.style.touchAction = ""), n.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(`${s.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 z(n) {
+    const s = e.zoom;
+    s.scale && s.scale !== 1 ? C() : x(n);
   }
   function oe() {
-    const s = e.params.passiveListeners ? {
+    const n = e.params.passiveListeners ? {
       passive: !0,
       capture: !1
-    } : !1, n = e.params.passiveListeners ? {
+    } : !1, s = e.params.passiveListeners ? {
       passive: !1,
       capture: !0
     } : !0;
     return {
-      passiveListener: s,
-      activeListenerWithCapture: n
+      passiveListener: n,
+      activeListenerWithCapture: s
     };
   }
   function le() {
-    const s = e.zoom;
-    if (s.enabled)
+    const n = e.zoom;
+    if (n.enabled)
       return;
-    s.enabled = !0;
+    n.enabled = !0;
     const {
-      passiveListener: n,
+      passiveListener: s,
       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("pointerdown", f, s), e.wrapperEl.addEventListener("pointermove", c, a), ["pointerup", "pointercancel", "pointerout"].forEach((w) => {
+      e.wrapperEl.addEventListener(w, h, s);
     }), e.wrapperEl.addEventListener("pointermove", N, a);
   }
   function ue() {
-    const s = e.zoom;
-    if (!s.enabled)
+    const n = e.zoom;
+    if (!n.enabled)
       return;
-    s.enabled = !1;
+    n.enabled = !1;
     const {
-      passiveListener: n,
+      passiveListener: s,
       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("pointerdown", f, s), e.wrapperEl.removeEventListener("pointermove", c, a), ["pointerup", "pointercancel", "pointerout"].forEach((w) => {
+      e.wrapperEl.removeEventListener(w, h, s);
     }), 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) => {
+  }), o("touchStart", (n, s) => {
+    e.zoom.enabled && b(s);
+  }), o("touchEnd", (n, s) => {
     e.zoom.enabled && U();
-  }), o("doubleTap", (s, n) => {
-    !e.animating && e.params.zoom.enabled && e.zoom.enabled && e.params.zoom.toggle && z(n);
+  }), o("doubleTap", (n, s) => {
+    !e.animating && e.params.zoom.enabled && e.zoom.enabled && e.params.zoom.toggle && z(s);
   }), o("transitionEnd", () => {
     e.zoom.enabled && e.params.zoom.enabled && E();
   }), o("slideChange", () => {
@@ -551,11 +551,11 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
     };
     return Xe(async () => {
       if (H(), I.value) {
-        const { Keyboard: c } = await import("./index.CdEglHxG.js");
+        const { Keyboard: c } = await import("./index.CAhFeT_E.js");
         d.swiperParams.modules?.push(c), d.swiperParams.keyboard = o.swiperOptions.keyboard;
       }
       if (t.value) {
-        const { Pagination: c } = await import("./index.CdEglHxG.js");
+        const { Pagination: c } = await import("./index.CAhFeT_E.js");
         d.swiperParams.modules?.push(c), 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]">
@@ -567,7 +567,7 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
         };
       }
       if (m.value) {
-        const { Navigation: c } = await import("./index.CdEglHxG.js");
+        const { Navigation: c } = await import("./index.CAhFeT_E.js");
         d.swiperParams.modules?.push(c);
         const h = {
           ...o.swiperOptions.navigation.nextEl ?? {
@@ -583,7 +583,7 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
         };
       }
       if (i.value) {
-        const { Autoplay: c } = await import("./index.CdEglHxG.js");
+        const { Autoplay: c } = await import("./index.CAhFeT_E.js");
         d.swiperParams.modules?.push(c), d.swiperParams.autoplay = o.swiperOptions.autoplay;
       }
       const l = {
@@ -596,7 +596,7 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
       };
       let f = null;
       if (o.thumbSwiperOptions) {
-        const { Thumbs: c, FreeMode: h, Controller: b } = await import("./index.CdEglHxG.js");
+        const { Thumbs: c, FreeMode: h, Controller: b } = await import("./index.CAhFeT_E.js");
         d.swiperParams.modules?.push(c), d.swiperParams.modules?.push(b), f = new ve(`#thumb_${o.id}`, {
           ...o.thumbSwiperOptions,
           modules: [h]
@@ -625,7 +625,7 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
           ]]),
           onClick: f[0] || (f[0] = (c) => v("click"))
         }, [
-          Ye(l.$slots, "swiper_slide", {}, () => [
+          Ye(l.$slots, "default", {}, () => [
             (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"]])
@@ -656,20 +656,20 @@ const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "
         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(() => {
+          onClick: f[1] || (f[1] = ne(() => {
           }, ["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(() => {
+            onClick: f[2] || (f[2] = ne(() => {
             }, ["stop"]))
           }),
           k("div", {
             class: "swiper-button-next",
             "data-cy": "swiper-button-next",
-            onClick: f[3] || (f[3] = se(() => {
+            onClick: f[3] || (f[3] = ne(() => {
             }, ["stop"]))
           })
         ], 64)) : J("", !0)
@@ -706,7 +706,7 @@ export {
   Se as b,
   be as c,
   Ge as d,
-  ne as e,
+  se as e,
   Je as f,
   Te as g,
   Ke as h,

package/dist/chunks/{index.CdEglHxG.js → index.CAhFeT_E.js}

@@ -1,5 +1,5 @@
-import { g as N, a as W, e as R, b as X, c as G, d as Y, m as D, f as Z, h as j, n as J, i as F, j as Q, k as q } from "./SwiperCarousel.vue_vue_type_style_index_0_lang.BHI3p0bd.js";
-import { Z as ce } from "./SwiperCarousel.vue_vue_type_style_index_0_lang.BHI3p0bd.js";
+import { g as N, a as W, e as R, b as X, c as G, d as Y, m as D, f as Z, h as j, n as J, i as F, j as Q, k as q } from "./SwiperCarousel.vue_vue_type_style_index_0_lang.C_fZeeSF.js";
+import { Z as ce } from "./SwiperCarousel.vue_vue_type_style_index_0_lang.C_fZeeSF.js";
 function te(k) {
   let {
     swiper: e,

package/dist/components/carousel/SwiperCarousel.vue.d.ts

@@ -32,17 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     backgroundImage: boolean;
     shiftFirstImage: boolean;
 }>>> & {
+    onClick?: (() => any) | undefined;
     onMoved?: ((args_0: {
         activeIndex: number;
     }) => any) | undefined;
-    onClick?: (() => any) | undefined;
     onFirstSlideLoaded?: (() => any) | undefined;
 }, {
     lazyLoadImages: boolean;
     backgroundImage: boolean;
     shiftFirstImage: boolean;
 }, {}>, {
-    swiper_slide?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/carousel/SwiperSlide.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -31,5 +31,6 @@ import BaseModal from './UIKit/BaseModal.vue';
 import IntersectionObservable from './components/IntersectionObserver/IntersectionObservable.vue';
 import IntersectionObserver from './components/IntersectionObserver/IntersectionObserver.vue';
 import SwiperCarousel from './components/carousel/SwiperCarousel.vue';
+import SwiperSlide from './components/carousel/SwiperSlide.vue';
 import { useValidator } from './composables/useValidator';
-export { BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, };
+export { BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, };

package/dist/index.js

@@ -6,16 +6,16 @@ import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_tru
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
 import { default as B } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C5jcwwv6.js";
-import { default as i } from "./RadioButton.js";
+import { default as c } from "./RadioButton.js";
 import { default as b } from "./RadioGroup.js";
-import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CJSkDBar.js";
+import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
-import { _ as S } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DkNApxB4.js";
-import { _ as h } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
-import { _ as w } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.Ct4_y9HP.js";
+import { _ as w } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
+import { _ as k } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
 import { _ as F } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
 import { default as O } from "./BaseComplexToggle.js";
-import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.D9uxpIpT.js";
+import { _ as R } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.C4VH7V0e.js";
 import { default as M } from "./BaseFloatingLabel.js";
 import { default as U } from "./BaseIcon.js";
 import { default as j } from "./BaseInput.js";
@@ -31,8 +31,9 @@ import { default as te } from "./BaseUploadFile.js";
 import { default as fe } from "./BaseModal.js";
 import { _ as me } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
 import { _ as le } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
-import { _ as Be } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.BHI3p0bd.js";
-import { useValidator as ne } from "./useValidator.js";
+import { _ as Be } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.C_fZeeSF.js";
+import { default as ne } from "./SwiperSlide.js";
+import { useValidator as ce } from "./useValidator.js";
 export {
   A as AccessibleSelect,
   a as BaseAccordion,
@@ -40,9 +41,9 @@ export {
   f as BaseAccordionContent,
   m as BaseAccordionItem,
   C as BaseAlert,
-  S as BaseAutocomplete,
-  h as BaseBadge,
-  w as BaseButton,
+  T as BaseAutocomplete,
+  w as BaseBadge,
+  k as BaseButton,
   F as BaseCard,
   O as BaseComplexToggle,
   R as BaseDropDown,
@@ -63,9 +64,10 @@ export {
   n as CheckboxGroup,
   me as IntersectionObservable,
   le as IntersectionObserver,
-  i as RadioButton,
+  c as RadioButton,
   b as RadioGroup,
   l as SelectItem,
   Be as SwiperCarousel,
-  ne as useValidator
+  ne as SwiperSlide,
+  ce as useValidator
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.2.46",
+  "version": "1.2.48",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -54,6 +54,7 @@
     "@wikicasa-dev/types": "^0.9.2",
     "@wikicasa-dev/utilities": "^0.2.1",
     "@wikicasa-dev/svg-icons": "^0.0.1",
+    "@wikicasa-dev/vue-composables": "^0.0.3",
     "autoprefixer": "^10.4.15",
     "chromatic": "^11.2.0",
     "eslint": "^8.57.0",