@cntrl-site/components 0.1.26 → 0.1.27-0

package/dist/index.mjs

@@ -1,446 +1,2110 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useCallback } from "react";
-import { Splide, SplideSlide } from "@splidejs/react-splide";
-import cn from "classnames";
-import { createPortal } from "react-dom";
-const wrapper = "ControlSlider-module__wrapper___sHEkd";
-const hoverArrow = "ControlSlider-module__hoverArrow___A-dOH";
-const sliderItem = "ControlSlider-module__sliderItem___QQSkR";
-const sliderImage = "ControlSlider-module__sliderImage___9hRl-";
-const arrow$1 = "ControlSlider-module__arrow___05ghY";
-const arrowVertical$1 = "ControlSlider-module__arrowVertical___tBfVN";
-const nextArrow$1 = "ControlSlider-module__nextArrow___-30Yc";
-const arrowInner$1 = "ControlSlider-module__arrowInner___aEra3";
-const arrowIcon$1 = "ControlSlider-module__arrowIcon___S4ztF";
-const arrowImg$1 = "ControlSlider-module__arrowImg___2dwJW";
-const mirror$1 = "ControlSlider-module__mirror___brd6U";
-const pagination = "ControlSlider-module__pagination___bicLF";
-const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
-const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
-const paginationItem = "ControlSlider-module__paginationItem___nTRbk";
-const dot = "ControlSlider-module__dot___p1Qun";
-const activeDot = "ControlSlider-module__activeDot___LHFaj";
-const paginationInsideBottom = "ControlSlider-module__paginationInsideBottom___R3FWn";
-const paginationInsideTop = "ControlSlider-module__paginationInsideTop___V-qb-";
-const paginationOutsideBottom = "ControlSlider-module__paginationOutsideBottom___14w8D";
-const paginationOutsideTop = "ControlSlider-module__paginationOutsideTop___SCLqB";
-const paginationInsideLeft = "ControlSlider-module__paginationInsideLeft___yOBRZ";
-const paginationInsideRight = "ControlSlider-module__paginationInsideRight___Rtt3o";
-const paginationOutsideLeft = "ControlSlider-module__paginationOutsideLeft___lahaw";
-const paginationOutsideRight = "ControlSlider-module__paginationOutsideRight___EtuQa";
-const imgWrapper$1 = "ControlSlider-module__imgWrapper___UjEgB";
-const captionBlock = "ControlSlider-module__captionBlock___dJ6-j";
-const captionTextWrapper = "ControlSlider-module__captionTextWrapper___HFlpf";
-const captionText = "ControlSlider-module__captionText___uGBVc";
-const active = "ControlSlider-module__active___WZK4G";
-const withPointerEvents = "ControlSlider-module__withPointerEvents___t-18M";
-const topLeftAlignment = "ControlSlider-module__topLeftAlignment___zjnGM";
-const topCenterAlignment = "ControlSlider-module__topCenterAlignment___gD1xW";
-const topRightAlignment = "ControlSlider-module__topRightAlignment___NMapS";
-const middleLeftAlignment = "ControlSlider-module__middleLeftAlignment___OnUrY";
-const middleCenterAlignment = "ControlSlider-module__middleCenterAlignment___Tdkl0";
-const middleRightAlignment = "ControlSlider-module__middleRightAlignment___wEbfX";
-const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
-const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
-const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
-const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
-const contain$1 = "ControlSlider-module__contain___pLyq7";
-const cover$1 = "ControlSlider-module__cover___KdDat";
-const styles$3 = {
-  wrapper,
-  hoverArrow,
-  sliderItem,
-  sliderImage,
-  arrow: arrow$1,
-  arrowVertical: arrowVertical$1,
-  nextArrow: nextArrow$1,
-  arrowInner: arrowInner$1,
-  arrowIcon: arrowIcon$1,
-  arrowImg: arrowImg$1,
-  mirror: mirror$1,
-  pagination,
-  paginationInner,
-  paginationVertical,
-  paginationItem,
-  dot,
-  activeDot,
-  paginationInsideBottom,
-  paginationInsideTop,
-  paginationOutsideBottom,
-  paginationOutsideTop,
-  paginationInsideLeft,
-  paginationInsideRight,
-  paginationOutsideLeft,
-  paginationOutsideRight,
-  imgWrapper: imgWrapper$1,
-  captionBlock,
-  captionTextWrapper,
-  captionText,
-  active,
-  withPointerEvents,
-  topLeftAlignment,
-  topCenterAlignment,
-  topRightAlignment,
-  middleLeftAlignment,
-  middleCenterAlignment,
-  middleRightAlignment,
-  bottomLeftAlignment,
-  bottomCenterAlignment,
-  bottomRightAlignment,
-  clickOverlay,
-  contain: contain$1,
-  cover: cover$1
+import { jsx as M, Fragment as pt, jsxs as Ae } from "react/jsx-runtime";
+import Ue, { useState as ue, useEffect as me, useRef as be, useCallback as Vr } from "react";
+import ae from "classnames";
+import { createPortal as jr } from "react-dom";
+const $r = "ControlSlider-module__wrapper___sHEkd", Hr = "ControlSlider-module__hoverArrow___A-dOH", Ur = "ControlSlider-module__sliderItem___QQSkR", Yr = "ControlSlider-module__sliderImage___9hRl-", Gr = "ControlSlider-module__arrow___05ghY", Xr = "ControlSlider-module__arrowVertical___tBfVN", Kr = "ControlSlider-module__nextArrow___-30Yc", qr = "ControlSlider-module__arrowInner___aEra3", Jr = "ControlSlider-module__arrowIcon___S4ztF", Zr = "ControlSlider-module__arrowImg___2dwJW", Qr = "ControlSlider-module__mirror___brd6U", ei = "ControlSlider-module__pagination___bicLF", ti = "ControlSlider-module__paginationInner___bT-P-", ni = "ControlSlider-module__paginationVertical___zYqKw", ri = "ControlSlider-module__paginationItem___nTRbk", ii = "ControlSlider-module__dot___p1Qun", oi = "ControlSlider-module__activeDot___LHFaj", ai = "ControlSlider-module__paginationInsideBottom___R3FWn", si = "ControlSlider-module__paginationInsideTop___V-qb-", li = "ControlSlider-module__paginationOutsideBottom___14w8D", ci = "ControlSlider-module__paginationOutsideTop___SCLqB", ui = "ControlSlider-module__paginationInsideLeft___yOBRZ", di = "ControlSlider-module__paginationInsideRight___Rtt3o", pi = "ControlSlider-module__paginationOutsideLeft___lahaw", fi = "ControlSlider-module__paginationOutsideRight___EtuQa", gi = "ControlSlider-module__imgWrapper___UjEgB", mi = "ControlSlider-module__captionBlock___dJ6-j", hi = "ControlSlider-module__captionTextWrapper___HFlpf", vi = "ControlSlider-module__captionText___uGBVc", yi = "ControlSlider-module__active___WZK4G", _i = "ControlSlider-module__withPointerEvents___t-18M", bi = "ControlSlider-module__topLeftAlignment___zjnGM", Si = "ControlSlider-module__topCenterAlignment___gD1xW", wi = "ControlSlider-module__topRightAlignment___NMapS", Ei = "ControlSlider-module__middleLeftAlignment___OnUrY", Ci = "ControlSlider-module__middleCenterAlignment___Tdkl0", Ai = "ControlSlider-module__middleRightAlignment___wEbfX", Ii = "ControlSlider-module__bottomLeftAlignment___cTP2-", xi = "ControlSlider-module__bottomCenterAlignment___c54fB", Li = "ControlSlider-module__bottomRightAlignment___kEwrz", Ti = "ControlSlider-module__clickOverlay___DZA28", Ri = "ControlSlider-module__contain___pLyq7", Ni = "ControlSlider-module__cover___KdDat", j = {
+  wrapper: $r,
+  hoverArrow: Hr,
+  sliderItem: Ur,
+  sliderImage: Yr,
+  arrow: Gr,
+  arrowVertical: Xr,
+  nextArrow: Kr,
+  arrowInner: qr,
+  arrowIcon: Jr,
+  arrowImg: Zr,
+  mirror: Qr,
+  pagination: ei,
+  paginationInner: ti,
+  paginationVertical: ni,
+  paginationItem: ri,
+  dot: ii,
+  activeDot: oi,
+  paginationInsideBottom: ai,
+  paginationInsideTop: si,
+  paginationOutsideBottom: li,
+  paginationOutsideTop: ci,
+  paginationInsideLeft: ui,
+  paginationInsideRight: di,
+  paginationOutsideLeft: pi,
+  paginationOutsideRight: fi,
+  imgWrapper: gi,
+  captionBlock: mi,
+  captionTextWrapper: hi,
+  captionText: vi,
+  active: yi,
+  withPointerEvents: _i,
+  topLeftAlignment: bi,
+  topCenterAlignment: Si,
+  topRightAlignment: wi,
+  middleLeftAlignment: Ei,
+  middleCenterAlignment: Ci,
+  middleRightAlignment: Ai,
+  bottomLeftAlignment: Ii,
+  bottomCenterAlignment: xi,
+  bottomRightAlignment: Li,
+  clickOverlay: Ti,
+  contain: Ri,
+  cover: Ni
 };
-const link$1 = "RichTextRenderer-module__link___BWeZ2";
-const styles$2 = {
-  link: link$1
+function ki(e, n) {
+  for (var t = 0; t < n.length; t++) {
+    var r = n[t];
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
+  }
+}
+function Oi(e, n, t) {
+  return n && ki(e.prototype, n), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+var Dn = "(prefers-reduced-motion: reduce)", Qe = 1, Di = 2, nt = 3, ot = 4, bt = 5, Ot = 6, zt = 7, Pi = {
+  CREATED: Qe,
+  MOUNTED: Di,
+  IDLE: nt,
+  MOVING: ot,
+  SCROLLING: bt,
+  DRAGGING: Ot,
+  DESTROYED: zt
+};
+function Be(e) {
+  e.length = 0;
+}
+function Ve(e, n, t) {
+  return Array.prototype.slice.call(e, n, t);
+}
+function re(e) {
+  return e.bind.apply(e, [null].concat(Ve(arguments, 1)));
+}
+var tr = setTimeout, on = function() {
+};
+function Pn(e) {
+  return requestAnimationFrame(e);
+}
+function jt(e, n) {
+  return typeof n === e;
+}
+function ft(e) {
+  return !mn(e) && jt("object", e);
+}
+var gn = Array.isArray, nr = re(jt, "function"), Me = re(jt, "string"), St = re(jt, "undefined");
+function mn(e) {
+  return e === null;
+}
+function rr(e) {
+  try {
+    return e instanceof (e.ownerDocument.defaultView || window).HTMLElement;
+  } catch {
+    return !1;
+  }
+}
+function wt(e) {
+  return gn(e) ? e : [e];
+}
+function Ee(e, n) {
+  wt(e).forEach(n);
+}
+function hn(e, n) {
+  return e.indexOf(n) > -1;
+}
+function Dt(e, n) {
+  return e.push.apply(e, wt(n)), e;
+}
+function Oe(e, n, t) {
+  e && Ee(n, function(r) {
+    r && e.classList[t ? "add" : "remove"](r);
+  });
+}
+function Le(e, n) {
+  Oe(e, Me(n) ? n.split(" ") : n, !0);
+}
+function Et(e, n) {
+  Ee(n, e.appendChild.bind(e));
+}
+function vn(e, n) {
+  Ee(e, function(t) {
+    var r = (n || t).parentNode;
+    r && r.insertBefore(t, n);
+  });
+}
+function gt(e, n) {
+  return rr(e) && (e.msMatchesSelector || e.matches).call(e, n);
+}
+function ir(e, n) {
+  var t = e ? Ve(e.children) : [];
+  return n ? t.filter(function(r) {
+    return gt(r, n);
+  }) : t;
+}
+function Ct(e, n) {
+  return n ? ir(e, n)[0] : e.firstElementChild;
+}
+var mt = Object.keys;
+function Ye(e, n, t) {
+  return e && (t ? mt(e).reverse() : mt(e)).forEach(function(r) {
+    r !== "__proto__" && n(e[r], r);
+  }), e;
+}
+function ht(e) {
+  return Ve(arguments, 1).forEach(function(n) {
+    Ye(n, function(t, r) {
+      e[r] = n[r];
+    });
+  }), e;
+}
+function We(e) {
+  return Ve(arguments, 1).forEach(function(n) {
+    Ye(n, function(t, r) {
+      gn(t) ? e[r] = t.slice() : ft(t) ? e[r] = We({}, ft(e[r]) ? e[r] : {}, t) : e[r] = t;
+    });
+  }), e;
+}
+function Bn(e, n) {
+  Ee(n || mt(e), function(t) {
+    delete e[t];
+  });
+}
+function Te(e, n) {
+  Ee(e, function(t) {
+    Ee(n, function(r) {
+      t && t.removeAttribute(r);
+    });
+  });
+}
+function K(e, n, t) {
+  ft(n) ? Ye(n, function(r, o) {
+    K(e, o, r);
+  }) : Ee(e, function(r) {
+    mn(t) || t === "" ? Te(r, n) : r.setAttribute(n, String(t));
+  });
+}
+function et(e, n, t) {
+  var r = document.createElement(e);
+  return n && (Me(n) ? Le(r, n) : K(r, n)), t && Et(t, r), r;
+}
+function Ce(e, n, t) {
+  if (St(t))
+    return getComputedStyle(e)[n];
+  mn(t) || (e.style[n] = "" + t);
+}
+function vt(e, n) {
+  Ce(e, "display", n);
+}
+function or(e) {
+  e.setActive && e.setActive() || e.focus({
+    preventScroll: !0
+  });
+}
+function Ie(e, n) {
+  return e.getAttribute(n);
+}
+function zn(e, n) {
+  return e && e.classList.contains(n);
+}
+function Se(e) {
+  return e.getBoundingClientRect();
+}
+function Ge(e) {
+  Ee(e, function(n) {
+    n && n.parentNode && n.parentNode.removeChild(n);
+  });
+}
+function ar(e) {
+  return Ct(new DOMParser().parseFromString(e, "text/html").body);
+}
+function ke(e, n) {
+  e.preventDefault(), n && (e.stopPropagation(), e.stopImmediatePropagation());
+}
+function sr(e, n) {
+  return e && e.querySelector(n);
+}
+function yn(e, n) {
+  return n ? Ve(e.querySelectorAll(n)) : [];
+}
+function De(e, n) {
+  Oe(e, n, !1);
+}
+function an(e) {
+  return e.timeStamp;
+}
+function He(e) {
+  return Me(e) ? e : e ? e + "px" : "";
+}
+var At = "splide", _n = "data-" + At;
+function ct(e, n) {
+  if (!e)
+    throw new Error("[" + At + "] " + (n || ""));
+}
+var Fe = Math.min, Wt = Math.max, Mt = Math.floor, yt = Math.ceil, _e = Math.abs;
+function lr(e, n, t) {
+  return _e(e - n) < t;
+}
+function Pt(e, n, t, r) {
+  var o = Fe(n, t), a = Wt(n, t);
+  return r ? o < e && e < a : o <= e && e <= a;
+}
+function Je(e, n, t) {
+  var r = Fe(n, t), o = Wt(n, t);
+  return Fe(Wt(r, e), o);
+}
+function sn(e) {
+  return +(e > 0) - +(e < 0);
+}
+function ln(e, n) {
+  return Ee(n, function(t) {
+    e = e.replace("%s", "" + t);
+  }), e;
+}
+function bn(e) {
+  return e < 10 ? "0" + e : "" + e;
+}
+var Wn = {};
+function Bi(e) {
+  return "" + e + bn(Wn[e] = (Wn[e] || 0) + 1);
+}
+function cr() {
+  var e = [];
+  function n(i, l, s, d) {
+    o(i, l, function(u, S, m) {
+      var v = "addEventListener" in u, c = v ? u.removeEventListener.bind(u, S, s, d) : u.removeListener.bind(u, s);
+      v ? u.addEventListener(S, s, d) : u.addListener(s), e.push([u, S, m, s, c]);
+    });
+  }
+  function t(i, l, s) {
+    o(i, l, function(d, u, S) {
+      e = e.filter(function(m) {
+        return m[0] === d && m[1] === u && m[2] === S && (!s || m[3] === s) ? (m[4](), !1) : !0;
+      });
+    });
+  }
+  function r(i, l, s) {
+    var d, u = !0;
+    return typeof CustomEvent == "function" ? d = new CustomEvent(l, {
+      bubbles: u,
+      detail: s
+    }) : (d = document.createEvent("CustomEvent"), d.initCustomEvent(l, u, !1, s)), i.dispatchEvent(d), d;
+  }
+  function o(i, l, s) {
+    Ee(i, function(d) {
+      d && Ee(l, function(u) {
+        u.split(" ").forEach(function(S) {
+          var m = S.split(".");
+          s(d, m[0], m[1]);
+        });
+      });
+    });
+  }
+  function a() {
+    e.forEach(function(i) {
+      i[4]();
+    }), Be(e);
+  }
+  return {
+    bind: n,
+    unbind: t,
+    dispatch: r,
+    destroy: a
+  };
+}
+var je = "mounted", cn = "ready", ze = "move", at = "moved", Sn = "click", ur = "active", dr = "inactive", pr = "visible", fr = "hidden", de = "refresh", ve = "updated", rt = "resize", $t = "resized", gr = "drag", mr = "dragging", hr = "dragged", Ht = "scroll", Ke = "scrolled", zi = "overflow", wn = "destroy", vr = "arrows:mounted", yr = "arrows:updated", _r = "pagination:mounted", br = "pagination:updated", En = "navigation:mounted", Cn = "autoplay:play", Sr = "autoplay:playing", An = "autoplay:pause", In = "lazyload:loaded", wr = "sk", Er = "sh", Ft = "ei";
+function se(e) {
+  var n = e ? e.event.bus : document.createDocumentFragment(), t = cr();
+  function r(a, i) {
+    t.bind(n, wt(a).join(" "), function(l) {
+      i.apply(i, gn(l.detail) ? l.detail : []);
+    });
+  }
+  function o(a) {
+    t.dispatch(n, a, Ve(arguments, 1));
+  }
+  return e && e.event.on(wn, t.destroy), ht(t, {
+    bus: n,
+    on: r,
+    off: re(t.unbind, n),
+    emit: o
+  });
+}
+function Ut(e, n, t, r) {
+  var o = Date.now, a, i = 0, l, s = !0, d = 0;
+  function u() {
+    if (!s) {
+      if (i = e ? Fe((o() - a) / e, 1) : 1, t && t(i), i >= 1 && (n(), a = o(), r && ++d >= r))
+        return m();
+      l = Pn(u);
+    }
+  }
+  function S(E) {
+    E || c(), a = o() - (E ? i * e : 0), s = !1, l = Pn(u);
+  }
+  function m() {
+    s = !0;
+  }
+  function v() {
+    a = o(), i = 0, t && t(i);
+  }
+  function c() {
+    l && cancelAnimationFrame(l), i = 0, l = 0, s = !0;
+  }
+  function p(E) {
+    e = E;
+  }
+  function w() {
+    return s;
+  }
+  return {
+    start: S,
+    rewind: v,
+    pause: m,
+    cancel: c,
+    set: p,
+    isPaused: w
+  };
+}
+function Wi(e) {
+  var n = e;
+  function t(o) {
+    n = o;
+  }
+  function r(o) {
+    return hn(wt(o), n);
+  }
+  return {
+    set: t,
+    is: r
+  };
+}
+function Mi(e, n) {
+  var t = Ut(0, e, null, 1);
+  return function() {
+    t.isPaused() && t.start();
+  };
+}
+function Fi(e, n, t) {
+  var r = e.state, o = t.breakpoints || {}, a = t.reducedMotion || {}, i = cr(), l = [];
+  function s() {
+    var c = t.mediaQuery === "min";
+    mt(o).sort(function(p, w) {
+      return c ? +p - +w : +w - +p;
+    }).forEach(function(p) {
+      u(o[p], "(" + (c ? "min" : "max") + "-width:" + p + "px)");
+    }), u(a, Dn), S();
+  }
+  function d(c) {
+    c && i.destroy();
+  }
+  function u(c, p) {
+    var w = matchMedia(p);
+    i.bind(w, "change", S), l.push([c, w]);
+  }
+  function S() {
+    var c = r.is(zt), p = t.direction, w = l.reduce(function(E, g) {
+      return We(E, g[1].matches ? g[0] : {});
+    }, {});
+    Bn(t), v(w), t.destroy ? e.destroy(t.destroy === "completely") : c ? (d(!0), e.mount()) : p !== t.direction && e.refresh();
+  }
+  function m(c) {
+    matchMedia(Dn).matches && (c ? We(t, a) : Bn(t, mt(a)));
+  }
+  function v(c, p, w) {
+    We(t, c), p && We(Object.getPrototypeOf(t), c), (w || !r.is(Qe)) && e.emit(ve, t);
+  }
+  return {
+    setup: s,
+    destroy: d,
+    reduce: m,
+    set: v
+  };
+}
+var Yt = "Arrow", Gt = Yt + "Left", Xt = Yt + "Right", Cr = Yt + "Up", Ar = Yt + "Down", Mn = "rtl", Kt = "ttb", Qt = {
+  width: ["height"],
+  left: ["top", "right"],
+  right: ["bottom", "left"],
+  x: ["y"],
+  X: ["Y"],
+  Y: ["X"],
+  ArrowLeft: [Cr, Xt],
+  ArrowRight: [Ar, Gt]
+};
+function Vi(e, n, t) {
+  function r(a, i, l) {
+    l = l || t.direction;
+    var s = l === Mn && !i ? 1 : l === Kt ? 0 : -1;
+    return Qt[a] && Qt[a][s] || a.replace(/width|left|right/i, function(d, u) {
+      var S = Qt[d.toLowerCase()][s] || d;
+      return u > 0 ? S.charAt(0).toUpperCase() + S.slice(1) : S;
+    });
+  }
+  function o(a) {
+    return a * (t.direction === Mn ? 1 : -1);
+  }
+  return {
+    resolve: r,
+    orient: o
+  };
+}
+var Pe = "role", tt = "tabindex", ji = "disabled", xe = "aria-", It = xe + "controls", Ir = xe + "current", Fn = xe + "selected", we = xe + "label", xn = xe + "labelledby", xr = xe + "hidden", Ln = xe + "orientation", _t = xe + "roledescription", Vn = xe + "live", jn = xe + "busy", $n = xe + "atomic", Tn = [Pe, tt, ji, It, Ir, we, xn, xr, Ln, _t], Re = At + "__", $e = "is-", en = At, Hn = Re + "track", $i = Re + "list", qt = Re + "slide", Lr = qt + "--clone", Hi = qt + "__container", Rn = Re + "arrows", Jt = Re + "arrow", Tr = Jt + "--prev", Rr = Jt + "--next", Zt = Re + "pagination", Nr = Zt + "__page", Ui = Re + "progress", Yi = Ui + "__bar", Gi = Re + "toggle", Xi = Re + "spinner", Ki = Re + "sr", qi = $e + "initialized", Xe = $e + "active", kr = $e + "prev", Or = $e + "next", un = $e + "visible", dn = $e + "loading", Dr = $e + "focus-in", Pr = $e + "overflow", Ji = [Xe, un, kr, Or, dn, Dr, Pr], Zi = {
+  slide: qt,
+  clone: Lr,
+  arrows: Rn,
+  arrow: Jt,
+  prev: Tr,
+  next: Rr,
+  pagination: Zt,
+  page: Nr,
+  spinner: Xi
+};
+function Qi(e, n) {
+  if (nr(e.closest))
+    return e.closest(n);
+  for (var t = e; t && t.nodeType === 1 && !gt(t, n); )
+    t = t.parentElement;
+  return t;
+}
+var eo = 5, Un = 200, Br = "touchstart mousedown", tn = "touchmove mousemove", nn = "touchend touchcancel mouseup click";
+function to(e, n, t) {
+  var r = se(e), o = r.on, a = r.bind, i = e.root, l = t.i18n, s = {}, d = [], u = [], S = [], m, v, c;
+  function p() {
+    b(), F(), g();
+  }
+  function w() {
+    o(de, E), o(de, p), o(ve, g), a(document, Br + " keydown", function(h) {
+      c = h.type === "keydown";
+    }, {
+      capture: !0
+    }), a(i, "focusin", function() {
+      Oe(i, Dr, !!c);
+    });
+  }
+  function E(h) {
+    var C = Tn.concat("style");
+    Be(d), De(i, u), De(m, S), Te([m, v], C), Te(i, h ? C : ["style", _t]);
+  }
+  function g() {
+    De(i, u), De(m, S), u = I(en), S = I(Hn), Le(i, u), Le(m, S), K(i, we, t.label), K(i, xn, t.labelledby);
+  }
+  function b() {
+    m = B("." + Hn), v = Ct(m, "." + $i), ct(m && v, "A track/list element is missing."), Dt(d, ir(v, "." + qt + ":not(." + Lr + ")")), Ye({
+      arrows: Rn,
+      pagination: Zt,
+      prev: Tr,
+      next: Rr,
+      bar: Yi,
+      toggle: Gi
+    }, function(h, C) {
+      s[C] = B("." + h);
+    }), ht(s, {
+      root: i,
+      track: m,
+      list: v,
+      slides: d
+    });
+  }
+  function F() {
+    var h = i.id || Bi(At), C = t.role;
+    i.id = h, m.id = m.id || h + "-track", v.id = v.id || h + "-list", !Ie(i, Pe) && i.tagName !== "SECTION" && C && K(i, Pe, C), K(i, _t, l.carousel), K(v, Pe, "presentation");
+  }
+  function B(h) {
+    var C = sr(i, h);
+    return C && Qi(C, "." + en) === i ? C : void 0;
+  }
+  function I(h) {
+    return [h + "--" + t.type, h + "--" + t.direction, t.drag && h + "--draggable", t.isNavigation && h + "--nav", h === en && Xe];
+  }
+  return ht(s, {
+    setup: p,
+    mount: w,
+    destroy: E
+  });
+}
+var it = "slide", st = "loop", xt = "fade";
+function no(e, n, t, r) {
+  var o = se(e), a = o.on, i = o.emit, l = o.bind, s = e.Components, d = e.root, u = e.options, S = u.isNavigation, m = u.updateOnMove, v = u.i18n, c = u.pagination, p = u.slideFocus, w = s.Direction.resolve, E = Ie(r, "style"), g = Ie(r, we), b = t > -1, F = Ct(r, "." + Hi), B;
+  function I() {
+    b || (r.id = d.id + "-slide" + bn(n + 1), K(r, Pe, c ? "tabpanel" : "group"), K(r, _t, v.slide), K(r, we, g || ln(v.slideLabel, [n + 1, e.length]))), h();
+  }
+  function h() {
+    l(r, "click", re(i, Sn, x)), l(r, "keydown", re(i, wr, x)), a([at, Er, Ke], T), a(En, N), m && a(ze, z);
+  }
+  function C() {
+    B = !0, o.destroy(), De(r, Ji), Te(r, Tn), K(r, "style", E), K(r, we, g || "");
+  }
+  function N() {
+    var L = e.splides.map(function(_) {
+      var k = _.splide.Components.Slides.getAt(n);
+      return k ? k.slide.id : "";
+    }).join(" ");
+    K(r, we, ln(v.slideX, (b ? t : n) + 1)), K(r, It, L), K(r, Pe, p ? "button" : ""), p && Te(r, _t);
+  }
+  function z() {
+    B || T();
+  }
+  function T() {
+    if (!B) {
+      var L = e.index;
+      O(), P(), Oe(r, kr, n === L - 1), Oe(r, Or, n === L + 1);
+    }
+  }
+  function O() {
+    var L = $();
+    L !== zn(r, Xe) && (Oe(r, Xe, L), K(r, Ir, S && L || ""), i(L ? ur : dr, x));
+  }
+  function P() {
+    var L = f(), _ = !L && (!$() || b);
+    if (e.state.is([ot, bt]) || K(r, xr, _ || ""), K(yn(r, u.focusableNodes || ""), tt, _ ? -1 : ""), p && K(r, tt, _ ? -1 : 0), L !== zn(r, un) && (Oe(r, un, L), i(L ? pr : fr, x)), !L && document.activeElement === r) {
+      var k = s.Slides.getAt(e.index);
+      k && or(k.slide);
+    }
+  }
+  function H(L, _, k) {
+    Ce(k && F || r, L, _);
+  }
+  function $() {
+    var L = e.index;
+    return L === n || u.cloneStatus && L === t;
+  }
+  function f() {
+    if (e.is(xt))
+      return $();
+    var L = Se(s.Elements.track), _ = Se(r), k = w("left", !0), G = w("right", !0);
+    return Mt(L[k]) <= yt(_[k]) && Mt(_[G]) <= yt(L[G]);
+  }
+  function R(L, _) {
+    var k = _e(L - n);
+    return !b && (u.rewind || e.is(st)) && (k = Fe(k, e.length - k)), k <= _;
+  }
+  var x = {
+    index: n,
+    slideIndex: t,
+    slide: r,
+    container: F,
+    isClone: b,
+    mount: I,
+    destroy: C,
+    update: T,
+    style: H,
+    isWithin: R
+  };
+  return x;
+}
+function ro(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = r.bind, l = n.Elements, s = l.slides, d = l.list, u = [];
+  function S() {
+    m(), o(de, v), o(de, m);
+  }
+  function m() {
+    s.forEach(function(T, O) {
+      p(T, O, -1);
+    });
+  }
+  function v() {
+    B(function(T) {
+      T.destroy();
+    }), Be(u);
+  }
+  function c() {
+    B(function(T) {
+      T.update();
+    });
+  }
+  function p(T, O, P) {
+    var H = no(e, O, P, T);
+    H.mount(), u.push(H), u.sort(function($, f) {
+      return $.index - f.index;
+    });
+  }
+  function w(T) {
+    return T ? I(function(O) {
+      return !O.isClone;
+    }) : u;
+  }
+  function E(T) {
+    var O = n.Controller, P = O.toIndex(T), H = O.hasFocus() ? 1 : t.perPage;
+    return I(function($) {
+      return Pt($.index, P, P + H - 1);
+    });
+  }
+  function g(T) {
+    return I(T)[0];
+  }
+  function b(T, O) {
+    Ee(T, function(P) {
+      if (Me(P) && (P = ar(P)), rr(P)) {
+        var H = s[O];
+        H ? vn(P, H) : Et(d, P), Le(P, t.classes.slide), C(P, re(a, rt));
+      }
+    }), a(de);
+  }
+  function F(T) {
+    Ge(I(T).map(function(O) {
+      return O.slide;
+    })), a(de);
+  }
+  function B(T, O) {
+    w(O).forEach(T);
+  }
+  function I(T) {
+    return u.filter(nr(T) ? T : function(O) {
+      return Me(T) ? gt(O.slide, T) : hn(wt(T), O.index);
+    });
+  }
+  function h(T, O, P) {
+    B(function(H) {
+      H.style(T, O, P);
+    });
+  }
+  function C(T, O) {
+    var P = yn(T, "img"), H = P.length;
+    H ? P.forEach(function($) {
+      i($, "load error", function() {
+        --H || O();
+      });
+    }) : O();
+  }
+  function N(T) {
+    return T ? s.length : u.length;
+  }
+  function z() {
+    return u.length > t.perPage;
+  }
+  return {
+    mount: S,
+    destroy: v,
+    update: c,
+    register: p,
+    get: w,
+    getIn: E,
+    getAt: g,
+    add: b,
+    remove: F,
+    forEach: B,
+    filter: I,
+    style: h,
+    getLength: N,
+    isEnough: z
+  };
+}
+function io(e, n, t) {
+  var r = se(e), o = r.on, a = r.bind, i = r.emit, l = n.Slides, s = n.Direction.resolve, d = n.Elements, u = d.root, S = d.track, m = d.list, v = l.getAt, c = l.style, p, w, E;
+  function g() {
+    b(), a(window, "resize load", Mi(re(i, rt))), o([ve, de], b), o(rt, F);
+  }
+  function b() {
+    p = t.direction === Kt, Ce(u, "maxWidth", He(t.width)), Ce(S, s("paddingLeft"), B(!1)), Ce(S, s("paddingRight"), B(!0)), F(!0);
+  }
+  function F(x) {
+    var L = Se(u);
+    (x || w.width !== L.width || w.height !== L.height) && (Ce(S, "height", I()), c(s("marginRight"), He(t.gap)), c("width", C()), c("height", N(), !0), w = L, i($t), E !== (E = R()) && (Oe(u, Pr, E), i(zi, E)));
+  }
+  function B(x) {
+    var L = t.padding, _ = s(x ? "right" : "left");
+    return L && He(L[_] || (ft(L) ? 0 : L)) || "0px";
+  }
+  function I() {
+    var x = "";
+    return p && (x = h(), ct(x, "height or heightRatio is missing."), x = "calc(" + x + " - " + B(!1) + " - " + B(!0) + ")"), x;
+  }
+  function h() {
+    return He(t.height || Se(m).width * t.heightRatio);
+  }
+  function C() {
+    return t.autoWidth ? null : He(t.fixedWidth) || (p ? "" : z());
+  }
+  function N() {
+    return He(t.fixedHeight) || (p ? t.autoHeight ? null : z() : h());
+  }
+  function z() {
+    var x = He(t.gap);
+    return "calc((100%" + (x && " + " + x) + ")/" + (t.perPage || 1) + (x && " - " + x) + ")";
+  }
+  function T() {
+    return Se(m)[s("width")];
+  }
+  function O(x, L) {
+    var _ = v(x || 0);
+    return _ ? Se(_.slide)[s("width")] + (L ? 0 : $()) : 0;
+  }
+  function P(x, L) {
+    var _ = v(x);
+    if (_) {
+      var k = Se(_.slide)[s("right")], G = Se(m)[s("left")];
+      return _e(k - G) + (L ? 0 : $());
+    }
+    return 0;
+  }
+  function H(x) {
+    return P(e.length - 1) - P(0) + O(0, x);
+  }
+  function $() {
+    var x = v(0);
+    return x && parseFloat(Ce(x.slide, s("marginRight"))) || 0;
+  }
+  function f(x) {
+    return parseFloat(Ce(S, s("padding" + (x ? "Right" : "Left")))) || 0;
+  }
+  function R() {
+    return e.is(xt) || H(!0) > T();
+  }
+  return {
+    mount: g,
+    resize: F,
+    listSize: T,
+    slideSize: O,
+    sliderSize: H,
+    totalSize: P,
+    getPadding: f,
+    isOverflow: R
+  };
+}
+var oo = 2;
+function ao(e, n, t) {
+  var r = se(e), o = r.on, a = n.Elements, i = n.Slides, l = n.Direction.resolve, s = [], d;
+  function u() {
+    o(de, S), o([ve, rt], v), (d = w()) && (c(d), n.Layout.resize(!0));
+  }
+  function S() {
+    m(), u();
+  }
+  function m() {
+    Ge(s), Be(s), r.destroy();
+  }
+  function v() {
+    var E = w();
+    d !== E && (d < E || !E) && r.emit(de);
+  }
+  function c(E) {
+    var g = i.get().slice(), b = g.length;
+    if (b) {
+      for (; g.length < E; )
+        Dt(g, g);
+      Dt(g.slice(-E), g.slice(0, E)).forEach(function(F, B) {
+        var I = B < E, h = p(F.slide, B);
+        I ? vn(h, g[0].slide) : Et(a.list, h), Dt(s, h), i.register(h, B - E + (I ? 0 : b), F.index);
+      });
+    }
+  }
+  function p(E, g) {
+    var b = E.cloneNode(!0);
+    return Le(b, t.classes.clone), b.id = e.root.id + "-clone" + bn(g + 1), b;
+  }
+  function w() {
+    var E = t.clones;
+    if (!e.is(st))
+      E = 0;
+    else if (St(E)) {
+      var g = t[l("fixedWidth")] && n.Layout.slideSize(0), b = g && yt(Se(a.track)[l("width")] / g);
+      E = b || t[l("autoWidth")] && e.length || t.perPage * oo;
+    }
+    return E;
+  }
+  return {
+    mount: u,
+    destroy: m
+  };
+}
+function so(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = e.state.set, l = n.Layout, s = l.slideSize, d = l.getPadding, u = l.totalSize, S = l.listSize, m = l.sliderSize, v = n.Direction, c = v.resolve, p = v.orient, w = n.Elements, E = w.list, g = w.track, b;
+  function F() {
+    b = n.Transition, o([je, $t, ve, de], B);
+  }
+  function B() {
+    n.Controller.isBusy() || (n.Scroll.cancel(), h(e.index), n.Slides.update());
+  }
+  function I(_, k, G, ne) {
+    _ !== k && x(_ > G) && (T(), C(z(H(), _ > G), !0)), i(ot), a(ze, k, G, _), b.start(k, function() {
+      i(nt), a(at, k, G, _), ne && ne();
+    });
+  }
+  function h(_) {
+    C(P(_, !0));
+  }
+  function C(_, k) {
+    if (!e.is(xt)) {
+      var G = k ? _ : N(_);
+      Ce(E, "transform", "translate" + c("X") + "(" + G + "px)"), _ !== G && a(Er);
+    }
+  }
+  function N(_) {
+    if (e.is(st)) {
+      var k = O(_), G = k > n.Controller.getEnd(), ne = k < 0;
+      (ne || G) && (_ = z(_, G));
+    }
+    return _;
+  }
+  function z(_, k) {
+    var G = _ - R(k), ne = m();
+    return _ -= p(ne * (yt(_e(G) / ne) || 1)) * (k ? 1 : -1), _;
+  }
+  function T() {
+    C(H(), !0), b.cancel();
+  }
+  function O(_) {
+    for (var k = n.Slides.get(), G = 0, ne = 1 / 0, ee = 0; ee < k.length; ee++) {
+      var he = k[ee].index, A = _e(P(he, !0) - _);
+      if (A <= ne)
+        ne = A, G = he;
+      else
+        break;
+    }
+    return G;
+  }
+  function P(_, k) {
+    var G = p(u(_ - 1) - f(_));
+    return k ? $(G) : G;
+  }
+  function H() {
+    var _ = c("left");
+    return Se(E)[_] - Se(g)[_] + p(d(!1));
+  }
+  function $(_) {
+    return t.trimSpace && e.is(it) && (_ = Je(_, 0, p(m(!0) - S()))), _;
+  }
+  function f(_) {
+    var k = t.focus;
+    return k === "center" ? (S() - s(_, !0)) / 2 : +k * s(_) || 0;
+  }
+  function R(_) {
+    return P(_ ? n.Controller.getEnd() : 0, !!t.trimSpace);
+  }
+  function x(_) {
+    var k = p(z(H(), _));
+    return _ ? k >= 0 : k <= E[c("scrollWidth")] - Se(g)[c("width")];
+  }
+  function L(_, k) {
+    k = St(k) ? H() : k;
+    var G = _ !== !0 && p(k) < p(R(!1)), ne = _ !== !1 && p(k) > p(R(!0));
+    return G || ne;
+  }
+  return {
+    mount: F,
+    move: I,
+    jump: h,
+    translate: C,
+    shift: z,
+    cancel: T,
+    toIndex: O,
+    toPosition: P,
+    getPosition: H,
+    getLimit: R,
+    exceededLimit: L,
+    reposition: B
+  };
+}
+function lo(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = n.Move, l = i.getPosition, s = i.getLimit, d = i.toPosition, u = n.Slides, S = u.isEnough, m = u.getLength, v = t.omitEnd, c = e.is(st), p = e.is(it), w = re(H, !1), E = re(H, !0), g = t.start || 0, b, F = g, B, I, h;
+  function C() {
+    N(), o([ve, de, Ft], N), o($t, z);
+  }
+  function N() {
+    B = m(!0), I = t.perMove, h = t.perPage, b = x();
+    var A = Je(g, 0, v ? b : B - 1);
+    A !== g && (g = A, i.reposition());
+  }
+  function z() {
+    b !== x() && a(Ft);
+  }
+  function T(A, q, ge) {
+    if (!he()) {
+      var ie = P(A), fe = R(ie);
+      fe > -1 && (q || fe !== g) && (G(fe), i.move(ie, fe, F, ge));
+    }
+  }
+  function O(A, q, ge, ie) {
+    n.Scroll.scroll(A, q, ge, function() {
+      var fe = R(i.toIndex(l()));
+      G(v ? Fe(fe, b) : fe), ie && ie();
+    });
+  }
+  function P(A) {
+    var q = g;
+    if (Me(A)) {
+      var ge = A.match(/([+\-<>])(\d+)?/) || [], ie = ge[1], fe = ge[2];
+      ie === "+" || ie === "-" ? q = $(g + +("" + ie + (+fe || 1)), g) : ie === ">" ? q = fe ? L(+fe) : w(!0) : ie === "<" && (q = E(!0));
+    } else
+      q = c ? A : Je(A, 0, b);
+    return q;
+  }
+  function H(A, q) {
+    var ge = I || (ee() ? 1 : h), ie = $(g + ge * (A ? -1 : 1), g, !(I || ee()));
+    return ie === -1 && p && !lr(l(), s(!A), 1) ? A ? 0 : b : q ? ie : R(ie);
+  }
+  function $(A, q, ge) {
+    if (S() || ee()) {
+      var ie = f(A);
+      ie !== A && (q = A, A = ie, ge = !1), A < 0 || A > b ? !I && (Pt(0, A, q, !0) || Pt(b, q, A, !0)) ? A = L(_(A)) : c ? A = ge ? A < 0 ? -(B % h || h) : B : A : t.rewind ? A = A < 0 ? b : 0 : A = -1 : ge && A !== q && (A = L(_(q) + (A < q ? -1 : 1)));
+    } else
+      A = -1;
+    return A;
+  }
+  function f(A) {
+    if (p && t.trimSpace === "move" && A !== g)
+      for (var q = l(); q === d(A, !0) && Pt(A, 0, e.length - 1, !t.rewind); )
+        A < g ? --A : ++A;
+    return A;
+  }
+  function R(A) {
+    return c ? (A + B) % B || 0 : A;
+  }
+  function x() {
+    for (var A = B - (ee() || c && I ? 1 : h); v && A-- > 0; )
+      if (d(B - 1, !0) !== d(A, !0)) {
+        A++;
+        break;
+      }
+    return Je(A, 0, B - 1);
+  }
+  function L(A) {
+    return Je(ee() ? A : h * A, 0, b);
+  }
+  function _(A) {
+    return ee() ? Fe(A, b) : Mt((A >= b ? B - 1 : A) / h);
+  }
+  function k(A) {
+    var q = i.toIndex(A);
+    return p ? Je(q, 0, b) : q;
+  }
+  function G(A) {
+    A !== g && (F = g, g = A);
+  }
+  function ne(A) {
+    return A ? F : g;
+  }
+  function ee() {
+    return !St(t.focus) || t.isNavigation;
+  }
+  function he() {
+    return e.state.is([ot, bt]) && !!t.waitForTransition;
+  }
+  return {
+    mount: C,
+    go: T,
+    scroll: O,
+    getNext: w,
+    getPrev: E,
+    getAdjacent: H,
+    getEnd: x,
+    setIndex: G,
+    getIndex: ne,
+    toIndex: L,
+    toPage: _,
+    toDest: k,
+    hasFocus: ee,
+    isBusy: he
+  };
+}
+var co = "http://www.w3.org/2000/svg", uo = "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z", Nt = 40;
+function po(e, n, t) {
+  var r = se(e), o = r.on, a = r.bind, i = r.emit, l = t.classes, s = t.i18n, d = n.Elements, u = n.Controller, S = d.arrows, m = d.track, v = S, c = d.prev, p = d.next, w, E, g = {};
+  function b() {
+    B(), o(ve, F);
+  }
+  function F() {
+    I(), b();
+  }
+  function B() {
+    var O = t.arrows;
+    O && !(c && p) && N(), c && p && (ht(g, {
+      prev: c,
+      next: p
+    }), vt(v, O ? "" : "none"), Le(v, E = Rn + "--" + t.direction), O && (h(), T(), K([c, p], It, m.id), i(vr, c, p)));
+  }
+  function I() {
+    r.destroy(), De(v, E), w ? (Ge(S ? [c, p] : v), c = p = null) : Te([c, p], Tn);
+  }
+  function h() {
+    o([je, at, de, Ke, Ft], T), a(p, "click", re(C, ">")), a(c, "click", re(C, "<"));
+  }
+  function C(O) {
+    u.go(O, !0);
+  }
+  function N() {
+    v = S || et("div", l.arrows), c = z(!0), p = z(!1), w = !0, Et(v, [c, p]), !S && vn(v, m);
+  }
+  function z(O) {
+    var P = '<button class="' + l.arrow + " " + (O ? l.prev : l.next) + '" type="button"><svg xmlns="' + co + '" viewBox="0 0 ' + Nt + " " + Nt + '" width="' + Nt + '" height="' + Nt + '" focusable="false"><path d="' + (t.arrowPath || uo) + '" />';
+    return ar(P);
+  }
+  function T() {
+    if (c && p) {
+      var O = e.index, P = u.getPrev(), H = u.getNext(), $ = P > -1 && O < P ? s.last : s.prev, f = H > -1 && O > H ? s.first : s.next;
+      c.disabled = P < 0, p.disabled = H < 0, K(c, we, $), K(p, we, f), i(yr, c, p, P, H);
+    }
+  }
+  return {
+    arrows: g,
+    mount: b,
+    destroy: I,
+    update: T
+  };
+}
+var fo = _n + "-interval";
+function go(e, n, t) {
+  var r = se(e), o = r.on, a = r.bind, i = r.emit, l = Ut(t.interval, e.go.bind(e, ">"), h), s = l.isPaused, d = n.Elements, u = n.Elements, S = u.root, m = u.toggle, v = t.autoplay, c, p, w = v === "pause";
+  function E() {
+    v && (g(), m && K(m, It, d.track.id), w || b(), I());
+  }
+  function g() {
+    t.pauseOnHover && a(S, "mouseenter mouseleave", function(N) {
+      c = N.type === "mouseenter", B();
+    }), t.pauseOnFocus && a(S, "focusin focusout", function(N) {
+      p = N.type === "focusin", B();
+    }), m && a(m, "click", function() {
+      w ? b() : F(!0);
+    }), o([ze, Ht, de], l.rewind), o(ze, C);
+  }
+  function b() {
+    s() && n.Slides.isEnough() && (l.start(!t.resetProgress), p = c = w = !1, I(), i(Cn));
+  }
+  function F(N) {
+    N === void 0 && (N = !0), w = !!N, I(), s() || (l.pause(), i(An));
+  }
+  function B() {
+    w || (c || p ? F(!1) : b());
+  }
+  function I() {
+    m && (Oe(m, Xe, !w), K(m, we, t.i18n[w ? "play" : "pause"]));
+  }
+  function h(N) {
+    var z = d.bar;
+    z && Ce(z, "width", N * 100 + "%"), i(Sr, N);
+  }
+  function C(N) {
+    var z = n.Slides.getAt(N);
+    l.set(z && +Ie(z.slide, fo) || t.interval);
+  }
+  return {
+    mount: E,
+    destroy: l.cancel,
+    play: b,
+    pause: F,
+    isPaused: s
+  };
+}
+function mo(e, n, t) {
+  var r = se(e), o = r.on;
+  function a() {
+    t.cover && (o(In, re(l, !0)), o([je, ve, de], re(i, !0)));
+  }
+  function i(s) {
+    n.Slides.forEach(function(d) {
+      var u = Ct(d.container || d.slide, "img");
+      u && u.src && l(s, u, d);
+    });
+  }
+  function l(s, d, u) {
+    u.style("background", s ? 'center/cover no-repeat url("' + d.src + '")' : "", !0), vt(d, s ? "none" : "");
+  }
+  return {
+    mount: a,
+    destroy: re(i, !1)
+  };
+}
+var ho = 10, vo = 600, yo = 0.6, _o = 1.5, bo = 800;
+function So(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = e.state.set, l = n.Move, s = l.getPosition, d = l.getLimit, u = l.exceededLimit, S = l.translate, m = e.is(it), v, c, p = 1;
+  function w() {
+    o(ze, F), o([ve, de], B);
+  }
+  function E(h, C, N, z, T) {
+    var O = s();
+    if (F(), N && (!m || !u())) {
+      var P = n.Layout.sliderSize(), H = sn(h) * P * Mt(_e(h) / P) || 0;
+      h = l.toPosition(n.Controller.toDest(h % P)) + H;
+    }
+    var $ = lr(O, h, 1);
+    p = 1, C = $ ? 0 : C || Wt(_e(h - O) / _o, bo), c = z, v = Ut(C, g, re(b, O, h, T), 1), i(bt), a(Ht), v.start();
+  }
+  function g() {
+    i(nt), c && c(), a(Ke);
+  }
+  function b(h, C, N, z) {
+    var T = s(), O = h + (C - h) * I(z), P = (O - T) * p;
+    S(T + P), m && !N && u() && (p *= yo, _e(P) < ho && E(d(u(!0)), vo, !1, c, !0));
+  }
+  function F() {
+    v && v.cancel();
+  }
+  function B() {
+    v && !v.isPaused() && (F(), g());
+  }
+  function I(h) {
+    var C = t.easingFunc;
+    return C ? C(h) : 1 - Math.pow(1 - h, 4);
+  }
+  return {
+    mount: w,
+    destroy: F,
+    scroll: E,
+    cancel: B
+  };
+}
+var Ze = {
+  passive: !1,
+  capture: !0
 };
-const RichTextRenderer = ({ content }) => {
-  const getChildren = (children) => {
-    return children.map((child, i) => {
-      if (child.type === "link") {
-        return /* @__PURE__ */ jsx("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
-      }
-      return /* @__PURE__ */ jsx("span", { style: getLeafCss(child), children: child.text }, i);
+function wo(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = r.bind, l = r.unbind, s = e.state, d = n.Move, u = n.Scroll, S = n.Controller, m = n.Elements.track, v = n.Media.reduce, c = n.Direction, p = c.resolve, w = c.orient, E = d.getPosition, g = d.exceededLimit, b, F, B, I, h, C = !1, N, z, T;
+  function O() {
+    i(m, tn, on, Ze), i(m, nn, on, Ze), i(m, Br, H, Ze), i(m, "click", R, {
+      capture: !0
+    }), i(m, "dragstart", ke), o([je, ve], P);
+  }
+  function P() {
+    var W = t.drag;
+    Lt(!W), I = W === "free";
+  }
+  function H(W) {
+    if (N = !1, !z) {
+      var y = fe(W);
+      ie(W.target) && (y || !W.button) && (S.isBusy() ? ke(W, !0) : (T = y ? m : window, h = s.is([ot, bt]), B = null, i(T, tn, $, Ze), i(T, nn, f, Ze), d.cancel(), u.cancel(), x(W)));
+    }
+  }
+  function $(W) {
+    if (s.is(Ot) || (s.set(Ot), a(gr)), W.cancelable)
+      if (h) {
+        d.translate(b + ge(ee(W)));
+        var y = he(W) > Un, V = C !== (C = g());
+        (y || V) && x(W), N = !0, a(mr), ke(W);
+      } else k(W) && (h = _(W), ke(W));
+  }
+  function f(W) {
+    s.is(Ot) && (s.set(nt), a(hr)), h && (L(W), ke(W)), l(T, tn, $), l(T, nn, f), h = !1;
+  }
+  function R(W) {
+    !z && N && ke(W, !0);
+  }
+  function x(W) {
+    B = F, F = W, b = E();
+  }
+  function L(W) {
+    var y = G(W), V = ne(y), Y = t.rewind && t.rewindByDrag;
+    v(!1), I ? S.scroll(V, 0, t.snap) : e.is(xt) ? S.go(w(sn(y)) < 0 ? Y ? "<" : "-" : Y ? ">" : "+") : e.is(it) && C && Y ? S.go(g(!0) ? ">" : "<") : S.go(S.toDest(V), !0), v(!0);
+  }
+  function _(W) {
+    var y = t.dragMinThreshold, V = ft(y), Y = V && y.mouse || 0, J = (V ? y.touch : +y) || 10;
+    return _e(ee(W)) > (fe(W) ? J : Y);
+  }
+  function k(W) {
+    return _e(ee(W)) > _e(ee(W, !0));
+  }
+  function G(W) {
+    if (e.is(st) || !C) {
+      var y = he(W);
+      if (y && y < Un)
+        return ee(W) / y;
+    }
+    return 0;
+  }
+  function ne(W) {
+    return E() + sn(W) * Fe(_e(W) * (t.flickPower || 600), I ? 1 / 0 : n.Layout.listSize() * (t.flickMaxPages || 1));
+  }
+  function ee(W, y) {
+    return q(W, y) - q(A(W), y);
+  }
+  function he(W) {
+    return an(W) - an(A(W));
+  }
+  function A(W) {
+    return F === W && B || F;
+  }
+  function q(W, y) {
+    return (fe(W) ? W.changedTouches[0] : W)["page" + p(y ? "Y" : "X")];
+  }
+  function ge(W) {
+    return W / (C && e.is(it) ? eo : 1);
+  }
+  function ie(W) {
+    var y = t.noDrag;
+    return !gt(W, "." + Nr + ", ." + Jt) && (!y || !gt(W, y));
+  }
+  function fe(W) {
+    return typeof TouchEvent < "u" && W instanceof TouchEvent;
+  }
+  function lt() {
+    return h;
+  }
+  function Lt(W) {
+    z = W;
+  }
+  return {
+    mount: O,
+    disable: Lt,
+    isDragging: lt
+  };
+}
+var Eo = {
+  Spacebar: " ",
+  Right: Xt,
+  Left: Gt,
+  Up: Cr,
+  Down: Ar
+};
+function Nn(e) {
+  return e = Me(e) ? e : e.key, Eo[e] || e;
+}
+var Yn = "keydown";
+function Co(e, n, t) {
+  var r = se(e), o = r.on, a = r.bind, i = r.unbind, l = e.root, s = n.Direction.resolve, d, u;
+  function S() {
+    m(), o(ve, v), o(ve, m), o(ze, p);
+  }
+  function m() {
+    var E = t.keyboard;
+    E && (d = E === "global" ? window : l, a(d, Yn, w));
+  }
+  function v() {
+    i(d, Yn);
+  }
+  function c(E) {
+    u = E;
+  }
+  function p() {
+    var E = u;
+    u = !0, tr(function() {
+      u = E;
+    });
+  }
+  function w(E) {
+    if (!u) {
+      var g = Nn(E);
+      g === s(Gt) ? e.go("<") : g === s(Xt) && e.go(">");
+    }
+  }
+  return {
+    mount: S,
+    destroy: v,
+    disable: c
+  };
+}
+var ut = _n + "-lazy", Bt = ut + "-srcset", Ao = "[" + ut + "], [" + Bt + "]";
+function Io(e, n, t) {
+  var r = se(e), o = r.on, a = r.off, i = r.bind, l = r.emit, s = t.lazyLoad === "sequential", d = [at, Ke], u = [];
+  function S() {
+    t.lazyLoad && (m(), o(de, m));
+  }
+  function m() {
+    Be(u), v(), s ? E() : (a(d), o(d, c), c());
+  }
+  function v() {
+    n.Slides.forEach(function(g) {
+      yn(g.slide, Ao).forEach(function(b) {
+        var F = Ie(b, ut), B = Ie(b, Bt);
+        if (F !== b.src || B !== b.srcset) {
+          var I = t.classes.spinner, h = b.parentElement, C = Ct(h, "." + I) || et("span", I, h);
+          u.push([b, g, C]), b.src || vt(b, "none");
+        }
+      });
+    });
+  }
+  function c() {
+    u = u.filter(function(g) {
+      var b = t.perPage * ((t.preloadPages || 1) + 1) - 1;
+      return g[1].isWithin(e.index, b) ? p(g) : !0;
+    }), u.length || a(d);
+  }
+  function p(g) {
+    var b = g[0];
+    Le(g[1].slide, dn), i(b, "load error", re(w, g)), K(b, "src", Ie(b, ut)), K(b, "srcset", Ie(b, Bt)), Te(b, ut), Te(b, Bt);
+  }
+  function w(g, b) {
+    var F = g[0], B = g[1];
+    De(B.slide, dn), b.type !== "error" && (Ge(g[2]), vt(F, ""), l(In, F, B), l(rt)), s && E();
+  }
+  function E() {
+    u.length && p(u.shift());
+  }
+  return {
+    mount: S,
+    destroy: re(Be, u),
+    check: c
+  };
+}
+function xo(e, n, t) {
+  var r = se(e), o = r.on, a = r.emit, i = r.bind, l = n.Slides, s = n.Elements, d = n.Controller, u = d.hasFocus, S = d.getIndex, m = d.go, v = n.Direction.resolve, c = s.pagination, p = [], w, E;
+  function g() {
+    b(), o([ve, de, Ft], g);
+    var z = t.pagination;
+    c && vt(c, z ? "" : "none"), z && (o([ze, Ht, Ke], N), F(), N(), a(_r, {
+      list: w,
+      items: p
+    }, C(e.index)));
+  }
+  function b() {
+    w && (Ge(c ? Ve(w.children) : w), De(w, E), Be(p), w = null), r.destroy();
+  }
+  function F() {
+    var z = e.length, T = t.classes, O = t.i18n, P = t.perPage, H = u() ? d.getEnd() + 1 : yt(z / P);
+    w = c || et("ul", T.pagination, s.track.parentElement), Le(w, E = Zt + "--" + h()), K(w, Pe, "tablist"), K(w, we, O.select), K(w, Ln, h() === Kt ? "vertical" : "");
+    for (var $ = 0; $ < H; $++) {
+      var f = et("li", null, w), R = et("button", {
+        class: T.page,
+        type: "button"
+      }, f), x = l.getIn($).map(function(_) {
+        return _.slide.id;
+      }), L = !u() && P > 1 ? O.pageX : O.slideX;
+      i(R, "click", re(B, $)), t.paginationKeyboard && i(R, "keydown", re(I, $)), K(f, Pe, "presentation"), K(R, Pe, "tab"), K(R, It, x.join(" ")), K(R, we, ln(L, $ + 1)), K(R, tt, -1), p.push({
+        li: f,
+        button: R,
+        page: $
+      });
+    }
+  }
+  function B(z) {
+    m(">" + z, !0);
+  }
+  function I(z, T) {
+    var O = p.length, P = Nn(T), H = h(), $ = -1;
+    P === v(Xt, !1, H) ? $ = ++z % O : P === v(Gt, !1, H) ? $ = (--z + O) % O : P === "Home" ? $ = 0 : P === "End" && ($ = O - 1);
+    var f = p[$];
+    f && (or(f.button), m(">" + $), ke(T, !0));
+  }
+  function h() {
+    return t.paginationDirection || t.direction;
+  }
+  function C(z) {
+    return p[d.toPage(z)];
+  }
+  function N() {
+    var z = C(S(!0)), T = C(S());
+    if (z) {
+      var O = z.button;
+      De(O, Xe), Te(O, Fn), K(O, tt, -1);
+    }
+    if (T) {
+      var P = T.button;
+      Le(P, Xe), K(P, Fn, !0), K(P, tt, "");
+    }
+    a(br, {
+      list: w,
+      items: p
+    }, z, T);
+  }
+  return {
+    items: p,
+    mount: g,
+    destroy: b,
+    getAt: C,
+    update: N
+  };
+}
+var Lo = [" ", "Enter"];
+function To(e, n, t) {
+  var r = t.isNavigation, o = t.slideFocus, a = [];
+  function i() {
+    e.splides.forEach(function(c) {
+      c.isParent || (d(e, c.splide), d(c.splide, e));
+    }), r && u();
+  }
+  function l() {
+    a.forEach(function(c) {
+      c.destroy();
+    }), Be(a);
+  }
+  function s() {
+    l(), i();
+  }
+  function d(c, p) {
+    var w = se(c);
+    w.on(ze, function(E, g, b) {
+      p.go(p.is(st) ? b : E);
+    }), a.push(w);
+  }
+  function u() {
+    var c = se(e), p = c.on;
+    p(Sn, m), p(wr, v), p([je, ve], S), a.push(c), c.emit(En, e.splides);
+  }
+  function S() {
+    K(n.Elements.list, Ln, t.direction === Kt ? "vertical" : "");
+  }
+  function m(c) {
+    e.go(c.index);
+  }
+  function v(c, p) {
+    hn(Lo, Nn(p)) && (m(c), ke(p));
+  }
+  return {
+    setup: re(n.Media.set, {
+      slideFocus: St(o) ? r : o
+    }, !0),
+    mount: i,
+    destroy: l,
+    remount: s
+  };
+}
+function Ro(e, n, t) {
+  var r = se(e), o = r.bind, a = 0;
+  function i() {
+    t.wheel && o(n.Elements.track, "wheel", l, Ze);
+  }
+  function l(d) {
+    if (d.cancelable) {
+      var u = d.deltaY, S = u < 0, m = an(d), v = t.wheelMinThreshold || 0, c = t.wheelSleep || 0;
+      _e(u) > v && m - a > c && (e.go(S ? "<" : ">"), a = m), s(S) && ke(d);
+    }
+  }
+  function s(d) {
+    return !t.releaseWheel || e.state.is(ot) || n.Controller.getAdjacent(d) !== -1;
+  }
+  return {
+    mount: i
+  };
+}
+var No = 90;
+function ko(e, n, t) {
+  var r = se(e), o = r.on, a = n.Elements.track, i = t.live && !t.isNavigation, l = et("span", Ki), s = Ut(No, re(u, !1));
+  function d() {
+    i && (m(!n.Autoplay.isPaused()), K(a, $n, !0), l.textContent = "…", o(Cn, re(m, !0)), o(An, re(m, !1)), o([at, Ke], re(u, !0)));
+  }
+  function u(v) {
+    K(a, jn, v), v ? (Et(a, l), s.start()) : (Ge(l), s.cancel());
+  }
+  function S() {
+    Te(a, [Vn, $n, jn]), Ge(l);
+  }
+  function m(v) {
+    i && K(a, Vn, v ? "off" : "polite");
+  }
+  return {
+    mount: d,
+    disable: m,
+    destroy: S
+  };
+}
+var Oo = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  Media: Fi,
+  Direction: Vi,
+  Elements: to,
+  Slides: ro,
+  Layout: io,
+  Clones: ao,
+  Move: so,
+  Controller: lo,
+  Arrows: po,
+  Autoplay: go,
+  Cover: mo,
+  Scroll: So,
+  Drag: wo,
+  Keyboard: Co,
+  LazyLoad: Io,
+  Pagination: xo,
+  Sync: To,
+  Wheel: Ro,
+  Live: ko
+}), Do = {
+  prev: "Previous slide",
+  next: "Next slide",
+  first: "Go to first slide",
+  last: "Go to last slide",
+  slideX: "Go to slide %s",
+  pageX: "Go to page %s",
+  play: "Start autoplay",
+  pause: "Pause autoplay",
+  carousel: "carousel",
+  slide: "slide",
+  select: "Select a slide to show",
+  slideLabel: "%s of %s"
+}, Po = {
+  type: "slide",
+  role: "region",
+  speed: 400,
+  perPage: 1,
+  cloneStatus: !0,
+  arrows: !0,
+  pagination: !0,
+  paginationKeyboard: !0,
+  interval: 5e3,
+  pauseOnHover: !0,
+  pauseOnFocus: !0,
+  resetProgress: !0,
+  easing: "cubic-bezier(0.25, 1, 0.5, 1)",
+  drag: !0,
+  direction: "ltr",
+  trimSpace: !0,
+  focusableNodes: "a, button, textarea, input, select, iframe",
+  live: !0,
+  classes: Zi,
+  i18n: Do,
+  reducedMotion: {
+    speed: 0,
+    rewindSpeed: 0,
+    autoplay: "pause"
+  }
+};
+function Bo(e, n, t) {
+  var r = n.Slides;
+  function o() {
+    se(e).on([je, de], a);
+  }
+  function a() {
+    r.forEach(function(l) {
+      l.style("transform", "translateX(-" + 100 * l.index + "%)");
     });
+  }
+  function i(l, s) {
+    r.style("transition", "opacity " + t.speed + "ms " + t.easing), tr(s);
+  }
+  return {
+    mount: o,
+    start: i,
+    cancel: on
+  };
+}
+function zo(e, n, t) {
+  var r = n.Move, o = n.Controller, a = n.Scroll, i = n.Elements.list, l = re(Ce, i, "transition"), s;
+  function d() {
+    se(e).bind(i, "transitionend", function(v) {
+      v.target === i && s && (S(), s());
+    });
+  }
+  function u(v, c) {
+    var p = r.toPosition(v, !0), w = r.getPosition(), E = m(v);
+    _e(p - w) >= 1 && E >= 1 ? t.useScroll ? a.scroll(p, E, !1, c) : (l("transform " + E + "ms " + t.easing), r.translate(p, !0), s = c) : (r.jump(v), c());
+  }
+  function S() {
+    l(""), a.cancel();
+  }
+  function m(v) {
+    var c = t.rewindSpeed;
+    if (e.is(it) && c) {
+      var p = o.getIndex(!0), w = o.getEnd();
+      if (p === 0 && v >= w || p >= w && v === 0)
+        return c;
+    }
+    return t.speed;
+  }
+  return {
+    mount: d,
+    start: u,
+    cancel: S
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: content.map((block, i) => {
-    const children = block.children;
-    return /* @__PURE__ */ jsx("div", { children: getChildren(children) }, i);
+}
+var Wo = /* @__PURE__ */ (function() {
+  function e(t, r) {
+    this.event = se(), this.Components = {}, this.state = Wi(Qe), this.splides = [], this._o = {}, this._E = {};
+    var o = Me(t) ? sr(document, t) : t;
+    ct(o, o + " is invalid."), this.root = o, r = We({
+      label: Ie(o, we) || "",
+      labelledby: Ie(o, xn) || ""
+    }, Po, e.defaults, r || {});
+    try {
+      We(r, JSON.parse(Ie(o, _n)));
+    } catch {
+      ct(!1, "Invalid JSON");
+    }
+    this._o = Object.create(We({}, r));
+  }
+  var n = e.prototype;
+  return n.mount = function(r, o) {
+    var a = this, i = this.state, l = this.Components;
+    ct(i.is([Qe, zt]), "Already mounted!"), i.set(Qe), this._C = l, this._T = o || this._T || (this.is(xt) ? Bo : zo), this._E = r || this._E;
+    var s = ht({}, Oo, this._E, {
+      Transition: this._T
+    });
+    return Ye(s, function(d, u) {
+      var S = d(a, l, a._o);
+      l[u] = S, S.setup && S.setup();
+    }), Ye(l, function(d) {
+      d.mount && d.mount();
+    }), this.emit(je), Le(this.root, qi), i.set(nt), this.emit(cn), this;
+  }, n.sync = function(r) {
+    return this.splides.push({
+      splide: r
+    }), r.splides.push({
+      splide: this,
+      isParent: !0
+    }), this.state.is(nt) && (this._C.Sync.remount(), r.Components.Sync.remount()), this;
+  }, n.go = function(r) {
+    return this._C.Controller.go(r), this;
+  }, n.on = function(r, o) {
+    return this.event.on(r, o), this;
+  }, n.off = function(r) {
+    return this.event.off(r), this;
+  }, n.emit = function(r) {
+    var o;
+    return (o = this.event).emit.apply(o, [r].concat(Ve(arguments, 1))), this;
+  }, n.add = function(r, o) {
+    return this._C.Slides.add(r, o), this;
+  }, n.remove = function(r) {
+    return this._C.Slides.remove(r), this;
+  }, n.is = function(r) {
+    return this._o.type === r;
+  }, n.refresh = function() {
+    return this.emit(de), this;
+  }, n.destroy = function(r) {
+    r === void 0 && (r = !0);
+    var o = this.event, a = this.state;
+    return a.is(Qe) ? se(this).on(cn, this.destroy.bind(this, r)) : (Ye(this._C, function(i) {
+      i.destroy && i.destroy(r);
+    }, !0), o.emit(wn), o.destroy(), r && Be(this.splides), a.set(zt)), this;
+  }, Oi(e, [{
+    key: "options",
+    get: function() {
+      return this._o;
+    },
+    set: function(r) {
+      this._C.Media.set(r, !0, !0);
+    }
+  }, {
+    key: "length",
+    get: function() {
+      return this._C.Slides.getLength(!0);
+    }
+  }, {
+    key: "index",
+    get: function() {
+      return this._C.Controller.getIndex();
+    }
+  }]), e;
+})(), kn = Wo;
+kn.defaults = {};
+kn.STATES = Pi;
+var Gn = [
+  [je, "onMounted"],
+  [cn, "onReady"],
+  [ze, "onMove"],
+  [at, "onMoved"],
+  [Sn, "onClick"],
+  [ur, "onActive"],
+  [dr, "onInactive"],
+  [pr, "onVisible"],
+  [fr, "onHidden"],
+  [de, "onRefresh"],
+  [ve, "onUpdated"],
+  [rt, "onResize"],
+  [$t, "onResized"],
+  [gr, "onDrag"],
+  [mr, "onDragging"],
+  [hr, "onDragged"],
+  [Ht, "onScroll"],
+  [Ke, "onScrolled"],
+  [wn, "onDestroy"],
+  [vr, "onArrowsMounted"],
+  [yr, "onArrowsUpdated"],
+  [_r, "onPaginationMounted"],
+  [br, "onPaginationUpdated"],
+  [En, "onNavigationMounted"],
+  [Cn, "onAutoplayPlay"],
+  [Sr, "onAutoplayPlaying"],
+  [An, "onAutoplayPause"],
+  [In, "onLazyLoadLoaded"]
+];
+function On(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function Vt(e) {
+  return e !== null && typeof e == "object";
+}
+function pn(e, n) {
+  if (Array.isArray(e) && Array.isArray(n))
+    return e.length === n.length && !e.some((t, r) => !pn(t, n[r]));
+  if (Vt(e) && Vt(n)) {
+    const t = Object.keys(e), r = Object.keys(n);
+    return t.length === r.length && !t.some((o) => !Object.prototype.hasOwnProperty.call(n, o) || !pn(e[o], n[o]));
+  }
+  return e === n;
+}
+function Mo(e, n) {
+  return e.length === n.length && !e.some((t, r) => t !== n[r]);
+}
+function Fo(e, n) {
+  if (e) {
+    const t = Object.keys(e);
+    for (let r = 0; r < t.length; r++) {
+      const o = t[r];
+      if (o !== "__proto__" && n(e[o], o) === !1)
+        break;
+    }
+  }
+  return e;
+}
+function fn(e, n) {
+  const t = e;
+  return Fo(n, (r, o) => {
+    Array.isArray(r) ? t[o] = r.slice() : Vt(r) ? t[o] = fn(Vt(t[o]) ? t[o] : {}, r) : t[o] = r;
+  }), t;
+}
+var Vo = ({ children: e, className: n, ...t }) => /* @__PURE__ */ Ue.createElement("div", {
+  className: On("splide__track", n),
+  ...t
+}, /* @__PURE__ */ Ue.createElement("ul", {
+  className: "splide__list"
+}, e)), zr = class extends Ue.Component {
+  constructor() {
+    super(...arguments), this.splideRef = Ue.createRef(), this.slides = [];
+  }
+  componentDidMount() {
+    const { options: e, extensions: n, transition: t } = this.props, { current: r } = this.splideRef;
+    r && (this.splide = new kn(r, e), this.bind(this.splide), this.splide.mount(n, t), this.options = fn({}, e || {}), this.slides = this.getSlides());
+  }
+  componentWillUnmount() {
+    this.splide && (this.splide.destroy(), this.splide = void 0), this.options = void 0, this.slides.length = 0;
+  }
+  componentDidUpdate() {
+    if (!this.splide)
+      return;
+    const { options: e } = this.props;
+    e && !pn(this.options, e) && (this.splide.options = e, this.options = fn({}, e));
+    const n = this.getSlides();
+    Mo(this.slides, n) || (this.splide.refresh(), this.slides = n);
+  }
+  sync(e) {
+    var n;
+    (n = this.splide) == null || n.sync(e);
+  }
+  go(e) {
+    var n;
+    (n = this.splide) == null || n.go(e);
+  }
+  getSlides() {
+    var e;
+    if (this.splide) {
+      const n = (e = this.splide.Components.Elements) == null ? void 0 : e.list.children;
+      return n && Array.prototype.slice.call(n) || [];
+    }
+    return [];
+  }
+  bind(e) {
+    Gn.forEach(([n, t]) => {
+      const r = this.props[t];
+      typeof r == "function" && e.on(n, (...o) => {
+        r(e, ...o);
+      });
+    });
+  }
+  omit(e, n) {
+    return n.forEach((t) => {
+      Object.prototype.hasOwnProperty.call(e, t) && delete e[t];
+    }), e;
+  }
+  render() {
+    const { className: e, tag: n = "div", hasTrack: t = !0, children: r, ...o } = this.props;
+    return /* @__PURE__ */ Ue.createElement(n, {
+      className: On("splide", e),
+      ref: this.splideRef,
+      ...this.omit(o, ["options", ...Gn.map((a) => a[1])])
+    }, t ? /* @__PURE__ */ Ue.createElement(Vo, null, r) : r);
+  }
+}, Wr = ({ children: e, className: n, ...t }) => /* @__PURE__ */ Ue.createElement("li", {
+  className: On("splide__slide", n),
+  ...t
+}, e);
+/*!
+ * Splide.js
+ * Version  : 4.1.3
+ * License  : MIT
+ * Copyright: 2022 Naotoshi Fujita
+ */
+const jo = "RichTextRenderer-module__link___BWeZ2", $o = {
+  link: jo
+}, Mr = ({ content: e }) => {
+  const n = (t) => t.map((r, o) => r.type === "link" ? /* @__PURE__ */ M("a", { className: $o.link, href: r.value, target: r.target, children: n(r.children) }, o) : /* @__PURE__ */ M("span", { style: Ho(r), children: r.text }, o));
+  return /* @__PURE__ */ M(pt, { children: e.map((t, r) => {
+    const o = t.children;
+    return /* @__PURE__ */ M("div", { children: n(o) }, r);
   }) });
 };
-function getLeafCss(leaf) {
+function Ho(e) {
   return {
-    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
-    ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
-    ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
-    ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
-    ...leaf.textTransform && { textTransform: leaf.textTransform },
-    ...leaf.fontVariant && { fontVariant: leaf.fontVariant },
-    ...leaf.verticalAlign && {
-      verticalAlign: leaf.verticalAlign,
+    ...e.fontFamily && { fontFamily: e.fontFamily },
+    ...e.fontWeight && { fontWeight: e.fontWeight },
+    ...e.fontStyle && { fontStyle: e.fontStyle },
+    ...e.textDecoration && { textDecoration: e.textDecoration },
+    ...e.textTransform && { textTransform: e.textTransform },
+    ...e.fontVariant && { fontVariant: e.fontVariant },
+    ...e.verticalAlign && {
+      verticalAlign: e.verticalAlign,
       lineHeight: "0px"
     }
   };
 }
-function scalingValue(value, isEditor = false) {
-  return isEditor ? `calc(var(--cntrl-article-width) * ${value})` : `${value * 100}vw`;
+function U(e, n = !1) {
+  return n ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
 }
-const svg = "SvgImage-module__svg___q3xE-";
-const img = "SvgImage-module__img___VsTm-";
-const styles$1 = {
-  svg,
-  img
-};
-const SvgImage = ({ url, fill = "#000000", hoverFill = "#CCCCCC", className = "" }) => {
-  const [supportsMask, setSupportsMask] = useState(true);
-  useEffect(() => {
-    if (typeof window !== "undefined" && window.CSS) {
-      const supported = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
-      setSupportsMask(supported);
+const Uo = "SvgImage-module__svg___q3xE-", Yo = "SvgImage-module__img___VsTm-", Xn = {
+  svg: Uo,
+  img: Yo
+}, dt = ({ url: e, fill: n = "#000000", hoverFill: t = "#CCCCCC", className: r = "" }) => {
+  const [o, a] = ue(!0);
+  return me(() => {
+    if (typeof window < "u" && window.CSS) {
+      const i = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
+      a(i);
     }
-  }, []);
-  if (!url.endsWith(".svg") || !supportsMask) {
-    return /* @__PURE__ */ jsx("img", { src: url, alt: "", className: cn(styles$1.img, className) });
-  }
-  return /* @__PURE__ */ jsx(
+  }, []), !e.endsWith(".svg") || !o ? /* @__PURE__ */ M("img", { src: e, alt: "", className: ae(Xn.img, r) }) : /* @__PURE__ */ M(
     "span",
     {
-      "data-supports-mask": supportsMask,
-      className: cn(styles$1.svg, className),
+      "data-supports-mask": o,
+      className: ae(Xn.svg, r),
       style: {
-        "--svg": `url(${url})`,
-        "--fill": fill,
-        "--hover-fill": hoverFill
+        "--svg": `url(${e})`,
+        "--fill": n,
+        "--hover-fill": t
       }
     }
   );
+}, Go = {
+  "top-left": j.topLeftAlignment,
+  "top-center": j.topCenterAlignment,
+  "top-right": j.topRightAlignment,
+  "middle-left": j.middleLeftAlignment,
+  "middle-center": j.middleCenterAlignment,
+  "middle-right": j.middleRightAlignment,
+  "bottom-left": j.bottomLeftAlignment,
+  "bottom-center": j.bottomCenterAlignment,
+  "bottom-right": j.bottomRightAlignment
 };
-const alignmentClassName = {
-  "top-left": styles$3.topLeftAlignment,
-  "top-center": styles$3.topCenterAlignment,
-  "top-right": styles$3.topRightAlignment,
-  "middle-left": styles$3.middleLeftAlignment,
-  "middle-center": styles$3.middleCenterAlignment,
-  "middle-right": styles$3.middleRightAlignment,
-  "bottom-left": styles$3.bottomLeftAlignment,
-  "bottom-center": styles$3.bottomCenterAlignment,
-  "bottom-right": styles$3.bottomRightAlignment
-};
-function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
-  const [sliderRef, setSliderRef] = useState(null);
-  const { widthSettings, fontSettings, letterSpacing, textAlign, wordSpacing, fontSizeLineHeight, textAppearance, color } = sliderStyles.imageCaption;
-  const [sliderDimensions, setSliderDimensions] = useState(void 0);
-  const [wrapperRef, setWrapperRef] = useState(null);
-  const [currentSlideIndex, setCurrentSlideIndex] = useState(0);
-  const [key, setKey] = useState(0);
-  const { direction, transition, controls, pagination: pagination2, imageCaption, triggers } = settings;
-  const prevSliderTypeRef = useRef(transition.type);
-  const { x: controlsOffsetX, y: controlsOffsetY } = settings.controls.offset;
-  const handleArrowClick = (dir) => {
-    if (sliderRef) {
-      sliderRef.go(dir);
-    }
+function Xo({ settings: e, content: n, styles: t, isEditor: r }) {
+  const [o, a] = ue(null), { widthSettings: i, fontSettings: l, letterSpacing: s, textAlign: d, wordSpacing: u, fontSizeLineHeight: S, textAppearance: m, color: v } = t.imageCaption, [c, p] = ue(void 0), [w, E] = ue(null), [g, b] = ue(0), [F, B] = ue(0), { direction: I, transition: h, controls: C, pagination: N, imageCaption: z, triggers: T } = e, O = be(h.type), { x: P, y: H } = e.controls.offset, $ = (f) => {
+    o && o.go(f);
   };
-  useEffect(() => {
-    if (!wrapperRef) return;
-    const observer = new ResizeObserver((entries) => {
-      if (!sliderRef) return;
-      const [wrapper2] = entries;
-      setSliderDimensions({
-        width: Math.round(wrapper2.contentRect.width),
-        height: Math.round(wrapper2.contentRect.height)
+  return me(() => {
+    if (!w) return;
+    const f = new ResizeObserver((R) => {
+      if (!o) return;
+      const [x] = R;
+      p({
+        width: Math.round(x.contentRect.width),
+        height: Math.round(x.contentRect.height)
       });
     });
-    observer.observe(wrapperRef);
-    return () => observer.unobserve(wrapperRef);
-  }, [wrapperRef]);
-  useEffect(() => {
-    if (!sliderRef || prevSliderTypeRef.current === transition.type) return;
-    setKey((prev) => prev + 1);
-    prevSliderTypeRef.current = transition.type;
-  }, [transition.type]);
-  return /* @__PURE__ */ jsx("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxs(
+    return f.observe(w), () => f.unobserve(w);
+  }, [w]), me(() => {
+    !o || O.current === h.type || (B((f) => f + 1), O.current = h.type);
+  }, [h.type]), /* @__PURE__ */ M("div", { className: ae(j.wrapper, { [j.editor]: r }), ref: E, children: /* @__PURE__ */ Ae(
     "div",
     {
-      className: styles$3.sliderInner,
+      className: j.sliderInner,
       style: {
-        width: sliderDimensions ? sliderDimensions.width : "100%",
-        height: sliderDimensions ? sliderDimensions.height : "100%",
-        backgroundColor: transition.backgroundColor && transition.type === "fade in" ? transition.backgroundColor : "transparent"
+        width: c ? c.width : "100%",
+        height: c ? c.height : "100%",
+        backgroundColor: h.backgroundColor && h.type === "fade in" ? h.backgroundColor : "transparent"
       },
       children: [
-        settings.imageCaption.isActive && /* @__PURE__ */ jsx(
+        e.imageCaption.isActive && /* @__PURE__ */ M(
           "div",
           {
-            className: cn(styles$3.captionBlock),
-            children: /* @__PURE__ */ jsx(
+            className: ae(j.captionBlock),
+            children: /* @__PURE__ */ M(
               "div",
               {
-                className: styles$3.captionTextWrapper,
-                children: content.map((item, index) => /* @__PURE__ */ jsx(
+                className: j.captionTextWrapper,
+                children: n.map((f, R) => /* @__PURE__ */ M(
                   "div",
                   {
-                    className: cn(styles$3.captionText, alignmentClassName[imageCaption.alignment], {
-                      [styles$3.withPointerEvents]: index === currentSlideIndex && isEditor,
-                      [styles$3.active]: index === currentSlideIndex
+                    className: ae(j.captionText, Go[z.alignment], {
+                      [j.withPointerEvents]: R === g && r,
+                      [j.active]: R === g
                     }),
                     style: {
-                      fontFamily: fontSettings.fontFamily,
-                      fontWeight: fontSettings.fontWeight,
-                      fontStyle: fontSettings.fontStyle,
-                      width: widthSettings.sizing === "auto" ? "max-content" : scalingValue(widthSettings.width, isEditor),
-                      letterSpacing: scalingValue(letterSpacing, isEditor),
-                      wordSpacing: scalingValue(wordSpacing, isEditor),
-                      textAlign,
-                      fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-                      lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-                      textTransform: textAppearance.textTransform ?? "none",
-                      textDecoration: textAppearance.textDecoration ?? "none",
-                      fontVariant: textAppearance.fontVariant ?? "normal",
-                      color,
-                      transitionDuration: transition.duration ? `${Math.round(parseInt(transition.duration) / 2)}ms` : "500ms"
+                      fontFamily: l.fontFamily,
+                      fontWeight: l.fontWeight,
+                      fontStyle: l.fontStyle,
+                      width: i.sizing === "auto" ? "max-content" : U(i.width, r),
+                      letterSpacing: U(s, r),
+                      wordSpacing: U(u, r),
+                      textAlign: d,
+                      fontSize: U(S.fontSize, r),
+                      lineHeight: U(S.lineHeight, r),
+                      textTransform: m.textTransform ?? "none",
+                      textDecoration: m.textDecoration ?? "none",
+                      fontVariant: m.fontVariant ?? "normal",
+                      color: v,
+                      transitionDuration: h.duration ? `${Math.round(parseInt(h.duration) / 2)}ms` : "500ms"
                     },
-                    children: /* @__PURE__ */ jsx(
+                    children: /* @__PURE__ */ M(
                       "div",
                       {
                         "data-styles": "imageCaption",
-                        className: styles$3.captionTextInner,
+                        className: j.captionTextInner,
                         style: {
-                          "--link-hover-color": imageCaption.hover,
+                          "--link-hover-color": z.hover,
                           position: "relative",
-                          top: scalingValue(imageCaption.offset.y, isEditor),
-                          left: scalingValue(imageCaption.offset.x, isEditor)
+                          top: U(z.offset.y, r),
+                          left: U(z.offset.x, r)
                         },
-                        children: /* @__PURE__ */ jsx(RichTextRenderer, { content: item.imageCaption })
+                        children: /* @__PURE__ */ M(Mr, { content: f.imageCaption })
                       }
                     )
                   },
-                  index
+                  R
                 ))
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx(
-          Splide,
+        /* @__PURE__ */ M(
+          zr,
           {
-            onMove: (e) => {
-              setCurrentSlideIndex(e.index);
+            onMove: (f) => {
+              b(f.index);
             },
-            ref: setSliderRef,
+            ref: a,
             options: {
-              arrows: false,
-              speed: transition.duration ? parseInt(transition.duration) : 500,
-              autoplay: triggers.autoPlay !== null,
-              ...triggers.autoPlay !== null && {
-                interval: parseInt(triggers.autoPlay) * 1e3
-              },
-              direction: direction === "horiz" || transition.type === "fade in" ? "ltr" : "ttb",
-              pagination: false,
-              drag: triggers.triggersList.drag,
+              arrows: !1,
+              speed: h.duration ? parseInt(h.duration) : 500,
+              autoplay: T.autoPlay !== null,
+              ...T.autoPlay !== null && {
+                interval: parseInt(T.autoPlay) * 1e3
+              },
+              direction: I === "horiz" || h.type === "fade in" ? "ltr" : "ttb",
+              pagination: !1,
+              drag: T.triggersList.drag,
               perPage: 1,
-              width: sliderDimensions ? sliderDimensions.width : "100%",
-              height: sliderDimensions ? sliderDimensions.height : "100%",
-              type: transition.type === "fade in" ? "fade" : "loop",
-              rewind: true
+              width: c ? c.width : "100%",
+              height: c ? c.height : "100%",
+              type: h.type === "fade in" ? "fade" : "loop",
+              rewind: !0
             },
-            children: content.map((item, index) => /* @__PURE__ */ jsx(SplideSlide, { children: /* @__PURE__ */ jsx(
+            children: n.map((f, R) => /* @__PURE__ */ M(Wr, { children: /* @__PURE__ */ M(
               "div",
               {
-                className: styles$3.sliderItem,
-                children: /* @__PURE__ */ jsx(
+                className: j.sliderItem,
+                children: /* @__PURE__ */ M(
                   "div",
                   {
-                    className: styles$3.imgWrapper,
-                    children: /* @__PURE__ */ jsx(
+                    className: j.imgWrapper,
+                    children: /* @__PURE__ */ M(
                       "img",
                       {
-                        className: cn(styles$3.sliderImage, {
-                          [styles$3.contain]: item.image.objectFit === "contain",
-                          [styles$3.cover]: item.image.objectFit === "cover"
+                        className: ae(j.sliderImage, {
+                          [j.contain]: f.image.objectFit === "contain",
+                          [j.cover]: f.image.objectFit === "cover"
                         }),
-                        src: item.image.url,
-                        alt: item.image.name ?? ""
+                        src: f.image.url,
+                        alt: f.image.name ?? ""
                       }
                     )
                   }
                 )
               }
-            ) }, index))
+            ) }, R))
           },
-          key
+          F
         ),
-        controls.isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
+        C.isActive && /* @__PURE__ */ Ae(pt, { children: [
+          /* @__PURE__ */ M(
             "div",
             {
-              className: cn(styles$3.arrow, {
-                [styles$3.arrowVertical]: direction === "vert",
-                [styles$3.hoverArrow]: controls.show === "on hover"
+              className: ae(j.arrow, {
+                [j.arrowVertical]: I === "vert",
+                [j.hoverArrow]: C.show === "on hover"
               }),
               style: {
-                color: controls.color,
-                ["--arrow-hover-color"]: controls.hover
+                color: C.color,
+                "--arrow-hover-color": C.hover
               },
-              children: /* @__PURE__ */ jsxs(
+              children: /* @__PURE__ */ Ae(
                 "button",
                 {
                   onClick: () => {
-                    handleArrowClick("-1");
+                    $("-1");
                   },
-                  className: styles$3.arrowInner,
+                  className: j.arrowInner,
                   style: {
-                    transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horiz" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
+                    transform: `translate(${U(P, r)}, ${U(H * (I === "horiz" ? 1 : -1), r)}) scale(${e.controls.scale / 100}) rotate(${I === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsx(
-                      SvgImage,
+                    C.arrowsImgUrl && /* @__PURE__ */ M(
+                      dt,
                       {
-                        url: controls.arrowsImgUrl,
-                        fill: controls.color,
-                        hoverFill: controls.hover,
-                        className: cn(styles$3.arrowImg, styles$3.mirror)
+                        url: C.arrowsImgUrl,
+                        fill: C.color,
+                        hoverFill: C.hover,
+                        className: ae(j.arrowImg, j.mirror)
                       }
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon$1, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) })
+                    !C.arrowsImgUrl && /* @__PURE__ */ M(Kn, { color: C.color, className: ae(j.arrowIcon, j.arrowImg, j.mirror) })
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ M(
             "div",
             {
-              className: cn(styles$3.arrow, styles$3.nextArrow, {
-                [styles$3.arrowVertical]: direction === "vert",
-                [styles$3.hoverArrow]: controls.show === "on hover"
+              className: ae(j.arrow, j.nextArrow, {
+                [j.arrowVertical]: I === "vert",
+                [j.hoverArrow]: C.show === "on hover"
               }),
               style: {
-                color: controls.color,
-                ["--arrow-hover-color"]: controls.hover
+                color: C.color,
+                "--arrow-hover-color": C.hover
               },
-              children: /* @__PURE__ */ jsxs(
+              children: /* @__PURE__ */ Ae(
                 "button",
                 {
-                  className: styles$3.arrowInner,
-                  onClick: () => handleArrowClick("+1"),
+                  className: j.arrowInner,
+                  onClick: () => $("+1"),
                   style: {
-                    transform: `translate(${scalingValue(controlsOffsetX * (direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
+                    transform: `translate(${U(P * (I === "horiz" ? -1 : 1), r)}, ${U(H, r)}) scale(${e.controls.scale / 100}) rotate(${I === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsx(
-                      SvgImage,
+                    C.arrowsImgUrl && /* @__PURE__ */ M(
+                      dt,
                       {
-                        url: controls.arrowsImgUrl,
-                        fill: controls.color,
-                        hoverFill: controls.hover,
-                        className: styles$3.arrowImg
+                        url: C.arrowsImgUrl,
+                        fill: C.color,
+                        hoverFill: C.hover,
+                        className: j.arrowImg
                       }
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon$1, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) })
+                    !C.arrowsImgUrl && /* @__PURE__ */ M(Kn, { color: C.color, className: ae(j.arrowIcon, j.arrowImg) })
                   ]
                 }
               )
             }
           )
         ] }),
-        triggers.triggersList.click && /* @__PURE__ */ jsx(
+        T.triggersList.click && /* @__PURE__ */ M(
           "div",
           {
-            className: styles$3.clickOverlay,
+            className: j.clickOverlay,
             onClick: () => {
-              if (sliderRef) {
-                sliderRef.go("+1");
-              }
+              o && o.go("+1");
             }
           }
         ),
-        pagination2.isActive && /* @__PURE__ */ jsx(
+        N.isActive && /* @__PURE__ */ M(
           "div",
           {
-            className: cn(styles$3.pagination, {
-              [styles$3.paginationInsideBottom]: pagination2.position === "inside-1" && direction === "horiz",
-              [styles$3.paginationInsideTop]: pagination2.position === "inside-2" && direction === "horiz",
-              [styles$3.paginationOutsideBottom]: pagination2.position === "outside-1" && direction === "horiz",
-              [styles$3.paginationOutsideTop]: pagination2.position === "outside-2" && direction === "horiz",
-              [styles$3.paginationInsideLeft]: pagination2.position === "inside-1" && direction === "vert",
-              [styles$3.paginationInsideRight]: pagination2.position === "inside-2" && direction === "vert",
-              [styles$3.paginationOutsideLeft]: pagination2.position === "outside-1" && direction === "vert",
-              [styles$3.paginationOutsideRight]: pagination2.position === "outside-2" && direction === "vert",
-              [styles$3.paginationVertical]: direction === "vert"
+            className: ae(j.pagination, {
+              [j.paginationInsideBottom]: N.position === "inside-1" && I === "horiz",
+              [j.paginationInsideTop]: N.position === "inside-2" && I === "horiz",
+              [j.paginationOutsideBottom]: N.position === "outside-1" && I === "horiz",
+              [j.paginationOutsideTop]: N.position === "outside-2" && I === "horiz",
+              [j.paginationInsideLeft]: N.position === "inside-1" && I === "vert",
+              [j.paginationInsideRight]: N.position === "inside-2" && I === "vert",
+              [j.paginationOutsideLeft]: N.position === "outside-1" && I === "vert",
+              [j.paginationOutsideRight]: N.position === "outside-2" && I === "vert",
+              [j.paginationVertical]: I === "vert"
             }),
-            children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ M(
               "div",
               {
-                className: styles$3.paginationInner,
+                className: j.paginationInner,
                 style: {
-                  backgroundColor: pagination2.colors[2],
-                  transform: `scale(${pagination2.scale / 100}) translate(${scalingValue(pagination2.offset.x, isEditor)}, ${scalingValue(pagination2.offset.y, isEditor)}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
+                  backgroundColor: N.colors[2],
+                  transform: `scale(${N.scale / 100}) translate(${U(N.offset.x, r)}, ${U(N.offset.y, r)}) rotate(${I === "horiz" ? "0deg" : "90deg"})`
                 },
-                children: content.map((_, index) => /* @__PURE__ */ jsx(
+                children: n.map((f, R) => /* @__PURE__ */ M(
                   "button",
                   {
                     onClick: () => {
-                      if (sliderRef) {
-                        sliderRef.go(index);
-                      }
+                      o && o.go(R);
                     },
-                    className: cn(styles$3.paginationItem),
-                    children: /* @__PURE__ */ jsx(
+                    className: ae(j.paginationItem),
+                    children: /* @__PURE__ */ M(
                       "div",
                       {
-                        className: cn(styles$3.dot, {
-                          [styles$3.activeDot]: index === currentSlideIndex
+                        className: ae(j.dot, {
+                          [j.activeDot]: R === g
                         }),
                         style: {
-                          backgroundColor: index === currentSlideIndex ? pagination2.colors[0] : pagination2.colors[1],
-                          ["--pagination-hover-color"]: pagination2.hover
+                          backgroundColor: R === g ? N.colors[0] : N.colors[1],
+                          "--pagination-hover-color": N.hover
                         }
                       }
                     )
                   },
-                  index
+                  R
                 ))
               }
             )
@@ -450,11 +2114,11 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
     }
   ) });
 }
-function ArrowIcon$1({ color, className }) {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
+function Kn({ color: e, className: n }) {
+  return /* @__PURE__ */ M("svg", { viewBox: "0 0 10 18", className: n, children: /* @__PURE__ */ M("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ M("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: e, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
-const ControlSliderComponent = {
-  element: ControlSlider,
+const Ko = {
+  element: Xo,
   id: "control-slider",
   name: "Slider",
   preview: {
@@ -469,7 +2133,7 @@ const ControlSliderComponent = {
     type: "object",
     properties: {
       settings: {
-        layoutBased: true,
+        layoutBased: !0,
         type: "object",
         display: {
           type: "settings-block"
@@ -531,7 +2195,7 @@ const ControlSliderComponent = {
                 type: ["string", "null"],
                 title: "BG Color",
                 display: {
-                  visible: false,
+                  visible: !1,
                   type: "settings-color-picker",
                   format: "single"
                 }
@@ -574,19 +2238,19 @@ const ControlSliderComponent = {
                   x: {
                     type: "number",
                     label: "X",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   },
                   y: {
                     type: "number",
                     label: "Y",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   }
                 }
@@ -656,19 +2320,19 @@ const ControlSliderComponent = {
                   x: {
                     type: "number",
                     label: "X",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   },
                   y: {
                     type: "number",
                     label: "Y",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   }
                 }
@@ -732,19 +2396,19 @@ const ControlSliderComponent = {
                   x: {
                     type: "number",
                     label: "X",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   },
                   y: {
                     type: "number",
                     label: "Y",
-                    scalingEnabled: true,
+                    scalingEnabled: !0,
                     display: {
                       type: "numeric-input",
-                      visible: true
+                      visible: !0
                     }
                   }
                 }
@@ -763,13 +2427,13 @@ const ControlSliderComponent = {
         default: {
           triggers: {
             triggersList: {
-              click: false,
-              drag: true
+              click: !1,
+              drag: !0
             },
             autoPlay: null
           },
           controls: {
-            isActive: true,
+            isActive: !0,
             arrowsImgUrl: null,
             offset: {
               x: 0,
@@ -786,7 +2450,7 @@ const ControlSliderComponent = {
             backgroundColor: null
           },
           pagination: {
-            isActive: true,
+            isActive: !0,
             scale: 50,
             position: "outside-1",
             offset: {
@@ -802,7 +2466,7 @@ const ControlSliderComponent = {
               x: 0,
               y: 0
             },
-            isActive: true,
+            isActive: !0,
             alignment: "middle-center",
             hover: "#cccccc"
           }
@@ -825,16 +2489,16 @@ const ControlSliderComponent = {
             },
             then: {
               name: "properties.transition.properties.backgroundColor.display.visible",
-              value: true
+              value: !0
             }
           }
         ]
       },
       content: {
-        layoutBased: false,
+        layoutBased: !1,
         type: "array",
         settings: {
-          addItemFromFileExplorer: true,
+          addItemFromFileExplorer: !0,
           defaultWidth: 500
         },
         items: {
@@ -917,7 +2581,7 @@ const ControlSliderComponent = {
         ]
       },
       styles: {
-        layoutBased: true,
+        layoutBased: !0,
         type: "object",
         properties: {
           imageCaption: {
@@ -1047,249 +2711,174 @@ const ControlSliderComponent = {
     },
     required: ["settings", "content", "styles"]
   }
+}, qo = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", Jo = "ImageRevealSlider-module__image___Qjt-e", Zo = "ImageRevealSlider-module__link___N-iLG", Qo = "ImageRevealSlider-module__cursor___2U03d", qe = {
+  imageRevealSlider: qo,
+  image: Jo,
+  link: Zo,
+  cursor: Qo
 };
-const imageRevealSlider = "ImageRevealSlider-module__imageRevealSlider___UE5Ob";
-const image = "ImageRevealSlider-module__image___Qjt-e";
-const link = "ImageRevealSlider-module__link___N-iLG";
-const cursor = "ImageRevealSlider-module__cursor___2U03d";
-const styles = {
-  imageRevealSlider,
-  image,
-  link,
-  cursor
-};
-function isMouseOverImage(mouseX, mouseY, placedImages) {
-  for (const img2 of placedImages) {
-    const imgEl = new Image();
-    imgEl.src = img2.url;
-    const imgWidth = img2.width ? Number.parseFloat(img2.width) : imgEl.naturalWidth;
-    const imgHeight = imgEl.naturalHeight / imgEl.naturalWidth * imgWidth;
-    const halfW = imgWidth / 2;
-    const halfH = imgHeight / 2;
-    if (mouseX >= img2.x - halfW && mouseX <= img2.x + halfW && mouseY >= img2.y - halfH && mouseY <= img2.y + halfH) {
-      return true;
-    }
+function qn(e, n, t) {
+  for (const r of t) {
+    const o = new Image();
+    o.src = r.url;
+    const a = r.width ? Number.parseFloat(r.width) : o.naturalWidth, i = o.naturalHeight / o.naturalWidth * a, l = a / 2, s = i / 2;
+    if (e >= r.x - l && e <= r.x + l && n >= r.y - s && n <= r.y + s)
+      return !0;
   }
-  return false;
+  return !1;
 }
-function getImageSize(url) {
-  return new Promise((resolve) => {
-    const img2 = new Image();
-    img2.src = url;
-    img2.onload = () => {
-      resolve({ width: img2.naturalWidth, height: img2.naturalHeight });
+function rn(e) {
+  return new Promise((n) => {
+    const t = new Image();
+    t.src = e, t.onload = () => {
+      n({ width: t.naturalWidth, height: t.naturalHeight });
     };
   });
 }
-async function calculateImageWidthHeight(imgUrl, sizeType, customWidth, randomRange) {
-  let width;
-  let height;
-  if (sizeType === "custom") {
-    width = customWidth;
-    const size = await getImageSize(imgUrl);
-    height = size.height / size.width * width;
-  } else if (sizeType === "random") {
-    width = Math.random() * (randomRange.max - randomRange.min) + randomRange.min;
-    const size = await getImageSize(imgUrl);
-    height = size.height / size.width * width;
+async function ea(e, n, t, r) {
+  let o, a;
+  if (n === "custom") {
+    o = t;
+    const i = await rn(e);
+    a = i.height / i.width * o;
+  } else if (n === "random") {
+    o = Math.random() * (r.max - r.min) + r.min;
+    const i = await rn(e);
+    a = i.height / i.width * o;
   } else {
-    const size = await getImageSize(imgUrl);
-    width = size.width;
-    height = size.height;
-  }
-  return { width, height, finalWidth: `${width}px` };
-}
-function ImageRevealSlider({ settings, content, isEditor }) {
-  const [divRef, setDivRef] = useState(null);
-  const [placedImages, setPlacedImages] = useState([]);
-  const [counter, setCounter] = useState(0);
-  const imageIdCounter = useRef(0);
-  const [cursorCenter, setCursorCenter] = useState({ x: 0, y: 0 });
-  const [cursorScale, setCursorScale] = useState(1);
-  const [customCursorImg, setCustomCursorImg] = useState("none");
-  const lastMousePos = useRef({ x: 0, y: 0 });
-  const [isInside, setIsInside] = useState(false);
-  const { sizeType, imageWidth: customWidth, randomRangeImageWidth: randomRange } = settings.imageSize;
-  const { revealPosition, visible } = settings.position;
-  const { cursorType, target, defaultCursorScale, defaultCursor, hoverCursorScale, hoverCursor } = settings.cursor;
-  useEffect(() => {
-    if (!divRef) return;
-    const updateCursorPosition = (clientX, clientY) => {
-      const rect = divRef.getBoundingClientRect();
-      const x = clientX - rect.left;
-      const y = clientY - rect.top;
-      setCursorCenter({ x, y });
-      if (cursorType === "system") {
-        setCustomCursorImg("none");
-        setCursorScale(1);
+    const i = await rn(e);
+    o = i.width, a = i.height;
+  }
+  return { width: o, height: a, finalWidth: `${o}px` };
+}
+function ta({ settings: e, content: n, isEditor: t }) {
+  const [r, o] = ue(null), [a, i] = ue([]), [l, s] = ue(0), d = be(0), [u, S] = ue({ x: 0, y: 0 }), [m, v] = ue(1), [c, p] = ue("none"), w = be({ x: 0, y: 0 }), [E, g] = ue(!1), { sizeType: b, imageWidth: F, randomRangeImageWidth: B } = e.imageSize, { revealPosition: I, visible: h } = e.position, { cursorType: C, target: N, defaultCursorScale: z, defaultCursor: T, hoverCursorScale: O, hoverCursor: P } = e.cursor;
+  me(() => {
+    if (!r) return;
+    const f = (L, _) => {
+      const k = r.getBoundingClientRect(), G = L - k.left, ne = _ - k.top;
+      if (S({ x: G, y: ne }), C === "system") {
+        p("none"), v(1);
         return;
       }
-      const cx = x;
-      const cy = y;
-      const el = document.elementFromPoint(rect.left + cx, rect.top + cy);
-      if (el && el.closest("a")) {
-        setCustomCursorImg("none");
-        setCursorScale(1);
+      const ee = G, he = ne, A = document.elementFromPoint(k.left + ee, k.top + he);
+      if (A && A.closest("a")) {
+        p("none"), v(1);
         return;
       }
-      const next = isMouseOverImage(cx, cy, placedImages) || target === "area" ? { img: hoverCursor ?? "none", scale: hoverCursorScale } : { img: defaultCursor ?? "none", scale: defaultCursorScale };
-      setCustomCursorImg(next.img);
-      setCursorScale(next.scale);
-    };
-    const mouseMove = (e) => {
-      e.stopPropagation();
-      lastMousePos.current = { x: e.clientX, y: e.clientY };
-      updateCursorPosition(e.clientX, e.clientY);
+      const q = qn(ee, he, a) || N === "area" ? { img: P ?? "none", scale: O } : { img: T ?? "none", scale: z };
+      p(q.img), v(q.scale);
+    }, R = (L) => {
+      L.stopPropagation(), w.current = { x: L.clientX, y: L.clientY }, f(L.clientX, L.clientY);
+    }, x = () => {
+      E && f(w.current.x, w.current.y);
     };
-    const handleScroll = () => {
-      if (!isInside) return;
-      updateCursorPosition(lastMousePos.current.x, lastMousePos.current.y);
-    };
-    divRef.addEventListener("mousemove", mouseMove);
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      divRef.removeEventListener("mousemove", mouseMove);
-      window.removeEventListener("scroll", handleScroll, true);
+    return r.addEventListener("mousemove", R), window.addEventListener("scroll", x, !0), () => {
+      r.removeEventListener("mousemove", R), window.removeEventListener("scroll", x, !0);
     };
   }, [
-    divRef,
-    isInside,
-    cursorCenter,
-    cursorType,
-    target,
-    hoverCursor,
-    defaultCursor,
-    hoverCursorScale,
-    defaultCursorScale,
-    placedImages
-  ]);
-  useEffect(() => {
-    if (!isInside) {
-      setCustomCursorImg("none");
-      setCursorScale(0);
-    }
-  }, [isInside]);
-  const createNewImage = async (imgData, containerWidth, containerHeight, position = {}) => {
-    const { width, height, finalWidth } = await calculateImageWidthHeight(
-      imgData.image.url,
-      sizeType,
-      customWidth,
-      randomRange
+    r,
+    E,
+    u,
+    C,
+    N,
+    P,
+    T,
+    O,
+    z,
+    a
+  ]), me(() => {
+    E || (p("none"), v(0));
+  }, [E]);
+  const H = async (f, R, x, L = {}) => {
+    const { width: _, height: k, finalWidth: G } = await ea(
+      f.image.url,
+      b,
+      F,
+      B
     );
-    let x = 0, y = 0;
-    if (revealPosition === "same") {
-      x = containerWidth / 2;
-      y = containerHeight / 2;
-    } else {
-      x = position.x ?? Math.random() * containerWidth;
-      y = position.y ?? Math.random() * containerHeight;
-    }
-    const adjustedX = Math.min(Math.max(x, width / 2), containerWidth - width / 2);
-    const adjustedY = Math.min(Math.max(y, height / 2), containerHeight - height / 2);
+    let ne = 0, ee = 0;
+    I === "same" ? (ne = R / 2, ee = x / 2) : (ne = L.x ?? Math.random() * R, ee = L.y ?? Math.random() * x);
+    const he = Math.min(Math.max(ne, _ / 2), R - _ / 2), A = Math.min(Math.max(ee, k / 2), x - k / 2);
     return {
-      id: imageIdCounter.current++,
-      url: imgData.image.url,
-      link: imgData.link,
-      name: imgData.image.name,
-      x: adjustedX,
-      y: adjustedY,
-      width: finalWidth
-    };
-  };
-  useEffect(() => {
-    if (!divRef || content.length === 0) return;
-    const rect = divRef.getBoundingClientRect();
-    const containerWidth = rect.width;
-    const containerHeight = rect.height;
-    const defaultPlaced = [];
-    const placeImages = async () => {
-      const imgData = content[0];
-      const newImg = await createNewImage(imgData, containerWidth, containerHeight);
-      defaultPlaced.push(newImg);
-      setPlacedImages(defaultPlaced);
-      setCounter(1);
+      id: d.current++,
+      url: f.image.url,
+      link: f.link,
+      name: f.image.name,
+      x: he,
+      y: A,
+      width: G
     };
-    placeImages();
-  }, [sizeType, customWidth, randomRange, revealPosition, divRef]);
-  useEffect(() => {
-    if (visible === "last One") {
-      setPlacedImages((prev) => prev.length > 0 ? [prev[prev.length - 1]] : []);
-    }
-  }, [visible]);
-  const handleClick = async (e) => {
-    if (!divRef) return;
-    const rect = divRef.getBoundingClientRect();
-    const clickX = e.clientX - rect.left;
-    const clickY = e.clientY - rect.top;
-    if (target === "image" && !isMouseOverImage(clickX, clickY, placedImages)) return;
-    let x = 0, y = 0;
-    if (revealPosition === "on Click") {
-      x = clickX;
-      y = clickY;
-    } else if (revealPosition === "same") {
-      x = rect.width / 2;
-      y = rect.height / 2;
-    } else {
-      x = Math.random() * rect.width;
-      y = Math.random() * rect.height;
-    }
-    const imgData = content[counter];
-    const newImage = await createNewImage(imgData, rect.width, rect.height, { x, y });
-    setPlacedImages((prev) => visible === "all" ? [...prev, newImage] : [newImage]);
-    setCounter((prev) => prev >= content.length - 1 ? 0 : prev + 1);
   };
-  return /* @__PURE__ */ jsxs(
+  return me(() => {
+    if (!r || n.length === 0) return;
+    const f = r.getBoundingClientRect(), R = f.width, x = f.height, L = [];
+    (async () => {
+      const k = n[0], G = await H(k, R, x);
+      L.push(G), i(L), s(1);
+    })();
+  }, [b, F, B, I, r]), me(() => {
+    h === "last One" && i((f) => f.length > 0 ? [f[f.length - 1]] : []);
+  }, [h]), /* @__PURE__ */ Ae(
     "div",
     {
-      ref: setDivRef,
-      onClick: handleClick,
-      onMouseEnter: () => setIsInside(true),
-      onMouseLeave: () => setIsInside(false),
-      className: styles.imageRevealSlider,
-      style: { cursor: customCursorImg === "none" ? "default" : "none" },
+      ref: o,
+      onClick: async (f) => {
+        if (!r) return;
+        const R = r.getBoundingClientRect(), x = f.clientX - R.left, L = f.clientY - R.top;
+        if (N === "image" && !qn(x, L, a)) return;
+        let _ = 0, k = 0;
+        I === "on Click" ? (_ = x, k = L) : I === "same" ? (_ = R.width / 2, k = R.height / 2) : (_ = Math.random() * R.width, k = Math.random() * R.height);
+        const G = n[l], ne = await H(G, R.width, R.height, { x: _, y: k });
+        i((ee) => h === "all" ? [...ee, ne] : [ne]), s((ee) => ee >= n.length - 1 ? 0 : ee + 1);
+      },
+      onMouseEnter: () => g(!0),
+      onMouseLeave: () => g(!1),
+      className: qe.imageRevealSlider,
+      style: { cursor: c === "none" ? "default" : "none" },
       children: [
-        placedImages.map((img2) => /* @__PURE__ */ jsx(
+        a.map((f) => /* @__PURE__ */ M(
           "div",
           {
-            className: styles.wrapper,
+            className: qe.wrapper,
             style: {
-              top: `${img2.y}px`,
-              left: `${img2.x}px`,
+              top: `${f.y}px`,
+              left: `${f.x}px`,
               position: "absolute",
               transform: "translate(-50%, -50%)",
-              width: img2.width ?? "auto",
+              width: f.width ?? "auto",
               height: "auto",
-              cursor: customCursorImg === "none" ? "default" : "none"
+              cursor: c === "none" ? "default" : "none"
             },
-            children: target === "area" && img2.link ? /* @__PURE__ */ jsx("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsx(
+            children: N === "area" && f.link ? /* @__PURE__ */ M("a", { href: f.link, target: "_blank", className: qe.link, children: /* @__PURE__ */ M(
               "img",
               {
-                src: img2.url,
-                alt: img2.name,
-                className: styles.image
+                src: f.url,
+                alt: f.name,
+                className: qe.image
               },
-              img2.id
-            ) }) : /* @__PURE__ */ jsx(
+              f.id
+            ) }) : /* @__PURE__ */ M(
               "img",
               {
-                src: img2.url,
-                alt: img2.name,
-                className: styles.image
+                src: f.url,
+                alt: f.name,
+                className: qe.image
               },
-              img2.id
+              f.id
             )
           },
-          img2.id
+          f.id
         )),
-        isInside && /* @__PURE__ */ jsx(
+        E && /* @__PURE__ */ M(
           "div",
           {
-            className: styles.cursor,
+            className: qe.cursor,
             style: {
-              left: `${cursorCenter.x}px`,
-              top: `${cursorCenter.y}px`,
-              transform: `translate(-50%, -50%) scale(${cursorScale})`,
-              backgroundImage: `url('${customCursorImg}')`,
+              left: `${u.x}px`,
+              top: `${u.y}px`,
+              transform: `translate(-50%, -50%) scale(${m})`,
+              backgroundImage: `url('${c}')`,
               backgroundSize: "cover",
               backgroundPosition: "center",
               position: "absolute",
@@ -1301,8 +2890,8 @@ function ImageRevealSlider({ settings, content, isEditor }) {
     }
   );
 }
-const ControlImageRevealSliderComponent = {
-  element: ImageRevealSlider,
+const na = {
+  element: ta,
   id: "control-image-reveal",
   name: "Click Gallery",
   preview: {
@@ -1317,7 +2906,7 @@ const ControlImageRevealSliderComponent = {
     type: "object",
     properties: {
       settings: {
-        layoutBased: true,
+        layoutBased: !0,
         type: "object",
         display: {
           type: "settings-block"
@@ -1341,14 +2930,14 @@ const ControlImageRevealSliderComponent = {
                 label: "W",
                 display: {
                   type: "numeric-input",
-                  visible: false
+                  visible: !1
                 }
               },
               randomRangeImageWidth: {
                 type: "object",
                 display: {
                   type: "random-range-controls",
-                  visible: false
+                  visible: !1
                 },
                 properties: {
                   min: {
@@ -1387,7 +2976,7 @@ const ControlImageRevealSliderComponent = {
                 title: "Default",
                 display: {
                   type: "settings-image-input",
-                  visible: false
+                  visible: !1
                 }
               },
               defaultCursorScale: {
@@ -1398,7 +2987,7 @@ const ControlImageRevealSliderComponent = {
                 step: 0.1,
                 display: {
                   type: "range-control",
-                  visible: false
+                  visible: !1
                 }
               },
               hoverCursor: {
@@ -1406,7 +2995,7 @@ const ControlImageRevealSliderComponent = {
                 title: "Hover",
                 display: {
                   type: "settings-image-input",
-                  visible: false
+                  visible: !1
                 }
               },
               hoverCursorScale: {
@@ -1417,7 +3006,7 @@ const ControlImageRevealSliderComponent = {
                 step: 0.1,
                 display: {
                   type: "range-control",
-                  visible: false
+                  visible: !1
                 }
               }
             }
@@ -1476,7 +3065,7 @@ const ControlImageRevealSliderComponent = {
             },
             then: {
               name: "properties.imageSize.properties.imageWidth.display.visible",
-              value: true
+              value: !0
             }
           },
           {
@@ -1486,7 +3075,7 @@ const ControlImageRevealSliderComponent = {
             },
             then: {
               name: "properties.imageSize.properties.randomRangeImageWidth.display.visible",
-              value: true
+              value: !0
             }
           },
           {
@@ -1496,18 +3085,18 @@ const ControlImageRevealSliderComponent = {
             ],
             then: {
               name: "properties.cursor.properties.defaultCursor.display.visible",
-              value: true
+              value: !0
             }
           },
           {
             if: [
               { name: "cursor.target", value: "image" },
               { name: "cursor.cursorType", value: "custom" },
-              { name: "cursor.defaultCursor", value: null, isNotEqual: true }
+              { name: "cursor.defaultCursor", value: null, isNotEqual: !0 }
             ],
             then: {
               name: "properties.cursor.properties.defaultCursorScale.display.visible",
-              value: true
+              value: !0
             }
           },
           {
@@ -1517,26 +3106,26 @@ const ControlImageRevealSliderComponent = {
             },
             then: {
               name: "properties.cursor.properties.hoverCursor.display.visible",
-              value: true
+              value: !0
             }
           },
           {
             if: [
               { name: "cursor.cursorType", value: "custom" },
-              { name: "cursor.hoverCursor", value: null, isNotEqual: true }
+              { name: "cursor.hoverCursor", value: null, isNotEqual: !0 }
             ],
             then: {
               name: "properties.cursor.properties.hoverCursorScale.display.visible",
-              value: true
+              value: !0
             }
           }
         ]
       },
       content: {
-        layoutBased: false,
+        layoutBased: !1,
         type: "array",
         settings: {
-          addItemFromFileExplorer: true,
+          addItemFromFileExplorer: !0,
           defaultWidth: 500
         },
         items: {
@@ -1546,7 +3135,7 @@ const ControlImageRevealSliderComponent = {
               type: "object",
               label: "Image",
               display: {
-                isObjectFitEditable: false,
+                isObjectFitEditable: !1,
                 minWidth: 58,
                 maxWidth: 108,
                 type: "media-input"
@@ -1614,899 +3203,598 @@ const ControlImageRevealSliderComponent = {
       }
     }
   }
+}, ra = "LightBox-module__hidden___9s-9x", ia = "LightBox-module__heroImage___sTxNF", oa = "LightBox-module__background___rm9ml", aa = "LightBox-module__editor___4ACaY", sa = "LightBox-module__contentStyle___Bgnsq", la = "LightBox-module__imageStyle___tLIlB", ca = "LightBox-module__imgWrapper___LuFUp", ua = "LightBox-module__contain___8-yaS", da = "LightBox-module__cover___hNvOG", pa = "LightBox-module__caption___b6L2I", fa = "LightBox-module__captionTextInner___rCGNH", ga = "LightBox-module__lightboxSplide___XFuWC", ma = "LightBox-module__arrow___iz38X", ha = "LightBox-module__arrowVertical___Zfz81", va = "LightBox-module__nextArrow___zkAQN", ya = "LightBox-module__arrowInner___p48sW", _a = "LightBox-module__arrowIcon___3VaFf", ba = "LightBox-module__arrowImg___pNV88", Sa = "LightBox-module__mirror___pjeXc", wa = "LightBox-module__thumbsWrapper___GB-nU", Ea = "LightBox-module__thumbsContainerVertical___wttk5", Ca = "LightBox-module__thumbsContainer___osSma", Aa = "LightBox-module__thumbsAlignStart___MO6tY", Ia = "LightBox-module__thumbsAlignCenter___Q4sUx", xa = "LightBox-module__thumbsAlignEnd___p4y9R", La = "LightBox-module__thumbItem___HvnF3", Ta = "LightBox-module__closeButton___g2khP", Ra = "LightBox-module__fadeIn___0m5GW", Na = "LightBox-module__slideInLeft___gPYwC", ka = "LightBox-module__slideInRight___S-pPp", Oa = "LightBox-module__slideInTop___DFdAj", Da = "LightBox-module__slideInBottom___m27kZ", Pa = "LightBox-module__fadeOut___55qBR", Ba = "LightBox-module__slideOutLeft___NvU7P", za = "LightBox-module__slideOutRight___SK7eC", Wa = "LightBox-module__slideOutTop___Vgg0z", Ma = "LightBox-module__slideOutBottom___nJ0Ef", Fa = "LightBox-module__scaleSlide___vZriG", D = {
+  hidden: ra,
+  heroImage: ia,
+  background: oa,
+  editor: aa,
+  contentStyle: sa,
+  imageStyle: la,
+  imgWrapper: ca,
+  contain: ua,
+  cover: da,
+  caption: pa,
+  captionTextInner: fa,
+  lightboxSplide: ga,
+  arrow: ma,
+  arrowVertical: ha,
+  nextArrow: va,
+  arrowInner: ya,
+  arrowIcon: _a,
+  arrowImg: ba,
+  mirror: Sa,
+  thumbsWrapper: wa,
+  thumbsContainerVertical: Ea,
+  thumbsContainer: Ca,
+  thumbsAlignStart: Aa,
+  thumbsAlignCenter: Ia,
+  thumbsAlignEnd: xa,
+  thumbItem: La,
+  closeButton: Ta,
+  fadeIn: Ra,
+  slideInLeft: Na,
+  slideInRight: ka,
+  slideInTop: Oa,
+  slideInBottom: Da,
+  fadeOut: Pa,
+  slideOutLeft: Ba,
+  slideOutRight: za,
+  slideOutTop: Wa,
+  slideOutBottom: Ma,
+  scaleSlide: Fa
+}, kt = (e, n, t) => {
+  const r = {}, [o, a] = e.split("-");
+  return o === "top" ? (r.top = "0", r.bottom = "auto") : o === "middle" ? (r.top = "50%", r.bottom = "auto") : o === "bottom" && (r.top = "auto", r.bottom = "0"), a === "left" ? (r.left = "0", r.right = "auto") : a === "center" ? (r.left = "50%", r.right = "auto") : a === "right" && (r.left = "auto", r.right = "0"), o === "middle" && a === "center" ? r.transform = `translate(calc(-50% + ${U(n.x, t)}), calc(-50% + ${U(n.y, t)}))` : o === "middle" ? r.transform = `translate(${U(n.x, t)}, calc(-50% + ${U(n.y, t)}))` : a === "center" ? r.transform = `translate(calc(-50% + ${U(n.x, t)}), ${U(n.y, t)})` : r.transform = `translate(${U(n.x, t)}, ${U(n.y, t)})`, r;
 };
-const hidden = "LightBox-module__hidden___9s-9x";
-const heroImage = "LightBox-module__heroImage___sTxNF";
-const background = "LightBox-module__background___rm9ml";
-const editor = "LightBox-module__editor___4ACaY";
-const contentStyle = "LightBox-module__contentStyle___Bgnsq";
-const imageStyle = "LightBox-module__imageStyle___tLIlB";
-const imgWrapper = "LightBox-module__imgWrapper___LuFUp";
-const contain = "LightBox-module__contain___8-yaS";
-const cover = "LightBox-module__cover___hNvOG";
-const caption = "LightBox-module__caption___b6L2I";
-const captionTextInner = "LightBox-module__captionTextInner___rCGNH";
-const lightboxSplide = "LightBox-module__lightboxSplide___XFuWC";
-const arrow = "LightBox-module__arrow___iz38X";
-const arrowVertical = "LightBox-module__arrowVertical___Zfz81";
-const nextArrow = "LightBox-module__nextArrow___zkAQN";
-const arrowInner = "LightBox-module__arrowInner___p48sW";
-const arrowIcon = "LightBox-module__arrowIcon___3VaFf";
-const arrowImg = "LightBox-module__arrowImg___pNV88";
-const mirror = "LightBox-module__mirror___pjeXc";
-const thumbsWrapper = "LightBox-module__thumbsWrapper___GB-nU";
-const thumbsContainerVertical = "LightBox-module__thumbsContainerVertical___wttk5";
-const thumbsContainer = "LightBox-module__thumbsContainer___osSma";
-const thumbsAlignStart = "LightBox-module__thumbsAlignStart___MO6tY";
-const thumbsAlignCenter = "LightBox-module__thumbsAlignCenter___Q4sUx";
-const thumbsAlignEnd = "LightBox-module__thumbsAlignEnd___p4y9R";
-const thumbItem = "LightBox-module__thumbItem___HvnF3";
-const closeButton = "LightBox-module__closeButton___g2khP";
-const fadeIn = "LightBox-module__fadeIn___0m5GW";
-const slideInLeft = "LightBox-module__slideInLeft___gPYwC";
-const slideInRight = "LightBox-module__slideInRight___S-pPp";
-const slideInTop = "LightBox-module__slideInTop___DFdAj";
-const slideInBottom = "LightBox-module__slideInBottom___m27kZ";
-const fadeOut = "LightBox-module__fadeOut___55qBR";
-const slideOutLeft = "LightBox-module__slideOutLeft___NvU7P";
-const slideOutRight = "LightBox-module__slideOutRight___SK7eC";
-const slideOutTop = "LightBox-module__slideOutTop___Vgg0z";
-const slideOutBottom = "LightBox-module__slideOutBottom___nJ0Ef";
-const scaleSlide = "LightBox-module__scaleSlide___vZriG";
-const classes = {
-  hidden,
-  heroImage,
-  background,
-  editor,
-  contentStyle,
-  imageStyle,
-  imgWrapper,
-  contain,
-  cover,
-  caption,
-  captionTextInner,
-  lightboxSplide,
-  arrow,
-  arrowVertical,
-  nextArrow,
-  arrowInner,
-  arrowIcon,
-  arrowImg,
-  mirror,
-  thumbsWrapper,
-  thumbsContainerVertical,
-  thumbsContainer,
-  thumbsAlignStart,
-  thumbsAlignCenter,
-  thumbsAlignEnd,
-  thumbItem,
-  closeButton,
-  fadeIn,
-  slideInLeft,
-  slideInRight,
-  slideInTop,
-  slideInBottom,
-  fadeOut,
-  slideOutLeft,
-  slideOutRight,
-  slideOutTop,
-  slideOutBottom,
-  scaleSlide
-};
-const getPositionStyles = (position, offset, isEditor) => {
-  const styles2 = {};
-  const [vertical, horizontal] = position.split("-");
-  if (vertical === "top") {
-    styles2.top = "0";
-    styles2.bottom = "auto";
-  } else if (vertical === "middle") {
-    styles2.top = "50%";
-    styles2.bottom = "auto";
-  } else if (vertical === "bottom") {
-    styles2.top = "auto";
-    styles2.bottom = "0";
-  }
-  if (horizontal === "left") {
-    styles2.left = "0";
-    styles2.right = "auto";
-  } else if (horizontal === "center") {
-    styles2.left = "50%";
-    styles2.right = "auto";
-  } else if (horizontal === "right") {
-    styles2.left = "auto";
-    styles2.right = "0";
-  }
-  if (vertical === "middle" && horizontal === "center") {
-    styles2.transform = `translate(calc(-50% + ${scalingValue(offset.x, isEditor)}), calc(-50% + ${scalingValue(offset.y, isEditor)}))`;
-  } else if (vertical === "middle") {
-    styles2.transform = `translate(${scalingValue(offset.x, isEditor)}, calc(-50% + ${scalingValue(offset.y, isEditor)}))`;
-  } else if (horizontal === "center") {
-    styles2.transform = `translate(calc(-50% + ${scalingValue(offset.x, isEditor)}), ${scalingValue(offset.y, isEditor)})`;
-  } else {
-    styles2.transform = `translate(${scalingValue(offset.x, isEditor)}, ${scalingValue(offset.y, isEditor)})`;
-  }
-  return styles2;
-};
-function getPaddingValues(img2) {
-  const style = window.getComputedStyle(img2);
+function Fr(e) {
+  const n = window.getComputedStyle(e);
   return {
-    top: parseFloat(style.paddingTop) || 0,
-    right: parseFloat(style.paddingRight) || 0,
-    bottom: parseFloat(style.paddingBottom) || 0,
-    left: parseFloat(style.paddingLeft) || 0
+    top: parseFloat(n.paddingTop) || 0,
+    right: parseFloat(n.paddingRight) || 0,
+    bottom: parseFloat(n.paddingBottom) || 0,
+    left: parseFloat(n.paddingLeft) || 0
   };
 }
-function getDisplayedImageRect(img2) {
-  const container = img2.getBoundingClientRect();
-  const padding = getPaddingValues(img2);
-  const containerW = Math.max(0, container.width - padding.left - padding.right);
-  const containerH = Math.max(0, container.height - padding.top - padding.bottom);
-  const imgW = img2.naturalWidth;
-  const imgH = img2.naturalHeight;
-  const containerRatio = containerW / containerH;
-  const imgRatio = imgW / imgH;
-  let renderedW, renderedH;
-  if (imgRatio > containerRatio) {
-    renderedW = containerW;
-    renderedH = containerW / imgRatio;
-  } else {
-    renderedH = containerH;
-    renderedW = containerH * imgRatio;
-  }
-  const contentLeft = container.left + padding.left;
-  const contentTop = container.top + padding.top;
-  const offsetX = (containerW - renderedW) / 2 + contentLeft;
-  const offsetY = (containerH - renderedH) / 2 + contentTop;
+function Jn(e) {
+  const n = e.getBoundingClientRect(), t = Fr(e), r = Math.max(0, n.width - t.left - t.right), o = Math.max(0, n.height - t.top - t.bottom), a = e.naturalWidth, i = e.naturalHeight, l = r / o, s = a / i;
+  let d, u;
+  s > l ? (d = r, u = r / s) : (u = o, d = o * s);
+  const S = n.left + t.left, m = n.top + t.top, v = (r - d) / 2 + S, c = (o - u) / 2 + m;
   return {
-    x: offsetX,
-    y: offsetY,
-    width: renderedW,
-    height: renderedH
+    x: v,
+    y: c,
+    width: d,
+    height: u
   };
 }
-function getPaddedContainerBounds(img2) {
-  const container = img2.getBoundingClientRect();
-  const padding = getPaddingValues(img2);
+function Zn(e) {
+  const n = e.getBoundingClientRect(), t = Fr(e);
   return {
-    left: container.left + padding.left,
-    right: container.right - padding.right,
-    top: container.top + padding.top,
-    bottom: container.bottom - padding.bottom
+    left: n.left + t.left,
+    right: n.right - t.right,
+    top: n.top + t.top,
+    bottom: n.bottom - t.bottom
   };
 }
-function getColorAlpha(color) {
-  const rgbaMatch = color.match(/rgba?\(([^)]+)\)/);
-  if (rgbaMatch) {
-    const values = rgbaMatch[1].split(",").map((v) => parseFloat(v.trim()));
-    if (values.length === 4) {
-      return values[3];
-    }
-    return 1;
+function Qn(e) {
+  const n = e.match(/rgba?\(([^)]+)\)/);
+  if (n) {
+    const r = n[1].split(",").map((o) => parseFloat(o.trim()));
+    return r.length === 4 ? r[3] : 1;
   }
-  const hexMatch = color.match(/^#([0-9a-fA-F]{8})$/);
-  if (hexMatch) {
-    const alphaHex = hexMatch[1].substring(6, 8);
-    return parseInt(alphaHex, 16) / 255;
+  const t = e.match(/^#([0-9a-fA-F]{8})$/);
+  if (t) {
+    const r = t[1].substring(6, 8);
+    return parseInt(r, 16) / 255;
   }
-  if (color.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/)) {
-    return 1;
-  }
-  return 1;
+  return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/), 1;
 }
-function getAnimationClasses(type, direction) {
-  const appearClass = (() => {
-    if (type === "fade in") return classes.fadeIn;
-    if (type === "slide in" || type === "mix") {
-      switch (direction) {
+function Va(e, n) {
+  const t = (() => {
+    if (e === "fade in") return D.fadeIn;
+    if (e === "slide in" || e === "mix")
+      switch (n) {
         case "left":
-          return classes.slideInLeft;
+          return D.slideInLeft;
         case "right":
-          return classes.slideInRight;
+          return D.slideInRight;
         case "top":
-          return classes.slideInTop;
+          return D.slideInTop;
         case "bottom":
-          return classes.slideInBottom;
+          return D.slideInBottom;
         default:
-          return classes.slideInRight;
+          return D.slideInRight;
       }
-    }
-    return classes.fadeIn;
-  })();
-  const backdropAppearClass = (() => {
-    if (type === "fade in" || type === "mix") return classes.fadeIn;
-    if (type === "slide in") {
-      switch (direction) {
+    return D.fadeIn;
+  })(), r = (() => {
+    if (e === "fade in" || e === "mix") return D.fadeIn;
+    if (e === "slide in")
+      switch (n) {
         case "left":
-          return classes.slideInLeft;
+          return D.slideInLeft;
         case "right":
-          return classes.slideInRight;
+          return D.slideInRight;
         case "top":
-          return classes.slideInTop;
+          return D.slideInTop;
         case "bottom":
-          return classes.slideInBottom;
+          return D.slideInBottom;
         default:
-          return classes.slideInRight;
+          return D.slideInRight;
       }
-    }
-    return classes.fadeIn;
-  })();
-  const backdropDisappearClass = (() => {
-    if (type === "fade in" || type === "mix") return classes.fadeOut;
-    if (type === "slide in") {
-      switch (direction) {
+    return D.fadeIn;
+  })(), o = (() => {
+    if (e === "fade in" || e === "mix") return D.fadeOut;
+    if (e === "slide in")
+      switch (n) {
         case "left":
-          return classes.slideOutLeft;
+          return D.slideOutLeft;
         case "right":
-          return classes.slideOutRight;
+          return D.slideOutRight;
         case "top":
-          return classes.slideOutTop;
+          return D.slideOutTop;
         case "bottom":
-          return classes.slideOutBottom;
+          return D.slideOutBottom;
         default:
-          return classes.slideOutRight;
+          return D.slideOutRight;
       }
-    }
-    return classes.fadeOut;
-  })();
-  const disappearClass = (() => {
-    if (type === "fade in") return classes.fadeOut;
-    if (type === "slide in" || type === "mix") {
-      switch (direction) {
+    return D.fadeOut;
+  })(), a = (() => {
+    if (e === "fade in") return D.fadeOut;
+    if (e === "slide in" || e === "mix")
+      switch (n) {
         case "left":
-          return classes.slideOutLeft;
+          return D.slideOutLeft;
         case "right":
-          return classes.slideOutRight;
+          return D.slideOutRight;
         case "top":
-          return classes.slideOutTop;
+          return D.slideOutTop;
         case "bottom":
-          return classes.slideOutBottom;
+          return D.slideOutBottom;
         default:
-          return classes.slideOutRight;
+          return D.slideOutRight;
       }
-    }
-    return classes.fadeOut;
+    return D.fadeOut;
   })();
-  return { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass };
-}
-const LightboxGallery = ({ settings, content, styles: styles2, portalId, activeEvent, isEditor }) => {
-  const [open, setOpen] = useState(false);
-  const { url } = settings.thumbnailBlock.cover;
-  useEffect(() => {
-    if (activeEvent === "close") {
-      setOpen(false);
-    }
-    if (activeEvent === "open") {
-      setOpen(true);
-    }
-  }, [activeEvent]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+  return { appearClass: t, backdropAppearClass: r, backdropDisappearClass: o, disappearClass: a };
+}
+const ja = ({ settings: e, content: n, styles: t, portalId: r, activeEvent: o, isEditor: a }) => {
+  const [i, l] = ue(!1), { url: s } = e.thumbnailBlock.cover;
+  return me(() => {
+    o === "close" && l(!1), o === "open" && l(!0);
+  }, [o]), /* @__PURE__ */ Ae(pt, { children: [
+    /* @__PURE__ */ M(
       "img",
       {
-        src: url,
+        src: s,
         alt: "Cover",
-        className: classes.heroImage,
-        onClick: () => setOpen(true)
+        className: D.heroImage,
+        onClick: () => l(!0)
       }
     ),
-    /* @__PURE__ */ jsx(
-      Lightbox,
+    /* @__PURE__ */ M(
+      $a,
       {
-        isOpen: open,
-        onClose: () => setOpen(false),
-        content,
-        settings,
-        lightboxStyles: styles2,
-        portalId,
-        isEditor
+        isOpen: i,
+        onClose: () => l(!1),
+        content: n,
+        settings: e,
+        lightboxStyles: t,
+        portalId: r,
+        isEditor: a
       }
     )
   ] });
-};
-const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor, metadata }) => {
-  var _a;
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const [splideKey, setSplideKey] = useState(0);
-  const [isClosing, setIsClosing] = useState(false);
-  const [animationFinished, setAnimationFinished] = useState(false);
-  const [thumbnailDimensions, setThumbnailDimensions] = useState({});
-  const lightboxRef = useRef(null);
-  const prevSliderTypeRef = useRef(null);
-  const imageRef = useRef(null);
-  const isClosingRef = useRef(false);
-  const animationTargetRef = useRef(null);
-  const animationEndHandlerRef = useRef(null);
-  const appearAnimationEndHandlerRef = useRef(null);
-  const dragStartRef = useRef(null);
-  const hasDraggedRef = useRef(false);
-  const thumbsWrapperRef = useRef(null);
-  const [hasThumbsOverflow, setHasThumbsOverflow] = useState(false);
-  const { appear, triggers, slider, thumbnail, controls, area, caption: caption2, layout } = settings.lightboxBlock;
-  const { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass } = getAnimationClasses(appear.type, appear.direction);
-  const itemId = (metadata == null ? void 0 : metadata.itemId) ?? null;
-  useEffect(() => {
-    const handleLayoutChange = () => {
+}, $a = ({ isOpen: e, onClose: n, content: t, lightboxStyles: r, settings: o, portalId: a, isEditor: i, metadata: l }) => {
+  var W;
+  const [s, d] = ue(0), [u, S] = ue(0), [m, v] = ue(!1), [c, p] = ue(!1), [w, E] = ue({}), g = be(null), b = be(null), F = be(null), B = be(!1), I = be(null), h = be(null), C = be(null), N = be(null), z = be(!1), T = be(null), [O, P] = ue(!1), { appear: H, triggers: $, slider: f, thumbnail: R, controls: x, area: L, caption: _, layout: k } = o.lightboxBlock, { appearClass: G, backdropAppearClass: ne, backdropDisappearClass: ee, disappearClass: he } = Va(H.type, H.direction), A = (l == null ? void 0 : l.itemId) ?? null;
+  me(() => {
+    const y = () => {
       setTimeout(() => {
-        var _a2, _b;
-        (_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.refresh();
+        var Y, J;
+        (J = (Y = g.current) == null ? void 0 : Y.splide) == null || J.refresh();
       }, 16);
+    }, V = () => {
+      S((Y) => Y + 1);
     };
-    const handleComponentContentChange = () => {
-      setSplideKey((prev) => prev + 1);
-    };
-    window.addEventListener("ArticleEditor.Layout:change", handleLayoutChange);
-    window.addEventListener("ArticleEditor.ComponentContent:change", handleComponentContentChange);
-    return () => {
-      window.removeEventListener("ArticleEditor.Layout:change", handleLayoutChange);
-      window.removeEventListener("ArticleEditor.ComponentContent:change", handleComponentContentChange);
+    return window.addEventListener("ArticleEditor.Layout:change", y), window.addEventListener("ArticleEditor.ComponentContent:change", V), () => {
+      window.removeEventListener("ArticleEditor.Layout:change", y), window.removeEventListener("ArticleEditor.ComponentContent:change", V);
     };
-  }, []);
-  useEffect(() => {
-    if (!isOpen || !thumbnail.isActive) {
-      setHasThumbsOverflow(false);
+  }, []), me(() => {
+    if (!e || !R.isActive) {
+      P(!1);
       return;
     }
-    const ref = thumbsWrapperRef.current;
-    if (!ref) return;
-    const checkOverflow = () => {
-      if (slider.direction === "horiz") {
-        setHasThumbsOverflow(ref.scrollWidth > ref.clientWidth);
-      } else {
-        setHasThumbsOverflow(ref.scrollHeight > ref.clientHeight);
-      }
+    const y = T.current;
+    if (!y) return;
+    const V = () => {
+      f.direction === "horiz" ? P(y.scrollWidth > y.clientWidth) : P(y.scrollHeight > y.clientHeight);
     };
-    checkOverflow();
-    const observer = new ResizeObserver(checkOverflow);
-    observer.observe(ref);
-    return () => observer.disconnect();
-  }, [isOpen, thumbnail.isActive, content.length, thumbnailDimensions, slider.direction]);
-  const handleClose = useCallback(() => {
-    const isMobile = window.matchMedia("(max-width: 768px)").matches;
-    const colorAlpha = getColorAlpha(area.color);
-    if (isMobile && !isEditor && colorAlpha > 0.9) {
-      document.body.style.backgroundColor = "";
-    }
-    setIsClosing(true);
-    isClosingRef.current = true;
-    const handleAnimationEnd = (e) => {
-      if (e.target === animationTargetRef.current && e.animationName) {
-        if (animationTargetRef.current && animationEndHandlerRef.current) {
-          animationTargetRef.current.removeEventListener("animationend", animationEndHandlerRef.current);
-        }
-        animationEndHandlerRef.current = null;
-        if (isClosingRef.current) {
-          isClosingRef.current = false;
-          onClose();
-        }
-        setIsClosing(false);
-      }
+    V();
+    const Y = new ResizeObserver(V);
+    return Y.observe(y), () => Y.disconnect();
+  }, [e, R.isActive, t.length, w, f.direction]);
+  const q = Vr(() => {
+    const y = window.matchMedia("(max-width: 768px)").matches, V = Qn(L.color);
+    y && !i && V > 0.9 && (document.body.style.backgroundColor = ""), v(!0), B.current = !0;
+    const Y = (J) => {
+      J.target === I.current && J.animationName && (I.current && h.current && I.current.removeEventListener("animationend", h.current), h.current = null, B.current && (B.current = !1, n()), v(!1));
     };
-    if (animationTargetRef.current) {
-      animationEndHandlerRef.current = handleAnimationEnd;
-      animationTargetRef.current.addEventListener("animationend", handleAnimationEnd);
-    }
-  }, [onClose, area.color, isEditor]);
-  const handleTriggerClick = (img2, clientX, clientY) => {
-    var _a2, _b;
-    if (!img2) return;
-    if (triggers.type === "click" && triggers.switch === "image") {
-      if (triggers.repeat === "close" && currentIndex === content.length - 1) {
-        handleClose();
-      } else {
-        (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
+    I.current && (h.current = Y, I.current.addEventListener("animationend", Y));
+  }, [n, L.color, i]), ge = (y, V, Y) => {
+    var J, te;
+    if (y) {
+      if ($.type === "click" && $.switch === "image")
+        $.repeat === "close" && s === t.length - 1 ? q() : (J = g.current) == null || J.go("+1");
+      else if ($.type === "click" && $.switch === "50/50") {
+        const Z = y.getBoundingClientRect(), X = V - Z.left, oe = Y - Z.top, ye = Z.width, le = Z.height;
+        let pe;
+        f.direction === "horiz" ? pe = X < ye / 2 ? "-1" : "+1" : pe = oe < le / 2 ? "-1" : "+1", (te = g.current) == null || te.go(pe);
       }
-    } else if (triggers.type === "click" && triggers.switch === "50/50") {
-      const rect = img2.getBoundingClientRect();
-      const clickX = clientX - rect.left;
-      const clickY = clientY - rect.top;
-      const imgWidth = rect.width;
-      const imgHeight = rect.height;
-      let dir;
-      if (slider.direction === "horiz") {
-        dir = clickX < imgWidth / 2 ? "-1" : "+1";
-      } else {
-        dir = clickY < imgHeight / 2 ? "-1" : "+1";
-      }
-      (_b = lightboxRef.current) == null ? void 0 : _b.go(dir);
     }
-  };
-  const handleImageWrapperClick = (e) => {
-    if (hasDraggedRef.current) {
-      hasDraggedRef.current = false;
+  }, ie = (y) => {
+    if (z.current) {
+      z.current = !1;
       return;
     }
-    const currentImage = content[currentIndex];
-    const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";
-    let clientX;
-    let clientY;
-    if ("changedTouches" in e && e.changedTouches.length > 0) {
-      clientX = e.changedTouches[0].clientX;
-      clientY = e.changedTouches[0].clientY;
-    } else if ("clientX" in e) {
-      clientX = e.clientX;
-      clientY = e.clientY;
-    } else {
+    const V = t[s], Y = (V == null ? void 0 : V.image.objectFit) === "cover";
+    let J, te;
+    if ("changedTouches" in y && y.changedTouches.length > 0)
+      J = y.changedTouches[0].clientX, te = y.changedTouches[0].clientY;
+    else if ("clientX" in y)
+      J = y.clientX, te = y.clientY;
+    else
       return;
-    }
-    let inside;
-    if (isCover && imageRef.current) {
-      const bounds = getPaddedContainerBounds(imageRef.current);
-      inside = clientX >= bounds.left && clientX <= bounds.right && clientY >= bounds.top && clientY <= bounds.bottom;
+    let Z;
+    if (Y && F.current) {
+      const X = Zn(F.current);
+      Z = J >= X.left && J <= X.right && te >= X.top && te <= X.bottom;
     } else {
-      const rect = imageRef.current ? getDisplayedImageRect(imageRef.current) : null;
-      if (!rect) {
-        if (e.target === e.currentTarget) handleClose();
+      const X = F.current ? Jn(F.current) : null;
+      if (!X) {
+        y.target === y.currentTarget && q();
         return;
       }
-      inside = clientX >= rect.x && clientX <= rect.x + rect.width && clientY >= rect.y && clientY <= rect.y + rect.height;
-    }
-    if (inside) {
-      handleTriggerClick(imageRef.current, clientX, clientY);
-    } else {
-      handleClose();
+      Z = J >= X.x && J <= X.x + X.width && te >= X.y && te <= X.y + X.height;
     }
+    Z ? ge(F.current, J, te) : q();
+  }, fe = (y) => {
+    const V = y.target;
+    (V.classList.contains(D.thumbsWrapper) || V.classList.contains(D.thumbsContainer)) && ie(y);
   };
-  const handleThumbWrapperClick = (e) => {
-    const target = e.target;
-    if (target.classList.contains(classes.thumbsWrapper) || target.classList.contains(classes.thumbsContainer)) {
-      handleImageWrapperClick(e);
-    }
-  };
-  useEffect(() => {
-    if (!isOpen) return;
-    const onKeyDown = (event) => {
-      var _a2, _b;
-      if (event.key === "Escape") {
-        handleClose();
+  me(() => {
+    if (!e) return;
+    const y = (V) => {
+      var Y, J;
+      if (V.key === "Escape") {
+        q();
         return;
       }
-      if (event.key === "ArrowRight") {
-        setCurrentIndex((prev) => (prev + 1) % Math.max(content.length, 1));
-        (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
+      if (V.key === "ArrowRight") {
+        d((te) => (te + 1) % Math.max(t.length, 1)), (Y = g.current) == null || Y.go("+1");
         return;
       }
-      if (event.key === "ArrowLeft") {
-        setCurrentIndex((prev) => (prev - 1 + Math.max(content.length, 1)) % Math.max(content.length, 1));
-        (_b = lightboxRef.current) == null ? void 0 : _b.go("-1");
-      }
+      V.key === "ArrowLeft" && (d((te) => (te - 1 + Math.max(t.length, 1)) % Math.max(t.length, 1)), (J = g.current) == null || J.go("-1"));
     };
-    window.addEventListener("keydown", onKeyDown);
-    return () => {
-      window.removeEventListener("keydown", onKeyDown);
+    return window.addEventListener("keydown", y), () => {
+      window.removeEventListener("keydown", y);
     };
-  }, [isOpen, handleClose, content.length]);
-  useEffect(() => {
-    if (isOpen) {
-      setCurrentIndex(0);
-      setSplideKey((prev) => prev + 1);
-      isClosingRef.current = false;
-      setIsClosing(false);
-      setAnimationFinished(false);
-      setThumbnailDimensions({});
-      if (!itemId) return;
-      const event = new CustomEvent("page-overlay", { detail: { itemId } });
-      window.dispatchEvent(event);
+  }, [e, q, t.length]), me(() => {
+    if (e) {
+      if (d(0), S((V) => V + 1), B.current = !1, v(!1), p(!1), E({}), !A) return;
+      const y = new CustomEvent("page-overlay", { detail: { itemId: A } });
+      window.dispatchEvent(y);
     }
     return () => {
-      if (animationTargetRef.current && animationEndHandlerRef.current) {
-        animationTargetRef.current.removeEventListener("animationend", animationEndHandlerRef.current);
-        animationEndHandlerRef.current = null;
-      }
-      setAnimationFinished(false);
+      I.current && h.current && (I.current.removeEventListener("animationend", h.current), h.current = null), p(!1);
     };
-  }, [isOpen, itemId]);
-  useEffect(() => {
-    if (prevSliderTypeRef.current !== null && prevSliderTypeRef.current !== slider.type) {
-      setSplideKey((prev) => prev + 1);
-    }
-    prevSliderTypeRef.current = slider.type;
-  }, [slider.type]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const originalOverflow = document.body.style.overflow;
-    const isMobile = window.matchMedia("(max-width: 768px)").matches;
-    const colorAlpha = getColorAlpha(area.color);
-    document.body.style.overflow = "hidden";
-    setAnimationFinished(false);
-    const handleAppearAnimationEnd = (e) => {
-      if (e.target === animationTargetRef.current && !isClosingRef.current && e.animationName) {
-        if (isMobile && !isEditor && colorAlpha > 0.9) {
-          document.body.style.backgroundColor = area.color;
-        }
-        setAnimationFinished(true);
-        if (animationTargetRef.current && appearAnimationEndHandlerRef.current) {
-          animationTargetRef.current.removeEventListener("animationend", appearAnimationEndHandlerRef.current);
-        }
-        appearAnimationEndHandlerRef.current = null;
-      }
+  }, [e, A]), me(() => {
+    b.current !== null && b.current !== f.type && S((y) => y + 1), b.current = f.type;
+  }, [f.type]), me(() => {
+    if (!e) return;
+    const y = document.body.style.overflow, V = window.matchMedia("(max-width: 768px)").matches, Y = Qn(L.color);
+    document.body.style.overflow = "hidden", p(!1);
+    const J = (Z) => {
+      Z.target === I.current && !B.current && Z.animationName && (V && !i && Y > 0.9 && (document.body.style.backgroundColor = L.color), p(!0), I.current && C.current && I.current.removeEventListener("animationend", C.current), C.current = null);
     };
-    if (animationTargetRef.current) {
-      appearAnimationEndHandlerRef.current = handleAppearAnimationEnd;
-      animationTargetRef.current.addEventListener("animationend", handleAppearAnimationEnd);
-    }
-    const preventScroll = (e) => {
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsWrapper}`) || target.closest(`.${classes.thumbsContainer}`))) {
-        return;
-      }
-      if (slider.type === "slide") {
-        return;
-      }
-      e.preventDefault();
+    I.current && (C.current = J, I.current.addEventListener("animationend", J));
+    const te = (Z) => {
+      const X = Z.target;
+      X && (X.closest(`.${D.thumbsWrapper}`) || X.closest(`.${D.thumbsContainer}`)) || f.type !== "slide" && Z.preventDefault();
     };
-    document.addEventListener("touchmove", preventScroll, { passive: false });
-    return () => {
-      document.body.style.overflow = originalOverflow;
-      document.removeEventListener("touchmove", preventScroll);
-      if (animationTargetRef.current && appearAnimationEndHandlerRef.current) {
-        animationTargetRef.current.removeEventListener("animationend", appearAnimationEndHandlerRef.current);
-        appearAnimationEndHandlerRef.current = null;
-      }
-      setAnimationFinished(false);
+    return document.addEventListener("touchmove", te, { passive: !1 }), () => {
+      document.body.style.overflow = y, document.removeEventListener("touchmove", te), I.current && C.current && (I.current.removeEventListener("animationend", C.current), C.current = null), p(!1);
     };
-  }, [isOpen, isEditor, area.color, slider.type]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleTouchEnd = (e) => {
-      var _a2, _b;
-      if (isClosingRef.current) {
-        e.stopPropagation();
+  }, [e, i, L.color, f.type]), me(() => {
+    if (!e) return;
+    const y = (V) => {
+      var J, te;
+      if (B.current) {
+        V.stopPropagation();
         return;
       }
-      if (hasDraggedRef.current) {
-        hasDraggedRef.current = false;
+      if (z.current) {
+        z.current = !1;
         return;
       }
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsContainer}`) || target.closest(`.${classes.thumbItem}`))) {
-        return;
-      }
-      if (slider.type === "slide" && triggers.type === "drag" && ((_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.root)) {
-        const splideContainer = lightboxRef.current.splide.root;
-        if (target && (splideContainer.contains(target) || splideContainer === target)) {
-          return;
-        }
-      }
-      if (e.touches.length === 0 && e.changedTouches.length > 0) {
-        const currentImage = content[currentIndex];
-        const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";
-        const touch = e.changedTouches[0];
-        let inside;
-        if (isCover && imageRef.current) {
-          const bounds = getPaddedContainerBounds(imageRef.current);
-          inside = touch.clientX >= bounds.left && touch.clientX <= bounds.right && touch.clientY >= bounds.top && touch.clientY <= bounds.bottom;
-        } else {
-          const rect = imageRef.current ? getDisplayedImageRect(imageRef.current) : null;
-          if (!rect) return;
-          inside = touch.clientX >= rect.x && touch.clientX <= rect.x + rect.width && touch.clientY >= rect.y && touch.clientY <= rect.y + rect.height;
+      const Y = V.target;
+      if (!(Y && (Y.closest(`.${D.thumbsContainer}`) || Y.closest(`.${D.thumbItem}`)))) {
+        if (f.type === "slide" && $.type === "drag" && ((te = (J = g.current) == null ? void 0 : J.splide) != null && te.root)) {
+          const Z = g.current.splide.root;
+          if (Y && (Z.contains(Y) || Z === Y))
+            return;
         }
-        if (!inside) {
-          e.stopPropagation();
-          isClosingRef.current = true;
-          const blockNextClick = (clickEvent) => {
-            clickEvent.stopPropagation();
-            clickEvent.preventDefault();
-            document.removeEventListener("click", blockNextClick, true);
-          };
-          document.addEventListener("click", blockNextClick, true);
-          handleClose();
-        }
-      }
-    };
-    document.addEventListener("touchend", handleTouchEnd, { passive: true });
-    return () => {
-      document.removeEventListener("touchend", handleTouchEnd);
-    };
-  }, [isOpen, handleClose, currentIndex, content]);
-  const needsCustomVerticalDrag = (slider.type === "scale" || slider.type === "fade") && slider.direction === "vert" && triggers.type === "drag";
-  useEffect(() => {
-    var _a2, _b;
-    if (!isOpen || !needsCustomVerticalDrag || !((_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.root)) return;
-    const container = lightboxRef.current.splide.root;
-    const DRAG_THRESHOLD = 30;
-    const handleMove = (clientX, clientY) => {
-      if (dragStartRef.current) {
-        const deltaX = Math.abs(clientX - dragStartRef.current.x);
-        const deltaY = Math.abs(clientY - dragStartRef.current.y);
-        if (deltaX > 0 || deltaY > 0) {
-          hasDraggedRef.current = true;
+        if (V.touches.length === 0 && V.changedTouches.length > 0) {
+          const Z = t[s], X = (Z == null ? void 0 : Z.image.objectFit) === "cover", oe = V.changedTouches[0];
+          let ye;
+          if (X && F.current) {
+            const le = Zn(F.current);
+            ye = oe.clientX >= le.left && oe.clientX <= le.right && oe.clientY >= le.top && oe.clientY <= le.bottom;
+          } else {
+            const le = F.current ? Jn(F.current) : null;
+            if (!le) return;
+            ye = oe.clientX >= le.x && oe.clientX <= le.x + le.width && oe.clientY >= le.y && oe.clientY <= le.y + le.height;
+          }
+          if (!ye) {
+            V.stopPropagation(), B.current = !0;
+            const le = (pe) => {
+              pe.stopPropagation(), pe.preventDefault(), document.removeEventListener("click", le, !0);
+            };
+            document.addEventListener("click", le, !0), q();
+          }
         }
       }
     };
-    const handlePointerMove = (e) => {
-      if (dragStartRef.current) {
-        e.preventDefault();
-        handleMove(e.clientX, e.clientY);
-      }
-    };
-    const handleTouchMove = (e) => {
-      if (dragStartRef.current && e.touches.length > 0) {
-        e.preventDefault();
-        handleMove(e.touches[0].clientX, e.touches[0].clientY);
-      }
-    };
-    const handleUp = (clientX, clientY) => {
-      if (!dragStartRef.current || !lightboxRef.current) {
-        dragStartRef.current = null;
-        return;
-      }
-      const deltaX = Math.abs(clientX - dragStartRef.current.x);
-      const deltaY = Math.abs(clientY - dragStartRef.current.y);
-      if (deltaY > DRAG_THRESHOLD && deltaY > deltaX) {
-        lightboxRef.current.go(clientY < dragStartRef.current.y ? "+1" : "-1");
-      }
-      dragStartRef.current = null;
+    return document.addEventListener("touchend", y, { passive: !0 }), () => {
+      document.removeEventListener("touchend", y);
     };
-    const handlePointerUp = (e) => {
-      if (dragStartRef.current) {
-        handleUp(e.clientX, e.clientY);
+  }, [e, q, s, t]);
+  const lt = (f.type === "scale" || f.type === "fade") && f.direction === "vert" && $.type === "drag";
+  me(() => {
+    var pe, Tt;
+    if (!e || !lt || !((Tt = (pe = g.current) == null ? void 0 : pe.splide) != null && Tt.root)) return;
+    const y = g.current.splide.root, V = 30, Y = (Q, ce) => {
+      if (N.current) {
+        const Ne = Math.abs(Q - N.current.x), Rt = Math.abs(ce - N.current.y);
+        (Ne > 0 || Rt > 0) && (z.current = !0);
       }
-      document.removeEventListener("pointerup", handlePointerUp);
-      document.removeEventListener("pointercancel", handlePointerUp);
-      document.removeEventListener("pointermove", handlePointerMove);
-    };
-    const handleTouchEnd = (e) => {
-      if (!dragStartRef.current) {
+    }, J = (Q) => {
+      N.current && (Q.preventDefault(), Y(Q.clientX, Q.clientY));
+    }, te = (Q) => {
+      N.current && Q.touches.length > 0 && (Q.preventDefault(), Y(Q.touches[0].clientX, Q.touches[0].clientY));
+    }, Z = (Q, ce) => {
+      if (!N.current || !g.current) {
+        N.current = null;
         return;
       }
-      if (e.changedTouches.length > 0) {
-        const touch = e.changedTouches[0];
-        handleUp(touch.clientX, touch.clientY);
-      }
-      document.removeEventListener("touchend", handleTouchEnd);
-      document.removeEventListener("touchcancel", handleTouchEnd);
-      document.removeEventListener("touchmove", handleTouchMove);
-    };
-    const handlePointerDown = (e) => {
-      dragStartRef.current = { x: e.clientX, y: e.clientY };
-      hasDraggedRef.current = false;
-      document.addEventListener("pointermove", handlePointerMove, { passive: false });
-      document.addEventListener("pointerup", handlePointerUp);
-      document.addEventListener("pointercancel", handlePointerUp);
-    };
-    const handleTouchStart = (e) => {
-      if (e.touches.length > 0) {
-        dragStartRef.current = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-        hasDraggedRef.current = false;
-        document.addEventListener("touchmove", handleTouchMove, { passive: false });
-        document.addEventListener("touchend", handleTouchEnd);
-        document.addEventListener("touchcancel", handleTouchEnd);
+      const Ne = Math.abs(Q - N.current.x), Rt = Math.abs(ce - N.current.y);
+      Rt > V && Rt > Ne && g.current.go(ce < N.current.y ? "+1" : "-1"), N.current = null;
+    }, X = (Q) => {
+      N.current && Z(Q.clientX, Q.clientY), document.removeEventListener("pointerup", X), document.removeEventListener("pointercancel", X), document.removeEventListener("pointermove", J);
+    }, oe = (Q) => {
+      if (N.current) {
+        if (Q.changedTouches.length > 0) {
+          const ce = Q.changedTouches[0];
+          Z(ce.clientX, ce.clientY);
+        }
+        document.removeEventListener("touchend", oe), document.removeEventListener("touchcancel", oe), document.removeEventListener("touchmove", te);
       }
+    }, ye = (Q) => {
+      N.current = { x: Q.clientX, y: Q.clientY }, z.current = !1, document.addEventListener("pointermove", J, { passive: !1 }), document.addEventListener("pointerup", X), document.addEventListener("pointercancel", X);
+    }, le = (Q) => {
+      Q.touches.length > 0 && (N.current = { x: Q.touches[0].clientX, y: Q.touches[0].clientY }, z.current = !1, document.addEventListener("touchmove", te, { passive: !1 }), document.addEventListener("touchend", oe), document.addEventListener("touchcancel", oe));
     };
-    container.addEventListener("pointerdown", handlePointerDown);
-    container.addEventListener("touchstart", handleTouchStart);
-    return () => {
-      container.removeEventListener("pointerdown", handlePointerDown);
-      container.removeEventListener("touchstart", handleTouchStart);
-      document.removeEventListener("pointermove", handlePointerMove);
-      document.removeEventListener("pointerup", handlePointerUp);
-      document.removeEventListener("pointercancel", handlePointerUp);
-      document.removeEventListener("touchmove", handleTouchMove);
-      document.removeEventListener("touchend", handleTouchEnd);
-      document.removeEventListener("touchcancel", handleTouchEnd);
-      dragStartRef.current = null;
-      hasDraggedRef.current = false;
+    return y.addEventListener("pointerdown", ye), y.addEventListener("touchstart", le), () => {
+      y.removeEventListener("pointerdown", ye), y.removeEventListener("touchstart", le), document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", X), document.removeEventListener("pointercancel", X), document.removeEventListener("touchmove", te), document.removeEventListener("touchend", oe), document.removeEventListener("touchcancel", oe), N.current = null, z.current = !1;
     };
-  }, [isOpen, needsCustomVerticalDrag, splideKey]);
-  const backdropStyles = {
-    backgroundColor: area.color,
-    backdropFilter: `blur(${area.blur}px)`,
-    animationDuration: `${parseInt(appear.duration)}ms`,
+  }, [e, lt, u]);
+  const Lt = {
+    backgroundColor: L.color,
+    backdropFilter: `blur(${L.blur}px)`,
+    animationDuration: `${parseInt(H.duration)}ms`,
     animationTimingFunction: "ease",
     animationFillMode: "both"
   };
-  if (!document.getElementById(portalId)) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
+  return document.getElementById(a) ? jr(
+    /* @__PURE__ */ Ae(pt, { children: [
+      /* @__PURE__ */ M(
         "div",
         {
-          ref: !isEditor ? animationTargetRef : null,
-          className: cn(classes.background, isClosing ? backdropDisappearClass : backdropAppearClass, { [classes.editor]: isEditor }, { [classes.hidden]: !isOpen }),
+          ref: i ? null : I,
+          className: ae(D.background, m ? ee : ne, { [D.editor]: i }, { [D.hidden]: !e }),
           style: {
-            ...backdropStyles,
-            ...animationFinished && !isEditor && !isClosing ? { position: "absolute" } : {}
+            ...Lt,
+            ...c && !i && !m ? { position: "absolute" } : {}
           }
         }
       ),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ Ae(
         "div",
         {
-          ref: isEditor ? animationTargetRef : null,
-          className: cn(classes.contentStyle, !isClosing ? appearClass : disappearClass, { [classes.editor]: isEditor }, { [classes.hidden]: !isOpen }),
+          ref: i ? I : null,
+          className: ae(D.contentStyle, m ? he : G, { [D.editor]: i }, { [D.hidden]: !e }),
           style: {
-            animationDuration: `${parseInt(appear.duration)}ms`,
+            animationDuration: `${parseInt(H.duration)}ms`,
             animationTimingFunction: "ease",
             animationFillMode: "both"
           },
           children: [
-            /* @__PURE__ */ jsx(
-              Splide,
+            /* @__PURE__ */ M(
+              zr,
               {
-                onMove: (splide) => setCurrentIndex(splide.index),
-                ref: lightboxRef,
-                className: classes.lightboxSplide,
+                onMove: (y) => d(y.index),
+                ref: g,
+                className: D.lightboxSplide,
                 options: {
-                  arrows: false,
-                  speed: slider.duration ? parseInt(slider.duration) : 500,
-                  direction: (() => {
-                    const isHoriz = slider.direction === "horiz";
-                    return isHoriz || slider.type === "fade" || slider.type === "scale" ? "ltr" : "ttb";
-                  })(),
-                  pagination: false,
+                  arrows: !1,
+                  speed: f.duration ? parseInt(f.duration) : 500,
+                  direction: f.direction === "horiz" || f.type === "fade" || f.type === "scale" ? "ltr" : "ttb",
+                  pagination: !1,
                   // Disable Splide's drag when we need custom vertical drag handling
-                  drag: triggers.type === "drag" && !needsCustomVerticalDrag,
+                  drag: $.type === "drag" && !lt,
                   perPage: 1,
                   width: "100%",
                   height: "100%",
-                  type: slider.type === "fade" || slider.type === "scale" ? "fade" : "loop",
+                  type: f.type === "fade" || f.type === "scale" ? "fade" : "loop",
                   padding: 0,
-                  rewind: triggers.repeat !== "close",
+                  rewind: $.repeat !== "close",
                   start: 0
                 },
-                style: { "--splide-speed": slider.duration },
-                children: content.map((item, index) => {
-                  const positionStyles = getPositionStyles(layout.position, layout.offset, isEditor);
-                  const padding = `${scalingValue(layout.padding.top, isEditor)} ${scalingValue(layout.padding.right, isEditor)} ${scalingValue(layout.padding.bottom, isEditor)} ${scalingValue(layout.padding.left, isEditor)}`;
-                  const imageStyle2 = slider.type === "scale" ? (() => {
-                    const { transform, ...restStyles } = positionStyles;
+                style: { "--splide-speed": f.duration },
+                children: t.map((y, V) => {
+                  const Y = kt(k.position, k.offset, i), J = `${U(k.padding.top, i)} ${U(k.padding.right, i)} ${U(k.padding.bottom, i)} ${U(k.padding.left, i)}`, te = f.type === "scale" ? (() => {
+                    const { transform: Z, ...X } = Y;
                     return {
-                      ...restStyles,
+                      ...X,
                       position: "absolute",
-                      padding,
+                      padding: J,
                       boxSizing: "border-box",
-                      "--position-transform": transform || "none"
+                      "--position-transform": Z || "none"
                     };
-                  })() : { ...positionStyles, position: "absolute", padding, boxSizing: "border-box" };
-                  return /* @__PURE__ */ jsx(SplideSlide, { children: /* @__PURE__ */ jsx("div", { className: classes.imgWrapper, onClick: handleImageWrapperClick, children: /* @__PURE__ */ jsx(
+                  })() : { ...Y, position: "absolute", padding: J, boxSizing: "border-box" };
+                  return /* @__PURE__ */ M(Wr, { children: /* @__PURE__ */ M("div", { className: D.imgWrapper, onClick: ie, children: /* @__PURE__ */ M(
                     "img",
                     {
-                      ref: index === currentIndex ? imageRef : null,
-                      className: cn(classes.imageStyle, {
-                        [classes.contain]: item.image.objectFit === "contain",
-                        [classes.cover]: item.image.objectFit === "cover",
-                        [classes.scaleSlide]: slider.type === "scale"
+                      ref: V === s ? F : null,
+                      className: ae(D.imageStyle, {
+                        [D.contain]: y.image.objectFit === "contain",
+                        [D.cover]: y.image.objectFit === "cover",
+                        [D.scaleSlide]: f.type === "scale"
                       }),
-                      src: item.image.url,
-                      alt: item.image.name ?? "",
-                      style: { ...imageStyle2, pointerEvents: item.image.objectFit === "contain" ? "none" : "auto" }
+                      src: y.image.url,
+                      alt: y.image.name ?? "",
+                      style: { ...te, pointerEvents: y.image.objectFit === "contain" ? "none" : "auto" }
                     }
-                  ) }) }, index);
+                  ) }) }, V);
                 })
               },
-              splideKey
+              u
             ),
-            controls.isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
+            x.isActive && /* @__PURE__ */ Ae(pt, { children: [
+              /* @__PURE__ */ M(
                 "div",
                 {
-                  className: cn(classes.arrow, { [classes.arrowVertical]: slider.direction === "vert" }),
-                  style: { color: controls.color, ["--arrow-hover-color"]: controls.hover },
-                  children: /* @__PURE__ */ jsxs(
+                  className: ae(D.arrow, { [D.arrowVertical]: f.direction === "vert" }),
+                  style: { color: x.color, "--arrow-hover-color": x.hover },
+                  children: /* @__PURE__ */ Ae(
                     "button",
                     {
-                      className: classes.arrowInner,
-                      style: { transform: `translate(${scalingValue(controls.offset.x, isEditor)}, ${scalingValue(controls.offset.y * (slider.direction === "horiz" ? 1 : -1), isEditor)}) scale(${controls.scale}) rotate(${slider.direction === "horiz" ? "0deg" : "90deg"})` },
+                      className: D.arrowInner,
+                      style: { transform: `translate(${U(x.offset.x, i)}, ${U(x.offset.y * (f.direction === "horiz" ? 1 : -1), i)}) scale(${x.scale}) rotate(${f.direction === "horiz" ? "0deg" : "90deg"})` },
                       onClick: () => {
-                        var _a2;
-                        return (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("-1");
+                        var y;
+                        return (y = g.current) == null ? void 0 : y.go("-1");
                       },
                       "aria-label": "Previous",
                       children: [
-                        controls.arrowsImgUrl && /* @__PURE__ */ jsx(
-                          SvgImage,
+                        x.arrowsImgUrl && /* @__PURE__ */ M(
+                          dt,
                           {
-                            url: controls.arrowsImgUrl,
-                            fill: controls.color,
-                            hoverFill: controls.hover,
-                            className: cn(classes.arrowImg, classes.mirror)
+                            url: x.arrowsImgUrl,
+                            fill: x.color,
+                            hoverFill: x.hover,
+                            className: ae(D.arrowImg, D.mirror)
                           }
                         ),
-                        !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: controls.color, className: cn(classes.arrowIcon, classes.arrowImg, classes.mirror) })
+                        !x.arrowsImgUrl && /* @__PURE__ */ M(er, { color: x.color, className: ae(D.arrowIcon, D.arrowImg, D.mirror) })
                       ]
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ M(
                 "div",
                 {
-                  className: cn(classes.arrow, classes.nextArrow, { [classes.arrowVertical]: slider.direction === "vert" }),
-                  style: { color: controls.color, ["--arrow-hover-color"]: controls.hover },
-                  children: /* @__PURE__ */ jsxs(
+                  className: ae(D.arrow, D.nextArrow, { [D.arrowVertical]: f.direction === "vert" }),
+                  style: { color: x.color, "--arrow-hover-color": x.hover },
+                  children: /* @__PURE__ */ Ae(
                     "button",
                     {
-                      className: classes.arrowInner,
-                      style: { transform: `translate(${scalingValue(controls.offset.x * (slider.direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controls.offset.y, isEditor)}) scale(${controls.scale}) rotate(${slider.direction === "horiz" ? "0deg" : "90deg"})` },
+                      className: D.arrowInner,
+                      style: { transform: `translate(${U(x.offset.x * (f.direction === "horiz" ? -1 : 1), i)}, ${U(x.offset.y, i)}) scale(${x.scale}) rotate(${f.direction === "horiz" ? "0deg" : "90deg"})` },
                       onClick: () => {
-                        var _a2;
-                        return (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
+                        var y;
+                        return (y = g.current) == null ? void 0 : y.go("+1");
                       },
                       "aria-label": "Next",
                       children: [
-                        controls.arrowsImgUrl && /* @__PURE__ */ jsx(
-                          SvgImage,
+                        x.arrowsImgUrl && /* @__PURE__ */ M(
+                          dt,
                           {
-                            url: controls.arrowsImgUrl,
-                            fill: controls.color,
-                            hoverFill: controls.hover,
-                            className: classes.arrowImg
+                            url: x.arrowsImgUrl,
+                            fill: x.color,
+                            hoverFill: x.hover,
+                            className: D.arrowImg
                           }
                         ),
-                        !controls.arrowsImgUrl && /* @__PURE__ */ jsx(ArrowIcon, { color: controls.color, className: cn(classes.arrowIcon, classes.arrowImg) })
+                        !x.arrowsImgUrl && /* @__PURE__ */ M(er, { color: x.color, className: ae(D.arrowIcon, D.arrowImg) })
                       ]
                     }
                   )
                 }
               )
             ] }),
-            area.closeIconUrl && (() => {
-              const positionStyles = getPositionStyles(area.closeIconAlign, area.closeIconOffset, isEditor);
-              const scaleTransform = `scale(${area.closeIconScale})`;
-              const combinedTransform = positionStyles.transform ? `${positionStyles.transform} ${scaleTransform}` : scaleTransform;
-              return /* @__PURE__ */ jsx("button", { className: classes.closeButton, style: { ...positionStyles, transform: combinedTransform }, onClick: handleClose, "aria-label": "Close lightbox", children: /* @__PURE__ */ jsx(SvgImage, { url: area.closeIconUrl, fill: area.closeIconColor ?? "#000000", hoverFill: area.closeIconHover ?? "#cccccc" }) });
+            L.closeIconUrl && (() => {
+              const y = kt(L.closeIconAlign, L.closeIconOffset, i), V = `scale(${L.closeIconScale})`, Y = y.transform ? `${y.transform} ${V}` : V;
+              return /* @__PURE__ */ M("button", { className: D.closeButton, style: { ...y, transform: Y }, onClick: q, "aria-label": "Close lightbox", children: /* @__PURE__ */ M(dt, { url: L.closeIconUrl, fill: L.closeIconColor ?? "#000000", hoverFill: L.closeIconHover ?? "#cccccc" }) });
             })(),
-            caption2 && caption2.isActive && lightboxStyles.imageCaption && ((_a = content[currentIndex]) == null ? void 0 : _a.imageCaption) && (() => {
-              const { widthSettings, fontSettings, letterSpacing, textAlign, wordSpacing, fontSizeLineHeight, textAppearance, color } = lightboxStyles.imageCaption;
-              return /* @__PURE__ */ jsx(
+            _ && _.isActive && r.imageCaption && ((W = t[s]) == null ? void 0 : W.imageCaption) && (() => {
+              const { widthSettings: y, fontSettings: V, letterSpacing: Y, textAlign: J, wordSpacing: te, fontSizeLineHeight: Z, textAppearance: X, color: oe } = r.imageCaption;
+              return /* @__PURE__ */ M(
                 "div",
                 {
-                  className: classes.caption,
+                  className: D.caption,
                   style: {
-                    ...getPositionStyles(caption2.alignment, caption2.offset, isEditor),
-                    fontFamily: fontSettings.fontFamily,
-                    fontWeight: fontSettings.fontWeight,
-                    fontStyle: fontSettings.fontStyle,
-                    width: widthSettings.sizing === "auto" ? "max-content" : scalingValue(widthSettings.width, isEditor),
-                    letterSpacing: scalingValue(letterSpacing, isEditor),
-                    wordSpacing: scalingValue(wordSpacing, isEditor),
-                    textAlign,
-                    fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-                    lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-                    textTransform: textAppearance.textTransform ?? "none",
-                    textDecoration: textAppearance.textDecoration ?? "none",
-                    fontVariant: textAppearance.fontVariant ?? "normal",
-                    color
+                    ...kt(_.alignment, _.offset, i),
+                    fontFamily: V.fontFamily,
+                    fontWeight: V.fontWeight,
+                    fontStyle: V.fontStyle,
+                    width: y.sizing === "auto" ? "max-content" : U(y.width, i),
+                    letterSpacing: U(Y, i),
+                    wordSpacing: U(te, i),
+                    textAlign: J,
+                    fontSize: U(Z.fontSize, i),
+                    lineHeight: U(Z.lineHeight, i),
+                    textTransform: X.textTransform ?? "none",
+                    textDecoration: X.textDecoration ?? "none",
+                    fontVariant: X.fontVariant ?? "normal",
+                    color: oe
                   },
-                  onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsx(
+                  onClick: (ye) => ye.stopPropagation(),
+                  children: /* @__PURE__ */ M(
                     "div",
                     {
                       "data-styles": "imageCaption",
-                      className: classes.captionTextInner,
-                      style: { ["--link-hover-color"]: caption2.hover },
-                      children: /* @__PURE__ */ jsx(RichTextRenderer, { content: content[currentIndex].imageCaption })
+                      className: D.captionTextInner,
+                      style: { "--link-hover-color": _.hover },
+                      children: /* @__PURE__ */ M(Mr, { content: t[s].imageCaption })
                     }
                   )
                 }
               );
             })(),
-            thumbnail.isActive && (() => {
-              const [vertical, horizontal] = thumbnail.position.split("-");
-              const effectivePosition = slider.direction === "horiz" ? `${vertical}-left` : thumbnail.position;
-              const thumbsPositionStyles = getPositionStyles(effectivePosition, thumbnail.offset, isEditor);
-              const getJustifyContent = () => {
-                if (slider.direction === "horiz") {
-                  if (horizontal === "left") return "flex-start";
-                  if (horizontal === "center") return "center";
-                  if (horizontal === "right") return "flex-end";
+            R.isActive && (() => {
+              const [y, V] = R.position.split("-"), Y = f.direction === "horiz" ? `${y}-left` : R.position, J = kt(Y, R.offset, i), te = () => {
+                if (f.direction === "horiz") {
+                  if (V === "left") return "flex-start";
+                  if (V === "center") return "center";
+                  if (V === "right") return "flex-end";
                 } else {
-                  if (vertical === "top") return "flex-start";
-                  if (vertical === "middle") return "center";
-                  if (vertical === "bottom") return "flex-end";
+                  if (y === "top") return "flex-start";
+                  if (y === "middle") return "center";
+                  if (y === "bottom") return "flex-end";
                 }
                 return "flex-start";
               };
-              return /* @__PURE__ */ jsx(
+              return /* @__PURE__ */ M(
                 "div",
                 {
-                  ref: thumbsWrapperRef,
-                  className: classes.thumbsWrapper,
-                  onClick: (e) => handleThumbWrapperClick(e),
+                  ref: T,
+                  className: D.thumbsWrapper,
+                  onClick: (Z) => fe(Z),
                   style: {
-                    position: isEditor ? "absolute" : "fixed",
-                    ...thumbsPositionStyles,
-                    ...slider.direction === "horiz" ? {
+                    position: i ? "absolute" : "fixed",
+                    ...J,
+                    ...f.direction === "horiz" ? {
                       maxWidth: "100vw",
                       width: "100%",
                       overflowX: "auto",
@@ -2517,98 +3805,81 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
                       overflowX: "hidden"
                     }
                   },
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ M(
                     "div",
                     {
-                      className: cn(classes.thumbsContainer, {
-                        [classes.thumbsContainerVertical]: slider.direction === "vert",
-                        [classes.thumbsAlignStart]: thumbnail.align === "start",
-                        [classes.thumbsAlignCenter]: thumbnail.align === "center",
-                        [classes.thumbsAlignEnd]: thumbnail.align === "end"
+                      className: ae(D.thumbsContainer, {
+                        [D.thumbsContainerVertical]: f.direction === "vert",
+                        [D.thumbsAlignStart]: R.align === "start",
+                        [D.thumbsAlignCenter]: R.align === "center",
+                        [D.thumbsAlignEnd]: R.align === "end"
                       }),
                       style: {
-                        gap: scalingValue(thumbnail.grid.gap, isEditor),
-                        justifyContent: hasThumbsOverflow ? "flex-start" : getJustifyContent()
+                        gap: U(R.grid.gap, i),
+                        justifyContent: O ? "flex-start" : te()
                       },
-                      children: content.map((item, index) => {
-                        const isActive = index === currentIndex;
-                        const thumbDims = thumbnailDimensions[index];
-                        const baseSizeValue = thumbnail.grid.size;
-                        const activeSizeValue = baseSizeValue * (isActive ? thumbnail.activeState.scale : 1);
-                        const getFitDimensions = () => {
-                          if (thumbnail.fit !== "fit") return {};
-                          if (!thumbDims) {
-                            if (slider.direction === "horiz") {
-                              return { height: scalingValue(activeSizeValue, isEditor) };
-                            } else {
-                              return { width: scalingValue(activeSizeValue, isEditor) };
-                            }
-                          }
-                          const aspectRatio = thumbDims.width / thumbDims.height;
-                          if (slider.direction === "horiz") {
-                            const heightValue = activeSizeValue;
-                            const widthValue = heightValue * aspectRatio;
+                      children: t.map((Z, X) => {
+                        const oe = X === s, ye = w[X], pe = R.grid.size * (oe ? R.activeState.scale : 1), Tt = () => {
+                          if (R.fit !== "fit") return {};
+                          if (!ye)
+                            return f.direction === "horiz" ? { height: U(pe, i) } : { width: U(pe, i) };
+                          const Q = ye.width / ye.height;
+                          if (f.direction === "horiz") {
+                            const ce = pe, Ne = ce * Q;
                             return {
-                              width: scalingValue(widthValue, isEditor),
-                              height: scalingValue(heightValue, isEditor)
+                              width: U(Ne, i),
+                              height: U(ce, i)
                             };
                           } else {
-                            const widthValue = activeSizeValue;
-                            const heightValue = widthValue / aspectRatio;
+                            const ce = pe, Ne = ce / Q;
                             return {
-                              width: scalingValue(widthValue, isEditor),
-                              height: scalingValue(heightValue, isEditor)
+                              width: U(ce, i),
+                              height: U(Ne, i)
                             };
                           }
                         };
-                        return /* @__PURE__ */ jsx(
+                        return /* @__PURE__ */ M(
                           "button",
                           {
-                            className: classes.thumbItem,
+                            className: D.thumbItem,
                             style: {
-                              ...slider.direction === "horiz" && thumbnail.fit !== "fit" ? { height: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...slider.direction === "vert" && thumbnail.fit !== "fit" ? { width: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...thumbnail.fit === "cover" ? { width: scalingValue(activeSizeValue, isEditor), height: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...getFitDimensions(),
-                              transition: isActive ? "all 0.25s ease-out" : "none",
-                              opacity: isActive ? thumbnail.activeState.opacity / 100 : thumbnail.opacity / 100,
-                              ["--thumb-hover"]: thumbnail.activeState.opacity / 100
+                              ...f.direction === "horiz" && R.fit !== "fit" ? { height: U(pe, i) } : {},
+                              ...f.direction === "vert" && R.fit !== "fit" ? { width: U(pe, i) } : {},
+                              ...R.fit === "cover" ? { width: U(pe, i), height: U(pe, i) } : {},
+                              ...Tt(),
+                              transition: oe ? "all 0.25s ease-out" : "none",
+                              opacity: oe ? R.activeState.opacity / 100 : R.opacity / 100,
+                              "--thumb-hover": R.activeState.opacity / 100
                             },
-                            onClick: (e) => {
-                              var _a2;
-                              e.stopPropagation();
-                              setCurrentIndex(index);
-                              (_a2 = lightboxRef.current) == null ? void 0 : _a2.go(index);
+                            onClick: (Q) => {
+                              var ce;
+                              Q.stopPropagation(), d(X), (ce = g.current) == null || ce.go(X);
                             },
                             onMouseEnter: () => {
-                              var _a2;
-                              if (thumbnail.triggers === "hov") {
-                                (_a2 = lightboxRef.current) == null ? void 0 : _a2.go(index);
-                              }
+                              var Q;
+                              R.triggers === "hov" && ((Q = g.current) == null || Q.go(X));
                             },
-                            children: /* @__PURE__ */ jsx(
+                            children: /* @__PURE__ */ M(
                               "img",
                               {
-                                src: item.image.url,
-                                alt: item.image.name ?? "",
-                                onLoad: (e) => {
-                                  const img2 = e.currentTarget;
-                                  if (img2.naturalWidth && img2.naturalHeight) {
-                                    setThumbnailDimensions((prev) => ({
-                                      ...prev,
-                                      [index]: { width: img2.naturalWidth, height: img2.naturalHeight }
-                                    }));
-                                  }
+                                src: Z.image.url,
+                                alt: Z.image.name ?? "",
+                                onLoad: (Q) => {
+                                  const ce = Q.currentTarget;
+                                  ce.naturalWidth && ce.naturalHeight && E((Ne) => ({
+                                    ...Ne,
+                                    [X]: { width: ce.naturalWidth, height: ce.naturalHeight }
+                                  }));
                                 },
                                 style: {
-                                  objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
-                                  ...thumbnail.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
-                                  ...thumbnail.fit === "cover" ? { width: "100%", height: "100%" } : {}
+                                  objectFit: R.fit === "cover" ? "cover" : "contain",
+                                  ...R.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
+                                  ...R.fit === "cover" ? { width: "100%", height: "100%" } : {}
                                 }
                               }
                             )
                           },
-                          `${item.image.name}-${index}`
+                          `${Z.image.name}-${X}`
                         );
                       })
                     }
@@ -2620,14 +3891,14 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
         }
       )
     ] }),
-    document.getElementById(portalId)
-  );
+    document.getElementById(a)
+  ) : null;
 };
-function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
+function er({ color: e, className: n }) {
+  return /* @__PURE__ */ M("svg", { viewBox: "0 0 10 18", className: n, children: /* @__PURE__ */ M("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ M("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: e, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
 }
-const LightboxComponent = {
-  element: LightboxGallery,
+const Ha = {
+  element: ja,
   id: "lightbox",
   name: "Lightbox",
   preview: {
@@ -2642,7 +3913,7 @@ const LightboxComponent = {
     type: "object",
     properties: {
       settings: {
-        layoutBased: true,
+        layoutBased: !0,
         type: "object",
         properties: {
           thumbnailBlock: {
@@ -2730,7 +4001,7 @@ const LightboxComponent = {
                     type: "string",
                     title: "Repeat",
                     display: {
-                      visible: false,
+                      visible: !1,
                       type: "ratio-group"
                     },
                     enum: ["close", "loop"]
@@ -2821,16 +4092,16 @@ const LightboxComponent = {
                       size: {
                         type: "number",
                         label: "Box",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       gap: {
                         type: "number",
                         label: "Gap",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         min: 0,
                         display: {
                           type: "numeric-input"
@@ -2848,19 +4119,19 @@ const LightboxComponent = {
                       x: {
                         type: "number",
                         label: "X",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       y: {
                         type: "number",
                         label: "Y",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       }
                     }
@@ -2931,19 +4202,19 @@ const LightboxComponent = {
                       x: {
                         type: "number",
                         label: "X",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       y: {
                         type: "number",
                         label: "Y",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       }
                     }
@@ -3007,19 +4278,19 @@ const LightboxComponent = {
                       x: {
                         type: "number",
                         label: "X",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       y: {
                         type: "number",
                         label: "Y",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       }
                     }
@@ -3107,19 +4378,19 @@ const LightboxComponent = {
                       x: {
                         type: "number",
                         label: "X",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       y: {
                         type: "number",
                         label: "Y",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       }
                     }
@@ -3171,19 +4442,19 @@ const LightboxComponent = {
                       x: {
                         type: "number",
                         label: "X",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       },
                       y: {
                         type: "number",
                         label: "Y",
-                        scalingEnabled: true,
+                        scalingEnabled: !0,
                         display: {
                           type: "numeric-input",
-                          visible: true
+                          visible: !0
                         }
                       }
                     }
@@ -3202,7 +4473,7 @@ const LightboxComponent = {
           }
         },
         default: {
-          "d": {
+          d: {
             thumbnailBlock: {
               cover: {
                 url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
@@ -3225,7 +4496,7 @@ const LightboxComponent = {
                 duration: "1000ms"
               },
               thumbnail: {
-                isActive: true,
+                isActive: !0,
                 position: "middle-left",
                 fit: "fit",
                 align: "start",
@@ -3247,7 +4518,7 @@ const LightboxComponent = {
                 padding: { top: 0.06, right: 0, bottom: 0.06, left: 0 }
               },
               controls: {
-                isActive: false,
+                isActive: !1,
                 arrowsImgUrl: null,
                 offset: { x: 0, y: 0 },
                 scale: 1,
@@ -3265,14 +4536,14 @@ const LightboxComponent = {
                 closeIconScale: 1
               },
               caption: {
-                isActive: true,
+                isActive: !0,
                 alignment: "middle-center",
                 offset: { x: 0, y: 0 },
                 hover: "#cccccc"
               }
             }
           },
-          "m": {
+          m: {
             thumbnailBlock: {
               cover: {
                 url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
@@ -3295,7 +4566,7 @@ const LightboxComponent = {
                 duration: "1000ms"
               },
               thumbnail: {
-                isActive: true,
+                isActive: !0,
                 position: "bottom-center",
                 fit: "fit",
                 align: "start",
@@ -3317,7 +4588,7 @@ const LightboxComponent = {
                 padding: { top: 0.06, right: 0.05, bottom: 0.06, left: 0.05 }
               },
               controls: {
-                isActive: false,
+                isActive: !1,
                 arrowsImgUrl: null,
                 offset: { x: 0, y: 0 },
                 scale: 1,
@@ -3335,14 +4606,14 @@ const LightboxComponent = {
                 closeIconScale: 1
               },
               caption: {
-                isActive: true,
+                isActive: !0,
                 alignment: "middle-center",
                 offset: { x: 0, y: 0 },
                 hover: "#cccccc"
               }
             }
           },
-          "t": {
+          t: {
             thumbnailBlock: {
               cover: {
                 url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
@@ -3365,7 +4636,7 @@ const LightboxComponent = {
                 duration: "1000ms"
               },
               thumbnail: {
-                isActive: true,
+                isActive: !0,
                 position: "middle-left",
                 fit: "fit",
                 align: "start",
@@ -3387,7 +4658,7 @@ const LightboxComponent = {
                 padding: { top: 0.06, right: 0.1, bottom: 0.06, left: 0.1 }
               },
               controls: {
-                isActive: false,
+                isActive: !1,
                 arrowsImgUrl: null,
                 offset: { x: 0, y: 0 },
                 scale: 1,
@@ -3405,7 +4676,7 @@ const LightboxComponent = {
                 closeIconScale: 1
               },
               caption: {
-                isActive: true,
+                isActive: !0,
                 alignment: "middle-center",
                 offset: { x: 0, y: 0 },
                 hover: "#cccccc"
@@ -3421,7 +4692,7 @@ const LightboxComponent = {
             },
             then: {
               name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: true
+              value: !0
             }
           },
           {
@@ -3441,7 +4712,7 @@ const LightboxComponent = {
             },
             then: {
               name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: true
+              value: !0
             }
           },
           {
@@ -3451,7 +4722,7 @@ const LightboxComponent = {
             },
             then: {
               name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: false
+              value: !1
             }
           },
           {
@@ -3461,16 +4732,16 @@ const LightboxComponent = {
             ],
             then: {
               name: "properties.lightboxBlock.properties.triggers.properties.repeat.display.visible",
-              value: true
+              value: !0
             }
           }
         ]
       },
       content: {
-        layoutBased: false,
+        layoutBased: !1,
         type: "array",
         settings: {
-          addItemFromFileExplorer: true,
+          addItemFromFileExplorer: !0,
           defaultWidth: 500
         },
         items: {
@@ -3553,7 +4824,7 @@ const LightboxComponent = {
         ]
       },
       styles: {
-        layoutBased: true,
+        layoutBased: !0,
         type: "object",
         properties: {
           imageCaption: {
@@ -3683,12 +4954,11 @@ const LightboxComponent = {
     },
     required: ["settings", "content", "styles"]
   }
-};
-const components = [
-  ControlSliderComponent,
-  ControlImageRevealSliderComponent,
-  LightboxComponent
+}, Ka = [
+  Ko,
+  na,
+  Ha
 ];
 export {
-  components
+  Ka as components
 };