@okam/stack-ui 1.42.4 → 1.44.0

package/index207.mjs

@@ -1,55 +1,119 @@
-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) {
+import { g as T } from "./index217.mjs";
+import { l as I, e as g } from "./index218.mjs";
+function A(h) {
   let {
     swiper: e,
-    extendParams: n,
-    on: c
-  } = l;
-  n({
-    fadeEffect: {
-      crossFade: !1
+    extendParams: w,
+    on: m
+  } = h;
+  w({
+    thumbs: {
+      swiper: null,
+      multipleActiveThumbs: !0,
+      autoScrollOffset: 0,
+      slideThumbActiveClass: "swiper-slide-thumb-active",
+      thumbsContainerClass: "swiper-thumbs"
     }
-  }), d({
-    effect: "fade",
-    swiper: e,
-    on: c,
-    setTranslate: () => {
-      const {
-        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: (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
-      });
-    },
-    overwriteParams: () => ({
-      slidesPerView: 1,
-      slidesPerGroup: 1,
-      watchSlidesProgress: !0,
-      spaceBetween: 0,
-      virtualTranslate: !e.params.cssMode
-    })
+  });
+  let f = !1, b = !1;
+  e.thumbs = {
+    swiper: null
+  };
+  function x() {
+    const t = e.thumbs.swiper;
+    if (!t || t.destroyed) return;
+    const s = t.clickedIndex, r = t.clickedSlide;
+    if (r && r.classList.contains(e.params.thumbs.slideThumbActiveClass) || typeof s > "u" || s === null) return;
+    let a;
+    t.params.loop ? a = parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"), 10) : a = s, e.params.loop ? e.slideToLoop(a) : e.slideTo(a);
+  }
+  function p() {
+    const {
+      thumbs: t
+    } = e.params;
+    if (f) return !1;
+    f = !0;
+    const s = e.constructor;
+    if (t.swiper instanceof s)
+      e.thumbs.swiper = t.swiper, Object.assign(e.thumbs.swiper.originalParams, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), Object.assign(e.thumbs.swiper.params, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), e.thumbs.swiper.update();
+    else if (I(t.swiper)) {
+      const r = Object.assign({}, t.swiper);
+      Object.assign(r, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), e.thumbs.swiper = new s(r), b = !0;
+    }
+    return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass), e.thumbs.swiper.on("tap", x), !0;
+  }
+  function o(t) {
+    const s = e.thumbs.swiper;
+    if (!s || s.destroyed) return;
+    const r = s.params.slidesPerView === "auto" ? s.slidesPerViewDynamic() : s.params.slidesPerView;
+    let a = 1;
+    const n = e.params.thumbs.slideThumbActiveClass;
+    if (e.params.slidesPerView > 1 && !e.params.centeredSlides && (a = e.params.slidesPerView), e.params.thumbs.multipleActiveThumbs || (a = 1), a = Math.floor(a), s.slides.forEach((i) => i.classList.remove(n)), s.params.loop || s.params.virtual && s.params.virtual.enabled)
+      for (let i = 0; i < a; i += 1)
+        g(s.slidesEl, `[data-swiper-slide-index="${e.realIndex + i}"]`).forEach((l) => {
+          l.classList.add(n);
+        });
+    else
+      for (let i = 0; i < a; i += 1)
+        s.slides[e.realIndex + i] && s.slides[e.realIndex + i].classList.add(n);
+    const d = e.params.thumbs.autoScrollOffset, u = d && !s.params.loop;
+    if (e.realIndex !== s.realIndex || u) {
+      const i = s.activeIndex;
+      let l, c;
+      if (s.params.loop) {
+        const v = s.slides.filter((S) => S.getAttribute("data-swiper-slide-index") === `${e.realIndex}`)[0];
+        l = s.slides.indexOf(v), c = e.activeIndex > e.previousIndex ? "next" : "prev";
+      } else
+        l = e.realIndex, c = l > e.previousIndex ? "next" : "prev";
+      u && (l += c === "next" ? d : -1 * d), s.visibleSlidesIndexes && s.visibleSlidesIndexes.indexOf(l) < 0 && (s.params.centeredSlides ? l > i ? l = l - Math.floor(r / 2) + 1 : l = l + Math.floor(r / 2) - 1 : l > i && s.params.slidesPerGroup, s.slideTo(l, t ? 0 : void 0));
+    }
+  }
+  m("beforeInit", () => {
+    const {
+      thumbs: t
+    } = e.params;
+    if (!(!t || !t.swiper))
+      if (typeof t.swiper == "string" || t.swiper instanceof HTMLElement) {
+        const s = T(), r = () => {
+          const n = typeof t.swiper == "string" ? s.querySelector(t.swiper) : t.swiper;
+          if (n && n.swiper)
+            t.swiper = n.swiper, p(), o(!0);
+          else if (n) {
+            const d = `${e.params.eventsPrefix}init`, u = (i) => {
+              t.swiper = i.detail[0], n.removeEventListener(d, u), p(), o(!0), t.swiper.update(), e.update();
+            };
+            n.addEventListener(d, u);
+          }
+          return n;
+        }, a = () => {
+          if (e.destroyed) return;
+          r() || requestAnimationFrame(a);
+        };
+        requestAnimationFrame(a);
+      } else
+        p(), o(!0);
+  }), m("slideChange update resize observerUpdate", () => {
+    o();
+  }), m("setTransition", (t, s) => {
+    const r = e.thumbs.swiper;
+    !r || r.destroyed || r.setTransition(s);
+  }), m("beforeDestroy", () => {
+    const t = e.thumbs.swiper;
+    !t || t.destroyed || b && t.destroy();
+  }), Object.assign(e.thumbs, {
+    init: p,
+    update: o
   });
 }
 export {
-  P as default
+  A as default
 };

package/index208.js

@@ -1 +1 @@
-"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;
+"use strict";const m=require("./index218.js");function k(y){let{swiper:e,extendParams:g,emit:u,once:x}=y;g({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}});function S(){if(e.params.cssMode)return;const n=e.getTranslate();e.setTranslate(n),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})}function E(){if(e.params.cssMode)return;const{touchEventsData:n,touches:c}=e;n.velocities.length===0&&n.velocities.push({position:c[e.isHorizontal()?"startX":"startY"],time:n.touchStartTime}),n.velocities.push({position:c[e.isHorizontal()?"currentX":"currentY"],time:m.d()})}function B(n){let{currentPos:c}=n;if(e.params.cssMode)return;const{params:i,wrapperEl:p,rtlTranslate:M,snapGrid:a,touchEventsData:r}=e,b=m.d()-r.touchStartTime;if(c<-e.minTranslate()){e.slideTo(e.activeIndex);return}if(c>-e.maxTranslate()){e.slides.length<a.length?e.slideTo(a.length-1):e.slideTo(e.slides.length-1);return}if(i.freeMode.momentum){if(r.velocities.length>1){const o=r.velocities.pop(),s=r.velocities.pop(),D=o.position-s.position,h=o.time-s.time;e.velocity=D/h,e.velocity/=2,Math.abs(e.velocity)<i.freeMode.minimumVelocity&&(e.velocity=0),(h>150||m.d()-o.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=i.freeMode.momentumVelocityRatio,r.velocities.length=0;let l=1e3*i.freeMode.momentumRatio;const w=e.velocity*l;let t=e.translate+w;M&&(t=-t);let T=!1,d;const f=Math.abs(e.velocity)*20*i.freeMode.momentumBounceRatio;let v;if(t<e.maxTranslate())i.freeMode.momentumBounce?(t+e.maxTranslate()<-f&&(t=e.maxTranslate()-f),d=e.maxTranslate(),T=!0,r.allowMomentumBounce=!0):t=e.maxTranslate(),i.loop&&i.centeredSlides&&(v=!0);else if(t>e.minTranslate())i.freeMode.momentumBounce?(t-e.minTranslate()>f&&(t=e.minTranslate()+f),d=e.minTranslate(),T=!0,r.allowMomentumBounce=!0):t=e.minTranslate(),i.loop&&i.centeredSlides&&(v=!0);else if(i.freeMode.sticky){let o;for(let s=0;s<a.length;s+=1)if(a[s]>-t){o=s;break}Math.abs(a[o]-t)<Math.abs(a[o-1]-t)||e.swipeDirection==="next"?t=a[o]:t=a[o-1],t=-t}if(v&&x("transitionEnd",()=>{e.loopFix()}),e.velocity!==0){if(M?l=Math.abs((-t-e.translate)/e.velocity):l=Math.abs((t-e.translate)/e.velocity),i.freeMode.sticky){const o=Math.abs((M?-t:t)-e.translate),s=e.slidesSizesGrid[e.activeIndex];o<s?l=i.speed:o<2*s?l=i.speed*1.5:l=i.speed*2.5}}else if(i.freeMode.sticky){e.slideToClosest();return}i.freeMode.momentumBounce&&T?(e.updateProgress(d),e.setTransition(l),e.setTranslate(t),e.transitionStart(!0,e.swipeDirection),e.animating=!0,m.k(p,()=>{!e||e.destroyed||!r.allowMomentumBounce||(u("momentumBounce"),e.setTransition(i.speed),setTimeout(()=>{e.setTranslate(d),m.k(p,()=>{!e||e.destroyed||e.transitionEnd()})},0))})):e.velocity?(u("_freeModeNoMomentumRelease"),e.updateProgress(t),e.setTransition(l),e.setTranslate(t),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,m.k(p,()=>{!e||e.destroyed||e.transitionEnd()}))):e.updateProgress(t),e.updateActiveIndex(),e.updateSlidesClasses()}else if(i.freeMode.sticky){e.slideToClosest();return}else i.freeMode&&u("_freeModeNoMomentumRelease");(!i.freeMode.momentum||b>=i.longSwipesMs)&&(u("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}Object.assign(e,{freeMode:{onTouchStart:S,onTouchMove:E,onTouchEnd:B}})}module.exports=k;

package/index208.mjs

@@ -1,96 +1,125 @@
-import { e as H } from "./index284.mjs";
-import { c as y, o as I } from "./index214.mjs";
-function V(z) {
+import { d as v, k as h } from "./index218.mjs";
+function z(g) {
   let {
     swiper: e,
-    extendParams: E,
-    on: q
-  } = z;
-  E({
-    cubeEffect: {
-      slideShadows: !0,
-      shadow: !0,
-      shadowOffset: 20,
-      shadowScale: 0.94
+    extendParams: x,
+    emit: c,
+    once: S
+  } = g;
+  x({
+    freeMode: {
+      enabled: !1,
+      momentum: !0,
+      momentumRatio: 1,
+      momentumBounce: !0,
+      momentumBounceRatio: 1,
+      momentumVelocityRatio: 1,
+      sticky: !1,
+      minimumVelocity: 0.02
     }
   });
-  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,
-        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);
+  function E() {
+    if (e.params.cssMode) return;
+    const s = e.getTranslate();
+    e.setTranslate(s), e.setTransition(0), e.touchEventsData.velocities.length = 0, e.freeMode.onTouchEnd({
+      currentPos: e.rtl ? e.translate : -e.translate
+    });
+  }
+  function B() {
+    if (e.params.cssMode) return;
+    const {
+      touchEventsData: s,
+      touches: m
+    } = e;
+    s.velocities.length === 0 && s.velocities.push({
+      position: m[e.isHorizontal() ? "startX" : "startY"],
+      time: s.touchStartTime
+    }), s.velocities.push({
+      position: m[e.isHorizontal() ? "currentX" : "currentY"],
+      time: v()
+    });
+  }
+  function b(s) {
+    let {
+      currentPos: m
+    } = s;
+    if (e.params.cssMode) return;
+    const {
+      params: o,
+      wrapperEl: f,
+      rtlTranslate: p,
+      snapGrid: a,
+      touchEventsData: r
+    } = e, w = v() - r.touchStartTime;
+    if (m < -e.minTranslate()) {
+      e.slideTo(e.activeIndex);
+      return;
+    }
+    if (m > -e.maxTranslate()) {
+      e.slides.length < a.length ? e.slideTo(a.length - 1) : e.slideTo(e.slides.length - 1);
+      return;
+    }
+    if (o.freeMode.momentum) {
+      if (r.velocities.length > 1) {
+        const i = r.velocities.pop(), n = r.velocities.pop(), P = i.position - n.position, y = i.time - n.time;
+        e.velocity = P / y, e.velocity /= 2, Math.abs(e.velocity) < o.freeMode.minimumVelocity && (e.velocity = 0), (y > 150 || v() - i.time > 300) && (e.velocity = 0);
+      } else
+        e.velocity = 0;
+      e.velocity *= o.freeMode.momentumVelocityRatio, r.velocities.length = 0;
+      let l = 1e3 * o.freeMode.momentumRatio;
+      const D = e.velocity * l;
+      let t = e.translate + D;
+      p && (t = -t);
+      let M = !1, u;
+      const d = Math.abs(e.velocity) * 20 * o.freeMode.momentumBounceRatio;
+      let T;
+      if (t < e.maxTranslate())
+        o.freeMode.momentumBounce ? (t + e.maxTranslate() < -d && (t = e.maxTranslate() - d), u = e.maxTranslate(), M = !0, r.allowMomentumBounce = !0) : t = e.maxTranslate(), o.loop && o.centeredSlides && (T = !0);
+      else if (t > e.minTranslate())
+        o.freeMode.momentumBounce ? (t - e.minTranslate() > d && (t = e.minTranslate() + d), u = e.minTranslate(), M = !0, r.allowMomentumBounce = !0) : t = e.minTranslate(), o.loop && o.centeredSlides && (T = !0);
+      else if (o.freeMode.sticky) {
+        let i;
+        for (let n = 0; n < a.length; n += 1)
+          if (a[n] > -t) {
+            i = n;
+            break;
+          }
+        Math.abs(a[i] - t) < Math.abs(a[i - 1] - t) || e.swipeDirection === "next" ? t = a[i] : t = a[i - 1], t = -t;
       }
-      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)`;
+      if (T && S("transitionEnd", () => {
+        e.loopFix();
+      }), e.velocity !== 0) {
+        if (p ? l = Math.abs((-t - e.translate) / e.velocity) : l = Math.abs((t - e.translate) / e.velocity), o.freeMode.sticky) {
+          const i = Math.abs((p ? -t : t) - e.translate), n = e.slidesSizesGrid[e.activeIndex];
+          i < n ? l = o.speed : i < 2 * n ? l = o.speed * 1.5 : l = o.speed * 2.5;
         }
-      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`);
+      } else if (o.freeMode.sticky) {
+        e.slideToClosest();
+        return;
       }
-    },
-    recreateShadows: () => {
-      const t = e.isHorizontal();
-      e.slides.forEach((a) => {
-        const r = Math.max(Math.min(a.progress, 1), -1);
-        M(a, r, t);
-      });
-    },
-    getEffectParams: () => e.params.cubeEffect,
-    perspective: () => !0,
-    overwriteParams: () => ({
-      slidesPerView: 1,
-      slidesPerGroup: 1,
-      watchSlidesProgress: !0,
-      resistanceRatio: 0,
-      spaceBetween: 0,
-      centeredSlides: !1,
-      virtualTranslate: !0
-    })
+      o.freeMode.momentumBounce && M ? (e.updateProgress(u), e.setTransition(l), e.setTranslate(t), e.transitionStart(!0, e.swipeDirection), e.animating = !0, h(f, () => {
+        !e || e.destroyed || !r.allowMomentumBounce || (c("momentumBounce"), e.setTransition(o.speed), setTimeout(() => {
+          e.setTranslate(u), h(f, () => {
+            !e || e.destroyed || e.transitionEnd();
+          });
+        }, 0));
+      })) : e.velocity ? (c("_freeModeNoMomentumRelease"), e.updateProgress(t), e.setTransition(l), e.setTranslate(t), e.transitionStart(!0, e.swipeDirection), e.animating || (e.animating = !0, h(f, () => {
+        !e || e.destroyed || e.transitionEnd();
+      }))) : e.updateProgress(t), e.updateActiveIndex(), e.updateSlidesClasses();
+    } else if (o.freeMode.sticky) {
+      e.slideToClosest();
+      return;
+    } else o.freeMode && c("_freeModeNoMomentumRelease");
+    (!o.freeMode.momentum || w >= o.longSwipesMs) && (c("_freeModeStaticRelease"), e.updateProgress(), e.updateActiveIndex(), e.updateSlidesClasses());
+  }
+  Object.assign(e, {
+    freeMode: {
+      onTouchStart: E,
+      onTouchMove: B,
+      onTouchEnd: b
+    }
   });
 }
 export {
-  V as default
+  z as default
 };

package/index209.js

@@ -1 +1 @@
-"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=$;
+"use strict";function B(x){let{swiper:e,extendParams:C,on:w}=x;C({grid:{rows:1,fill:"column"}});let c,h,f,g;const M=()=>{let t=e.params.spaceBetween;return typeof t=="string"&&t.indexOf("%")>=0?t=parseFloat(t.replace("%",""))/100*e.size:typeof t=="string"&&(t=parseFloat(t)),t},L=t=>{const{slidesPerView:s}=e.params,{rows:i,fill:a}=e.params.grid,l=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:t.length;f=Math.floor(l/i),Math.floor(l/i)===l/i?c=l:c=Math.ceil(l/i)*i,s!=="auto"&&a==="row"&&(c=Math.max(c,s*i)),h=c/i},y=()=>{e.slides&&e.slides.forEach(t=>{t.swiperSlideGridSet&&(t.style.height="",t.style[e.getDirectionLabel("margin-top")]="")})},$=(t,s,i)=>{const{slidesPerGroup:a}=e.params,l=M(),{rows:r,fill:u}=e.params.grid,d=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:i.length;let p,n,o;if(u==="row"&&a>1){const m=Math.floor(t/(a*r)),S=t-r*a*m,v=m===0?a:Math.min(Math.ceil((d-m*r*a)/r),a);o=Math.floor(S/v),n=S-o*v+m*a,p=n+o*c/r,s.style.order=p}else u==="column"?(n=Math.floor(t/r),o=t-n*r,(n>f||n===f&&o===r-1)&&(o+=1,o>=r&&(o=0,n+=1))):(o=Math.floor(t/h),n=t-o*h);s.row=o,s.column=n,s.style.height=`calc((100% - ${(r-1)*l}px) / ${r})`,s.style[e.getDirectionLabel("margin-top")]=o!==0?l&&`${l}px`:"",s.swiperSlideGridSet=!0},z=(t,s)=>{const{centeredSlides:i,roundLengths:a}=e.params,l=M(),{rows:r}=e.params.grid;if(e.virtualSize=(t+l)*c,e.virtualSize=Math.ceil(e.virtualSize/r)-l,e.params.cssMode||(e.wrapperEl.style[e.getDirectionLabel("width")]=`${e.virtualSize+l}px`),i){const u=[];for(let d=0;d<s.length;d+=1){let p=s[d];a&&(p=Math.floor(p)),s[d]<e.virtualSize+s[0]&&u.push(p)}s.splice(0,s.length),s.push(...u)}},I=()=>{g=e.params.grid&&e.params.grid.rows>1},b=()=>{const{params:t,el:s}=e,i=t.grid&&t.grid.rows>1;g&&!i?(s.classList.remove(`${t.containerModifierClass}grid`,`${t.containerModifierClass}grid-column`),f=1,e.emitContainerClasses()):!g&&i&&(s.classList.add(`${t.containerModifierClass}grid`),t.grid.fill==="column"&&s.classList.add(`${t.containerModifierClass}grid-column`),e.emitContainerClasses()),g=i};w("init",I),w("update",b),e.grid={initSlides:L,unsetSlides:y,updateSlide:$,updateWrapperSize:z}}module.exports=B;

package/index209.mjs

@@ -1,72 +1,74 @@
-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) {
+function B(x) {
   let {
-    swiper: t,
-    extendParams: g,
-    on: u
-  } = w;
-  g({
-    flipEffect: {
-      slideShadows: !0,
-      limitRotation: !0
+    swiper: e,
+    extendParams: C,
+    on: w
+  } = x;
+  C({
+    grid: {
+      rows: 1,
+      fill: "column"
     }
   });
-  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 {
-        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;
+  let c, h, f, g;
+  const M = () => {
+    let t = e.params.spaceBetween;
+    return typeof t == "string" && t.indexOf("%") >= 0 ? t = parseFloat(t.replace("%", "")) / 100 * e.size : typeof t == "string" && (t = parseFloat(t)), t;
+  }, L = (t) => {
+    const {
+      slidesPerView: s
+    } = e.params, {
+      rows: i,
+      fill: a
+    } = e.params.grid, l = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : t.length;
+    f = Math.floor(l / i), Math.floor(l / i) === l / i ? c = l : c = Math.ceil(l / i) * i, s !== "auto" && a === "row" && (c = Math.max(c, s * i)), h = c / i;
+  }, y = () => {
+    e.slides && e.slides.forEach((t) => {
+      t.swiperSlideGridSet && (t.style.height = "", t.style[e.getDirectionLabel("margin-top")] = "");
+    });
+  }, $ = (t, s, i) => {
+    const {
+      slidesPerGroup: a
+    } = e.params, l = M(), {
+      rows: r,
+      fill: u
+    } = e.params.grid, d = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : i.length;
+    let p, n, o;
+    if (u === "row" && a > 1) {
+      const m = Math.floor(t / (a * r)), S = t - r * a * m, v = m === 0 ? a : Math.min(Math.ceil((d - m * r * a) / r), a);
+      o = Math.floor(S / v), n = S - o * v + m * a, p = n + o * c / r, s.style.order = p;
+    } else u === "column" ? (n = Math.floor(t / r), o = t - n * r, (n > f || n === f && o === r - 1) && (o += 1, o >= r && (o = 0, n += 1))) : (o = Math.floor(t / h), n = t - o * h);
+    s.row = o, s.column = n, s.style.height = `calc((100% - ${(r - 1) * l}px) / ${r})`, s.style[e.getDirectionLabel("margin-top")] = o !== 0 ? l && `${l}px` : "", s.swiperSlideGridSet = !0;
+  }, z = (t, s) => {
+    const {
+      centeredSlides: i,
+      roundLengths: a
+    } = e.params, l = M(), {
+      rows: r
+    } = e.params.grid;
+    if (e.virtualSize = (t + l) * c, e.virtualSize = Math.ceil(e.virtualSize / r) - l, e.params.cssMode || (e.wrapperEl.style[e.getDirectionLabel("width")] = `${e.virtualSize + l}px`), i) {
+      const u = [];
+      for (let d = 0; d < s.length; d += 1) {
+        let p = s[d];
+        a && (p = Math.floor(p)), s[d] < e.virtualSize + s[0] && u.push(p);
       }
-    },
-    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
-    })
-  });
+      s.splice(0, s.length), s.push(...u);
+    }
+  }, I = () => {
+    g = e.params.grid && e.params.grid.rows > 1;
+  }, b = () => {
+    const {
+      params: t,
+      el: s
+    } = e, i = t.grid && t.grid.rows > 1;
+    g && !i ? (s.classList.remove(`${t.containerModifierClass}grid`, `${t.containerModifierClass}grid-column`), f = 1, e.emitContainerClasses()) : !g && i && (s.classList.add(`${t.containerModifierClass}grid`), t.grid.fill === "column" && s.classList.add(`${t.containerModifierClass}grid-column`), e.emitContainerClasses()), g = i;
+  };
+  w("init", I), w("update", b), e.grid = {
+    initSlides: L,
+    unsetSlides: y,
+    updateSlide: $,
+    updateWrapperSize: z
+  };
 }
 export {
   B as default

package/index21.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";const a=require("react/jsx-runtime"),l=require("./index37.js"),n=require("./index3.js"),m=require("./index111.js"),d=r=>{const{themeName:e="carousel.pagination",tokens:t,children:i="/",customTheme:o}=r,{paginationFractionProps:s,current:c,total:u}=m.useCarouselPaginationFraction(r);return a.jsxs(l.default,{...s,themeName:`${e}.fraction.wrapper`,tokens:t,customTheme:o,children:[a.jsx(n.default,{themeName:`${e}.fraction.current`,tokens:t,children:c}),i&&a.jsx(n.default,{themeName:`${e}.fraction.separator`,tokens:t,children:i}),a.jsx(n.default,{themeName:`${e}.fraction.total`,tokens:t,children:u})]})};module.exports=d;

package/index21.mjs

@@ -1,17 +1,25 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Swiper as h, SwiperSlide as u } from "./index146.mjs";
-import p from "./index88.mjs";
-import f from "./index145.mjs";
-import { useCarouselSwiper as S } from "./index106.mjs";
-const j = (m) => {
-  const {
-    swiperProps: { a11y: C, ...t },
-    slides: a,
-    ref: l
-  } = S(m), { themeName: e = "carousel", tokens: r, customTheme: c, children: i = (s) => /* @__PURE__ */ o(f, { ...s }) } = m, n = p(`${e}.swiper.swiper`, r, c), w = p(`${e}.swiper.wrapper`, r), d = p(`${e}.slide.wrapper`, r);
-  return /* @__PURE__ */ o(h, { ...t, className: n, wrapperClass: w, ref: l, children: typeof i == "function" ? a.map((s) => /* @__PURE__ */ o(u, { className: d, children: i({ themeName: `${e}.slide`, tokens: r, ...s }) }, `slide-${s.id}`)) : i });
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import p from "./index37.mjs";
+import o from "./index3.mjs";
+import { useCarouselPaginationFraction as l } from "./index111.mjs";
+const N = (a) => {
+  const { themeName: t = "carousel.pagination", tokens: r, children: n = "/", customTheme: i } = a, { paginationFractionProps: m, current: c, total: s } = l(a);
+  return /* @__PURE__ */ h(
+    p,
+    {
+      ...m,
+      themeName: `${t}.fraction.wrapper`,
+      tokens: r,
+      customTheme: i,
+      children: [
+        /* @__PURE__ */ e(o, { themeName: `${t}.fraction.current`, tokens: r, children: c }),
+        n && /* @__PURE__ */ e(o, { themeName: `${t}.fraction.separator`, tokens: r, children: n }),
+        /* @__PURE__ */ e(o, { themeName: `${t}.fraction.total`, tokens: r, children: s })
+      ]
+    }
+  );
 };
 export {
-  j as default
+  N as default
 };