@slidejs/runner-swiper 0.1.0

package/dist/index.js

@@ -0,0 +1,908 @@
+import { Swiper as F } from "swiper";
+import { parseSlideDSL as K, compile as X } from "@slidejs/dsl";
+import { SlideRunner as Y } from "@slidejs/runner";
+function z(s) {
+  return s !== null && typeof s == "object" && "constructor" in s && s.constructor === Object;
+}
+function I(s, e) {
+  s === void 0 && (s = {}), e === void 0 && (e = {});
+  const a = ["__proto__", "constructor", "prototype"];
+  Object.keys(e).filter((n) => a.indexOf(n) < 0).forEach((n) => {
+    typeof s[n] > "u" ? s[n] = e[n] : z(e[n]) && z(s[n]) && Object.keys(e[n]).length > 0 && I(s[n], e[n]);
+  });
+}
+const V = {
+  body: {},
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  activeElement: {
+    blur() {
+    },
+    nodeName: ""
+  },
+  querySelector() {
+    return null;
+  },
+  querySelectorAll() {
+    return [];
+  },
+  getElementById() {
+    return null;
+  },
+  createEvent() {
+    return {
+      initEvent() {
+      }
+    };
+  },
+  createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute() {
+      },
+      getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS() {
+    return {};
+  },
+  importNode() {
+    return null;
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  }
+};
+function R() {
+  const s = typeof document < "u" ? document : {};
+  return I(s, V), s;
+}
+const J = {
+  document: V,
+  navigator: {
+    userAgent: ""
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  },
+  history: {
+    replaceState() {
+    },
+    pushState() {
+    },
+    go() {
+    },
+    back() {
+    }
+  },
+  CustomEvent: function() {
+    return this;
+  },
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  getComputedStyle() {
+    return {
+      getPropertyValue() {
+        return "";
+      }
+    };
+  },
+  Image() {
+  },
+  Date() {
+  },
+  screen: {},
+  setTimeout() {
+  },
+  clearTimeout() {
+  },
+  matchMedia() {
+    return {};
+  },
+  requestAnimationFrame(s) {
+    return typeof setTimeout > "u" ? (s(), null) : setTimeout(s, 0);
+  },
+  cancelAnimationFrame(s) {
+    typeof setTimeout > "u" || clearTimeout(s);
+  }
+};
+function O() {
+  const s = typeof window < "u" ? window : {};
+  return I(s, J), s;
+}
+function Q(s) {
+  return s === void 0 && (s = ""), s.trim().split(" ").filter((e) => !!e.trim());
+}
+function Z(s, e) {
+  e === void 0 && (e = "");
+  const a = O(), n = [...s.children];
+  return a.HTMLSlotElement && s instanceof HTMLSlotElement && n.push(...s.assignedElements()), e ? n.filter((o) => o.matches(e)) : n;
+}
+function ee(s, e) {
+  e === void 0 && (e = []);
+  const a = document.createElement(s);
+  return a.classList.add(...Array.isArray(e) ? e : Q(e)), a;
+}
+function te(s) {
+  const e = O(), a = R(), n = s.getBoundingClientRect(), o = a.body, r = s.clientTop || o.clientTop || 0, g = s.clientLeft || o.clientLeft || 0, b = s === e ? e.scrollY : s.scrollTop, m = s === e ? e.scrollX : s.scrollLeft;
+  return {
+    top: n.top + b - r,
+    left: n.left + m - g
+  };
+}
+function W(s) {
+  let e = s, a;
+  if (e) {
+    for (a = 0; (e = e.previousSibling) !== null; )
+      e.nodeType === 1 && (a += 1);
+    return a;
+  }
+}
+function N(s, e) {
+  const a = [];
+  let n = s.parentElement;
+  for (; n; )
+    e ? n.matches(e) && a.push(n) : a.push(n), n = n.parentElement;
+  return a;
+}
+function ne(s, e, a) {
+  const n = O();
+  return s[e === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(n.getComputedStyle(s, null).getPropertyValue(e === "width" ? "margin-right" : "margin-top")) + parseFloat(n.getComputedStyle(s, null).getPropertyValue(e === "width" ? "margin-left" : "margin-bottom"));
+}
+function L(s) {
+  return (Array.isArray(s) ? s : [s]).filter((e) => !!e);
+}
+function q(s, e) {
+  e === void 0 && (e = ""), typeof trustedTypes < "u" ? s.innerHTML = trustedTypes.createPolicy("html", {
+    createHTML: (a) => a
+  }).createHTML(e) : s.innerHTML = e;
+}
+function j(s) {
+  let {
+    swiper: e,
+    extendParams: a,
+    on: n,
+    emit: o
+  } = s;
+  const r = R(), g = O();
+  e.keyboard = {
+    enabled: !1
+  }, a({
+    keyboard: {
+      enabled: !1,
+      onlyInViewport: !0,
+      pageUpDown: !0
+    }
+  });
+  function b(H) {
+    if (!e.enabled) return;
+    const {
+      rtlTranslate: $
+    } = e;
+    let h = H;
+    h.originalEvent && (h = h.originalEvent);
+    const x = h.keyCode || h.charCode, d = e.params.keyboard.pageUpDown, c = d && x === 33, f = d && x === 34, u = x === 37, t = x === 39, i = x === 38, l = x === 40;
+    if (!e.allowSlideNext && (e.isHorizontal() && t || e.isVertical() && l || f) || !e.allowSlidePrev && (e.isHorizontal() && u || e.isVertical() && i || c))
+      return !1;
+    if (!(h.shiftKey || h.altKey || h.ctrlKey || h.metaKey) && !(r.activeElement && (r.activeElement.isContentEditable || r.activeElement.nodeName && (r.activeElement.nodeName.toLowerCase() === "input" || r.activeElement.nodeName.toLowerCase() === "textarea")))) {
+      if (e.params.keyboard.onlyInViewport && (c || f || u || t || i || l)) {
+        let p = !1;
+        if (N(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && N(e.el, `.${e.params.slideActiveClass}`).length === 0)
+          return;
+        const E = e.el, T = E.clientWidth, B = E.clientHeight, w = g.innerWidth, A = g.innerHeight, v = te(E);
+        $ && (v.left -= E.scrollLeft);
+        const D = [[v.left, v.top], [v.left + T, v.top], [v.left, v.top + B], [v.left + T, v.top + B]];
+        for (let C = 0; C < D.length; C += 1) {
+          const y = D[C];
+          if (y[0] >= 0 && y[0] <= w && y[1] >= 0 && y[1] <= A) {
+            if (y[0] === 0 && y[1] === 0) continue;
+            p = !0;
+          }
+        }
+        if (!p) return;
+      }
+      e.isHorizontal() ? ((c || f || u || t) && (h.preventDefault ? h.preventDefault() : h.returnValue = !1), ((f || t) && !$ || (c || u) && $) && e.slideNext(), ((c || u) && !$ || (f || t) && $) && e.slidePrev()) : ((c || f || i || l) && (h.preventDefault ? h.preventDefault() : h.returnValue = !1), (f || l) && e.slideNext(), (c || i) && e.slidePrev()), o("keyPress", x);
+    }
+  }
+  function m() {
+    e.keyboard.enabled || (r.addEventListener("keydown", b), e.keyboard.enabled = !0);
+  }
+  function k() {
+    e.keyboard.enabled && (r.removeEventListener("keydown", b), e.keyboard.enabled = !1);
+  }
+  n("init", () => {
+    e.params.keyboard.enabled && m();
+  }), n("destroy", () => {
+    e.keyboard.enabled && k();
+  }), Object.assign(e.keyboard, {
+    enable: m,
+    disable: k
+  });
+}
+function G(s, e, a, n) {
+  return s.params.createElements && Object.keys(n).forEach((o) => {
+    if (!a[o] && a.auto === !0) {
+      let r = Z(s.el, `.${n[o]}`)[0];
+      r || (r = ee("div", n[o]), r.className = n[o], s.el.append(r)), a[o] = r, e[o] = r;
+    }
+  }), a;
+}
+function U(s) {
+  let {
+    swiper: e,
+    extendParams: a,
+    on: n,
+    emit: o
+  } = s;
+  a({
+    navigation: {
+      nextEl: null,
+      prevEl: null,
+      hideOnClick: !1,
+      disabledClass: "swiper-button-disabled",
+      hiddenClass: "swiper-button-hidden",
+      lockClass: "swiper-button-lock",
+      navigationDisabledClass: "swiper-navigation-disabled"
+    }
+  }), e.navigation = {
+    nextEl: null,
+    prevEl: null
+  };
+  function r(d) {
+    let c;
+    return d && typeof d == "string" && e.isElement && (c = e.el.querySelector(d) || e.hostEl.querySelector(d), c) ? c : (d && (typeof d == "string" && (c = [...document.querySelectorAll(d)]), e.params.uniqueNavElements && typeof d == "string" && c && c.length > 1 && e.el.querySelectorAll(d).length === 1 ? c = e.el.querySelector(d) : c && c.length === 1 && (c = c[0])), d && !c ? d : c);
+  }
+  function g(d, c) {
+    const f = e.params.navigation;
+    d = L(d), d.forEach((u) => {
+      u && (u.classList[c ? "add" : "remove"](...f.disabledClass.split(" ")), u.tagName === "BUTTON" && (u.disabled = c), e.params.watchOverflow && e.enabled && u.classList[e.isLocked ? "add" : "remove"](f.lockClass));
+    });
+  }
+  function b() {
+    const {
+      nextEl: d,
+      prevEl: c
+    } = e.navigation;
+    if (e.params.loop) {
+      g(c, !1), g(d, !1);
+      return;
+    }
+    g(c, e.isBeginning && !e.params.rewind), g(d, e.isEnd && !e.params.rewind);
+  }
+  function m(d) {
+    d.preventDefault(), !(e.isBeginning && !e.params.loop && !e.params.rewind) && (e.slidePrev(), o("navigationPrev"));
+  }
+  function k(d) {
+    d.preventDefault(), !(e.isEnd && !e.params.loop && !e.params.rewind) && (e.slideNext(), o("navigationNext"));
+  }
+  function H() {
+    const d = e.params.navigation;
+    if (e.params.navigation = G(e, e.originalParams.navigation, e.params.navigation, {
+      nextEl: "swiper-button-next",
+      prevEl: "swiper-button-prev"
+    }), !(d.nextEl || d.prevEl)) return;
+    let c = r(d.nextEl), f = r(d.prevEl);
+    Object.assign(e.navigation, {
+      nextEl: c,
+      prevEl: f
+    }), c = L(c), f = L(f);
+    const u = (t, i) => {
+      t && t.addEventListener("click", i === "next" ? k : m), !e.enabled && t && t.classList.add(...d.lockClass.split(" "));
+    };
+    c.forEach((t) => u(t, "next")), f.forEach((t) => u(t, "prev"));
+  }
+  function $() {
+    let {
+      nextEl: d,
+      prevEl: c
+    } = e.navigation;
+    d = L(d), c = L(c);
+    const f = (u, t) => {
+      u.removeEventListener("click", t === "next" ? k : m), u.classList.remove(...e.params.navigation.disabledClass.split(" "));
+    };
+    d.forEach((u) => f(u, "next")), c.forEach((u) => f(u, "prev"));
+  }
+  n("init", () => {
+    e.params.navigation.enabled === !1 ? x() : (H(), b());
+  }), n("toEdge fromEdge lock unlock", () => {
+    b();
+  }), n("destroy", () => {
+    $();
+  }), n("enable disable", () => {
+    let {
+      nextEl: d,
+      prevEl: c
+    } = e.navigation;
+    if (d = L(d), c = L(c), e.enabled) {
+      b();
+      return;
+    }
+    [...d, ...c].filter((f) => !!f).forEach((f) => f.classList.add(e.params.navigation.lockClass));
+  }), n("click", (d, c) => {
+    let {
+      nextEl: f,
+      prevEl: u
+    } = e.navigation;
+    f = L(f), u = L(u);
+    const t = c.target;
+    let i = u.includes(t) || f.includes(t);
+    if (e.isElement && !i) {
+      const l = c.path || c.composedPath && c.composedPath();
+      l && (i = l.find((p) => f.includes(p) || u.includes(p)));
+    }
+    if (e.params.navigation.hideOnClick && !i) {
+      if (e.pagination && e.params.pagination && e.params.pagination.clickable && (e.pagination.el === t || e.pagination.el.contains(t))) return;
+      let l;
+      f.length ? l = f[0].classList.contains(e.params.navigation.hiddenClass) : u.length && (l = u[0].classList.contains(e.params.navigation.hiddenClass)), o(l === !0 ? "navigationShow" : "navigationHide"), [...f, ...u].filter((p) => !!p).forEach((p) => p.classList.toggle(e.params.navigation.hiddenClass));
+    }
+  });
+  const h = () => {
+    e.el.classList.remove(...e.params.navigation.navigationDisabledClass.split(" ")), H(), b();
+  }, x = () => {
+    e.el.classList.add(...e.params.navigation.navigationDisabledClass.split(" ")), $();
+  };
+  Object.assign(e.navigation, {
+    enable: h,
+    disable: x,
+    update: b,
+    init: H,
+    destroy: $
+  });
+}
+function P(s) {
+  return s === void 0 && (s = ""), `.${s.trim().replace(/([\.:!+\/()[\]])/g, "\\$1").replace(/ /g, ".")}`;
+}
+function _(s) {
+  let {
+    swiper: e,
+    extendParams: a,
+    on: n,
+    emit: o
+  } = s;
+  const r = "swiper-pagination";
+  a({
+    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: (t) => t,
+      formatFractionTotal: (t) => t,
+      bulletClass: `${r}-bullet`,
+      bulletActiveClass: `${r}-bullet-active`,
+      modifierClass: `${r}-`,
+      currentClass: `${r}-current`,
+      totalClass: `${r}-total`,
+      hiddenClass: `${r}-hidden`,
+      progressbarFillClass: `${r}-progressbar-fill`,
+      progressbarOppositeClass: `${r}-progressbar-opposite`,
+      clickableClass: `${r}-clickable`,
+      lockClass: `${r}-lock`,
+      horizontalClass: `${r}-horizontal`,
+      verticalClass: `${r}-vertical`,
+      paginationDisabledClass: `${r}-disabled`
+    }
+  }), e.pagination = {
+    el: null,
+    bullets: []
+  };
+  let g, b = 0;
+  function m() {
+    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
+  }
+  function k(t, i) {
+    const {
+      bulletActiveClass: l
+    } = e.params.pagination;
+    t && (t = t[`${i === "prev" ? "previous" : "next"}ElementSibling`], t && (t.classList.add(`${l}-${i}`), t = t[`${i === "prev" ? "previous" : "next"}ElementSibling`], t && t.classList.add(`${l}-${i}-${i}`)));
+  }
+  function H(t, i, l) {
+    if (t = t % l, i = i % l, i === t + 1)
+      return "next";
+    if (i === t - 1)
+      return "previous";
+  }
+  function $(t) {
+    const i = t.target.closest(P(e.params.pagination.bulletClass));
+    if (!i)
+      return;
+    t.preventDefault();
+    const l = W(i) * e.params.slidesPerGroup;
+    if (e.params.loop) {
+      if (e.realIndex === l) return;
+      const p = H(e.realIndex, l, e.slides.length);
+      p === "next" ? e.slideNext() : p === "previous" ? e.slidePrev() : e.slideToLoop(l);
+    } else
+      e.slideTo(l);
+  }
+  function h() {
+    const t = e.rtl, i = e.params.pagination;
+    if (m()) return;
+    let l = e.pagination.el;
+    l = L(l);
+    let p, E;
+    const T = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, B = e.params.loop ? Math.ceil(T / e.params.slidesPerGroup) : e.snapGrid.length;
+    if (e.params.loop ? (E = e.previousRealIndex || 0, p = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (p = e.snapIndex, E = e.previousSnapIndex) : (E = e.previousIndex || 0, p = e.activeIndex || 0), i.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
+      const w = e.pagination.bullets;
+      let A, v, D;
+      if (i.dynamicBullets && (g = ne(w[0], e.isHorizontal() ? "width" : "height"), l.forEach((C) => {
+        C.style[e.isHorizontal() ? "width" : "height"] = `${g * (i.dynamicMainBullets + 4)}px`;
+      }), i.dynamicMainBullets > 1 && E !== void 0 && (b += p - (E || 0), b > i.dynamicMainBullets - 1 ? b = i.dynamicMainBullets - 1 : b < 0 && (b = 0)), A = Math.max(p - b, 0), v = A + (Math.min(w.length, i.dynamicMainBullets) - 1), D = (v + A) / 2), w.forEach((C) => {
+        const y = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((S) => `${i.bulletActiveClass}${S}`)].map((S) => typeof S == "string" && S.includes(" ") ? S.split(" ") : S).flat();
+        C.classList.remove(...y);
+      }), l.length > 1)
+        w.forEach((C) => {
+          const y = W(C);
+          y === p ? C.classList.add(...i.bulletActiveClass.split(" ")) : e.isElement && C.setAttribute("part", "bullet"), i.dynamicBullets && (y >= A && y <= v && C.classList.add(...`${i.bulletActiveClass}-main`.split(" ")), y === A && k(C, "prev"), y === v && k(C, "next"));
+        });
+      else {
+        const C = w[p];
+        if (C && C.classList.add(...i.bulletActiveClass.split(" ")), e.isElement && w.forEach((y, S) => {
+          y.setAttribute("part", S === p ? "bullet-active" : "bullet");
+        }), i.dynamicBullets) {
+          const y = w[A], S = w[v];
+          for (let M = A; M <= v; M += 1)
+            w[M] && w[M].classList.add(...`${i.bulletActiveClass}-main`.split(" "));
+          k(y, "prev"), k(S, "next");
+        }
+      }
+      if (i.dynamicBullets) {
+        const C = Math.min(w.length, i.dynamicMainBullets + 4), y = (g * C - g) / 2 - D * g, S = t ? "right" : "left";
+        w.forEach((M) => {
+          M.style[e.isHorizontal() ? S : "top"] = `${y}px`;
+        });
+      }
+    }
+    l.forEach((w, A) => {
+      if (i.type === "fraction" && (w.querySelectorAll(P(i.currentClass)).forEach((v) => {
+        v.textContent = i.formatFractionCurrent(p + 1);
+      }), w.querySelectorAll(P(i.totalClass)).forEach((v) => {
+        v.textContent = i.formatFractionTotal(B);
+      })), i.type === "progressbar") {
+        let v;
+        i.progressbarOpposite ? v = e.isHorizontal() ? "vertical" : "horizontal" : v = e.isHorizontal() ? "horizontal" : "vertical";
+        const D = (p + 1) / B;
+        let C = 1, y = 1;
+        v === "horizontal" ? C = D : y = D, w.querySelectorAll(P(i.progressbarFillClass)).forEach((S) => {
+          S.style.transform = `translate3d(0,0,0) scaleX(${C}) scaleY(${y})`, S.style.transitionDuration = `${e.params.speed}ms`;
+        });
+      }
+      i.type === "custom" && i.renderCustom ? (q(w, i.renderCustom(e, p + 1, B)), A === 0 && o("paginationRender", w)) : (A === 0 && o("paginationRender", w), o("paginationUpdate", w)), e.params.watchOverflow && e.enabled && w.classList[e.isLocked ? "add" : "remove"](i.lockClass);
+    });
+  }
+  function x() {
+    const t = e.params.pagination;
+    if (m()) return;
+    const i = 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 l = e.pagination.el;
+    l = L(l);
+    let p = "";
+    if (t.type === "bullets") {
+      let E = e.params.loop ? Math.ceil(i / e.params.slidesPerGroup) : e.snapGrid.length;
+      e.params.freeMode && e.params.freeMode.enabled && E > i && (E = i);
+      for (let T = 0; T < E; T += 1)
+        t.renderBullet ? p += t.renderBullet.call(e, T, t.bulletClass) : p += `<${t.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${t.bulletClass}"></${t.bulletElement}>`;
+    }
+    t.type === "fraction" && (t.renderFraction ? p = t.renderFraction.call(e, t.currentClass, t.totalClass) : p = `<span class="${t.currentClass}"></span> / <span class="${t.totalClass}"></span>`), t.type === "progressbar" && (t.renderProgressbar ? p = t.renderProgressbar.call(e, t.progressbarFillClass) : p = `<span class="${t.progressbarFillClass}"></span>`), e.pagination.bullets = [], l.forEach((E) => {
+      t.type !== "custom" && q(E, p || ""), t.type === "bullets" && e.pagination.bullets.push(...E.querySelectorAll(P(t.bulletClass)));
+    }), t.type !== "custom" && o("paginationRender", l[0]);
+  }
+  function d() {
+    e.params.pagination = G(e, e.originalParams.pagination, e.params.pagination, {
+      el: "swiper-pagination"
+    });
+    const t = e.params.pagination;
+    if (!t.el) return;
+    let i;
+    typeof t.el == "string" && e.isElement && (i = e.el.querySelector(t.el)), !i && typeof t.el == "string" && (i = [...document.querySelectorAll(t.el)]), i || (i = t.el), !(!i || i.length === 0) && (e.params.uniqueNavElements && typeof t.el == "string" && Array.isArray(i) && i.length > 1 && (i = [...e.el.querySelectorAll(t.el)], i.length > 1 && (i = i.find((l) => N(l, ".swiper")[0] === e.el))), Array.isArray(i) && i.length === 1 && (i = i[0]), Object.assign(e.pagination, {
+      el: i
+    }), i = L(i), i.forEach((l) => {
+      t.type === "bullets" && t.clickable && l.classList.add(...(t.clickableClass || "").split(" ")), l.classList.add(t.modifierClass + t.type), l.classList.add(e.isHorizontal() ? t.horizontalClass : t.verticalClass), t.type === "bullets" && t.dynamicBullets && (l.classList.add(`${t.modifierClass}${t.type}-dynamic`), b = 0, t.dynamicMainBullets < 1 && (t.dynamicMainBullets = 1)), t.type === "progressbar" && t.progressbarOpposite && l.classList.add(t.progressbarOppositeClass), t.clickable && l.addEventListener("click", $), e.enabled || l.classList.add(t.lockClass);
+    }));
+  }
+  function c() {
+    const t = e.params.pagination;
+    if (m()) return;
+    let i = e.pagination.el;
+    i && (i = L(i), i.forEach((l) => {
+      l.classList.remove(t.hiddenClass), l.classList.remove(t.modifierClass + t.type), l.classList.remove(e.isHorizontal() ? t.horizontalClass : t.verticalClass), t.clickable && (l.classList.remove(...(t.clickableClass || "").split(" ")), l.removeEventListener("click", $));
+    })), e.pagination.bullets && e.pagination.bullets.forEach((l) => l.classList.remove(...t.bulletActiveClass.split(" ")));
+  }
+  n("changeDirection", () => {
+    if (!e.pagination || !e.pagination.el) return;
+    const t = e.params.pagination;
+    let {
+      el: i
+    } = e.pagination;
+    i = L(i), i.forEach((l) => {
+      l.classList.remove(t.horizontalClass, t.verticalClass), l.classList.add(e.isHorizontal() ? t.horizontalClass : t.verticalClass);
+    });
+  }), n("init", () => {
+    e.params.pagination.enabled === !1 ? u() : (d(), x(), h());
+  }), n("activeIndexChange", () => {
+    typeof e.snapIndex > "u" && h();
+  }), n("snapIndexChange", () => {
+    h();
+  }), n("snapGridLengthChange", () => {
+    x(), h();
+  }), n("destroy", () => {
+    c();
+  }), n("enable disable", () => {
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = L(t), t.forEach((i) => i.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
+  }), n("lock unlock", () => {
+    h();
+  }), n("click", (t, i) => {
+    const l = i.target, p = L(e.pagination.el);
+    if (e.params.pagination.el && e.params.pagination.hideOnClick && p && p.length > 0 && !l.classList.contains(e.params.pagination.bulletClass)) {
+      if (e.navigation && (e.navigation.nextEl && l === e.navigation.nextEl || e.navigation.prevEl && l === e.navigation.prevEl)) return;
+      const E = p[0].classList.contains(e.params.pagination.hiddenClass);
+      o(E === !0 ? "paginationShow" : "paginationHide"), p.forEach((T) => T.classList.toggle(e.params.pagination.hiddenClass));
+    }
+  });
+  const f = () => {
+    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = L(t), t.forEach((i) => i.classList.remove(e.params.pagination.paginationDisabledClass))), d(), x(), h();
+  }, u = () => {
+    e.el.classList.add(e.params.pagination.paginationDisabledClass);
+    let {
+      el: t
+    } = e.pagination;
+    t && (t = L(t), t.forEach((i) => i.classList.add(e.params.pagination.paginationDisabledClass))), c();
+  };
+  Object.assign(e.pagination, {
+    enable: f,
+    disable: u,
+    render: x,
+    update: h,
+    init: d,
+    destroy: c
+  });
+}
+F.use([U, _, j]);
+class ie {
+  constructor() {
+    this.name = "swiper", this.eventHandlers = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 初始化 Swiper 适配器
+   *
+   * @param container - 容器元素
+   * @param options - Swiper 选项
+   */
+  async initialize(e, a) {
+    try {
+      if (this.createSwiperStructure(e), !this.swiperContainer || !this.swiperWrapper)
+        throw new Error("Swiper container not created");
+      const n = {
+        // 默认配置
+        direction: "horizontal",
+        loop: !1,
+        speed: 300,
+        spaceBetween: 30,
+        slidesPerView: 1,
+        // 注册模块
+        modules: [U, _, j],
+        // 导航配置
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev"
+        },
+        // 分页配置
+        pagination: {
+          el: ".swiper-pagination",
+          clickable: !0
+        },
+        // 键盘控制配置
+        keyboard: {
+          enabled: !0,
+          onlyInViewport: !0
+        },
+        ...a == null ? void 0 : a.swiperConfig
+      };
+      this.swiper = new F(this.swiperContainer, n), await new Promise((o) => {
+        requestAnimationFrame(() => {
+          o();
+        });
+      }), this.setupEventListeners(), this.emit("ready");
+    } catch (n) {
+      const o = n instanceof Error ? n.message : String(n);
+      throw this.emit("error", { message: o }), new Error(`Failed to initialize SwiperAdapter: ${o}`);
+    }
+  }
+  /**
+   * 渲染幻灯片
+   *
+   * @param slides - 幻灯片定义数组
+   */
+  async render(e) {
+    if (!this.swiperWrapper || !this.swiper)
+      throw new Error("SwiperAdapter not initialized");
+    try {
+      this.swiperWrapper.innerHTML = "";
+      for (const a of e) {
+        const n = await this.renderSlide(a);
+        this.swiperWrapper.appendChild(n);
+      }
+      this.swiper.update(), this.emit("slideRendered", { totalSlides: e.length });
+    } catch (a) {
+      const n = a instanceof Error ? a.message : String(a);
+      throw this.emit("error", { message: n }), new Error(`Failed to render slides: ${n}`);
+    }
+  }
+  /**
+   * 销毁适配器
+   */
+  async destroy() {
+    this.swiper && (this.swiper.destroy(!0, !0), this.swiper = void 0), this.swiperContainer && (this.swiperContainer.innerHTML = "", this.swiperContainer = void 0), this.swiperWrapper = void 0, this.eventHandlers.clear();
+  }
+  /**
+   * 导航到指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   */
+  navigateTo(e) {
+    if (!this.swiper)
+      throw new Error("SwiperAdapter not initialized");
+    this.swiper.slideTo(e);
+  }
+  /**
+   * 获取当前幻灯片索引
+   */
+  getCurrentIndex() {
+    return this.swiper ? this.swiper.activeIndex : 0;
+  }
+  /**
+   * 获取幻灯片总数
+   */
+  getTotalSlides() {
+    return this.swiper ? this.swiper.slides.length : 0;
+  }
+  /**
+   * 更新指定幻灯片
+   *
+   * @param index - 幻灯片索引
+   * @param slide - 新的幻灯片定义
+   */
+  async updateSlide(e, a) {
+    if (!this.swiperWrapper || !this.swiper)
+      throw new Error("SwiperAdapter not initialized");
+    try {
+      const o = this.swiperWrapper.querySelectorAll(".swiper-slide")[e];
+      if (!o)
+        throw new Error(`Slide at index ${e} not found`);
+      const r = await this.renderSlide(a);
+      o.replaceWith(r), this.swiper.update();
+    } catch (n) {
+      const o = n instanceof Error ? n.message : String(n);
+      throw this.emit("error", { message: o }), new Error(`Failed to update slide: ${o}`);
+    }
+  }
+  /**
+   * 注册事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  on(e, a) {
+    this.eventHandlers.has(e) || this.eventHandlers.set(e, /* @__PURE__ */ new Set()), this.eventHandlers.get(e).add(a);
+  }
+  /**
+   * 移除事件监听器
+   *
+   * @param event - 事件类型
+   * @param handler - 事件处理器
+   */
+  off(e, a) {
+    const n = this.eventHandlers.get(e);
+    n && n.delete(a);
+  }
+  /**
+   * 创建 Swiper DOM 结构
+   *
+   * @param container - 容器元素
+   */
+  createSwiperStructure(e) {
+    const a = document.createElement("div");
+    a.className = "swiper";
+    const n = document.createElement("div");
+    n.className = "swiper-wrapper";
+    const o = document.createElement("div");
+    o.className = "swiper-button-prev";
+    const r = document.createElement("div");
+    r.className = "swiper-button-next";
+    const g = document.createElement("div");
+    g.className = "swiper-pagination", a.appendChild(n), a.appendChild(o), a.appendChild(r), a.appendChild(g), e.appendChild(a), this.swiperContainer = a, this.swiperWrapper = n;
+  }
+  /**
+   * 设置 Swiper 事件监听
+   */
+  setupEventListeners() {
+    this.swiper && this.swiper.on("slideChange", () => {
+      const e = this.swiper.activeIndex, a = this.swiper.previousIndex;
+      this.emit("slideChanged", {
+        index: e,
+        previousIndex: a,
+        from: a,
+        to: e
+      });
+    });
+  }
+  /**
+   * 渲染单张幻灯片
+   *
+   * @param slide - 幻灯片定义
+   * @returns slide 元素
+   */
+  async renderSlide(e) {
+    var n;
+    const a = document.createElement("div");
+    if (a.className = "swiper-slide", (n = e.behavior) != null && n.transition) {
+      const o = this.mapTransition(e.behavior.transition.type);
+      o && a.classList.add(`slide-transition-${o}`);
+    }
+    if (e.content.type === "dynamic") {
+      const o = await this.renderDynamicContent(e.content.component, e.content.props);
+      a.appendChild(o);
+    } else {
+      const o = this.renderTextContent(e.content.lines);
+      a.appendChild(o);
+    }
+    return a;
+  }
+  /**
+   * 渲染动态内容（Web Component）
+   *
+   * 支持所有 Web Components，包括：
+   * - 标准 Web Components（原生 Custom Elements）
+   * - wsx 组件（编译为标准 Web Components）
+   * - 其他框架的 Web Components（Vue、React、Angular 等）
+   *
+   * @param component - 组件名称
+   * @param props - 组件属性
+   * @returns 组件元素
+   */
+  async renderDynamicContent(e, a) {
+    const n = document.createElement(e);
+    for (const [o, r] of Object.entries(a))
+      typeof r == "string" || typeof r == "number" ? n.setAttribute(o, String(r)) : typeof r == "boolean" ? r && n.setAttribute(o, "") : n[o] = r;
+    return n;
+  }
+  /**
+   * 渲染文本内容
+   *
+   * 支持以下格式：
+   * - # 标题 -> h1
+   * - ## 标题 -> h2
+   * - ### 标题 -> h3
+   * - ![alt](url) -> img
+   * - - 列表项 -> ul/li
+   * - 普通文本 -> p
+   *
+   * @param lines - 文本行数组
+   * @returns 内容容器元素
+   */
+  renderTextContent(e) {
+    const a = document.createElement("div");
+    a.className = "slide-content";
+    let n = null;
+    for (const o of e) {
+      const r = o.trim();
+      if (!r) {
+        n = null;
+        continue;
+      }
+      if (r.startsWith("# ")) {
+        n = null;
+        const m = document.createElement("h1");
+        m.textContent = r.substring(2), a.appendChild(m);
+        continue;
+      }
+      if (r.startsWith("## ")) {
+        n = null;
+        const m = document.createElement("h2");
+        m.textContent = r.substring(3), a.appendChild(m);
+        continue;
+      }
+      if (r.startsWith("### ")) {
+        n = null;
+        const m = document.createElement("h3");
+        m.textContent = r.substring(4), a.appendChild(m);
+        continue;
+      }
+      const g = r.match(/^!\[(.*?)\]\((.*?)\)$/);
+      if (g) {
+        n = null;
+        const m = document.createElement("img");
+        m.alt = g[1], m.src = g[2], m.style.maxWidth = "80%", m.style.maxHeight = "500px", a.appendChild(m);
+        continue;
+      }
+      if (r.startsWith("- ")) {
+        n || (n = document.createElement("ul"), a.appendChild(n));
+        const m = document.createElement("li");
+        m.textContent = r.substring(2), n.appendChild(m);
+        continue;
+      }
+      n = null;
+      const b = document.createElement("p");
+      b.textContent = r, a.appendChild(b);
+    }
+    return a;
+  }
+  /**
+   * 映射 Slide DSL 过渡效果到 Swiper 过渡效果
+   *
+   * @param transition - Slide DSL 过渡效果
+   * @returns Swiper 过渡效果类名（用于 CSS）
+   */
+  mapTransition(e) {
+    return !e || e === "none" ? null : e;
+  }
+  /**
+   * 触发事件
+   *
+   * @param event - 事件类型
+   * @param data - 事件数据
+   */
+  emit(e, a) {
+    const n = this.eventHandlers.get(e);
+    if (n)
+      for (const o of n)
+        try {
+          o(a);
+        } catch (r) {
+          console.error(`Error in ${e} handler:`, r);
+        }
+  }
+}
+async function le(s, e, a) {
+  const n = await K(s), o = X(n), r = new ie(), g = new Y({
+    container: a.container,
+    adapter: r,
+    adapterOptions: {
+      swiperConfig: a.swiperOptions
+    }
+  });
+  return await g.run(o, e), g;
+}
+export {
+  ie as SwiperAdapter,
+  le as createSlideRunner
+};
+//# sourceMappingURL=index.js.map