@okam/stack-ui 1.38.0 → 1.38.1

package/index213.mjs

@@ -1,73 +1,113 @@
-import { c as h } from "./index260.mjs";
-import { e as x } from "./index257.mjs";
-import { e as M } from "./index258.mjs";
-import { e as E } from "./index259.mjs";
-import { g as T, o as z } from "./index254.mjs";
-function B(w) {
-  let {
-    swiper: t,
-    extendParams: g,
-    on: u
-  } = w;
-  g({
-    flipEffect: {
-      slideShadows: !0,
-      limitRotation: !0
-    }
-  });
-  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));
+function s(o) {
+  const e = this, {
+    params: t,
+    slidesEl: p
+  } = e;
+  t.loop && e.loopDestroy();
+  const f = (n) => {
+    if (typeof n == "string") {
+      const i = document.createElement("div");
+      i.innerHTML = n, p.append(i.children[0]), i.innerHTML = "";
+    } else
+      p.append(n);
   };
-  x({
-    effect: "flip",
-    swiper: t,
-    on: u,
-    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;
-      }
-    },
-    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: () => ({
-      slidesPerView: 1,
-      slidesPerGroup: 1,
-      watchSlidesProgress: !0,
-      spaceBetween: 0,
-      virtualTranslate: !t.params.cssMode
-    })
+  if (typeof o == "object" && "length" in o)
+    for (let n = 0; n < o.length; n += 1)
+      o[n] && f(o[n]);
+  else
+    f(o);
+  e.recalcSlides(), t.loop && e.loopCreate(), (!t.observer || e.isElement) && e.update();
+}
+function m(o) {
+  const e = this, {
+    params: t,
+    activeIndex: p,
+    slidesEl: f
+  } = e;
+  t.loop && e.loopDestroy();
+  let n = p + 1;
+  const i = (l) => {
+    if (typeof l == "string") {
+      const a = document.createElement("div");
+      a.innerHTML = l, f.prepend(a.children[0]), a.innerHTML = "";
+    } else
+      f.prepend(l);
+  };
+  if (typeof o == "object" && "length" in o) {
+    for (let l = 0; l < o.length; l += 1)
+      o[l] && i(o[l]);
+    n = p + o.length;
+  } else
+    i(o);
+  e.recalcSlides(), t.loop && e.loopCreate(), (!t.observer || e.isElement) && e.update(), e.slideTo(n, 0, !1);
+}
+function h(o, e) {
+  const t = this, {
+    params: p,
+    activeIndex: f,
+    slidesEl: n
+  } = t;
+  let i = f;
+  p.loop && (i -= t.loopedSlides, t.loopDestroy(), t.recalcSlides());
+  const l = t.slides.length;
+  if (o <= 0) {
+    t.prependSlide(e);
+    return;
+  }
+  if (o >= l) {
+    t.appendSlide(e);
+    return;
+  }
+  let a = i > o ? i + 1 : i;
+  const d = [];
+  for (let r = l - 1; r >= o; r -= 1) {
+    const c = t.slides[r];
+    c.remove(), d.unshift(c);
+  }
+  if (typeof e == "object" && "length" in e) {
+    for (let r = 0; r < e.length; r += 1)
+      e[r] && n.append(e[r]);
+    a = i > o ? i + e.length : i;
+  } else
+    n.append(e);
+  for (let r = 0; r < d.length; r += 1)
+    n.append(d[r]);
+  t.recalcSlides(), p.loop && t.loopCreate(), (!p.observer || t.isElement) && t.update(), p.loop ? t.slideTo(a + t.loopedSlides, 0, !1) : t.slideTo(a, 0, !1);
+}
+function v(o) {
+  const e = this, {
+    params: t,
+    activeIndex: p
+  } = e;
+  let f = p;
+  t.loop && (f -= e.loopedSlides, e.loopDestroy());
+  let n = f, i;
+  if (typeof o == "object" && "length" in o) {
+    for (let l = 0; l < o.length; l += 1)
+      i = o[l], e.slides[i] && e.slides[i].remove(), i < n && (n -= 1);
+    n = Math.max(n, 0);
+  } else
+    i = o, e.slides[i] && e.slides[i].remove(), i < n && (n -= 1), n = Math.max(n, 0);
+  e.recalcSlides(), t.loop && e.loopCreate(), (!t.observer || e.isElement) && e.update(), t.loop ? e.slideTo(n + e.loopedSlides, 0, !1) : e.slideTo(n, 0, !1);
+}
+function S() {
+  const o = this, e = [];
+  for (let t = 0; t < o.slides.length; t += 1)
+    e.push(t);
+  o.removeSlide(e);
+}
+function u(o) {
+  let {
+    swiper: e
+  } = o;
+  Object.assign(e, {
+    appendSlide: s.bind(e),
+    prependSlide: m.bind(e),
+    addSlide: h.bind(e),
+    removeSlide: v.bind(e),
+    removeAllSlides: S.bind(e)
   });
 }
 export {
-  B as default
+  u as default
 };

package/index214.js

