@okam/stack-ui 1.32.5 → 1.32.7

package/index206.mjs

@@ -1,101 +1,102 @@
-import { n as w, k as v } from "./index286.mjs";
-function b(m) {
+import { c as C } from "./index276.mjs";
+import { e as D } from "./index273.mjs";
+import { e as F } from "./index274.mjs";
+import { e as I } from "./index275.mjs";
+import { g as V, o as X } from "./index270.mjs";
+function Z(E) {
   let {
-    swiper: e,
-    extendParams: h,
-    on: f
-  } = m;
-  h({
-    controller: {
-      control: void 0,
-      inverse: !1,
-      by: "slide"
-      // or 'container'
+    swiper: t,
+    extendParams: M,
+    on: $
+  } = E;
+  M({
+    creativeEffect: {
+      limitProgress: 1,
+      shadowPerProgress: !1,
+      progressMultiplier: 1,
+      perspective: !0,
+      prev: {
+        translate: [0, 0, 0],
+        rotate: [0, 0, 0],
+        opacity: 1,
+        scale: 1
+      },
+      next: {
+        translate: [0, 0, 0],
+        rotate: [0, 0, 0],
+        opacity: 1,
+        scale: 1
+      }
     }
-  }), e.controller = {
-    control: void 0
-  };
-  function p(s, i) {
-    const o = /* @__PURE__ */ function() {
-      let l, n, c;
-      return (u, g) => {
-        for (n = -1, l = u.length; l - n > 1; )
-          c = l + n >> 1, u[c] <= g ? 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 T(s) {
-    e.controller.spline = e.params.loop ? new p(e.slidesGrid, s.slidesGrid) : new p(e.snapGrid, s.snapGrid);
-  }
-  function y(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" && (T(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 x(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 && w(() => {
-        l.updateAutoHeight();
-      }), v(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" && // eslint-disable-line
-    (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);
+  });
+  const S = (r) => typeof r == "string" ? r : `${r}px`;
+  D({
+    effect: "creative",
+    swiper: t,
+    on: $,
+    setTranslate: () => {
+      const {
+        slides: r,
+        wrapperEl: d,
+        slidesSizesGrid: c
+      } = t, e = t.params.creativeEffect, {
+        progressMultiplier: f
+      } = e, w = t.params.centeredSlides, y = X(t);
+      if (w) {
+        const m = c[0] / 2 - t.params.slidesOffsetBefore || 0;
+        d.style.transform = `translateX(calc(50% - ${m}px))`;
+      }
+      for (let m = 0; m < r.length; m += 1) {
+        const a = r[m], v = a.progress, o = Math.min(Math.max(a.progress, -e.limitProgress), e.limitProgress);
+        let i = o;
+        w || (i = Math.min(Math.max(a.originalProgress, -e.limitProgress), e.limitProgress));
+        const P = a.swiperSlideOffset, p = [t.params.cssMode ? -P - t.translate : -P, 0, 0], g = [0, 0, 0];
+        let h = !1;
+        t.isHorizontal() || (p[1] = p[0], p[0] = 0);
+        let s = {
+          translate: [0, 0, 0],
+          rotate: [0, 0, 0],
+          scale: 1,
+          opacity: 1
+        };
+        o < 0 ? (s = e.next, h = !0) : o > 0 && (s = e.prev, h = !0), p.forEach((l, n) => {
+          p[n] = `calc(${l}px + (${S(s.translate[n])} * ${Math.abs(o * f)}))`;
+        }), g.forEach((l, n) => {
+          let q = s.rotate[n] * Math.abs(o * f);
+          g[n] = q;
+        }), a.style.zIndex = -Math.abs(Math.round(v)) + r.length;
+        const x = p.join(", "), T = `rotateX(${y(g[0])}deg) rotateY(${y(g[1])}deg) rotateZ(${y(g[2])}deg)`, b = i < 0 ? `scale(${1 + (1 - s.scale) * i * f})` : `scale(${1 - (1 - s.scale) * i * f})`, O = i < 0 ? 1 + (1 - s.opacity) * i * f : 1 - (1 - s.opacity) * i * f, z = `translate3d(${x}) ${T} ${b}`;
+        if (h && s.shadow || !h) {
+          let l = a.querySelector(".swiper-slide-shadow");
+          if (!l && s.shadow && (l = C("creative", a)), l) {
+            const n = e.shadowPerProgress ? o * (1 / e.limitProgress) : o;
+            l.style.opacity = Math.min(Math.max(Math.abs(n), 0), 1);
+          }
         }
+        const u = F(e, a);
+        u.style.transform = z, u.style.opacity = O, s.origin && (u.style.transformOrigin = s.origin);
+      }
+    },
+    setTransition: (r) => {
+      const d = t.slides.map((c) => V(c));
+      d.forEach((c) => {
+        c.style.transitionDuration = `${r}ms`, c.querySelectorAll(".swiper-slide-shadow").forEach((e) => {
+          e.style.transitionDuration = `${r}ms`;
+        });
+      }), I({
+        swiper: t,
+        duration: r,
+        transformElements: d,
+        allSlides: !0
       });
-      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: y,
-    setTransition: x
+    },
+    perspective: () => t.params.creativeEffect.perspective,
+    overwriteParams: () => ({
+      watchSlidesProgress: !0,
+      virtualTranslate: !t.params.cssMode
+    })
   });
 }
 export {
-  b as default
+  Z as default
 };

package/index207.js

@@ -1 +1,5 @@
-"use strict";const F=require("./index285.js"),y=require("./index288.js"),a=require("./index286.js");function K(P){let{swiper:i,extendParams:N,on:o}=P;N({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0}}),i.a11y={clicked:!1};let r=null,p,u,L=new Date().getTime();function f(e){const t=r;t.length!==0&&(t.innerHTML="",t.innerHTML=e)}function B(e){const t=()=>Math.round(16*Math.random()).toString(16);return"x".repeat(e).replace(/x/g,t)}function g(e){e=a.m(e),e.forEach(t=>{t.setAttribute("tabIndex","0")})}function M(e){e=a.m(e),e.forEach(t=>{t.setAttribute("tabIndex","-1")})}function m(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("role",t)})}function x(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("aria-roledescription",t)})}function q(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("aria-controls",t)})}function E(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("aria-label",t)})}function O(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("id",t)})}function H(e,t){e=a.m(e),e.forEach(n=>{n.setAttribute("aria-live",t)})}function w(e){e=a.m(e),e.forEach(t=>{t.setAttribute("aria-disabled",!0)})}function A(e){e=a.m(e),e.forEach(t=>{t.setAttribute("aria-disabled",!1)})}function d(e){if(e.keyCode!==13&&e.keyCode!==32)return;const t=i.params.a11y,n=e.target;if(!(i.pagination&&i.pagination.el&&(n===i.pagination.el||i.pagination.el.contains(e.target))&&!e.target.matches(y.c(i.params.pagination.bulletClass)))){if(i.navigation&&i.navigation.prevEl&&i.navigation.nextEl){const s=a.m(i.navigation.prevEl);a.m(i.navigation.nextEl).includes(n)&&(i.isEnd&&!i.params.loop||i.slideNext(),i.isEnd?f(t.lastSlideMessage):f(t.nextSlideMessage)),s.includes(n)&&(i.isBeginning&&!i.params.loop||i.slidePrev(),i.isBeginning?f(t.firstSlideMessage):f(t.prevSlideMessage))}i.pagination&&n.matches(y.c(i.params.pagination.bulletClass))&&n.click()}}function G(){if(i.params.loop||i.params.rewind||!i.navigation)return;const{nextEl:e,prevEl:t}=i.navigation;t&&(i.isBeginning?(w(t),M(t)):(A(t),g(t))),e&&(i.isEnd?(w(e),M(e)):(A(e),g(e)))}function k(){return i.pagination&&i.pagination.bullets&&i.pagination.bullets.length}function C(){return k()&&i.params.pagination.clickable}function U(){const e=i.params.a11y;k()&&i.pagination.bullets.forEach(t=>{i.params.pagination.clickable&&(g(t),i.params.pagination.renderBullet||(m(t,"button"),E(t,e.paginationBulletMessage.replace(/\{\{index\}\}/,a.h(t)+1)))),t.matches(y.c(i.params.pagination.bulletActiveClass))?t.setAttribute("aria-current","true"):t.removeAttribute("aria-current")})}const S=(e,t,n)=>{g(e),e.tagName!=="BUTTON"&&(m(e,"button"),e.addEventListener("keydown",d)),E(e,n),q(e,t)},R=e=>{u&&u!==e.target&&!u.contains(e.target)&&(p=!0),i.a11y.clicked=!0},T=()=>{p=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{i.destroyed||(i.a11y.clicked=!1)})})},D=e=>{L=new Date().getTime()},h=e=>{if(i.a11y.clicked||!i.params.a11y.scrollOnFocus||new Date().getTime()-L<100)return;const t=e.target.closest(`.${i.params.slideClass}, swiper-slide`);if(!t||!i.slides.includes(t))return;u=t;const n=i.slides.indexOf(t)===i.activeIndex,s=i.params.watchSlidesProgress&&i.visibleSlides&&i.visibleSlides.includes(t);n||s||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(i.isHorizontal()?i.el.scrollLeft=0:i.el.scrollTop=0,requestAnimationFrame(()=>{p||(i.params.loop?i.slideToLoop(parseInt(t.getAttribute("data-swiper-slide-index")),0):i.slideTo(i.slides.indexOf(t),0),p=!1)}))},I=()=>{const e=i.params.a11y;e.itemRoleDescriptionMessage&&x(i.slides,e.itemRoleDescriptionMessage),e.slideRole&&m(i.slides,e.slideRole);const t=i.slides.length;e.slideLabelMessage&&i.slides.forEach((n,s)=>{const l=i.params.loop?parseInt(n.getAttribute("data-swiper-slide-index"),10):s,c=e.slideLabelMessage.replace(/\{\{index\}\}/,l+1).replace(/\{\{slidesLength\}\}/,t);E(n,c)})},V=()=>{const e=i.params.a11y;i.el.append(r);const t=i.el;e.containerRoleDescriptionMessage&&x(t,e.containerRoleDescriptionMessage),e.containerMessage&&E(t,e.containerMessage),e.containerRole&&m(t,e.containerRole);const n=i.wrapperEl,s=e.id||n.getAttribute("id")||`swiper-wrapper-${B(16)}`,l=i.params.autoplay&&i.params.autoplay.enabled?"off":"polite";O(n,s),H(n,l),I();let{nextEl:c,prevEl:v}=i.navigation?i.navigation:{};c=a.m(c),v=a.m(v),c&&c.forEach(b=>S(b,s,e.nextSlideMessage)),v&&v.forEach(b=>S(b,s,e.prevSlideMessage)),C()&&a.m(i.pagination.el).forEach(z=>{z.addEventListener("keydown",d)}),F.g().addEventListener("visibilitychange",D),i.el.addEventListener("focus",h,!0),i.el.addEventListener("focus",h,!0),i.el.addEventListener("pointerdown",R,!0),i.el.addEventListener("pointerup",T,!0)};function $(){r&&r.remove();let{nextEl:e,prevEl:t}=i.navigation?i.navigation:{};e=a.m(e),t=a.m(t),e&&e.forEach(s=>s.removeEventListener("keydown",d)),t&&t.forEach(s=>s.removeEventListener("keydown",d)),C()&&a.m(i.pagination.el).forEach(l=>{l.removeEventListener("keydown",d)}),F.g().removeEventListener("visibilitychange",D),i.el&&typeof i.el!="string"&&(i.el.removeEventListener("focus",h,!0),i.el.removeEventListener("pointerdown",R,!0),i.el.removeEventListener("pointerup",T,!0))}o("beforeInit",()=>{r=a.c("span",i.params.a11y.notificationClass),r.setAttribute("aria-live","assertive"),r.setAttribute("aria-atomic","true")}),o("afterInit",()=>{i.params.a11y.enabled&&V()}),o("slidesLengthChange snapGridLengthChange slidesGridLengthChange",()=>{i.params.a11y.enabled&&I()}),o("fromEdge toEdge afterInit lock unlock",()=>{i.params.a11y.enabled&&G()}),o("paginationUpdate",()=>{i.params.a11y.enabled&&U()}),o("destroy",()=>{i.params.a11y.enabled&&$()})}module.exports=K;
+"use strict";const D=require("./index276.js"),X=require("./index273.js"),z=require("./index274.js"),A=require("./index275.js"),R=require("./index270.js");function Y(x){let{swiper:e,extendParams:g,on:E}=x;g({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}});const T=()=>{const{slides:o,activeIndex:l,rtlTranslate:a}=e,i=e.params.cardsEffect,{startTranslate:M,isTouched:$}=e.touchEventsData,S=a?-e.translate:e.translate;for(let c=0;c<o.length;c+=1){const n=o[c],w=n.progress,t=Math.min(Math.max(w,-4),4);let p=n.swiperSlideOffset;e.params.centeredSlides&&!e.params.cssMode&&(e.wrapperEl.style.transform=`translateX(${e.minTranslate()}px)`),e.params.centeredSlides&&e.params.cssMode&&(p-=o[0].swiperSlideOffset);let r=e.params.cssMode?-p-e.translate:-p,d=0;const v=-100*Math.abs(t);let h=1,m=-i.perSlideRotate*t,u=i.perSlideOffset-Math.abs(t)*.75;const f=e.virtual&&e.params.virtual.enabled?e.virtual.from+c:c,y=(f===l||f===l-1)&&t>0&&t<1&&($||e.params.cssMode)&&S<M,q=(f===l||f===l+1)&&t<0&&t>-1&&($||e.params.cssMode)&&S>M;if(y||q){const s=(1-Math.abs((Math.abs(t)-.5)/.5))**.5;m+=-28*t*s,h+=-.5*s,u+=96*s,d=`${-25*s*Math.abs(t)}%`}if(t<0?r=`calc(${r}px ${a?"-":"+"} (${u*Math.abs(t)}%))`:t>0?r=`calc(${r}px ${a?"-":"+"} (-${u*Math.abs(t)}%))`:r=`${r}px`,!e.isHorizontal()){const s=d;d=r,r=s}const P=t<0?`${1+(1-h)*t}`:`${1-(1-h)*t}`,I=`
+        translate3d(${r}, ${d}, ${v}px)
+        rotateZ(${i.rotate?a?-m:m:0}deg)
+        scale(${P})
+      `;if(i.slideShadows){let s=n.querySelector(".swiper-slide-shadow");s||(s=D.c("cards",n)),s&&(s.style.opacity=Math.min(Math.max((Math.abs(t)-.5)/.5,0),1))}n.style.zIndex=-Math.abs(Math.round(w))+o.length;const O=z.e(i,n);O.style.transform=I}},b=o=>{const l=e.slides.map(a=>R.g(a));l.forEach(a=>{a.style.transitionDuration=`${o}ms`,a.querySelectorAll(".swiper-slide-shadow").forEach(i=>{i.style.transitionDuration=`${o}ms`})}),A.e({swiper:e,duration:o,transformElements:l})};X.e({effect:"cards",swiper:e,on:E,setTranslate:T,setTransition:b,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})}module.exports=Y;

