mimir-ui-kit 1.38.13 → 1.38.15

package/dist/components/Slider/Slider.js

@@ -1,6 +1,6 @@
-import { jsxs as X, jsx as V, Fragment as Je } from "react/jsx-runtime";
-import { c as U } from "../../index-DIxK0V-G.js";
-import G, { forwardRef as Te, useState as K, useRef as R, useEffect as he, useLayoutEffect as Qe, createContext as De, useContext as et, useCallback as re, memo as Ge, useMemo as tt } from "react";
+import { jsx as V, jsxs as U, Fragment as Je } from "react/jsx-runtime";
+import { c as W } from "../../index-DIxK0V-G.js";
+import G, { useContext as Qe, forwardRef as Te, useState as K, useRef as R, useEffect as he, useLayoutEffect as et, createContext as De, memo as Ge, useCallback as re, useMemo as tt } from "react";
 import { EProgressBarPosition as xe } from "./constants.js";
 import { AppImage as Ee } from "../Image/Image.js";
 import { MergedButton as it } from "../MergedButton/MergedButton.js";
@@ -249,7 +249,7 @@ function ct(t, e) {
   }
   return i;
 }
-function W(t, e) {
+function q(t, e) {
   return F().getComputedStyle(t, null).getPropertyValue(e);
 }
 function Me(t) {
@@ -294,29 +294,29 @@ function ft(t) {
       pauseOnMouseEnter: !1
     }
   });
-  let l, o, a = r && r.autoplay ? r.autoplay.delay : 3e3, u = r && r.autoplay ? r.autoplay.delay : 3e3, d, c = (/* @__PURE__ */ new Date()).getTime(), p, f, h, v, b, m, y;
+  let l, o, a = r && r.autoplay ? r.autoplay.delay : 3e3, u = r && r.autoplay ? r.autoplay.delay : 3e3, d, c = (/* @__PURE__ */ new Date()).getTime(), p, f, h, v, T, m, x;
   function g(L) {
-    !e || e.destroyed || !e.wrapperEl || L.target === e.wrapperEl && (e.wrapperEl.removeEventListener("transitionend", g), !(y || L.detail && L.detail.bySwiperTouchMove) && S());
+    !e || e.destroyed || !e.wrapperEl || L.target === e.wrapperEl && (e.wrapperEl.removeEventListener("transitionend", g), !(x || L.detail && L.detail.bySwiperTouchMove) && w());
   }
-  const T = () => {
+  const S = () => {
     if (e.destroyed || !e.autoplay.running) return;
     e.autoplay.paused ? p = !0 : p && (u = d, p = !1);
     const L = e.autoplay.paused ? d : c + u - (/* @__PURE__ */ new Date()).getTime();
     e.autoplay.timeLeft = L, n("autoplayTimeLeft", L, L / a), o = requestAnimationFrame(() => {
-      T();
+      S();
     });
-  }, w = () => {
+  }, b = () => {
     let L;
     return e.virtual && e.params.virtual.enabled ? L = e.slides.filter((z) => z.classList.contains("swiper-slide-active"))[0] : L = e.slides[e.activeIndex], L ? parseInt(L.getAttribute("data-swiper-autoplay"), 10) : void 0;
   }, I = (L) => {
     if (e.destroyed || !e.autoplay.running) return;
-    cancelAnimationFrame(o), T();
+    cancelAnimationFrame(o), S();
     let _ = typeof L > "u" ? e.params.autoplay.delay : L;
     a = e.params.autoplay.delay, u = e.params.autoplay.delay;
-    const z = w();
+    const z = b();
     !Number.isNaN(z) && z > 0 && typeof L > "u" && (_ = z, a = z, u = z), d = _;
-    const q = e.params.speed, ee = () => {
-      !e || e.destroyed || (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(q, !0, !0), n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(e.slides.length - 1, q, !0, !0), n("autoplay")) : !e.isEnd || e.params.loop || e.params.rewind ? (e.slideNext(q, !0, !0), n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(0, q, !0, !0), n("autoplay")), e.params.cssMode && (c = (/* @__PURE__ */ new Date()).getTime(), requestAnimationFrame(() => {
+    const Y = e.params.speed, ee = () => {
+      !e || e.destroyed || (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(Y, !0, !0), n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(e.slides.length - 1, Y, !0, !0), n("autoplay")) : !e.isEnd || e.params.loop || e.params.rewind ? (e.slideNext(Y, !0, !0), n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(0, Y, !0, !0), n("autoplay")), e.params.cssMode && (c = (/* @__PURE__ */ new Date()).getTime(), requestAnimationFrame(() => {
         I();
       })));
     };
@@ -327,33 +327,33 @@ function ft(t) {
     }), _;
   }, A = () => {
     c = (/* @__PURE__ */ new Date()).getTime(), e.autoplay.running = !0, I(), n("autoplayStart");
-  }, C = () => {
+  }, P = () => {
     e.autoplay.running = !1, clearTimeout(l), cancelAnimationFrame(o), n("autoplayStop");
-  }, x = (L, _) => {
+  }, y = (L, _) => {
     if (e.destroyed || !e.autoplay.running) return;
     clearTimeout(l), L || (m = !0);
     const z = () => {
-      n("autoplayPause"), e.params.autoplay.waitForTransition ? e.wrapperEl.addEventListener("transitionend", g) : S();
+      n("autoplayPause"), e.params.autoplay.waitForTransition ? e.wrapperEl.addEventListener("transitionend", g) : w();
     };
     if (e.autoplay.paused = !0, _) {
-      b && (d = e.params.autoplay.delay), b = !1, z();
+      T && (d = e.params.autoplay.delay), T = !1, z();
       return;
     }
     d = (d || e.params.autoplay.delay) - ((/* @__PURE__ */ new Date()).getTime() - c), !(e.isEnd && d < 0 && !e.params.loop) && (d < 0 && (d = 0), z());
-  }, S = () => {
+  }, w = () => {
     e.isEnd && d < 0 && !e.params.loop || e.destroyed || !e.autoplay.running || (c = (/* @__PURE__ */ new Date()).getTime(), m ? (m = !1, I(d)) : I(), e.autoplay.paused = !1, n("autoplayResume"));
   }, E = () => {
     if (e.destroyed || !e.autoplay.running) return;
     const L = j();
-    L.visibilityState === "hidden" && (m = !0, x(!0)), L.visibilityState === "visible" && S();
+    L.visibilityState === "hidden" && (m = !0, y(!0)), L.visibilityState === "visible" && w();
+  }, C = (L) => {
+    L.pointerType === "mouse" && (m = !0, x = !0, !(e.animating || e.autoplay.paused) && y(!0));
   }, M = (L) => {
-    L.pointerType === "mouse" && (m = !0, y = !0, !(e.animating || e.autoplay.paused) && x(!0));
-  }, P = (L) => {
-    L.pointerType === "mouse" && (y = !1, e.autoplay.paused && S());
+    L.pointerType === "mouse" && (x = !1, e.autoplay.paused && w());
   }, O = () => {
-    e.params.autoplay.pauseOnMouseEnter && (e.el.addEventListener("pointerenter", M), e.el.addEventListener("pointerleave", P));
+    e.params.autoplay.pauseOnMouseEnter && (e.el.addEventListener("pointerenter", C), e.el.addEventListener("pointerleave", M));
   }, D = () => {
-    e.el && typeof e.el != "string" && (e.el.removeEventListener("pointerenter", M), e.el.removeEventListener("pointerleave", P));
+    e.el && typeof e.el != "string" && (e.el.removeEventListener("pointerenter", C), e.el.removeEventListener("pointerleave", M));
   }, $ = () => {
     j().addEventListener("visibilitychange", E);
   }, J = () => {
@@ -362,21 +362,21 @@ function ft(t) {
   s("init", () => {
     e.params.autoplay.enabled && (O(), $(), A());
   }), s("destroy", () => {
-    D(), J(), e.autoplay.running && C();
+    D(), J(), e.autoplay.running && P();
   }), s("_freeModeStaticRelease", () => {
-    (h || m) && S();
+    (h || m) && w();
   }), s("_freeModeNoMomentumRelease", () => {
-    e.params.autoplay.disableOnInteraction ? C() : x(!0, !0);
+    e.params.autoplay.disableOnInteraction ? P() : y(!0, !0);
   }), s("beforeTransitionStart", (L, _, z) => {
-    e.destroyed || !e.autoplay.running || (z || !e.params.autoplay.disableOnInteraction ? x(!0, !0) : C());
+    e.destroyed || !e.autoplay.running || (z || !e.params.autoplay.disableOnInteraction ? y(!0, !0) : P());
   }), s("sliderFirstMove", () => {
     if (!(e.destroyed || !e.autoplay.running)) {
       if (e.params.autoplay.disableOnInteraction) {
-        C();
+        P();
         return;
       }
       f = !0, h = !1, m = !1, v = setTimeout(() => {
-        m = !0, h = !0, x(!0);
+        m = !0, h = !0, y(!0);
       }, 200);
     }
   }), s("touchEnd", () => {
@@ -385,15 +385,15 @@ function ft(t) {
         h = !1, f = !1;
         return;
       }
-      h && e.params.cssMode && S(), h = !1, f = !1;
+      h && e.params.cssMode && w(), h = !1, f = !1;
     }
   }), s("slideChange", () => {
-    e.destroyed || !e.autoplay.running || (b = !0);
+    e.destroyed || !e.autoplay.running || (T = !0);
   }), Object.assign(e.autoplay, {
     start: A,
-    stop: C,
-    pause: x,
-    resume: S
+    stop: P,
+    pause: y,
+    resume: w
   });
 }
 let oe;
@@ -469,13 +469,13 @@ function vt(t) {
           height: f
         } = e;
         let h = p, v = f;
-        c.forEach((b) => {
+        c.forEach((T) => {
           let {
             contentBoxSize: m,
-            contentRect: y,
+            contentRect: x,
             target: g
-          } = b;
-          g && g !== e.el || (h = y ? y.width : (m[0] || m).inlineSize, v = y ? y.height : (m[0] || m).blockSize);
+          } = T;
+          g && g !== e.el || (h = x ? x.width : (m[0] || m).inlineSize, v = x ? x.height : (m[0] || m).blockSize);
         }), (h !== p || v !== f) && o();
       });
     }), r.observe(e.el));