@@ -1 +1 @@
-"use strict";const v=require("./index260.js"),B=require("./index257.js"),C=require("./index258.js"),$=require("./index254.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 u=require("./index260.js"),E=require("./index261.js"),x=require("./index262.js"),g=require("./index257.js");function h(f){let{swiper:e,extendParams:l,on:c}=f;l({fadeEffect:{crossFade:!1}});const d=()=>{const{slides:t}=e,a=e.params.fadeEffect;for(let s=0;s<t.length;s+=1){const r=e.slides[s];let i=-r.swiperSlideOffset;e.params.virtualTranslate||(i-=e.translate);let n=0;e.isHorizontal()||(n=i,i=0);const m=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(r.progress),0):1+Math.min(Math.max(r.progress,-1),0),o=E.e(a,r);o.style.opacity=m,o.style.transform=`translate3d(${i}px, ${n}px, 0px)`}},p=t=>{const a=e.slides.map(s=>g.g(s));a.forEach(s=>{s.style.transitionDuration=`${t}ms`}),x.e({swiper:e,duration:t,transformElements:a,allSlides:!0})};u.e({effect:"fade",swiper:e,on:c,setTranslate:d,setTransition:p,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})}module.exports=h;

package/index214.mjs

@@ -1,59 +1,55 @@
-import { c as x } from "./index260.mjs";
-import { e as A } from "./index257.mjs";
-import { e as D } from "./index258.mjs";
-import { g as F, o as I } from "./index254.mjs";
-function j($) {
+import { e as d } from "./index260.mjs";
+import { e as p } from "./index261.mjs";
+import { e as E } from "./index262.mjs";
+import { g as T } from "./index257.mjs";
+function P(l) {
   let {
-    swiper: r,
-    extendParams: T,
-    on: q
-  } = $;
-  T({
-    coverflowEffect: {
-      rotate: 50,
-      stretch: 0,
-      depth: 100,
-      scale: 1,
-      modifier: 1,
-      slideShadows: !0
+    swiper: e,
+    extendParams: n,
+    on: c
+  } = l;
+  n({
+    fadeEffect: {
+      crossFade: !1
     }
-  }), A({
-    effect: "coverflow",
-    swiper: r,
-    on: q,
+  }), d({
+    effect: "fade",
+    swiper: e,
+    on: c,
     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: t
+      } = e, a = e.params.fadeEffect;
+      for (let s = 0; s < t.length; s += 1) {
+        const r = e.slides[s];
+        let o = -r.swiperSlideOffset;
+        e.params.virtualTranslate || (o -= e.translate);
+        let f = 0;
+        e.isHorizontal() || (f = o, o = 0);
+        const m = e.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(r.progress), 0) : 1 + Math.min(Math.max(r.progress, -1), 0), i = p(a, r);
+        i.style.opacity = m, i.style.transform = `translate3d(${o}px, ${f}px, 0px)`;
       }
     },
-    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: (t) => {
+      const a = e.slides.map((s) => T(s));
+      a.forEach((s) => {
+        s.style.transitionDuration = `${t}ms`;
+      }), E({
+        swiper: e,
+        duration: t,
+        transformElements: a,
+        allSlides: !0
       });
     },
-    perspective: () => !0,
     overwriteParams: () => ({
-      watchSlidesProgress: !0
+      slidesPerView: 1,
+      slidesPerGroup: 1,
+      watchSlidesProgress: !0,
+      spaceBetween: 0,
+      virtualTranslate: !e.params.cssMode
     })
   });
 }
 export {
-  j as default
+  P as default
 };

package/index215.js

@@ -1 +1 @@
-"use strict";const V=require("./index260.js"),X=require("./index257.js"),j=require("./index258.js"),A=require("./index259.js"),M=require("./index254.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 X=require("./index260.js"),y=require("./index257.js");function D(P){let{swiper:e,extendParams:z,on:E}=P;z({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const M=(t,r,a)=>{let s=a?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),l=a?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");s||(s=y.c("div",`swiper-slide-shadow-cube swiper-slide-shadow-${a?"left":"top"}`.split(" ")),t.append(s)),l||(l=y.c("div",`swiper-slide-shadow-cube swiper-slide-shadow-${a?"right":"bottom"}`.split(" ")),t.append(l)),s&&(s.style.opacity=Math.max(-r,0)),l&&(l.style.opacity=Math.max(r,0))},A=()=>{const t=e.isHorizontal();e.slides.forEach(r=>{const a=Math.max(Math.min(r.progress,1),-1);M(r,a,t)})},H=()=>{const{el:t,wrapperEl:r,slides:a,width:s,height:l,rtlTranslate:$,size:o,browser:S}=e,g=y.o(e),p=e.params.cubeEffect,h=e.isHorizontal(),O=e.virtual&&e.params.virtual.enabled;let u=0,i;p.shadow&&(h?(i=e.wrapperEl.querySelector(".swiper-cube-shadow"),i||(i=y.c("div","swiper-cube-shadow"),e.wrapperEl.append(i)),i.style.height=`${s}px`):(i=t.querySelector(".swiper-cube-shadow"),i||(i=y.c("div","swiper-cube-shadow"),t.append(i))));for(let w=0;w<a.length;w+=1){const m=a[w];let d=w;O&&(d=parseInt(m.getAttribute("data-swiper-slide-index"),10));let c=d*90,f=Math.floor(c/360);$&&(c=-c,f=Math.floor(-c/360));const b=Math.max(Math.min(m.progress,1),-1);let n=0,v=0,x=0;d%4===0?(n=-f*4*o,x=0):(d-1)%4===0?(n=0,x=-f*4*o):(d-2)%4===0?(n=o+f*4*o,x=o):(d-3)%4===0&&(n=-o,x=3*o+o*4*f),$&&(n=-n),h||(v=n,n=0);const T=`rotateX(${g(h?0:-c)}deg) rotateY(${g(h?c:0)}deg) translate3d(${n}px, ${v}px, ${x}px)`;b<=1&&b>-1&&(u=d*90+b*90,$&&(u=-d*90-b*90)),m.style.transform=T,p.slideShadows&&M(m,b,h)}if(r.style.transformOrigin=`50% 50% -${o/2}px`,r.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(h)i.style.transform=`translate3d(0px, ${s/2+p.shadowOffset}px, ${-s/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.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=p.shadowScale,c=p.shadowScale/m,f=p.shadowOffset;i.style.transform=`scale3d(${d}, 1, ${c}) translate3d(0px, ${l/2+f}px, ${-l/2/c}px) rotateX(-89.99deg)`}const q=(S.isSafari||S.isWebView)&&S.needPerspectiveFix?-o/2:0;r.style.transform=`translate3d(0px,0,${q}px) rotateX(${g(e.isHorizontal()?0:u)}deg) rotateY(${g(e.isHorizontal()?-u:0)}deg)`,r.style.setProperty("--swiper-cube-translate-z",`${q}px`)},I=t=>{const{el:r,slides:a}=e;if(a.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.params.cubeEffect.shadow&&!e.isHorizontal()){const s=r.querySelector(".swiper-cube-shadow");s&&(s.style.transitionDuration=`${t}ms`)}};X.e({effect:"cube",swiper:e,on:E,setTranslate:H,setTransition:I,recreateShadows:A,getEffectParams:()=>e.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})}module.exports=D;

package/index215.mjs

@@ -1,102 +1,96 @@
-import { c as C } from "./index260.mjs";
-import { e as D } from "./index257.mjs";
-import { e as F } from "./index258.mjs";
-import { e as I } from "./index259.mjs";
-import { g as V, o as X } from "./index254.mjs";
-function Z(E) {
+import { e as H } from "./index260.mjs";
+import { c as y, o as I } from "./index257.mjs";
+function V(z) {
   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: e,
+    extendParams: E,
+    on: q
+  } = z;
+  E({
+    cubeEffect: {
+      slideShadows: !0,
+      shadow: !0,
+      shadowOffset: 20,
+      shadowScale: 0.94
     }
   });
-  const S = (r) => typeof r == "string" ? r : `${r}px`;
-  D({
-    effect: "creative",
-    swiper: t,
-    on: $,
+  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));
+  };
+  H({
+    effect: "cube",
+    swiper: e,
+    on: q,
     setTranslate: () => {
       const {
+        el: t,
+        wrapperEl: a,
         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))`;
+        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);
       }
