@okam/stack-ui 1.32.8 → 1.34.0

package/index240.mjs

@@ -1,73 +1,96 @@
-import { c as h } from "./index328.mjs";
-import { e as x } from "./index325.mjs";
-import { e as M } from "./index326.mjs";
-import { e as E } from "./index327.mjs";
-import { g as T, o as z } from "./index322.mjs";
-function B(w) {
+import { e as H } from "./index326.mjs";
+import { c as y, o as I } from "./index323.mjs";
+function V(z) {
   let {
-    swiper: t,
-    extendParams: g,
-    on: u
-  } = w;
-  g({
-    flipEffect: {
+    swiper: e,
+    extendParams: E,
+    on: q
+  } = z;
+  E({
+    cubeEffect: {
       slideShadows: !0,
-      limitRotation: !0
+      shadow: !0,
+      shadowOffset: 20,
+      shadowScale: 0.94
     }
   });
-  const p = (e, r) => {
-    let s = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), a = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom");
-    s || (s = h("flip", e, t.isHorizontal() ? "left" : "top")), a || (a = h("flip", e, t.isHorizontal() ? "right" : "bottom")), s && (s.style.opacity = Math.max(-r, 0)), a && (a.style.opacity = Math.max(r, 0));
+  const M = (t, a, r) => {
+    let s = r ? t.querySelector(".swiper-slide-shadow-left") : t.querySelector(".swiper-slide-shadow-top"), l = r ? t.querySelector(".swiper-slide-shadow-right") : t.querySelector(".swiper-slide-shadow-bottom");
+    s || (s = y("div", `swiper-slide-shadow-cube swiper-slide-shadow-${r ? "left" : "top"}`.split(" ")), t.append(s)), l || (l = y("div", `swiper-slide-shadow-cube swiper-slide-shadow-${r ? "right" : "bottom"}`.split(" ")), t.append(l)), s && (s.style.opacity = Math.max(-a, 0)), l && (l.style.opacity = Math.max(a, 0));
   };
-  x({
-    effect: "flip",
-    swiper: t,
-    on: u,
+  H({
+    effect: "cube",
+    swiper: e,
+    on: q,
     setTranslate: () => {
       const {
-        slides: e,
-        rtlTranslate: r
-      } = t, s = t.params.flipEffect, a = z(t);
-      for (let f = 0; f < e.length; f += 1) {
-        const o = e[f];
-        let l = o.progress;
-        t.params.flipEffect.limitRotation && (l = Math.max(Math.min(o.progress, 1), -1));
-        const c = o.swiperSlideOffset;
-        let i = -180 * l, m = 0, n = t.params.cssMode ? -c - t.translate : -c, d = 0;
-        t.isHorizontal() ? r && (i = -i) : (d = n, n = 0, m = -i, i = 0), o.style.zIndex = -Math.abs(Math.round(l)) + e.length, s.slideShadows && p(o, l);
-        const S = `translate3d(${n}px, ${d}px, 0px) rotateX(${a(m)}deg) rotateY(${a(i)}deg)`, y = M(s, o);
-        y.style.transform = S;
+        el: t,
+        wrapperEl: a,
+        slides: r,
+        width: s,
+        height: l,
+        rtlTranslate: $,
+        size: o,
+        browser: S
+      } = e, g = I(e), c = e.params.cubeEffect, h = e.isHorizontal(), T = e.virtual && e.params.virtual.enabled;
+      let u = 0, i;
+      c.shadow && (h ? (i = e.wrapperEl.querySelector(".swiper-cube-shadow"), i || (i = y("div", "swiper-cube-shadow"), e.wrapperEl.append(i)), i.style.height = `${s}px`) : (i = t.querySelector(".swiper-cube-shadow"), i || (i = y("div", "swiper-cube-shadow"), t.append(i))));
+      for (let w = 0; w < r.length; w += 1) {
+        const m = r[w];
+        let d = w;
+        T && (d = parseInt(m.getAttribute("data-swiper-slide-index"), 10));
+        let n = d * 90, f = Math.floor(n / 360);
+        $ && (n = -n, f = Math.floor(-n / 360));
+        const x = Math.max(Math.min(m.progress, 1), -1);
+        let p = 0, P = 0, b = 0;
+        d % 4 === 0 ? (p = -f * 4 * o, b = 0) : (d - 1) % 4 === 0 ? (p = 0, b = -f * 4 * o) : (d - 2) % 4 === 0 ? (p = o + f * 4 * o, b = o) : (d - 3) % 4 === 0 && (p = -o, b = 3 * o + o * 4 * f), $ && (p = -p), h || (P = p, p = 0);
+        const A = `rotateX(${g(h ? 0 : -n)}deg) rotateY(${g(h ? n : 0)}deg) translate3d(${p}px, ${P}px, ${b}px)`;
+        x <= 1 && x > -1 && (u = d * 90 + x * 90, $ && (u = -d * 90 - x * 90)), m.style.transform = A, c.slideShadows && M(m, x, h);
       }
+      if (a.style.transformOrigin = `50% 50% -${o / 2}px`, a.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, c.shadow)
+        if (h)
+          i.style.transform = `translate3d(0px, ${s / 2 + c.shadowOffset}px, ${-s / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${c.shadowScale})`;
+        else {
+          const w = Math.abs(u) - Math.floor(Math.abs(u) / 90) * 90, m = 1.5 - (Math.sin(w * 2 * Math.PI / 360) / 2 + Math.cos(w * 2 * Math.PI / 360) / 2), d = c.shadowScale, n = c.shadowScale / m, f = c.shadowOffset;
+          i.style.transform = `scale3d(${d}, 1, ${n}) translate3d(0px, ${l / 2 + f}px, ${-l / 2 / n}px) rotateX(-89.99deg)`;
+        }
+      const v = (S.isSafari || S.isWebView) && S.needPerspectiveFix ? -o / 2 : 0;
+      a.style.transform = `translate3d(0px,0,${v}px) rotateX(${g(e.isHorizontal() ? 0 : u)}deg) rotateY(${g(e.isHorizontal() ? -u : 0)}deg)`, a.style.setProperty("--swiper-cube-translate-z", `${v}px`);
     },
-    setTransition: (e) => {
-      const r = t.slides.map((s) => T(s));
-      r.forEach((s) => {
-        s.style.transitionDuration = `${e}ms`, s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((a) => {
-          a.style.transitionDuration = `${e}ms`;
+    setTransition: (t) => {
+      const {
+        el: a,
+        slides: r
+      } = e;
+      if (r.forEach((s) => {
+        s.style.transitionDuration = `${t}ms`, s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((l) => {
+          l.style.transitionDuration = `${t}ms`;
         });
-      }), E({
-        swiper: t,
-        duration: e,
-        transformElements: r
-      });
+      }), e.params.cubeEffect.shadow && !e.isHorizontal()) {
+        const s = a.querySelector(".swiper-cube-shadow");
+        s && (s.style.transitionDuration = `${t}ms`);
+      }
     },
     recreateShadows: () => {
-      t.params.flipEffect, t.slides.forEach((e) => {
-        let r = e.progress;
-        t.params.flipEffect.limitRotation && (r = Math.max(Math.min(e.progress, 1), -1)), p(e, r);
+      const t = e.isHorizontal();
+      e.slides.forEach((a) => {
+        const r = Math.max(Math.min(a.progress, 1), -1);
+        M(a, r, t);
       });
     },
-    getEffectParams: () => t.params.flipEffect,
+    getEffectParams: () => e.params.cubeEffect,
     perspective: () => !0,
     overwriteParams: () => ({
       slidesPerView: 1,
       slidesPerGroup: 1,
       watchSlidesProgress: !0,
+      resistanceRatio: 0,
       spaceBetween: 0,
-      virtualTranslate: !t.params.cssMode
+      centeredSlides: !1,
+      virtualTranslate: !0
     })
   });
 }
 export {
-  B as default
+  V as default
 };

package/index241.js

@@ -1 +1 @@
-"use strict";const v=require("./index328.js"),B=require("./index325.js"),C=require("./index326.js"),$=require("./index322.js");function F(x){let{swiper:o,extendParams:z,on:O}=x;z({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}});const T=()=>{const{width:l,height:b,slides:i,slidesSizesGrid:d}=o,t=o.params.coverflowEffect,s=o.isHorizontal(),S=o.translate,P=s?-S+l/2:-S+b/2,E=s?t.rotate:-t.rotate,X=t.depth,M=$.o(o);for(let c=0,Y=i.length;c<Y;c+=1){const r=i[c],h=d[c],A=r.swiperSlideOffset,q=(P-A-h/2)/h,e=typeof t.modifier=="function"?t.modifier(q):q*t.modifier;let w=s?E*e:0,p=s?0:E*e,m=-X*Math.abs(e),a=t.stretch;typeof a=="string"&&a.indexOf("%")!==-1&&(a=parseFloat(t.stretch)/100*h);let u=s?0:a*e,y=s?a*e:0,g=1-(1-t.scale)*Math.abs(e);Math.abs(y)<.001&&(y=0),Math.abs(u)<.001&&(u=0),Math.abs(m)<.001&&(m=0),Math.abs(w)<.001&&(w=0),Math.abs(p)<.001&&(p=0),Math.abs(g)<.001&&(g=0);const D=`translate3d(${y}px,${u}px,${m}px)  rotateX(${M(p)}deg) rotateY(${M(w)}deg) scale(${g})`,I=C.e(t,r);if(I.style.transform=D,r.style.zIndex=-Math.abs(Math.round(e))+1,t.slideShadows){let f=s?r.querySelector(".swiper-slide-shadow-left"):r.querySelector(".swiper-slide-shadow-top"),n=s?r.querySelector(".swiper-slide-shadow-right"):r.querySelector(".swiper-slide-shadow-bottom");f||(f=v.c("coverflow",r,s?"left":"top")),n||(n=v.c("coverflow",r,s?"right":"bottom")),f&&(f.style.opacity=e>0?e:0),n&&(n.style.opacity=-e>0?-e:0)}}},H=l=>{o.slides.map(i=>$.g(i)).forEach(i=>{i.style.transitionDuration=`${l}ms`,i.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(d=>{d.style.transitionDuration=`${l}ms`})})};B.e({effect:"coverflow",swiper:o,on:O,setTranslate:T,setTransition:H,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})}module.exports=F;
+"use strict";const m=require("./index329.js"),z=require("./index326.js"),P=require("./index327.js"),T=require("./index328.js"),w=require("./index323.js");function $(u){let{swiper:t,extendParams:g,on:y}=u;g({flipEffect:{slideShadows:!0,limitRotation:!0}});const c=(e,r)=>{let s=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),o=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");s||(s=m.c("flip",e,t.isHorizontal()?"left":"top")),o||(o=m.c("flip",e,t.isHorizontal()?"right":"bottom")),s&&(s.style.opacity=Math.max(-r,0)),o&&(o.style.opacity=Math.max(r,0))},S=()=>{t.params.flipEffect,t.slides.forEach(e=>{let r=e.progress;t.params.flipEffect.limitRotation&&(r=Math.max(Math.min(e.progress,1),-1)),c(e,r)})},x=()=>{const{slides:e,rtlTranslate:r}=t,s=t.params.flipEffect,o=w.o(t);for(let f=0;f<e.length;f+=1){const a=e[f];let l=a.progress;t.params.flipEffect.limitRotation&&(l=Math.max(Math.min(a.progress,1),-1));const p=a.swiperSlideOffset;let i=-180*l,d=0,n=t.params.cssMode?-p-t.translate:-p,h=0;t.isHorizontal()?r&&(i=-i):(h=n,n=0,d=-i,i=0),a.style.zIndex=-Math.abs(Math.round(l))+e.length,s.slideShadows&&c(a,l);const M=`translate3d(${n}px, ${h}px, 0px) rotateX(${o(d)}deg) rotateY(${o(i)}deg)`,E=P.e(s,a);E.style.transform=M}},q=e=>{const r=t.slides.map(s=>w.g(s));r.forEach(s=>{s.style.transitionDuration=`${e}ms`,s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(o=>{o.style.transitionDuration=`${e}ms`})}),T.e({swiper:t,duration:e,transformElements:r})};z.e({effect:"flip",swiper:t,on:y,setTranslate:x,setTransition:q,recreateShadows:S,getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})}module.exports=$;

package/index241.mjs

@@ -1,59 +1,73 @@
-import { c as x } from "./index328.mjs";
-import { e as A } from "./index325.mjs";
-import { e as D } from "./index326.mjs";
-import { g as F, o as I } from "./index322.mjs";
-function j($) {
+import { c as h } from "./index329.mjs";
+import { e as x } from "./index326.mjs";
+import { e as M } from "./index327.mjs";
+import { e as E } from "./index328.mjs";
+import { g as T, o as z } from "./index323.mjs";
+function B(w) {
   let {
-    swiper: r,
-    extendParams: T,
-    on: q
-  } = $;
-  T({
-    coverflowEffect: {
-      rotate: 50,
-      stretch: 0,
-      depth: 100,
-      scale: 1,
-      modifier: 1,
-      slideShadows: !0
+    swiper: t,
+    extendParams: g,
+    on: u
+  } = w;
+  g({
+    flipEffect: {
+      slideShadows: !0,
+      limitRotation: !0
     }
-  }), A({
-    effect: "coverflow",
-    swiper: r,
-    on: q,
+  });
+  const p = (e, r) => {
+    let s = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-left") : e.querySelector(".swiper-slide-shadow-top"), a = t.isHorizontal() ? e.querySelector(".swiper-slide-shadow-right") : e.querySelector(".swiper-slide-shadow-bottom");
+    s || (s = h("flip", e, t.isHorizontal() ? "left" : "top")), a || (a = h("flip", e, t.isHorizontal() ? "right" : "bottom")), s && (s.style.opacity = Math.max(-r, 0)), a && (a.style.opacity = Math.max(r, 0));
+  };
+  x({
+    effect: "flip",
+    swiper: t,
+    on: u,
     setTranslate: () => {
       const {
-        width: l,
-        height: S,
-        slides: a,
-        slidesSizesGrid: d
-      } = r, t = r.params.coverflowEffect, s = r.isHorizontal(), b = r.translate, z = s ? -b + l / 2 : -b + S / 2, E = s ? t.rotate : -t.rotate, O = t.depth, M = I(r);
-      for (let f = 0, H = a.length; f < H; f += 1) {
-        const o = a[f], h = d[f], P = o.swiperSlideOffset, v = (z - P - h / 2) / h, e = typeof t.modifier == "function" ? t.modifier(v) : v * t.modifier;
-        let p = s ? E * e : 0, w = s ? 0 : E * e, m = -O * Math.abs(e), i = t.stretch;
-        typeof i == "string" && i.indexOf("%") !== -1 && (i = parseFloat(t.stretch) / 100 * h);
-        let g = s ? 0 : i * e, y = s ? i * e : 0, u = 1 - (1 - t.scale) * Math.abs(e);
-        Math.abs(y) < 1e-3 && (y = 0), Math.abs(g) < 1e-3 && (g = 0), Math.abs(m) < 1e-3 && (m = 0), Math.abs(p) < 1e-3 && (p = 0), Math.abs(w) < 1e-3 && (w = 0), Math.abs(u) < 1e-3 && (u = 0);
-        const X = `translate3d(${y}px,${g}px,${m}px)  rotateX(${M(w)}deg) rotateY(${M(p)}deg) scale(${u})`, Y = D(t, o);
-        if (Y.style.transform = X, o.style.zIndex = -Math.abs(Math.round(e)) + 1, t.slideShadows) {
-          let n = s ? o.querySelector(".swiper-slide-shadow-left") : o.querySelector(".swiper-slide-shadow-top"), c = s ? o.querySelector(".swiper-slide-shadow-right") : o.querySelector(".swiper-slide-shadow-bottom");
-          n || (n = x("coverflow", o, s ? "left" : "top")), c || (c = x("coverflow", o, s ? "right" : "bottom")), n && (n.style.opacity = e > 0 ? e : 0), c && (c.style.opacity = -e > 0 ? -e : 0);
-        }
+        slides: e,
+        rtlTranslate: r
+      } = t, s = t.params.flipEffect, a = z(t);
+      for (let f = 0; f < e.length; f += 1) {
+        const o = e[f];
+        let l = o.progress;
+        t.params.flipEffect.limitRotation && (l = Math.max(Math.min(o.progress, 1), -1));
+        const c = o.swiperSlideOffset;
+        let i = -180 * l, m = 0, n = t.params.cssMode ? -c - t.translate : -c, d = 0;
+        t.isHorizontal() ? r && (i = -i) : (d = n, n = 0, m = -i, i = 0), o.style.zIndex = -Math.abs(Math.round(l)) + e.length, s.slideShadows && p(o, l);
+        const S = `translate3d(${n}px, ${d}px, 0px) rotateX(${a(m)}deg) rotateY(${a(i)}deg)`, y = M(s, o);
+        y.style.transform = S;
       }
     },
-    setTransition: (l) => {
-      r.slides.map((a) => F(a)).forEach((a) => {
-        a.style.transitionDuration = `${l}ms`, a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((d) => {
-          d.style.transitionDuration = `${l}ms`;
+    setTransition: (e) => {
+      const r = t.slides.map((s) => T(s));
+      r.forEach((s) => {
+        s.style.transitionDuration = `${e}ms`, s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((a) => {
+          a.style.transitionDuration = `${e}ms`;
         });
+      }), E({
+        swiper: t,
+        duration: e,
+        transformElements: r
+      });
+    },
+    recreateShadows: () => {
+      t.params.flipEffect, t.slides.forEach((e) => {
+        let r = e.progress;
+        t.params.flipEffect.limitRotation && (r = Math.max(Math.min(e.progress, 1), -1)), p(e, r);
       });
     },
+    getEffectParams: () => t.params.flipEffect,
     perspective: () => !0,
     overwriteParams: () => ({
-      watchSlidesProgress: !0
+      slidesPerView: 1,
+      slidesPerGroup: 1,
+      watchSlidesProgress: !0,
+      spaceBetween: 0,
+      virtualTranslate: !t.params.cssMode
     })
   });
 }
 export {
-  j as default
+  B as default
 };

package/index242.js

@@ -1 +1 @@
-"use strict";const V=require("./index328.js"),X=require("./index325.js"),j=require("./index326.js"),A=require("./index327.js"),M=require("./index322.js");function B($){let{swiper:t,extendParams:E,on:v}=$;E({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}}});const S=r=>typeof r=="string"?r:`${r}px`,x=()=>{const{slides:r,wrapperEl:d,slidesSizesGrid:c}=t,e=t.params.creativeEffect,{progressMultiplier:f}=e,w=t.params.centeredSlides,u=M.o(t);if(w){const g=c[0]/2-t.params.slidesOffsetBefore||0;d.style.transform=`translateX(calc(50% - ${g}px))`}for(let g=0;g<r.length;g+=1){const a=r[g],T=a.progress,i=Math.min(Math.max(a.progress,-e.limitProgress),e.limitProgress);let o=i;w||(o=Math.min(Math.max(a.originalProgress,-e.limitProgress),e.limitProgress));const P=a.swiperSlideOffset,p=[t.params.cssMode?-P-t.translate:-P,0,0],m=[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};i<0?(s=e.next,h=!0):i>0&&(s=e.prev,h=!0),p.forEach((l,n)=>{p[n]=`calc(${l}px + (${S(s.translate[n])} * ${Math.abs(i*f)}))`}),m.forEach((l,n)=>{let I=s.rotate[n]*Math.abs(i*f);m[n]=I}),a.style.zIndex=-Math.abs(Math.round(T))+r.length;const b=p.join(", "),O=`rotateX(${u(m[0])}deg) rotateY(${u(m[1])}deg) rotateZ(${u(m[2])}deg)`,z=o<0?`scale(${1+(1-s.scale)*o*f})`:`scale(${1-(1-s.scale)*o*f})`,C=o<0?1+(1-s.opacity)*o*f:1-(1-s.opacity)*o*f,D=`translate3d(${b}) ${O} ${z}`;if(h&&s.shadow||!h){let l=a.querySelector(".swiper-slide-shadow");if(!l&&s.shadow&&(l=V.c("creative",a)),l){const n=e.shadowPerProgress?i*(1/e.limitProgress):i;l.style.opacity=Math.min(Math.max(Math.abs(n),0),1)}}const y=j.e(e,a);y.style.transform=D,y.style.opacity=C,s.origin&&(y.style.transformOrigin=s.origin)}},q=r=>{const d=t.slides.map(c=>M.g(c));d.forEach(c=>{c.style.transitionDuration=`${r}ms`,c.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${r}ms`})}),A.e({swiper:t,duration:r,transformElements:d,allSlides:!0})};X.e({effect:"creative",swiper:t,on:v,setTranslate:x,setTransition:q,perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}module.exports=B;
+"use strict";const v=require("./index329.js"),B=require("./index326.js"),C=require("./index327.js"),$=require("./index323.js");function F(x){let{swiper:o,extendParams:z,on:O}=x;z({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}});const T=()=>{const{width:l,height:b,slides:i,slidesSizesGrid:d}=o,t=o.params.coverflowEffect,s=o.isHorizontal(),S=o.translate,P=s?-S+l/2:-S+b/2,E=s?t.rotate:-t.rotate,X=t.depth,M=$.o(o);for(let c=0,Y=i.length;c<Y;c+=1){const r=i[c],h=d[c],A=r.swiperSlideOffset,q=(P-A-h/2)/h,e=typeof t.modifier=="function"?t.modifier(q):q*t.modifier;let w=s?E*e:0,p=s?0:E*e,m=-X*Math.abs(e),a=t.stretch;typeof a=="string"&&a.indexOf("%")!==-1&&(a=parseFloat(t.stretch)/100*h);let u=s?0:a*e,y=s?a*e:0,g=1-(1-t.scale)*Math.abs(e);Math.abs(y)<.001&&(y=0),Math.abs(u)<.001&&(u=0),Math.abs(m)<.001&&(m=0),Math.abs(w)<.001&&(w=0),Math.abs(p)<.001&&(p=0),Math.abs(g)<.001&&(g=0);const D=`translate3d(${y}px,${u}px,${m}px)  rotateX(${M(p)}deg) rotateY(${M(w)}deg) scale(${g})`,I=C.e(t,r);if(I.style.transform=D,r.style.zIndex=-Math.abs(Math.round(e))+1,t.slideShadows){let f=s?r.querySelector(".swiper-slide-shadow-left"):r.querySelector(".swiper-slide-shadow-top"),n=s?r.querySelector(".swiper-slide-shadow-right"):r.querySelector(".swiper-slide-shadow-bottom");f||(f=v.c("coverflow",r,s?"left":"top")),n||(n=v.c("coverflow",r,s?"right":"bottom")),f&&(f.style.opacity=e>0?e:0),n&&(n.style.opacity=-e>0?-e:0)}}},H=l=>{o.slides.map(i=>$.g(i)).forEach(i=>{i.style.transitionDuration=`${l}ms`,i.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(d=>{d.style.transitionDuration=`${l}ms`})})};B.e({effect:"coverflow",swiper:o,on:O,setTranslate:T,setTransition:H,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})}module.exports=F;

package/index242.mjs

@@ -1,102 +1,59 @@
-import { c as C } from "./index328.mjs";
-import { e as D } from "./index325.mjs";
-import { e as F } from "./index326.mjs";
-import { e as I } from "./index327.mjs";
-import { g as V, o as X } from "./index322.mjs";
-function Z(E) {
+import { c as x } from "./index329.mjs";
+import { e as A } from "./index326.mjs";
+import { e as D } from "./index327.mjs";
+import { g as F, o as I } from "./index323.mjs";
+function j($) {
   let {
-    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
-      }
+    swiper: r,
+    extendParams: T,
+    on: q
+  } = $;
+  T({
+    coverflowEffect: {
+      rotate: 50,
+      stretch: 0,
+      depth: 100,
+      scale: 1,
+      modifier: 1,
+      slideShadows: !0
     }
-  });
-  const S = (r) => typeof r == "string" ? r : `${r}px`;
-  D({
-    effect: "creative",
-    swiper: t,
-    on: $,
+  }), A({
+    effect: "coverflow",
+    swiper: r,
+    on: q,
     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);
-          }
+        width: l,
+        height: S,
+        slides: a,
+        slidesSizesGrid: d
+      } = r, t = r.params.coverflowEffect, s = r.isHorizontal(), b = r.translate, z = s ? -b + l / 2 : -b + S / 2, E = s ? t.rotate : -t.rotate, O = t.depth, M = I(r);
+      for (let f = 0, H = a.length; f < H; f += 1) {
+        const o = a[f], h = d[f], P = o.swiperSlideOffset, v = (z - P - h / 2) / h, e = typeof t.modifier == "function" ? t.modifier(v) : v * t.modifier;
+        let p = s ? E * e : 0, w = s ? 0 : E * e, m = -O * Math.abs(e), i = t.stretch;
+        typeof i == "string" && i.indexOf("%") !== -1 && (i = parseFloat(t.stretch) / 100 * h);
+        let g = s ? 0 : i * e, y = s ? i * e : 0, u = 1 - (1 - t.scale) * Math.abs(e);
+        Math.abs(y) < 1e-3 && (y = 0), Math.abs(g) < 1e-3 && (g = 0), Math.abs(m) < 1e-3 && (m = 0), Math.abs(p) < 1e-3 && (p = 0), Math.abs(w) < 1e-3 && (w = 0), Math.abs(u) < 1e-3 && (u = 0);
+        const X = `translate3d(${y}px,${g}px,${m}px)  rotateX(${M(w)}deg) rotateY(${M(p)}deg) scale(${u})`, Y = D(t, o);
+        if (Y.style.transform = X, o.style.zIndex = -Math.abs(Math.round(e)) + 1, t.slideShadows) {
+          let n = s ? o.querySelector(".swiper-slide-shadow-left") : o.querySelector(".swiper-slide-shadow-top"), c = s ? o.querySelector(".swiper-slide-shadow-right") : o.querySelector(".swiper-slide-shadow-bottom");
+          n || (n = x("coverflow", o, s ? "left" : "top")), c || (c = x("coverflow", o, s ? "right" : "bottom")), n && (n.style.opacity = e > 0 ? e : 0), c && (c.style.opacity = -e > 0 ? -e : 0);
         }
-        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`;
+    setTransition: (l) => {
+      r.slides.map((a) => F(a)).forEach((a) => {
+        a.style.transitionDuration = `${l}ms`, a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((d) => {
+          d.style.transitionDuration = `${l}ms`;
         });
-      }), I({
-        swiper: t,
-        duration: r,
-        transformElements: d,
-        allSlides: !0
       });
     },
-    perspective: () => t.params.creativeEffect.perspective,
+    perspective: () => !0,
     overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
+      watchSlidesProgress: !0
     })
   });
 }
 export {
-  Z as default
+  j as default
 };

package/index243.js

@@ -1,5 +1 @@
-"use strict";const D=require("./index328.js"),X=require("./index325.js"),z=require("./index326.js"),A=require("./index327.js"),R=require("./index322.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;
+"use strict";const V=require("./index329.js"),X=require("./index326.js"),j=require("./index327.js"),A=require("./index328.js"),M=require("./index323.js");function B($){let{swiper:t,extendParams:E,on:v}=$;E({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}}});const S=r=>typeof r=="string"?r:`${r}px`,x=()=>{const{slides:r,wrapperEl:d,slidesSizesGrid:c}=t,e=t.params.creativeEffect,{progressMultiplier:f}=e,w=t.params.centeredSlides,u=M.o(t);if(w){const g=c[0]/2-t.params.slidesOffsetBefore||0;d.style.transform=`translateX(calc(50% - ${g}px))`}for(let g=0;g<r.length;g+=1){const a=r[g],T=a.progress,i=Math.min(Math.max(a.progress,-e.limitProgress),e.limitProgress);let o=i;w||(o=Math.min(Math.max(a.originalProgress,-e.limitProgress),e.limitProgress));const P=a.swiperSlideOffset,p=[t.params.cssMode?-P-t.translate:-P,0,0],m=[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};i<0?(s=e.next,h=!0):i>0&&(s=e.prev,h=!0),p.forEach((l,n)=>{p[n]=`calc(${l}px + (${S(s.translate[n])} * ${Math.abs(i*f)}))`}),m.forEach((l,n)=>{let I=s.rotate[n]*Math.abs(i*f);m[n]=I}),a.style.zIndex=-Math.abs(Math.round(T))+r.length;const b=p.join(", "),O=`rotateX(${u(m[0])}deg) rotateY(${u(m[1])}deg) rotateZ(${u(m[2])}deg)`,z=o<0?`scale(${1+(1-s.scale)*o*f})`:`scale(${1-(1-s.scale)*o*f})`,C=o<0?1+(1-s.opacity)*o*f:1-(1-s.opacity)*o*f,D=`translate3d(${b}) ${O} ${z}`;if(h&&s.shadow||!h){let l=a.querySelector(".swiper-slide-shadow");if(!l&&s.shadow&&(l=V.c("creative",a)),l){const n=e.shadowPerProgress?i*(1/e.limitProgress):i;l.style.opacity=Math.min(Math.max(Math.abs(n),0),1)}}const y=j.e(e,a);y.style.transform=D,y.style.opacity=C,s.origin&&(y.style.transformOrigin=s.origin)}},q=r=>{const d=t.slides.map(c=>M.g(c));d.forEach(c=>{c.style.transitionDuration=`${r}ms`,c.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${r}ms`})}),A.e({swiper:t,duration:r,transformElements:d,allSlides:!0})};X.e({effect:"creative",swiper:t,on:v,setTranslate:x,setTransition:q,perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}module.exports=B;