@okam/stack-ui 1.31.1 → 1.32.1

package/index202.mjs

@@ -1,55 +1,227 @@
-import { e as d } from "./index288.mjs";
-import { e as p } from "./index289.mjs";
-import { e as E } from "./index290.mjs";
-import { g as T } from "./index285.mjs";
-function P(l) {
+import { c as $ } from "./index273.mjs";
+import { c as F } from "./index272.mjs";
+import { m, f as E, h as S, a as T } from "./index271.mjs";
+function N(I) {
   let {
     swiper: e,
-    extendParams: n,
-    on: c
-  } = l;
-  n({
-    fadeEffect: {
-      crossFade: !1
+    extendParams: H,
+    on: g,
+    emit: v
+  } = I;
+  const d = "swiper-pagination";
+  H({
+    pagination: {
+      el: null,
+      bulletElement: "span",
+      clickable: !1,
+      hideOnClick: !1,
+      renderBullet: null,
+      renderProgressbar: null,
+      renderFraction: null,
+      renderCustom: null,
+      progressbarOpposite: !1,
+      type: "bullets",
+      // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+      dynamicBullets: !1,
+      dynamicMainBullets: 1,
+      formatFractionCurrent: (a) => a,
+      formatFractionTotal: (a) => a,
+      bulletClass: `${d}-bullet`,
+      bulletActiveClass: `${d}-bullet-active`,
+      modifierClass: `${d}-`,
+      currentClass: `${d}-current`,
+      totalClass: `${d}-total`,
+      hiddenClass: `${d}-hidden`,
+      progressbarFillClass: `${d}-progressbar-fill`,
+      progressbarOppositeClass: `${d}-progressbar-opposite`,
+      clickableClass: `${d}-clickable`,
+      lockClass: `${d}-lock`,
+      horizontalClass: `${d}-horizontal`,
+      verticalClass: `${d}-vertical`,
+      paginationDisabledClass: `${d}-disabled`
     }
-  }), 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)`;
+  }), e.pagination = {
+    el: null,
+    bullets: []
+  };
+  let b, u = 0;
+  function k() {
+    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
+  }
+  function x(a, s) {
+    const {
+      bulletActiveClass: i
+    } = e.params.pagination;
+    a && (a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && (a.classList.add(`${i}-${s}`), a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && a.classList.add(`${i}-${s}-${s}`)));
+  }
+  function O(a, s, i) {
+    if (a = a % i, s = s % i, s === a + 1)
+      return "next";
+    if (s === a - 1)
+      return "previous";
+  }
+  function D(a) {
+    const s = a.target.closest($(e.params.pagination.bulletClass));
+    if (!s)
+      return;
+    a.preventDefault();
+    const i = S(s) * e.params.slidesPerGroup;
+    if (e.params.loop) {
+      if (e.realIndex === i) return;
+      const t = O(e.realIndex, i, e.slides.length);
+      t === "next" ? e.slideNext() : t === "previous" ? e.slidePrev() : e.slideToLoop(i);
+    } else
+      e.slideTo(i);
+  }
+  function h() {
+    const a = e.rtl, s = e.params.pagination;
+    if (k()) return;
+    let i = e.pagination.el;
+    i = m(i);
+    let t, p;
+    const C = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, z = e.params.loop ? Math.ceil(C / e.params.slidesPerGroup) : e.snapGrid.length;
+    if (e.params.loop ? (p = e.previousRealIndex || 0, t = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (t = e.snapIndex, p = e.previousSnapIndex) : (p = e.previousIndex || 0, t = e.activeIndex || 0), s.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
+      const l = e.pagination.bullets;
+      let f, c, L;
+      if (s.dynamicBullets && (b = E(l[0], e.isHorizontal() ? "width" : "height"), i.forEach((n) => {
+        n.style[e.isHorizontal() ? "width" : "height"] = `${b * (s.dynamicMainBullets + 4)}px`;
+      }), s.dynamicMainBullets > 1 && p !== void 0 && (u += t - (p || 0), u > s.dynamicMainBullets - 1 ? u = s.dynamicMainBullets - 1 : u < 0 && (u = 0)), f = Math.max(t - u, 0), c = f + (Math.min(l.length, s.dynamicMainBullets) - 1), L = (c + f) / 2), l.forEach((n) => {
+        const r = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((o) => `${s.bulletActiveClass}${o}`)].map((o) => typeof o == "string" && o.includes(" ") ? o.split(" ") : o).flat();
+        n.classList.remove(...r);
+      }), i.length > 1)
+        l.forEach((n) => {
+          const r = S(n);
+          r === t ? n.classList.add(...s.bulletActiveClass.split(" ")) : e.isElement && n.setAttribute("part", "bullet"), s.dynamicBullets && (r >= f && r <= c && n.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), r === f && x(n, "prev"), r === c && x(n, "next"));
+        });
+      else {
+        const n = l[t];
+        if (n && n.classList.add(...s.bulletActiveClass.split(" ")), e.isElement && l.forEach((r, o) => {
+          r.setAttribute("part", o === t ? "bullet-active" : "bullet");
+        }), s.dynamicBullets) {
+          const r = l[f], o = l[c];
+          for (let y = f; y <= c; y += 1)
+            l[y] && l[y].classList.add(...`${s.bulletActiveClass}-main`.split(" "));
+          x(r, "prev"), x(o, "next");
+        }
+      }
+      if (s.dynamicBullets) {
+        const n = Math.min(l.length, s.dynamicMainBullets + 4), r = (b * n - b) / 2 - L * b, o = a ? "right" : "left";
+        l.forEach((y) => {
+          y.style[e.isHorizontal() ? o : "top"] = `${r}px`;
+        });
+      }
+    }
+    i.forEach((l, f) => {
+      if (s.type === "fraction" && (l.querySelectorAll($(s.currentClass)).forEach((c) => {
+        c.textContent = s.formatFractionCurrent(t + 1);
+      }), l.querySelectorAll($(s.totalClass)).forEach((c) => {
+        c.textContent = s.formatFractionTotal(z);
+      })), s.type === "progressbar") {
+        let c;
+        s.progressbarOpposite ? c = e.isHorizontal() ? "vertical" : "horizontal" : c = e.isHorizontal() ? "horizontal" : "vertical";
+        const L = (t + 1) / z;
+        let n = 1, r = 1;
+        c === "horizontal" ? n = L : r = L, l.querySelectorAll($(s.progressbarFillClass)).forEach((o) => {
+          o.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${r})`, o.style.transitionDuration = `${e.params.speed}ms`;
+        });
       }