@@ -602,7 +602,7 @@ function Tt() {
   const t = this;
   let e, i;
   const s = t.el;
-  typeof t.params.width < "u" && t.params.width !== null ? e = t.params.width : e = s.clientWidth, typeof t.params.height < "u" && t.params.height !== null ? i = t.params.height : i = s.clientHeight, !(e === 0 && t.isHorizontal() || i === 0 && t.isVertical()) && (e = e - parseInt(W(s, "padding-left") || 0, 10) - parseInt(W(s, "padding-right") || 0, 10), i = i - parseInt(W(s, "padding-top") || 0, 10) - parseInt(W(s, "padding-bottom") || 0, 10), Number.isNaN(e) && (e = 0), Number.isNaN(i) && (i = 0), Object.assign(t, {
+  typeof t.params.width < "u" && t.params.width !== null ? e = t.params.width : e = s.clientWidth, typeof t.params.height < "u" && t.params.height !== null ? i = t.params.height : i = s.clientHeight, !(e === 0 && t.isHorizontal() || i === 0 && t.isVertical()) && (e = e - parseInt(q(s, "padding-left") || 0, 10) - parseInt(q(s, "padding-right") || 0, 10), i = i - parseInt(q(s, "padding-top") || 0, 10) - parseInt(q(s, "padding-bottom") || 0, 10), Number.isNaN(e) && (e = 0), Number.isNaN(i) && (i = 0), Object.assign(t, {
     width: e,
     height: i,
     size: t.isHorizontal() ? e : i
@@ -610,8 +610,8 @@ function Tt() {
 }
 function bt() {
   const t = this;
-  function e(S, E) {
-    return parseFloat(S.getPropertyValue(t.getDirectionLabel(E)) || 0);
+  function e(w, E) {
+    return parseFloat(w.getPropertyValue(t.getDirectionLabel(E)) || 0);
   }
   const i = t.params, {
     wrapperEl: s,
@@ -624,90 +624,90 @@ function bt() {
   const f = [], h = [];
   let v = i.slidesOffsetBefore;
   typeof v == "function" && (v = i.slidesOffsetBefore.call(t));
-  let b = i.slidesOffsetAfter;
-  typeof b == "function" && (b = i.slidesOffsetAfter.call(t));
-  const m = t.snapGrid.length, y = t.slidesGrid.length;
-  let g = i.spaceBetween, T = -v, w = 0, I = 0;
+  let T = i.slidesOffsetAfter;
+  typeof T == "function" && (T = i.slidesOffsetAfter.call(t));
+  const m = t.snapGrid.length, x = t.slidesGrid.length;
+  let g = i.spaceBetween, S = -v, b = 0, I = 0;
   if (typeof r > "u")
     return;
-  typeof g == "string" && g.indexOf("%") >= 0 ? g = parseFloat(g.replace("%", "")) / 100 * r : typeof g == "string" && (g = parseFloat(g)), t.virtualSize = -g, d.forEach((S) => {
-    l ? S.style.marginLeft = "" : S.style.marginRight = "", S.style.marginBottom = "", S.style.marginTop = "";
+  typeof g == "string" && g.indexOf("%") >= 0 ? g = parseFloat(g.replace("%", "")) / 100 * r : typeof g == "string" && (g = parseFloat(g)), t.virtualSize = -g, d.forEach((w) => {
+    l ? w.style.marginLeft = "" : w.style.marginRight = "", w.style.marginBottom = "", w.style.marginTop = "";
   }), i.centeredSlides && i.cssMode && (ie(s, "--swiper-centered-offset-before", ""), ie(s, "--swiper-centered-offset-after", ""));
   const A = i.grid && i.grid.rows > 1 && t.grid;
   A ? t.grid.initSlides(d) : t.grid && t.grid.unsetSlides();
-  let C;
-  const x = i.slidesPerView === "auto" && i.breakpoints && Object.keys(i.breakpoints).filter((S) => typeof i.breakpoints[S].slidesPerView < "u").length > 0;
-  for (let S = 0; S < c; S += 1) {
-    C = 0;
+  let P;
+  const y = i.slidesPerView === "auto" && i.breakpoints && Object.keys(i.breakpoints).filter((w) => typeof i.breakpoints[w].slidesPerView < "u").length > 0;
+  for (let w = 0; w < c; w += 1) {
+    P = 0;
     let E;
-    if (d[S] && (E = d[S]), A && t.grid.updateSlide(S, E, d), !(d[S] && W(E, "display") === "none")) {
+    if (d[w] && (E = d[w]), A && t.grid.updateSlide(w, E, d), !(d[w] && q(E, "display") === "none")) {
       if (i.slidesPerView === "auto") {
-        x && (d[S].style[t.getDirectionLabel("width")] = "");
-        const M = getComputedStyle(E), P = E.style.transform, O = E.style.webkitTransform;
-        if (P && (E.style.transform = "none"), O && (E.style.webkitTransform = "none"), i.roundLengths)
-          C = t.isHorizontal() ? Ce(E, "width") : Ce(E, "height");
+        y && (d[w].style[t.getDirectionLabel("width")] = "");
+        const C = getComputedStyle(E), M = E.style.transform, O = E.style.webkitTransform;
+        if (M && (E.style.transform = "none"), O && (E.style.webkitTransform = "none"), i.roundLengths)
+          P = t.isHorizontal() ? Ce(E, "width") : Ce(E, "height");
         else {
-          const D = e(M, "width"), $ = e(M, "padding-left"), J = e(M, "padding-right"), L = e(M, "margin-left"), _ = e(M, "margin-right"), z = M.getPropertyValue("box-sizing");
+          const D = e(C, "width"), $ = e(C, "padding-left"), J = e(C, "padding-right"), L = e(C, "margin-left"), _ = e(C, "margin-right"), z = C.getPropertyValue("box-sizing");
           if (z && z === "border-box")
-            C = D + L + _;
+            P = D + L + _;
           else {
             const {
-              clientWidth: q,
+              clientWidth: Y,
               offsetWidth: ee
             } = E;
-            C = D + $ + J + L + _ + (ee - q);
+            P = D + $ + J + L + _ + (ee - Y);
           }
         }
-        P && (E.style.transform = P), O && (E.style.webkitTransform = O), i.roundLengths && (C = Math.floor(C));
+        M && (E.style.transform = M), O && (E.style.webkitTransform = O), i.roundLengths && (P = Math.floor(P));
       } else
-        C = (r - (i.slidesPerView - 1) * g) / i.slidesPerView, i.roundLengths && (C = Math.floor(C)), d[S] && (d[S].style[t.getDirectionLabel("width")] = `${C}px`);
-      d[S] && (d[S].swiperSlideSize = C), h.push(C), i.centeredSlides ? (T = T + C / 2 + w / 2 + g, w === 0 && S !== 0 && (T = T - r / 2 - g), S === 0 && (T = T - r / 2 - g), Math.abs(T) < 1 / 1e3 && (T = 0), i.roundLengths && (T = Math.floor(T)), I % i.slidesPerGroup === 0 && p.push(T), f.push(T)) : (i.roundLengths && (T = Math.floor(T)), (I - Math.min(t.params.slidesPerGroupSkip, I)) % t.params.slidesPerGroup === 0 && p.push(T), f.push(T), T = T + C + g), t.virtualSize += C + g, w = C, I += 1;
+        P = (r - (i.slidesPerView - 1) * g) / i.slidesPerView, i.roundLengths && (P = Math.floor(P)), d[w] && (d[w].style[t.getDirectionLabel("width")] = `${P}px`);
+      d[w] && (d[w].swiperSlideSize = P), h.push(P), i.centeredSlides ? (S = S + P / 2 + b / 2 + g, b === 0 && w !== 0 && (S = S - r / 2 - g), w === 0 && (S = S - r / 2 - g), Math.abs(S) < 1 / 1e3 && (S = 0), i.roundLengths && (S = Math.floor(S)), I % i.slidesPerGroup === 0 && p.push(S), f.push(S)) : (i.roundLengths && (S = Math.floor(S)), (I - Math.min(t.params.slidesPerGroupSkip, I)) % t.params.slidesPerGroup === 0 && p.push(S), f.push(S), S = S + P + g), t.virtualSize += P + g, b = P, I += 1;
     }
   }
-  if (t.virtualSize = Math.max(t.virtualSize, r) + b, l && o && (i.effect === "slide" || i.effect === "coverflow") && (s.style.width = `${t.virtualSize + g}px`), i.setWrapperSize && (s.style[t.getDirectionLabel("width")] = `${t.virtualSize + g}px`), A && t.grid.updateWrapperSize(C, p), !i.centeredSlides) {
-    const S = [];
+  if (t.virtualSize = Math.max(t.virtualSize, r) + T, l && o && (i.effect === "slide" || i.effect === "coverflow") && (s.style.width = `${t.virtualSize + g}px`), i.setWrapperSize && (s.style[t.getDirectionLabel("width")] = `${t.virtualSize + g}px`), A && t.grid.updateWrapperSize(P, p), !i.centeredSlides) {
+    const w = [];
     for (let E = 0; E < p.length; E += 1) {
-      let M = p[E];
-      i.roundLengths && (M = Math.floor(M)), p[E] <= t.virtualSize - r && S.push(M);
+      let C = p[E];
+      i.roundLengths && (C = Math.floor(C)), p[E] <= t.virtualSize - r && w.push(C);
     }
-    p = S, Math.floor(t.virtualSize - r) - Math.floor(p[p.length - 1]) > 1 && p.push(t.virtualSize - r);
+    p = w, Math.floor(t.virtualSize - r) - Math.floor(p[p.length - 1]) > 1 && p.push(t.virtualSize - r);
   }
   if (a && i.loop) {
-    const S = h[0] + g;
+    const w = h[0] + g;
     if (i.slidesPerGroup > 1) {
-      const E = Math.ceil((t.virtual.slidesBefore + t.virtual.slidesAfter) / i.slidesPerGroup), M = S * i.slidesPerGroup;
-      for (let P = 0; P < E; P += 1)
-        p.push(p[p.length - 1] + M);
+      const E = Math.ceil((t.virtual.slidesBefore + t.virtual.slidesAfter) / i.slidesPerGroup), C = w * i.slidesPerGroup;
+      for (let M = 0; M < E; M += 1)
+        p.push(p[p.length - 1] + C);
     }
     for (let E = 0; E < t.virtual.slidesBefore + t.virtual.slidesAfter; E += 1)
-      i.slidesPerGroup === 1 && p.push(p[p.length - 1] + S), f.push(f[f.length - 1] + S), t.virtualSize += S;
+      i.slidesPerGroup === 1 && p.push(p[p.length - 1] + w), f.push(f[f.length - 1] + w), t.virtualSize += w;
   }
   if (p.length === 0 && (p = [0]), g !== 0) {
-    const S = t.isHorizontal() && l ? "marginLeft" : t.getDirectionLabel("marginRight");
-    d.filter((E, M) => !i.cssMode || i.loop ? !0 : M !== d.length - 1).forEach((E) => {
-      E.style[S] = `${g}px`;
+    const w = t.isHorizontal() && l ? "marginLeft" : t.getDirectionLabel("marginRight");
+    d.filter((E, C) => !i.cssMode || i.loop ? !0 : C !== d.length - 1).forEach((E) => {
+      E.style[w] = `${g}px`;
     });
   }
   if (i.centeredSlides && i.centeredSlidesBounds) {
-    let S = 0;
-    h.forEach((M) => {
-      S += M + (g || 0);
-    }), S -= g;
-    const E = S - r;
-    p = p.map((M) => M <= 0 ? -v : M > E ? E + b : M);
+    let w = 0;
+    h.forEach((C) => {
+      w += C + (g || 0);
+    }), w -= g;
+    const E = w - r;
+    p = p.map((C) => C <= 0 ? -v : C > E ? E + T : C);
   }
   if (i.centerInsufficientSlides) {
-    let S = 0;
-    h.forEach((M) => {
-      S += M + (g || 0);
-    }), S -= g;
+    let w = 0;
+    h.forEach((C) => {
+      w += C + (g || 0);
+    }), w -= g;
     const E = (i.slidesOffsetBefore || 0) + (i.slidesOffsetAfter || 0);
-    if (S + E < r) {
-      const M = (r - S - E) / 2;
-      p.forEach((P, O) => {
-        p[O] = P - M;
-      }), f.forEach((P, O) => {
-        f[O] = P + M;
+    if (w + E < r) {
+      const C = (r - w - E) / 2;
+      p.forEach((M, O) => {
+        p[O] = M - C;
+      }), f.forEach((M, O) => {
+        f[O] = M + C;
       });
     }
   }
@@ -718,12 +718,12 @@ function bt() {
     slidesSizesGrid: h
   }), i.centeredSlides && i.cssMode && !i.centeredSlidesBounds) {
     ie(s, "--swiper-centered-offset-before", `${-p[0]}px`), ie(s, "--swiper-centered-offset-after", `${t.size / 2 - h[h.length - 1] / 2}px`);
-    const S = -t.snapGrid[0], E = -t.slidesGrid[0];
-    t.snapGrid = t.snapGrid.map((M) => M + S), t.slidesGrid = t.slidesGrid.map((M) => M + E);
+    const w = -t.snapGrid[0], E = -t.slidesGrid[0];
+    t.snapGrid = t.snapGrid.map((C) => C + w), t.slidesGrid = t.slidesGrid.map((C) => C + E);
   }
-  if (c !== u && t.emit("slidesLengthChange"), p.length !== m && (t.params.watchOverflow && t.checkOverflow(), t.emit("snapGridLengthChange")), f.length !== y && t.emit("slidesGridLengthChange"), i.watchSlidesProgress && t.updateSlidesOffset(), t.emit("slidesUpdated"), !a && !i.cssMode && (i.effect === "slide" || i.effect === "fade")) {
-    const S = `${i.containerModifierClass}backface-hidden`, E = t.el.classList.contains(S);
-    c <= i.maxBackfaceHiddenSlides ? E || t.el.classList.add(S) : E && t.el.classList.remove(S);
+  if (c !== u && t.emit("slidesLengthChange"), p.length !== m && (t.params.watchOverflow && t.checkOverflow(), t.emit("snapGridLengthChange")), f.length !== x && t.emit("slidesGridLengthChange"), i.watchSlidesProgress && t.updateSlidesOffset(), t.emit("slidesUpdated"), !a && !i.cssMode && (i.effect === "slide" || i.effect === "fade")) {
+    const w = `${i.containerModifierClass}backface-hidden`, E = t.el.classList.contains(w);
+    c <= i.maxBackfaceHiddenSlides ? E || t.el.classList.add(w) : E && t.el.classList.remove(w);
   }
 }
 function yt(t) {
@@ -776,8 +776,8 @@ function Et(t) {
     const u = s[a];
     let d = u.swiperSlideOffset;
     i.cssMode && i.centeredSlides && (d -= s[0].swiperSlideOffset);
-    const c = (l + (i.centeredSlides ? e.minTranslate() : 0) - d) / (u.swiperSlideSize + o), p = (l - r[0] + (i.centeredSlides ? e.minTranslate() : 0) - d) / (u.swiperSlideSize + o), f = -(l - d), h = f + e.slidesSizesGrid[a], v = f >= 0 && f <= e.size - e.slidesSizesGrid[a], b = f >= 0 && f < e.size - 1 || h > 1 && h <= e.size || f <= 0 && h >= e.size;
-    b && (e.visibleSlides.push(u), e.visibleSlidesIndexes.push(a)), Ie(u, b, i.slideVisibleClass), Ie(u, v, i.slideFullyVisibleClass), u.progress = n ? -c : c, u.originalProgress = n ? -p : p;
+    const c = (l + (i.centeredSlides ? e.minTranslate() : 0) - d) / (u.swiperSlideSize + o), p = (l - r[0] + (i.centeredSlides ? e.minTranslate() : 0) - d) / (u.swiperSlideSize + o), f = -(l - d), h = f + e.slidesSizesGrid[a], v = f >= 0 && f <= e.size - e.slidesSizesGrid[a], T = f >= 0 && f < e.size - 1 || h > 1 && h <= e.size || f <= 0 && h >= e.size;
+    T && (e.visibleSlides.push(u), e.visibleSlidesIndexes.push(a)), Ie(u, T, i.slideVisibleClass), Ie(u, v, i.slideFullyVisibleClass), u.progress = n ? -c : c, u.originalProgress = n ? -p : p;
   }
 }
 function Pt(t) {
@@ -1112,45 +1112,45 @@ function Rt(t, e, i, s, n) {
     return !1;
   typeof e > "u" && (e = r.params.speed);
   const v = Math.min(r.params.slidesPerGroupSkip, l);
-  let b = v + Math.floor((l - v) / r.params.slidesPerGroup);
-  b >= a.length && (b = a.length - 1);
-  const m = -a[b];
+  let T = v + Math.floor((l - v) / r.params.slidesPerGroup);
+  T >= a.length && (T = a.length - 1);
+  const m = -a[T];
   if (o.normalizeSlideIndex)
     for (let g = 0; g < u.length; g += 1) {
-      const T = -Math.floor(m * 100), w = Math.floor(u[g] * 100), I = Math.floor(u[g + 1] * 100);
-      typeof u[g + 1] < "u" ? T >= w && T < I - (I - w) / 2 ? l = g : T >= w && T < I && (l = g + 1) : T >= w && (l = g);
+      const S = -Math.floor(m * 100), b = Math.floor(u[g] * 100), I = Math.floor(u[g + 1] * 100);
+      typeof u[g + 1] < "u" ? S >= b && S < I - (I - b) / 2 ? l = g : S >= b && S < I && (l = g + 1) : S >= b && (l = g);
     }
   if (r.initialized && l !== c && (!r.allowSlideNext && (p ? m > r.translate && m > r.minTranslate() : m < r.translate && m < r.minTranslate()) || !r.allowSlidePrev && m > r.translate && m > r.maxTranslate() && (c || 0) !== l))
     return !1;
   l !== (d || 0) && i && r.emit("beforeSlideChangeStart"), r.updateProgress(m);
-  let y;
-  if (l > c ? y = "next" : l < c ? y = "prev" : y = "reset", p && -m === r.translate || !p && m === r.translate)
-    return r.updateActiveIndex(l), o.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), o.effect !== "slide" && r.setTranslate(m), y !== "reset" && (r.transitionStart(i, y), r.transitionEnd(i, y)), !1;
+  let x;
+  if (l > c ? x = "next" : l < c ? x = "prev" : x = "reset", p && -m === r.translate || !p && m === r.translate)
+    return r.updateActiveIndex(l), o.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), o.effect !== "slide" && r.setTranslate(m), x !== "reset" && (r.transitionStart(i, x), r.transitionEnd(i, x)), !1;
   if (o.cssMode) {
-    const g = r.isHorizontal(), T = p ? m : -m;
+    const g = r.isHorizontal(), S = p ? m : -m;
     if (e === 0) {
-      const w = r.virtual && r.params.virtual.enabled;
-      w && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), w && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, requestAnimationFrame(() => {
-        f[g ? "scrollLeft" : "scrollTop"] = T;
-      })) : f[g ? "scrollLeft" : "scrollTop"] = T, w && requestAnimationFrame(() => {
+      const b = r.virtual && r.params.virtual.enabled;
+      b && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), b && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, requestAnimationFrame(() => {
+        f[g ? "scrollLeft" : "scrollTop"] = S;
+      })) : f[g ? "scrollLeft" : "scrollTop"] = S, b && requestAnimationFrame(() => {
         r.wrapperEl.style.scrollSnapType = "", r._immediateVirtual = !1;
       });
     } else {
       if (!r.support.smoothScroll)
         return Ve({
           swiper: r,
-          targetPosition: T,
+          targetPosition: S,
           side: g ? "left" : "top"
         }), !0;
       f.scrollTo({
-        [g ? "left" : "top"]: T,
+        [g ? "left" : "top"]: S,
         behavior: "smooth"
       });
     }
     return !0;
   }
-  return r.setTransition(e), r.setTranslate(m), r.updateActiveIndex(l), r.updateSlidesClasses(), r.emit("beforeTransitionStart", e, s), r.transitionStart(i, y), e === 0 ? r.transitionEnd(i, y) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function(T) {
-    !r || r.destroyed || T.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(i, y));
+  return r.setTransition(e), r.setTranslate(m), r.updateActiveIndex(l), r.updateSlidesClasses(), r.emit("beforeTransitionStart", e, s), r.transitionStart(i, x), e === 0 ? r.transitionEnd(i, x) : r.animating || (r.animating = !0, r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function(S) {
+    !r || r.destroyed || S.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, r.transitionEnd(i, x));
   }), r.wrapperEl.addEventListener("transitionend", r.onSlideToWrapperTransitionEnd)), !0;
 }
 function kt(t, e, i, s) {
@@ -1245,19 +1245,19 @@ function jt(t, e, i) {
   let v = r[h.indexOf(f) - 1];
   if (typeof v > "u" && n.cssMode) {
     let m;
-    r.forEach((y, g) => {
-      f >= y && (m = g);
+    r.forEach((x, g) => {
+      f >= x && (m = g);
     }), typeof m < "u" && (v = r[m > 0 ? m - 1 : m]);
   }
-  let b = 0;
-  if (typeof v < "u" && (b = l.indexOf(v), b < 0 && (b = s.activeIndex - 1), n.slidesPerView === "auto" && n.slidesPerGroup === 1 && n.slidesPerGroupAuto && (b = b - s.slidesPerViewDynamic("previous", !0) + 1, b = Math.max(b, 0))), n.rewind && s.isBeginning) {
+  let T = 0;
+  if (typeof v < "u" && (T = l.indexOf(v), T < 0 && (T = s.activeIndex - 1), n.slidesPerView === "auto" && n.slidesPerGroup === 1 && n.slidesPerGroupAuto && (T = T - s.slidesPerViewDynamic("previous", !0) + 1, T = Math.max(T, 0))), n.rewind && s.isBeginning) {
     const m = s.params.virtual && s.params.virtual.enabled && s.virtual ? s.virtual.slides.length - 1 : s.slides.length - 1;
     return s.slideTo(m, t, e, i);
   } else if (n.loop && s.activeIndex === 0 && n.cssMode)
     return requestAnimationFrame(() => {
-      s.slideTo(b, t, e, i);
+      s.slideTo(T, t, e, i);
     }), !0;
-  return s.slideTo(b, t, e, i);
+  return s.slideTo(T, t, e, i);
 }
 function Wt(t, e, i) {
   e === void 0 && (e = !0);
@@ -1374,65 +1374,65 @@ function Kt(t) {
   }
   let v = f.slidesPerView;
   v === "auto" ? v = a.slidesPerViewDynamic() : (v = Math.ceil(parseFloat(f.slidesPerView, 10)), h && v % 2 === 0 && (v = v + 1));
-  const b = f.slidesPerGroupAuto ? v : f.slidesPerGroup;
-  let m = b;
-  m % b !== 0 && (m += b - m % b), m += f.loopAdditionalSlides, a.loopedSlides = m;
-  const y = a.grid && f.grid && f.grid.rows > 1;
-  u.length < v + m ? ae("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : y && f.grid.fill === "row" && ae("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
-  const g = [], T = [];
-  let w = a.activeIndex;
-  typeof r > "u" ? r = a.getSlideIndex(u.filter((P) => P.classList.contains(f.slideActiveClass))[0]) : w = r;
+  const T = f.slidesPerGroupAuto ? v : f.slidesPerGroup;
+  let m = T;
+  m % T !== 0 && (m += T - m % T), m += f.loopAdditionalSlides, a.loopedSlides = m;
+  const x = a.grid && f.grid && f.grid.rows > 1;
+  u.length < v + m ? ae("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : x && f.grid.fill === "row" && ae("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
+  const g = [], S = [];
+  let b = a.activeIndex;
+  typeof r > "u" ? r = a.getSlideIndex(u.filter((M) => M.classList.contains(f.slideActiveClass))[0]) : b = r;
   const I = s === "next" || !s, A = s === "prev" || !s;
-  let C = 0, x = 0;
-  const S = y ? Math.ceil(u.length / f.grid.rows) : u.length, M = (y ? u[r].column : r) + (h && typeof n > "u" ? -v / 2 + 0.5 : 0);
-  if (M < m) {
-    C = Math.max(m - M, b);
-    for (let P = 0; P < m - M; P += 1) {
-      const O = P - Math.floor(P / S) * S;
-      if (y) {
-        const D = S - O - 1;
+  let P = 0, y = 0;
+  const w = x ? Math.ceil(u.length / f.grid.rows) : u.length, C = (x ? u[r].column : r) + (h && typeof n > "u" ? -v / 2 + 0.5 : 0);
+  if (C < m) {
+    P = Math.max(m - C, T);
+    for (let M = 0; M < m - C; M += 1) {
+      const O = M - Math.floor(M / w) * w;
+      if (x) {
+        const D = w - O - 1;
         for (let $ = u.length - 1; $ >= 0; $ -= 1)
           u[$].column === D && g.push($);
       } else
-        g.push(S - O - 1);
+        g.push(w - O - 1);
     }
-  } else if (M + v > S - m) {
-    x = Math.max(M - (S - m * 2), b);
-    for (let P = 0; P < x; P += 1) {
-      const O = P - Math.floor(P / S) * S;
-      y ? u.forEach((D, $) => {
-        D.column === O && T.push($);
-      }) : T.push(O);
+  } else if (C + v > w - m) {
+    y = Math.max(C - (w - m * 2), T);
+    for (let M = 0; M < y; M += 1) {
+      const O = M - Math.floor(M / w) * w;
+      x ? u.forEach((D, $) => {
+        D.column === O && S.push($);
+      }) : S.push(O);
     }
   }
   if (a.__preventObserver__ = !0, requestAnimationFrame(() => {
     a.__preventObserver__ = !1;
-  }), A && g.forEach((P) => {
-    u[P].swiperLoopMoveDOM = !0, p.prepend(u[P]), u[P].swiperLoopMoveDOM = !1;
-  }), I && T.forEach((P) => {
-    u[P].swiperLoopMoveDOM = !0, p.append(u[P]), u[P].swiperLoopMoveDOM = !1;
-  }), a.recalcSlides(), f.slidesPerView === "auto" ? a.updateSlides() : y && (g.length > 0 && A || T.length > 0 && I) && a.slides.forEach((P, O) => {
-    a.grid.updateSlide(O, P, a.slides);
+  }), A && g.forEach((M) => {
+    u[M].swiperLoopMoveDOM = !0, p.prepend(u[M]), u[M].swiperLoopMoveDOM = !1;
+  }), I && S.forEach((M) => {
+    u[M].swiperLoopMoveDOM = !0, p.append(u[M]), u[M].swiperLoopMoveDOM = !1;
+  }), a.recalcSlides(), f.slidesPerView === "auto" ? a.updateSlides() : x && (g.length > 0 && A || S.length > 0 && I) && a.slides.forEach((M, O) => {
+    a.grid.updateSlide(O, M, a.slides);
   }), f.watchSlidesProgress && a.updateSlidesOffset(), i) {
     if (g.length > 0 && A) {
       if (typeof e > "u") {
-        const P = a.slidesGrid[w], D = a.slidesGrid[w + C] - P;
-        o ? a.setTranslate(a.translate - D) : (a.slideTo(w + Math.ceil(C), 0, !1, !0), n && (a.touchEventsData.startTranslate = a.touchEventsData.startTranslate - D, a.touchEventsData.currentTranslate = a.touchEventsData.currentTranslate - D));
+        const M = a.slidesGrid[b], D = a.slidesGrid[b + P] - M;
+        o ? a.setTranslate(a.translate - D) : (a.slideTo(b + Math.ceil(P), 0, !1, !0), n && (a.touchEventsData.startTranslate = a.touchEventsData.startTranslate - D, a.touchEventsData.currentTranslate = a.touchEventsData.currentTranslate - D));
       } else if (n) {
-        const P = y ? g.length / f.grid.rows : g.length;
-        a.slideTo(a.activeIndex + P, 0, !1, !0), a.touchEventsData.currentTranslate = a.translate;
+        const M = x ? g.length / f.grid.rows : g.length;
+        a.slideTo(a.activeIndex + M, 0, !1, !0), a.touchEventsData.currentTranslate = a.translate;
       }
-    } else if (T.length > 0 && I)
+    } else if (S.length > 0 && I)
       if (typeof e > "u") {
-        const P = a.slidesGrid[w], D = a.slidesGrid[w - x] - P;
-        o ? a.setTranslate(a.translate - D) : (a.slideTo(w - x, 0, !1, !0), n && (a.touchEventsData.startTranslate = a.touchEventsData.startTranslate - D, a.touchEventsData.currentTranslate = a.touchEventsData.currentTranslate - D));
+        const M = a.slidesGrid[b], D = a.slidesGrid[b - y] - M;
+        o ? a.setTranslate(a.translate - D) : (a.slideTo(b - y, 0, !1, !0), n && (a.touchEventsData.startTranslate = a.touchEventsData.startTranslate - D, a.touchEventsData.currentTranslate = a.touchEventsData.currentTranslate - D));
       } else {
-        const P = y ? T.length / f.grid.rows : T.length;
-        a.slideTo(a.activeIndex - P, 0, !1, !0);
+        const M = x ? S.length / f.grid.rows : S.length;
+        a.slideTo(a.activeIndex - M, 0, !1, !0);
       }
   }
   if (a.allowSlidePrev = d, a.allowSlideNext = c, a.controller && a.controller.control && !l) {
-    const P = {
+    const M = {
       slideRealIndex: e,
       direction: s,
       setTranslate: n,
@@ -1441,11 +1441,11 @@ function Kt(t) {
     };
     Array.isArray(a.controller.control) ? a.controller.control.forEach((O) => {
       !O.destroyed && O.params.loop && O.loopFix({
-        ...P,
+        ...M,
         slideTo: O.params.slidesPerView === f.slidesPerView ? i : !1
       });
     }) : a.controller.control instanceof a.constructor && a.controller.control.params.loop && a.controller.control.loopFix({
-      ...P,
+      ...M,
       slideTo: a.controller.control.params.slidesPerView === f.slidesPerView ? i : !1
     });
   }
@@ -1553,8 +1553,8 @@ function si(t) {
   }), l.startX = f, l.startY = h, n.touchStartTime = ne(), e.allowClick = !0, e.updateSize(), e.swipeDirection = void 0, r.threshold > 0 && (n.allowThresholdMove = !1);
   let v = !0;
   a.matches(n.focusableElements) && (v = !1, a.nodeName === "SELECT" && (n.isTouched = !1)), i.activeElement && i.activeElement.matches(n.focusableElements) && i.activeElement !== a && i.activeElement.blur();
-  const b = v && e.allowTouchMove && r.touchStartPreventDefault;
-  (r.touchStartForcePreventDefault || b) && !a.isContentEditable && s.preventDefault(), r.freeMode && r.freeMode.enabled && e.freeMode && e.animating && !r.cssMode && e.freeMode.onTouchStart(), e.emit("touchStart", s);
+  const T = v && e.allowTouchMove && r.touchStartPreventDefault;
+  (r.touchStartForcePreventDefault || T) && !a.isContentEditable && s.preventDefault(), r.freeMode && r.freeMode.enabled && e.freeMode && e.animating && !r.cssMode && e.freeMode.onTouchStart(), e.emit("touchStart", s);
 }
 function ri(t) {
   const e = j(), i = this, s = i.touchEventsData, {
@@ -1619,11 +1619,11 @@ function ri(t) {
   i.allowClick = !1, !n.cssMode && a.cancelable && a.preventDefault(), n.touchMoveStopPropagation && !n.nested && a.stopPropagation();
   let h = i.isHorizontal() ? p : f, v = i.isHorizontal() ? r.currentX - r.previousX : r.currentY - r.previousY;
   n.oneWayMovement && (h = Math.abs(h) * (l ? 1 : -1), v = Math.abs(v) * (l ? 1 : -1)), r.diff = h, h *= n.touchRatio, l && (h = -h, v = -v);
-  const b = i.touchesDirection;
+  const T = i.touchesDirection;
   i.swipeDirection = h > 0 ? "prev" : "next", i.touchesDirection = v > 0 ? "prev" : "next";
-  const m = i.params.loop && !n.cssMode, y = i.touchesDirection === "next" && i.allowSlideNext || i.touchesDirection === "prev" && i.allowSlidePrev;
+  const m = i.params.loop && !n.cssMode, x = i.touchesDirection === "next" && i.allowSlideNext || i.touchesDirection === "prev" && i.allowSlidePrev;
   if (!s.isMoved) {
-    if (m && y && i.loopFix({
+    if (m && x && i.loopFix({
       direction: i.swipeDirection
     }), s.startTranslate = i.getTranslate(), i.setTransition(0), i.animating) {
       const I = new window.CustomEvent("transitionend", {
@@ -1638,7 +1638,7 @@ function ri(t) {
     s.allowMomentumBounce = !1, n.grabCursor && (i.allowSlideNext === !0 || i.allowSlidePrev === !0) && i.setGrabCursor(!0), i.emit("sliderFirstMove", a);
   }
   let g;
-  if ((/* @__PURE__ */ new Date()).getTime(), s.isMoved && s.allowThresholdMove && b !== i.touchesDirection && m && y && Math.abs(h) >= 1) {
+  if ((/* @__PURE__ */ new Date()).getTime(), s.isMoved && s.allowThresholdMove && T !== i.touchesDirection && m && x && Math.abs(h) >= 1) {
     Object.assign(r, {
       startX: d,
       startY: c,
@@ -1649,16 +1649,16 @@ function ri(t) {
     return;
   }
   i.emit("sliderMove", a), s.isMoved = !0, s.currentTranslate = h + s.startTranslate;
-  let T = !0, w = n.resistanceRatio;
-  if (n.touchReleaseOnEdges && (w = 0), h > 0 ? (m && y && !g && s.allowThresholdMove && s.currentTranslate > (n.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] : i.minTranslate()) && i.loopFix({
+  let S = !0, b = n.resistanceRatio;
+  if (n.touchReleaseOnEdges && (b = 0), h > 0 ? (m && x && !g && s.allowThresholdMove && s.currentTranslate > (n.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] : i.minTranslate()) && i.loopFix({
     direction: "prev",
     setTranslate: !0,
     activeSlideIndex: 0
-  }), s.currentTranslate > i.minTranslate() && (T = !1, n.resistance && (s.currentTranslate = i.minTranslate() - 1 + (-i.minTranslate() + s.startTranslate + h) ** w))) : h < 0 && (m && y && !g && s.allowThresholdMove && s.currentTranslate < (n.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] : i.maxTranslate()) && i.loopFix({
+  }), s.currentTranslate > i.minTranslate() && (S = !1, n.resistance && (s.currentTranslate = i.minTranslate() - 1 + (-i.minTranslate() + s.startTranslate + h) ** b))) : h < 0 && (m && x && !g && s.allowThresholdMove && s.currentTranslate < (n.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] : i.maxTranslate()) && i.loopFix({
     direction: "next",
     setTranslate: !0,
     activeSlideIndex: i.slides.length - (n.slidesPerView === "auto" ? i.slidesPerViewDynamic() : Math.ceil(parseFloat(n.slidesPerView, 10)))
-  }), s.currentTranslate < i.maxTranslate() && (T = !1, n.resistance && (s.currentTranslate = i.maxTranslate() + 1 - (i.maxTranslate() - s.startTranslate - h) ** w))), T && (a.preventedByNestedSwiper = !0), !i.allowSlideNext && i.swipeDirection === "next" && s.currentTranslate < s.startTranslate && (s.currentTranslate = s.startTranslate), !i.allowSlidePrev && i.swipeDirection === "prev" && s.currentTranslate > s.startTranslate && (s.currentTranslate = s.startTranslate), !i.allowSlidePrev && !i.allowSlideNext && (s.currentTranslate = s.startTranslate), n.threshold > 0)
+  }), s.currentTranslate < i.maxTranslate() && (S = !1, n.resistance && (s.currentTranslate = i.maxTranslate() + 1 - (i.maxTranslate() - s.startTranslate - h) ** b))), S && (a.preventedByNestedSwiper = !0), !i.allowSlideNext && i.swipeDirection === "next" && s.currentTranslate < s.startTranslate && (s.currentTranslate = s.startTranslate), !i.allowSlidePrev && i.swipeDirection === "prev" && s.currentTranslate > s.startTranslate && (s.currentTranslate = s.startTranslate), !i.allowSlidePrev && !i.allowSlideNext && (s.currentTranslate = s.startTranslate), n.threshold > 0)
     if (Math.abs(h) > n.threshold || s.allowThresholdMove) {
       if (!s.allowThresholdMove) {
         s.allowThresholdMove = !0, r.startX = r.currentX, r.startY = r.currentY, s.currentTranslate = s.startTranslate, r.diff = i.isHorizontal() ? r.currentX - r.startX : r.currentY - r.startY;
@@ -1676,7 +1676,7 @@ function ni(t) {
   s.originalEvent && (s = s.originalEvent);
   let n;
   if (s.type === "touchend" || s.type === "touchcancel") {
-    if (n = [...s.changedTouches].filter((w) => w.identifier === i.touchId)[0], !n || n.identifier !== i.touchId) return;
+    if (n = [...s.changedTouches].filter((b) => b.identifier === i.touchId)[0], !n || n.identifier !== i.touchId) return;
   } else {
     if (i.touchId !== null || s.pointerId !== i.pointerId) return;
     n = s;
@@ -1699,8 +1699,8 @@ function ni(t) {
   l.grabCursor && i.isMoved && i.isTouched && (e.allowSlideNext === !0 || e.allowSlidePrev === !0) && e.setGrabCursor(!1);
   const c = ne(), p = c - i.touchStartTime;
   if (e.allowClick) {
-    const w = s.path || s.composedPath && s.composedPath();
-    e.updateClickedSlide(w && w[0] || s.target, w), e.emit("tap click", s), p < 300 && c - i.lastClickTime < 300 && e.emit("doubleTap doubleClick", s);
+    const b = s.path || s.composedPath && s.composedPath();
+    e.updateClickedSlide(b && b[0] || s.target, b), e.emit("tap click", s), p < 300 && c - i.lastClickTime < 300 && e.emit("doubleTap doubleClick", s);
   }
   if (i.lastClickTime = ne(), ge(() => {
     e.destroyed || (e.allowClick = !0);
@@ -1719,26 +1719,26 @@ function ni(t) {
     return;
   }
   const h = f >= -e.maxTranslate() && !e.params.loop;
-  let v = 0, b = e.slidesSizesGrid[0];
-  for (let w = 0; w < u.length; w += w < l.slidesPerGroupSkip ? 1 : l.slidesPerGroup) {
-    const I = w < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup;
-    typeof u[w + I] < "u" ? (h || f >= u[w] && f < u[w + I]) && (v = w, b = u[w + I] - u[w]) : (h || f >= u[w]) && (v = w, b = u[u.length - 1] - u[u.length - 2]);
-  }
-  let m = null, y = null;
-  l.rewind && (e.isBeginning ? y = l.virtual && l.virtual.enabled && e.virtual ? e.virtual.slides.length - 1 : e.slides.length - 1 : e.isEnd && (m = 0));
-  const g = (f - u[v]) / b, T = v < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup;
+  let v = 0, T = e.slidesSizesGrid[0];
+  for (let b = 0; b < u.length; b += b < l.slidesPerGroupSkip ? 1 : l.slidesPerGroup) {
+    const I = b < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup;
+    typeof u[b + I] < "u" ? (h || f >= u[b] && f < u[b + I]) && (v = b, T = u[b + I] - u[b]) : (h || f >= u[b]) && (v = b, T = u[u.length - 1] - u[u.length - 2]);
+  }
+  let m = null, x = null;
+  l.rewind && (e.isBeginning ? x = l.virtual && l.virtual.enabled && e.virtual ? e.virtual.slides.length - 1 : e.slides.length - 1 : e.isEnd && (m = 0));
+  const g = (f - u[v]) / T, S = v < l.slidesPerGroupSkip - 1 ? 1 : l.slidesPerGroup;
   if (p > l.longSwipesMs) {
     if (!l.longSwipes) {
       e.slideTo(e.activeIndex);
       return;
     }
-    e.swipeDirection === "next" && (g >= l.longSwipesRatio ? e.slideTo(l.rewind && e.isEnd ? m : v + T) : e.slideTo(v)), e.swipeDirection === "prev" && (g > 1 - l.longSwipesRatio ? e.slideTo(v + T) : y !== null && g < 0 && Math.abs(g) > l.longSwipesRatio ? e.slideTo(y) : e.slideTo(v));
+    e.swipeDirection === "next" && (g >= l.longSwipesRatio ? e.slideTo(l.rewind && e.isEnd ? m : v + S) : e.slideTo(v)), e.swipeDirection === "prev" && (g > 1 - l.longSwipesRatio ? e.slideTo(v + S) : x !== null && g < 0 && Math.abs(g) > l.longSwipesRatio ? e.slideTo(x) : e.slideTo(v));
   } else {
     if (!l.shortSwipes) {
       e.slideTo(e.activeIndex);
       return;
     }
-    e.navigation && (s.target === e.navigation.nextEl || s.target === e.navigation.prevEl) ? s.target === e.navigation.nextEl ? e.slideTo(v + T) : e.slideTo(v) : (e.swipeDirection === "next" && e.slideTo(m !== null ? m : v + T), e.swipeDirection === "prev" && e.slideTo(y !== null ? y : v));
+    e.navigation && (s.target === e.navigation.nextEl || s.target === e.navigation.prevEl) ? s.target === e.navigation.nextEl ? e.slideTo(v + S) : e.slideTo(v) : (e.swipeDirection === "next" && e.slideTo(m !== null ? m : v + S), e.swipeDirection === "prev" && e.slideTo(x !== null ? x : v));
   }
 }
 function Oe() {
@@ -1848,17 +1848,17 @@ function pi() {
   const a = (l in r ? r[l] : void 0) || t.originalParams, u = _e(t, s), d = _e(t, a), c = t.params.grabCursor, p = a.grabCursor, f = s.enabled;
   u && !d ? (n.classList.remove(`${s.containerModifierClass}grid`, `${s.containerModifierClass}grid-column`), t.emitContainerClasses()) : !u && d && (n.classList.add(`${s.containerModifierClass}grid`), (a.grid.fill && a.grid.fill === "column" || !a.grid.fill && s.grid.fill === "column") && n.classList.add(`${s.containerModifierClass}grid-column`), t.emitContainerClasses()), c && !p ? t.unsetGrabCursor() : !c && p && t.setGrabCursor(), ["navigation", "pagination", "scrollbar"].forEach((g) => {
     if (typeof a[g] > "u") return;
-    const T = s[g] && s[g].enabled, w = a[g] && a[g].enabled;
-    T && !w && t[g].disable(), !T && w && t[g].enable();
+    const S = s[g] && s[g].enabled, b = a[g] && a[g].enabled;
+    S && !b && t[g].disable(), !S && b && t[g].enable();
   });
-  const h = a.direction && a.direction !== s.direction, v = s.loop && (a.slidesPerView !== s.slidesPerView || h), b = s.loop;
+  const h = a.direction && a.direction !== s.direction, v = s.loop && (a.slidesPerView !== s.slidesPerView || h), T = s.loop;
   h && i && t.changeDirection(), B(t.params, a);
-  const m = t.params.enabled, y = t.params.loop;
+  const m = t.params.enabled, x = t.params.loop;
   Object.assign(t, {
     allowTouchMove: t.params.allowTouchMove,
     allowSlideNext: t.params.allowSlideNext,
     allowSlidePrev: t.params.allowSlidePrev
-  }), f && !m ? t.disable() : !f && m && t.enable(), t.currentBreakpoint = l, t.emit("_beforeBreakpoint", a), i && (v ? (t.loopDestroy(), t.loopCreate(e), t.updateSlides()) : !b && y ? (t.loopCreate(e), t.updateSlides()) : b && !y && t.loopDestroy()), t.emit("breakpoint", a);
+  }), f && !m ? t.disable() : !f && m && t.enable(), t.currentBreakpoint = l, t.emit("_beforeBreakpoint", a), i && (v ? (t.loopDestroy(), t.loopCreate(e), t.updateSlides()) : !T && x ? (t.loopCreate(e), t.updateSlides()) : T && !x && t.loopDestroy()), t.emit("breakpoint", a);
 }
 function mi(t, e, i) {
   if (e === void 0 && (e = "window"), !t || e === "container" && !i) return;
@@ -2363,9 +2363,9 @@ let ye = class k {
       hostEl: i.isElement ? s.parentNode.host : s,
       mounted: !0,
       // RTL
-      rtl: s.dir.toLowerCase() === "rtl" || W(s, "direction") === "rtl",
-      rtlTranslate: i.params.direction === "horizontal" && (s.dir.toLowerCase() === "rtl" || W(s, "direction") === "rtl"),
-      wrongRTL: W(l, "display") === "-webkit-box"
+      rtl: s.dir.toLowerCase() === "rtl" || q(s, "direction") === "rtl",
+      rtlTranslate: i.params.direction === "horizontal" && (s.dir.toLowerCase() === "rtl" || q(s, "direction") === "rtl"),
+      wrongRTL: q(l, "display") === "-webkit-box"
     }), !0;
   }
   init(e) {
@@ -2536,13 +2536,13 @@ const ke = [
   "zoom",
   "control"
 ];
-function Y(t) {
+function X(t) {
   return typeof t == "object" && t !== null && t.constructor && Object.prototype.toString.call(t).slice(8, -1) === "Object" && !t.__swiper__;
 }
 function Z(t, e) {
   const i = ["__proto__", "constructor", "prototype"];
   Object.keys(e).filter((s) => i.indexOf(s) < 0).forEach((s) => {
-    typeof t[s] > "u" ? t[s] = e[s] : Y(e[s]) && Y(t[s]) && Object.keys(e[s]).length > 0 ? e[s].__swiper__ ? t[s] = e[s] : Z(t[s], e[s]) : t[s] = e[s];
+    typeof t[s] > "u" ? t[s] = e[s] : X(e[s]) && X(t[s]) && Object.keys(e[s]).length > 0 ? e[s].__swiper__ ? t[s] = e[s] : Z(t[s], e[s]) : t[s] = e[s];
   });
 }
 function He(t) {
@@ -2575,7 +2575,7 @@ function Ei(t) {
     scrollbarEl: o,
     paginationEl: a
   } = t;
-  const u = n.filter((x) => x !== "children" && x !== "direction" && x !== "wrapperClass"), {
+  const u = n.filter((y) => y !== "children" && y !== "direction" && y !== "wrapperClass"), {
     params: d,
     pagination: c,
     navigation: p,
@@ -2583,19 +2583,19 @@ function Ei(t) {
     virtual: h,
     thumbs: v
   } = e;
-  let b, m, y, g, T, w, I, A;
-  n.includes("thumbs") && s.thumbs && s.thumbs.swiper && d.thumbs && !d.thumbs.swiper && (b = !0), n.includes("controller") && s.controller && s.controller.control && d.controller && !d.controller.control && (m = !0), n.includes("pagination") && s.pagination && (s.pagination.el || a) && (d.pagination || d.pagination === !1) && c && !c.el && (y = !0), n.includes("scrollbar") && s.scrollbar && (s.scrollbar.el || o) && (d.scrollbar || d.scrollbar === !1) && f && !f.el && (g = !0), n.includes("navigation") && s.navigation && (s.navigation.prevEl || l) && (s.navigation.nextEl || r) && (d.navigation || d.navigation === !1) && p && !p.prevEl && !p.nextEl && (T = !0);
-  const C = (x) => {
-    e[x] && (e[x].destroy(), x === "navigation" ? (e.isElement && (e[x].prevEl.remove(), e[x].nextEl.remove()), d[x].prevEl = void 0, d[x].nextEl = void 0, e[x].prevEl = void 0, e[x].nextEl = void 0) : (e.isElement && e[x].el.remove(), d[x].el = void 0, e[x].el = void 0));
+  let T, m, x, g, S, b, I, A;
+  n.includes("thumbs") && s.thumbs && s.thumbs.swiper && d.thumbs && !d.thumbs.swiper && (T = !0), n.includes("controller") && s.controller && s.controller.control && d.controller && !d.controller.control && (m = !0), n.includes("pagination") && s.pagination && (s.pagination.el || a) && (d.pagination || d.pagination === !1) && c && !c.el && (x = !0), n.includes("scrollbar") && s.scrollbar && (s.scrollbar.el || o) && (d.scrollbar || d.scrollbar === !1) && f && !f.el && (g = !0), n.includes("navigation") && s.navigation && (s.navigation.prevEl || l) && (s.navigation.nextEl || r) && (d.navigation || d.navigation === !1) && p && !p.prevEl && !p.nextEl && (S = !0);
+  const P = (y) => {
+    e[y] && (e[y].destroy(), y === "navigation" ? (e.isElement && (e[y].prevEl.remove(), e[y].nextEl.remove()), d[y].prevEl = void 0, d[y].nextEl = void 0, e[y].prevEl = void 0, e[y].nextEl = void 0) : (e.isElement && e[y].el.remove(), d[y].el = void 0, e[y].el = void 0));
   };
-  n.includes("loop") && e.isElement && (d.loop && !s.loop ? w = !0 : !d.loop && s.loop ? I = !0 : A = !0), u.forEach((x) => {
-    if (Y(d[x]) && Y(s[x]))
-      Object.assign(d[x], s[x]), (x === "navigation" || x === "pagination" || x === "scrollbar") && "enabled" in s[x] && !s[x].enabled && C(x);
+  n.includes("loop") && e.isElement && (d.loop && !s.loop ? b = !0 : !d.loop && s.loop ? I = !0 : A = !0), u.forEach((y) => {
+    if (X(d[y]) && X(s[y]))
+      Object.assign(d[y], s[y]), (y === "navigation" || y === "pagination" || y === "scrollbar") && "enabled" in s[y] && !s[y].enabled && P(y);
     else {
-      const S = s[x];
-      (S === !0 || S === !1) && (x === "navigation" || x === "pagination" || x === "scrollbar") ? S === !1 && C(x) : d[x] = s[x];
+      const w = s[y];
+      (w === !0 || w === !1) && (y === "navigation" || y === "pagination" || y === "scrollbar") ? w === !1 && P(y) : d[y] = s[y];
     }
-  }), u.includes("controller") && !m && e.controller && e.controller.control && d.controller && d.controller.control && (e.controller.control = d.controller.control), n.includes("children") && i && h && d.virtual.enabled ? (h.slides = i, h.update(!0)) : n.includes("virtual") && h && d.virtual.enabled && (i && (h.slides = i), h.update(!0)), n.includes("children") && i && d.loop && (A = !0), b && v.init() && v.update(!0), m && (e.controller.control = d.controller.control), y && (e.isElement && (!a || typeof a == "string") && (a = document.createElement("div"), a.classList.add("swiper-pagination"), a.part.add("pagination"), e.el.appendChild(a)), a && (d.pagination.el = a), c.init(), c.render(), c.update()), g && (e.isElement && (!o || typeof o == "string") && (o = document.createElement("div"), o.classList.add("swiper-scrollbar"), o.part.add("scrollbar"), e.el.appendChild(o)), o && (d.scrollbar.el = o), f.init(), f.updateSize(), f.setTranslate()), T && (e.isElement && ((!r || typeof r == "string") && (r = document.createElement("div"), r.classList.add("swiper-button-next"), r.innerHTML = e.hostEl.constructor.nextButtonSvg, r.part.add("button-next"), e.el.appendChild(r)), (!l || typeof l == "string") && (l = document.createElement("div"), l.classList.add("swiper-button-prev"), l.innerHTML = e.hostEl.constructor.prevButtonSvg, l.part.add("button-prev"), e.el.appendChild(l))), r && (d.navigation.nextEl = r), l && (d.navigation.prevEl = l), p.init(), p.update()), n.includes("allowSlideNext") && (e.allowSlideNext = s.allowSlideNext), n.includes("allowSlidePrev") && (e.allowSlidePrev = s.allowSlidePrev), n.includes("direction") && e.changeDirection(s.direction, !1), (w || A) && e.loopDestroy(), (I || A) && e.loopCreate(), e.update();
+  }), u.includes("controller") && !m && e.controller && e.controller.control && d.controller && d.controller.control && (e.controller.control = d.controller.control), n.includes("children") && i && h && d.virtual.enabled ? (h.slides = i, h.update(!0)) : n.includes("virtual") && h && d.virtual.enabled && (i && (h.slides = i), h.update(!0)), n.includes("children") && i && d.loop && (A = !0), T && v.init() && v.update(!0), m && (e.controller.control = d.controller.control), x && (e.isElement && (!a || typeof a == "string") && (a = document.createElement("div"), a.classList.add("swiper-pagination"), a.part.add("pagination"), e.el.appendChild(a)), a && (d.pagination.el = a), c.init(), c.render(), c.update()), g && (e.isElement && (!o || typeof o == "string") && (o = document.createElement("div"), o.classList.add("swiper-scrollbar"), o.part.add("scrollbar"), e.el.appendChild(o)), o && (d.scrollbar.el = o), f.init(), f.updateSize(), f.setTranslate()), S && (e.isElement && ((!r || typeof r == "string") && (r = document.createElement("div"), r.classList.add("swiper-button-next"), r.innerHTML = e.hostEl.constructor.nextButtonSvg, r.part.add("button-next"), e.el.appendChild(r)), (!l || typeof l == "string") && (l = document.createElement("div"), l.classList.add("swiper-button-prev"), l.innerHTML = e.hostEl.constructor.prevButtonSvg, l.part.add("button-prev"), e.el.appendChild(l))), r && (d.navigation.nextEl = r), l && (d.navigation.prevEl = l), p.init(), p.update()), n.includes("allowSlideNext") && (e.allowSlideNext = s.allowSlideNext), n.includes("allowSlidePrev") && (e.allowSlidePrev = s.allowSlidePrev), n.includes("direction") && e.changeDirection(s.direction, !1), (b || A) && e.loopDestroy(), (I || A) && e.loopCreate(), e.update();
 }
 function Pi(t, e) {
   t === void 0 && (t = {}), e === void 0 && (e = !0);
@@ -2605,7 +2605,7 @@ function Pi(t, e) {
   Z(i, Se), i._emitClasses = !0, i.init = !1;
   const r = {}, l = ke.map((a) => a.replace(/_/, "")), o = Object.assign({}, t);
   return Object.keys(o).forEach((a) => {
-    typeof t[a] > "u" || (l.indexOf(a) >= 0 ? Y(t[a]) ? (i[a] = {}, n[a] = {}, Z(i[a], t[a]), Z(n[a], t[a])) : (i[a] = t[a], n[a] = t[a]) : a.search(/on[A-Z]/) === 0 && typeof t[a] == "function" ? e ? s[`${a[2].toLowerCase()}${a.substr(3)}`] = t[a] : i.on[`${a[2].toLowerCase()}${a.substr(3)}`] = t[a] : r[a] = t[a]);
+    typeof t[a] > "u" || (l.indexOf(a) >= 0 ? X(t[a]) ? (i[a] = {}, n[a] = {}, Z(i[a], t[a]), Z(n[a], t[a])) : (i[a] = t[a], n[a] = t[a]) : a.search(/on[A-Z]/) === 0 && typeof t[a] == "function" ? e ? s[`${a[2].toLowerCase()}${a.substr(3)}`] = t[a] : i.on[`${a[2].toLowerCase()}${a.substr(3)}`] = t[a] : r[a] = t[a]);
   }), ["navigation", "pagination", "scrollbar"].forEach((a) => {
     i[a] === !0 && (i[a] = {}), i[a] === !1 && delete i[a];
   }), {
@@ -2638,7 +2638,7 @@ function Ci(t, e, i, s, n) {
   }
   return ke.filter((a) => a[0] === "_").map((a) => a.replace(/_/, "")).forEach((a) => {
     if (a in t && a in e)
-      if (Y(t[a]) && Y(e[a])) {
+      if (X(t[a]) && X(e[a])) {
         const u = Object.keys(t[a]), d = Object.keys(e[a]);
         u.length !== d.length ? l(a) : (u.forEach((c) => {
           t[a][c] !== e[a][c] && l(a);
@@ -2714,9 +2714,9 @@ function Oi(t, e, i) {
   }));
 }
 function Q(t, e) {
-  return typeof window > "u" ? he(t, e) : Qe(t, e);
+  return typeof window > "u" ? he(t, e) : et(t, e);
 }
-const ze = /* @__PURE__ */ De(null), Ue = /* @__PURE__ */ De(null), _i = () => et(Ue), Ke = /* @__PURE__ */ Te(function(t, e) {
+const ze = /* @__PURE__ */ De(null), Ue = /* @__PURE__ */ De(null), _i = () => Qe(Ue), Ke = /* @__PURE__ */ Te(function(t, e) {
   let {
     className: i,
     tag: s = "div",
@@ -2725,39 +2725,39 @@ const ze = /* @__PURE__ */ De(null), Ue = /* @__PURE__ */ De(null), _i = () => e
     onSwiper: l,
     ...o
   } = t === void 0 ? {} : t, a = !1;
-  const [u, d] = K("swiper"), [c, p] = K(null), [f, h] = K(!1), v = R(!1), b = R(null), m = R(null), y = R(null), g = R(null), T = R(null), w = R(null), I = R(null), A = R(null), {
-    params: C,
-    passedParams: x,
-    rest: S,
+  const [u, d] = K("swiper"), [c, p] = K(null), [f, h] = K(!1), v = R(!1), T = R(null), m = R(null), x = R(null), g = R(null), S = R(null), b = R(null), I = R(null), A = R(null), {
+    params: P,
+    passedParams: y,
+    rest: w,
     events: E
   } = Pi(o), {
-    slides: M,
-    slots: P
+    slides: C,
+    slots: M
   } = Li(r), O = () => {
     h(!f);
   };
-  Object.assign(C.on, {
+  Object.assign(P.on, {
     _containerClasses(_, z) {
       d(z);
     }
   });
   const D = () => {
-    Object.assign(C.on, E), a = !0;
+    Object.assign(P.on, E), a = !0;
     const _ = {
-      ...C
+      ...P
     };
     if (delete _.wrapperClass, m.current = new ye(_), m.current.virtual && m.current.params.virtual.enabled) {
-      m.current.virtual.slides = M;
+      m.current.virtual.slides = C;
       const z = {
         cache: !1,
-        slides: M,
+        slides: C,
         renderExternal: p,
         renderExternalUpdate: !1
       };
       Z(m.current.params.virtual, z), Z(m.current.originalParams.virtual, z);
     }
   };
-  b.current || D(), m.current && m.current.on("_beforeBreakpoint", O);
+  T.current || D(), m.current && m.current.on("_beforeBreakpoint", O);
   const $ = () => {
     a || !E || !m.current || Object.keys(E).forEach((_) => {
       m.current.on(_, E[_]);
@@ -2772,27 +2772,27 @@ const ze = /* @__PURE__ */ De(null), Ue = /* @__PURE__ */ De(null), _i = () => e
   }), he(() => {
     !v.current && m.current && (m.current.emitSlidesClasses(), v.current = !0);
   }), Q(() => {
-    if (e && (e.current = b.current), !!b.current)
+    if (e && (e.current = T.current), !!T.current)
       return m.current.destroyed && D(), Mi({
-        el: b.current,
-        nextEl: T.current,
-        prevEl: w.current,
+        el: T.current,
+        nextEl: S.current,
+        prevEl: b.current,
         paginationEl: I.current,
         scrollbarEl: A.current,
         swiper: m.current
-      }, C), l && !m.current.destroyed && l(m.current), () => {
+      }, P), l && !m.current.destroyed && l(m.current), () => {
         m.current && !m.current.destroyed && m.current.destroy(!0, !1);
       };
   }, []), Q(() => {
     $();
-    const _ = Ci(x, y.current, M, g.current, (z) => z.key);
-    return y.current = x, g.current = M, _.length && m.current && !m.current.destroyed && Ei({
+    const _ = Ci(y, x.current, C, g.current, (z) => z.key);
+    return x.current = y, g.current = C, _.length && m.current && !m.current.destroyed && Ei({
       swiper: m.current,
-      slides: M,
-      passedParams: x,
+      slides: C,
+      passedParams: y,
       changedParams: _,
-      nextEl: T.current,
-      prevEl: w.current,
+      nextEl: S.current,
+      prevEl: b.current,
       scrollbarEl: A.current,
       paginationEl: I.current
     }), () => {
@@ -2802,31 +2802,31 @@ const ze = /* @__PURE__ */ De(null), Ue = /* @__PURE__ */ De(null), _i = () => e
     Ii(m.current);
   }, [c]);
   function L() {
-    return C.virtual ? Oi(m.current, M, c) : M.map((_, z) => /* @__PURE__ */ G.cloneElement(_, {
+    return P.virtual ? Oi(m.current, C, c) : C.map((_, z) => /* @__PURE__ */ G.cloneElement(_, {
       swiper: m.current,
       swiperSlideIndex: z
     }));
   }
   return /* @__PURE__ */ G.createElement(s, le({
-    ref: b,
+    ref: T,
     className: qe(`${u}${i ? ` ${i}` : ""}`)
-  }, S), /* @__PURE__ */ G.createElement(Ue.Provider, {
+  }, w), /* @__PURE__ */ G.createElement(Ue.Provider, {
     value: m.current
-  }, P["container-start"], /* @__PURE__ */ G.createElement(n, {
-    className: xi(C.wrapperClass)
-  }, P["wrapper-start"], L(), P["wrapper-end"]), He(C) && /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement("div", {
-    ref: w,
+  }, M["container-start"], /* @__PURE__ */ G.createElement(n, {
+    className: xi(P.wrapperClass)
+  }, M["wrapper-start"], L(), M["wrapper-end"]), He(P) && /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement("div", {
+    ref: b,
     className: "swiper-button-prev"
   }), /* @__PURE__ */ G.createElement("div", {
-    ref: T,
+    ref: S,
     className: "swiper-button-next"
-  })), We(C) && /* @__PURE__ */ G.createElement("div", {
+  })), We(P) && /* @__PURE__ */ G.createElement("div", {
     ref: A,
     className: "swiper-scrollbar"
-  }), je(C) && /* @__PURE__ */ G.createElement("div", {
+  }), je(P) && /* @__PURE__ */ G.createElement("div", {
     ref: I,
     className: "swiper-pagination"
-  }), P["container-end"]));
+  }), M["container-end"]));
 });
 Ke.displayName = "Swiper";
 const Ze = /* @__PURE__ */ Te(function(t, e) {
@@ -2842,8 +2842,8 @@ const Ze = /* @__PURE__ */ Te(function(t, e) {
     ...d
   } = t === void 0 ? {} : t;
   const c = R(null), [p, f] = K("swiper-slide"), [h, v] = K(!1);
-  function b(T, w, I) {
-    w === c.current && f(I);
+  function T(S, b, I) {
+    b === c.current && f(I);
   }
   Q(() => {
     if (typeof u < "u" && (c.current.swiperSlideIndex = u), e && (e.current = c.current), !(!c.current || !r)) {
@@ -2851,8 +2851,8 @@ const Ze = /* @__PURE__ */ Te(function(t, e) {
         p !== "swiper-slide" && f("swiper-slide");
         return;
       }
-      return r.on("_slideClass", b), () => {
-        r && r.off("_slideClass", b);
+      return r.on("_slideClass", T), () => {
+        r && r.off("_slideClass", T);
       };
     }
   }), Q(() => {
@@ -2863,7 +2863,7 @@ const Ze = /* @__PURE__ */ Te(function(t, e) {
     isVisible: p.indexOf("swiper-slide-visible") >= 0,
     isPrev: p.indexOf("swiper-slide-prev") >= 0,
     isNext: p.indexOf("swiper-slide-next") >= 0
-  }, y = () => typeof s == "function" ? s(m) : s, g = () => {
+  }, x = () => typeof s == "function" ? s(m) : s, g = () => {
     v(!0);
   };
   return /* @__PURE__ */ G.createElement(i, le({
@@ -2876,11 +2876,11 @@ const Ze = /* @__PURE__ */ Te(function(t, e) {
   }, /* @__PURE__ */ G.createElement("div", {
     className: "swiper-zoom-container",
     "data-swiper-zoom": typeof l == "number" ? l : void 0
-  }, y(), o && !h && /* @__PURE__ */ G.createElement("div", {
+  }, x(), o && !h && /* @__PURE__ */ G.createElement("div", {
     className: "swiper-lazy-preloader"
   }))), !l && /* @__PURE__ */ G.createElement(ze.Provider, {
     value: m
-  }, y(), o && !h && /* @__PURE__ */ G.createElement("div", {
+  }, x(), o && !h && /* @__PURE__ */ G.createElement("div", {
     className: "swiper-lazy-preloader"
   })));
 });
@@ -2927,7 +2927,7 @@ const zi = "_swiper_1f4c7_3", Ai = "_slide_1f4c7_9", Di = "_link_1f4c7_16", Gi =
     "div",
     {
       "data-testid": "progress-bar-wrapper",
-      className: U(N.progress, t == null ? void 0 : t.className),
+      className: W(N.progress, t == null ? void 0 : t.className),
       children: /* @__PURE__ */ V(
         "div",
         {
@@ -2946,114 +2946,124 @@ function Ki({
   swiperClassName: s,
   slideClassName: n,
   imageClassName: r,
-  progressBarPosition: l = "top",
-  isFullPaginationWidth: o = !1,
-  needNavigation: a = !0,
-  leftDescription: u,
-  rightDescription: d,
-  delay: c = ki,
-  ...p
+  navigationClassName: l,
+  sliderBottomPanelClassName: o,
+  descriptionsClassName: a,
+  progressBarPosition: u = "top",
+  isFullPaginationWidth: d = !1,
+  needNavigation: c = !0,
+  leftDescription: p,
+  rightDescription: f,
+  delay: h = ki,
+  ...v
 }) {
-  const f = R(null), h = R(null), [v, b] = K(1), m = `0${v}`, y = `0${(t == null ? void 0 : t.length) ?? 0}`, g = re(() => {
-    if (h.current && a) {
-      const w = h.current.swiper;
-      b(w.realIndex + 1);
+  const T = R(null), m = R(null), [x, g] = K(1), S = `0${x}`, b = `0${(t == null ? void 0 : t.length) ?? 0}`, I = re(() => {
+    if (m.current && c) {
+      const P = m.current.swiper;
+      g(P.realIndex + 1);
     }
-  }, [a]), T = re(
-    (w, I) => {
-      if (f.current && a) {
-        const A = w.params.autoplay.delay, C = I / A * 100;
-        f.current.style.width = `${100 - C}%`;
+  }, [c]), A = re(
+    (P, y) => {
+      if (T.current && c) {
+        const w = P.params.autoplay.delay, E = y / w * 100;
+        T.current.style.width = `${100 - E}%`;
       }
     },
-    [a]
+    [c]
   );
-  return /* @__PURE__ */ X(
+  return /* @__PURE__ */ U(
     Ke,
     {
-      ...p,
-      ref: h,
-      className: U(N.swiper, s),
+      ...v,
+      ref: m,
+      className: W(N.swiper, s),
       loop: !0,
       autoplay: {
-        delay: c,
+        delay: h,
         disableOnInteraction: !1
       },
       fadeEffect: {
         crossFade: !0
       },
       modules: [ft],
-      onAutoplayTimeLeft: T,
-      onSlideChange: g,
+      onAutoplayTimeLeft: A,
+      onSlideChange: I,
       children: [
-        /* @__PURE__ */ V("div", { className: N.navigation, slot: "container-start", children: a && /* @__PURE__ */ X(Je, { children: [
-          /* @__PURE__ */ X(
-            "div",
-            {
-              "data-testid": "pagination",
-              className: U(N.pagination, {
-                [N["is-full"]]: o
-              }),
-              children: [
-                /* @__PURE__ */ X("h2", { className: N.slides, children: [
-                  m,
-                  /* @__PURE__ */ V("span", { className: N.separator }),
-                  y
-                ] }),
-                /* @__PURE__ */ V(Hi, {})
-              ]
-            }
-          ),
-          l === xe.TOP && /* @__PURE__ */ V(Ae, { ref: f })
-        ] }) }),
-        t == null ? void 0 : t.map((w, I) => {
-          if (!w) return null;
-          const A = /* @__PURE__ */ V(
+        /* @__PURE__ */ V(
+          "div",
+          {
+            className: W(N.navigation, l),
+            slot: "container-start",
+            children: c && /* @__PURE__ */ U(Je, { children: [
+              /* @__PURE__ */ U(
+                "div",
+                {
+                  "data-testid": "pagination",
+                  className: W(N.pagination, {
+                    [N["is-full"]]: d
+                  }),
+                  children: [
+                    /* @__PURE__ */ U("h2", { className: N.slides, children: [
+                      S,
+                      /* @__PURE__ */ V("span", { className: N.separator }),
+                      b
+                    ] }),
+                    /* @__PURE__ */ V(Hi, {})
+                  ]
+                }
+              ),
+              u === xe.TOP && /* @__PURE__ */ V(Ae, { ref: T })
+            ] })
+          }
+        ),
+        t == null ? void 0 : t.map((P, y) => {
+          if (!P) return null;
+          const w = /* @__PURE__ */ V(
             "a",
             {
               className: N.link,
-              href: w.url,
+              href: P.url,
               rel: "noopener noreferrer",
               target: "_blank",
               children: /* @__PURE__ */ V(
                 Ee,
                 {
-                  className: U(N.image, r),
-                  src: w.image
+                  className: W(N.image, r),
+                  src: P.image
                 }
               )
             }
-          ), C = () => typeof e == "function" ? e(w) : w.url ? A : /* @__PURE__ */ V(
+          ), E = () => typeof e == "function" ? e(P) : P.url ? w : /* @__PURE__ */ V(
             Ee,
             {
-              className: U(N.image, r),
-              src: w.image,
-              desktopImage: w.imageDesktop,
-              mobileImage: w.imageMobile
+              className: W(N.image, r),
+              src: P.image,
+              desktopImage: P.imageDesktop,
+              mobileImage: P.imageMobile
             }
           );
           return /* @__PURE__ */ V(
             Ze,
             {
-              "data-testid": `slide-${I}`,
+              "data-testid": `slide-${y}`,
               onClick: i,
-              className: U(N.slide, n),
-              children: C()
+              className: W(N.slide, n),
+              children: E()
             },
-            w.id
+            P.id
           );
         }),
-        l === xe.BOTTOM && /* @__PURE__ */ X("div", { children: [
+        u === xe.BOTTOM && /* @__PURE__ */ U("div", { className: o, children: [
           /* @__PURE__ */ V(
             Ae,
             {
-              ref: f,
+              ref: T,
               className: N["progress-bar-bottom"]
             }
           ),
-          /* @__PURE__ */ X("div", { className: N.descriptions, children: [
-            u && /* @__PURE__ */ V("div", { "data-testid": "slider-left-description", children: u }),
-            d && /* @__PURE__ */ V("div", { "data-testid": "slider-right-description", children: d })
+          /* @__PURE__ */ U("div", { className: W(N.descriptions, a), children: [
+            p && /* @__PURE__ */ V("div", { "data-testid": "slider-left-description", children: p }),
+            f && /* @__PURE__ */ V("div", { "data-testid": "slider-right-description", children: f })
           ] })
         ] })
       ]