@okam/stack-ui 1.29.1 → 1.30.0

package/index159.mjs

@@ -1,220 +1,122 @@
-import { c as $ } from "./index185.mjs";
-import { c as w } from "./index184.mjs";
-import { m, f as F, g as P, a as E } from "./index183.mjs";
-function R(D) {
+import { c as k } from "./index185.mjs";
+import { m as l } from "./index184.mjs";
+function y(h) {
   let {
-    swiper: e,
-    extendParams: H,
-    on: g,
-    emit: v
-  } = D;
-  const d = "swiper-pagination";
-  H({
-    pagination: {
-      el: null,
-      bulletElement: "span",
-      clickable: !1,
+    swiper: a,
+    extendParams: x,
+    on: r,
+    emit: p
+  } = h;
+  x({
+    navigation: {
+      nextEl: null,
+      prevEl: null,
       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`
+      disabledClass: "swiper-button-disabled",
+      hiddenClass: "swiper-button-hidden",
+      lockClass: "swiper-button-lock",
+      navigationDisabledClass: "swiper-navigation-disabled"
     }
-  }), e.pagination = {
-    el: null,
-    bullets: []
+  }), a.navigation = {
+    nextEl: null,
+    prevEl: null
   };
-  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 m(i) {
+    let n;
+    return i && typeof i == "string" && a.isElement && (n = a.el.querySelector(i), n) ? n : (i && (typeof i == "string" && (n = [...document.querySelectorAll(i)]), a.params.uniqueNavElements && typeof i == "string" && n.length > 1 && a.el.querySelectorAll(i).length === 1 && (n = a.el.querySelector(i))), i && !n ? i : n);
   }
-  function x(a, s) {
-    const {
-      bulletActiveClass: t
-    } = e.params.pagination;
-    a && (a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && (a.classList.add(`${t}-${s}`), a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && a.classList.add(`${t}-${s}-${s}`)));
+  function d(i, n) {
+    const t = a.params.navigation;
+    i = l(i), i.forEach((e) => {
+      e && (e.classList[n ? "add" : "remove"](...t.disabledClass.split(" ")), e.tagName === "BUTTON" && (e.disabled = n), a.params.watchOverflow && a.enabled && e.classList[a.isLocked ? "add" : "remove"](t.lockClass));
+    });
   }
-  function I(a) {
-    const s = a.target.closest($(e.params.pagination.bulletClass));
-    if (!s)
+  function o() {
+    const {
+      nextEl: i,
+      prevEl: n
+    } = a.navigation;
+    if (a.params.loop) {
+      d(n, !1), d(i, !1);
       return;
-    a.preventDefault();
-    const t = P(s) * e.params.slidesPerGroup;
-    if (e.params.loop) {
-      if (e.realIndex === t) return;
-      e.slideToLoop(t);
-    } else
-      e.slideTo(t);
-  }
-  function h() {
-    const a = e.rtl, s = e.params.pagination;
-    if (k()) return;
-    let t = e.pagination.el;
-    t = m(t);
-    let i, 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, i = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (i = e.snapIndex, p = e.previousSnapIndex) : (p = e.previousIndex || 0, i = 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 = F(l[0], e.isHorizontal() ? "width" : "height"), t.forEach((n) => {
-        n.style[e.isHorizontal() ? "width" : "height"] = `${b * (s.dynamicMainBullets + 4)}px`;
-      }), s.dynamicMainBullets > 1 && p !== void 0 && (u += i - (p || 0), u > s.dynamicMainBullets - 1 ? u = s.dynamicMainBullets - 1 : u < 0 && (u = 0)), f = Math.max(i - 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);
-      }), t.length > 1)
-        l.forEach((n) => {
-          const r = P(n);
-          r === i ? 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[i];
-        if (n && n.classList.add(...s.bulletActiveClass.split(" ")), e.isElement && l.forEach((r, o) => {
-          r.setAttribute("part", o === i ? "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`;
-        });
-      }
     }
-    t.forEach((l, f) => {
-      if (s.type === "fraction" && (l.querySelectorAll($(s.currentClass)).forEach((c) => {
-        c.textContent = s.formatFractionCurrent(i + 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 = (i + 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`;
-        });
-      }
-      s.type === "custom" && s.renderCustom ? (l.innerHTML = s.renderCustom(e, i + 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);
-    });
+    d(n, a.isBeginning && !a.params.rewind), d(i, a.isEnd && !a.params.rewind);
   }
-  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 t = e.pagination.el;
-    t = m(t);
-    let i = "";
-    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 ? i += a.renderBullet.call(e, C, a.bulletClass) : i += `<${a.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${a.bulletClass}"></${a.bulletElement}>`;
-    }
-    a.type === "fraction" && (a.renderFraction ? i = a.renderFraction.call(e, a.currentClass, a.totalClass) : i = `<span class="${a.currentClass}"></span> / <span class="${a.totalClass}"></span>`), a.type === "progressbar" && (a.renderProgressbar ? i = a.renderProgressbar.call(e, a.progressbarFillClass) : i = `<span class="${a.progressbarFillClass}"></span>`), e.pagination.bullets = [], t.forEach((p) => {
-      a.type !== "custom" && (p.innerHTML = i || ""), a.type === "bullets" && e.pagination.bullets.push(...p.querySelectorAll($(a.bulletClass)));
-    }), a.type !== "custom" && v("paginationRender", t[0]);
+  function u(i) {
+    i.preventDefault(), !(a.isBeginning && !a.params.loop && !a.params.rewind) && (a.slidePrev(), p("navigationPrev"));
   }
-  function A() {
-    e.params.pagination = w(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((t) => E(t, ".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((t) => {
-      a.type === "bullets" && a.clickable && t.classList.add(...(a.clickableClass || "").split(" ")), t.classList.add(a.modifierClass + a.type), t.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.type === "bullets" && a.dynamicBullets && (t.classList.add(`${a.modifierClass}${a.type}-dynamic`), u = 0, a.dynamicMainBullets < 1 && (a.dynamicMainBullets = 1)), a.type === "progressbar" && a.progressbarOpposite && t.classList.add(a.progressbarOppositeClass), a.clickable && t.addEventListener("click", I), e.enabled || t.classList.add(a.lockClass);
-    }));
+  function E(i) {
+    i.preventDefault(), !(a.isEnd && !a.params.loop && !a.params.rewind) && (a.slideNext(), p("navigationNext"));
   }
-  function M() {
-    const a = e.params.pagination;
-    if (k()) return;
-    let s = e.pagination.el;
-    s && (s = m(s), s.forEach((t) => {
-      t.classList.remove(a.hiddenClass), t.classList.remove(a.modifierClass + a.type), t.classList.remove(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.clickable && (t.classList.remove(...(a.clickableClass || "").split(" ")), t.removeEventListener("click", I));
-    })), e.pagination.bullets && e.pagination.bullets.forEach((t) => t.classList.remove(...a.bulletActiveClass.split(" ")));
+  function g() {
+    const i = a.params.navigation;
+    if (a.params.navigation = k(a, a.originalParams.navigation, a.params.navigation, {
+      nextEl: "swiper-button-next",
+      prevEl: "swiper-button-prev"
+    }), !(i.nextEl || i.prevEl)) return;
+    let n = m(i.nextEl), t = m(i.prevEl);
+    Object.assign(a.navigation, {
+      nextEl: n,
+      prevEl: t
+    }), n = l(n), t = l(t);
+    const e = (s, c) => {
+      s && s.addEventListener("click", c === "next" ? E : u), !a.enabled && s && s.classList.add(...i.lockClass.split(" "));
+    };
+    n.forEach((s) => e(s, "next")), t.forEach((s) => e(s, "prev"));
   }
-  g("changeDirection", () => {
-    if (!e.pagination || !e.pagination.el) return;
-    const a = e.params.pagination;
+  function v() {
     let {
-      el: s
-    } = e.pagination;
-    s = m(s), s.forEach((t) => {
-      t.classList.remove(a.horizontalClass, a.verticalClass), t.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass);
-    });
-  }), g("init", () => {
-    e.params.pagination.enabled === !1 ? S() : (A(), B(), h());
-  }), g("activeIndexChange", () => {
-    typeof e.snapIndex > "u" && h();
-  }), g("snapIndexChange", () => {
-    h();
-  }), g("snapGridLengthChange", () => {
-    B(), h();
-  }), g("destroy", () => {
-    M();
-  }), g("enable disable", () => {
+      nextEl: i,
+      prevEl: n
+    } = a.navigation;
+    i = l(i), n = l(n);
+    const t = (e, s) => {
+      e.removeEventListener("click", s === "next" ? E : u), e.classList.remove(...a.params.navigation.disabledClass.split(" "));
+    };
+    i.forEach((e) => t(e, "next")), n.forEach((e) => t(e, "prev"));
+  }
+  r("init", () => {
+    a.params.navigation.enabled === !1 ? b() : (g(), o());
+  }), r("toEdge fromEdge lock unlock", () => {
+    o();
+  }), r("destroy", () => {
+    v();
+  }), r("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 t = s.target, i = m(e.pagination.el);
-    if (e.params.pagination.el && e.params.pagination.hideOnClick && i && i.length > 0 && !t.classList.contains(e.params.pagination.bulletClass)) {
-      if (e.navigation && (e.navigation.nextEl && t === e.navigation.nextEl || e.navigation.prevEl && t === e.navigation.prevEl)) return;
-      const p = i[0].classList.contains(e.params.pagination.hiddenClass);
-      v(p === !0 ? "paginationShow" : "paginationHide"), i.forEach((C) => C.classList.toggle(e.params.pagination.hiddenClass));
+      nextEl: i,
+      prevEl: n
+    } = a.navigation;
+    if (i = l(i), n = l(n), a.enabled) {
+      o();
+      return;
     }
-  });
-  const O = () => {
-    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
+    [...i, ...n].filter((t) => !!t).forEach((t) => t.classList.add(a.params.navigation.lockClass));
+  }), r("click", (i, n) => {
     let {
-      el: a
-    } = e.pagination;
-    a && (a = m(a), a.forEach((s) => s.classList.remove(e.params.pagination.paginationDisabledClass))), A(), B(), h();
-  }, S = () => {
-    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();
+      nextEl: t,
+      prevEl: e
+    } = a.navigation;
+    t = l(t), e = l(e);
+    const s = n.target;
+    if (a.params.navigation.hideOnClick && !e.includes(s) && !t.includes(s)) {
+      if (a.pagination && a.params.pagination && a.params.pagination.clickable && (a.pagination.el === s || a.pagination.el.contains(s))) return;
+      let c;
+      t.length ? c = t[0].classList.contains(a.params.navigation.hiddenClass) : e.length && (c = e[0].classList.contains(a.params.navigation.hiddenClass)), p(c === !0 ? "navigationShow" : "navigationHide"), [...t, ...e].filter((f) => !!f).forEach((f) => f.classList.toggle(a.params.navigation.hiddenClass));
+    }
+  });
+  const C = () => {
+    a.el.classList.remove(...a.params.navigation.navigationDisabledClass.split(" ")), g(), o();
+  }, b = () => {
+    a.el.classList.add(...a.params.navigation.navigationDisabledClass.split(" ")), v();
   };
-  Object.assign(e.pagination, {
-    enable: O,
-    disable: S,
-    render: B,
-    update: h,
-    init: A,
-    destroy: M
+  Object.assign(a.navigation, {
+    enable: C,
+    disable: b,
+    update: o,
+    init: g,
+    destroy: v
   });
 }
 export {
-  R as default
+  y as default
 };

package/index16.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),H=require("lodash"),T=require("react"),q=require("react-aria"),S=require("react-hook-form"),E=require("react-stately"),b=require("./index25.js"),I=require("./index6.js"),L=require("./index14.js"),j=require("./index3.js"),W=require("./index37.js"),A=require("./index107.js"),B=require("./index108.js"),R=n=>{var x;const{name:c,placeholderLabel:a,disabled:l,hookFormRef:u,isError:r=!1,errorMessage:i,themeName:e="select",tokens:d,customTheme:D,label:m,onSelectionChange:$,defaultValue:k,value:F,icon:M,popoverMatchesWidth:K,options:N,...g}=n,o=T.useRef(null),s=E.useSelectState({...g,children:W,selectedKey:F,defaultSelectedKey:k,items:N,onSelectionChange:$}),{triggerProps:v,menuProps:y,labelProps:w}=q.useSelect({...g,label:m},s,o),{onPress:h,onPressStart:f,...P}=v;return t.jsxs(b.default,{themeName:`${e}.wrapper`,children:[m&&t.jsx(j.default,{...w,as:"label",themeName:`${e}.label`,children:m}),t.jsx(q.HiddenSelect,{...u,state:s,triggerRef:o,name:c,isDisabled:!0}),t.jsxs(b.default,{themeName:`${e}.container`,children:[t.jsxs(I.ButtonWithForwardRef,{...P,handlePress:p=>{h==null||h(p),f==null||f(p)},ref:o,disabled:l,themeName:`${e}.button`,tokens:{...d,intent:r?"error":"default"},children:[s.selectedItem?s.selectedItem.rendered:a,t.jsx(L,{icon:M??"ArrowDown"})]}),s.isOpen&&o.current&&t.jsx(B,{tokens:d,state:s,triggerRef:o,placement:"bottom",themeName:`${e}.popover`,style:{[`--${e}-container-width`]:`${(x=o.current)==null?void 0:x.offsetWidth}px`},children:t.jsx(A.ListBox,{...y,themeName:e,state:s})}),r&&t.jsx(j.default,{tokens:{...d,isError:r},themeName:`${e}.errorMessage`,children:i})]})]})},C=n=>{const{name:c,required:a}=n,{register:l,formState:u}=S.useFormContext(),r=S.get(u.errors,c),i=(r==null?void 0:r.message)??void 0,{ref:e}=l(c,{required:a?"This is an error message":!1});return t.jsx(R,{...n,isError:!H.isEmpty(i),errorMessage:i,hookFormRef:e})};exports.ReactHookFormSelect=C;exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),H=require("lodash"),T=require("react"),q=require("react-aria"),S=require("react-hook-form"),E=require("react-stately"),b=require("./index25.js"),I=require("./index6.js"),L=require("./index14.js"),j=require("./index3.js"),W=require("./index37.js"),A=require("./index108.js"),B=require("./index109.js"),R=n=>{var x;const{name:c,placeholderLabel:a,disabled:l,hookFormRef:u,isError:r=!1,errorMessage:i,themeName:e="select",tokens:d,customTheme:D,label:m,onSelectionChange:$,defaultValue:k,value:F,icon:M,popoverMatchesWidth:K,options:N,...g}=n,o=T.useRef(null),s=E.useSelectState({...g,children:W,selectedKey:F,defaultSelectedKey:k,items:N,onSelectionChange:$}),{triggerProps:v,menuProps:y,labelProps:w}=q.useSelect({...g,label:m},s,o),{onPress:h,onPressStart:f,...P}=v;return t.jsxs(b.default,{themeName:`${e}.wrapper`,children:[m&&t.jsx(j.default,{...w,as:"label",themeName:`${e}.label`,children:m}),t.jsx(q.HiddenSelect,{...u,state:s,triggerRef:o,name:c,isDisabled:!0}),t.jsxs(b.default,{themeName:`${e}.container`,children:[t.jsxs(I.ButtonWithForwardRef,{...P,handlePress:p=>{h==null||h(p),f==null||f(p)},ref:o,disabled:l,themeName:`${e}.button`,tokens:{...d,intent:r?"error":"default"},children:[s.selectedItem?s.selectedItem.rendered:a,t.jsx(L,{icon:M??"ArrowDown"})]}),s.isOpen&&o.current&&t.jsx(B,{tokens:d,state:s,triggerRef:o,placement:"bottom",themeName:`${e}.popover`,style:{[`--${e}-container-width`]:`${(x=o.current)==null?void 0:x.offsetWidth}px`},children:t.jsx(A.ListBox,{...y,themeName:e,state:s})}),r&&t.jsx(j.default,{tokens:{...d,isError:r},themeName:`${e}.errorMessage`,children:i})]})]})},C=n=>{const{name:c,required:a}=n,{register:l,formState:u}=S.useFormContext(),r=S.get(u.errors,c),i=(r==null?void 0:r.message)??void 0,{ref:e}=l(c,{required:a?"This is an error message":!1});return t.jsx(R,{...n,isError:!H.isEmpty(i),errorMessage:i,hookFormRef:e})};exports.ReactHookFormSelect=C;exports.default=R;

package/index16.mjs

@@ -10,8 +10,8 @@ import { ButtonWithForwardRef as q } from "./index6.mjs";
 import C from "./index14.mjs";
 import $ from "./index3.mjs";
 import H from "./index37.mjs";
-import { ListBox as K } from "./index107.mjs";
-import L from "./index108.mjs";
+import { ListBox as K } from "./index108.mjs";
+import L from "./index109.mjs";
 const A = (m) => {
   var b;
   const {

package/index160.js

@@ -1 +1 @@
-"use strict";const A=require("./index182.js"),n=require("./index183.js"),I=require("./index184.js"),j=require("./index185.js");function B(x){let{swiper:s,extendParams:q,on:f,emit:g}=x;const y=A.g();let b=!1,w=null,h=null,v,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"]-(v!==null?v: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,v=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(h),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.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(h),h=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.h(s.params.scrollbar.lockClass))}function C(){const l=s.params.scrollbar,a=s.scrollbar.el;a&&a.classList.remove(...n.h(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.h(s.params.scrollbar.lockClass))}),f("destroy",()=>{C()});const R=()=>{s.el.classList.remove(...n.h(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.remove(...n.h(s.params.scrollbar.scrollbarDisabledClass)),z(),m(),u()},T=()=>{s.el.classList.add(...n.h(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.add(...n.h(s.params.scrollbar.scrollbarDisabledClass)),C()};Object.assign(s.scrollbar,{enable:R,disable:T,updateSize:m,setTranslate:u,init:z,destroy:C})}module.exports=B;
+"use strict";const $=require("./index186.js"),O=require("./index185.js"),f=require("./index184.js");function q(D){let{swiper:e,extendParams:H,on:m,emit:v}=D;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",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`}}),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 I(a){const s=a.target.closest($.c(e.params.pagination.bulletClass));if(!s)return;a.preventDefault();const i=f.g(s)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===i)return;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=f.m(i);let t,c;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?(c=e.previousRealIndex||0,t=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):typeof e.snapIndex<"u"?(t=e.snapIndex,c=e.previousSnapIndex):(c=e.previousIndex||0,t=e.activeIndex||0),s.type==="bullets"&&e.pagination.bullets&&e.pagination.bullets.length>0){const l=e.pagination.bullets;let g,p,L;if(s.dynamicBullets&&(b=f.f(l[0],e.isHorizontal()?"width":"height"),i.forEach(n=>{n.style[e.isHorizontal()?"width":"height"]=`${b*(s.dynamicMainBullets+4)}px`}),s.dynamicMainBullets>1&&c!==void 0&&(u+=t-(c||0),u>s.dynamicMainBullets-1?u=s.dynamicMainBullets-1:u<0&&(u=0)),g=Math.max(t-u,0),p=g+(Math.min(l.length,s.dynamicMainBullets)-1),L=(p+g)/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=f.g(n);r===t?n.classList.add(...s.bulletActiveClass.split(" ")):e.isElement&&n.setAttribute("part","bullet"),s.dynamicBullets&&(r>=g&&r<=p&&n.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),r===g&&x(n,"prev"),r===p&&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[g],o=l[p];for(let y=g;y<=p;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,g)=>{if(s.type==="fraction"&&(l.querySelectorAll($.c(s.currentClass)).forEach(p=>{p.textContent=s.formatFractionCurrent(t+1)}),l.querySelectorAll($.c(s.totalClass)).forEach(p=>{p.textContent=s.formatFractionTotal(z)})),s.type==="progressbar"){let p;s.progressbarOpposite?p=e.isHorizontal()?"vertical":"horizontal":p=e.isHorizontal()?"horizontal":"vertical";const L=(t+1)/z;let n=1,r=1;p==="horizontal"?n=L:r=L,l.querySelectorAll($.c(s.progressbarFillClass)).forEach(o=>{o.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${r})`,o.style.transitionDuration=`${e.params.speed}ms`})}s.type==="custom"&&s.renderCustom?(l.innerHTML=s.renderCustom(e,t+1,z),g===0&&v("paginationRender",l)):(g===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=f.m(i);let t="";if(a.type==="bullets"){let c=e.params.loop?Math.ceil(s/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&c>s&&(c=s);for(let C=0;C<c;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(c=>{a.type!=="custom"&&(c.innerHTML=t||""),a.type==="bullets"&&e.pagination.bullets.push(...c.querySelectorAll($.c(a.bulletClass)))}),a.type!=="custom"&&v("paginationRender",i[0])}function A(){e.params.pagination=O.c(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=>f.a(i,".swiper")[0]===e.el)[0])),Array.isArray(s)&&s.length===1&&(s=s[0]),Object.assign(e.pagination,{el:s}),s=f.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",I),e.enabled||i.classList.add(a.lockClass)}))}function M(){const a=e.params.pagination;if(k())return;let s=e.pagination.el;s&&(s=f.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",I))})),e.pagination.bullets&&e.pagination.bullets.forEach(i=>i.classList.remove(...a.bulletActiveClass.split(" ")))}m("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const a=e.params.pagination;let{el:s}=e.pagination;s=f.m(s),s.forEach(i=>{i.classList.remove(a.horizontalClass,a.verticalClass),i.classList.add(e.isHorizontal()?a.horizontalClass:a.verticalClass)})}),m("init",()=>{e.params.pagination.enabled===!1?S():(A(),B(),h())}),m("activeIndexChange",()=>{typeof e.snapIndex>"u"&&h()}),m("snapIndexChange",()=>{h()}),m("snapGridLengthChange",()=>{B(),h()}),m("destroy",()=>{M()}),m("enable disable",()=>{let{el:a}=e.pagination;a&&(a=f.m(a),a.forEach(s=>s.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),m("lock unlock",()=>{h()}),m("click",(a,s)=>{const i=s.target,t=f.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 c=t[0].classList.contains(e.params.pagination.hiddenClass);v(c===!0?"paginationShow":"paginationHide"),t.forEach(C=>C.classList.toggle(e.params.pagination.hiddenClass))}});const P=()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:a}=e.pagination;a&&(a=f.m(a),a.forEach(s=>s.classList.remove(e.params.pagination.paginationDisabledClass))),A(),B(),h()},S=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:a}=e.pagination;a&&(a=f.m(a),a.forEach(s=>s.classList.add(e.params.pagination.paginationDisabledClass))),M()};Object.assign(e.pagination,{enable:P,disable:S,render:B,update:h,init:A,destroy:M})}module.exports=q;