@okam/stack-ui 1.44.0 → 1.44.3

package/index199.mjs

@@ -1,193 +1,72 @@
-import { g as R } from "./index217.mjs";
-import { m as I, i as d, c as j, n as B, b as N } from "./index218.mjs";
-import { c as G } from "./index287.mjs";
-import { c as U } from "./index288.mjs";
-function _(x) {
+import { e as h } from "./index235.mjs";
+function g(y) {
   let {
-    swiper: s,
-    extendParams: k,
-    on: f,
-    emit: g
-  } = x;
-  const y = R();
-  let b = !1, E = null, v = null, h, i, c, D;
-  k({
-    scrollbar: {
-      el: null,
-      dragSize: "auto",
-      hide: !1,
-      draggable: !1,
-      snapOnRelease: !0,
-      lockClass: "swiper-scrollbar-lock",
-      dragClass: "swiper-scrollbar-drag",
-      scrollbarDisabledClass: "swiper-scrollbar-disabled",
-      horizontalClass: "swiper-scrollbar-horizontal",
-      verticalClass: "swiper-scrollbar-vertical"
+    swiper: t,
+    extendParams: b,
+    on: u
+  } = y;
+  b({
+    parallax: {
+      enabled: !1
     }
-  }), s.scrollbar = {
-    el: null,
-    dragEl: null
-  };
-  function m() {
-    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
-    const {
-      scrollbar: l,
-      rtlTranslate: e
-    } = s, {
-      dragEl: a,
-      el: r
-    } = l, t = s.params.scrollbar, n = s.params.loop ? s.progressLoop : s.progress;
-    let p = i, o = (c - i) * n;
-    e ? (o = -o, o > 0 ? (p = i - o, o = 0) : -o + i > c && (p = c + o)) : o < 0 ? (p = i + o, o = 0) : o + i > c && (p = c - o), s.isHorizontal() ? (a.style.transform = `translate3d(${o}px, 0, 0)`, a.style.width = `${p}px`) : (a.style.transform = `translate3d(0px, ${o}px, 0)`, a.style.height = `${p}px`), t.hide && (clearTimeout(E), r.style.opacity = 1, E = setTimeout(() => {
-      r.style.opacity = 0, r.style.transitionDuration = "400ms";
-    }, 1e3));
-  }
-  function H(l) {
-    !s.params.scrollbar.el || !s.scrollbar.el || (s.scrollbar.dragEl.style.transitionDuration = `${l}ms`);
-  }
-  function u() {
-    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
-    const {
-      scrollbar: l
-    } = s, {
-      dragEl: e,
-      el: a
-    } = l;
-    e.style.width = "", e.style.height = "", c = s.isHorizontal() ? a.offsetWidth : a.offsetHeight, D = s.size / (s.virtualSize + s.params.slidesOffsetBefore - (s.params.centeredSlides ? s.snapGrid[0] : 0)), s.params.scrollbar.dragSize === "auto" ? i = c * D : i = parseInt(s.params.scrollbar.dragSize, 10), s.isHorizontal() ? e.style.width = `${i}px` : e.style.height = `${i}px`, D >= 1 ? a.style.display = "none" : a.style.display = "", s.params.scrollbar.hide && (a.style.opacity = 0), s.params.watchOverflow && s.enabled && l.el.classList[s.isLocked ? "add" : "remove"](s.params.scrollbar.lockClass);
-  }
-  function w(l) {
-    return s.isHorizontal() ? l.clientX : l.clientY;
-  }
-  function T(l) {
-    const {
-      scrollbar: e,
-      rtlTranslate: a
-    } = s, {
-      el: r
-    } = e;
-    let t;
-    t = (w(l) - N(r)[s.isHorizontal() ? "left" : "top"] - (h !== null ? h : i / 2)) / (c - i), t = Math.max(Math.min(t, 1), 0), a && (t = 1 - t);
-    const n = s.minTranslate() + (s.maxTranslate() - s.minTranslate()) * t;
-    s.updateProgress(n), s.setTranslate(n), s.updateActiveIndex(), s.updateSlidesClasses();
-  }
-  function P(l) {
-    const e = s.params.scrollbar, {
-      scrollbar: a,
-      wrapperEl: r
-    } = s, {
-      el: t,
-      dragEl: n
-    } = a;
-    b = !0, h = l.target === n ? w(l) - l.target.getBoundingClientRect()[s.isHorizontal() ? "left" : "top"] : null, l.preventDefault(), l.stopPropagation(), r.style.transitionDuration = "100ms", n.style.transitionDuration = "100ms", T(l), clearTimeout(v), t.style.transitionDuration = "0ms", e.hide && (t.style.opacity = 1), s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "none"), g("scrollbarDragStart", l);
-  }
-  function M(l) {
-    const {
-      scrollbar: e,
-      wrapperEl: a
-    } = s, {
-      el: r,
-      dragEl: t
-    } = e;
-    b && (l.preventDefault && l.cancelable ? l.preventDefault() : l.returnValue = !1, T(l), a.style.transitionDuration = "0ms", r.style.transitionDuration = "0ms", t.style.transitionDuration = "0ms", g("scrollbarDragMove", l));
-  }
-  function O(l) {
-    const e = s.params.scrollbar, {
-      scrollbar: a,
-      wrapperEl: r
-    } = s, {
-      el: t
-    } = a;
-    b && (b = !1, s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "", r.style.transitionDuration = ""), e.hide && (clearTimeout(v), v = B(() => {
-      t.style.opacity = 0, t.style.transitionDuration = "400ms";
-    }, 1e3)), g("scrollbarDragEnd", l), e.snapOnRelease && s.slideToClosest());
-  }
-  function S(l) {
+  });
+  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 {
-      scrollbar: e,
-      params: a
-    } = s, r = e.el;
-    if (!r) return;
-    const t = r, n = a.passiveListeners ? {
-      passive: !1,
-      capture: !1
-    } : !1, p = a.passiveListeners ? {
-      passive: !0,
-      capture: !1
-    } : !1;
-    if (!t) return;
-    const o = l === "on" ? "addEventListener" : "removeEventListener";
-    t[o]("pointerdown", P, n), y[o]("pointermove", M, n), y[o]("pointerup", O, p);
-  }
-  function $() {
-    !s.params.scrollbar.el || !s.scrollbar.el || S("on");
-  }
-  function q() {
-    !s.params.scrollbar.el || !s.scrollbar.el || S("off");
-  }
-  function z() {
+      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 {
-      scrollbar: l,
-      el: e
-    } = s;
-    s.params.scrollbar = G(s, s.originalParams.scrollbar, s.params.scrollbar, {
-      el: "swiper-scrollbar"
+      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);
+      });
     });