-      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);
-          }
+      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 u = F(e, a);
-        u.style.transform = z, u.style.opacity = O, s.origin && (u.style.transformOrigin = s.origin);
-      }
+      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: (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: (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`;
         });
-      }), I({
-        swiper: t,
-        duration: r,
-        transformElements: d,
-        allSlides: !0
+      }), e.params.cubeEffect.shadow && !e.isHorizontal()) {
+        const s = a.querySelector(".swiper-cube-shadow");
+        s && (s.style.transitionDuration = `${t}ms`);
+      }
+    },
+    recreateShadows: () => {
+      const t = e.isHorizontal();
+      e.slides.forEach((a) => {
+        const r = Math.max(Math.min(a.progress, 1), -1);
+        M(a, r, t);
       });
     },
-    perspective: () => t.params.creativeEffect.perspective,
+    getEffectParams: () => e.params.cubeEffect,
+    perspective: () => !0,
     overwriteParams: () => ({
+      slidesPerView: 1,
+      slidesPerGroup: 1,
       watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
+      resistanceRatio: 0,
+      spaceBetween: 0,
+      centeredSlides: !1,
+      virtualTranslate: !0
     })
   });
 }
 export {
-  Z as default
+  V as default
 };

package/index216.js

@@ -1,5 +1 @@
-"use strict";const D=require("./index260.js"),X=require("./index257.js"),z=require("./index258.js"),A=require("./index259.js"),R=require("./index254.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 m=require("./index263.js"),z=require("./index260.js"),P=require("./index261.js"),T=require("./index262.js"),w=require("./index257.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=$;