@okam/stack-ui 1.42.0 → 1.42.1

package/index207.mjs

@@ -1,96 +1,55 @@
-import { e as H } from "./index283.mjs";
-import { c as y, o as I } from "./index213.mjs";
-function V(z) {
+import { e as d } from "./index284.mjs";
+import { e as p } from "./index285.mjs";
+import { e as E } from "./index286.mjs";
+import { g as T } from "./index214.mjs";
+function P(l) {
   let {
     swiper: e,
-    extendParams: E,
-    on: q
-  } = z;
-  E({
-    cubeEffect: {
-      slideShadows: !0,
-      shadow: !0,
-      shadowOffset: 20,
-      shadowScale: 0.94
+    extendParams: n,
+    on: c
+  } = l;
+  n({
+    fadeEffect: {
+      crossFade: !1
     }
-  });
-  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",
+  }), d({
+    effect: "fade",
     swiper: e,
-    on: q,
+    on: c,
     setTranslate: () => {
       const {
-        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);
+        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)`;
       }
-      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: (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.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);
+      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
       });
     },
-    getEffectParams: () => e.params.cubeEffect,
-    perspective: () => !0,
     overwriteParams: () => ({
       slidesPerView: 1,
       slidesPerGroup: 1,
       watchSlidesProgress: !0,
-      resistanceRatio: 0,
       spaceBetween: 0,
-      centeredSlides: !1,
-      virtualTranslate: !0
+      virtualTranslate: !e.params.cssMode
     })
   });
 }
 export {
-  V as default
+  P as default
 };

package/index208.js

@@ -1 +1 @@
-"use strict";const m=require("./index286.js"),z=require("./index283.js"),P=require("./index284.js"),T=require("./index285.js"),w=require("./index213.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=$;
+"use strict";const X=require("./index284.js"),y=require("./index214.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/index208.mjs

@@ -1,73 +1,96 @@
-import { c as h } from "./index286.mjs";
-import { e as x } from "./index283.mjs";
-import { e as M } from "./index284.mjs";
-import { e as E } from "./index285.mjs";
-import { g as T, o as z } from "./index213.mjs";
-function B(w) {
+import { e as H } from "./index284.mjs";
+import { c as y, o as I } from "./index214.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/index209.js

@@ -1 +1 @@
-"use strict";const v=require("./index286.js"),B=require("./index283.js"),C=require("./index284.js"),$=require("./index213.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("./index287.js"),z=require("./index284.js"),P=require("./index285.js"),T=require("./index286.js"),w=require("./index214.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/index209.mjs

@@ -1,59 +1,73 @@
-import { c as x } from "./index286.mjs";
-import { e as A } from "./index283.mjs";
-import { e as D } from "./index284.mjs";
-import { g as F, o as I } from "./index213.mjs";
-function j($) {
+import { c as h } from "./index287.mjs";
+import { e as x } from "./index284.mjs";
+import { e as M } from "./index285.mjs";
+import { e as E } from "./index286.mjs";
+import { g as T, o as z } from "./index214.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/index21.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),c=require("./index145.js"),o=require("./index88.js"),h=require("./index144.js"),S=require("./index105.js"),q=p=>{const{swiperProps:{a11y:x,...a},slides:n,ref:l}=S.useCarouselSwiper(p),{themeName:e="carousel",tokens:s,customTheme:u,children:i=r=>t.jsx(h,{...r})}=p,w=o(`${e}.swiper.swiper`,s,u),m=o(`${e}.swiper.wrapper`,s),d=o(`${e}.slide.wrapper`,s);return t.jsx(c.Swiper,{...a,className:w,wrapperClass:m,ref:l,children:typeof i=="function"?n.map(r=>t.jsx(c.SwiperSlide,{className:d,children:i({themeName:`${e}.slide`,tokens:s,...r})},`slide-${r.id}`)):i})};module.exports=q;
+"use strict";const t=require("react/jsx-runtime"),c=require("./index146.js"),o=require("./index88.js"),h=require("./index145.js"),S=require("./index106.js"),q=p=>{const{swiperProps:{a11y:x,...a},slides:n,ref:l}=S.useCarouselSwiper(p),{themeName:e="carousel",tokens:s,customTheme:u,children:i=r=>t.jsx(h,{...r})}=p,w=o(`${e}.swiper.swiper`,s,u),m=o(`${e}.swiper.wrapper`,s),d=o(`${e}.slide.wrapper`,s);return t.jsx(c.Swiper,{...a,className:w,wrapperClass:m,ref:l,children:typeof i=="function"?n.map(r=>t.jsx(c.SwiperSlide,{className:d,children:i({themeName:`${e}.slide`,tokens:s,...r})},`slide-${r.id}`)):i})};module.exports=q;

package/index21.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { Swiper as h, SwiperSlide as u } from "./index145.mjs";
+import { Swiper as h, SwiperSlide as u } from "./index146.mjs";
 import p from "./index88.mjs";
-import f from "./index144.mjs";
-import { useCarouselSwiper as S } from "./index105.mjs";
+import f from "./index145.mjs";
+import { useCarouselSwiper as S } from "./index106.mjs";
 const j = (m) => {
   const {
     swiperProps: { a11y: C, ...t },

package/index210.js

@@ -1 +1 @@
-"use strict";const V=require("./index286.js"),X=require("./index283.js"),j=require("./index284.js"),A=require("./index285.js"),M=require("./index213.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("./index287.js"),B=require("./index284.js"),C=require("./index285.js"),$=require("./index214.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;