@okam/stack-ui 1.32.6 → 1.32.8

package/index227.mjs

@@ -1,102 +1,72 @@
-import { c as C } from "./index327.mjs";
-import { e as D } from "./index324.mjs";
-import { e as F } from "./index325.mjs";
-import { e as I } from "./index326.mjs";
-import { g as V, o as X } from "./index321.mjs";
-function Z(E) {
+import { e as h } from "./index322.mjs";
+function g(y) {
   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
-      }
+    extendParams: b,
+    on: u
+  } = y;
+  b({
+    parallax: {
+      enabled: !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
+  const d = "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", m = (e, l) => {
+    const {
+      rtl: n
+    } = t, i = n ? -1 : 1, p = e.getAttribute("data-swiper-parallax") || "0";
+    let a = e.getAttribute("data-swiper-parallax-x"), r = e.getAttribute("data-swiper-parallax-y");
+    const o = e.getAttribute("data-swiper-parallax-scale"), s = e.getAttribute("data-swiper-parallax-opacity"), c = e.getAttribute("data-swiper-parallax-rotate");
+    if (a || r ? (a = a || "0", r = r || "0") : t.isHorizontal() ? (a = p, r = "0") : (r = p, a = "0"), a.indexOf("%") >= 0 ? a = `${parseInt(a, 10) * l * i}%` : a = `${a * l * i}px`, r.indexOf("%") >= 0 ? r = `${parseInt(r, 10) * l}%` : r = `${r * l}px`, typeof s < "u" && s !== null) {
+      const f = s - (s - 1) * (1 - Math.abs(l));
+      e.style.opacity = f;
+    }
+    let x = `translate3d(${a}, ${r}, 0px)`;
+    if (typeof o < "u" && o !== null) {
+      const f = o - (o - 1) * (1 - Math.abs(l));
+      x += ` scale(${f})`;
+    }
+    if (c && typeof c < "u" && c !== null) {
+      const f = c * l * -1;
+      x += ` rotate(${f}deg)`;
+    }
+    e.style.transform = x;
+  }, w = () => {
+    const {
+      el: e,
+      slides: l,
+      progress: n,
+      snapGrid: i,
+      isElement: p
+    } = t, a = h(e, d);
+    t.isElement && a.push(...h(t.hostEl, d)), a.forEach((r) => {
+      m(r, n);
+    }), l.forEach((r, o) => {
+      let s = r.progress;
+      t.params.slidesPerGroup > 1 && t.params.slidesPerView !== "auto" && (s += Math.ceil(o / 2) - n * (i.length - 1)), s = Math.min(Math.max(s, -1), 1), r.querySelectorAll(`${d}, [data-swiper-parallax-rotate]`).forEach((c) => {
+        m(c, s);
       });
-    },
-    perspective: () => t.params.creativeEffect.perspective,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
+    });
+  }, A = function(e) {
+    e === void 0 && (e = t.params.speed);
+    const {
+      el: l,
+      hostEl: n
+    } = t, i = [...l.querySelectorAll(d)];
+    t.isElement && i.push(...n.querySelectorAll(d)), i.forEach((p) => {
+      let a = parseInt(p.getAttribute("data-swiper-parallax-duration"), 10) || e;
+      e === 0 && (a = 0), p.style.transitionDuration = `${a}ms`;
+    });
+  };
+  u("beforeInit", () => {
+    t.params.parallax.enabled && (t.params.watchSlidesProgress = !0, t.originalParams.watchSlidesProgress = !0);
+  }), u("init", () => {
+    t.params.parallax.enabled && w();
+  }), u("setTranslate", () => {
+    t.params.parallax.enabled && w();
+  }), u("setTransition", (e, l) => {
+    t.params.parallax.enabled && A(l);
   });
 }
 export {
-  Z as default
+  g as default
 };

package/index228.js

@@ -1,5 +1 @@
-"use strict";const D=require("./index327.js"),X=require("./index324.js"),z=require("./index325.js"),A=require("./index326.js"),R=require("./index321.js");function Y(x){let{swiper:e,extendParams:g,on:E}=x;g({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}});const T=()=>{const{slides:o,activeIndex:l,rtlTranslate:a}=e,i=e.params.cardsEffect,{startTranslate:M,isTouched:$}=e.touchEventsData,S=a?-e.translate:e.translate;for(let c=0;c<o.length;c+=1){const n=o[c],w=n.progress,t=Math.min(Math.max(w,-4),4);let p=n.swiperSlideOffset;e.params.centeredSlides&&!e.params.cssMode&&(e.wrapperEl.style.transform=`translateX(${e.minTranslate()}px)`),e.params.centeredSlides&&e.params.cssMode&&(p-=o[0].swiperSlideOffset);let r=e.params.cssMode?-p-e.translate:-p,d=0;const v=-100*Math.abs(t);let h=1,m=-i.perSlideRotate*t,u=i.perSlideOffset-Math.abs(t)*.75;const f=e.virtual&&e.params.virtual.enabled?e.virtual.from+c:c,y=(f===l||f===l-1)&&t>0&&t<1&&($||e.params.cssMode)&&S<M,q=(f===l||f===l+1)&&t<0&&t>-1&&($||e.params.cssMode)&&S>M;if(y||q){const s=(1-Math.abs((Math.abs(t)-.5)/.5))**.5;m+=-28*t*s,h+=-.5*s,u+=96*s,d=`${-25*s*Math.abs(t)}%`}if(t<0?r=`calc(${r}px ${a?"-":"+"} (${u*Math.abs(t)}%))`:t>0?r=`calc(${r}px ${a?"-":"+"} (-${u*Math.abs(t)}%))`:r=`${r}px`,!e.isHorizontal()){const s=d;d=r,r=s}const P=t<0?`${1+(1-h)*t}`:`${1-(1-h)*t}`,I=`
-        translate3d(${r}, ${d}, ${v}px)
-        rotateZ(${i.rotate?a?-m:m:0}deg)
-        scale(${P})
-      `;if(i.slideShadows){let s=n.querySelector(".swiper-slide-shadow");s||(s=D.c("cards",n)),s&&(s.style.opacity=Math.min(Math.max((Math.abs(t)-.5)/.5,0),1))}n.style.zIndex=-Math.abs(Math.round(w))+o.length;const O=z.e(i,n);O.style.transform=I}},b=o=>{const l=e.slides.map(a=>R.g(a));l.forEach(a=>{a.style.transitionDuration=`${o}ms`,a.querySelectorAll(".swiper-slide-shadow").forEach(i=>{i.style.transitionDuration=`${o}ms`})}),A.e({swiper:e,duration:o,transformElements:l})};X.e({effect:"cards",swiper:e,on:E,setTranslate:T,setTransition:b,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})}module.exports=Y;
+"use strict";const le=require("./index321.js"),d=require("./index322.js");function ce(V){let{swiper:i,extendParams:ee,on:f,emit:te}=V;const X=le.a();ee({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),i.zoom={enabled:!1};let m=1,S=!1,Y,y;const r=[],e={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},t={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},o={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let w=1;Object.defineProperty(i.zoom,"scale",{get(){return w},set(a){if(w!==a){const n=e.imageEl,s=e.slideEl;te("zoomChange",a,n,s)}w=a}});function R(){if(r.length<2)return 1;const a=r[0].pageX,n=r[0].pageY,s=r[1].pageX,l=r[1].pageY;return Math.sqrt((s-a)**2+(l-n)**2)}function P(){const a=i.params.zoom,n=e.imageWrapEl.getAttribute("data-swiper-zoom")||a.maxRatio;if(a.limitToOriginalSize&&e.imageEl&&e.imageEl.naturalWidth){const s=e.imageEl.naturalWidth/e.imageEl.offsetWidth;return Math.min(s,n)}return n}function ie(){if(r.length<2)return{x:null,y:null};const a=e.imageEl.getBoundingClientRect();return[(r[0].pageX+(r[1].pageX-r[0].pageX)/2-a.x-X.scrollX)/m,(r[0].pageY+(r[1].pageY-r[0].pageY)/2-a.y-X.scrollY)/m]}function ae(){return i.isElement?"swiper-slide":`.${i.params.slideClass}`}function z(a){const n=ae();return!!(a.target.matches(n)||i.slides.filter(s=>s.contains(a.target)).length>0)}function ne(a){const n=`.${i.params.zoom.containerClass}`;return!!(a.target.matches(n)||[...i.hostEl.querySelectorAll(n)].filter(s=>s.contains(a.target)).length>0)}function H(a){if(a.pointerType==="mouse"&&r.splice(0,r.length),!z(a))return;const n=i.params.zoom;if(Y=!1,y=!1,r.push(a),!(r.length<2)){if(Y=!0,e.scaleStart=R(),!e.slideEl){e.slideEl=a.target.closest(`.${i.params.slideClass}, swiper-slide`),e.slideEl||(e.slideEl=i.slides[i.activeIndex]);let s=e.slideEl.querySelector(`.${n.containerClass}`);if(s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),e.imageEl=s,s?e.imageWrapEl=d.a(e.imageEl,`.${n.containerClass}`)[0]:e.imageWrapEl=void 0,!e.imageWrapEl){e.imageEl=void 0;return}e.maxRatio=P()}if(e.imageEl){const[s,l]=ie();e.originX=s,e.originY=l,e.imageEl.style.transitionDuration="0ms"}S=!0}}function I(a){if(!z(a))return;const n=i.params.zoom,s=i.zoom,l=r.findIndex(c=>c.pointerId===a.pointerId);l>=0&&(r[l]=a),!(r.length<2)&&(y=!0,e.scaleMove=R(),e.imageEl&&(s.scale=e.scaleMove/e.scaleStart*m,s.scale>e.maxRatio&&(s.scale=e.maxRatio-1+(s.scale-e.maxRatio+1)**.5),s.scale<n.minRatio&&(s.scale=n.minRatio+1-(n.minRatio-s.scale+1)**.5),e.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`))}function q(a){if(!z(a)||a.pointerType==="mouse"&&a.type==="pointerout")return;const n=i.params.zoom,s=i.zoom,l=r.findIndex(c=>c.pointerId===a.pointerId);l>=0&&r.splice(l,1),!(!Y||!y)&&(Y=!1,y=!1,e.imageEl&&(s.scale=Math.max(Math.min(s.scale,e.maxRatio),n.minRatio),e.imageEl.style.transitionDuration=`${i.params.speed}ms`,e.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`,m=s.scale,S=!1,s.scale>1&&e.slideEl?e.slideEl.classList.add(`${n.zoomedSlideClass}`):s.scale<=1&&e.slideEl&&e.slideEl.classList.remove(`${n.zoomedSlideClass}`),s.scale===1&&(e.originX=0,e.originY=0,e.slideEl=void 0)))}let A;function b(){i.touchEventsData.preventTouchMoveFromPointerMove=!1}function se(){clearTimeout(A),i.touchEventsData.preventTouchMoveFromPointerMove=!0,A=setTimeout(()=>{i.destroyed||b()})}function re(a){const n=i.device;if(!e.imageEl||t.isTouched)return;n.android&&a.cancelable&&a.preventDefault(),t.isTouched=!0;const s=r.length>0?r[0]:a;t.touchesStart.x=s.pageX,t.touchesStart.y=s.pageY}function O(a){if(!z(a)||!ne(a))return;const n=i.zoom;if(!e.imageEl||!t.isTouched||!e.slideEl)return;t.isMoved||(t.width=e.imageEl.offsetWidth||e.imageEl.clientWidth,t.height=e.imageEl.offsetHeight||e.imageEl.clientHeight,t.startX=d.j(e.imageWrapEl,"x")||0,t.startY=d.j(e.imageWrapEl,"y")||0,e.slideWidth=e.slideEl.offsetWidth,e.slideHeight=e.slideEl.offsetHeight,e.imageWrapEl.style.transitionDuration="0ms");const s=t.width*n.scale,l=t.height*n.scale;if(t.minX=Math.min(e.slideWidth/2-s/2,0),t.maxX=-t.minX,t.minY=Math.min(e.slideHeight/2-l/2,0),t.maxY=-t.minY,t.touchesCurrent.x=r.length>0?r[0].pageX:a.pageX,t.touchesCurrent.y=r.length>0?r[0].pageY:a.pageY,Math.max(Math.abs(t.touchesCurrent.x-t.touchesStart.x),Math.abs(t.touchesCurrent.y-t.touchesStart.y))>5&&(i.allowClick=!1),!t.isMoved&&!S){if(i.isHorizontal()&&(Math.floor(t.minX)===Math.floor(t.startX)&&t.touchesCurrent.x<t.touchesStart.x||Math.floor(t.maxX)===Math.floor(t.startX)&&t.touchesCurrent.x>t.touchesStart.x)){t.isTouched=!1,b();return}if(!i.isHorizontal()&&(Math.floor(t.minY)===Math.floor(t.startY)&&t.touchesCurrent.y<t.touchesStart.y||Math.floor(t.maxY)===Math.floor(t.startY)&&t.touchesCurrent.y>t.touchesStart.y)){t.isTouched=!1,b();return}}a.cancelable&&a.preventDefault(),a.stopPropagation(),se(),t.isMoved=!0;const p=(n.scale-m)/(e.maxRatio-i.params.zoom.minRatio),{originX:g,originY:E}=e;t.currentX=t.touchesCurrent.x-t.touchesStart.x+t.startX+p*(t.width-g*2),t.currentY=t.touchesCurrent.y-t.touchesStart.y+t.startY+p*(t.height-E*2),t.currentX<t.minX&&(t.currentX=t.minX+1-(t.minX-t.currentX+1)**.8),t.currentX>t.maxX&&(t.currentX=t.maxX-1+(t.currentX-t.maxX+1)**.8),t.currentY<t.minY&&(t.currentY=t.minY+1-(t.minY-t.currentY+1)**.8),t.currentY>t.maxY&&(t.currentY=t.maxY-1+(t.currentY-t.maxY+1)**.8),o.prevPositionX||(o.prevPositionX=t.touchesCurrent.x),o.prevPositionY||(o.prevPositionY=t.touchesCurrent.y),o.prevTime||(o.prevTime=Date.now()),o.x=(t.touchesCurrent.x-o.prevPositionX)/(Date.now()-o.prevTime)/2,o.y=(t.touchesCurrent.y-o.prevPositionY)/(Date.now()-o.prevTime)/2,Math.abs(t.touchesCurrent.x-o.prevPositionX)<2&&(o.x=0),Math.abs(t.touchesCurrent.y-o.prevPositionY)<2&&(o.y=0),o.prevPositionX=t.touchesCurrent.x,o.prevPositionY=t.touchesCurrent.y,o.prevTime=Date.now(),e.imageWrapEl.style.transform=`translate3d(${t.currentX}px, ${t.currentY}px,0)`}function oe(){const a=i.zoom;if(!e.imageEl)return;if(!t.isTouched||!t.isMoved){t.isTouched=!1,t.isMoved=!1;return}t.isTouched=!1,t.isMoved=!1;let n=300,s=300;const l=o.x*n,c=t.currentX+l,p=o.y*s,g=t.currentY+p;o.x!==0&&(n=Math.abs((c-t.currentX)/o.x)),o.y!==0&&(s=Math.abs((g-t.currentY)/o.y));const E=Math.max(n,s);t.currentX=c,t.currentY=g;const M=t.width*a.scale,u=t.height*a.scale;t.minX=Math.min(e.slideWidth/2-M/2,0),t.maxX=-t.minX,t.minY=Math.min(e.slideHeight/2-u/2,0),t.maxY=-t.minY,t.currentX=Math.max(Math.min(t.currentX,t.maxX),t.minX),t.currentY=Math.max(Math.min(t.currentY,t.maxY),t.minY),e.imageWrapEl.style.transitionDuration=`${E}ms`,e.imageWrapEl.style.transform=`translate3d(${t.currentX}px, ${t.currentY}px,0)`}function G(){const a=i.zoom;e.slideEl&&i.activeIndex!==i.slides.indexOf(e.slideEl)&&(e.imageEl&&(e.imageEl.style.transform="translate3d(0,0,0) scale(1)"),e.imageWrapEl&&(e.imageWrapEl.style.transform="translate3d(0,0,0)"),e.slideEl.classList.remove(`${i.params.zoom.zoomedSlideClass}`),a.scale=1,m=1,e.slideEl=void 0,e.imageEl=void 0,e.imageWrapEl=void 0,e.originX=0,e.originY=0)}function j(a){const n=i.zoom,s=i.params.zoom;if(!e.slideEl){a&&a.target&&(e.slideEl=a.target.closest(`.${i.params.slideClass}, swiper-slide`)),e.slideEl||(i.params.virtual&&i.params.virtual.enabled&&i.virtual?e.slideEl=d.e(i.slidesEl,`.${i.params.slideActiveClass}`)[0]:e.slideEl=i.slides[i.activeIndex]);let x=e.slideEl.querySelector(`.${s.containerClass}`);x&&(x=x.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),e.imageEl=x,x?e.imageWrapEl=d.a(e.imageEl,`.${s.containerClass}`)[0]:e.imageWrapEl=void 0}if(!e.imageEl||!e.imageWrapEl)return;i.params.cssMode&&(i.wrapperEl.style.overflow="hidden",i.wrapperEl.style.touchAction="none"),e.slideEl.classList.add(`${s.zoomedSlideClass}`);let l,c,p,g,E,M,u,h,J,K,N,Q,C,W,T,$,D,L;typeof t.touchesStart.x>"u"&&a?(l=a.pageX,c=a.pageY):(l=t.touchesStart.x,c=t.touchesStart.y);const v=typeof a=="number"?a:null;m===1&&v&&(l=void 0,c=void 0,t.touchesStart.x=void 0,t.touchesStart.y=void 0);const U=P();n.scale=v||U,m=v||U,a&&!(m===1&&v)?(D=e.slideEl.offsetWidth,L=e.slideEl.offsetHeight,p=d.b(e.slideEl).left+X.scrollX,g=d.b(e.slideEl).top+X.scrollY,E=p+D/2-l,M=g+L/2-c,J=e.imageEl.offsetWidth||e.imageEl.clientWidth,K=e.imageEl.offsetHeight||e.imageEl.clientHeight,N=J*n.scale,Q=K*n.scale,C=Math.min(D/2-N/2,0),W=Math.min(L/2-Q/2,0),T=-C,$=-W,u=E*n.scale,h=M*n.scale,u<C&&(u=C),u>T&&(u=T),h<W&&(h=W),h>$&&(h=$)):(u=0,h=0),v&&n.scale===1&&(e.originX=0,e.originY=0),e.imageWrapEl.style.transitionDuration="300ms",e.imageWrapEl.style.transform=`translate3d(${u}px, ${h}px,0)`,e.imageEl.style.transitionDuration="300ms",e.imageEl.style.transform=`translate3d(0,0,0) scale(${n.scale})`}function _(){const a=i.zoom,n=i.params.zoom;if(!e.slideEl){i.params.virtual&&i.params.virtual.enabled&&i.virtual?e.slideEl=d.e(i.slidesEl,`.${i.params.slideActiveClass}`)[0]:e.slideEl=i.slides[i.activeIndex];let s=e.slideEl.querySelector(`.${n.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),e.imageEl=s,s?e.imageWrapEl=d.a(e.imageEl,`.${n.containerClass}`)[0]:e.imageWrapEl=void 0}!e.imageEl||!e.imageWrapEl||(i.params.cssMode&&(i.wrapperEl.style.overflow="",i.wrapperEl.style.touchAction=""),a.scale=1,m=1,t.touchesStart.x=void 0,t.touchesStart.y=void 0,e.imageWrapEl.style.transitionDuration="300ms",e.imageWrapEl.style.transform="translate3d(0,0,0)",e.imageEl.style.transitionDuration="300ms",e.imageEl.style.transform="translate3d(0,0,0) scale(1)",e.slideEl.classList.remove(`${n.zoomedSlideClass}`),e.slideEl=void 0,e.originX=0,e.originY=0)}function k(a){const n=i.zoom;n.scale&&n.scale!==1?_():j(a)}function Z(){const a=i.params.passiveListeners?{passive:!0,capture:!1}:!1,n=i.params.passiveListeners?{passive:!1,capture:!0}:!0;return{passiveListener:a,activeListenerWithCapture:n}}function B(){const a=i.zoom;if(a.enabled)return;a.enabled=!0;const{passiveListener:n,activeListenerWithCapture:s}=Z();i.wrapperEl.addEventListener("pointerdown",H,n),i.wrapperEl.addEventListener("pointermove",I,s),["pointerup","pointercancel","pointerout"].forEach(l=>{i.wrapperEl.addEventListener(l,q,n)}),i.wrapperEl.addEventListener("pointermove",O,s)}function F(){const a=i.zoom;if(!a.enabled)return;a.enabled=!1;const{passiveListener:n,activeListenerWithCapture:s}=Z();i.wrapperEl.removeEventListener("pointerdown",H,n),i.wrapperEl.removeEventListener("pointermove",I,s),["pointerup","pointercancel","pointerout"].forEach(l=>{i.wrapperEl.removeEventListener(l,q,n)}),i.wrapperEl.removeEventListener("pointermove",O,s)}f("init",()=>{i.params.zoom.enabled&&B()}),f("destroy",()=>{F()}),f("touchStart",(a,n)=>{i.zoom.enabled&&re(n)}),f("touchEnd",(a,n)=>{i.zoom.enabled&&oe()}),f("doubleTap",(a,n)=>{!i.animating&&i.params.zoom.enabled&&i.zoom.enabled&&i.params.zoom.toggle&&k(n)}),f("transitionEnd",()=>{i.zoom.enabled&&i.params.zoom.enabled&&G()}),f("slideChange",()=>{i.zoom.enabled&&i.params.zoom.enabled&&i.params.cssMode&&G()}),Object.assign(i.zoom,{enable:B,disable:F,in:j,out:_,toggle:k})}module.exports=ce;

package/index228.mjs

@@ -1,83 +1,282 @@
-import { c as O } from "./index327.mjs";
-import { e as D } from "./index324.mjs";
-import { e as X } from "./index325.mjs";
-import { e as q } from "./index326.mjs";
-import { g as z } from "./index321.mjs";
-function V(T) {
+import { a as ue } from "./index321.mjs";
+import { e as V, a as L, b as ee, j as te } from "./index322.mjs";
+function pe(ie) {
   let {
-    swiper: t,
-    extendParams: g,
-    on: x
-  } = T;
-  g({
-    cardsEffect: {
-      slideShadows: !0,
-      rotate: !0,
-      perSlideRotate: 2,
-      perSlideOffset: 8
+    swiper: i,
+    extendParams: ae,
+    on: d,
+    emit: ne
+  } = ie;
+  const x = ue();
+  ae({
+    zoom: {
+      enabled: !1,
+      limitToOriginalSize: !1,
+      maxRatio: 3,
+      minRatio: 1,
+      toggle: !0,
+      containerClass: "swiper-zoom-container",
+      zoomedSlideClass: "swiper-slide-zoomed"
     }
-  }), 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));
+  }), i.zoom = {
+    enabled: !1
+  };
+  let m = 1, W = !1, X, Y;
+  const r = [], e = {
+    originX: 0,
+    originY: 0,
+    slideEl: void 0,
+    slideWidth: void 0,
+    slideHeight: void 0,
+    imageEl: void 0,
+    imageWrapEl: void 0,
+    maxRatio: 3
+  }, t = {
+    isTouched: void 0,
+    isMoved: void 0,
+    currentX: void 0,
+    currentY: void 0,
+    minX: void 0,
+    minY: void 0,
+    maxX: void 0,
+    maxY: void 0,
+    width: void 0,
+    height: void 0,
+    startX: void 0,
+    startY: void 0,
+    touchesStart: {},
+    touchesCurrent: {}
+  }, o = {
+    x: void 0,
+    y: void 0,
+    prevPositionX: void 0,
+    prevPositionY: void 0,
+    prevTime: void 0
+  };
+  let S = 1;
+  Object.defineProperty(i.zoom, "scale", {
+    get() {
+      return S;
+    },
+    set(a) {
+      if (S !== a) {
+        const n = e.imageEl, s = e.slideEl;
+        ne("zoomChange", a, n, s);
+      }
+      S = a;
+    }
+  });
+  function R() {
+    if (r.length < 2) return 1;
+    const a = r[0].pageX, n = r[0].pageY, s = r[1].pageX, l = r[1].pageY;
+    return Math.sqrt((s - a) ** 2 + (l - n) ** 2);
+  }
+  function P() {
+    const a = i.params.zoom, n = e.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio;
+    if (a.limitToOriginalSize && e.imageEl && e.imageEl.naturalWidth) {
+      const s = e.imageEl.naturalWidth / e.imageEl.offsetWidth;
+      return Math.min(s, n);
+    }
+    return n;
+  }
+  function se() {
+    if (r.length < 2) return {
+      x: null,
+      y: null
+    };
+    const a = e.imageEl.getBoundingClientRect();
+    return [(r[0].pageX + (r[1].pageX - r[0].pageX) / 2 - a.x - x.scrollX) / m, (r[0].pageY + (r[1].pageY - r[0].pageY) / 2 - a.y - x.scrollY) / m];
+  }
+  function re() {
+    return i.isElement ? "swiper-slide" : `.${i.params.slideClass}`;
+  }
+  function y(a) {
+    const n = re();
+    return !!(a.target.matches(n) || i.slides.filter((s) => s.contains(a.target)).length > 0);
+  }
+  function oe(a) {
+    const n = `.${i.params.zoom.containerClass}`;
+    return !!(a.target.matches(n) || [...i.hostEl.querySelectorAll(n)].filter((s) => s.contains(a.target)).length > 0);
+  }
+  function H(a) {
+    if (a.pointerType === "mouse" && r.splice(0, r.length), !y(a)) return;
+    const n = i.params.zoom;
+    if (X = !1, Y = !1, r.push(a), !(r.length < 2)) {
+      if (X = !0, e.scaleStart = R(), !e.slideEl) {
+        e.slideEl = a.target.closest(`.${i.params.slideClass}, swiper-slide`), e.slideEl || (e.slideEl = i.slides[i.activeIndex]);
+        let s = e.slideEl.querySelector(`.${n.containerClass}`);
+        if (s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = s, s ? e.imageWrapEl = L(e.imageEl, `.${n.containerClass}`)[0] : e.imageWrapEl = void 0, !e.imageWrapEl) {
+          e.imageEl = void 0;
+          return;
         }
-        n.style.zIndex = -Math.abs(Math.round(w)) + o.length;
-        const I = X(i, n);
-        I.style.transform = P;
+        e.maxRatio = 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
-      });
-    },
-    perspective: () => !0,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
+      if (e.imageEl) {
+        const [s, l] = se();
+        e.originX = s, e.originY = l, e.imageEl.style.transitionDuration = "0ms";
+      }
+      W = !0;
+    }
+  }
+  function I(a) {
+    if (!y(a)) return;
+    const n = i.params.zoom, s = i.zoom, l = r.findIndex((c) => c.pointerId === a.pointerId);
+    l >= 0 && (r[l] = a), !(r.length < 2) && (Y = !0, e.scaleMove = R(), e.imageEl && (s.scale = e.scaleMove / e.scaleStart * m, s.scale > e.maxRatio && (s.scale = e.maxRatio - 1 + (s.scale - e.maxRatio + 1) ** 0.5), s.scale < n.minRatio && (s.scale = n.minRatio + 1 - (n.minRatio - s.scale + 1) ** 0.5), e.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`));
+  }
+  function A(a) {
+    if (!y(a) || a.pointerType === "mouse" && a.type === "pointerout") return;
+    const n = i.params.zoom, s = i.zoom, l = r.findIndex((c) => c.pointerId === a.pointerId);
+    l >= 0 && r.splice(l, 1), !(!X || !Y) && (X = !1, Y = !1, e.imageEl && (s.scale = Math.max(Math.min(s.scale, e.maxRatio), n.minRatio), e.imageEl.style.transitionDuration = `${i.params.speed}ms`, e.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`, m = s.scale, W = !1, s.scale > 1 && e.slideEl ? e.slideEl.classList.add(`${n.zoomedSlideClass}`) : s.scale <= 1 && e.slideEl && e.slideEl.classList.remove(`${n.zoomedSlideClass}`), s.scale === 1 && (e.originX = 0, e.originY = 0, e.slideEl = void 0)));
+  }
+  let q;
+  function w() {
+    i.touchEventsData.preventTouchMoveFromPointerMove = !1;
+  }
+  function le() {
+    clearTimeout(q), i.touchEventsData.preventTouchMoveFromPointerMove = !0, q = setTimeout(() => {
+      i.destroyed || w();
+    });
+  }
+  function ce(a) {
+    const n = i.device;
+    if (!e.imageEl || t.isTouched) return;
+    n.android && a.cancelable && a.preventDefault(), t.isTouched = !0;
+    const s = r.length > 0 ? r[0] : a;
+    t.touchesStart.x = s.pageX, t.touchesStart.y = s.pageY;
+  }
+  function O(a) {
+    if (!y(a) || !oe(a))
+      return;
+    const n = i.zoom;
+    if (!e.imageEl || !t.isTouched || !e.slideEl)
+      return;
+    t.isMoved || (t.width = e.imageEl.offsetWidth || e.imageEl.clientWidth, t.height = e.imageEl.offsetHeight || e.imageEl.clientHeight, t.startX = te(e.imageWrapEl, "x") || 0, t.startY = te(e.imageWrapEl, "y") || 0, e.slideWidth = e.slideEl.offsetWidth, e.slideHeight = e.slideEl.offsetHeight, e.imageWrapEl.style.transitionDuration = "0ms");
+    const s = t.width * n.scale, l = t.height * n.scale;
+    if (t.minX = Math.min(e.slideWidth / 2 - s / 2, 0), t.maxX = -t.minX, t.minY = Math.min(e.slideHeight / 2 - l / 2, 0), t.maxY = -t.minY, t.touchesCurrent.x = r.length > 0 ? r[0].pageX : a.pageX, t.touchesCurrent.y = r.length > 0 ? r[0].pageY : a.pageY, Math.max(Math.abs(t.touchesCurrent.x - t.touchesStart.x), Math.abs(t.touchesCurrent.y - t.touchesStart.y)) > 5 && (i.allowClick = !1), !t.isMoved && !W) {
+      if (i.isHorizontal() && (Math.floor(t.minX) === Math.floor(t.startX) && t.touchesCurrent.x < t.touchesStart.x || Math.floor(t.maxX) === Math.floor(t.startX) && t.touchesCurrent.x > t.touchesStart.x)) {
+        t.isTouched = !1, w();
+        return;
+      }
+      if (!i.isHorizontal() && (Math.floor(t.minY) === Math.floor(t.startY) && t.touchesCurrent.y < t.touchesStart.y || Math.floor(t.maxY) === Math.floor(t.startY) && t.touchesCurrent.y > t.touchesStart.y)) {
+        t.isTouched = !1, w();
+        return;
+      }
+    }
+    a.cancelable && a.preventDefault(), a.stopPropagation(), le(), t.isMoved = !0;
+    const f = (n.scale - m) / (e.maxRatio - i.params.zoom.minRatio), {
+      originX: p,
+      originY: h
+    } = e;
+    t.currentX = t.touchesCurrent.x - t.touchesStart.x + t.startX + f * (t.width - p * 2), t.currentY = t.touchesCurrent.y - t.touchesStart.y + t.startY + f * (t.height - h * 2), t.currentX < t.minX && (t.currentX = t.minX + 1 - (t.minX - t.currentX + 1) ** 0.8), t.currentX > t.maxX && (t.currentX = t.maxX - 1 + (t.currentX - t.maxX + 1) ** 0.8), t.currentY < t.minY && (t.currentY = t.minY + 1 - (t.minY - t.currentY + 1) ** 0.8), t.currentY > t.maxY && (t.currentY = t.maxY - 1 + (t.currentY - t.maxY + 1) ** 0.8), o.prevPositionX || (o.prevPositionX = t.touchesCurrent.x), o.prevPositionY || (o.prevPositionY = t.touchesCurrent.y), o.prevTime || (o.prevTime = Date.now()), o.x = (t.touchesCurrent.x - o.prevPositionX) / (Date.now() - o.prevTime) / 2, o.y = (t.touchesCurrent.y - o.prevPositionY) / (Date.now() - o.prevTime) / 2, Math.abs(t.touchesCurrent.x - o.prevPositionX) < 2 && (o.x = 0), Math.abs(t.touchesCurrent.y - o.prevPositionY) < 2 && (o.y = 0), o.prevPositionX = t.touchesCurrent.x, o.prevPositionY = t.touchesCurrent.y, o.prevTime = Date.now(), e.imageWrapEl.style.transform = `translate3d(${t.currentX}px, ${t.currentY}px,0)`;
+  }
+  function me() {
+    const a = i.zoom;
+    if (!e.imageEl) return;
+    if (!t.isTouched || !t.isMoved) {
+      t.isTouched = !1, t.isMoved = !1;
+      return;
+    }
+    t.isTouched = !1, t.isMoved = !1;
+    let n = 300, s = 300;
+    const l = o.x * n, c = t.currentX + l, f = o.y * s, p = t.currentY + f;
+    o.x !== 0 && (n = Math.abs((c - t.currentX) / o.x)), o.y !== 0 && (s = Math.abs((p - t.currentY) / o.y));
+    const h = Math.max(n, s);
+    t.currentX = c, t.currentY = p;
+    const z = t.width * a.scale, u = t.height * a.scale;
+    t.minX = Math.min(e.slideWidth / 2 - z / 2, 0), t.maxX = -t.minX, t.minY = Math.min(e.slideHeight / 2 - u / 2, 0), t.maxY = -t.minY, t.currentX = Math.max(Math.min(t.currentX, t.maxX), t.minX), t.currentY = Math.max(Math.min(t.currentY, t.maxY), t.minY), e.imageWrapEl.style.transitionDuration = `${h}ms`, e.imageWrapEl.style.transform = `translate3d(${t.currentX}px, ${t.currentY}px,0)`;
+  }
+  function G() {
+    const a = i.zoom;
+    e.slideEl && i.activeIndex !== i.slides.indexOf(e.slideEl) && (e.imageEl && (e.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), e.imageWrapEl && (e.imageWrapEl.style.transform = "translate3d(0,0,0)"), e.slideEl.classList.remove(`${i.params.zoom.zoomedSlideClass}`), a.scale = 1, m = 1, e.slideEl = void 0, e.imageEl = void 0, e.imageWrapEl = void 0, e.originX = 0, e.originY = 0);
+  }
+  function j(a) {
+    const n = i.zoom, s = i.params.zoom;
+    if (!e.slideEl) {
+      a && a.target && (e.slideEl = a.target.closest(`.${i.params.slideClass}, swiper-slide`)), e.slideEl || (i.params.virtual && i.params.virtual.enabled && i.virtual ? e.slideEl = V(i.slidesEl, `.${i.params.slideActiveClass}`)[0] : e.slideEl = i.slides[i.activeIndex]);
+      let v = e.slideEl.querySelector(`.${s.containerClass}`);
+      v && (v = v.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = v, v ? e.imageWrapEl = L(e.imageEl, `.${s.containerClass}`)[0] : e.imageWrapEl = void 0;
+    }
+    if (!e.imageEl || !e.imageWrapEl) return;
+    i.params.cssMode && (i.wrapperEl.style.overflow = "hidden", i.wrapperEl.style.touchAction = "none"), e.slideEl.classList.add(`${s.zoomedSlideClass}`);
+    let l, c, f, p, h, z, u, g, J, K, N, Q, M, C, T, b, $, D;
+    typeof t.touchesStart.x > "u" && a ? (l = a.pageX, c = a.pageY) : (l = t.touchesStart.x, c = t.touchesStart.y);
+    const E = typeof a == "number" ? a : null;
+    m === 1 && E && (l = void 0, c = void 0, t.touchesStart.x = void 0, t.touchesStart.y = void 0);
+    const U = P();
+    n.scale = E || U, m = E || U, a && !(m === 1 && E) ? ($ = e.slideEl.offsetWidth, D = e.slideEl.offsetHeight, f = ee(e.slideEl).left + x.scrollX, p = ee(e.slideEl).top + x.scrollY, h = f + $ / 2 - l, z = p + D / 2 - c, J = e.imageEl.offsetWidth || e.imageEl.clientWidth, K = e.imageEl.offsetHeight || e.imageEl.clientHeight, N = J * n.scale, Q = K * n.scale, M = Math.min($ / 2 - N / 2, 0), C = Math.min(D / 2 - Q / 2, 0), T = -M, b = -C, u = h * n.scale, g = z * n.scale, u < M && (u = M), u > T && (u = T), g < C && (g = C), g > b && (g = b)) : (u = 0, g = 0), E && n.scale === 1 && (e.originX = 0, e.originY = 0), e.imageWrapEl.style.transitionDuration = "300ms", e.imageWrapEl.style.transform = `translate3d(${u}px, ${g}px,0)`, e.imageEl.style.transitionDuration = "300ms", e.imageEl.style.transform = `translate3d(0,0,0) scale(${n.scale})`;
+  }
+  function k() {
+    const a = i.zoom, n = i.params.zoom;
+    if (!e.slideEl) {
+      i.params.virtual && i.params.virtual.enabled && i.virtual ? e.slideEl = V(i.slidesEl, `.${i.params.slideActiveClass}`)[0] : e.slideEl = i.slides[i.activeIndex];
+      let s = e.slideEl.querySelector(`.${n.containerClass}`);
+      s && (s = s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), e.imageEl = s, s ? e.imageWrapEl = L(e.imageEl, `.${n.containerClass}`)[0] : e.imageWrapEl = void 0;
+    }
+    !e.imageEl || !e.imageWrapEl || (i.params.cssMode && (i.wrapperEl.style.overflow = "", i.wrapperEl.style.touchAction = ""), a.scale = 1, m = 1, t.touchesStart.x = void 0, t.touchesStart.y = void 0, e.imageWrapEl.style.transitionDuration = "300ms", e.imageWrapEl.style.transform = "translate3d(0,0,0)", e.imageEl.style.transitionDuration = "300ms", e.imageEl.style.transform = "translate3d(0,0,0) scale(1)", e.slideEl.classList.remove(`${n.zoomedSlideClass}`), e.slideEl = void 0, e.originX = 0, e.originY = 0);
+  }
+  function Z(a) {
+    const n = i.zoom;
+    n.scale && n.scale !== 1 ? k() : j(a);
+  }
+  function _() {
+    const a = i.params.passiveListeners ? {
+      passive: !0,
+      capture: !1
+    } : !1, n = i.params.passiveListeners ? {
+      passive: !1,
+      capture: !0
+    } : !0;
+    return {
+      passiveListener: a,
+      activeListenerWithCapture: n
+    };
+  }
+  function B() {
+    const a = i.zoom;
+    if (a.enabled) return;
+    a.enabled = !0;
+    const {
+      passiveListener: n,
+      activeListenerWithCapture: s
+    } = _();
+    i.wrapperEl.addEventListener("pointerdown", H, n), i.wrapperEl.addEventListener("pointermove", I, s), ["pointerup", "pointercancel", "pointerout"].forEach((l) => {
+      i.wrapperEl.addEventListener(l, A, n);
+    }), i.wrapperEl.addEventListener("pointermove", O, s);
+  }
+  function F() {
+    const a = i.zoom;
+    if (!a.enabled) return;
+    a.enabled = !1;
+    const {
+      passiveListener: n,
+      activeListenerWithCapture: s
+    } = _();
+    i.wrapperEl.removeEventListener("pointerdown", H, n), i.wrapperEl.removeEventListener("pointermove", I, s), ["pointerup", "pointercancel", "pointerout"].forEach((l) => {
+      i.wrapperEl.removeEventListener(l, A, n);
+    }), i.wrapperEl.removeEventListener("pointermove", O, s);
+  }
+  d("init", () => {
+    i.params.zoom.enabled && B();
+  }), d("destroy", () => {
+    F();
+  }), d("touchStart", (a, n) => {
+    i.zoom.enabled && ce(n);
+  }), d("touchEnd", (a, n) => {
+    i.zoom.enabled && me();
+  }), d("doubleTap", (a, n) => {
+    !i.animating && i.params.zoom.enabled && i.zoom.enabled && i.params.zoom.toggle && Z(n);
+  }), d("transitionEnd", () => {
+    i.zoom.enabled && i.params.zoom.enabled && G();
+  }), d("slideChange", () => {
+    i.zoom.enabled && i.params.zoom.enabled && i.params.cssMode && G();
+  }), Object.assign(i.zoom, {
+    enable: B,
+    disable: F,
+    in: j,
+    out: k,
+    toggle: Z
   });
 }
 export {
-  V as default
+  pe as default
 };