package/index207.mjs

@@ -1,191 +1,83 @@
-import { g as F } from "./index285.mjs";
-import { c as y } from "./index288.mjs";
-import { c as K, h as j, m as n } from "./index286.mjs";
-function Y(P) {
+import { c as O } from "./index276.mjs";
+import { e as D } from "./index273.mjs";
+import { e as X } from "./index274.mjs";
+import { e as q } from "./index275.mjs";
+import { g as z } from "./index270.mjs";
+function V(T) {
   let {
-    swiper: i,
-    extendParams: N,
-    on: o
-  } = P;
-  N({
-    a11y: {
-      enabled: !0,
-      notificationClass: "swiper-notification",
-      prevSlideMessage: "Previous slide",
-      nextSlideMessage: "Next slide",
-      firstSlideMessage: "This is the first slide",
-      lastSlideMessage: "This is the last slide",
-      paginationBulletMessage: "Go to slide {{index}}",
-      slideLabelMessage: "{{index}} / {{slidesLength}}",
-      containerMessage: null,
-      containerRoleDescriptionMessage: null,
-      containerRole: null,
-      itemRoleDescriptionMessage: null,
-      slideRole: "group",
-      id: null,
-      scrollOnFocus: !0
+    swiper: t,
+    extendParams: g,
+    on: x
+  } = T;
+  g({
+    cardsEffect: {
+      slideShadows: !0,
+      rotate: !0,
+      perSlideRotate: 2,
+      perSlideOffset: 8
     }
-  }), i.a11y = {
-    clicked: !1
-  };
-  let r = null, p, f, L = (/* @__PURE__ */ new Date()).getTime();
-  function u(e) {
-    const t = r;
-    t.length !== 0 && (t.innerHTML = "", t.innerHTML = e);
-  }
-  function B(e) {
-    const t = () => Math.round(16 * Math.random()).toString(16);
-    return "x".repeat(e).replace(/x/g, t);
-  }
-  function g(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("tabIndex", "0");
-    });
-  }
-  function x(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("tabIndex", "-1");
-    });
-  }
-  function m(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("role", t);
-    });
-  }
-  function M(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-roledescription", t);
-    });
-  }
-  function O(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-controls", t);
-    });
-  }
-  function E(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-label", t);
-    });
-  }
-  function H(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("id", t);
-    });
-  }
-  function q(e, t) {
-    e = n(e), e.forEach((a) => {
-      a.setAttribute("aria-live", t);
-    });
-  }
-  function A(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("aria-disabled", !0);
-    });
-  }
-  function w(e) {
-    e = n(e), e.forEach((t) => {
-      t.setAttribute("aria-disabled", !1);
-    });
-  }
-  function d(e) {
-    if (e.keyCode !== 13 && e.keyCode !== 32) return;
-    const t = i.params.a11y, a = e.target;
-    if (!(i.pagination && i.pagination.el && (a === i.pagination.el || i.pagination.el.contains(e.target)) && !e.target.matches(y(i.params.pagination.bulletClass)))) {
-      if (i.navigation && i.navigation.prevEl && i.navigation.nextEl) {
-        const s = n(i.navigation.prevEl);
-        n(i.navigation.nextEl).includes(a) && (i.isEnd && !i.params.loop || i.slideNext(), i.isEnd ? u(t.lastSlideMessage) : u(t.nextSlideMessage)), s.includes(a) && (i.isBeginning && !i.params.loop || i.slidePrev(), i.isBeginning ? u(t.firstSlideMessage) : u(t.prevSlideMessage));
+  }), D({
+    effect: "cards",
+    swiper: t,
+    on: x,
+    setTranslate: () => {
+      const {
+        slides: o,
+        activeIndex: l,
+        rtlTranslate: a
+      } = t, i = t.params.cardsEffect, {
+        startTranslate: u,
+        isTouched: S
+      } = t.touchEventsData, $ = a ? -t.translate : t.translate;
+      for (let c = 0; c < o.length; c += 1) {
+        const n = o[c], w = n.progress, e = Math.min(Math.max(w, -4), 4);
+        let p = n.swiperSlideOffset;
+        t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (p -= o[0].swiperSlideOffset);
+        let r = t.params.cssMode ? -p - t.translate : -p, d = 0;
+        const E = -100 * Math.abs(e);
+        let m = 1, h = -i.perSlideRotate * e, M = i.perSlideOffset - Math.abs(e) * 0.75;
+        const f = t.virtual && t.params.virtual.enabled ? t.virtual.from + c : c, b = (f === l || f === l - 1) && e > 0 && e < 1 && (S || t.params.cssMode) && $ < u, v = (f === l || f === l + 1) && e < 0 && e > -1 && (S || t.params.cssMode) && $ > u;
+        if (b || v) {
+          const s = (1 - Math.abs((Math.abs(e) - 0.5) / 0.5)) ** 0.5;
+          h += -28 * e * s, m += -0.5 * s, M += 96 * s, d = `${-25 * s * Math.abs(e)}%`;
+        }
+        if (e < 0 ? r = `calc(${r}px ${a ? "-" : "+"} (${M * Math.abs(e)}%))` : e > 0 ? r = `calc(${r}px ${a ? "-" : "+"} (-${M * Math.abs(e)}%))` : r = `${r}px`, !t.isHorizontal()) {
+          const s = d;
+          d = r, r = s;
+        }
+        const y = e < 0 ? `${1 + (1 - m) * e}` : `${1 - (1 - m) * e}`, P = `
+        translate3d(${r}, ${d}, ${E}px)
+        rotateZ(${i.rotate ? a ? -h : h : 0}deg)
+        scale(${y})
+      `;
+        if (i.slideShadows) {
+          let s = n.querySelector(".swiper-slide-shadow");
+          s || (s = O("cards", n)), s && (s.style.opacity = Math.min(Math.max((Math.abs(e) - 0.5) / 0.5, 0), 1));
+        }
+        n.style.zIndex = -Math.abs(Math.round(w)) + o.length;
+        const I = X(i, n);
+        I.style.transform = P;
       }
-      i.pagination && a.matches(y(i.params.pagination.bulletClass)) && a.click();
-    }
-  }
-  function G() {
-    if (i.params.loop || i.params.rewind || !i.navigation) return;
-    const {
-      nextEl: e,
-      prevEl: t
-    } = i.navigation;
-    t && (i.isBeginning ? (A(t), x(t)) : (w(t), g(t))), e && (i.isEnd ? (A(e), x(e)) : (w(e), g(e)));
-  }
-  function k() {
-    return i.pagination && i.pagination.bullets && i.pagination.bullets.length;
-  }
-  function C() {
-    return k() && i.params.pagination.clickable;
-  }
-  function U() {
-    const e = i.params.a11y;
-    k() && i.pagination.bullets.forEach((t) => {
-      i.params.pagination.clickable && (g(t), i.params.pagination.renderBullet || (m(t, "button"), E(t, e.paginationBulletMessage.replace(/\{\{index\}\}/, j(t) + 1)))), t.matches(y(i.params.pagination.bulletActiveClass)) ? t.setAttribute("aria-current", "true") : t.removeAttribute("aria-current");
-    });
-  }
-  const S = (e, t, a) => {
-    g(e), e.tagName !== "BUTTON" && (m(e, "button"), e.addEventListener("keydown", d)), E(e, a), O(e, t);
-  }, R = (e) => {
-    f && f !== e.target && !f.contains(e.target) && (p = !0), i.a11y.clicked = !0;
-  }, T = () => {
-    p = !1, requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        i.destroyed || (i.a11y.clicked = !1);
+    },
+    setTransition: (o) => {
+      const l = t.slides.map((a) => z(a));
+      l.forEach((a) => {
+        a.style.transitionDuration = `${o}ms`, a.querySelectorAll(".swiper-slide-shadow").forEach((i) => {
+          i.style.transitionDuration = `${o}ms`;
+        });
+      }), q({
+        swiper: t,
+        duration: o,
+        transformElements: l
       });
-    });
-  }, D = (e) => {
-    L = (/* @__PURE__ */ new Date()).getTime();
-  }, h = (e) => {
-    if (i.a11y.clicked || !i.params.a11y.scrollOnFocus || (/* @__PURE__ */ new Date()).getTime() - L < 100) return;
-    const t = e.target.closest(`.${i.params.slideClass}, swiper-slide`);
-    if (!t || !i.slides.includes(t)) return;
-    f = t;
-    const a = i.slides.indexOf(t) === i.activeIndex, s = i.params.watchSlidesProgress && i.visibleSlides && i.visibleSlides.includes(t);
-    a || s || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (i.isHorizontal() ? i.el.scrollLeft = 0 : i.el.scrollTop = 0, requestAnimationFrame(() => {
-      p || (i.params.loop ? i.slideToLoop(parseInt(t.getAttribute("data-swiper-slide-index")), 0) : i.slideTo(i.slides.indexOf(t), 0), p = !1);
-    }));
-  }, I = () => {
-    const e = i.params.a11y;
-    e.itemRoleDescriptionMessage && M(i.slides, e.itemRoleDescriptionMessage), e.slideRole && m(i.slides, e.slideRole);
-    const t = i.slides.length;
-    e.slideLabelMessage && i.slides.forEach((a, s) => {
-      const l = i.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : s, c = e.slideLabelMessage.replace(/\{\{index\}\}/, l + 1).replace(/\{\{slidesLength\}\}/, t);
-      E(a, c);
-    });
-  }, V = () => {
-    const e = i.params.a11y;
-    i.el.append(r);
-    const t = i.el;
-    e.containerRoleDescriptionMessage && M(t, e.containerRoleDescriptionMessage), e.containerMessage && E(t, e.containerMessage), e.containerRole && m(t, e.containerRole);
-    const a = i.wrapperEl, s = e.id || a.getAttribute("id") || `swiper-wrapper-${B(16)}`, l = i.params.autoplay && i.params.autoplay.enabled ? "off" : "polite";
-    H(a, s), q(a, l), I();
-    let {
-      nextEl: c,
-      prevEl: v
-    } = i.navigation ? i.navigation : {};
-    c = n(c), v = n(v), c && c.forEach((b) => S(b, s, e.nextSlideMessage)), v && v.forEach((b) => S(b, s, e.prevSlideMessage)), C() && n(i.pagination.el).forEach((z) => {
-      z.addEventListener("keydown", d);
-    }), F().addEventListener("visibilitychange", D), i.el.addEventListener("focus", h, !0), i.el.addEventListener("focus", h, !0), i.el.addEventListener("pointerdown", R, !0), i.el.addEventListener("pointerup", T, !0);
-  };
-  function $() {
-    r && r.remove();
-    let {
-      nextEl: e,
-      prevEl: t
-    } = i.navigation ? i.navigation : {};
-    e = n(e), t = n(t), e && e.forEach((s) => s.removeEventListener("keydown", d)), t && t.forEach((s) => s.removeEventListener("keydown", d)), C() && n(i.pagination.el).forEach((l) => {
-      l.removeEventListener("keydown", d);
-    }), F().removeEventListener("visibilitychange", D), i.el && typeof i.el != "string" && (i.el.removeEventListener("focus", h, !0), i.el.removeEventListener("pointerdown", R, !0), i.el.removeEventListener("pointerup", T, !0));
-  }
-  o("beforeInit", () => {
-    r = K("span", i.params.a11y.notificationClass), r.setAttribute("aria-live", "assertive"), r.setAttribute("aria-atomic", "true");
-  }), o("afterInit", () => {
-    i.params.a11y.enabled && V();
-  }), o("slidesLengthChange snapGridLengthChange slidesGridLengthChange", () => {
-    i.params.a11y.enabled && I();
-  }), o("fromEdge toEdge afterInit lock unlock", () => {
-    i.params.a11y.enabled && G();
-  }), o("paginationUpdate", () => {
-    i.params.a11y.enabled && U();
-  }), o("destroy", () => {
-    i.params.a11y.enabled && $();
+    },
+    perspective: () => !0,
+    overwriteParams: () => ({
+      watchSlidesProgress: !0,
+      virtualTranslate: !t.params.cssMode
+    })
   });
 }
 export {
-  Y as default
+  V as default
 };