-    },
-    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
-    })
+      s.type === "custom" && s.renderCustom ? (l.innerHTML = s.renderCustom(e, t + 1, z), f === 0 && v("paginationRender", l)) : (f === 0 && v("paginationRender", l), v("paginationUpdate", l)), e.params.watchOverflow && e.enabled && l.classList[e.isLocked ? "add" : "remove"](s.lockClass);
+    });
+  }
+  function B() {
+    const a = e.params.pagination;
+    if (k()) return;
+    const s = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
+    let i = e.pagination.el;
+    i = m(i);
+    let t = "";
+    if (a.type === "bullets") {
+      let p = e.params.loop ? Math.ceil(s / e.params.slidesPerGroup) : e.snapGrid.length;
+      e.params.freeMode && e.params.freeMode.enabled && p > s && (p = s);
+      for (let C = 0; C < p; C += 1)
+        a.renderBullet ? t += a.renderBullet.call(e, C, a.bulletClass) : t += `<${a.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${a.bulletClass}"></${a.bulletElement}>`;
+    }
+    a.type === "fraction" && (a.renderFraction ? t = a.renderFraction.call(e, a.currentClass, a.totalClass) : t = `<span class="${a.currentClass}"></span> / <span class="${a.totalClass}"></span>`), a.type === "progressbar" && (a.renderProgressbar ? t = a.renderProgressbar.call(e, a.progressbarFillClass) : t = `<span class="${a.progressbarFillClass}"></span>`), e.pagination.bullets = [], i.forEach((p) => {
+      a.type !== "custom" && (p.innerHTML = t || ""), a.type === "bullets" && e.pagination.bullets.push(...p.querySelectorAll($(a.bulletClass)));
+    }), a.type !== "custom" && v("paginationRender", i[0]);
+  }
+  function A() {
+    e.params.pagination = F(e, e.originalParams.pagination, e.params.pagination, {
+      el: "swiper-pagination"
+    });
+    const a = e.params.pagination;
+    if (!a.el) return;
+    let s;
+    typeof a.el == "string" && e.isElement && (s = e.el.querySelector(a.el)), !s && typeof a.el == "string" && (s = [...document.querySelectorAll(a.el)]), s || (s = a.el), !(!s || s.length === 0) && (e.params.uniqueNavElements && typeof a.el == "string" && Array.isArray(s) && s.length > 1 && (s = [...e.el.querySelectorAll(a.el)], s.length > 1 && (s = s.filter((i) => T(i, ".swiper")[0] === e.el)[0])), Array.isArray(s) && s.length === 1 && (s = s[0]), Object.assign(e.pagination, {
+      el: s
+    }), s = m(s), s.forEach((i) => {
+      a.type === "bullets" && a.clickable && i.classList.add(...(a.clickableClass || "").split(" ")), i.classList.add(a.modifierClass + a.type), i.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.type === "bullets" && a.dynamicBullets && (i.classList.add(`${a.modifierClass}${a.type}-dynamic`), u = 0, a.dynamicMainBullets < 1 && (a.dynamicMainBullets = 1)), a.type === "progressbar" && a.progressbarOpposite && i.classList.add(a.progressbarOppositeClass), a.clickable && i.addEventListener("click", D), e.enabled || i.classList.add(a.lockClass);
+    }));
+  }
+  function M() {
+    const a = e.params.pagination;
+    if (k()) return;
+    let s = e.pagination.el;
+    s && (s = m(s), s.forEach((i) => {
+      i.classList.remove(a.hiddenClass), i.classList.remove(a.modifierClass + a.type), i.classList.remove(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.clickable && (i.classList.remove(...(a.clickableClass || "").split(" ")), i.removeEventListener("click", D));
+    })), e.pagination.bullets && e.pagination.bullets.forEach((i) => i.classList.remove(...a.bulletActiveClass.split(" ")));
+  }
+  g("changeDirection", () => {
+    if (!e.pagination || !e.pagination.el) return;
+    const a = e.params.pagination;
+    let {
+      el: s
+    } = e.pagination;
+    s = m(s), s.forEach((i) => {
+      i.classList.remove(a.horizontalClass, a.verticalClass), i.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass);
+    });
+  }), g("init", () => {
+    e.params.pagination.enabled === !1 ? P() : (A(), B(), h());
+  }), g("activeIndexChange", () => {
+    typeof e.snapIndex > "u" && h();
+  }), g("snapIndexChange", () => {
+    h();
+  }), g("snapGridLengthChange", () => {
+    B(), h();
+  }), g("destroy", () => {
+    M();
+  }), g("enable disable", () => {
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
+  }), g("lock unlock", () => {
+    h();
+  }), g("click", (a, s) => {
+    const i = s.target, t = m(e.pagination.el);
+    if (e.params.pagination.el && e.params.pagination.hideOnClick && t && t.length > 0 && !i.classList.contains(e.params.pagination.bulletClass)) {
+      if (e.navigation && (e.navigation.nextEl && i === e.navigation.nextEl || e.navigation.prevEl && i === e.navigation.prevEl)) return;
+      const p = t[0].classList.contains(e.params.pagination.hiddenClass);
+      v(p === !0 ? "paginationShow" : "paginationHide"), t.forEach((C) => C.classList.toggle(e.params.pagination.hiddenClass));
+    }
+  });
+  const w = () => {
+    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList.remove(e.params.pagination.paginationDisabledClass))), A(), B(), h();
+  }, P = () => {
+    e.el.classList.add(e.params.pagination.paginationDisabledClass);
+    let {
+      el: a
+    } = e.pagination;
+    a && (a = m(a), a.forEach((s) => s.classList.add(e.params.pagination.paginationDisabledClass))), M();
+  };
+  Object.assign(e.pagination, {
+    enable: w,
+    disable: P,
+    render: B,
+    update: h,
+    init: A,
+    destroy: M
   });
 }
 export {
-  P as default
+  N as default
 };

