@okam/stack-ui 1.41.2 → 1.42.0

package/index193.mjs

@@ -1,282 +1,227 @@
-import { a as ue } from "./index209.mjs";
-import { e as V, a as L, b as ee, j as te } from "./index210.mjs";
-function pe(ie) {
+import { c as $ } from "./index282.mjs";
+import { c as F } from "./index281.mjs";
+import { m, f as E, h as S, a as T } from "./index213.mjs";
+function N(I) {
   let {
-    swiper: i,
-    extendParams: ae,
-    on: d,
-    emit: ne
-  } = ie;
-  const x = ue();
-  ae({
-    zoom: {
-      enabled: !1,
-      limitToOriginalSize: !1,
-      maxRatio: 3,
-      minRatio: 1,
-      toggle: !0,
-      containerClass: "swiper-zoom-container",
-      zoomedSlideClass: "swiper-slide-zoomed"
+    swiper: e,
+    extendParams: H,
+    on: g,
+    emit: v
+  } = I;
+  const d = "swiper-pagination";
+  H({
+    pagination: {
+      el: null,
+      bulletElement: "span",
+      clickable: !1,
+      hideOnClick: !1,
+      renderBullet: null,
+      renderProgressbar: null,
+      renderFraction: null,
+      renderCustom: null,
+      progressbarOpposite: !1,
+      type: "bullets",
+      // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+      dynamicBullets: !1,
+      dynamicMainBullets: 1,
+      formatFractionCurrent: (a) => a,
+      formatFractionTotal: (a) => a,
+      bulletClass: `${d}-bullet`,
+      bulletActiveClass: `${d}-bullet-active`,
+      modifierClass: `${d}-`,
+      currentClass: `${d}-current`,
+      totalClass: `${d}-total`,
+      hiddenClass: `${d}-hidden`,
+      progressbarFillClass: `${d}-progressbar-fill`,
+      progressbarOppositeClass: `${d}-progressbar-opposite`,
+      clickableClass: `${d}-clickable`,
+      lockClass: `${d}-lock`,
+      horizontalClass: `${d}-horizontal`,
+      verticalClass: `${d}-vertical`,
+      paginationDisabledClass: `${d}-disabled`
     }
-  }), i.zoom = {
-    enabled: !1
+  }), e.pagination = {
+    el: null,
+    bullets: []
   };
-  let m = 1, W = !1, X, Y;
-  const r = [], e = {
-    originX: 0,
-    originY: 0,
-    slideEl: void 0,
-    slideWidth: void 0,
-    slideHeight: void 0,
-    imageEl: void 0,
-    imageWrapEl: void 0,
-    maxRatio: 3
-  }, t = {
-    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: {}
-  }, o = {
-    x: void 0,
-    y: void 0,
-    prevPositionX: void 0,
-    prevPositionY: void 0,
-    prevTime: void 0
-  };
-  let S = 1;
-  Object.defineProperty(i.zoom, "scale", {
-    get() {
-      return S;
-    },
-    set(a) {
-      if (S !== a) {
-        const n = e.imageEl, s = e.slideEl;
-        ne("zoomChange", a, n, s);
-      }
-      S = a;
-    }
-  });
-  function R() {
-    if (r.length < 2) return 1;
-    const a = r[0].pageX, n = r[0].pageY, s = r[1].pageX, l = r[1].pageY;
-    return Math.sqrt((s - a) ** 2 + (l - n) ** 2);
-  }
-  function P() {
-    const a = i.params.zoom, n = e.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio;
-    if (a.limitToOriginalSize && e.imageEl && e.imageEl.naturalWidth) {
-      const s = e.imageEl.naturalWidth / e.imageEl.offsetWidth;
-      return Math.min(s, n);
-    }
-    return n;
-  }
-  function se() {
-    if (r.length < 2) return {
-      x: null,
-      y: null
-    };
-    const a = e.imageEl.getBoundingClientRect();
-    return [(r[0].pageX + (r[1].pageX - r[0].pageX) / 2 - a.x - x.scrollX) / m, (r[0].pageY + (r[1].pageY - r[0].pageY) / 2 - a.y - x.scrollY) / m];
-  }
-  function re() {
-    return i.isElement ? "swiper-slide" : `.${i.params.slideClass}`;
-  }
-  function y(a) {
-    const n = re();
-    return !!(a.target.matches(n) || i.slides.filter((s) => s.contains(a.target)).length > 0);
-  }
-  function oe(a) {
-    const n = `.${i.params.zoom.containerClass}`;
-    return !!(a.target.matches(n) || [...i.hostEl.querySelectorAll(n)].filter((s) => s.contains(a.target)).length > 0);
+  let b, u = 0;
+  function k() {
+    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
   }
-  function H(a) {
-    if (a.pointerType === "mouse" && r.splice(0, r.length), !y(a)) return;
-    const n = i.params.zoom;
-    if (X = !1, Y = !1, r.push(a), !(r.length < 2)) {
-      if (X = !0, e.scaleStart = R(), !e.slideEl) {
-        e.slideEl = a.target.closest(`.${i.params.slideClass}, swiper-slide`), e.slideEl || (e.slideEl = i.slides[i.activeIndex]);
-        let s = e.slideEl.querySelector(`.${n.containerClass}`);
-        if (s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = s, s ? e.imageWrapEl = L(e.imageEl, `.${n.containerClass}`)[0] : e.imageWrapEl = void 0, !e.imageWrapEl) {
-          e.imageEl = void 0;
-          return;
+  function x(a, s) {
+    const {
+      bulletActiveClass: i
+    } = e.params.pagination;
+    a && (a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && (a.classList.add(`${i}-${s}`), a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && a.classList.add(`${i}-${s}-${s}`)));
+  }
+  function O(a, s, i) {
+    if (a = a % i, s = s % i, s === a + 1)
+      return "next";
+    if (s === a - 1)
+      return "previous";
+  }
+  function D(a) {
+    const s = a.target.closest($(e.params.pagination.bulletClass));
+    if (!s)
+      return;
+    a.preventDefault();
+    const i = S(s) * e.params.slidesPerGroup;
+    if (e.params.loop) {
+      if (e.realIndex === i) return;
+      const t = O(e.realIndex, i, e.slides.length);
+      t === "next" ? e.slideNext() : t === "previous" ? e.slidePrev() : e.slideToLoop(i);
+    } else
+      e.slideTo(i);
+  }
+  function h() {
+    const a = e.rtl, s = e.params.pagination;
+    if (k()) return;
+    let i = e.pagination.el;
+    i = m(i);
+    let t, p;
+    const C = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, z = e.params.loop ? Math.ceil(C / e.params.slidesPerGroup) : e.snapGrid.length;
+    if (e.params.loop ? (p = e.previousRealIndex || 0, t = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (t = e.snapIndex, p = e.previousSnapIndex) : (p = e.previousIndex || 0, t = e.activeIndex || 0), s.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
+      const l = e.pagination.bullets;
+      let f, c, L;
+      if (s.dynamicBullets && (b = E(l[0], e.isHorizontal() ? "width" : "height"), i.forEach((n) => {
+        n.style[e.isHorizontal() ? "width" : "height"] = `${b * (s.dynamicMainBullets + 4)}px`;
+      }), s.dynamicMainBullets > 1 && p !== void 0 && (u += t - (p || 0), u > s.dynamicMainBullets - 1 ? u = s.dynamicMainBullets - 1 : u < 0 && (u = 0)), f = Math.max(t - u, 0), c = f + (Math.min(l.length, s.dynamicMainBullets) - 1), L = (c + f) / 2), l.forEach((n) => {
+        const r = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((o) => `${s.bulletActiveClass}${o}`)].map((o) => typeof o == "string" && o.includes(" ") ? o.split(" ") : o).flat();
+        n.classList.remove(...r);
+      }), i.length > 1)
+        l.forEach((n) => {
+          const r = S(n);
+          r === t ? n.classList.add(...s.bulletActiveClass.split(" ")) : e.isElement && n.setAttribute("part", "bullet"), s.dynamicBullets && (r >= f && r <= c && n.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), r === f && x(n, "prev"), r === c && x(n, "next"));
+        });
+      else {
+        const n = l[t];
+        if (n && n.classList.add(...s.bulletActiveClass.split(" ")), e.isElement && l.forEach((r, o) => {
+          r.setAttribute("part", o === t ? "bullet-active" : "bullet");
+        }), s.dynamicBullets) {
+          const r = l[f], o = l[c];
+          for (let y = f; y <= c; y += 1)
+            l[y] && l[y].classList.add(...`${s.bulletActiveClass}-main`.split(" "));
+          x(r, "prev"), x(o, "next");
         }
-        e.maxRatio = P();
       }
-      if (e.imageEl) {
-        const [s, l] = se();
-        e.originX = s, e.originY = l, e.imageEl.style.transitionDuration = "0ms";
+      if (s.dynamicBullets) {
+        const n = Math.min(l.length, s.dynamicMainBullets + 4), r = (b * n - b) / 2 - L * b, o = a ? "right" : "left";
+        l.forEach((y) => {
+          y.style[e.isHorizontal() ? o : "top"] = `${r}px`;
+        });
       }
-      W = !0;
     }
-  }
-  function I(a) {
-    if (!y(a)) return;
-    const n = i.params.zoom, s = i.zoom, l = r.findIndex((c) => c.pointerId === a.pointerId);
-    l >= 0 && (r[l] = a), !(r.length < 2) && (Y = !0, e.scaleMove = R(), e.imageEl && (s.scale = e.scaleMove / e.scaleStart * m, s.scale > e.maxRatio && (s.scale = e.maxRatio - 1 + (s.scale - e.maxRatio + 1) ** 0.5), s.scale < n.minRatio && (s.scale = n.minRatio + 1 - (n.minRatio - s.scale + 1) ** 0.5), e.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`));
-  }
-  function A(a) {
-    if (!y(a) || a.pointerType === "mouse" && a.type === "pointerout") return;
-    const n = i.params.zoom, s = i.zoom, l = r.findIndex((c) => c.pointerId === a.pointerId);
-    l >= 0 && r.splice(l, 1), !(!X || !Y) && (X = !1, Y = !1, e.imageEl && (s.scale = Math.max(Math.min(s.scale, e.maxRatio), n.minRatio), e.imageEl.style.transitionDuration = `${i.params.speed}ms`, e.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`, m = s.scale, W = !1, s.scale > 1 && e.slideEl ? e.slideEl.classList.add(`${n.zoomedSlideClass}`) : s.scale <= 1 && e.slideEl && e.slideEl.classList.remove(`${n.zoomedSlideClass}`), s.scale === 1 && (e.originX = 0, e.originY = 0, e.slideEl = void 0)));
-  }
-  let q;
-  function w() {
-    i.touchEventsData.preventTouchMoveFromPointerMove = !1;
-  }
-  function le() {
-    clearTimeout(q), i.touchEventsData.preventTouchMoveFromPointerMove = !0, q = setTimeout(() => {
-      i.destroyed || w();
-    });
-  }
-  function ce(a) {
-    const n = i.device;
-    if (!e.imageEl || t.isTouched) return;
-    n.android && a.cancelable && a.preventDefault(), t.isTouched = !0;
-    const s = r.length > 0 ? r[0] : a;
-    t.touchesStart.x = s.pageX, t.touchesStart.y = s.pageY;
-  }
-  function O(a) {
-    if (!y(a) || !oe(a))
-      return;
-    const n = i.zoom;
-    if (!e.imageEl || !t.isTouched || !e.slideEl)
-      return;
-    t.isMoved || (t.width = e.imageEl.offsetWidth || e.imageEl.clientWidth, t.height = e.imageEl.offsetHeight || e.imageEl.clientHeight, t.startX = te(e.imageWrapEl, "x") || 0, t.startY = te(e.imageWrapEl, "y") || 0, e.slideWidth = e.slideEl.offsetWidth, e.slideHeight = e.slideEl.offsetHeight, e.imageWrapEl.style.transitionDuration = "0ms");
-    const s = t.width * n.scale, l = t.height * n.scale;
-    if (t.minX = Math.min(e.slideWidth / 2 - s / 2, 0), t.maxX = -t.minX, t.minY = Math.min(e.slideHeight / 2 - l / 2, 0), t.maxY = -t.minY, t.touchesCurrent.x = r.length > 0 ? r[0].pageX : a.pageX, t.touchesCurrent.y = r.length > 0 ? r[0].pageY : a.pageY, Math.max(Math.abs(t.touchesCurrent.x - t.touchesStart.x), Math.abs(t.touchesCurrent.y - t.touchesStart.y)) > 5 && (i.allowClick = !1), !t.isMoved && !W) {
-      if (i.isHorizontal() && (Math.floor(t.minX) === Math.floor(t.startX) && t.touchesCurrent.x < t.touchesStart.x || Math.floor(t.maxX) === Math.floor(t.startX) && t.touchesCurrent.x > t.touchesStart.x)) {
-        t.isTouched = !1, w();
-        return;
+    i.forEach((l, f) => {
+      if (s.type === "fraction" && (l.querySelectorAll($(s.currentClass)).forEach((c) => {
+        c.textContent = s.formatFractionCurrent(t + 1);
+      }), l.querySelectorAll($(s.totalClass)).forEach((c) => {
+        c.textContent = s.formatFractionTotal(z);
+      })), s.type === "progressbar") {
+        let c;
+        s.progressbarOpposite ? c = e.isHorizontal() ? "vertical" : "horizontal" : c = e.isHorizontal() ? "horizontal" : "vertical";
+        const L = (t + 1) / z;
+        let n = 1, r = 1;
+        c === "horizontal" ? n = L : r = L, l.querySelectorAll($(s.progressbarFillClass)).forEach((o) => {
+          o.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${r})`, o.style.transitionDuration = `${e.params.speed}ms`;
+        });
       }
-      if (!i.isHorizontal() && (Math.floor(t.minY) === Math.floor(t.startY) && t.touchesCurrent.y < t.touchesStart.y || Math.floor(t.maxY) === Math.floor(t.startY) && t.touchesCurrent.y > t.touchesStart.y)) {
-        t.isTouched = !1, w();
-        return;
-      }
-    }
-    a.cancelable && a.preventDefault(), a.stopPropagation(), le(), t.isMoved = !0;
-    const f = (n.scale - m) / (e.maxRatio - i.params.zoom.minRatio), {
-      originX: p,
-      originY: h
-    } = e;
-    t.currentX = t.touchesCurrent.x - t.touchesStart.x + t.startX + f * (t.width - p * 2), t.currentY = t.touchesCurrent.y - t.touchesStart.y + t.startY + f * (t.height - h * 2), t.currentX < t.minX && (t.currentX = t.minX + 1 - (t.minX - t.currentX + 1) ** 0.8), t.currentX > t.maxX && (t.currentX = t.maxX - 1 + (t.currentX - t.maxX + 1) ** 0.8), t.currentY < t.minY && (t.currentY = t.minY + 1 - (t.minY - t.currentY + 1) ** 0.8), t.currentY > t.maxY && (t.currentY = t.maxY - 1 + (t.currentY - t.maxY + 1) ** 0.8), o.prevPositionX || (o.prevPositionX = t.touchesCurrent.x), o.prevPositionY || (o.prevPositionY = t.touchesCurrent.y), o.prevTime || (o.prevTime = Date.now()), o.x = (t.touchesCurrent.x - o.prevPositionX) / (Date.now() - o.prevTime) / 2, o.y = (t.touchesCurrent.y - o.prevPositionY) / (Date.now() - o.prevTime) / 2, Math.abs(t.touchesCurrent.x - o.prevPositionX) < 2 && (o.x = 0), Math.abs(t.touchesCurrent.y - o.prevPositionY) < 2 && (o.y = 0), o.prevPositionX = t.touchesCurrent.x, o.prevPositionY = t.touchesCurrent.y, o.prevTime = Date.now(), e.imageWrapEl.style.transform = `translate3d(${t.currentX}px, ${t.currentY}px,0)`;
-  }
-  function me() {
-    const a = i.zoom;
-    if (!e.imageEl) return;
-    if (!t.isTouched || !t.isMoved) {
-      t.isTouched = !1, t.isMoved = !1;
-      return;
-    }
-    t.isTouched = !1, t.isMoved = !1;
-    let n = 300, s = 300;
-    const l = o.x * n, c = t.currentX + l, f = o.y * s, p = t.currentY + f;
-    o.x !== 0 && (n = Math.abs((c - t.currentX) / o.x)), o.y !== 0 && (s = Math.abs((p - t.currentY) / o.y));
-    const h = Math.max(n, s);
-    t.currentX = c, t.currentY = p;
-    const z = t.width * a.scale, u = t.height * a.scale;
-    t.minX = Math.min(e.slideWidth / 2 - z / 2, 0), t.maxX = -t.minX, t.minY = Math.min(e.slideHeight / 2 - u / 2, 0), t.maxY = -t.minY, t.currentX = Math.max(Math.min(t.currentX, t.maxX), t.minX), t.currentY = Math.max(Math.min(t.currentY, t.maxY), t.minY), e.imageWrapEl.style.transitionDuration = `${h}ms`, e.imageWrapEl.style.transform = `translate3d(${t.currentX}px, ${t.currentY}px,0)`;
-  }
-  function G() {
-    const a = i.zoom;
-    e.slideEl && i.activeIndex !== i.slides.indexOf(e.slideEl) && (e.imageEl && (e.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), e.imageWrapEl && (e.imageWrapEl.style.transform = "translate3d(0,0,0)"), e.slideEl.classList.remove(`${i.params.zoom.zoomedSlideClass}`), a.scale = 1, m = 1, e.slideEl = void 0, e.imageEl = void 0, e.imageWrapEl = void 0, e.originX = 0, e.originY = 0);
+      s.type === "custom" && s.renderCustom ? (l.innerHTML = s.renderCustom(e, t + 1, z), f === 0 && v("paginationRender", l)) : (f === 0 && v("paginationRender", l), v("paginationUpdate", l)), e.params.watchOverflow && e.enabled && l.classList[e.isLocked ? "add" : "remove"](s.lockClass);
+    });
   }
-  function j(a) {
-    const n = i.zoom, s = i.params.zoom;
-    if (!e.slideEl) {
-      a && a.target && (e.slideEl = a.target.closest(`.${i.params.slideClass}, swiper-slide`)), e.slideEl || (i.params.virtual && i.params.virtual.enabled && i.virtual ? e.slideEl = V(i.slidesEl, `.${i.params.slideActiveClass}`)[0] : e.slideEl = i.slides[i.activeIndex]);
-      let v = e.slideEl.querySelector(`.${s.containerClass}`);
-      v && (v = v.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = v, v ? e.imageWrapEl = L(e.imageEl, `.${s.containerClass}`)[0] : e.imageWrapEl = void 0;
+  function B() {
+    const a = e.params.pagination;
+    if (k()) return;
+    const s = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
+    let i = e.pagination.el;
+    i = m(i);
+    let t = "";
+    if (a.type === "bullets") {
+      let p = e.params.loop ? Math.ceil(s / e.params.slidesPerGroup) : e.snapGrid.length;
+      e.params.freeMode && e.params.freeMode.enabled && p > s && (p = s);
+      for (let C = 0; C < p; C += 1)
+        a.renderBullet ? t += a.renderBullet.call(e, C, a.bulletClass) : t += `<${a.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${a.bulletClass}"></${a.bulletElement}>`;
     }
-    if (!e.imageEl || !e.imageWrapEl) return;
-    i.params.cssMode && (i.wrapperEl.style.overflow = "hidden", i.wrapperEl.style.touchAction = "none"), e.slideEl.classList.add(`${s.zoomedSlideClass}`);
-    let l, c, f, p, h, z, u, g, J, K, N, Q, M, C, T, b, $, D;
-    typeof t.touchesStart.x > "u" && a ? (l = a.pageX, c = a.pageY) : (l = t.touchesStart.x, c = t.touchesStart.y);
-    const E = typeof a == "number" ? a : null;
-    m === 1 && E && (l = void 0, c = void 0, t.touchesStart.x = void 0, t.touchesStart.y = void 0);
-    const U = P();
-    n.scale = E || U, m = E || U, a && !(m === 1 && E) ? ($ = e.slideEl.offsetWidth, D = e.slideEl.offsetHeight, f = ee(e.slideEl).left + x.scrollX, p = ee(e.slideEl).top + x.scrollY, h = f + $ / 2 - l, z = p + D / 2 - c, J = e.imageEl.offsetWidth || e.imageEl.clientWidth, K = e.imageEl.offsetHeight || e.imageEl.clientHeight, N = J * n.scale, Q = K * n.scale, M = Math.min($ / 2 - N / 2, 0), C = Math.min(D / 2 - Q / 2, 0), T = -M, b = -C, u = h * n.scale, g = z * n.scale, u < M && (u = M), u > T && (u = T), g < C && (g = C), g > b && (g = b)) : (u = 0, g = 0), E && n.scale === 1 && (e.originX = 0, e.originY = 0), e.imageWrapEl.style.transitionDuration = "300ms", e.imageWrapEl.style.transform = `translate3d(${u}px, ${g}px,0)`, e.imageEl.style.transitionDuration = "300ms", e.imageEl.style.transform = `translate3d(0,0,0) scale(${n.scale})`;
+    a.type === "fraction" && (a.renderFraction ? t = a.renderFraction.call(e, a.currentClass, a.totalClass) : t = `<span class="${a.currentClass}"></span> / <span class="${a.totalClass}"></span>`), a.type === "progressbar" && (a.renderProgressbar ? t = a.renderProgressbar.call(e, a.progressbarFillClass) : t = `<span class="${a.progressbarFillClass}"></span>`), e.pagination.bullets = [], i.forEach((p) => {
+      a.type !== "custom" && (p.innerHTML = t || ""), a.type === "bullets" && e.pagination.bullets.push(...p.querySelectorAll($(a.bulletClass)));
+    }), a.type !== "custom" && v("paginationRender", i[0]);
   }
-  function k() {
-    const a = i.zoom, n = i.params.zoom;
-    if (!e.slideEl) {
-      i.params.virtual && i.params.virtual.enabled && i.virtual ? e.slideEl = V(i.slidesEl, `.${i.params.slideActiveClass}`)[0] : e.slideEl = i.slides[i.activeIndex];
-      let s = e.slideEl.querySelector(`.${n.containerClass}`);
-      s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = s, s ? e.imageWrapEl = L(e.imageEl, `.${n.containerClass}`)[0] : e.imageWrapEl = void 0;
+  function A() {
+    e.params.pagination = F(e, e.originalParams.pagination, e.params.pagination, {
+      el: "swiper-pagination"
+    });
+    const a = e.params.pagination;
+    if (!a.el) return;
+    let s;
+    typeof a.el == "string" && e.isElement && (s = e.el.querySelector(a.el)), !s && typeof a.el == "string" && (s = [...document.querySelectorAll(a.el)]), s || (s = a.el), !(!s || s.length === 0) && (e.params.uniqueNavElements && typeof a.el == "string" && Array.isArray(s) && s.length > 1 && (s = [...e.el.querySelectorAll(a.el)], s.length > 1 && (s = s.filter((i) => T(i, ".swiper")[0] === e.el)[0])), Array.isArray(s) && s.length === 1 && (s = s[0]), Object.assign(e.pagination, {
+      el: s
+    }), s = m(s), s.forEach((i) => {
+      a.type === "bullets" && a.clickable && i.classList.add(...(a.clickableClass || "").split(" ")), i.classList.add(a.modifierClass + a.type), i.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.type === "bullets" && a.dynamicBullets && (i.classList.add(`${a.modifierClass}${a.type}-dynamic`), u = 0, a.dynamicMainBullets < 1 && (a.dynamicMainBullets = 1)), a.type === "progressbar" && a.progressbarOpposite && i.classList.add(a.progressbarOppositeClass), a.clickable && i.addEventListener("click", D), e.enabled || i.classList.add(a.lockClass);
+    }));
+  }
+  function M() {
+    const a = e.params.pagination;
+    if (k()) return;
+    let s = e.pagination.el;
+    s && (s = m(s), s.forEach((i) => {
+      i.classList.remove(a.hiddenClass), i.classList.remove(a.modifierClass + a.type), i.classList.remove(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.clickable && (i.classList.remove(...(a.clickableClass || "").split(" ")), i.removeEventListener("click", D));
+    })), e.pagination.bullets && e.pagination.bullets.forEach((i) => i.classList.remove(...a.bulletActiveClass.split(" ")));
+  }
+  g("changeDirection", () => {
+    if (!e.pagination || !e.pagination.el) return;
+    const a = e.params.pagination;
+    let {
+      el: s
+    } = e.pagination;
+    s = m(s), s.forEach((i) => {
+      i.classList.remove(a.horizontalClass, a.verticalClass), i.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass);
+    });
+  }), g("init", () => {
+    e.params.pagination.enabled === !1 ? P() : (A(), B(), h());
+  }), g("activeIndexChange", () => {
+    typeof e.snapIndex > "u" && h();
+  }), g("snapIndexChange", () => {
+    h();
+  }), g("snapGridLengthChange", () => {
+    B(), h();
+  }), g("destroy", () => {
+    M();
+  }), g("enable disable", () => {
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
+  }), g("lock unlock", () => {
+    h();
+  }), g("click", (a, s) => {
+    const i = s.target, t = m(e.pagination.el);
+    if (e.params.pagination.el && e.params.pagination.hideOnClick && t && t.length > 0 && !i.classList.contains(e.params.pagination.bulletClass)) {
+      if (e.navigation && (e.navigation.nextEl && i === e.navigation.nextEl || e.navigation.prevEl && i === e.navigation.prevEl)) return;
+      const p = t[0].classList.contains(e.params.pagination.hiddenClass);
+      v(p === !0 ? "paginationShow" : "paginationHide"), t.forEach((C) => C.classList.toggle(e.params.pagination.hiddenClass));
     }
-    !e.imageEl || !e.imageWrapEl || (i.params.cssMode && (i.wrapperEl.style.overflow = "", i.wrapperEl.style.touchAction = ""), a.scale = 1, m = 1, t.touchesStart.x = void 0, t.touchesStart.y = void 0, e.imageWrapEl.style.transitionDuration = "300ms", e.imageWrapEl.style.transform = "translate3d(0,0,0)", e.imageEl.style.transitionDuration = "300ms", e.imageEl.style.transform = "translate3d(0,0,0) scale(1)", e.slideEl.classList.remove(`${n.zoomedSlideClass}`), e.slideEl = void 0, e.originX = 0, e.originY = 0);
-  }
-  function Z(a) {
-    const n = i.zoom;
-    n.scale && n.scale !== 1 ? k() : j(a);
-  }
-  function _() {
-    const a = i.params.passiveListeners ? {
-      passive: !0,
-      capture: !1
-    } : !1, n = i.params.passiveListeners ? {
-      passive: !1,
-      capture: !0
-    } : !0;
-    return {
-      passiveListener: a,
-      activeListenerWithCapture: n
-    };
-  }
-  function B() {
-    const a = i.zoom;
-    if (a.enabled) return;
-    a.enabled = !0;
-    const {
-      passiveListener: n,
-      activeListenerWithCapture: s
-    } = _();
-    i.wrapperEl.addEventListener("pointerdown", H, n), i.wrapperEl.addEventListener("pointermove", I, s), ["pointerup", "pointercancel", "pointerout"].forEach((l) => {
-      i.wrapperEl.addEventListener(l, A, n);
-    }), i.wrapperEl.addEventListener("pointermove", O, s);
-  }
-  function F() {
-    const a = i.zoom;
-    if (!a.enabled) return;
-    a.enabled = !1;
-    const {
-      passiveListener: n,
-      activeListenerWithCapture: s
-    } = _();
-    i.wrapperEl.removeEventListener("pointerdown", H, n), i.wrapperEl.removeEventListener("pointermove", I, s), ["pointerup", "pointercancel", "pointerout"].forEach((l) => {
-      i.wrapperEl.removeEventListener(l, A, n);
-    }), i.wrapperEl.removeEventListener("pointermove", O, s);
-  }
-  d("init", () => {
-    i.params.zoom.enabled && B();
-  }), d("destroy", () => {
-    F();
-  }), d("touchStart", (a, n) => {
-    i.zoom.enabled && ce(n);
-  }), d("touchEnd", (a, n) => {
-    i.zoom.enabled && me();
-  }), d("doubleTap", (a, n) => {
-    !i.animating && i.params.zoom.enabled && i.zoom.enabled && i.params.zoom.toggle && Z(n);
-  }), d("transitionEnd", () => {
-    i.zoom.enabled && i.params.zoom.enabled && G();
-  }), d("slideChange", () => {
-    i.zoom.enabled && i.params.zoom.enabled && i.params.cssMode && G();
-  }), Object.assign(i.zoom, {
-    enable: B,
-    disable: F,
-    in: j,
-    out: k,
-    toggle: Z
+  });
+  const w = () => {
+    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList.remove(e.params.pagination.paginationDisabledClass))), A(), B(), h();
+  }, P = () => {
+    e.el.classList.add(e.params.pagination.paginationDisabledClass);
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList.add(e.params.pagination.paginationDisabledClass))), M();
+  };
+  Object.assign(e.pagination, {
+    enable: w,
+    disable: P,
+    render: B,
+    update: h,
+    init: A,
+    destroy: M
   });
 }
 export {
-  pe as default
+  N as default
 };

package/index194.js

@@ -1 +1 @@
-"use strict";const m=require("./index210.js");function v(h){let{swiper:e,extendParams:T,on:f}=h;T({controller:{control:void 0,inverse:!1,by:"slide"}}),e.controller={control:void 0};function p(s,i){const o=function(){let l,n,c;return(u,w)=>{for(n=-1,l=u.length;l-n>1;)c=l+n>>1,u[c]<=w?n=c:l=c;return l}}();this.x=s,this.y=i,this.lastIndex=s.length-1;let t,r;return this.interpolate=function(l){return l?(r=o(this.x,l),t=r-1,(l-this.x[t])*(this.y[r]-this.y[t])/(this.x[r]-this.x[t])+this.y[t]):0},this}function y(s){e.controller.spline=e.params.loop?new p(e.slidesGrid,s.slidesGrid):new p(e.snapGrid,s.snapGrid)}function x(s,i){const o=e.controller.control;let t,r;const a=e.constructor;function l(n){if(n.destroyed)return;const c=e.rtlTranslate?-e.translate:e.translate;e.params.controller.by==="slide"&&(y(n),r=-e.controller.spline.interpolate(-c)),(!r||e.params.controller.by==="container")&&(t=(n.maxTranslate()-n.minTranslate())/(e.maxTranslate()-e.minTranslate()),(Number.isNaN(t)||!Number.isFinite(t))&&(t=1),r=(c-e.minTranslate())*t+n.minTranslate()),e.params.controller.inverse&&(r=n.maxTranslate()-r),n.updateProgress(r),n.setTranslate(r,e),n.updateActiveIndex(),n.updateSlidesClasses()}if(Array.isArray(o))for(let n=0;n<o.length;n+=1)o[n]!==i&&o[n]instanceof a&&l(o[n]);else o instanceof a&&i!==o&&l(o)}function g(s,i){const o=e.constructor,t=e.controller.control;let r;function a(l){l.destroyed||(l.setTransition(s,e),s!==0&&(l.transitionStart(),l.params.autoHeight&&m.n(()=>{l.updateAutoHeight()}),m.k(l.wrapperEl,()=>{t&&l.transitionEnd()})))}if(Array.isArray(t))for(r=0;r<t.length;r+=1)t[r]!==i&&t[r]instanceof o&&a(t[r]);else t instanceof o&&i!==t&&a(t)}function d(){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)}f("beforeInit",()=>{if(typeof window<"u"&&(typeof e.params.controller.control=="string"||e.params.controller.control instanceof HTMLElement)){(typeof e.params.controller.control=="string"?[...document.querySelectorAll(e.params.controller.control)]:[e.params.controller.control]).forEach(i=>{if(e.controller.control||(e.controller.control=[]),i&&i.swiper)e.controller.control.push(i.swiper);else if(i){const o=`${e.params.eventsPrefix}init`,t=r=>{e.controller.control.push(r.detail[0]),e.update(),i.removeEventListener(o,t)};i.addEventListener(o,t)}});return}e.controller.control=e.params.controller.control}),f("update",()=>{d()}),f("resize",()=>{d()}),f("observerUpdate",()=>{d()}),f("setTranslate",(s,i,o)=>{!e.controller.control||e.controller.control.destroyed||e.controller.setTranslate(i,o)}),f("setTransition",(s,i,o)=>{!e.controller.control||e.controller.control.destroyed||e.controller.setTransition(i,o)}),Object.assign(e.controller,{setTranslate:x,setTransition:g})}module.exports=v;
+"use strict";const A=require("./index212.js"),n=require("./index213.js"),I=require("./index281.js"),j=require("./index282.js");function B(x){let{swiper:s,extendParams:q,on:f,emit:g}=x;const y=A.g();let b=!1,w=null,v=null,h,i,p,D;q({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),s.scrollbar={el:null,dragEl:null};function u(){if(!s.params.scrollbar.el||!s.scrollbar.el)return;const{scrollbar:l,rtlTranslate:a}=s,{dragEl:r,el:e}=l,t=s.params.scrollbar,c=s.params.loop?s.progressLoop:s.progress;let d=i,o=(p-i)*c;a?(o=-o,o>0?(d=i-o,o=0):-o+i>p&&(d=p+o)):o<0?(d=i+o,o=0):o+i>p&&(d=p-o),s.isHorizontal()?(r.style.transform=`translate3d(${o}px, 0, 0)`,r.style.width=`${d}px`):(r.style.transform=`translate3d(0px, ${o}px, 0)`,r.style.height=`${d}px`),t.hide&&(clearTimeout(w),e.style.opacity=1,w=setTimeout(()=>{e.style.opacity=0,e.style.transitionDuration="400ms"},1e3))}function H(l){!s.params.scrollbar.el||!s.scrollbar.el||(s.scrollbar.dragEl.style.transitionDuration=`${l}ms`)}function m(){if(!s.params.scrollbar.el||!s.scrollbar.el)return;const{scrollbar:l}=s,{dragEl:a,el:r}=l;a.style.width="",a.style.height="",p=s.isHorizontal()?r.offsetWidth:r.offsetHeight,D=s.size/(s.virtualSize+s.params.slidesOffsetBefore-(s.params.centeredSlides?s.snapGrid[0]:0)),s.params.scrollbar.dragSize==="auto"?i=p*D:i=parseInt(s.params.scrollbar.dragSize,10),s.isHorizontal()?a.style.width=`${i}px`:a.style.height=`${i}px`,D>=1?r.style.display="none":r.style.display="",s.params.scrollbar.hide&&(r.style.opacity=0),s.params.watchOverflow&&s.enabled&&l.el.classList[s.isLocked?"add":"remove"](s.params.scrollbar.lockClass)}function E(l){return s.isHorizontal()?l.clientX:l.clientY}function S(l){const{scrollbar:a,rtlTranslate:r}=s,{el:e}=a;let t;t=(E(l)-n.b(e)[s.isHorizontal()?"left":"top"]-(h!==null?h:i/2))/(p-i),t=Math.max(Math.min(t,1),0),r&&(t=1-t);const c=s.minTranslate()+(s.maxTranslate()-s.minTranslate())*t;s.updateProgress(c),s.setTranslate(c),s.updateActiveIndex(),s.updateSlidesClasses()}function k(l){const a=s.params.scrollbar,{scrollbar:r,wrapperEl:e}=s,{el:t,dragEl:c}=r;b=!0,h=l.target===c?E(l)-l.target.getBoundingClientRect()[s.isHorizontal()?"left":"top"]:null,l.preventDefault(),l.stopPropagation(),e.style.transitionDuration="100ms",c.style.transitionDuration="100ms",S(l),clearTimeout(v),t.style.transitionDuration="0ms",a.hide&&(t.style.opacity=1),s.params.cssMode&&(s.wrapperEl.style["scroll-snap-type"]="none"),g("scrollbarDragStart",l)}function P(l){const{scrollbar:a,wrapperEl:r}=s,{el:e,dragEl:t}=a;b&&(l.preventDefault&&l.cancelable?l.preventDefault():l.returnValue=!1,S(l),r.style.transitionDuration="0ms",e.style.transitionDuration="0ms",t.style.transitionDuration="0ms",g("scrollbarDragMove",l))}function M(l){const a=s.params.scrollbar,{scrollbar:r,wrapperEl:e}=s,{el:t}=r;b&&(b=!1,s.params.cssMode&&(s.wrapperEl.style["scroll-snap-type"]="",e.style.transitionDuration=""),a.hide&&(clearTimeout(v),v=n.n(()=>{t.style.opacity=0,t.style.transitionDuration="400ms"},1e3)),g("scrollbarDragEnd",l),a.snapOnRelease&&s.slideToClosest())}function L(l){const{scrollbar:a,params:r}=s,e=a.el;if(!e)return;const t=e,c=r.passiveListeners?{passive:!1,capture:!1}:!1,d=r.passiveListeners?{passive:!0,capture:!1}:!1;if(!t)return;const o=l==="on"?"addEventListener":"removeEventListener";t[o]("pointerdown",k,c),y[o]("pointermove",P,c),y[o]("pointerup",M,d)}function $(){!s.params.scrollbar.el||!s.scrollbar.el||L("on")}function O(){!s.params.scrollbar.el||!s.scrollbar.el||L("off")}function z(){const{scrollbar:l,el:a}=s;s.params.scrollbar=I.c(s,s.originalParams.scrollbar,s.params.scrollbar,{el:"swiper-scrollbar"});const r=s.params.scrollbar;if(!r.el)return;let e;if(typeof r.el=="string"&&s.isElement&&(e=s.el.querySelector(r.el)),!e&&typeof r.el=="string"){if(e=y.querySelectorAll(r.el),!e.length)return}else e||(e=r.el);s.params.uniqueNavElements&&typeof r.el=="string"&&e.length>1&&a.querySelectorAll(r.el).length===1&&(e=a.querySelector(r.el)),e.length>0&&(e=e[0]),e.classList.add(s.isHorizontal()?r.horizontalClass:r.verticalClass);let t;e&&(t=e.querySelector(j.c(s.params.scrollbar.dragClass)),t||(t=n.c("div",s.params.scrollbar.dragClass),e.append(t))),Object.assign(l,{el:e,dragEl:t}),r.draggable&&$(),e&&e.classList[s.enabled?"remove":"add"](...n.i(s.params.scrollbar.lockClass))}function C(){const l=s.params.scrollbar,a=s.scrollbar.el;a&&a.classList.remove(...n.i(s.isHorizontal()?l.horizontalClass:l.verticalClass)),O()}f("changeDirection",()=>{if(!s.scrollbar||!s.scrollbar.el)return;const l=s.params.scrollbar;let{el:a}=s.scrollbar;a=n.m(a),a.forEach(r=>{r.classList.remove(l.horizontalClass,l.verticalClass),r.classList.add(s.isHorizontal()?l.horizontalClass:l.verticalClass)})}),f("init",()=>{s.params.scrollbar.enabled===!1?T():(z(),m(),u())}),f("update resize observerUpdate lock unlock changeDirection",()=>{m()}),f("setTranslate",()=>{u()}),f("setTransition",(l,a)=>{H(a)}),f("enable disable",()=>{const{el:l}=s.scrollbar;l&&l.classList[s.enabled?"remove":"add"](...n.i(s.params.scrollbar.lockClass))}),f("destroy",()=>{C()});const R=()=>{s.el.classList.remove(...n.i(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.remove(...n.i(s.params.scrollbar.scrollbarDisabledClass)),z(),m(),u()},T=()=>{s.el.classList.add(...n.i(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.add(...n.i(s.params.scrollbar.scrollbarDisabledClass)),C()};Object.assign(s.scrollbar,{enable:R,disable:T,updateSize:m,setTranslate:u,init:z,destroy:C})}module.exports=B;