-    const a = s.params.scrollbar;
-    if (!a.el) return;
-    let r;
-    if (typeof a.el == "string" && s.isElement && (r = s.el.querySelector(a.el)), !r && typeof a.el == "string") {
-      if (r = y.querySelectorAll(a.el), !r.length) return;
-    } else r || (r = a.el);
-    s.params.uniqueNavElements && typeof a.el == "string" && r.length > 1 && e.querySelectorAll(a.el).length === 1 && (r = e.querySelector(a.el)), r.length > 0 && (r = r[0]), r.classList.add(s.isHorizontal() ? a.horizontalClass : a.verticalClass);
-    let t;
-    r && (t = r.querySelector(U(s.params.scrollbar.dragClass)), t || (t = j("div", s.params.scrollbar.dragClass), r.append(t))), Object.assign(l, {
-      el: r,
-      dragEl: t
-    }), a.draggable && $(), r && r.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
-  }
-  function C() {
-    const l = s.params.scrollbar, e = s.scrollbar.el;
-    e && e.classList.remove(...d(s.isHorizontal() ? l.horizontalClass : l.verticalClass)), q();
-  }
-  f("changeDirection", () => {
-    if (!s.scrollbar || !s.scrollbar.el) return;
-    const l = s.params.scrollbar;
-    let {
-      el: e
-    } = s.scrollbar;
-    e = I(e), e.forEach((a) => {
-      a.classList.remove(l.horizontalClass, l.verticalClass), a.classList.add(s.isHorizontal() ? l.horizontalClass : l.verticalClass);
-    });
-  }), f("init", () => {
-    s.params.scrollbar.enabled === !1 ? L() : (z(), u(), m());
-  }), f("update resize observerUpdate lock unlock changeDirection", () => {
-    u();
-  }), f("setTranslate", () => {
-    m();
-  }), f("setTransition", (l, e) => {
-    H(e);
-  }), f("enable disable", () => {
+  }, A = function(e) {
+    e === void 0 && (e = t.params.speed);
     const {
-      el: l
-    } = s.scrollbar;
-    l && l.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
-  }), f("destroy", () => {
-    C();
-  });
-  const A = () => {
-    s.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), z(), u(), m();
-  }, L = () => {
-    s.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), C();
+      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`;
+    });
   };
-  Object.assign(s.scrollbar, {
-    enable: A,
-    disable: L,
-    updateSize: u,
-    setTranslate: m,
-    init: z,
-    destroy: C
+  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 {
-  _ as default
+  g as default
 };

package/index2.mjs

@@ -3,24 +3,24 @@ import t from "react";
 import { createThemeProvider as i } from "./index88.mjs";
 import { accordionTheme as n } from "./index119.mjs";
 import a from "./index120.mjs";
-import { main as m, gridItem as p, grid as c, container as s } from "./index121.mjs";
+import { container as m, grid as p, gridItem as c, main as s } from "./index121.mjs";
 import r from "./index122.mjs";
 import { calendarTheme as l } from "./index123.mjs";
 import u from "./index124.mjs";
-import { checkboxContainer as f, checkboxLabel as h, checkBox as x, checkMark as d, checkMarkIcon as k } from "./index125.mjs";
-import { checkboxGroup as g, checkboxGroupItemsGroup as b } from "./index126.mjs";
+import { checkMarkIcon as f, checkMark as h, checkBox as x, checkboxLabel as d, checkboxContainer as k } from "./index125.mjs";
+import { checkboxGroupItemsGroup as g, checkboxGroup as b } from "./index126.mjs";
 import T from "./index127.mjs";
 import { datePickerTheme as w } from "./index128.mjs";
 import { imgTheme as B } from "./index129.mjs";
 import I from "./index130.mjs";
 import G from "./index131.mjs";
 import M from "./index132.mjs";
-import { printButtonIcon as y, printButton as L } from "./index133.mjs";
-import { radioLabel as v, radio as P, selectedMark as C } from "./index134.mjs";
-import { radioGroup as z, radioGroupItemsGroup as E } from "./index135.mjs";
-import { searchInput as N, searchIcon as _ } from "./index136.mjs";
-import { shareButtonIcon as A, shareButton as R, shareButtonContainer as W, shareButtonLinksList as j, shareButtonLink as q, shareButtonLinkIcons as D } from "./index137.mjs";
-import { sidePanelWrapper as F, sidePanelContainer as H, sidePanelInnerContainer as J } from "./index138.mjs";
+import { printButton as y, printButtonIcon as L } from "./index133.mjs";
+import { selectedMark as v, radio as P, radioLabel as C } from "./index134.mjs";
+import { radioGroupItemsGroup as z, radioGroup as E } from "./index135.mjs";
+import { searchIcon as N, searchInput as _ } from "./index136.mjs";
+import { shareButtonLinkIcons as A, shareButtonLink as R, shareButtonLinksList as W, shareButtonContainer as j, shareButton as q, shareButtonIcon as D } from "./index137.mjs";
+import { sidePanelInnerContainer as F, sidePanelContainer as H, sidePanelWrapper as J } from "./index138.mjs";
 import { skipToMain as K } from "./index139.mjs";
 import O from "./index140.mjs";
 import Q from "./index141.mjs";
@@ -29,10 +29,10 @@ import U from "./index143.mjs";
 import o from "./index144.mjs";
 import { makeTheme as V } from "./index118.mjs";
 const X = V({
-  main: (e) => m(e),
-  gridItem: (e) => p(e),
-  grid: (e) => c(e),
-  container: (e) => s(e),
+  main: (e) => s(e),
+  gridItem: (e) => c(e),
+  grid: (e) => p(e),
+  container: (e) => m(e),
   accordion: n,
   carousel: u,
   calendar: l,
@@ -42,47 +42,47 @@ const X = V({
   button: (e) => r(e),
   link: r,
   sidePanel: {
-    wrapper: (e) => F(e),
+    wrapper: (e) => J(e),
     container: (e) => H(e),
-    innerContainer: (e) => J(e)
+    innerContainer: (e) => F(e)
   },
   comboBox: T,
   lightBox: I,
   printButton: {
-    icon: (e) => y(e),
-    button: (e) => L(e)
+    icon: (e) => L(e),
+    button: (e) => y(e)
   },
   shareButton: {
-    icon: (e) => A(e),
-    button: (e) => R(e),
-    container: (e) => W(e),
-    linksList: (e) => j(e),
-    link: (e) => q(e),
-    linkIcons: (e) => D(e)
+    icon: (e) => D(e),
+    button: (e) => q(e),
+    container: (e) => j(e),
+    linksList: (e) => W(e),
+    link: (e) => R(e),
+    linkIcons: (e) => A(e)
   },
   skipToMain: (e) => K(e),
   checkbox: {
-    container: (e) => f(e),
-    label: (e) => h(e),
+    container: (e) => k(e),
+    label: (e) => d(e),
     checkBox: (e) => x(e),
-    checkMark: (e) => d(e),
-    checkMarkIcon: (e) => k(e),
+    checkMark: (e) => h(e),
+    checkMarkIcon: (e) => f(e),
     errorMessage: (e) => o(e)
   },
   radio: {
-    label: (e) => v(e),
+    label: (e) => C(e),
     radio: (e) => P(e),
-    selectedMark: (e) => C(e),
+    selectedMark: (e) => v(e),
     errorMessage: (e) => o(e)
   },
   radioGroup: {
-    radioGroup: (e) => z(e),
-    radioGroupItemsGroup: (e) => E(e),
+    radioGroup: (e) => E(e),
+    radioGroupItemsGroup: (e) => z(e),
     errorMessage: (e) => o(e)
   },
   checkboxGroup: {
-    checkboxGroup: (e) => g(e),
-    checkboxGroupItemsGroup: (e) => b(e),
+    checkboxGroup: (e) => b(e),
+    checkboxGroupItemsGroup: (e) => g(e),
     errormessage: (e) => o(e)
   },
   select: {
@@ -112,8 +112,8 @@ const X = V({
     wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
     container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
     label: () => "text-gray-3",
-    input: (e) => N(e),
-    icon: (e) => _(e),
+    input: (e) => _(e),
+    icon: (e) => N(e),
     errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
   },
   menu: {

package/index200.js

@@ -1 +1 @@
-"use strict";const y=require("./index218.js");function $(h){let{swiper:t,extendParams:b,on:u}=h;b({parallax:{enabled:!1}});const d="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",m=(e,s)=>{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"),l=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)*s*i}%`:a=`${a*s*i}px`,r.indexOf("%")>=0?r=`${parseInt(r,10)*s}%`:r=`${r*s}px`,typeof l<"u"&&l!==null){const f=l-(l-1)*(1-Math.abs(s));e.style.opacity=f}let x=`translate3d(${a}, ${r}, 0px)`;if(typeof o<"u"&&o!==null){const f=o-(o-1)*(1-Math.abs(s));x+=` scale(${f})`}if(c&&typeof c<"u"&&c!==null){const f=c*s*-1;x+=` rotate(${f}deg)`}e.style.transform=x},w=()=>{const{el:e,slides:s,progress:n,snapGrid:i,isElement:p}=t,a=y.e(e,d);t.isElement&&a.push(...y.e(t.hostEl,d)),a.forEach(r=>{m(r,n)}),s.forEach((r,o)=>{let l=r.progress;t.params.slidesPerGroup>1&&t.params.slidesPerView!=="auto"&&(l+=Math.ceil(o/2)-n*(i.length-1)),l=Math.min(Math.max(l,-1),1),r.querySelectorAll(`${d}, [data-swiper-parallax-rotate]`).forEach(c=>{m(c,l)})})},A=function(e){e===void 0&&(e=t.params.speed);const{el:s,hostEl:n}=t,i=[...s.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,s)=>{t.params.parallax.enabled&&A(s)})}module.exports=$;
+"use strict";const le=require("./index234.js"),d=require("./index235.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;