package/index203.js

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

package/index203.mjs

@@ -1,96 +1,193 @@
-import { e as H } from "./index288.mjs";
-import { c as y, o as I } from "./index285.mjs";
-function V(z) {
+import { g as R } from "./index270.mjs";
+import { m as I, i as d, c as j, n as B, b as N } from "./index271.mjs";
+import { c as G } from "./index272.mjs";
+import { c as U } from "./index273.mjs";
+function _(x) {
   let {
-    swiper: e,
-    extendParams: E,
-    on: q
-  } = z;
-  E({
-    cubeEffect: {
-      slideShadows: !0,
-      shadow: !0,
-      shadowOffset: 20,
-      shadowScale: 0.94
+    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"
     }
+  }), 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 {
+      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() {
+    const {
+      scrollbar: l,
+      el: e
+    } = s;
+    s.params.scrollbar = G(s, s.originalParams.scrollbar, s.params.scrollbar, {
+      el: "swiper-scrollbar"
+    });
+    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", () => {
+    const {
+      el: l
+    } = s.scrollbar;
+    l && l.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
+  }), f("destroy", () => {
+    C();
   });
-  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));
+  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();
   };
-  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);
-      }
-      if (a.style.transformOrigin = `50% 50% -${o / 2}px`, a.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`, c.shadow)
-        if (h)
-          i.style.transform = `translate3d(0px, ${s / 2 + c.shadowOffset}px, ${-s / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${c.shadowScale})`;
-        else {
-          const w = Math.abs(u) - Math.floor(Math.abs(u) / 90) * 90, m = 1.5 - (Math.sin(w * 2 * Math.PI / 360) / 2 + Math.cos(w * 2 * Math.PI / 360) / 2), d = c.shadowScale, n = c.shadowScale / m, f = c.shadowOffset;
-          i.style.transform = `scale3d(${d}, 1, ${n}) translate3d(0px, ${l / 2 + f}px, ${-l / 2 / n}px) rotateX(-89.99deg)`;
-        }
-      const v = (S.isSafari || S.isWebView) && S.needPerspectiveFix ? -o / 2 : 0;
-      a.style.transform = `translate3d(0px,0,${v}px) rotateX(${g(e.isHorizontal() ? 0 : u)}deg) rotateY(${g(e.isHorizontal() ? -u : 0)}deg)`, a.style.setProperty("--swiper-cube-translate-z", `${v}px`);
-    },
-    setTransition: (t) => {
-      const {
-        el: a,
-        slides: r
-      } = e;
-      if (r.forEach((s) => {
-        s.style.transitionDuration = `${t}ms`, s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((l) => {
-          l.style.transitionDuration = `${t}ms`;
-        });
-      }), e.params.cubeEffect.shadow && !e.isHorizontal()) {
-        const s = a.querySelector(".swiper-cube-shadow");
-        s && (s.style.transitionDuration = `${t}ms`);
-      }
-    },
-    recreateShadows: () => {
-      const t = e.isHorizontal();
-      e.slides.forEach((a) => {
-        const r = Math.max(Math.min(a.progress, 1), -1);
-        M(a, r, t);
-      });
-    },
-    getEffectParams: () => e.params.cubeEffect,
-    perspective: () => !0,
-    overwriteParams: () => ({
-      slidesPerView: 1,
-      slidesPerGroup: 1,
-      watchSlidesProgress: !0,
-      resistanceRatio: 0,
-      spaceBetween: 0,
-      centeredSlides: !1,
-      virtualTranslate: !0
-    })
+  Object.assign(s.scrollbar, {
+    enable: A,
+    disable: L,
+    updateSize: u,
+    setTranslate: m,
+    init: z,
+    destroy: C
   });
 }
 export {
-  V as default
+  _ as default
 };

package/index204.js

@@ -1 +1 @@
-"use strict";const m=require("./index291.js"),z=require("./index288.js"),P=require("./index289.js"),T=require("./index290.js"),w=require("./index285.js");function $(u){let{swiper:t,extendParams:g,on:y}=u;g({flipEffect:{slideShadows:!0,limitRotation:!0}});const c=(e,r)=>{let s=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),o=t.isHorizontal()?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");s||(s=m.c("flip",e,t.isHorizontal()?"left":"top")),o||(o=m.c("flip",e,t.isHorizontal()?"right":"bottom")),s&&(s.style.opacity=Math.max(-r,0)),o&&(o.style.opacity=Math.max(r,0))},S=()=>{t.params.flipEffect,t.slides.forEach(e=>{let r=e.progress;t.params.flipEffect.limitRotation&&(r=Math.max(Math.min(e.progress,1),-1)),c(e,r)})},x=()=>{const{slides:e,rtlTranslate:r}=t,s=t.params.flipEffect,o=w.o(t);for(let f=0;f<e.length;f+=1){const a=e[f];let l=a.progress;t.params.flipEffect.limitRotation&&(l=Math.max(Math.min(a.progress,1),-1));const p=a.swiperSlideOffset;let i=-180*l,d=0,n=t.params.cssMode?-p-t.translate:-p,h=0;t.isHorizontal()?r&&(i=-i):(h=n,n=0,d=-i,i=0),a.style.zIndex=-Math.abs(Math.round(l))+e.length,s.slideShadows&&c(a,l);const M=`translate3d(${n}px, ${h}px, 0px) rotateX(${o(d)}deg) rotateY(${o(i)}deg)`,E=P.e(s,a);E.style.transform=M}},q=e=>{const r=t.slides.map(s=>w.g(s));r.forEach(s=>{s.style.transitionDuration=`${e}ms`,s.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(o=>{o.style.transitionDuration=`${e}ms`})}),T.e({swiper:t,duration:e,transformElements:r})};z.e({effect:"flip",swiper:t,on:y,setTranslate:x,setTransition:q,recreateShadows:S,getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})}module.exports=$;
+"use strict";const y=require("./index271.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=$;