@wikicasa-dev/components 2.1.1 → 2.1.2-alpha.2

package/dist/chunks/pagination.DiUF6O5_.js

@@ -0,0 +1,229 @@
+import { c as F } from "./create-element-if-not-defined.42NcLnr9.js";
+import { m, b as E, j as T, k as I } from "./SwiperCarousel.BG9WKjrJ.js";
+import '../assets/pagination.css';function x(b) {
+  return b === void 0 && (b = ""), `.${b.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
+}
+function R(b) {
+  let {
+    swiper: e,
+    extendParams: H,
+    on: g,
+    emit: v
+  } = b;
+  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`
+    }
+  }), e.pagination = {
+    el: null,
+    bullets: []
+  };
+  let L, u = 0;
+  function A() {
+    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
+  }
+  function B(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 P(a) {
+    const s = a.target.closest(x(e.params.pagination.bulletClass));
+    if (!s)
+      return;
+    a.preventDefault();
+    const i = I(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 (A()) 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, D = 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, $;
+      if (s.dynamicBullets && (L = T(l[0], e.isHorizontal() ? "width" : "height"), i.forEach((n) => {
+        n.style[e.isHorizontal() ? "width" : "height"] = `${L * (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), $ = (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 = I(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 && B(n, "prev"), r === c && B(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(" "));
+          B(r, "prev"), B(o, "next");
+        }
+      }
+      if (s.dynamicBullets) {
+        const n = Math.min(l.length, s.dynamicMainBullets + 4), r = (L * n - L) / 2 - $ * L, 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(x(s.currentClass)).forEach((c) => {
+        c.textContent = s.formatFractionCurrent(t + 1);
+      }), l.querySelectorAll(x(s.totalClass)).forEach((c) => {
+        c.textContent = s.formatFractionTotal(D);
+      })), s.type === "progressbar") {
+        let c;
+        s.progressbarOpposite ? c = e.isHorizontal() ? "vertical" : "horizontal" : c = e.isHorizontal() ? "horizontal" : "vertical";
+        const $ = (t + 1) / D;
+        let n = 1, r = 1;
+        c === "horizontal" ? n = $ : r = $, l.querySelectorAll(x(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, D), 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 k() {
+    const a = e.params.pagination;
+    if (A()) 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(x(a.bulletClass)));
+    }), a.type !== "custom" && v("paginationRender", i[0]);
+  }
+  function M() {
+    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.find((i) => E(i, ".swiper")[0] === e.el))), 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", P), e.enabled || i.classList.add(a.lockClass);
+    }));
+  }
+  function z() {
+    const a = e.params.pagination;
+    if (A()) 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", P));
+    })), 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 ? S() : (M(), k(), h());
+  }), g("activeIndexChange", () => {
+    typeof e.snapIndex > "u" && h();
+  }), g("snapIndexChange", () => {
+    h();
+  }), g("snapGridLengthChange", () => {
+    k(), h();
+  }), g("destroy", () => {
+    z();
+  }), 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))), M(), k(), 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))), z();
+  };
+  Object.assign(e.pagination, {
+    enable: w,
+    disable: S,
+    render: k,
+    update: h,
+    init: M,
+    destroy: z
+  });
+}
+export {
+  R as Pagination
+};

package/dist/chunks/thumbs.0ifInQuA.js

@@ -0,0 +1,120 @@
+import { g as S, i as I, e as g } from "./SwiperCarousel.BG9WKjrJ.js";
+function P(h) {
+  let {
+    swiper: e,
+    extendParams: w,
+    on: m
+  } = h;
+  w({
+    thumbs: {
+      swiper: null,
+      multipleActiveThumbs: !0,
+      autoScrollOffset: 0,
+      slideThumbActiveClass: "swiper-slide-thumb-active",
+      thumbsContainerClass: "swiper-thumbs"
+    }
+  });
+  let c = !1, b = !1;
+  e.thumbs = {
+    swiper: null
+  };
+  function x() {
+    const t = e.thumbs.swiper;
+    if (!t || t.destroyed) return;
+    const s = t.clickedIndex, r = t.clickedSlide;
+    if (r && r.classList.contains(e.params.thumbs.slideThumbActiveClass) || typeof s > "u" || s === null) return;
+    let a;
+    t.params.loop ? a = parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"), 10) : a = s, e.params.loop ? e.slideToLoop(a) : e.slideTo(a);
+  }
+  function p() {
+    const {
+      thumbs: t
+    } = e.params;
+    if (c) return !1;
+    c = !0;
+    const s = e.constructor;
+    if (t.swiper instanceof s) {
+      if (t.swiper.destroyed)
+        return c = !1, !1;
+      e.thumbs.swiper = t.swiper, Object.assign(e.thumbs.swiper.originalParams, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), Object.assign(e.thumbs.swiper.params, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), e.thumbs.swiper.update();
+    } else if (I(t.swiper)) {
+      const r = Object.assign({}, t.swiper);
+      Object.assign(r, {
+        watchSlidesProgress: !0,
+        slideToClickedSlide: !1
+      }), e.thumbs.swiper = new s(r), b = !0;
+    }
+    return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass), e.thumbs.swiper.on("tap", x), !0;
+  }
+  function o(t) {
+    const s = e.thumbs.swiper;
+    if (!s || s.destroyed) return;
+    const r = s.params.slidesPerView === "auto" ? s.slidesPerViewDynamic() : s.params.slidesPerView;
+    let a = 1;
+    const l = e.params.thumbs.slideThumbActiveClass;
+    if (e.params.slidesPerView > 1 && !e.params.centeredSlides && (a = e.params.slidesPerView), e.params.thumbs.multipleActiveThumbs || (a = 1), a = Math.floor(a), s.slides.forEach((i) => i.classList.remove(l)), s.params.loop || s.params.virtual && s.params.virtual.enabled)
+      for (let i = 0; i < a; i += 1)
+        g(s.slidesEl, `[data-swiper-slide-index="${e.realIndex + i}"]`).forEach((n) => {
+          n.classList.add(l);
+        });
+    else
+      for (let i = 0; i < a; i += 1)
+        s.slides[e.realIndex + i] && s.slides[e.realIndex + i].classList.add(l);
+    const d = e.params.thumbs.autoScrollOffset, u = d && !s.params.loop;
+    if (e.realIndex !== s.realIndex || u) {
+      const i = s.activeIndex;
+      let n, f;
+      if (s.params.loop) {
+        const T = s.slides.find((v) => v.getAttribute("data-swiper-slide-index") === `${e.realIndex}`);
+        n = s.slides.indexOf(T), f = e.activeIndex > e.previousIndex ? "next" : "prev";
+      } else
+        n = e.realIndex, f = n > e.previousIndex ? "next" : "prev";
+      u && (n += f === "next" ? d : -1 * d), s.visibleSlidesIndexes && s.visibleSlidesIndexes.indexOf(n) < 0 && (s.params.centeredSlides ? n > i ? n = n - Math.floor(r / 2) + 1 : n = n + Math.floor(r / 2) - 1 : n > i && s.params.slidesPerGroup, s.slideTo(n, t ? 0 : void 0));
+    }
+  }
+  m("beforeInit", () => {
+    const {
+      thumbs: t
+    } = e.params;
+    if (!(!t || !t.swiper))
+      if (typeof t.swiper == "string" || t.swiper instanceof HTMLElement) {
+        const s = S(), r = () => {
+          const l = typeof t.swiper == "string" ? s.querySelector(t.swiper) : t.swiper;
+          if (l && l.swiper)
+            t.swiper = l.swiper, p(), o(!0);
+          else if (l) {
+            const d = `${e.params.eventsPrefix}init`, u = (i) => {
+              t.swiper = i.detail[0], l.removeEventListener(d, u), p(), o(!0), t.swiper.update(), e.update();
+            };
+            l.addEventListener(d, u);
+          }
+          return l;
+        }, a = () => {
+          if (e.destroyed) return;
+          r() || requestAnimationFrame(a);
+        };
+        requestAnimationFrame(a);
+      } else
+        p(), o(!0);
+  }), m("slideChange update resize observerUpdate", () => {
+    o();
+  }), m("setTransition", (t, s) => {
+    const r = e.thumbs.swiper;
+    !r || r.destroyed || r.setTransition(s);
+  }), m("beforeDestroy", () => {
+    const t = e.thumbs.swiper;
+    !t || t.destroyed || b && t.destroy();
+  }), Object.assign(e.thumbs, {
+    init: p,
+    update: o
+  });
+}
+export {
+  P as Thumbs
+};