@okam/stack-ui 1.29.1 → 1.30.0

package/index174.mjs

@@ -1,73 +1,96 @@
-import { c as d } from "./index189.mjs";
-import { e as y } from "./index186.mjs";
-import { e as x } from "./index187.mjs";
-import { e as M } from "./index188.mjs";
-import { l as E } from "./index183.mjs";
-function A(h) {
+import { e as A } from "./index187.mjs";
+import { c as y } from "./index184.mjs";
+function F(P) {
   let {
-    swiper: t,
-    extendParams: w,
-    on: g
-  } = h;
-  w({
-    flipEffect: {
+    swiper: e,
+    extendParams: z,
+    on: E
+  } = P;
+  z({
+    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 = d("flip", e, t.isHorizontal() ? "left" : "top")), a || (a = d("flip", e, t.isHorizontal() ? "right" : "bottom")), s && (s.style.opacity = Math.max(-r, 0)), a && (a.style.opacity = Math.max(r, 0));
+  const S = (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));
   };
-  y({
-    effect: "flip",
-    swiper: t,
-    on: g,
+  A({
+    effect: "cube",
+    swiper: e,
+    on: E,
     setTranslate: () => {
       const {
-        slides: e,
-        rtlTranslate: r
-      } = t, s = t.params.flipEffect;
-      for (let a = 0; a < e.length; a += 1) {
-        const i = e[a];
-        let f = i.progress;
-        t.params.flipEffect.limitRotation && (f = Math.max(Math.min(i.progress, 1), -1));
-        const c = i.swiperSlideOffset;
-        let o = -180 * f, l = 0, n = t.params.cssMode ? -c - t.translate : -c, m = 0;
-        t.isHorizontal() ? r && (o = -o) : (m = n, n = 0, l = -o, o = 0), t.browser && t.browser.need3dFix && (Math.abs(o) / 90 % 2 === 1 && (o += 1e-3), Math.abs(l) / 90 % 2 === 1 && (l += 1e-3)), i.style.zIndex = -Math.abs(Math.round(f)) + e.length, s.slideShadows && p(i, f);
-        const u = `translate3d(${n}px, ${m}px, 0px) rotateX(${l}deg) rotateY(${o}deg)`, S = x(s, i);
-        S.style.transform = u;
+        el: t,
+        wrapperEl: a,
+        slides: r,
+        width: s,
+        height: l,
+        rtlTranslate: g,
+        size: o,
+        browser: $
+      } = e, c = e.params.cubeEffect, u = e.isHorizontal(), q = e.virtual && e.params.virtual.enabled;
+      let w = 0, i;
+      c.shadow && (u ? (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 f = 0; f < r.length; f += 1) {
+        const m = r[f];
+        let d = f;
+        q && (d = parseInt(m.getAttribute("data-swiper-slide-index"), 10));
+        let n = d * 90, h = Math.floor(n / 360);
+        g && (n = -n, h = Math.floor(-n / 360));
+        const b = Math.max(Math.min(m.progress, 1), -1);
+        let p = 0, v = 0, x = 0;
+        d % 4 === 0 ? (p = -h * 4 * o, x = 0) : (d - 1) % 4 === 0 ? (p = 0, x = -h * 4 * o) : (d - 2) % 4 === 0 ? (p = o + h * 4 * o, x = o) : (d - 3) % 4 === 0 && (p = -o, x = 3 * o + o * 4 * h), g && (p = -p), u || (v = p, p = 0);
+        const T = `rotateX(${u ? 0 : -n}deg) rotateY(${u ? n : 0}deg) translate3d(${p}px, ${v}px, ${x}px)`;
+        b <= 1 && b > -1 && (w = d * 90 + b * 90, g && (w = -d * 90 - b * 90), e.browser && e.browser.need3dFix && Math.abs(w) / 90 % 2 === 1 && (w += 1e-3)), m.style.transform = T, c.slideShadows && S(m, b, u);
       }
+      if (a.style.transformOrigin = `50% 50% -${o / 2}px`, a.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, c.shadow)
+        if (u)
+          i.style.transform = `translate3d(0px, ${s / 2 + c.shadowOffset}px, ${-s / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${c.shadowScale})`;
+        else {
+          const f = Math.abs(w) - Math.floor(Math.abs(w) / 90) * 90, m = 1.5 - (Math.sin(f * 2 * Math.PI / 360) / 2 + Math.cos(f * 2 * Math.PI / 360) / 2), d = c.shadowScale, n = c.shadowScale / m, h = c.shadowOffset;
+          i.style.transform = `scale3d(${d}, 1, ${n}) translate3d(0px, ${l / 2 + h}px, ${-l / 2 / n}px) rotateX(-89.99deg)`;
+        }
+      const M = ($.isSafari || $.isWebView) && $.needPerspectiveFix ? -o / 2 : 0;
+      a.style.transform = `translate3d(0px,0,${M}px) rotateX(${e.isHorizontal() ? 0 : w}deg) rotateY(${e.isHorizontal() ? -w : 0}deg)`, a.style.setProperty("--swiper-cube-translate-z", `${M}px`);
     },
-    setTransition: (e) => {
-      const r = t.slides.map((s) => E(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`;
         });
-      }), M({
-        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);
+        S(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 {
-  A as default
+  F as default
 };

package/index175.js

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

package/index175.mjs

@@ -1,59 +1,73 @@
-import { c as v } from "./index189.mjs";
-import { e as Y } from "./index186.mjs";
-import { e as A } from "./index187.mjs";
-import { l as D } from "./index183.mjs";
-function Z(x) {
+import { c as d } from "./index190.mjs";
+import { e as y } from "./index187.mjs";
+import { e as x } from "./index188.mjs";
+import { e as M } from "./index189.mjs";
+import { l as E } from "./index184.mjs";
+function A(h) {
   let {
-    swiper: o,
-    extendParams: $,
-    on: T
-  } = x;
-  $({
-    coverflowEffect: {
-      rotate: 50,
-      stretch: 0,
-      depth: 100,
-      scale: 1,
-      modifier: 1,
-      slideShadows: !0
+    swiper: t,
+    extendParams: w,
+    on: g
+  } = h;
+  w({
+    flipEffect: {
+      slideShadows: !0,
+      limitRotation: !0
     }
-  }), Y({
-    effect: "coverflow",
-    swiper: o,
-    on: T,
+  });
+  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 = d("flip", e, t.isHorizontal() ? "left" : "top")), a || (a = d("flip", e, t.isHorizontal() ? "right" : "bottom")), s && (s.style.opacity = Math.max(-r, 0)), a && (a.style.opacity = Math.max(r, 0));
+  };
+  y({
+    effect: "flip",
+    swiper: t,
+    on: g,
     setTranslate: () => {
       const {
-        width: n,
-        height: u,
-        slides: a,
-        slidesSizesGrid: p
-      } = o, t = o.params.coverflowEffect, s = o.isHorizontal(), M = o.translate, q = s ? -M + n / 2 : -M + u / 2, S = s ? t.rotate : -t.rotate, z = t.depth;
-      for (let c = 0, O = a.length; c < O; c += 1) {
-        const r = a[c], w = p[c], H = r.swiperSlideOffset, E = (q - H - w / 2) / w, e = typeof t.modifier == "function" ? t.modifier(E) : E * t.modifier;
-        let i = s ? S * e : 0, l = s ? 0 : S * e, m = -z * Math.abs(e), f = t.stretch;
-        typeof f == "string" && f.indexOf("%") !== -1 && (f = parseFloat(t.stretch) / 100 * w);
-        let b = s ? 0 : f * e, y = s ? f * e : 0, g = 1 - (1 - t.scale) * Math.abs(e);
-        Math.abs(y) < 1e-3 && (y = 0), Math.abs(b) < 1e-3 && (b = 0), Math.abs(m) < 1e-3 && (m = 0), Math.abs(i) < 1e-3 && (i = 0), Math.abs(l) < 1e-3 && (l = 0), Math.abs(g) < 1e-3 && (g = 0), o.browser && o.browser.need3dFix && (Math.abs(i) / 90 % 2 === 1 && (i += 1e-3), Math.abs(l) / 90 % 2 === 1 && (l += 1e-3));
-        const P = `translate3d(${y}px,${b}px,${m}px)  rotateX(${l}deg) rotateY(${i}deg) scale(${g})`, X = A(t, r);
-        if (X.style.transform = P, r.style.zIndex = -Math.abs(Math.round(e)) + 1, t.slideShadows) {
-          let d = s ? r.querySelector(".swiper-slide-shadow-left") : r.querySelector(".swiper-slide-shadow-top"), h = s ? r.querySelector(".swiper-slide-shadow-right") : r.querySelector(".swiper-slide-shadow-bottom");
-          d || (d = v("coverflow", r, s ? "left" : "top")), h || (h = v("coverflow", r, s ? "right" : "bottom")), d && (d.style.opacity = e > 0 ? e : 0), h && (h.style.opacity = -e > 0 ? -e : 0);
-        }
+        slides: e,
+        rtlTranslate: r
+      } = t, s = t.params.flipEffect;
+      for (let a = 0; a < e.length; a += 1) {
+        const i = e[a];
+        let f = i.progress;
+        t.params.flipEffect.limitRotation && (f = Math.max(Math.min(i.progress, 1), -1));
+        const c = i.swiperSlideOffset;
+        let o = -180 * f, l = 0, n = t.params.cssMode ? -c - t.translate : -c, m = 0;
+        t.isHorizontal() ? r && (o = -o) : (m = n, n = 0, l = -o, o = 0), t.browser && t.browser.need3dFix && (Math.abs(o) / 90 % 2 === 1 && (o += 1e-3), Math.abs(l) / 90 % 2 === 1 && (l += 1e-3)), i.style.zIndex = -Math.abs(Math.round(f)) + e.length, s.slideShadows && p(i, f);
+        const u = `translate3d(${n}px, ${m}px, 0px) rotateX(${l}deg) rotateY(${o}deg)`, S = x(s, i);
+        S.style.transform = u;
       }
     },
-    setTransition: (n) => {
-      o.slides.map((a) => D(a)).forEach((a) => {
-        a.style.transitionDuration = `${n}ms`, a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((p) => {
-          p.style.transitionDuration = `${n}ms`;
+    setTransition: (e) => {
+      const r = t.slides.map((s) => E(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`;
         });
+      }), M({
+        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 {
-  Z as default
+  A as default
 };

package/index176.js

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

package/index176.mjs

@@ -1,102 +1,59 @@
-import { c as q } from "./index189.mjs";
-import { e as C } from "./index186.mjs";
-import { e as D } from "./index187.mjs";
-import { e as I } from "./index188.mjs";
-import { l as V } from "./index183.mjs";
-function Y(P) {
+import { c as v } from "./index190.mjs";
+import { e as Y } from "./index187.mjs";
+import { e as A } from "./index188.mjs";
+import { l as D } from "./index184.mjs";
+function Z(x) {
   let {
-    swiper: t,
-    extendParams: E,
-    on: $
-  } = P;
-  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
-      }
+    swiper: o,
+    extendParams: $,
+    on: T
+  } = x;
+  $({
+    coverflowEffect: {
+      rotate: 50,
+      stretch: 0,
+      depth: 100,
+      scale: 1,
+      modifier: 1,
+      slideShadows: !0
     }
-  });
-  const S = (r) => typeof r == "string" ? r : `${r}px`;
-  C({
-    effect: "creative",
-    swiper: t,
-    on: $,
+  }), Y({
+    effect: "coverflow",
+    swiper: o,
+    on: T,
     setTranslate: () => {
       const {
-        slides: r,
-        wrapperEl: d,
-        slidesSizesGrid: c
-      } = t, e = t.params.creativeEffect, {
-        progressMultiplier: f
-      } = e, w = t.params.centeredSlides;
-      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 M = a.swiperSlideOffset, p = [t.params.cssMode ? -M - t.translate : -M, 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 u = s.rotate[n] * Math.abs(o * f);
-          t.browser && t.browser.need3dFix && Math.abs(u) / 90 % 2 === 1 && (u += 1e-3), g[n] = u;
-        }), a.style.zIndex = -Math.abs(Math.round(v)) + r.length;
-        const x = p.join(", "), T = `rotateX(${g[0]}deg) rotateY(${g[1]}deg) rotateZ(${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 = q("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: n,
+        height: u,
+        slides: a,
+        slidesSizesGrid: p
+      } = o, t = o.params.coverflowEffect, s = o.isHorizontal(), M = o.translate, q = s ? -M + n / 2 : -M + u / 2, S = s ? t.rotate : -t.rotate, z = t.depth;
+      for (let c = 0, O = a.length; c < O; c += 1) {
+        const r = a[c], w = p[c], H = r.swiperSlideOffset, E = (q - H - w / 2) / w, e = typeof t.modifier == "function" ? t.modifier(E) : E * t.modifier;
+        let i = s ? S * e : 0, l = s ? 0 : S * e, m = -z * Math.abs(e), f = t.stretch;
+        typeof f == "string" && f.indexOf("%") !== -1 && (f = parseFloat(t.stretch) / 100 * w);
+        let b = s ? 0 : f * e, y = s ? f * e : 0, g = 1 - (1 - t.scale) * Math.abs(e);
+        Math.abs(y) < 1e-3 && (y = 0), Math.abs(b) < 1e-3 && (b = 0), Math.abs(m) < 1e-3 && (m = 0), Math.abs(i) < 1e-3 && (i = 0), Math.abs(l) < 1e-3 && (l = 0), Math.abs(g) < 1e-3 && (g = 0), o.browser && o.browser.need3dFix && (Math.abs(i) / 90 % 2 === 1 && (i += 1e-3), Math.abs(l) / 90 % 2 === 1 && (l += 1e-3));
+        const P = `translate3d(${y}px,${b}px,${m}px)  rotateX(${l}deg) rotateY(${i}deg) scale(${g})`, X = A(t, r);
+        if (X.style.transform = P, r.style.zIndex = -Math.abs(Math.round(e)) + 1, t.slideShadows) {
+          let d = s ? r.querySelector(".swiper-slide-shadow-left") : r.querySelector(".swiper-slide-shadow-top"), h = s ? r.querySelector(".swiper-slide-shadow-right") : r.querySelector(".swiper-slide-shadow-bottom");
+          d || (d = v("coverflow", r, s ? "left" : "top")), h || (h = v("coverflow", r, s ? "right" : "bottom")), d && (d.style.opacity = e > 0 ? e : 0), h && (h.style.opacity = -e > 0 ? -e : 0);
         }
-        const y = D(e, a);
-        y.style.transform = z, y.style.opacity = O, s.origin && (y.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: (n) => {
+      o.slides.map((a) => D(a)).forEach((a) => {
+        a.style.transitionDuration = `${n}ms`, a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((p) => {
+          p.style.transitionDuration = `${n}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 {
-  Y as default
+  Z as default
 };

package/index177.js

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