@okam/stack-ui 1.40.0 → 1.41.0

package/index250.mjs

@@ -1,73 +1,32 @@
-import { c as h } from "./index305.mjs";
-import { e as x } from "./index302.mjs";
-import { e as M } from "./index303.mjs";
-import { e as E } from "./index304.mjs";
-import { g as T, o as z } from "./index299.mjs";
-function B(w) {
-  let {
-    swiper: t,
-    extendParams: g,
-    on: u
-  } = w;
-  g({
-    flipEffect: {
-      slideShadows: !0,
-      limitRotation: !0
+import { useLayoutEffect as o } from "./index230.mjs";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
     }
-  });
-  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));
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
+    };
+  }, [
+    t
+  ]), {
+    "aria-describedby": t ? f : void 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;
-      }
-    },
-    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
-    })
-  });
 }
 export {
-  B as default
+  s as useDescription
 };

package/index251.js

@@ -1 +1 @@
-"use strict";const v=require("./index305.js"),B=require("./index302.js"),C=require("./index303.js"),$=require("./index299.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index252.js"),s=require("react");function i(e,t,u,r){let n=l.useEffectEvent(u),c=u==null;s.useEffect(()=>{if(c||!e.current)return;let f=e.current;return f.addEventListener(t,n,r),()=>{f.removeEventListener(t,n,r)}},[e,t,r,c,n])}exports.useEvent=i;

package/index251.mjs

@@ -1,59 +1,21 @@
-import { c as x } from "./index305.mjs";
-import { e as A } from "./index302.mjs";
-import { e as D } from "./index303.mjs";
-import { g as F, o as I } from "./index299.mjs";
-function j($) {
-  let {
-    swiper: r,
-    extendParams: T,
-    on: q
-  } = $;
-  T({
-    coverflowEffect: {
-      rotate: 50,
-      stretch: 0,
-      depth: 100,
-      scale: 1,
-      modifier: 1,
-      slideShadows: !0
-    }
-  }), A({
-    effect: "coverflow",
-    swiper: r,
-    on: q,
-    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);
-        }
-      }
-    },
-    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`;
-        });
-      });
-    },
-    perspective: () => !0,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0
-    })
-  });
+import { useEffectEvent as u } from "./index252.mjs";
+import { useEffect as l } from "react";
+function i(e, t, a, r) {
+  let f = u(a), n = a == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, f, r), () => {
+      c.removeEventListener(t, f, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n,
+    f
+  ]);
 }
 export {
-  j as default
+  i as useEvent
 };

package/index252.js

@@ -1 +1 @@
-"use strict";const V=require("./index305.js"),X=require("./index302.js"),j=require("./index303.js"),A=require("./index304.js"),M=require("./index299.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index230.js"),r=require("react");function o(t){const u=r.useRef(null);return n.useLayoutEffect(()=>{u.current=t},[t]),r.useCallback((...c)=>{const e=u.current;return e==null?void 0:e(...c)},[])}exports.useEffectEvent=o;

package/index252.mjs

@@ -1,102 +1,16 @@
-import { c as C } from "./index305.mjs";
-import { e as D } from "./index302.mjs";
-import { e as F } from "./index303.mjs";
-import { e as I } from "./index304.mjs";
-import { g as V, o as X } from "./index299.mjs";
-function Z(E) {
-  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
-      }
-    }
-  });
-  const S = (r) => typeof r == "string" ? r : `${r}px`;
-  D({
-    effect: "creative",
-    swiper: t,
-    on: $,
-    setTranslate: () => {
-      const {
-        slides: r,
-        wrapperEl: d,
-        slidesSizesGrid: c
-      } = t, e = t.params.creativeEffect, {
-        progressMultiplier: f
-      } = e, w = t.params.centeredSlides, y = X(t);
-      if (w) {
-        const m = c[0] / 2 - t.params.slidesOffsetBefore || 0;
-        d.style.transform = `translateX(calc(50% - ${m}px))`;
-      }
-      for (let m = 0; m < r.length; m += 1) {
-        const a = r[m], v = a.progress, o = Math.min(Math.max(a.progress, -e.limitProgress), e.limitProgress);
-        let i = o;
-        w || (i = Math.min(Math.max(a.originalProgress, -e.limitProgress), e.limitProgress));
-        const P = a.swiperSlideOffset, p = [t.params.cssMode ? -P - t.translate : -P, 0, 0], g = [0, 0, 0];
-        let h = !1;
-        t.isHorizontal() || (p[1] = p[0], p[0] = 0);
-        let s = {
-          translate: [0, 0, 0],
-          rotate: [0, 0, 0],
-          scale: 1,
-          opacity: 1
-        };
-        o < 0 ? (s = e.next, h = !0) : o > 0 && (s = e.prev, h = !0), p.forEach((l, n) => {
-          p[n] = `calc(${l}px + (${S(s.translate[n])} * ${Math.abs(o * f)}))`;
-        }), g.forEach((l, n) => {
-          let q = s.rotate[n] * Math.abs(o * f);
-          g[n] = q;
-        }), a.style.zIndex = -Math.abs(Math.round(v)) + r.length;
-        const x = p.join(", "), T = `rotateX(${y(g[0])}deg) rotateY(${y(g[1])}deg) rotateZ(${y(g[2])}deg)`, b = i < 0 ? `scale(${1 + (1 - s.scale) * i * f})` : `scale(${1 - (1 - s.scale) * i * f})`, O = i < 0 ? 1 + (1 - s.opacity) * i * f : 1 - (1 - s.opacity) * i * f, z = `translate3d(${x}) ${T} ${b}`;
-        if (h && s.shadow || !h) {
-          let l = a.querySelector(".swiper-slide-shadow");
-          if (!l && s.shadow && (l = C("creative", a)), l) {
-            const n = e.shadowPerProgress ? o * (1 / e.limitProgress) : o;
-            l.style.opacity = Math.min(Math.max(Math.abs(n), 0), 1);
-          }
-        }
-        const u = F(e, a);
-        u.style.transform = z, u.style.opacity = O, s.origin && (u.style.transformOrigin = s.origin);
-      }
-    },
-    setTransition: (r) => {
-      const d = t.slides.map((c) => V(c));
-      d.forEach((c) => {
-        c.style.transitionDuration = `${r}ms`, c.querySelectorAll(".swiper-slide-shadow").forEach((e) => {
-          e.style.transitionDuration = `${r}ms`;
-        });
-      }), I({
-        swiper: t,
-        duration: r,
-        transformElements: d,
-        allSlides: !0
-      });
-    },
-    perspective: () => t.params.creativeEffect.perspective,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
-  });
+import { useLayoutEffect as f } from "./index230.mjs";
+import { useRef as o, useCallback as a } from "react";
+function s(r) {
+  const t = o(null);
+  return f(() => {
+    t.current = r;
+  }, [
+    r
+  ]), a((...c) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...c);
+  }, []);
 }
 export {
-  Z as default
+  s as useEffectEvent
 };

package/index253.js

@@ -1,5 +1 @@
-"use strict";const D=require("./index305.js"),X=require("./index302.js"),z=require("./index303.js"),A=require("./index304.js"),R=require("./index299.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("./index249.js");function L(e,o){let d=T(e,o,"left"),t=T(e,o,"top"),l=o.offsetWidth,f=o.offsetHeight,r=e.scrollLeft,n=e.scrollTop,{borderTopWidth:i,borderLeftWidth:s,scrollPaddingTop:c,scrollPaddingRight:a,scrollPaddingBottom:$,scrollPaddingLeft:S}=getComputedStyle(e),I=r+parseInt(s,10),u=n+parseInt(i,10),b=I+e.clientWidth,P=u+e.clientHeight,p=parseInt(c,10)||0,v=parseInt($,10)||0,h=parseInt(a,10)||0,g=parseInt(S,10)||0;d<=r+g?r=d-parseInt(s,10)-g:d+l>b-h&&(r+=d+l-b+h),t<=u+p?n=t-parseInt(i,10)-p:t+f>P-v&&(n+=t+f-P+v),e.scrollLeft=r,e.scrollTop=n}function T(e,o,d){const t=d==="left"?"offsetLeft":"offsetTop";let l=0;for(;o.offsetParent&&(l+=o[t],o.offsetParent!==e);){if(o.offsetParent.contains(e)){l-=e[t];break}o=o.offsetParent}return l}function k(e,o){if(e&&document.contains(e)){let r=document.scrollingElement||document.documentElement;if(window.getComputedStyle(r).overflow==="hidden"){let i=W.getScrollParents(e);for(let s of i)L(s,e)}else{var d;let{left:i,top:s}=e.getBoundingClientRect();e==null||(d=e.scrollIntoView)===null||d===void 0||d.call(e,{block:"nearest"});let{left:c,top:a}=e.getBoundingClientRect();if(Math.abs(i-c)>1||Math.abs(s-a)>1){var t,l,f;o==null||(l=o.containingElement)===null||l===void 0||(t=l.scrollIntoView)===null||t===void 0||t.call(l,{block:"center",inline:"center"}),(f=e.scrollIntoView)===null||f===void 0||f.call(e,{block:"nearest"})}}}}exports.scrollIntoView=L;exports.scrollIntoViewport=k;

package/index253.mjs

@@ -1,83 +1,46 @@
-import { c as O } from "./index305.mjs";
-import { e as D } from "./index302.mjs";
-import { e as X } from "./index303.mjs";
-import { e as q } from "./index304.mjs";
-import { g as z } from "./index299.mjs";
-function V(T) {
-  let {
-    swiper: t,
-    extendParams: g,
-    on: x
-  } = T;
-  g({
-    cardsEffect: {
-      slideShadows: !0,
-      rotate: !0,
-      perSlideRotate: 2,
-      perSlideOffset: 8
+import { getScrollParents as I } from "./index249.mjs";
+function W(o, e) {
+  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
+  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
+}
+function L(o, e, t) {
+  const d = t === "left" ? "offsetLeft" : "offsetTop";
+  let l = 0;
+  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
+    if (e.offsetParent.contains(o)) {
+      l -= o[d];
+      break;
     }
-  }), D({
-    effect: "cards",
-    swiper: t,
-    on: x,
-    setTranslate: () => {
-      const {
-        slides: o,
-        activeIndex: l,
-        rtlTranslate: a
-      } = t, i = t.params.cardsEffect, {
-        startTranslate: u,
-        isTouched: S
-      } = t.touchEventsData, $ = a ? -t.translate : t.translate;
-      for (let c = 0; c < o.length; c += 1) {
-        const n = o[c], w = n.progress, e = Math.min(Math.max(w, -4), 4);
-        let p = n.swiperSlideOffset;
-        t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (p -= o[0].swiperSlideOffset);
-        let r = t.params.cssMode ? -p - t.translate : -p, d = 0;
-        const E = -100 * Math.abs(e);
-        let m = 1, h = -i.perSlideRotate * e, M = i.perSlideOffset - Math.abs(e) * 0.75;
-        const f = t.virtual && t.params.virtual.enabled ? t.virtual.from + c : c, b = (f === l || f === l - 1) && e > 0 && e < 1 && (S || t.params.cssMode) && $ < u, v = (f === l || f === l + 1) && e < 0 && e > -1 && (S || t.params.cssMode) && $ > u;
-        if (b || v) {
-          const s = (1 - Math.abs((Math.abs(e) - 0.5) / 0.5)) ** 0.5;
-          h += -28 * e * s, m += -0.5 * s, M += 96 * s, d = `${-25 * s * Math.abs(e)}%`;
-        }
-        if (e < 0 ? r = `calc(${r}px ${a ? "-" : "+"} (${M * Math.abs(e)}%))` : e > 0 ? r = `calc(${r}px ${a ? "-" : "+"} (-${M * Math.abs(e)}%))` : r = `${r}px`, !t.isHorizontal()) {
-          const s = d;
-          d = r, r = s;
-        }
-        const y = e < 0 ? `${1 + (1 - m) * e}` : `${1 - (1 - m) * e}`, P = `
-        translate3d(${r}, ${d}, ${E}px)
-        rotateZ(${i.rotate ? a ? -h : h : 0}deg)
-        scale(${y})
-      `;
-        if (i.slideShadows) {
-          let s = n.querySelector(".swiper-slide-shadow");
-          s || (s = O("cards", n)), s && (s.style.opacity = Math.min(Math.max((Math.abs(e) - 0.5) / 0.5, 0), 1));
-        }
-        n.style.zIndex = -Math.abs(Math.round(w)) + o.length;
-        const I = X(i, n);
-        I.style.transform = P;
-      }
-    },
-    setTransition: (o) => {
-      const l = t.slides.map((a) => z(a));
-      l.forEach((a) => {
-        a.style.transitionDuration = `${o}ms`, a.querySelectorAll(".swiper-slide-shadow").forEach((i) => {
-          i.style.transitionDuration = `${o}ms`;
-        });
-      }), q({
-        swiper: t,
-        duration: o,
-        transformElements: l
+    e = e.offsetParent;
+  }
+  return l;
+}
+function B(o, e) {
+  if (o && document.contains(o)) {
+    let f = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(f).overflow === "hidden") {
+      let i = I(o);
+      for (let s of i) W(s, o);
+    } else {
+      var t;
+      let { left: i, top: s } = o.getBoundingClientRect();
+      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
+        block: "nearest"
       });
-    },
-    perspective: () => !0,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
-  });
+      let { left: n, top: a } = o.getBoundingClientRect();
+      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
+        var d, l, r;
+        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
+          block: "center",
+          inline: "center"
+        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
+          block: "nearest"
+        });
+      }
+    }
+  }
 }
 export {
-  V as default
+  W as scrollIntoView,
+  B as scrollIntoViewport
 };