@cntrl-site/components 1.0.1-alpha.3 → 1.0.1-alpha.5

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { jsx as N, Fragment as mt, jsxs as ye } from "react/jsx-runtime";
-import je, { useState as le, useEffect as ve, useRef as Se, useCallback as Qn } from "react";
-import fe from "classnames";
-import { s as B, u as dn, g as Dt } from "./useScopedStyles-Da2iLz5N.mjs";
+import { jsx as N, Fragment as gt, jsxs as he } from "react/jsx-runtime";
+import Ye, { useState as le, useEffect as ve, useRef as _e, useCallback as Qn } from "react";
+import pe from "classnames";
+import { s as F, u as dn, g as Dt } from "./useScopedStyles-Da2iLz5N.mjs";
 import { createPortal as eo } from "react-dom";
 function $l(e) {
   return e.type === "object" && e.version === 1;
 }
-const to = "ControlSlider-module__wrapper___sHEkd", ro = "ControlSlider-module__hoverArrow___A-dOH", no = "ControlSlider-module__sliderItem___QQSkR", oo = "ControlSlider-module__sliderImage___9hRl-", io = "ControlSlider-module__arrow___05ghY", ao = "ControlSlider-module__arrowVertical___tBfVN", lo = "ControlSlider-module__nextArrow___-30Yc", so = "ControlSlider-module__arrowInner___aEra3", co = "ControlSlider-module__arrowIcon___S4ztF", uo = "ControlSlider-module__arrowImg___2dwJW", po = "ControlSlider-module__mirror___brd6U", fo = "ControlSlider-module__pagination___bicLF", go = "ControlSlider-module__paginationInner___bT-P-", mo = "ControlSlider-module__paginationVertical___zYqKw", ho = "ControlSlider-module__paginationItem___nTRbk", yo = "ControlSlider-module__dot___p1Qun", vo = "ControlSlider-module__activeDot___LHFaj", bo = "ControlSlider-module__paginationInsideBottom___R3FWn", Co = "ControlSlider-module__paginationInsideTop___V-qb-", _o = "ControlSlider-module__paginationOutsideBottom___14w8D", So = "ControlSlider-module__paginationOutsideTop___SCLqB", xo = "ControlSlider-module__paginationInsideLeft___yOBRZ", wo = "ControlSlider-module__paginationInsideRight___Rtt3o", $o = "ControlSlider-module__paginationOutsideLeft___lahaw", Eo = "ControlSlider-module__paginationOutsideRight___EtuQa", To = "ControlSlider-module__imgWrapper___UjEgB", Ao = "ControlSlider-module__captionBlock___dJ6-j", Io = "ControlSlider-module__captionTextWrapper___HFlpf", Lo = "ControlSlider-module__captionText___uGBVc", ko = "ControlSlider-module__active___WZK4G", Ro = "ControlSlider-module__withPointerEvents___t-18M", No = "ControlSlider-module__topLeftAlignment___zjnGM", Oo = "ControlSlider-module__topCenterAlignment___gD1xW", Bo = "ControlSlider-module__topRightAlignment___NMapS", Fo = "ControlSlider-module__middleLeftAlignment___OnUrY", Mo = "ControlSlider-module__middleCenterAlignment___Tdkl0", zo = "ControlSlider-module__middleRightAlignment___wEbfX", Do = "ControlSlider-module__bottomLeftAlignment___cTP2-", Vo = "ControlSlider-module__bottomCenterAlignment___c54fB", jo = "ControlSlider-module__bottomRightAlignment___kEwrz", Wo = "ControlSlider-module__clickOverlay___DZA28", Po = "ControlSlider-module__contain___pLyq7", Ho = "ControlSlider-module__cover___KdDat", U = {
+const to = "ControlSlider-module__wrapper___sHEkd", ro = "ControlSlider-module__hoverArrow___A-dOH", no = "ControlSlider-module__sliderItem___QQSkR", oo = "ControlSlider-module__sliderImage___9hRl-", io = "ControlSlider-module__arrow___05ghY", ao = "ControlSlider-module__arrowVertical___tBfVN", lo = "ControlSlider-module__nextArrow___-30Yc", so = "ControlSlider-module__arrowInner___aEra3", co = "ControlSlider-module__arrowIcon___S4ztF", uo = "ControlSlider-module__arrowImg___2dwJW", po = "ControlSlider-module__mirror___brd6U", fo = "ControlSlider-module__pagination___bicLF", go = "ControlSlider-module__paginationInner___bT-P-", mo = "ControlSlider-module__paginationVertical___zYqKw", yo = "ControlSlider-module__paginationItem___nTRbk", vo = "ControlSlider-module__dot___p1Qun", ho = "ControlSlider-module__activeDot___LHFaj", bo = "ControlSlider-module__paginationInsideBottom___R3FWn", Co = "ControlSlider-module__paginationInsideTop___V-qb-", _o = "ControlSlider-module__paginationOutsideBottom___14w8D", So = "ControlSlider-module__paginationOutsideTop___SCLqB", xo = "ControlSlider-module__paginationInsideLeft___yOBRZ", wo = "ControlSlider-module__paginationInsideRight___Rtt3o", $o = "ControlSlider-module__paginationOutsideLeft___lahaw", Eo = "ControlSlider-module__paginationOutsideRight___EtuQa", To = "ControlSlider-module__imgWrapper___UjEgB", Ao = "ControlSlider-module__captionBlock___dJ6-j", Io = "ControlSlider-module__captionTextWrapper___HFlpf", Lo = "ControlSlider-module__captionText___uGBVc", ko = "ControlSlider-module__active___WZK4G", Ro = "ControlSlider-module__withPointerEvents___t-18M", No = "ControlSlider-module__topLeftAlignment___zjnGM", Oo = "ControlSlider-module__topCenterAlignment___gD1xW", Bo = "ControlSlider-module__topRightAlignment___NMapS", Fo = "ControlSlider-module__middleLeftAlignment___OnUrY", Mo = "ControlSlider-module__middleCenterAlignment___Tdkl0", zo = "ControlSlider-module__middleRightAlignment___wEbfX", Do = "ControlSlider-module__bottomLeftAlignment___cTP2-", Vo = "ControlSlider-module__bottomCenterAlignment___c54fB", Wo = "ControlSlider-module__bottomRightAlignment___kEwrz", jo = "ControlSlider-module__clickOverlay___DZA28", Po = "ControlSlider-module__contain___pLyq7", Ho = "ControlSlider-module__cover___KdDat", Y = {
   wrapper: to,
   hoverArrow: ro,
   sliderItem: no,
@@ -21,9 +21,9 @@ const to = "ControlSlider-module__wrapper___sHEkd", ro = "ControlSlider-module__
   pagination: fo,
   paginationInner: go,
   paginationVertical: mo,
-  paginationItem: ho,
-  dot: yo,
-  activeDot: vo,
+  paginationItem: yo,
+  dot: vo,
+  activeDot: ho,
   paginationInsideBottom: bo,
   paginationInsideTop: Co,
   paginationOutsideBottom: _o,
@@ -46,8 +46,8 @@ const to = "ControlSlider-module__wrapper___sHEkd", ro = "ControlSlider-module__
   middleRightAlignment: zo,
   bottomLeftAlignment: Do,
   bottomCenterAlignment: Vo,
-  bottomRightAlignment: jo,
-  clickOverlay: Wo,
+  bottomRightAlignment: Wo,
+  clickOverlay: jo,
   contain: Po,
   cover: Ho
 };
@@ -60,23 +60,23 @@ function Uo(e, t) {
 function Go(e, t, r) {
   return t && Uo(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-var Dr = "(prefers-reduced-motion: reduce)", nt = 1, Yo = 2, at = 3, ct = 4, xt = 5, Bt = 6, Vt = 7, Xo = {
-  CREATED: nt,
+var Dr = "(prefers-reduced-motion: reduce)", rt = 1, Yo = 2, it = 3, st = 4, St = 5, Bt = 6, Vt = 7, Xo = {
+  CREATED: rt,
   MOUNTED: Yo,
-  IDLE: at,
-  MOVING: ct,
-  SCROLLING: xt,
+  IDLE: it,
+  MOVING: st,
+  SCROLLING: St,
   DRAGGING: Bt,
   DESTROYED: Vt
 };
-function ze(e) {
+function Me(e) {
   e.length = 0;
 }
-function Ue(e, t, r) {
+function Pe(e, t, r) {
   return Array.prototype.slice.call(e, t, r);
 }
 function se(e) {
-  return e.bind.apply(e, [null].concat(Ue(arguments, 1)));
+  return e.bind.apply(e, [null].concat(Pe(arguments, 1)));
 }
 var fn = setTimeout, ur = function() {
 };
@@ -86,10 +86,10 @@ function Vr(e) {
 function Ut(e, t) {
   return typeof t === e;
 }
-function ht(e) {
+function mt(e) {
   return !Cr(e) && Ut("object", e);
 }
-var br = Array.isArray, gn = se(Ut, "function"), Pe = se(Ut, "string"), wt = se(Ut, "undefined");
+var br = Array.isArray, gn = se(Ut, "function"), We = se(Ut, "string"), xt = se(Ut, "undefined");
 function Cr(e) {
   return e === null;
 }
@@ -100,31 +100,31 @@ function mn(e) {
     return !1;
   }
 }
-function $t(e) {
+function wt(e) {
   return br(e) ? e : [e];
 }
-function $e(e, t) {
-  $t(e).forEach(t);
+function we(e, t) {
+  wt(e).forEach(t);
 }
 function _r(e, t) {
   return e.indexOf(t) > -1;
 }
 function Ft(e, t) {
-  return e.push.apply(e, $t(t)), e;
+  return e.push.apply(e, wt(t)), e;
 }
-function Be(e, t, r) {
-  e && $e(t, function(n) {
+function Oe(e, t, r) {
+  e && we(t, function(n) {
     n && e.classList[r ? "add" : "remove"](n);
   });
 }
-function Le(e, t) {
-  Be(e, Pe(t) ? t.split(" ") : t, !0);
+function Ie(e, t) {
+  Oe(e, We(t) ? t.split(" ") : t, !0);
 }
-function Et(e, t) {
-  $e(t, e.appendChild.bind(e));
+function $t(e, t) {
+  we(t, e.appendChild.bind(e));
 }
 function Sr(e, t) {
-  $e(e, function(r) {
+  we(e, function(r) {
     var n = (t || r).parentNode;
     n && n.insertBefore(r, t);
   });
@@ -132,128 +132,128 @@ function Sr(e, t) {
 function yt(e, t) {
   return mn(e) && (e.msMatchesSelector || e.matches).call(e, t);
 }
-function hn(e, t) {
-  var r = e ? Ue(e.children) : [];
+function yn(e, t) {
+  var r = e ? Pe(e.children) : [];
   return t ? r.filter(function(n) {
     return yt(n, t);
   }) : r;
 }
-function Tt(e, t) {
-  return t ? hn(e, t)[0] : e.firstElementChild;
+function Et(e, t) {
+  return t ? yn(e, t)[0] : e.firstElementChild;
 }
 var vt = Object.keys;
-function qe(e, t, r) {
+function Xe(e, t, r) {
   return e && (r ? vt(e).reverse() : vt(e)).forEach(function(n) {
     n !== "__proto__" && t(e[n], n);
   }), e;
 }
-function bt(e) {
-  return Ue(arguments, 1).forEach(function(t) {
-    qe(t, function(r, n) {
+function ht(e) {
+  return Pe(arguments, 1).forEach(function(t) {
+    Xe(t, function(r, n) {
       e[n] = t[n];
     });
   }), e;
 }
-function We(e) {
-  return Ue(arguments, 1).forEach(function(t) {
-    qe(t, function(r, n) {
-      br(r) ? e[n] = r.slice() : ht(r) ? e[n] = We({}, ht(e[n]) ? e[n] : {}, r) : e[n] = r;
+function Ve(e) {
+  return Pe(arguments, 1).forEach(function(t) {
+    Xe(t, function(r, n) {
+      br(r) ? e[n] = r.slice() : mt(r) ? e[n] = Ve({}, mt(e[n]) ? e[n] : {}, r) : e[n] = r;
     });
   }), e;
 }
-function jr(e, t) {
-  $e(t || vt(e), function(r) {
+function Wr(e, t) {
+  we(t || vt(e), function(r) {
     delete e[r];
   });
 }
-function ke(e, t) {
-  $e(e, function(r) {
-    $e(t, function(n) {
+function Le(e, t) {
+  we(e, function(r) {
+    we(t, function(n) {
       r && r.removeAttribute(n);
     });
   });
 }
-function ee(e, t, r) {
-  ht(t) ? qe(t, function(n, o) {
-    ee(e, o, n);
-  }) : $e(e, function(n) {
-    Cr(r) || r === "" ? ke(n, t) : n.setAttribute(t, String(r));
+function Z(e, t, r) {
+  mt(t) ? Xe(t, function(n, o) {
+    Z(e, o, n);
+  }) : we(e, function(n) {
+    Cr(r) || r === "" ? Le(n, t) : n.setAttribute(t, String(r));
   });
 }
-function ot(e, t, r) {
+function nt(e, t, r) {
   var n = document.createElement(e);
-  return t && (Pe(t) ? Le(n, t) : ee(n, t)), r && Et(r, n), n;
+  return t && (We(t) ? Ie(n, t) : Z(n, t)), r && $t(r, n), n;
 }
-function Te(e, t, r) {
-  if (wt(r))
+function Ee(e, t, r) {
+  if (xt(r))
     return getComputedStyle(e)[t];
   Cr(r) || (e.style[t] = "" + r);
 }
-function Ct(e, t) {
-  Te(e, "display", t);
+function bt(e, t) {
+  Ee(e, "display", t);
 }
-function yn(e) {
+function vn(e) {
   e.setActive && e.setActive() || e.focus({
     preventScroll: !0
   });
 }
-function Ae(e, t) {
+function Te(e, t) {
   return e.getAttribute(t);
 }
-function Wr(e, t) {
+function jr(e, t) {
   return e && e.classList.contains(t);
 }
-function xe(e) {
+function Se(e) {
   return e.getBoundingClientRect();
 }
-function Ke(e) {
-  $e(e, function(t) {
+function qe(e) {
+  we(e, function(t) {
     t && t.parentNode && t.parentNode.removeChild(t);
   });
 }
-function vn(e) {
-  return Tt(new DOMParser().parseFromString(e, "text/html").body);
+function hn(e) {
+  return Et(new DOMParser().parseFromString(e, "text/html").body);
 }
-function Oe(e, t) {
+function Ne(e, t) {
   e.preventDefault(), t && (e.stopPropagation(), e.stopImmediatePropagation());
 }
 function bn(e, t) {
   return e && e.querySelector(t);
 }
 function xr(e, t) {
-  return t ? Ue(e.querySelectorAll(t)) : [];
+  return t ? Pe(e.querySelectorAll(t)) : [];
 }
-function Fe(e, t) {
-  Be(e, t, !1);
+function Be(e, t) {
+  Oe(e, t, !1);
 }
 function pr(e) {
   return e.timeStamp;
 }
-function Xe(e) {
-  return Pe(e) ? e : e ? e + "px" : "";
+function Ge(e) {
+  return We(e) ? e : e ? e + "px" : "";
 }
-var At = "splide", wr = "data-" + At;
-function dt(e, t) {
+var Tt = "splide", wr = "data-" + Tt;
+function pt(e, t) {
   if (!e)
-    throw new Error("[" + At + "] " + (t || ""));
+    throw new Error("[" + Tt + "] " + (t || ""));
 }
-var He = Math.min, jt = Math.max, Wt = Math.floor, _t = Math.ceil, _e = Math.abs;
+var je = Math.min, Wt = Math.max, jt = Math.floor, Ct = Math.ceil, Ce = Math.abs;
 function Cn(e, t, r) {
-  return _e(e - t) < r;
+  return Ce(e - t) < r;
 }
 function Mt(e, t, r, n) {
-  var o = He(t, r), a = jt(t, r);
+  var o = je(t, r), a = Wt(t, r);
   return n ? o < e && e < a : o <= e && e <= a;
 }
-function tt(e, t, r) {
-  var n = He(t, r), o = jt(t, r);
-  return He(jt(n, e), o);
+function et(e, t, r) {
+  var n = je(t, r), o = Wt(t, r);
+  return je(Wt(n, e), o);
 }
 function dr(e) {
   return +(e > 0) - +(e < 0);
 }
 function fr(e, t) {
-  return $e(t, function(r) {
+  return we(t, function(r) {
     e = e.replace("%s", "" + r);
   }), e;
 }
@@ -268,8 +268,8 @@ function _n() {
   var e = [];
   function t(i, s, l, p) {
     o(i, s, function(c, S, m) {
-      var h = "addEventListener" in c, u = h ? c.removeEventListener.bind(c, S, l, p) : c.removeListener.bind(c, l);
-      h ? c.addEventListener(S, l, p) : c.addListener(l), e.push([c, S, m, l, u]);
+      var y = "addEventListener" in c, u = y ? c.removeEventListener.bind(c, S, l, p) : c.removeListener.bind(c, l);
+      y ? c.addEventListener(S, l, p) : c.addListener(l), e.push([c, S, m, l, u]);
     });
   }
   function r(i, s, l) {
@@ -287,8 +287,8 @@ function _n() {
     }) : (p = document.createEvent("CustomEvent"), p.initCustomEvent(s, c, !1, l)), i.dispatchEvent(p), p;
   }
   function o(i, s, l) {
-    $e(i, function(p) {
-      p && $e(s, function(c) {
+    we(i, function(p) {
+      p && we(s, function(c) {
         c.split(" ").forEach(function(S) {
           var m = S.split(".");
           l(p, m[0], m[1]);
@@ -299,7 +299,7 @@ function _n() {
   function a() {
     e.forEach(function(i) {
       i[4]();
-    }), ze(e);
+    }), Me(e);
   }
   return {
     bind: t,
@@ -308,18 +308,18 @@ function _n() {
     destroy: a
   };
 }
-var Ge = "mounted", gr = "ready", De = "move", ut = "moved", Er = "click", Sn = "active", xn = "inactive", wn = "visible", $n = "hidden", he = "refresh", be = "updated", lt = "resize", Gt = "resized", En = "drag", Tn = "dragging", An = "dragged", Yt = "scroll", Ze = "scrolled", Ko = "overflow", Tr = "destroy", In = "arrows:mounted", Ln = "arrows:updated", kn = "pagination:mounted", Rn = "pagination:updated", Ar = "navigation:mounted", Ir = "autoplay:play", Nn = "autoplay:playing", Lr = "autoplay:pause", kr = "lazyload:loaded", On = "sk", Bn = "sh", Pt = "ei";
-function ge(e) {
+var He = "mounted", gr = "ready", ze = "move", ct = "moved", Er = "click", Sn = "active", xn = "inactive", wn = "visible", $n = "hidden", me = "refresh", be = "updated", at = "resize", Gt = "resized", En = "drag", Tn = "dragging", An = "dragged", Yt = "scroll", Je = "scrolled", Ko = "overflow", Tr = "destroy", In = "arrows:mounted", Ln = "arrows:updated", kn = "pagination:mounted", Rn = "pagination:updated", Ar = "navigation:mounted", Ir = "autoplay:play", Nn = "autoplay:playing", Lr = "autoplay:pause", kr = "lazyload:loaded", On = "sk", Bn = "sh", Pt = "ei";
+function de(e) {
   var t = e ? e.event.bus : document.createDocumentFragment(), r = _n();
   function n(a, i) {
-    r.bind(t, $t(a).join(" "), function(s) {
+    r.bind(t, wt(a).join(" "), function(s) {
       i.apply(i, br(s.detail) ? s.detail : []);
     });
   }
   function o(a) {
-    r.dispatch(t, a, Ue(arguments, 1));
+    r.dispatch(t, a, Pe(arguments, 1));
   }
-  return e && e.event.on(Tr, r.destroy), bt(r, {
+  return e && e.event.on(Tr, r.destroy), ht(r, {
     bus: t,
     on: n,
     off: se(r.unbind, t),
@@ -330,36 +330,36 @@ function Xt(e, t, r, n) {
   var o = Date.now, a, i = 0, s, l = !0, p = 0;
   function c() {
     if (!l) {
-      if (i = e ? He((o() - a) / e, 1) : 1, r && r(i), i >= 1 && (t(), a = o(), n && ++p >= n))
+      if (i = e ? je((o() - a) / e, 1) : 1, r && r(i), i >= 1 && (t(), a = o(), n && ++p >= n))
         return m();
       s = Vr(c);
     }
   }
-  function S(E) {
-    E || u(), a = o() - (E ? i * e : 0), l = !1, s = Vr(c);
+  function S($) {
+    $ || u(), a = o() - ($ ? i * e : 0), l = !1, s = Vr(c);
   }
   function m() {
     l = !0;
   }
-  function h() {
+  function y() {
     a = o(), i = 0, r && r(i);
   }
   function u() {
     s && cancelAnimationFrame(s), i = 0, s = 0, l = !0;
   }
-  function f(E) {
-    e = E;
+  function f($) {
+    e = $;
   }
-  function x() {
+  function w() {
     return l;
   }
   return {
     start: S,
-    rewind: h,
+    rewind: y,
     pause: m,
     cancel: u,
     set: f,
-    isPaused: x
+    isPaused: w
   };
 }
 function Jo(e) {
@@ -368,7 +368,7 @@ function Jo(e) {
     t = o;
   }
   function n(o) {
-    return _r($t(o), t);
+    return _r(wt(o), t);
   }
   return {
     set: r,
@@ -385,8 +385,8 @@ function Qo(e, t, r) {
   var n = e.state, o = r.breakpoints || {}, a = r.reducedMotion || {}, i = _n(), s = [];
   function l() {
     var u = r.mediaQuery === "min";
-    vt(o).sort(function(f, x) {
-      return u ? +f - +x : +x - +f;
+    vt(o).sort(function(f, w) {
+      return u ? +f - +w : +w - +f;
     }).forEach(function(f) {
       c(o[f], "(" + (u ? "min" : "max") + "-width:" + f + "px)");
     }), c(a, Dr), S();
@@ -395,26 +395,26 @@ function Qo(e, t, r) {
     u && i.destroy();
   }
   function c(u, f) {
-    var x = matchMedia(f);
-    i.bind(x, "change", S), s.push([u, x]);
+    var w = matchMedia(f);
+    i.bind(w, "change", S), s.push([u, w]);
   }
   function S() {
-    var u = n.is(Vt), f = r.direction, x = s.reduce(function(E, d) {
-      return We(E, d[1].matches ? d[0] : {});
+    var u = n.is(Vt), f = r.direction, w = s.reduce(function($, d) {
+      return Ve($, d[1].matches ? d[0] : {});
     }, {});
-    jr(r), h(x), r.destroy ? e.destroy(r.destroy === "completely") : u ? (p(!0), e.mount()) : f !== r.direction && e.refresh();
+    Wr(r), y(w), r.destroy ? e.destroy(r.destroy === "completely") : u ? (p(!0), e.mount()) : f !== r.direction && e.refresh();
   }
   function m(u) {
-    matchMedia(Dr).matches && (u ? We(r, a) : jr(r, vt(a)));
+    matchMedia(Dr).matches && (u ? Ve(r, a) : Wr(r, vt(a)));
   }
-  function h(u, f, x) {
-    We(r, u), f && We(Object.getPrototypeOf(r), u), (x || !n.is(nt)) && e.emit(be, r);
+  function y(u, f, w) {
+    Ve(r, u), f && Ve(Object.getPrototypeOf(r), u), (w || !n.is(rt)) && e.emit(be, r);
   }
   return {
     setup: l,
     destroy: p,
     reduce: m,
-    set: h
+    set: y
   };
 }
 var qt = "Arrow", Kt = qt + "Left", Jt = qt + "Right", Fn = qt + "Up", Mn = qt + "Down", Hr = "rtl", Zt = "ttb", rr = {
@@ -444,13 +444,13 @@ function ei(e, t, r) {
     orient: o
   };
 }
-var Me = "role", it = "tabindex", ti = "disabled", Ie = "aria-", It = Ie + "controls", zn = Ie + "current", Ur = Ie + "selected", we = Ie + "label", Rr = Ie + "labelledby", Dn = Ie + "hidden", Nr = Ie + "orientation", St = Ie + "roledescription", Gr = Ie + "live", Yr = Ie + "busy", Xr = Ie + "atomic", Or = [Me, it, ti, It, zn, we, Rr, Dn, Nr, St], Re = At + "__", Ye = "is-", nr = At, qr = Re + "track", ri = Re + "list", Qt = Re + "slide", Vn = Qt + "--clone", ni = Qt + "__container", Br = Re + "arrows", er = Re + "arrow", jn = er + "--prev", Wn = er + "--next", tr = Re + "pagination", Pn = tr + "__page", oi = Re + "progress", ii = oi + "__bar", ai = Re + "toggle", li = Re + "spinner", si = Re + "sr", ci = Ye + "initialized", Je = Ye + "active", Hn = Ye + "prev", Un = Ye + "next", mr = Ye + "visible", hr = Ye + "loading", Gn = Ye + "focus-in", Yn = Ye + "overflow", ui = [Je, mr, Hn, Un, hr, Gn, Yn], pi = {
+var Fe = "role", ot = "tabindex", ti = "disabled", Ae = "aria-", At = Ae + "controls", zn = Ae + "current", Ur = Ae + "selected", xe = Ae + "label", Rr = Ae + "labelledby", Dn = Ae + "hidden", Nr = Ae + "orientation", _t = Ae + "roledescription", Gr = Ae + "live", Yr = Ae + "busy", Xr = Ae + "atomic", Or = [Fe, ot, ti, At, zn, xe, Rr, Dn, Nr, _t], ke = Tt + "__", Ue = "is-", nr = Tt, qr = ke + "track", ri = ke + "list", Qt = ke + "slide", Vn = Qt + "--clone", ni = Qt + "__container", Br = ke + "arrows", er = ke + "arrow", Wn = er + "--prev", jn = er + "--next", tr = ke + "pagination", Pn = tr + "__page", oi = ke + "progress", ii = oi + "__bar", ai = ke + "toggle", li = ke + "spinner", si = ke + "sr", ci = Ue + "initialized", Ke = Ue + "active", Hn = Ue + "prev", Un = Ue + "next", mr = Ue + "visible", yr = Ue + "loading", Gn = Ue + "focus-in", Yn = Ue + "overflow", ui = [Ke, mr, Hn, Un, yr, Gn, Yn], pi = {
   slide: Qt,
   clone: Vn,
   arrows: Br,
   arrow: er,
-  prev: jn,
-  next: Wn,
+  prev: Wn,
+  next: jn,
   pagination: tr,
   page: Pn,
   spinner: li
@@ -464,339 +464,339 @@ function di(e, t) {
 }
 var fi = 5, Kr = 200, Xn = "touchstart mousedown", or = "touchmove mousemove", ir = "touchend touchcancel mouseup click";
 function gi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.bind, i = e.root, s = r.i18n, l = {}, p = [], c = [], S = [], m, h, u;
+  var n = de(e), o = n.on, a = n.bind, i = e.root, s = r.i18n, l = {}, p = [], c = [], S = [], m, y, u;
   function f() {
-    y(), W(), d();
+    h(), W(), d();
   }
-  function x() {
-    o(he, E), o(he, f), o(be, d), a(document, Xn + " keydown", function(v) {
+  function w() {
+    o(me, $), o(me, f), o(be, d), a(document, Xn + " keydown", function(v) {
       u = v.type === "keydown";
     }, {
       capture: !0
     }), a(i, "focusin", function() {
-      Be(i, Gn, !!u);
+      Oe(i, Gn, !!u);
     });
   }
-  function E(v) {
-    var A = Or.concat("style");
-    ze(p), Fe(i, c), Fe(m, S), ke([m, h], A), ke(i, v ? A : ["style", St]);
+  function $(v) {
+    var E = Or.concat("style");
+    Me(p), Be(i, c), Be(m, S), Le([m, y], E), Le(i, v ? E : ["style", _t]);
   }
   function d() {
-    Fe(i, c), Fe(m, S), c = w(nr), S = w(qr), Le(i, c), Le(m, S), ee(i, we, r.label), ee(i, Rr, r.labelledby);
+    Be(i, c), Be(m, S), c = x(nr), S = x(qr), Ie(i, c), Ie(m, S), Z(i, xe, r.label), Z(i, Rr, r.labelledby);
   }
-  function y() {
-    m = D("." + qr), h = Tt(m, "." + ri), dt(m && h, "A track/list element is missing."), Ft(p, hn(h, "." + Qt + ":not(." + Vn + ")")), qe({
+  function h() {
+    m = D("." + qr), y = Et(m, "." + ri), pt(m && y, "A track/list element is missing."), Ft(p, yn(y, "." + Qt + ":not(." + Vn + ")")), Xe({
       arrows: Br,
       pagination: tr,
-      prev: jn,
-      next: Wn,
+      prev: Wn,
+      next: jn,
       bar: ii,
       toggle: ai
-    }, function(v, A) {
-      l[A] = D("." + v);
-    }), bt(l, {
+    }, function(v, E) {
+      l[E] = D("." + v);
+    }), ht(l, {
       root: i,
       track: m,
-      list: h,
+      list: y,
       slides: p
     });
   }
   function W() {
-    var v = i.id || qo(At), A = r.role;
-    i.id = v, m.id = m.id || v + "-track", h.id = h.id || v + "-list", !Ae(i, Me) && i.tagName !== "SECTION" && A && ee(i, Me, A), ee(i, St, s.carousel), ee(h, Me, "presentation");
+    var v = i.id || qo(Tt), E = r.role;
+    i.id = v, m.id = m.id || v + "-track", y.id = y.id || v + "-list", !Te(i, Fe) && i.tagName !== "SECTION" && E && Z(i, Fe, E), Z(i, _t, s.carousel), Z(y, Fe, "presentation");
   }
   function D(v) {
-    var A = bn(i, v);
-    return A && di(A, "." + nr) === i ? A : void 0;
+    var E = bn(i, v);
+    return E && di(E, "." + nr) === i ? E : void 0;
   }
-  function w(v) {
-    return [v + "--" + r.type, v + "--" + r.direction, r.drag && v + "--draggable", r.isNavigation && v + "--nav", v === nr && Je];
+  function x(v) {
+    return [v + "--" + r.type, v + "--" + r.direction, r.drag && v + "--draggable", r.isNavigation && v + "--nav", v === nr && Ke];
   }
-  return bt(l, {
+  return ht(l, {
     setup: f,
-    mount: x,
-    destroy: E
+    mount: w,
+    destroy: $
   });
 }
-var st = "slide", pt = "loop", Lt = "fade";
+var lt = "slide", ut = "loop", It = "fade";
 function mi(e, t, r, n) {
-  var o = ge(e), a = o.on, i = o.emit, s = o.bind, l = e.Components, p = e.root, c = e.options, S = c.isNavigation, m = c.updateOnMove, h = c.i18n, u = c.pagination, f = c.slideFocus, x = l.Direction.resolve, E = Ae(n, "style"), d = Ae(n, we), y = r > -1, W = Tt(n, "." + ni), D;
-  function w() {
-    y || (n.id = p.id + "-slide" + $r(t + 1), ee(n, Me, u ? "tabpanel" : "group"), ee(n, St, h.slide), ee(n, we, d || fr(h.slideLabel, [t + 1, e.length]))), v();
+  var o = de(e), a = o.on, i = o.emit, s = o.bind, l = e.Components, p = e.root, c = e.options, S = c.isNavigation, m = c.updateOnMove, y = c.i18n, u = c.pagination, f = c.slideFocus, w = l.Direction.resolve, $ = Te(n, "style"), d = Te(n, xe), h = r > -1, W = Et(n, "." + ni), D;
+  function x() {
+    h || (n.id = p.id + "-slide" + $r(t + 1), Z(n, Fe, u ? "tabpanel" : "group"), Z(n, _t, y.slide), Z(n, xe, d || fr(y.slideLabel, [t + 1, e.length]))), v();
   }
   function v() {
-    s(n, "click", se(i, Er, I)), s(n, "keydown", se(i, On, I)), a([ut, Bn, Ze], L), a(Ar, R), m && a(De, V);
+    s(n, "click", se(i, Er, T)), s(n, "keydown", se(i, On, T)), a([ct, Bn, Je], I), a(Ar, k), m && a(ze, V);
   }
-  function A() {
-    D = !0, o.destroy(), Fe(n, ui), ke(n, Or), ee(n, "style", E), ee(n, we, d || "");
+  function E() {
+    D = !0, o.destroy(), Be(n, ui), Le(n, Or), Z(n, "style", $), Z(n, xe, d || "");
   }
-  function R() {
-    var _ = e.splides.map(function(b) {
-      var $ = b.splide.Components.Slides.getAt(t);
-      return $ ? $.slide.id : "";
+  function k() {
+    var b = e.splides.map(function(_) {
+      var B = _.splide.Components.Slides.getAt(t);
+      return B ? B.slide.id : "";
     }).join(" ");
-    ee(n, we, fr(h.slideX, (y ? r : t) + 1)), ee(n, It, _), ee(n, Me, f ? "button" : ""), f && ke(n, St);
+    Z(n, xe, fr(y.slideX, (h ? r : t) + 1)), Z(n, At, b), Z(n, Fe, f ? "button" : ""), f && Le(n, _t);
   }
   function V() {
-    D || L();
+    D || I();
   }
-  function L() {
+  function I() {
     if (!D) {
-      var _ = e.index;
-      O(), F(), Be(n, Hn, t === _ - 1), Be(n, Un, t === _ + 1);
+      var b = e.index;
+      O(), M(), Oe(n, Hn, t === b - 1), Oe(n, Un, t === b + 1);
     }
   }
   function O() {
-    var _ = H();
-    _ !== Wr(n, Je) && (Be(n, Je, _), ee(n, zn, S && _ || ""), i(_ ? Sn : xn, I));
-  }
-  function F() {
-    var _ = g(), b = !_ && (!H() || y);
-    if (e.state.is([ct, xt]) || ee(n, Dn, b || ""), ee(xr(n, c.focusableNodes || ""), it, b ? -1 : ""), f && ee(n, it, b ? -1 : 0), _ !== Wr(n, mr) && (Be(n, mr, _), i(_ ? wn : $n, I)), !_ && document.activeElement === n) {
-      var $ = l.Slides.getAt(e.index);
-      $ && yn($.slide);
+    var b = U();
+    b !== jr(n, Ke) && (Oe(n, Ke, b), Z(n, zn, S && b || ""), i(b ? Sn : xn, T));
+  }
+  function M() {
+    var b = g(), _ = !b && (!U() || h);
+    if (e.state.is([st, St]) || Z(n, Dn, _ || ""), Z(xr(n, c.focusableNodes || ""), ot, _ ? -1 : ""), f && Z(n, ot, _ ? -1 : 0), b !== jr(n, mr) && (Oe(n, mr, b), i(b ? wn : $n, T)), !b && document.activeElement === n) {
+      var B = l.Slides.getAt(e.index);
+      B && vn(B.slide);
     }
   }
-  function P(_, b, $) {
-    Te($ && W || n, _, b);
+  function H(b, _, B) {
+    Ee(B && W || n, b, _);
   }
-  function H() {
-    var _ = e.index;
-    return _ === t || c.cloneStatus && _ === r;
+  function U() {
+    var b = e.index;
+    return b === t || c.cloneStatus && b === r;
   }
   function g() {
-    if (e.is(Lt))
-      return H();
-    var _ = xe(l.Elements.track), b = xe(n), $ = x("left", !0), Y = x("right", !0);
-    return Wt(_[$]) <= _t(b[$]) && Wt(b[Y]) <= _t(_[Y]);
+    if (e.is(It))
+      return U();
+    var b = Se(l.Elements.track), _ = Se(n), B = w("left", !0), J = w("right", !0);
+    return jt(b[B]) <= Ct(_[B]) && jt(_[J]) <= Ct(b[J]);
   }
-  function k(_, b) {
-    var $ = _e(_ - t);
-    return !y && (c.rewind || e.is(pt)) && ($ = He($, e.length - $)), $ <= b;
+  function L(b, _) {
+    var B = Ce(b - t);
+    return !h && (c.rewind || e.is(ut)) && (B = je(B, e.length - B)), B <= _;
   }
-  var I = {
+  var T = {
     index: t,
     slideIndex: r,
     slide: n,
     container: W,
-    isClone: y,
-    mount: w,
-    destroy: A,
-    update: L,
-    style: P,
-    isWithin: k
+    isClone: h,
+    mount: x,
+    destroy: E,
+    update: I,
+    style: H,
+    isWithin: L
   };
-  return I;
+  return T;
 }
-function hi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = n.bind, s = t.Elements, l = s.slides, p = s.list, c = [];
+function yi(e, t, r) {
+  var n = de(e), o = n.on, a = n.emit, i = n.bind, s = t.Elements, l = s.slides, p = s.list, c = [];
   function S() {
-    m(), o(he, h), o(he, m);
+    m(), o(me, y), o(me, m);
   }
   function m() {
-    l.forEach(function(L, O) {
-      f(L, O, -1);
+    l.forEach(function(I, O) {
+      f(I, O, -1);
     });
   }
-  function h() {
-    D(function(L) {
-      L.destroy();
-    }), ze(c);
+  function y() {
+    D(function(I) {
+      I.destroy();
+    }), Me(c);
   }
   function u() {
-    D(function(L) {
-      L.update();
+    D(function(I) {
+      I.update();
     });
   }
-  function f(L, O, F) {
-    var P = mi(e, O, F, L);
-    P.mount(), c.push(P), c.sort(function(H, g) {
-      return H.index - g.index;
+  function f(I, O, M) {
+    var H = mi(e, O, M, I);
+    H.mount(), c.push(H), c.sort(function(U, g) {
+      return U.index - g.index;
     });
   }
-  function x(L) {
-    return L ? w(function(O) {
+  function w(I) {
+    return I ? x(function(O) {
       return !O.isClone;
     }) : c;
   }
-  function E(L) {
-    var O = t.Controller, F = O.toIndex(L), P = O.hasFocus() ? 1 : r.perPage;
-    return w(function(H) {
-      return Mt(H.index, F, F + P - 1);
+  function $(I) {
+    var O = t.Controller, M = O.toIndex(I), H = O.hasFocus() ? 1 : r.perPage;
+    return x(function(U) {
+      return Mt(U.index, M, M + H - 1);
     });
   }
-  function d(L) {
-    return w(L)[0];
+  function d(I) {
+    return x(I)[0];
   }
-  function y(L, O) {
-    $e(L, function(F) {
-      if (Pe(F) && (F = vn(F)), mn(F)) {
-        var P = l[O];
-        P ? Sr(F, P) : Et(p, F), Le(F, r.classes.slide), A(F, se(a, lt));
+  function h(I, O) {
+    we(I, function(M) {
+      if (We(M) && (M = hn(M)), mn(M)) {
+        var H = l[O];
+        H ? Sr(M, H) : $t(p, M), Ie(M, r.classes.slide), E(M, se(a, at));
       }
-    }), a(he);
+    }), a(me);
   }
-  function W(L) {
-    Ke(w(L).map(function(O) {
+  function W(I) {
+    qe(x(I).map(function(O) {
       return O.slide;
-    })), a(he);
+    })), a(me);
   }
-  function D(L, O) {
-    x(O).forEach(L);
+  function D(I, O) {
+    w(O).forEach(I);
   }
-  function w(L) {
-    return c.filter(gn(L) ? L : function(O) {
-      return Pe(L) ? yt(O.slide, L) : _r($t(L), O.index);
+  function x(I) {
+    return c.filter(gn(I) ? I : function(O) {
+      return We(I) ? yt(O.slide, I) : _r(wt(I), O.index);
     });
   }
-  function v(L, O, F) {
-    D(function(P) {
-      P.style(L, O, F);
+  function v(I, O, M) {
+    D(function(H) {
+      H.style(I, O, M);
     });
   }
-  function A(L, O) {
-    var F = xr(L, "img"), P = F.length;
-    P ? F.forEach(function(H) {
-      i(H, "load error", function() {
-        --P || O();
+  function E(I, O) {
+    var M = xr(I, "img"), H = M.length;
+    H ? M.forEach(function(U) {
+      i(U, "load error", function() {
+        --H || O();
       });
     }) : O();
   }
-  function R(L) {
-    return L ? l.length : c.length;
+  function k(I) {
+    return I ? l.length : c.length;
   }
   function V() {
     return c.length > r.perPage;
   }
   return {
     mount: S,
-    destroy: h,
+    destroy: y,
     update: u,
     register: f,
-    get: x,
-    getIn: E,
+    get: w,
+    getIn: $,
     getAt: d,
-    add: y,
+    add: h,
     remove: W,
     forEach: D,
-    filter: w,
+    filter: x,
     style: v,
-    getLength: R,
+    getLength: k,
     isEnough: V
   };
 }
-function yi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.bind, i = n.emit, s = t.Slides, l = t.Direction.resolve, p = t.Elements, c = p.root, S = p.track, m = p.list, h = s.getAt, u = s.style, f, x, E;
+function vi(e, t, r) {
+  var n = de(e), o = n.on, a = n.bind, i = n.emit, s = t.Slides, l = t.Direction.resolve, p = t.Elements, c = p.root, S = p.track, m = p.list, y = s.getAt, u = s.style, f, w, $;
   function d() {
-    y(), a(window, "resize load", Zo(se(i, lt))), o([be, he], y), o(lt, W);
+    h(), a(window, "resize load", Zo(se(i, at))), o([be, me], h), o(at, W);
   }
-  function y() {
-    f = r.direction === Zt, Te(c, "maxWidth", Xe(r.width)), Te(S, l("paddingLeft"), D(!1)), Te(S, l("paddingRight"), D(!0)), W(!0);
+  function h() {
+    f = r.direction === Zt, Ee(c, "maxWidth", Ge(r.width)), Ee(S, l("paddingLeft"), D(!1)), Ee(S, l("paddingRight"), D(!0)), W(!0);
   }
-  function W(I) {
-    var _ = xe(c);
-    (I || x.width !== _.width || x.height !== _.height) && (Te(S, "height", w()), u(l("marginRight"), Xe(r.gap)), u("width", A()), u("height", R(), !0), x = _, i(Gt), E !== (E = k()) && (Be(c, Yn, E), i(Ko, E)));
+  function W(T) {
+    var b = Se(c);
+    (T || w.width !== b.width || w.height !== b.height) && (Ee(S, "height", x()), u(l("marginRight"), Ge(r.gap)), u("width", E()), u("height", k(), !0), w = b, i(Gt), $ !== ($ = L()) && (Oe(c, Yn, $), i(Ko, $)));
   }
-  function D(I) {
-    var _ = r.padding, b = l(I ? "right" : "left");
-    return _ && Xe(_[b] || (ht(_) ? 0 : _)) || "0px";
+  function D(T) {
+    var b = r.padding, _ = l(T ? "right" : "left");
+    return b && Ge(b[_] || (mt(b) ? 0 : b)) || "0px";
   }
-  function w() {
-    var I = "";
-    return f && (I = v(), dt(I, "height or heightRatio is missing."), I = "calc(" + I + " - " + D(!1) + " - " + D(!0) + ")"), I;
+  function x() {
+    var T = "";
+    return f && (T = v(), pt(T, "height or heightRatio is missing."), T = "calc(" + T + " - " + D(!1) + " - " + D(!0) + ")"), T;
   }
   function v() {
-    return Xe(r.height || xe(m).width * r.heightRatio);
+    return Ge(r.height || Se(m).width * r.heightRatio);
   }
-  function A() {
-    return r.autoWidth ? null : Xe(r.fixedWidth) || (f ? "" : V());
+  function E() {
+    return r.autoWidth ? null : Ge(r.fixedWidth) || (f ? "" : V());
   }
-  function R() {
-    return Xe(r.fixedHeight) || (f ? r.autoHeight ? null : V() : v());
+  function k() {
+    return Ge(r.fixedHeight) || (f ? r.autoHeight ? null : V() : v());
   }
   function V() {
-    var I = Xe(r.gap);
-    return "calc((100%" + (I && " + " + I) + ")/" + (r.perPage || 1) + (I && " - " + I) + ")";
+    var T = Ge(r.gap);
+    return "calc((100%" + (T && " + " + T) + ")/" + (r.perPage || 1) + (T && " - " + T) + ")";
   }
-  function L() {
-    return xe(m)[l("width")];
+  function I() {
+    return Se(m)[l("width")];
   }
-  function O(I, _) {
-    var b = h(I || 0);
-    return b ? xe(b.slide)[l("width")] + (_ ? 0 : H()) : 0;
+  function O(T, b) {
+    var _ = y(T || 0);
+    return _ ? Se(_.slide)[l("width")] + (b ? 0 : U()) : 0;
   }
-  function F(I, _) {
-    var b = h(I);
-    if (b) {
-      var $ = xe(b.slide)[l("right")], Y = xe(m)[l("left")];
-      return _e($ - Y) + (_ ? 0 : H());
+  function M(T, b) {
+    var _ = y(T);
+    if (_) {
+      var B = Se(_.slide)[l("right")], J = Se(m)[l("left")];
+      return Ce(B - J) + (b ? 0 : U());
     }
     return 0;
   }
-  function P(I) {
-    return F(e.length - 1) - F(0) + O(0, I);
+  function H(T) {
+    return M(e.length - 1) - M(0) + O(0, T);
   }
-  function H() {
-    var I = h(0);
-    return I && parseFloat(Te(I.slide, l("marginRight"))) || 0;
+  function U() {
+    var T = y(0);
+    return T && parseFloat(Ee(T.slide, l("marginRight"))) || 0;
   }
-  function g(I) {
-    return parseFloat(Te(S, l("padding" + (I ? "Right" : "Left")))) || 0;
+  function g(T) {
+    return parseFloat(Ee(S, l("padding" + (T ? "Right" : "Left")))) || 0;
   }
-  function k() {
-    return e.is(Lt) || P(!0) > L();
+  function L() {
+    return e.is(It) || H(!0) > I();
   }
   return {
     mount: d,
     resize: W,
-    listSize: L,
+    listSize: I,
     slideSize: O,
-    sliderSize: P,
-    totalSize: F,
+    sliderSize: H,
+    totalSize: M,
     getPadding: g,
-    isOverflow: k
+    isOverflow: L
   };
 }
-var vi = 2;
+var hi = 2;
 function bi(e, t, r) {
-  var n = ge(e), o = n.on, a = t.Elements, i = t.Slides, s = t.Direction.resolve, l = [], p;
+  var n = de(e), o = n.on, a = t.Elements, i = t.Slides, s = t.Direction.resolve, l = [], p;
   function c() {
-    o(he, S), o([be, lt], h), (p = x()) && (u(p), t.Layout.resize(!0));
+    o(me, S), o([be, at], y), (p = w()) && (u(p), t.Layout.resize(!0));
   }
   function S() {
     m(), c();
   }
   function m() {
-    Ke(l), ze(l), n.destroy();
+    qe(l), Me(l), n.destroy();
   }
-  function h() {
-    var E = x();
-    p !== E && (p < E || !E) && n.emit(he);
+  function y() {
+    var $ = w();
+    p !== $ && (p < $ || !$) && n.emit(me);
   }
-  function u(E) {
-    var d = i.get().slice(), y = d.length;
-    if (y) {
-      for (; d.length < E; )
+  function u($) {
+    var d = i.get().slice(), h = d.length;
+    if (h) {
+      for (; d.length < $; )
         Ft(d, d);
-      Ft(d.slice(-E), d.slice(0, E)).forEach(function(W, D) {
-        var w = D < E, v = f(W.slide, D);
-        w ? Sr(v, d[0].slide) : Et(a.list, v), Ft(l, v), i.register(v, D - E + (w ? 0 : y), W.index);
+      Ft(d.slice(-$), d.slice(0, $)).forEach(function(W, D) {
+        var x = D < $, v = f(W.slide, D);
+        x ? Sr(v, d[0].slide) : $t(a.list, v), Ft(l, v), i.register(v, D - $ + (x ? 0 : h), W.index);
       });
     }
   }
-  function f(E, d) {
-    var y = E.cloneNode(!0);
-    return Le(y, r.classes.clone), y.id = e.root.id + "-clone" + $r(d + 1), y;
+  function f($, d) {
+    var h = $.cloneNode(!0);
+    return Ie(h, r.classes.clone), h.id = e.root.id + "-clone" + $r(d + 1), h;
   }
-  function x() {
-    var E = r.clones;
-    if (!e.is(pt))
-      E = 0;
-    else if (wt(E)) {
-      var d = r[s("fixedWidth")] && t.Layout.slideSize(0), y = d && _t(xe(a.track)[s("width")] / d);
-      E = y || r[s("autoWidth")] && e.length || r.perPage * vi;
+  function w() {
+    var $ = r.clones;
+    if (!e.is(ut))
+      $ = 0;
+    else if (xt($)) {
+      var d = r[s("fixedWidth")] && t.Layout.slideSize(0), h = d && Ct(Se(a.track)[s("width")] / d);
+      $ = h || r[s("autoWidth")] && e.length || r.perPage * hi;
     }
-    return E;
+    return $;
   }
   return {
     mount: c,
@@ -804,296 +804,296 @@ function bi(e, t, r) {
   };
 }
 function Ci(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = e.state.set, s = t.Layout, l = s.slideSize, p = s.getPadding, c = s.totalSize, S = s.listSize, m = s.sliderSize, h = t.Direction, u = h.resolve, f = h.orient, x = t.Elements, E = x.list, d = x.track, y;
+  var n = de(e), o = n.on, a = n.emit, i = e.state.set, s = t.Layout, l = s.slideSize, p = s.getPadding, c = s.totalSize, S = s.listSize, m = s.sliderSize, y = t.Direction, u = y.resolve, f = y.orient, w = t.Elements, $ = w.list, d = w.track, h;
   function W() {
-    y = t.Transition, o([Ge, Gt, be, he], D);
+    h = t.Transition, o([He, Gt, be, me], D);
   }
   function D() {
     t.Controller.isBusy() || (t.Scroll.cancel(), v(e.index), t.Slides.update());
   }
-  function w(b, $, Y, oe) {
-    b !== $ && I(b > Y) && (L(), A(V(P(), b > Y), !0)), i(ct), a(De, $, Y, b), y.start($, function() {
-      i(at), a(ut, $, Y, b), oe && oe();
+  function x(_, B, J, ee) {
+    _ !== B && T(_ > J) && (I(), E(V(H(), _ > J), !0)), i(st), a(ze, B, J, _), h.start(B, function() {
+      i(it), a(ct, B, J, _), ee && ee();
     });
   }
-  function v(b) {
-    A(F(b, !0));
+  function v(_) {
+    E(M(_, !0));
   }
-  function A(b, $) {
-    if (!e.is(Lt)) {
-      var Y = $ ? b : R(b);
-      Te(E, "transform", "translate" + u("X") + "(" + Y + "px)"), b !== Y && a(Bn);
+  function E(_, B) {
+    if (!e.is(It)) {
+      var J = B ? _ : k(_);
+      Ee($, "transform", "translate" + u("X") + "(" + J + "px)"), _ !== J && a(Bn);
     }
   }
-  function R(b) {
-    if (e.is(pt)) {
-      var $ = O(b), Y = $ > t.Controller.getEnd(), oe = $ < 0;
-      (oe || Y) && (b = V(b, Y));
+  function k(_) {
+    if (e.is(ut)) {
+      var B = O(_), J = B > t.Controller.getEnd(), ee = B < 0;
+      (ee || J) && (_ = V(_, J));
     }
-    return b;
+    return _;
   }
-  function V(b, $) {
-    var Y = b - k($), oe = m();
-    return b -= f(oe * (_t(_e(Y) / oe) || 1)) * ($ ? 1 : -1), b;
+  function V(_, B) {
+    var J = _ - L(B), ee = m();
+    return _ -= f(ee * (Ct(Ce(J) / ee) || 1)) * (B ? 1 : -1), _;
   }
-  function L() {
-    A(P(), !0), y.cancel();
+  function I() {
+    E(H(), !0), h.cancel();
   }
-  function O(b) {
-    for (var $ = t.Slides.get(), Y = 0, oe = 1 / 0, re = 0; re < $.length; re++) {
-      var me = $[re].index, T = _e(F(me, !0) - b);
-      if (T <= oe)
-        oe = T, Y = me;
+  function O(_) {
+    for (var B = t.Slides.get(), J = 0, ee = 1 / 0, Q = 0; Q < B.length; Q++) {
+      var fe = B[Q].index, A = Ce(M(fe, !0) - _);
+      if (A <= ee)
+        ee = A, J = fe;
       else
         break;
     }
-    return Y;
+    return J;
   }
-  function F(b, $) {
-    var Y = f(c(b - 1) - g(b));
-    return $ ? H(Y) : Y;
+  function M(_, B) {
+    var J = f(c(_ - 1) - g(_));
+    return B ? U(J) : J;
   }
-  function P() {
-    var b = u("left");
-    return xe(E)[b] - xe(d)[b] + f(p(!1));
+  function H() {
+    var _ = u("left");
+    return Se($)[_] - Se(d)[_] + f(p(!1));
   }
-  function H(b) {
-    return r.trimSpace && e.is(st) && (b = tt(b, 0, f(m(!0) - S()))), b;
+  function U(_) {
+    return r.trimSpace && e.is(lt) && (_ = et(_, 0, f(m(!0) - S()))), _;
   }
-  function g(b) {
-    var $ = r.focus;
-    return $ === "center" ? (S() - l(b, !0)) / 2 : +$ * l(b) || 0;
+  function g(_) {
+    var B = r.focus;
+    return B === "center" ? (S() - l(_, !0)) / 2 : +B * l(_) || 0;
   }
-  function k(b) {
-    return F(b ? t.Controller.getEnd() : 0, !!r.trimSpace);
+  function L(_) {
+    return M(_ ? t.Controller.getEnd() : 0, !!r.trimSpace);
   }
-  function I(b) {
-    var $ = f(V(P(), b));
-    return b ? $ >= 0 : $ <= E[u("scrollWidth")] - xe(d)[u("width")];
+  function T(_) {
+    var B = f(V(H(), _));
+    return _ ? B >= 0 : B <= $[u("scrollWidth")] - Se(d)[u("width")];
   }
-  function _(b, $) {
-    $ = wt($) ? P() : $;
-    var Y = b !== !0 && f($) < f(k(!1)), oe = b !== !1 && f($) > f(k(!0));
-    return Y || oe;
+  function b(_, B) {
+    B = xt(B) ? H() : B;
+    var J = _ !== !0 && f(B) < f(L(!1)), ee = _ !== !1 && f(B) > f(L(!0));
+    return J || ee;
   }
   return {
     mount: W,
-    move: w,
+    move: x,
     jump: v,
-    translate: A,
+    translate: E,
     shift: V,
-    cancel: L,
+    cancel: I,
     toIndex: O,
-    toPosition: F,
-    getPosition: P,
-    getLimit: k,
-    exceededLimit: _,
+    toPosition: M,
+    getPosition: H,
+    getLimit: L,
+    exceededLimit: b,
     reposition: D
   };
 }
 function _i(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = t.Move, s = i.getPosition, l = i.getLimit, p = i.toPosition, c = t.Slides, S = c.isEnough, m = c.getLength, h = r.omitEnd, u = e.is(pt), f = e.is(st), x = se(P, !1), E = se(P, !0), d = r.start || 0, y, W = d, D, w, v;
-  function A() {
-    R(), o([be, he, Pt], R), o(Gt, V);
+  var n = de(e), o = n.on, a = n.emit, i = t.Move, s = i.getPosition, l = i.getLimit, p = i.toPosition, c = t.Slides, S = c.isEnough, m = c.getLength, y = r.omitEnd, u = e.is(ut), f = e.is(lt), w = se(H, !1), $ = se(H, !0), d = r.start || 0, h, W = d, D, x, v;
+  function E() {
+    k(), o([be, me, Pt], k), o(Gt, V);
   }
-  function R() {
-    D = m(!0), w = r.perMove, v = r.perPage, y = I();
-    var T = tt(d, 0, h ? y : D - 1);
-    T !== d && (d = T, i.reposition());
+  function k() {
+    D = m(!0), x = r.perMove, v = r.perPage, h = T();
+    var A = et(d, 0, y ? h : D - 1);
+    A !== d && (d = A, i.reposition());
   }
   function V() {
-    y !== I() && a(Pt);
+    h !== T() && a(Pt);
   }
-  function L(T, J, pe) {
-    if (!me()) {
-      var ne = F(T), de = k(ne);
-      de > -1 && (J || de !== d) && (Y(de), i.move(ne, de, W, pe));
+  function I(A, X, ce) {
+    if (!fe()) {
+      var ie = M(A), ue = L(ie);
+      ue > -1 && (X || ue !== d) && (J(ue), i.move(ie, ue, W, ce));
     }
   }
-  function O(T, J, pe, ne) {
-    t.Scroll.scroll(T, J, pe, function() {
-      var de = k(i.toIndex(s()));
-      Y(h ? He(de, y) : de), ne && ne();
+  function O(A, X, ce, ie) {
+    t.Scroll.scroll(A, X, ce, function() {
+      var ue = L(i.toIndex(s()));
+      J(y ? je(ue, h) : ue), ie && ie();
     });
   }
-  function F(T) {
-    var J = d;
-    if (Pe(T)) {
-      var pe = T.match(/([+\-<>])(\d+)?/) || [], ne = pe[1], de = pe[2];
-      ne === "+" || ne === "-" ? J = H(d + +("" + ne + (+de || 1)), d) : ne === ">" ? J = de ? _(+de) : x(!0) : ne === "<" && (J = E(!0));
+  function M(A) {
+    var X = d;
+    if (We(A)) {
+      var ce = A.match(/([+\-<>])(\d+)?/) || [], ie = ce[1], ue = ce[2];
+      ie === "+" || ie === "-" ? X = U(d + +("" + ie + (+ue || 1)), d) : ie === ">" ? X = ue ? b(+ue) : w(!0) : ie === "<" && (X = $(!0));
     } else
-      J = u ? T : tt(T, 0, y);
-    return J;
+      X = u ? A : et(A, 0, h);
+    return X;
   }
-  function P(T, J) {
-    var pe = w || (re() ? 1 : v), ne = H(d + pe * (T ? -1 : 1), d, !(w || re()));
-    return ne === -1 && f && !Cn(s(), l(!T), 1) ? T ? 0 : y : J ? ne : k(ne);
+  function H(A, X) {
+    var ce = x || (Q() ? 1 : v), ie = U(d + ce * (A ? -1 : 1), d, !(x || Q()));
+    return ie === -1 && f && !Cn(s(), l(!A), 1) ? A ? 0 : h : X ? ie : L(ie);
   }
-  function H(T, J, pe) {
-    if (S() || re()) {
-      var ne = g(T);
-      ne !== T && (J = T, T = ne, pe = !1), T < 0 || T > y ? !w && (Mt(0, T, J, !0) || Mt(y, J, T, !0)) ? T = _(b(T)) : u ? T = pe ? T < 0 ? -(D % v || v) : D : T : r.rewind ? T = T < 0 ? y : 0 : T = -1 : pe && T !== J && (T = _(b(J) + (T < J ? -1 : 1)));
+  function U(A, X, ce) {
+    if (S() || Q()) {
+      var ie = g(A);
+      ie !== A && (X = A, A = ie, ce = !1), A < 0 || A > h ? !x && (Mt(0, A, X, !0) || Mt(h, X, A, !0)) ? A = b(_(A)) : u ? A = ce ? A < 0 ? -(D % v || v) : D : A : r.rewind ? A = A < 0 ? h : 0 : A = -1 : ce && A !== X && (A = b(_(X) + (A < X ? -1 : 1)));
     } else
-      T = -1;
-    return T;
-  }
-  function g(T) {
-    if (f && r.trimSpace === "move" && T !== d)
-      for (var J = s(); J === p(T, !0) && Mt(T, 0, e.length - 1, !r.rewind); )
-        T < d ? --T : ++T;
-    return T;
-  }
-  function k(T) {
-    return u ? (T + D) % D || 0 : T;
-  }
-  function I() {
-    for (var T = D - (re() || u && w ? 1 : v); h && T-- > 0; )
-      if (p(D - 1, !0) !== p(T, !0)) {
-        T++;
+      A = -1;
+    return A;
+  }
+  function g(A) {
+    if (f && r.trimSpace === "move" && A !== d)
+      for (var X = s(); X === p(A, !0) && Mt(A, 0, e.length - 1, !r.rewind); )
+        A < d ? --A : ++A;
+    return A;
+  }
+  function L(A) {
+    return u ? (A + D) % D || 0 : A;
+  }
+  function T() {
+    for (var A = D - (Q() || u && x ? 1 : v); y && A-- > 0; )
+      if (p(D - 1, !0) !== p(A, !0)) {
+        A++;
         break;
       }
-    return tt(T, 0, D - 1);
+    return et(A, 0, D - 1);
   }
-  function _(T) {
-    return tt(re() ? T : v * T, 0, y);
+  function b(A) {
+    return et(Q() ? A : v * A, 0, h);
   }
-  function b(T) {
-    return re() ? He(T, y) : Wt((T >= y ? D - 1 : T) / v);
+  function _(A) {
+    return Q() ? je(A, h) : jt((A >= h ? D - 1 : A) / v);
   }
-  function $(T) {
-    var J = i.toIndex(T);
-    return f ? tt(J, 0, y) : J;
+  function B(A) {
+    var X = i.toIndex(A);
+    return f ? et(X, 0, h) : X;
   }
-  function Y(T) {
-    T !== d && (W = d, d = T);
+  function J(A) {
+    A !== d && (W = d, d = A);
   }
-  function oe(T) {
-    return T ? W : d;
+  function ee(A) {
+    return A ? W : d;
   }
-  function re() {
-    return !wt(r.focus) || r.isNavigation;
+  function Q() {
+    return !xt(r.focus) || r.isNavigation;
   }
-  function me() {
-    return e.state.is([ct, xt]) && !!r.waitForTransition;
+  function fe() {
+    return e.state.is([st, St]) && !!r.waitForTransition;
   }
   return {
-    mount: A,
-    go: L,
+    mount: E,
+    go: I,
     scroll: O,
-    getNext: x,
-    getPrev: E,
-    getAdjacent: P,
-    getEnd: I,
-    setIndex: Y,
-    getIndex: oe,
-    toIndex: _,
-    toPage: b,
-    toDest: $,
-    hasFocus: re,
-    isBusy: me
+    getNext: w,
+    getPrev: $,
+    getAdjacent: H,
+    getEnd: T,
+    setIndex: J,
+    getIndex: ee,
+    toIndex: b,
+    toPage: _,
+    toDest: B,
+    hasFocus: Q,
+    isBusy: fe
   };
 }
 var Si = "http://www.w3.org/2000/svg", xi = "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", Rt = 40;
 function wi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.bind, i = n.emit, s = r.classes, l = r.i18n, p = t.Elements, c = t.Controller, S = p.arrows, m = p.track, h = S, u = p.prev, f = p.next, x, E, d = {};
-  function y() {
+  var n = de(e), o = n.on, a = n.bind, i = n.emit, s = r.classes, l = r.i18n, p = t.Elements, c = t.Controller, S = p.arrows, m = p.track, y = S, u = p.prev, f = p.next, w, $, d = {};
+  function h() {
     D(), o(be, W);
   }
   function W() {
-    w(), y();
+    x(), h();
   }
   function D() {
     var O = r.arrows;
-    O && !(u && f) && R(), u && f && (bt(d, {
+    O && !(u && f) && k(), u && f && (ht(d, {
       prev: u,
       next: f
-    }), Ct(h, O ? "" : "none"), Le(h, E = Br + "--" + r.direction), O && (v(), L(), ee([u, f], It, m.id), i(In, u, f)));
+    }), bt(y, O ? "" : "none"), Ie(y, $ = Br + "--" + r.direction), O && (v(), I(), Z([u, f], At, m.id), i(In, u, f)));
   }
-  function w() {
-    n.destroy(), Fe(h, E), x ? (Ke(S ? [u, f] : h), u = f = null) : ke([u, f], Or);
+  function x() {
+    n.destroy(), Be(y, $), w ? (qe(S ? [u, f] : y), u = f = null) : Le([u, f], Or);
   }
   function v() {
-    o([Ge, ut, he, Ze, Pt], L), a(f, "click", se(A, ">")), a(u, "click", se(A, "<"));
+    o([He, ct, me, Je, Pt], I), a(f, "click", se(E, ">")), a(u, "click", se(E, "<"));
   }
-  function A(O) {
+  function E(O) {
     c.go(O, !0);
   }
-  function R() {
-    h = S || ot("div", s.arrows), u = V(!0), f = V(!1), x = !0, Et(h, [u, f]), !S && Sr(h, m);
+  function k() {
+    y = S || nt("div", s.arrows), u = V(!0), f = V(!1), w = !0, $t(y, [u, f]), !S && Sr(y, m);
   }
   function V(O) {
-    var F = '<button class="' + s.arrow + " " + (O ? s.prev : s.next) + '" type="button"><svg xmlns="' + Si + '" viewBox="0 0 ' + Rt + " " + Rt + '" width="' + Rt + '" height="' + Rt + '" focusable="false"><path d="' + (r.arrowPath || xi) + '" />';
-    return vn(F);
+    var M = '<button class="' + s.arrow + " " + (O ? s.prev : s.next) + '" type="button"><svg xmlns="' + Si + '" viewBox="0 0 ' + Rt + " " + Rt + '" width="' + Rt + '" height="' + Rt + '" focusable="false"><path d="' + (r.arrowPath || xi) + '" />';
+    return hn(M);
   }
-  function L() {
+  function I() {
     if (u && f) {
-      var O = e.index, F = c.getPrev(), P = c.getNext(), H = F > -1 && O < F ? l.last : l.prev, g = P > -1 && O > P ? l.first : l.next;
-      u.disabled = F < 0, f.disabled = P < 0, ee(u, we, H), ee(f, we, g), i(Ln, u, f, F, P);
+      var O = e.index, M = c.getPrev(), H = c.getNext(), U = M > -1 && O < M ? l.last : l.prev, g = H > -1 && O > H ? l.first : l.next;
+      u.disabled = M < 0, f.disabled = H < 0, Z(u, xe, U), Z(f, xe, g), i(Ln, u, f, M, H);
     }
   }
   return {
     arrows: d,
-    mount: y,
-    destroy: w,
-    update: L
+    mount: h,
+    destroy: x,
+    update: I
   };
 }
 var $i = wr + "-interval";
 function Ei(e, t, r) {
-  var n = ge(e), o = n.on, a = n.bind, i = n.emit, s = Xt(r.interval, e.go.bind(e, ">"), v), l = s.isPaused, p = t.Elements, c = t.Elements, S = c.root, m = c.toggle, h = r.autoplay, u, f, x = h === "pause";
-  function E() {
-    h && (d(), m && ee(m, It, p.track.id), x || y(), w());
+  var n = de(e), o = n.on, a = n.bind, i = n.emit, s = Xt(r.interval, e.go.bind(e, ">"), v), l = s.isPaused, p = t.Elements, c = t.Elements, S = c.root, m = c.toggle, y = r.autoplay, u, f, w = y === "pause";
+  function $() {
+    y && (d(), m && Z(m, At, p.track.id), w || h(), x());
   }
   function d() {
-    r.pauseOnHover && a(S, "mouseenter mouseleave", function(R) {
-      u = R.type === "mouseenter", D();
-    }), r.pauseOnFocus && a(S, "focusin focusout", function(R) {
-      f = R.type === "focusin", D();
+    r.pauseOnHover && a(S, "mouseenter mouseleave", function(k) {
+      u = k.type === "mouseenter", D();
+    }), r.pauseOnFocus && a(S, "focusin focusout", function(k) {
+      f = k.type === "focusin", D();
     }), m && a(m, "click", function() {
-      x ? y() : W(!0);
-    }), o([De, Yt, he], s.rewind), o(De, A);
+      w ? h() : W(!0);
+    }), o([ze, Yt, me], s.rewind), o(ze, E);
   }
-  function y() {
-    l() && t.Slides.isEnough() && (s.start(!r.resetProgress), f = u = x = !1, w(), i(Ir));
+  function h() {
+    l() && t.Slides.isEnough() && (s.start(!r.resetProgress), f = u = w = !1, x(), i(Ir));
   }
-  function W(R) {
-    R === void 0 && (R = !0), x = !!R, w(), l() || (s.pause(), i(Lr));
+  function W(k) {
+    k === void 0 && (k = !0), w = !!k, x(), l() || (s.pause(), i(Lr));
   }
   function D() {
-    x || (u || f ? W(!1) : y());
+    w || (u || f ? W(!1) : h());
   }
-  function w() {
-    m && (Be(m, Je, !x), ee(m, we, r.i18n[x ? "play" : "pause"]));
+  function x() {
+    m && (Oe(m, Ke, !w), Z(m, xe, r.i18n[w ? "play" : "pause"]));
   }
-  function v(R) {
+  function v(k) {
     var V = p.bar;
-    V && Te(V, "width", R * 100 + "%"), i(Nn, R);
+    V && Ee(V, "width", k * 100 + "%"), i(Nn, k);
   }
-  function A(R) {
-    var V = t.Slides.getAt(R);
-    s.set(V && +Ae(V.slide, $i) || r.interval);
+  function E(k) {
+    var V = t.Slides.getAt(k);
+    s.set(V && +Te(V.slide, $i) || r.interval);
   }
   return {
-    mount: E,
+    mount: $,
     destroy: s.cancel,
-    play: y,
+    play: h,
     pause: W,
     isPaused: l
   };
 }
 function Ti(e, t, r) {
-  var n = ge(e), o = n.on;
+  var n = de(e), o = n.on;
   function a() {
-    r.cover && (o(kr, se(s, !0)), o([Ge, be, he], se(i, !0)));
+    r.cover && (o(kr, se(s, !0)), o([He, be, me], se(i, !0)));
   }
   function i(l) {
     t.Slides.forEach(function(p) {
-      var c = Tt(p.container || p.slide, "img");
+      var c = Et(p.container || p.slide, "img");
       c && c.src && s(l, c, p);
     });
   }
   function s(l, p, c) {
-    c.style("background", l ? 'center/cover no-repeat url("' + p.src + '")' : "", !0), Ct(p, l ? "none" : "");
+    c.style("background", l ? 'center/cover no-repeat url("' + p.src + '")' : "", !0), bt(p, l ? "none" : "");
   }
   return {
     mount: a,
@@ -1102,135 +1102,135 @@ function Ti(e, t, r) {
 }
 var Ai = 10, Ii = 600, Li = 0.6, ki = 1.5, Ri = 800;
 function Ni(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = e.state.set, s = t.Move, l = s.getPosition, p = s.getLimit, c = s.exceededLimit, S = s.translate, m = e.is(st), h, u, f = 1;
-  function x() {
-    o(De, W), o([be, he], D);
+  var n = de(e), o = n.on, a = n.emit, i = e.state.set, s = t.Move, l = s.getPosition, p = s.getLimit, c = s.exceededLimit, S = s.translate, m = e.is(lt), y, u, f = 1;
+  function w() {
+    o(ze, W), o([be, me], D);
   }
-  function E(v, A, R, V, L) {
+  function $(v, E, k, V, I) {
     var O = l();
-    if (W(), R && (!m || !c())) {
-      var F = t.Layout.sliderSize(), P = dr(v) * F * Wt(_e(v) / F) || 0;
-      v = s.toPosition(t.Controller.toDest(v % F)) + P;
+    if (W(), k && (!m || !c())) {
+      var M = t.Layout.sliderSize(), H = dr(v) * M * jt(Ce(v) / M) || 0;
+      v = s.toPosition(t.Controller.toDest(v % M)) + H;
     }
-    var H = Cn(O, v, 1);
-    f = 1, A = H ? 0 : A || jt(_e(v - O) / ki, Ri), u = V, h = Xt(A, d, se(y, O, v, L), 1), i(xt), a(Yt), h.start();
+    var U = Cn(O, v, 1);
+    f = 1, E = U ? 0 : E || Wt(Ce(v - O) / ki, Ri), u = V, y = Xt(E, d, se(h, O, v, I), 1), i(St), a(Yt), y.start();
   }
   function d() {
-    i(at), u && u(), a(Ze);
+    i(it), u && u(), a(Je);
   }
-  function y(v, A, R, V) {
-    var L = l(), O = v + (A - v) * w(V), F = (O - L) * f;
-    S(L + F), m && !R && c() && (f *= Li, _e(F) < Ai && E(p(c(!0)), Ii, !1, u, !0));
+  function h(v, E, k, V) {
+    var I = l(), O = v + (E - v) * x(V), M = (O - I) * f;
+    S(I + M), m && !k && c() && (f *= Li, Ce(M) < Ai && $(p(c(!0)), Ii, !1, u, !0));
   }
   function W() {
-    h && h.cancel();
+    y && y.cancel();
   }
   function D() {
-    h && !h.isPaused() && (W(), d());
+    y && !y.isPaused() && (W(), d());
   }
-  function w(v) {
-    var A = r.easingFunc;
-    return A ? A(v) : 1 - Math.pow(1 - v, 4);
+  function x(v) {
+    var E = r.easingFunc;
+    return E ? E(v) : 1 - Math.pow(1 - v, 4);
   }
   return {
-    mount: x,
+    mount: w,
     destroy: W,
-    scroll: E,
+    scroll: $,
     cancel: D
   };
 }
-var rt = {
+var tt = {
   passive: !1,
   capture: !0
 };
 function Oi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = n.bind, s = n.unbind, l = e.state, p = t.Move, c = t.Scroll, S = t.Controller, m = t.Elements.track, h = t.Media.reduce, u = t.Direction, f = u.resolve, x = u.orient, E = p.getPosition, d = p.exceededLimit, y, W, D, w, v, A = !1, R, V, L;
+  var n = de(e), o = n.on, a = n.emit, i = n.bind, s = n.unbind, l = e.state, p = t.Move, c = t.Scroll, S = t.Controller, m = t.Elements.track, y = t.Media.reduce, u = t.Direction, f = u.resolve, w = u.orient, $ = p.getPosition, d = p.exceededLimit, h, W, D, x, v, E = !1, k, V, I;
   function O() {
-    i(m, or, ur, rt), i(m, ir, ur, rt), i(m, Xn, P, rt), i(m, "click", k, {
+    i(m, or, ur, tt), i(m, ir, ur, tt), i(m, Xn, H, tt), i(m, "click", L, {
       capture: !0
-    }), i(m, "dragstart", Oe), o([Ge, be], F);
+    }), i(m, "dragstart", Ne), o([He, be], M);
   }
-  function F() {
-    var j = r.drag;
-    Ve(!j), w = j === "free";
+  function M() {
+    var R = r.drag;
+    De(!R), x = R === "free";
   }
-  function P(j) {
-    if (R = !1, !V) {
-      var C = de(j);
-      ne(j.target) && (C || !j.button) && (S.isBusy() ? Oe(j, !0) : (L = C ? m : window, v = l.is([ct, xt]), D = null, i(L, or, H, rt), i(L, ir, g, rt), p.cancel(), c.cancel(), I(j)));
+  function H(R) {
+    if (k = !1, !V) {
+      var C = ue(R);
+      ie(R.target) && (C || !R.button) && (S.isBusy() ? Ne(R, !0) : (I = C ? m : window, v = l.is([st, St]), D = null, i(I, or, U, tt), i(I, ir, g, tt), p.cancel(), c.cancel(), T(R)));
     }
   }
-  function H(j) {
-    if (l.is(Bt) || (l.set(Bt), a(En)), j.cancelable)
+  function U(R) {
+    if (l.is(Bt) || (l.set(Bt), a(En)), R.cancelable)
       if (v) {
-        p.translate(y + pe(re(j)));
-        var C = me(j) > Kr, M = A !== (A = d());
-        (C || M) && I(j), R = !0, a(Tn), Oe(j);
-      } else $(j) && (v = b(j), Oe(j));
+        p.translate(h + ce(Q(R)));
+        var C = fe(R) > Kr, j = E !== (E = d());
+        (C || j) && T(R), k = !0, a(Tn), Ne(R);
+      } else B(R) && (v = _(R), Ne(R));
   }
-  function g(j) {
-    l.is(Bt) && (l.set(at), a(An)), v && (_(j), Oe(j)), s(L, or, H), s(L, ir, g), v = !1;
+  function g(R) {
+    l.is(Bt) && (l.set(it), a(An)), v && (b(R), Ne(R)), s(I, or, U), s(I, ir, g), v = !1;
   }
-  function k(j) {
-    !V && R && Oe(j, !0);
+  function L(R) {
+    !V && k && Ne(R, !0);
   }
-  function I(j) {
-    D = W, W = j, y = E();
+  function T(R) {
+    D = W, W = R, h = $();
   }
-  function _(j) {
-    var C = Y(j), M = oe(C), G = r.rewind && r.rewindByDrag;
-    h(!1), w ? S.scroll(M, 0, r.snap) : e.is(Lt) ? S.go(x(dr(C)) < 0 ? G ? "<" : "-" : G ? ">" : "+") : e.is(st) && A && G ? S.go(d(!0) ? ">" : "<") : S.go(S.toDest(M), !0), h(!0);
+  function b(R) {
+    var C = J(R), j = ee(C), P = r.rewind && r.rewindByDrag;
+    y(!1), x ? S.scroll(j, 0, r.snap) : e.is(It) ? S.go(w(dr(C)) < 0 ? P ? "<" : "-" : P ? ">" : "+") : e.is(lt) && E && P ? S.go(d(!0) ? ">" : "<") : S.go(S.toDest(j), !0), y(!0);
   }
-  function b(j) {
-    var C = r.dragMinThreshold, M = ht(C), G = M && C.mouse || 0, X = (M ? C.touch : +C) || 10;
-    return _e(re(j)) > (de(j) ? X : G);
+  function _(R) {
+    var C = r.dragMinThreshold, j = mt(C), P = j && C.mouse || 0, q = (j ? C.touch : +C) || 10;
+    return Ce(Q(R)) > (ue(R) ? q : P);
   }
-  function $(j) {
-    return _e(re(j)) > _e(re(j, !0));
+  function B(R) {
+    return Ce(Q(R)) > Ce(Q(R, !0));
   }
-  function Y(j) {
-    if (e.is(pt) || !A) {
-      var C = me(j);
+  function J(R) {
+    if (e.is(ut) || !E) {
+      var C = fe(R);
       if (C && C < Kr)
-        return re(j) / C;
+        return Q(R) / C;
     }
     return 0;
   }
-  function oe(j) {
-    return E() + dr(j) * He(_e(j) * (r.flickPower || 600), w ? 1 / 0 : t.Layout.listSize() * (r.flickMaxPages || 1));
+  function ee(R) {
+    return $() + dr(R) * je(Ce(R) * (r.flickPower || 600), x ? 1 / 0 : t.Layout.listSize() * (r.flickMaxPages || 1));
   }
-  function re(j, C) {
-    return J(j, C) - J(T(j), C);
+  function Q(R, C) {
+    return X(R, C) - X(A(R), C);
   }
-  function me(j) {
-    return pr(j) - pr(T(j));
+  function fe(R) {
+    return pr(R) - pr(A(R));
   }
-  function T(j) {
-    return W === j && D || W;
+  function A(R) {
+    return W === R && D || W;
   }
-  function J(j, C) {
-    return (de(j) ? j.changedTouches[0] : j)["page" + f(C ? "Y" : "X")];
+  function X(R, C) {
+    return (ue(R) ? R.changedTouches[0] : R)["page" + f(C ? "Y" : "X")];
   }
-  function pe(j) {
-    return j / (A && e.is(st) ? fi : 1);
+  function ce(R) {
+    return R / (E && e.is(lt) ? fi : 1);
   }
-  function ne(j) {
+  function ie(R) {
     var C = r.noDrag;
-    return !yt(j, "." + Pn + ", ." + er) && (!C || !yt(j, C));
+    return !yt(R, "." + Pn + ", ." + er) && (!C || !yt(R, C));
   }
-  function de(j) {
-    return typeof TouchEvent < "u" && j instanceof TouchEvent;
+  function ue(R) {
+    return typeof TouchEvent < "u" && R instanceof TouchEvent;
   }
-  function Ee() {
+  function $e() {
     return v;
   }
-  function Ve(j) {
-    V = j;
+  function De(R) {
+    V = R;
   }
   return {
     mount: O,
-    disable: Ve,
-    isDragging: Ee
+    disable: De,
+    isDragging: $e
   };
 }
 var Bi = {
@@ -1241,155 +1241,155 @@ var Bi = {
   Down: Mn
 };
 function Fr(e) {
-  return e = Pe(e) ? e : e.key, Bi[e] || e;
+  return e = We(e) ? e : e.key, Bi[e] || e;
 }
 var Jr = "keydown";
 function Fi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.bind, i = n.unbind, s = e.root, l = t.Direction.resolve, p, c;
+  var n = de(e), o = n.on, a = n.bind, i = n.unbind, s = e.root, l = t.Direction.resolve, p, c;
   function S() {
-    m(), o(be, h), o(be, m), o(De, f);
+    m(), o(be, y), o(be, m), o(ze, f);
   }
   function m() {
-    var E = r.keyboard;
-    E && (p = E === "global" ? window : s, a(p, Jr, x));
+    var $ = r.keyboard;
+    $ && (p = $ === "global" ? window : s, a(p, Jr, w));
   }
-  function h() {
+  function y() {
     i(p, Jr);
   }
-  function u(E) {
-    c = E;
+  function u($) {
+    c = $;
   }
   function f() {
-    var E = c;
+    var $ = c;
     c = !0, fn(function() {
-      c = E;
+      c = $;
     });
   }
-  function x(E) {
+  function w($) {
     if (!c) {
-      var d = Fr(E);
+      var d = Fr($);
       d === l(Kt) ? e.go("<") : d === l(Jt) && e.go(">");
     }
   }
   return {
     mount: S,
-    destroy: h,
+    destroy: y,
     disable: u
   };
 }
-var ft = wr + "-lazy", zt = ft + "-srcset", Mi = "[" + ft + "], [" + zt + "]";
+var dt = wr + "-lazy", zt = dt + "-srcset", Mi = "[" + dt + "], [" + zt + "]";
 function zi(e, t, r) {
-  var n = ge(e), o = n.on, a = n.off, i = n.bind, s = n.emit, l = r.lazyLoad === "sequential", p = [ut, Ze], c = [];
+  var n = de(e), o = n.on, a = n.off, i = n.bind, s = n.emit, l = r.lazyLoad === "sequential", p = [ct, Je], c = [];
   function S() {
-    r.lazyLoad && (m(), o(he, m));
+    r.lazyLoad && (m(), o(me, m));
   }
   function m() {
-    ze(c), h(), l ? E() : (a(p), o(p, u), u());
+    Me(c), y(), l ? $() : (a(p), o(p, u), u());
   }
-  function h() {
+  function y() {
     t.Slides.forEach(function(d) {
-      xr(d.slide, Mi).forEach(function(y) {
-        var W = Ae(y, ft), D = Ae(y, zt);
-        if (W !== y.src || D !== y.srcset) {
-          var w = r.classes.spinner, v = y.parentElement, A = Tt(v, "." + w) || ot("span", w, v);
-          c.push([y, d, A]), y.src || Ct(y, "none");
+      xr(d.slide, Mi).forEach(function(h) {
+        var W = Te(h, dt), D = Te(h, zt);
+        if (W !== h.src || D !== h.srcset) {
+          var x = r.classes.spinner, v = h.parentElement, E = Et(v, "." + x) || nt("span", x, v);
+          c.push([h, d, E]), h.src || bt(h, "none");
         }
       });
     });
   }
   function u() {
     c = c.filter(function(d) {
-      var y = r.perPage * ((r.preloadPages || 1) + 1) - 1;
-      return d[1].isWithin(e.index, y) ? f(d) : !0;
+      var h = r.perPage * ((r.preloadPages || 1) + 1) - 1;
+      return d[1].isWithin(e.index, h) ? f(d) : !0;
     }), c.length || a(p);
   }
   function f(d) {
-    var y = d[0];
-    Le(d[1].slide, hr), i(y, "load error", se(x, d)), ee(y, "src", Ae(y, ft)), ee(y, "srcset", Ae(y, zt)), ke(y, ft), ke(y, zt);
+    var h = d[0];
+    Ie(d[1].slide, yr), i(h, "load error", se(w, d)), Z(h, "src", Te(h, dt)), Z(h, "srcset", Te(h, zt)), Le(h, dt), Le(h, zt);
   }
-  function x(d, y) {
+  function w(d, h) {
     var W = d[0], D = d[1];
-    Fe(D.slide, hr), y.type !== "error" && (Ke(d[2]), Ct(W, ""), s(kr, W, D), s(lt)), l && E();
+    Be(D.slide, yr), h.type !== "error" && (qe(d[2]), bt(W, ""), s(kr, W, D), s(at)), l && $();
   }
-  function E() {
+  function $() {
     c.length && f(c.shift());
   }
   return {
     mount: S,
-    destroy: se(ze, c),
+    destroy: se(Me, c),
     check: u
   };
 }
 function Di(e, t, r) {
-  var n = ge(e), o = n.on, a = n.emit, i = n.bind, s = t.Slides, l = t.Elements, p = t.Controller, c = p.hasFocus, S = p.getIndex, m = p.go, h = t.Direction.resolve, u = l.pagination, f = [], x, E;
+  var n = de(e), o = n.on, a = n.emit, i = n.bind, s = t.Slides, l = t.Elements, p = t.Controller, c = p.hasFocus, S = p.getIndex, m = p.go, y = t.Direction.resolve, u = l.pagination, f = [], w, $;
   function d() {
-    y(), o([be, he, Pt], d);
+    h(), o([be, me, Pt], d);
     var V = r.pagination;
-    u && Ct(u, V ? "" : "none"), V && (o([De, Yt, Ze], R), W(), R(), a(kn, {
-      list: x,
+    u && bt(u, V ? "" : "none"), V && (o([ze, Yt, Je], k), W(), k(), a(kn, {
+      list: w,
       items: f
-    }, A(e.index)));
+    }, E(e.index)));
   }
-  function y() {
-    x && (Ke(u ? Ue(x.children) : x), Fe(x, E), ze(f), x = null), n.destroy();
+  function h() {
+    w && (qe(u ? Pe(w.children) : w), Be(w, $), Me(f), w = null), n.destroy();
   }
   function W() {
-    var V = e.length, L = r.classes, O = r.i18n, F = r.perPage, P = c() ? p.getEnd() + 1 : _t(V / F);
-    x = u || ot("ul", L.pagination, l.track.parentElement), Le(x, E = tr + "--" + v()), ee(x, Me, "tablist"), ee(x, we, O.select), ee(x, Nr, v() === Zt ? "vertical" : "");
-    for (var H = 0; H < P; H++) {
-      var g = ot("li", null, x), k = ot("button", {
-        class: L.page,
+    var V = e.length, I = r.classes, O = r.i18n, M = r.perPage, H = c() ? p.getEnd() + 1 : Ct(V / M);
+    w = u || nt("ul", I.pagination, l.track.parentElement), Ie(w, $ = tr + "--" + v()), Z(w, Fe, "tablist"), Z(w, xe, O.select), Z(w, Nr, v() === Zt ? "vertical" : "");
+    for (var U = 0; U < H; U++) {
+      var g = nt("li", null, w), L = nt("button", {
+        class: I.page,
         type: "button"
-      }, g), I = s.getIn(H).map(function(b) {
-        return b.slide.id;
-      }), _ = !c() && F > 1 ? O.pageX : O.slideX;
-      i(k, "click", se(D, H)), r.paginationKeyboard && i(k, "keydown", se(w, H)), ee(g, Me, "presentation"), ee(k, Me, "tab"), ee(k, It, I.join(" ")), ee(k, we, fr(_, H + 1)), ee(k, it, -1), f.push({
+      }, g), T = s.getIn(U).map(function(_) {
+        return _.slide.id;
+      }), b = !c() && M > 1 ? O.pageX : O.slideX;
+      i(L, "click", se(D, U)), r.paginationKeyboard && i(L, "keydown", se(x, U)), Z(g, Fe, "presentation"), Z(L, Fe, "tab"), Z(L, At, T.join(" ")), Z(L, xe, fr(b, U + 1)), Z(L, ot, -1), f.push({
         li: g,
-        button: k,
-        page: H
+        button: L,
+        page: U
       });
     }
   }
   function D(V) {
     m(">" + V, !0);
   }
-  function w(V, L) {
-    var O = f.length, F = Fr(L), P = v(), H = -1;
-    F === h(Jt, !1, P) ? H = ++V % O : F === h(Kt, !1, P) ? H = (--V + O) % O : F === "Home" ? H = 0 : F === "End" && (H = O - 1);
-    var g = f[H];
-    g && (yn(g.button), m(">" + H), Oe(L, !0));
+  function x(V, I) {
+    var O = f.length, M = Fr(I), H = v(), U = -1;
+    M === y(Jt, !1, H) ? U = ++V % O : M === y(Kt, !1, H) ? U = (--V + O) % O : M === "Home" ? U = 0 : M === "End" && (U = O - 1);
+    var g = f[U];
+    g && (vn(g.button), m(">" + U), Ne(I, !0));
   }
   function v() {
     return r.paginationDirection || r.direction;
   }
-  function A(V) {
+  function E(V) {
     return f[p.toPage(V)];
   }
-  function R() {
-    var V = A(S(!0)), L = A(S());
+  function k() {
+    var V = E(S(!0)), I = E(S());
     if (V) {
       var O = V.button;
-      Fe(O, Je), ke(O, Ur), ee(O, it, -1);
+      Be(O, Ke), Le(O, Ur), Z(O, ot, -1);
     }
-    if (L) {
-      var F = L.button;
-      Le(F, Je), ee(F, Ur, !0), ee(F, it, "");
+    if (I) {
+      var M = I.button;
+      Ie(M, Ke), Z(M, Ur, !0), Z(M, ot, "");
     }
     a(Rn, {
-      list: x,
+      list: w,
       items: f
-    }, V, L);
+    }, V, I);
   }
   return {
     items: f,
     mount: d,
-    destroy: y,
-    getAt: A,
-    update: R
+    destroy: h,
+    getAt: E,
+    update: k
   };
 }
 var Vi = [" ", "Enter"];
-function ji(e, t, r) {
+function Wi(e, t, r) {
   var n = r.isNavigation, o = r.slideFocus, a = [];
   function i() {
     e.splides.forEach(function(u) {
@@ -1399,52 +1399,52 @@ function ji(e, t, r) {
   function s() {
     a.forEach(function(u) {
       u.destroy();
-    }), ze(a);
+    }), Me(a);
   }
   function l() {
     s(), i();
   }
   function p(u, f) {
-    var x = ge(u);
-    x.on(De, function(E, d, y) {
-      f.go(f.is(pt) ? y : E);
-    }), a.push(x);
+    var w = de(u);
+    w.on(ze, function($, d, h) {
+      f.go(f.is(ut) ? h : $);
+    }), a.push(w);
   }
   function c() {
-    var u = ge(e), f = u.on;
-    f(Er, m), f(On, h), f([Ge, be], S), a.push(u), u.emit(Ar, e.splides);
+    var u = de(e), f = u.on;
+    f(Er, m), f(On, y), f([He, be], S), a.push(u), u.emit(Ar, e.splides);
   }
   function S() {
-    ee(t.Elements.list, Nr, r.direction === Zt ? "vertical" : "");
+    Z(t.Elements.list, Nr, r.direction === Zt ? "vertical" : "");
   }
   function m(u) {
     e.go(u.index);
   }
-  function h(u, f) {
-    _r(Vi, Fr(f)) && (m(u), Oe(f));
+  function y(u, f) {
+    _r(Vi, Fr(f)) && (m(u), Ne(f));
   }
   return {
     setup: se(t.Media.set, {
-      slideFocus: wt(o) ? n : o
+      slideFocus: xt(o) ? n : o
     }, !0),
     mount: i,
     destroy: s,
     remount: l
   };
 }
-function Wi(e, t, r) {
-  var n = ge(e), o = n.bind, a = 0;
+function ji(e, t, r) {
+  var n = de(e), o = n.bind, a = 0;
   function i() {
-    r.wheel && o(t.Elements.track, "wheel", s, rt);
+    r.wheel && o(t.Elements.track, "wheel", s, tt);
   }
   function s(p) {
     if (p.cancelable) {
-      var c = p.deltaY, S = c < 0, m = pr(p), h = r.wheelMinThreshold || 0, u = r.wheelSleep || 0;
-      _e(c) > h && m - a > u && (e.go(S ? "<" : ">"), a = m), l(S) && Oe(p);
+      var c = p.deltaY, S = c < 0, m = pr(p), y = r.wheelMinThreshold || 0, u = r.wheelSleep || 0;
+      Ce(c) > y && m - a > u && (e.go(S ? "<" : ">"), a = m), l(S) && Ne(p);
     }
   }
   function l(p) {
-    return !r.releaseWheel || e.state.is(ct) || t.Controller.getAdjacent(p) !== -1;
+    return !r.releaseWheel || e.state.is(st) || t.Controller.getAdjacent(p) !== -1;
   }
   return {
     mount: i
@@ -1452,18 +1452,18 @@ function Wi(e, t, r) {
 }
 var Pi = 90;
 function Hi(e, t, r) {
-  var n = ge(e), o = n.on, a = t.Elements.track, i = r.live && !r.isNavigation, s = ot("span", si), l = Xt(Pi, se(c, !1));
+  var n = de(e), o = n.on, a = t.Elements.track, i = r.live && !r.isNavigation, s = nt("span", si), l = Xt(Pi, se(c, !1));
   function p() {
-    i && (m(!t.Autoplay.isPaused()), ee(a, Xr, !0), s.textContent = "…", o(Ir, se(m, !0)), o(Lr, se(m, !1)), o([ut, Ze], se(c, !0)));
+    i && (m(!t.Autoplay.isPaused()), Z(a, Xr, !0), s.textContent = "…", o(Ir, se(m, !0)), o(Lr, se(m, !1)), o([ct, Je], se(c, !0)));
   }
-  function c(h) {
-    ee(a, Yr, h), h ? (Et(a, s), l.start()) : (Ke(s), l.cancel());
+  function c(y) {
+    Z(a, Yr, y), y ? ($t(a, s), l.start()) : (qe(s), l.cancel());
   }
   function S() {
-    ke(a, [Gr, Xr, Yr]), Ke(s);
+    Le(a, [Gr, Xr, Yr]), qe(s);
   }
-  function m(h) {
-    i && ee(a, Gr, h ? "off" : "polite");
+  function m(y) {
+    i && Z(a, Gr, y ? "off" : "polite");
   }
   return {
     mount: p,
@@ -1476,8 +1476,8 @@ var Ui = /* @__PURE__ */ Object.freeze({
   Media: Qo,
   Direction: ei,
   Elements: gi,
-  Slides: hi,
-  Layout: yi,
+  Slides: yi,
+  Layout: vi,
   Clones: bi,
   Move: Ci,
   Controller: _i,
@@ -1489,8 +1489,8 @@ var Ui = /* @__PURE__ */ Object.freeze({
   Keyboard: Fi,
   LazyLoad: zi,
   Pagination: Di,
-  Sync: ji,
-  Wheel: Wi,
+  Sync: Wi,
+  Wheel: ji,
   Live: Hi
 }), Gi = {
   prev: "Previous slide",
@@ -1535,7 +1535,7 @@ var Ui = /* @__PURE__ */ Object.freeze({
 function Xi(e, t, r) {
   var n = t.Slides;
   function o() {
-    ge(e).on([Ge, he], a);
+    de(e).on([He, me], a);
   }
   function a() {
     n.forEach(function(s) {
@@ -1552,24 +1552,24 @@ function Xi(e, t, r) {
   };
 }
 function qi(e, t, r) {
-  var n = t.Move, o = t.Controller, a = t.Scroll, i = t.Elements.list, s = se(Te, i, "transition"), l;
+  var n = t.Move, o = t.Controller, a = t.Scroll, i = t.Elements.list, s = se(Ee, i, "transition"), l;
   function p() {
-    ge(e).bind(i, "transitionend", function(h) {
-      h.target === i && l && (S(), l());
+    de(e).bind(i, "transitionend", function(y) {
+      y.target === i && l && (S(), l());
     });
   }
-  function c(h, u) {
-    var f = n.toPosition(h, !0), x = n.getPosition(), E = m(h);
-    _e(f - x) >= 1 && E >= 1 ? r.useScroll ? a.scroll(f, E, !1, u) : (s("transform " + E + "ms " + r.easing), n.translate(f, !0), l = u) : (n.jump(h), u());
+  function c(y, u) {
+    var f = n.toPosition(y, !0), w = n.getPosition(), $ = m(y);
+    Ce(f - w) >= 1 && $ >= 1 ? r.useScroll ? a.scroll(f, $, !1, u) : (s("transform " + $ + "ms " + r.easing), n.translate(f, !0), l = u) : (n.jump(y), u());
   }
   function S() {
     s(""), a.cancel();
   }
-  function m(h) {
+  function m(y) {
     var u = r.rewindSpeed;
-    if (e.is(st) && u) {
-      var f = o.getIndex(!0), x = o.getEnd();
-      if (f === 0 && h >= x || f >= x && h === 0)
+    if (e.is(lt) && u) {
+      var f = o.getIndex(!0), w = o.getEnd();
+      if (f === 0 && y >= w || f >= w && y === 0)
         return u;
     }
     return r.speed;
@@ -1582,39 +1582,39 @@ function qi(e, t, r) {
 }
 var Ki = /* @__PURE__ */ (function() {
   function e(r, n) {
-    this.event = ge(), this.Components = {}, this.state = Jo(nt), this.splides = [], this._o = {}, this._E = {};
-    var o = Pe(r) ? bn(document, r) : r;
-    dt(o, o + " is invalid."), this.root = o, n = We({
-      label: Ae(o, we) || "",
-      labelledby: Ae(o, Rr) || ""
+    this.event = de(), this.Components = {}, this.state = Jo(rt), this.splides = [], this._o = {}, this._E = {};
+    var o = We(r) ? bn(document, r) : r;
+    pt(o, o + " is invalid."), this.root = o, n = Ve({
+      label: Te(o, xe) || "",
+      labelledby: Te(o, Rr) || ""
     }, Yi, e.defaults, n || {});
     try {
-      We(n, JSON.parse(Ae(o, wr)));
+      Ve(n, JSON.parse(Te(o, wr)));
     } catch {
-      dt(!1, "Invalid JSON");
+      pt(!1, "Invalid JSON");
     }
-    this._o = Object.create(We({}, n));
+    this._o = Object.create(Ve({}, n));
   }
   var t = e.prototype;
   return t.mount = function(n, o) {
     var a = this, i = this.state, s = this.Components;
-    dt(i.is([nt, Vt]), "Already mounted!"), i.set(nt), this._C = s, this._T = o || this._T || (this.is(Lt) ? Xi : qi), this._E = n || this._E;
-    var l = bt({}, Ui, this._E, {
+    pt(i.is([rt, Vt]), "Already mounted!"), i.set(rt), this._C = s, this._T = o || this._T || (this.is(It) ? Xi : qi), this._E = n || this._E;
+    var l = ht({}, Ui, this._E, {
       Transition: this._T
     });
-    return qe(l, function(p, c) {
+    return Xe(l, function(p, c) {
       var S = p(a, s, a._o);
       s[c] = S, S.setup && S.setup();
-    }), qe(s, function(p) {
+    }), Xe(s, function(p) {
       p.mount && p.mount();
-    }), this.emit(Ge), Le(this.root, ci), i.set(at), this.emit(gr), this;
+    }), this.emit(He), Ie(this.root, ci), i.set(it), this.emit(gr), this;
   }, t.sync = function(n) {
     return this.splides.push({
       splide: n
     }), n.splides.push({
       splide: this,
       isParent: !0
-    }), this.state.is(at) && (this._C.Sync.remount(), n.Components.Sync.remount()), this;
+    }), this.state.is(it) && (this._C.Sync.remount(), n.Components.Sync.remount()), this;
   }, t.go = function(n) {
     return this._C.Controller.go(n), this;
   }, t.on = function(n, o) {
@@ -1623,7 +1623,7 @@ var Ki = /* @__PURE__ */ (function() {
     return this.event.off(n), this;
   }, t.emit = function(n) {
     var o;
-    return (o = this.event).emit.apply(o, [n].concat(Ue(arguments, 1))), this;
+    return (o = this.event).emit.apply(o, [n].concat(Pe(arguments, 1))), this;
   }, t.add = function(n, o) {
     return this._C.Slides.add(n, o), this;
   }, t.remove = function(n) {
@@ -1631,13 +1631,13 @@ var Ki = /* @__PURE__ */ (function() {
   }, t.is = function(n) {
     return this._o.type === n;
   }, t.refresh = function() {
-    return this.emit(he), this;
+    return this.emit(me), this;
   }, t.destroy = function(n) {
     n === void 0 && (n = !0);
     var o = this.event, a = this.state;
-    return a.is(nt) ? ge(this).on(gr, this.destroy.bind(this, n)) : (qe(this._C, function(i) {
+    return a.is(rt) ? de(this).on(gr, this.destroy.bind(this, n)) : (Xe(this._C, function(i) {
       i.destroy && i.destroy(n);
-    }, !0), o.emit(Tr), o.destroy(), n && ze(this.splides), a.set(Vt)), this;
+    }, !0), o.emit(Tr), o.destroy(), n && Me(this.splides), a.set(Vt)), this;
   }, Go(e, [{
     key: "options",
     get: function() {
@@ -1661,24 +1661,24 @@ var Ki = /* @__PURE__ */ (function() {
 Mr.defaults = {};
 Mr.STATES = Xo;
 var Zr = [
-  [Ge, "onMounted"],
+  [He, "onMounted"],
   [gr, "onReady"],
-  [De, "onMove"],
-  [ut, "onMoved"],
+  [ze, "onMove"],
+  [ct, "onMoved"],
   [Er, "onClick"],
   [Sn, "onActive"],
   [xn, "onInactive"],
   [wn, "onVisible"],
   [$n, "onHidden"],
-  [he, "onRefresh"],
+  [me, "onRefresh"],
   [be, "onUpdated"],
-  [lt, "onResize"],
+  [at, "onResize"],
   [Gt, "onResized"],
   [En, "onDrag"],
   [Tn, "onDragging"],
   [An, "onDragged"],
   [Yt, "onScroll"],
-  [Ze, "onScrolled"],
+  [Je, "onScrolled"],
   [Tr, "onDestroy"],
   [In, "onArrowsMounted"],
   [Ln, "onArrowsUpdated"],
@@ -1696,12 +1696,12 @@ function zr(...e) {
 function Ht(e) {
   return e !== null && typeof e == "object";
 }
-function yr(e, t) {
+function vr(e, t) {
   if (Array.isArray(e) && Array.isArray(t))
-    return e.length === t.length && !e.some((r, n) => !yr(r, t[n]));
+    return e.length === t.length && !e.some((r, n) => !vr(r, t[n]));
   if (Ht(e) && Ht(t)) {
     const r = Object.keys(e), n = Object.keys(t);
-    return r.length === n.length && !r.some((o) => !Object.prototype.hasOwnProperty.call(t, o) || !yr(e[o], t[o]));
+    return r.length === n.length && !r.some((o) => !Object.prototype.hasOwnProperty.call(t, o) || !vr(e[o], t[o]));
   }
   return e === t;
 }
@@ -1719,24 +1719,24 @@ function Zi(e, t) {
   }
   return e;
 }
-function vr(e, t) {
+function hr(e, t) {
   const r = e;
   return Zi(t, (n, o) => {
-    Array.isArray(n) ? r[o] = n.slice() : Ht(n) ? r[o] = vr(Ht(r[o]) ? r[o] : {}, n) : r[o] = n;
+    Array.isArray(n) ? r[o] = n.slice() : Ht(n) ? r[o] = hr(Ht(r[o]) ? r[o] : {}, n) : r[o] = n;
   }), r;
 }
-var Qi = ({ children: e, className: t, ...r }) => /* @__PURE__ */ je.createElement("div", {
+var Qi = ({ children: e, className: t, ...r }) => /* @__PURE__ */ Ye.createElement("div", {
   className: zr("splide__track", t),
   ...r
-}, /* @__PURE__ */ je.createElement("ul", {
+}, /* @__PURE__ */ Ye.createElement("ul", {
   className: "splide__list"
-}, e)), qn = class extends je.Component {
+}, e)), qn = class extends Ye.Component {
   constructor() {
-    super(...arguments), this.splideRef = je.createRef(), this.slides = [];
+    super(...arguments), this.splideRef = Ye.createRef(), this.slides = [];
   }
   componentDidMount() {
     const { options: e, extensions: t, transition: r } = this.props, { current: n } = this.splideRef;
-    n && (this.splide = new Mr(n, e), this.bind(this.splide), this.splide.mount(t, r), this.options = vr({}, e || {}), this.slides = this.getSlides());
+    n && (this.splide = new Mr(n, e), this.bind(this.splide), this.splide.mount(t, r), this.options = hr({}, e || {}), this.slides = this.getSlides());
   }
   componentWillUnmount() {
     this.splide && (this.splide.destroy(), this.splide = void 0), this.options = void 0, this.slides.length = 0;
@@ -1745,7 +1745,7 @@ var Qi = ({ children: e, className: t, ...r }) => /* @__PURE__ */ je.createEleme
     if (!this.splide)
       return;
     const { options: e } = this.props;
-    e && !yr(this.options, e) && (this.splide.options = e, this.options = vr({}, e));
+    e && !vr(this.options, e) && (this.splide.options = e, this.options = hr({}, e));
     const t = this.getSlides();
     Ji(this.slides, t) || (this.splide.refresh(), this.slides = t);
   }
@@ -1780,13 +1780,13 @@ var Qi = ({ children: e, className: t, ...r }) => /* @__PURE__ */ je.createEleme
   }
   render() {
     const { className: e, tag: t = "div", hasTrack: r = !0, children: n, ...o } = this.props;
-    return /* @__PURE__ */ je.createElement(t, {
+    return /* @__PURE__ */ Ye.createElement(t, {
       className: zr("splide", e),
       ref: this.splideRef,
       ...this.omit(o, ["options", ...Zr.map((a) => a[1])])
-    }, r ? /* @__PURE__ */ je.createElement(Qi, null, n) : n);
+    }, r ? /* @__PURE__ */ Ye.createElement(Qi, null, n) : n);
   }
-}, Kn = ({ children: e, className: t, ...r }) => /* @__PURE__ */ je.createElement("li", {
+}, Kn = ({ children: e, className: t, ...r }) => /* @__PURE__ */ Ye.createElement("li", {
   className: zr("splide__slide", t),
   ...r
 }, e);
@@ -1800,7 +1800,7 @@ const ea = "RichTextRenderer-module__link___BWeZ2", ta = {
   link: ea
 }, Jn = ({ content: e }) => {
   const t = (r) => r.map((n, o) => n.type === "link" ? /* @__PURE__ */ N("a", { className: ta.link, href: n.value, target: n.target, children: t(n.children) }, o) : /* @__PURE__ */ N("span", { style: ra(n), children: n.text }, o));
-  return /* @__PURE__ */ N(mt, { children: e.map((r, n) => {
+  return /* @__PURE__ */ N(gt, { children: e.map((r, n) => {
     const o = r.children;
     return /* @__PURE__ */ N("div", { children: t(o) }, n);
   }) });
@@ -1822,18 +1822,18 @@ function ra(e) {
 const na = "SvgImage-module__svg___q3xE-", oa = "SvgImage-module__img___VsTm-", Qr = {
   svg: na,
   img: oa
-}, gt = ({ url: e, fill: t = "#000000", hoverFill: r = "#CCCCCC", className: n = "" }) => {
+}, ft = ({ url: e, fill: t = "#000000", hoverFill: r = "#CCCCCC", className: n = "" }) => {
   const [o, a] = le(!0);
   return ve(() => {
     if (typeof window < "u" && window.CSS) {
       const i = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
       a(i);
     }
-  }, []), !e.endsWith(".svg") || !o ? /* @__PURE__ */ N("img", { src: e, alt: "", className: fe(Qr.img, n) }) : /* @__PURE__ */ N(
+  }, []), !e.endsWith(".svg") || !o ? /* @__PURE__ */ N("img", { src: e, alt: "", className: pe(Qr.img, n) }) : /* @__PURE__ */ N(
     "span",
     {
       "data-supports-mask": o,
-      className: fe(Qr.svg, n),
+      className: pe(Qr.svg, n),
       style: {
         "--svg": `url(${e})`,
         "--fill": t,
@@ -1842,37 +1842,37 @@ const na = "SvgImage-module__svg___q3xE-", oa = "SvgImage-module__img___VsTm-",
     }
   );
 }, ia = {
-  "top-left": U.topLeftAlignment,
-  "top-center": U.topCenterAlignment,
-  "top-right": U.topRightAlignment,
-  "middle-left": U.middleLeftAlignment,
-  "middle-center": U.middleCenterAlignment,
-  "middle-right": U.middleRightAlignment,
-  "bottom-left": U.bottomLeftAlignment,
-  "bottom-center": U.bottomCenterAlignment,
-  "bottom-right": U.bottomRightAlignment
+  "top-left": Y.topLeftAlignment,
+  "top-center": Y.topCenterAlignment,
+  "top-right": Y.topRightAlignment,
+  "middle-left": Y.middleLeftAlignment,
+  "middle-center": Y.middleCenterAlignment,
+  "middle-right": Y.middleRightAlignment,
+  "bottom-left": Y.bottomLeftAlignment,
+  "bottom-center": Y.bottomCenterAlignment,
+  "bottom-right": Y.bottomRightAlignment
 };
 function aa({ settings: e, content: t, styles: r, isEditor: n }) {
-  const [o, a] = le(null), { widthSettings: i, fontSettings: s, letterSpacing: l, textAlign: p, wordSpacing: c, fontSizeLineHeight: S, textAppearance: m, color: h } = r.imageCaption, [u, f] = le(void 0), [x, E] = le(null), [d, y] = le(0), [W, D] = le(0), { direction: w, transition: v, controls: A, pagination: R, imageCaption: V, triggers: L } = e, O = Se(v.type), { x: F, y: P } = e.controls.offset, H = (g) => {
+  const [o, a] = le(null), { widthSettings: i, fontSettings: s, letterSpacing: l, textAlign: p, wordSpacing: c, fontSizeLineHeight: S, textAppearance: m, color: y } = r.imageCaption, [u, f] = le(void 0), [w, $] = le(null), [d, h] = le(0), [W, D] = le(0), { direction: x, transition: v, controls: E, pagination: k, imageCaption: V, triggers: I } = e, O = _e(v.type), { x: M, y: H } = e.controls.offset, U = (g) => {
     o && o.go(g);
   };
   return ve(() => {
-    if (!x) return;
-    const g = new ResizeObserver((k) => {
+    if (!w) return;
+    const g = new ResizeObserver((L) => {
       if (!o) return;
-      const [I] = k;
+      const [T] = L;
       f({
-        width: Math.round(I.contentRect.width),
-        height: Math.round(I.contentRect.height)
+        width: Math.round(T.contentRect.width),
+        height: Math.round(T.contentRect.height)
       });
     });
-    return g.observe(x), () => g.unobserve(x);
-  }, [x]), ve(() => {
+    return g.observe(w), () => g.unobserve(w);
+  }, [w]), ve(() => {
     !o || O.current === v.type || (D((g) => g + 1), O.current = v.type);
-  }, [v.type]), /* @__PURE__ */ N("div", { className: fe(U.wrapper, { [U.editor]: n }), ref: E, children: /* @__PURE__ */ ye(
+  }, [v.type]), /* @__PURE__ */ N("div", { className: pe(Y.wrapper, { [Y.editor]: n }), ref: $, children: /* @__PURE__ */ he(
     "div",
     {
-      className: U.sliderInner,
+      className: Y.sliderInner,
       style: {
         width: u ? u.width : "100%",
         height: u ? u.height : "100%",
@@ -1882,51 +1882,51 @@ function aa({ settings: e, content: t, styles: r, isEditor: n }) {
         e.imageCaption.isActive && /* @__PURE__ */ N(
           "div",
           {
-            className: fe(U.captionBlock),
+            className: pe(Y.captionBlock),
             children: /* @__PURE__ */ N(
               "div",
               {
-                className: U.captionTextWrapper,
-                children: t.map((g, k) => /* @__PURE__ */ N(
+                className: Y.captionTextWrapper,
+                children: t.map((g, L) => /* @__PURE__ */ N(
                   "div",
                   {
-                    className: fe(U.captionText, ia[V.alignment], {
-                      [U.withPointerEvents]: k === d && n,
-                      [U.active]: k === d
+                    className: pe(Y.captionText, ia[V.alignment], {
+                      [Y.withPointerEvents]: L === d && n,
+                      [Y.active]: L === d
                     }),
                     style: {
                       fontFamily: s.fontFamily,
                       fontWeight: s.fontWeight,
                       fontStyle: s.fontStyle,
-                      width: i.sizing === "auto" ? "max-content" : B(i.width, n),
-                      letterSpacing: B(l, n),
-                      wordSpacing: B(c, n),
+                      width: i.sizing === "auto" ? "max-content" : F(i.width, n),
+                      letterSpacing: F(l, n),
+                      wordSpacing: F(c, n),
                       textAlign: p,
-                      fontSize: B(S.fontSize, n),
-                      lineHeight: B(S.lineHeight, n),
+                      fontSize: F(S.fontSize, n),
+                      lineHeight: F(S.lineHeight, n),
                       textTransform: m.textTransform ?? "none",
                       textDecoration: m.textDecoration ?? "none",
                       fontVariant: m.fontVariant ?? "normal",
-                      color: h,
+                      color: y,
                       transitionDuration: v.duration ? `${Math.round(parseInt(v.duration) / 2)}ms` : "500ms"
                     },
                     children: /* @__PURE__ */ N(
                       "div",
                       {
                         "data-styles": "imageCaption",
-                        className: U.captionTextInner,
+                        className: Y.captionTextInner,
                         style: {
                           "--link-hover-color": V.linkHoverColor,
                           "--link-color": V.linkColor,
                           position: "relative",
-                          top: B(V.offset.y, n),
-                          left: B(V.offset.x, n)
+                          top: F(V.offset.y, n),
+                          left: F(V.offset.x, n)
                         },
                         children: /* @__PURE__ */ N(Jn, { content: g.imageCaption })
                       }
                     )
                   },
-                  k
+                  L
                 ))
               }
             )
@@ -1936,39 +1936,39 @@ function aa({ settings: e, content: t, styles: r, isEditor: n }) {
           qn,
           {
             onMove: (g) => {
-              y(g.index);
+              h(g.index);
             },
             ref: a,
             options: {
               arrows: !1,
               speed: v.duration ? parseInt(v.duration) : 500,
-              autoplay: L.autoPlay !== null,
-              ...L.autoPlay !== null && {
-                interval: parseInt(L.autoPlay) * 1e3
+              autoplay: I.autoPlay !== null,
+              ...I.autoPlay !== null && {
+                interval: parseInt(I.autoPlay) * 1e3
               },
-              direction: w === "horiz" || v.type === "fade in" ? "ltr" : "ttb",
+              direction: x === "horiz" || v.type === "fade in" ? "ltr" : "ttb",
               pagination: !1,
-              drag: L.triggersList.drag,
+              drag: I.triggersList.drag,
               perPage: 1,
               width: u ? u.width : "100%",
               height: u ? u.height : "100%",
               type: v.type === "fade in" ? "fade" : "loop",
               rewind: !0
             },
-            children: t.map((g, k) => /* @__PURE__ */ N(Kn, { children: /* @__PURE__ */ N(
+            children: t.map((g, L) => /* @__PURE__ */ N(Kn, { children: /* @__PURE__ */ N(
               "div",
               {
-                className: U.sliderItem,
+                className: Y.sliderItem,
                 children: /* @__PURE__ */ N(
                   "div",
                   {
-                    className: U.imgWrapper,
+                    className: Y.imgWrapper,
                     children: /* @__PURE__ */ N(
                       "img",
                       {
-                        className: fe(U.sliderImage, {
-                          [U.contain]: g.image.objectFit === "contain",
-                          [U.cover]: g.image.objectFit === "cover"
+                        className: pe(Y.sliderImage, {
+                          [Y.contain]: g.image.objectFit === "contain",
+                          [Y.cover]: g.image.objectFit === "cover"
                         }),
                         src: g.image.url,
                         alt: g.image.name ?? ""
@@ -1977,43 +1977,43 @@ function aa({ settings: e, content: t, styles: r, isEditor: n }) {
                   }
                 )
               }
-            ) }, k))
+            ) }, L))
           },
           W
         ),
-        A.isActive && /* @__PURE__ */ ye(mt, { children: [
+        E.isActive && /* @__PURE__ */ he(gt, { children: [
           /* @__PURE__ */ N(
             "div",
             {
-              className: fe(U.arrow, {
-                [U.arrowVertical]: w === "vert",
-                [U.hoverArrow]: A.show === "on hover"
+              className: pe(Y.arrow, {
+                [Y.arrowVertical]: x === "vert",
+                [Y.hoverArrow]: E.show === "on hover"
               }),
               style: {
-                color: A.color,
-                "--arrow-hover-color": A.hover
+                color: E.color,
+                "--arrow-hover-color": E.hover
               },
-              children: /* @__PURE__ */ ye(
+              children: /* @__PURE__ */ he(
                 "button",
                 {
                   onClick: () => {
-                    H("-1");
+                    U("-1");
                   },
-                  className: U.arrowInner,
+                  className: Y.arrowInner,
                   style: {
-                    transform: `translate(${B(F, n)}, ${B(P * (w === "horiz" ? 1 : -1), n)}) scale(${e.controls.scale / 100}) rotate(${w === "horiz" ? "0deg" : "90deg"})`
+                    transform: `translate(${F(M, n)}, ${F(H * (x === "horiz" ? 1 : -1), n)}) scale(${e.controls.scale / 100}) rotate(${x === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    A.arrowsImgUrl && /* @__PURE__ */ N(
-                      gt,
+                    E.arrowsImgUrl && /* @__PURE__ */ N(
+                      ft,
                       {
-                        url: A.arrowsImgUrl,
-                        fill: A.color,
-                        hoverFill: A.hover,
-                        className: fe(U.arrowImg, U.mirror)
+                        url: E.arrowsImgUrl,
+                        fill: E.color,
+                        hoverFill: E.hover,
+                        className: pe(Y.arrowImg, Y.mirror)
                       }
                     ),
-                    !A.arrowsImgUrl && /* @__PURE__ */ N(en, { color: A.color, className: fe(U.arrowIcon, U.arrowImg, U.mirror) })
+                    !E.arrowsImgUrl && /* @__PURE__ */ N(en, { color: E.color, className: pe(Y.arrowIcon, Y.arrowImg, Y.mirror) })
                   ]
                 }
               )
@@ -2022,91 +2022,91 @@ function aa({ settings: e, content: t, styles: r, isEditor: n }) {
           /* @__PURE__ */ N(
             "div",
             {
-              className: fe(U.arrow, U.nextArrow, {
-                [U.arrowVertical]: w === "vert",
-                [U.hoverArrow]: A.show === "on hover"
+              className: pe(Y.arrow, Y.nextArrow, {
+                [Y.arrowVertical]: x === "vert",
+                [Y.hoverArrow]: E.show === "on hover"
               }),
               style: {
-                color: A.color,
-                "--arrow-hover-color": A.hover
+                color: E.color,
+                "--arrow-hover-color": E.hover
               },
-              children: /* @__PURE__ */ ye(
+              children: /* @__PURE__ */ he(
                 "button",
                 {
-                  className: U.arrowInner,
-                  onClick: () => H("+1"),
+                  className: Y.arrowInner,
+                  onClick: () => U("+1"),
                   style: {
-                    transform: `translate(${B(F * (w === "horiz" ? -1 : 1), n)}, ${B(P, n)}) scale(${e.controls.scale / 100}) rotate(${w === "horiz" ? "0deg" : "90deg"})`
+                    transform: `translate(${F(M * (x === "horiz" ? -1 : 1), n)}, ${F(H, n)}) scale(${e.controls.scale / 100}) rotate(${x === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    A.arrowsImgUrl && /* @__PURE__ */ N(
-                      gt,
+                    E.arrowsImgUrl && /* @__PURE__ */ N(
+                      ft,
                       {
-                        url: A.arrowsImgUrl,
-                        fill: A.color,
-                        hoverFill: A.hover,
-                        className: U.arrowImg
+                        url: E.arrowsImgUrl,
+                        fill: E.color,
+                        hoverFill: E.hover,
+                        className: Y.arrowImg
                       }
                     ),
-                    !A.arrowsImgUrl && /* @__PURE__ */ N(en, { color: A.color, className: fe(U.arrowIcon, U.arrowImg) })
+                    !E.arrowsImgUrl && /* @__PURE__ */ N(en, { color: E.color, className: pe(Y.arrowIcon, Y.arrowImg) })
                   ]
                 }
               )
             }
           )
         ] }),
-        L.triggersList.click && /* @__PURE__ */ N(
+        I.triggersList.click && /* @__PURE__ */ N(
           "div",
           {
-            className: U.clickOverlay,
+            className: Y.clickOverlay,
             onClick: () => {
               o && o.go("+1");
             }
           }
         ),
-        R.isActive && /* @__PURE__ */ N(
+        k.isActive && /* @__PURE__ */ N(
           "div",
           {
-            className: fe(U.pagination, {
-              [U.paginationInsideBottom]: R.position === "inside-1" && w === "horiz",
-              [U.paginationInsideTop]: R.position === "inside-2" && w === "horiz",
-              [U.paginationOutsideBottom]: R.position === "outside-1" && w === "horiz",
-              [U.paginationOutsideTop]: R.position === "outside-2" && w === "horiz",
-              [U.paginationInsideLeft]: R.position === "inside-1" && w === "vert",
-              [U.paginationInsideRight]: R.position === "inside-2" && w === "vert",
-              [U.paginationOutsideLeft]: R.position === "outside-1" && w === "vert",
-              [U.paginationOutsideRight]: R.position === "outside-2" && w === "vert",
-              [U.paginationVertical]: w === "vert"
+            className: pe(Y.pagination, {
+              [Y.paginationInsideBottom]: k.position === "inside-1" && x === "horiz",
+              [Y.paginationInsideTop]: k.position === "inside-2" && x === "horiz",
+              [Y.paginationOutsideBottom]: k.position === "outside-1" && x === "horiz",
+              [Y.paginationOutsideTop]: k.position === "outside-2" && x === "horiz",
+              [Y.paginationInsideLeft]: k.position === "inside-1" && x === "vert",
+              [Y.paginationInsideRight]: k.position === "inside-2" && x === "vert",
+              [Y.paginationOutsideLeft]: k.position === "outside-1" && x === "vert",
+              [Y.paginationOutsideRight]: k.position === "outside-2" && x === "vert",
+              [Y.paginationVertical]: x === "vert"
             }),
             children: /* @__PURE__ */ N(
               "div",
               {
-                className: U.paginationInner,
+                className: Y.paginationInner,
                 style: {
-                  backgroundColor: R.colors[2],
-                  transform: `scale(${R.scale / 100}) translate(${B(R.offset.x, n)}, ${B(R.offset.y, n)}) rotate(${w === "horiz" ? "0deg" : "90deg"})`
+                  backgroundColor: k.colors[2],
+                  transform: `scale(${k.scale / 100}) translate(${F(k.offset.x, n)}, ${F(k.offset.y, n)}) rotate(${x === "horiz" ? "0deg" : "90deg"})`
                 },
-                children: t.map((g, k) => /* @__PURE__ */ N(
+                children: t.map((g, L) => /* @__PURE__ */ N(
                   "button",
                   {
                     onClick: () => {
-                      o && o.go(k);
+                      o && o.go(L);
                     },
-                    className: fe(U.paginationItem),
+                    className: pe(Y.paginationItem),
                     children: /* @__PURE__ */ N(
                       "div",
                       {
-                        className: fe(U.dot, {
-                          [U.activeDot]: k === d
+                        className: pe(Y.dot, {
+                          [Y.activeDot]: L === d
                         }),
                         style: {
-                          backgroundColor: k === d ? R.colors[0] : R.colors[1],
-                          "--pagination-hover-color": R.hover
+                          backgroundColor: L === d ? k.colors[0] : k.colors[1],
+                          "--pagination-hover-color": k.hover
                         }
                       }
                     )
                   },
-                  k
+                  L
                 ))
               }
             )
@@ -2124,8 +2124,8 @@ const la = {
   id: "control-slider",
   name: "Slider",
   preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/component-assets/Control-slider-preview.mp4"
+    type: "image",
+    url: "https://cdn.cntrl.site/component-assets/sliderPreview.png"
   },
   defaultSize: {
     width: 400,
@@ -2719,7 +2719,7 @@ const la = {
     },
     required: ["settings", "content", "styles"]
   }
-}, sa = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", ca = "ImageRevealSlider-module__image___Qjt-e", ua = "ImageRevealSlider-module__link___N-iLG", pa = "ImageRevealSlider-module__cursor___2U03d", Qe = {
+}, sa = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", ca = "ImageRevealSlider-module__image___Qjt-e", ua = "ImageRevealSlider-module__link___N-iLG", pa = "ImageRevealSlider-module__cursor___2U03d", Ze = {
   imageRevealSlider: sa,
   image: ca,
   link: ua,
@@ -2760,95 +2760,95 @@ async function da(e, t, r, n) {
   return { width: o, height: a, finalWidth: `${o}px` };
 }
 function fa({ settings: e, content: t, isEditor: r }) {
-  const [n, o] = le(null), [a, i] = le([]), [s, l] = le(0), p = Se(0), [c, S] = le({ x: 0, y: 0 }), [m, h] = le(1), [u, f] = le("none"), x = Se({ x: 0, y: 0 }), [E, d] = le(!1), { sizeType: y, imageWidth: W, randomRangeImageWidth: D } = e.imageSize, { revealPosition: w, visible: v } = e.position, { cursorType: A, target: R, defaultCursorScale: V, defaultCursor: L, hoverCursorScale: O, hoverCursor: F } = e.cursor;
+  const [n, o] = le(null), [a, i] = le([]), [s, l] = le(0), p = _e(0), [c, S] = le({ x: 0, y: 0 }), [m, y] = le(1), [u, f] = le("none"), w = _e({ x: 0, y: 0 }), [$, d] = le(!1), { sizeType: h, imageWidth: W, randomRangeImageWidth: D } = e.imageSize, { revealPosition: x, visible: v } = e.position, { cursorType: E, target: k, defaultCursorScale: V, defaultCursor: I, hoverCursorScale: O, hoverCursor: M } = e.cursor;
   ve(() => {
     if (!n) return;
-    const g = (_, b) => {
-      const $ = n.getBoundingClientRect(), Y = _ - $.left, oe = b - $.top;
-      if (S({ x: Y, y: oe }), A === "system") {
-        f("none"), h(1);
+    const g = (b, _) => {
+      const B = n.getBoundingClientRect(), J = b - B.left, ee = _ - B.top;
+      if (S({ x: J, y: ee }), E === "system") {
+        f("none"), y(1);
         return;
       }
-      const re = Y, me = oe, T = document.elementFromPoint($.left + re, $.top + me);
-      if (T && T.closest("a")) {
-        f("none"), h(1);
+      const Q = J, fe = ee, A = document.elementFromPoint(B.left + Q, B.top + fe);
+      if (A && A.closest("a")) {
+        f("none"), y(1);
         return;
       }
-      const J = tn(re, me, a) || R === "area" ? { img: F ?? "none", scale: O } : { img: L ?? "none", scale: V };
-      f(J.img), h(J.scale);
-    }, k = (_) => {
-      _.stopPropagation(), x.current = { x: _.clientX, y: _.clientY }, g(_.clientX, _.clientY);
-    }, I = () => {
-      E && g(x.current.x, x.current.y);
+      const X = tn(Q, fe, a) || k === "area" ? { img: M ?? "none", scale: O } : { img: I ?? "none", scale: V };
+      f(X.img), y(X.scale);
+    }, L = (b) => {
+      b.stopPropagation(), w.current = { x: b.clientX, y: b.clientY }, g(b.clientX, b.clientY);
+    }, T = () => {
+      $ && g(w.current.x, w.current.y);
     };
-    return n.addEventListener("mousemove", k), window.addEventListener("scroll", I, !0), () => {
-      n.removeEventListener("mousemove", k), window.removeEventListener("scroll", I, !0);
+    return n.addEventListener("mousemove", L), window.addEventListener("scroll", T, !0), () => {
+      n.removeEventListener("mousemove", L), window.removeEventListener("scroll", T, !0);
     };
   }, [
     n,
-    E,
+    $,
     c,
-    A,
-    R,
-    F,
-    L,
+    E,
+    k,
+    M,
+    I,
     O,
     V,
     a
   ]), ve(() => {
-    E || (f("none"), h(0));
-  }, [E]);
-  const P = async (g, k, I, _ = {}) => {
-    const { width: b, height: $, finalWidth: Y } = await da(
+    $ || (f("none"), y(0));
+  }, [$]);
+  const H = async (g, L, T, b = {}) => {
+    const { width: _, height: B, finalWidth: J } = await da(
       g.image.url,
-      y,
+      h,
       W,
       D
     );
-    let oe = 0, re = 0;
-    w === "same" ? (oe = k / 2, re = I / 2) : (oe = _.x ?? Math.random() * k, re = _.y ?? Math.random() * I);
-    const me = Math.min(Math.max(oe, b / 2), k - b / 2), T = Math.min(Math.max(re, $ / 2), I - $ / 2);
+    let ee = 0, Q = 0;
+    x === "same" ? (ee = L / 2, Q = T / 2) : (ee = b.x ?? Math.random() * L, Q = b.y ?? Math.random() * T);
+    const fe = Math.min(Math.max(ee, _ / 2), L - _ / 2), A = Math.min(Math.max(Q, B / 2), T - B / 2);
     return {
       id: p.current++,
       url: g.image.url,
       link: g.link,
       name: g.image.name,
-      x: me,
-      y: T,
-      width: Y
+      x: fe,
+      y: A,
+      width: J
     };
   };
   return ve(() => {
     if (!n || t.length === 0) return;
-    const g = n.getBoundingClientRect(), k = g.width, I = g.height, _ = [];
+    const g = n.getBoundingClientRect(), L = g.width, T = g.height, b = [];
     (async () => {
-      const $ = t[0], Y = await P($, k, I);
-      _.push(Y), i(_), l(1);
+      const B = t[0], J = await H(B, L, T);
+      b.push(J), i(b), l(1);
     })();
-  }, [y, W, D, w, n]), ve(() => {
+  }, [h, W, D, x, n]), ve(() => {
     v === "last One" && i((g) => g.length > 0 ? [g[g.length - 1]] : []);
-  }, [v]), /* @__PURE__ */ ye(
+  }, [v]), /* @__PURE__ */ he(
     "div",
     {
       ref: o,
       onClick: async (g) => {
         if (!n) return;
-        const k = n.getBoundingClientRect(), I = g.clientX - k.left, _ = g.clientY - k.top;
-        if (R === "image" && !tn(I, _, a)) return;
-        let b = 0, $ = 0;
-        w === "on Click" ? (b = I, $ = _) : w === "same" ? (b = k.width / 2, $ = k.height / 2) : (b = Math.random() * k.width, $ = Math.random() * k.height);
-        const Y = t[s], oe = await P(Y, k.width, k.height, { x: b, y: $ });
-        i((re) => v === "all" ? [...re, oe] : [oe]), l((re) => re >= t.length - 1 ? 0 : re + 1);
+        const L = n.getBoundingClientRect(), T = g.clientX - L.left, b = g.clientY - L.top;
+        if (k === "image" && !tn(T, b, a)) return;
+        let _ = 0, B = 0;
+        x === "on Click" ? (_ = T, B = b) : x === "same" ? (_ = L.width / 2, B = L.height / 2) : (_ = Math.random() * L.width, B = Math.random() * L.height);
+        const J = t[s], ee = await H(J, L.width, L.height, { x: _, y: B });
+        i((Q) => v === "all" ? [...Q, ee] : [ee]), l((Q) => Q >= t.length - 1 ? 0 : Q + 1);
       },
       onMouseEnter: () => d(!0),
       onMouseLeave: () => d(!1),
-      className: Qe.imageRevealSlider,
+      className: Ze.imageRevealSlider,
       style: { cursor: u === "none" ? "default" : "none" },
       children: [
         a.map((g) => /* @__PURE__ */ N(
           "div",
           {
-            className: Qe.wrapper,
+            className: Ze.wrapper,
             style: {
               top: `${g.y}px`,
               left: `${g.x}px`,
@@ -2858,12 +2858,12 @@ function fa({ settings: e, content: t, isEditor: r }) {
               height: "auto",
               cursor: u === "none" ? "default" : "none"
             },
-            children: R === "area" && g.link ? /* @__PURE__ */ N("a", { href: g.link, target: "_blank", className: Qe.link, children: /* @__PURE__ */ N(
+            children: k === "area" && g.link ? /* @__PURE__ */ N("a", { href: g.link, target: "_blank", className: Ze.link, children: /* @__PURE__ */ N(
               "img",
               {
                 src: g.url,
                 alt: g.name,
-                className: Qe.image
+                className: Ze.image
               },
               g.id
             ) }) : /* @__PURE__ */ N(
@@ -2871,17 +2871,17 @@ function fa({ settings: e, content: t, isEditor: r }) {
               {
                 src: g.url,
                 alt: g.name,
-                className: Qe.image
+                className: Ze.image
               },
               g.id
             )
           },
           g.id
         )),
-        E && /* @__PURE__ */ N(
+        $ && /* @__PURE__ */ N(
           "div",
           {
-            className: Qe.cursor,
+            className: Ze.cursor,
             style: {
               left: `${c.x}px`,
               top: `${c.y}px`,
@@ -2903,8 +2903,8 @@ const ga = {
   id: "control-image-reveal",
   name: "Click Gallery",
   preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7EQ3WSW43JG5YMC8B2HTPKT.mp4"
+    type: "image",
+    url: "https://cdn.cntrl.site/component-assets/clickGalleryPreview.png"
   },
   defaultSize: {
     width: "100%",
@@ -3209,11 +3209,11 @@ const ga = {
       }
     }
   }
-}, ma = "LightBox-module__hidden___9s-9x", ha = "LightBox-module__heroImage___sTxNF", ya = "LightBox-module__background___rm9ml", va = "LightBox-module__editor___4ACaY", ba = "LightBox-module__contentStyle___Bgnsq", Ca = "LightBox-module__imageStyle___tLIlB", _a = "LightBox-module__imgWrapper___LuFUp", Sa = "LightBox-module__contain___8-yaS", xa = "LightBox-module__cover___hNvOG", wa = "LightBox-module__caption___b6L2I", $a = "LightBox-module__captionTextInner___rCGNH", Ea = "LightBox-module__lightboxSplide___XFuWC", Ta = "LightBox-module__arrow___iz38X", Aa = "LightBox-module__arrowVertical___Zfz81", Ia = "LightBox-module__nextArrow___zkAQN", La = "LightBox-module__arrowInner___p48sW", ka = "LightBox-module__arrowIcon___3VaFf", Ra = "LightBox-module__arrowImg___pNV88", Na = "LightBox-module__mirror___pjeXc", Oa = "LightBox-module__thumbsWrapper___GB-nU", Ba = "LightBox-module__thumbsContainerVertical___wttk5", Fa = "LightBox-module__thumbsContainer___osSma", Ma = "LightBox-module__thumbsAlignStart___MO6tY", za = "LightBox-module__thumbsAlignCenter___Q4sUx", Da = "LightBox-module__thumbsAlignEnd___p4y9R", Va = "LightBox-module__thumbItem___HvnF3", ja = "LightBox-module__closeButton___g2khP", Wa = "LightBox-module__fadeIn___0m5GW", Pa = "LightBox-module__slideInLeft___gPYwC", Ha = "LightBox-module__slideInRight___S-pPp", Ua = "LightBox-module__slideInTop___DFdAj", Ga = "LightBox-module__slideInBottom___m27kZ", Ya = "LightBox-module__fadeOut___55qBR", Xa = "LightBox-module__slideOutLeft___NvU7P", qa = "LightBox-module__slideOutRight___SK7eC", Ka = "LightBox-module__slideOutTop___Vgg0z", Ja = "LightBox-module__slideOutBottom___nJ0Ef", Za = "LightBox-module__scaleSlide___vZriG", z = {
+}, ma = "LightBox-module__hidden___9s-9x", ya = "LightBox-module__heroImage___sTxNF", va = "LightBox-module__background___rm9ml", ha = "LightBox-module__editor___4ACaY", ba = "LightBox-module__contentStyle___Bgnsq", Ca = "LightBox-module__imageStyle___tLIlB", _a = "LightBox-module__imgWrapper___LuFUp", Sa = "LightBox-module__contain___8-yaS", xa = "LightBox-module__cover___hNvOG", wa = "LightBox-module__caption___b6L2I", $a = "LightBox-module__captionTextInner___rCGNH", Ea = "LightBox-module__lightboxSplide___XFuWC", Ta = "LightBox-module__arrow___iz38X", Aa = "LightBox-module__arrowVertical___Zfz81", Ia = "LightBox-module__nextArrow___zkAQN", La = "LightBox-module__arrowInner___p48sW", ka = "LightBox-module__arrowIcon___3VaFf", Ra = "LightBox-module__arrowImg___pNV88", Na = "LightBox-module__mirror___pjeXc", Oa = "LightBox-module__thumbsWrapper___GB-nU", Ba = "LightBox-module__thumbsContainerVertical___wttk5", Fa = "LightBox-module__thumbsContainer___osSma", Ma = "LightBox-module__thumbsAlignStart___MO6tY", za = "LightBox-module__thumbsAlignCenter___Q4sUx", Da = "LightBox-module__thumbsAlignEnd___p4y9R", Va = "LightBox-module__thumbItem___HvnF3", Wa = "LightBox-module__closeButton___g2khP", ja = "LightBox-module__fadeIn___0m5GW", Pa = "LightBox-module__slideInLeft___gPYwC", Ha = "LightBox-module__slideInRight___S-pPp", Ua = "LightBox-module__slideInTop___DFdAj", Ga = "LightBox-module__slideInBottom___m27kZ", Ya = "LightBox-module__fadeOut___55qBR", Xa = "LightBox-module__slideOutLeft___NvU7P", qa = "LightBox-module__slideOutRight___SK7eC", Ka = "LightBox-module__slideOutTop___Vgg0z", Ja = "LightBox-module__slideOutBottom___nJ0Ef", Za = "LightBox-module__scaleSlide___vZriG", z = {
   hidden: ma,
-  heroImage: ha,
-  background: ya,
-  editor: va,
+  heroImage: ya,
+  background: va,
+  editor: ha,
   contentStyle: ba,
   imageStyle: Ca,
   imgWrapper: _a,
@@ -3236,8 +3236,8 @@ const ga = {
   thumbsAlignCenter: za,
   thumbsAlignEnd: Da,
   thumbItem: Va,
-  closeButton: ja,
-  fadeIn: Wa,
+  closeButton: Wa,
+  fadeIn: ja,
   slideInLeft: Pa,
   slideInRight: Ha,
   slideInTop: Ua,
@@ -3250,7 +3250,7 @@ const ga = {
   scaleSlide: Za
 }, Nt = (e, t, r) => {
   const n = {}, [o, a] = e.split("-");
-  return o === "top" ? (n.top = "0", n.bottom = "auto") : o === "middle" ? (n.top = "50%", n.bottom = "auto") : o === "bottom" && (n.top = "auto", n.bottom = "0"), a === "left" ? (n.left = "0", n.right = "auto") : a === "center" ? (n.left = "50%", n.right = "auto") : a === "right" && (n.left = "auto", n.right = "0"), o === "middle" && a === "center" ? n.transform = `translate(calc(-50% + ${B(t.x, r)}), calc(-50% + ${B(t.y, r)}))` : o === "middle" ? n.transform = `translate(${B(t.x, r)}, calc(-50% + ${B(t.y, r)}))` : a === "center" ? n.transform = `translate(calc(-50% + ${B(t.x, r)}), ${B(t.y, r)})` : n.transform = `translate(${B(t.x, r)}, ${B(t.y, r)})`, n;
+  return o === "top" ? (n.top = "0", n.bottom = "auto") : o === "middle" ? (n.top = "50%", n.bottom = "auto") : o === "bottom" && (n.top = "auto", n.bottom = "0"), a === "left" ? (n.left = "0", n.right = "auto") : a === "center" ? (n.left = "50%", n.right = "auto") : a === "right" && (n.left = "auto", n.right = "0"), o === "middle" && a === "center" ? n.transform = `translate(calc(-50% + ${F(t.x, r)}), calc(-50% + ${F(t.y, r)}))` : o === "middle" ? n.transform = `translate(${F(t.x, r)}, calc(-50% + ${F(t.y, r)}))` : a === "center" ? n.transform = `translate(calc(-50% + ${F(t.x, r)}), ${F(t.y, r)})` : n.transform = `translate(${F(t.x, r)}, ${F(t.y, r)})`, n;
 };
 function Zn(e) {
   const t = window.getComputedStyle(e);
@@ -3265,9 +3265,9 @@ function rn(e) {
   const t = e.getBoundingClientRect(), r = Zn(e), n = Math.max(0, t.width - r.left - r.right), o = Math.max(0, t.height - r.top - r.bottom), a = e.naturalWidth, i = e.naturalHeight, s = n / o, l = a / i;
   let p, c;
   l > s ? (p = n, c = n / l) : (c = o, p = o * l);
-  const S = t.left + r.left, m = t.top + r.top, h = (n - p) / 2 + S, u = (o - c) / 2 + m;
+  const S = t.left + r.left, m = t.top + r.top, y = (n - p) / 2 + S, u = (o - c) / 2 + m;
   return {
-    x: h,
+    x: y,
     y: u,
     width: p,
     height: c
@@ -3367,7 +3367,7 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
   const [i, s] = le(!1), { url: l } = e.thumbnailBlock.cover;
   return ve(() => {
     o === "close" && s(!1), o === "open" && s(!0);
-  }, [o]), /* @__PURE__ */ ye(mt, { children: [
+  }, [o]), /* @__PURE__ */ he(gt, { children: [
     /* @__PURE__ */ N(
       "img",
       {
@@ -3391,161 +3391,161 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
     )
   ] });
 }, tl = ({ isOpen: e, onClose: t, content: r, lightboxStyles: n, settings: o, portalId: a, isEditor: i, metadata: s }) => {
-  var j;
-  const [l, p] = le(0), [c, S] = le(0), [m, h] = le(!1), [u, f] = le(!1), [x, E] = le({}), d = Se(null), y = Se(null), W = Se(null), D = Se(!1), w = Se(null), v = Se(null), A = Se(null), R = Se(null), V = Se(!1), L = Se(null), [O, F] = le(!1), { appear: P, triggers: H, slider: g, thumbnail: k, controls: I, area: _, caption: b, layout: $ } = o.lightboxBlock, { appearClass: Y, backdropAppearClass: oe, backdropDisappearClass: re, disappearClass: me } = Qa(P.type, P.direction), T = (s == null ? void 0 : s.itemId) ?? null;
+  var R;
+  const [l, p] = le(0), [c, S] = le(0), [m, y] = le(!1), [u, f] = le(!1), [w, $] = le({}), d = _e(null), h = _e(null), W = _e(null), D = _e(!1), x = _e(null), v = _e(null), E = _e(null), k = _e(null), V = _e(!1), I = _e(null), [O, M] = le(!1), { appear: H, triggers: U, slider: g, thumbnail: L, controls: T, area: b, caption: _, layout: B } = o.lightboxBlock, { appearClass: J, backdropAppearClass: ee, backdropDisappearClass: Q, disappearClass: fe } = Qa(H.type, H.direction), A = (s == null ? void 0 : s.itemId) ?? null;
   ve(() => {
     const C = () => {
       setTimeout(() => {
-        var G, X;
-        (X = (G = d.current) == null ? void 0 : G.splide) == null || X.refresh();
+        var P, q;
+        (q = (P = d.current) == null ? void 0 : P.splide) == null || q.refresh();
       }, 16);
-    }, M = () => {
-      S((G) => G + 1);
+    }, j = () => {
+      S((P) => P + 1);
     };
-    return window.addEventListener("ArticleEditor.Layout:change", C), window.addEventListener("ArticleEditor.ComponentContent:change", M), () => {
-      window.removeEventListener("ArticleEditor.Layout:change", C), window.removeEventListener("ArticleEditor.ComponentContent:change", M);
+    return window.addEventListener("ArticleEditor.Layout:change", C), window.addEventListener("ArticleEditor.ComponentContent:change", j), () => {
+      window.removeEventListener("ArticleEditor.Layout:change", C), window.removeEventListener("ArticleEditor.ComponentContent:change", j);
     };
   }, []), ve(() => {
-    if (!e || !k.isActive) {
-      F(!1);
+    if (!e || !L.isActive) {
+      M(!1);
       return;
     }
-    const C = L.current;
+    const C = I.current;
     if (!C) return;
-    const M = () => {
-      g.direction === "horiz" ? F(C.scrollWidth > C.clientWidth) : F(C.scrollHeight > C.clientHeight);
+    const j = () => {
+      g.direction === "horiz" ? M(C.scrollWidth > C.clientWidth) : M(C.scrollHeight > C.clientHeight);
     };
-    M();
-    const G = new ResizeObserver(M);
-    return G.observe(C), () => G.disconnect();
-  }, [e, k.isActive, r.length, x, g.direction]);
-  const J = Qn(() => {
-    const C = window.matchMedia("(max-width: 768px)").matches, M = on(_.color);
-    C && !i && M > 0.9 && (document.body.style.backgroundColor = ""), h(!0), D.current = !0;
-    const G = (X) => {
-      X.target === w.current && X.animationName && (w.current && v.current && w.current.removeEventListener("animationend", v.current), v.current = null, D.current && (D.current = !1, t()), h(!1));
+    j();
+    const P = new ResizeObserver(j);
+    return P.observe(C), () => P.disconnect();
+  }, [e, L.isActive, r.length, w, g.direction]);
+  const X = Qn(() => {
+    const C = window.matchMedia("(max-width: 768px)").matches, j = on(b.color);
+    C && !i && j > 0.9 && (document.body.style.backgroundColor = ""), y(!0), D.current = !0;
+    const P = (q) => {
+      q.target === x.current && q.animationName && (x.current && v.current && x.current.removeEventListener("animationend", v.current), v.current = null, D.current && (D.current = !1, t()), y(!1));
     };
-    w.current && (v.current = G, w.current.addEventListener("animationend", G));
-  }, [t, _.color, i]), pe = (C, M, G) => {
-    var X, Z;
+    x.current && (v.current = P, x.current.addEventListener("animationend", P));
+  }, [t, b.color, i]), ce = (C, j, P) => {
+    var q, re;
     if (C) {
-      if (H.type === "click" && H.switch === "image")
-        H.repeat === "close" && l === r.length - 1 ? J() : (X = d.current) == null || X.go("+1");
-      else if (H.type === "click" && H.switch === "50/50") {
-        const q = C.getBoundingClientRect(), K = M - q.left, ce = G - q.top, te = q.width, ie = q.height;
-        let ae;
-        g.direction === "horiz" ? ae = K < te / 2 ? "-1" : "+1" : ae = ce < ie / 2 ? "-1" : "+1", (Z = d.current) == null || Z.go(ae);
+      if (U.type === "click" && U.switch === "image")
+        U.repeat === "close" && l === r.length - 1 ? X() : (q = d.current) == null || q.go("+1");
+      else if (U.type === "click" && U.switch === "50/50") {
+        const G = C.getBoundingClientRect(), K = j - G.left, ne = P - G.top, ae = G.width, oe = G.height;
+        let ye;
+        g.direction === "horiz" ? ye = K < ae / 2 ? "-1" : "+1" : ye = ne < oe / 2 ? "-1" : "+1", (re = d.current) == null || re.go(ye);
       }
     }
-  }, ne = (C) => {
+  }, ie = (C) => {
     if (V.current) {
       V.current = !1;
       return;
     }
-    const M = r[l], G = (M == null ? void 0 : M.image.objectFit) === "cover";
-    let X, Z;
+    const j = r[l], P = (j == null ? void 0 : j.image.objectFit) === "cover";
+    let q, re;
     if ("changedTouches" in C && C.changedTouches.length > 0)
-      X = C.changedTouches[0].clientX, Z = C.changedTouches[0].clientY;
+      q = C.changedTouches[0].clientX, re = C.changedTouches[0].clientY;
     else if ("clientX" in C)
-      X = C.clientX, Z = C.clientY;
+      q = C.clientX, re = C.clientY;
     else
       return;
-    let q;
-    if (G && W.current) {
+    let G;
+    if (P && W.current) {
       const K = nn(W.current);
-      q = X >= K.left && X <= K.right && Z >= K.top && Z <= K.bottom;
+      G = q >= K.left && q <= K.right && re >= K.top && re <= K.bottom;
     } else {
       const K = W.current ? rn(W.current) : null;
       if (!K) {
-        C.target === C.currentTarget && J();
+        C.target === C.currentTarget && X();
         return;
       }
-      q = X >= K.x && X <= K.x + K.width && Z >= K.y && Z <= K.y + K.height;
+      G = q >= K.x && q <= K.x + K.width && re >= K.y && re <= K.y + K.height;
     }
-    q ? pe(W.current, X, Z) : J();
-  }, de = (C) => {
-    const M = C.target;
-    (M.classList.contains(z.thumbsWrapper) || M.classList.contains(z.thumbsContainer)) && ne(C);
+    G ? ce(W.current, q, re) : X();
+  }, ue = (C) => {
+    const j = C.target;
+    (j.classList.contains(z.thumbsWrapper) || j.classList.contains(z.thumbsContainer)) && ie(C);
   };
   ve(() => {
     if (!e) return;
-    const C = (M) => {
-      var G, X;
-      if (M.key === "Escape") {
-        J();
+    const C = (j) => {
+      var P, q;
+      if (j.key === "Escape") {
+        X();
         return;
       }
-      if (M.key === "ArrowRight") {
-        p((Z) => (Z + 1) % Math.max(r.length, 1)), (G = d.current) == null || G.go("+1");
+      if (j.key === "ArrowRight") {
+        p((re) => (re + 1) % Math.max(r.length, 1)), (P = d.current) == null || P.go("+1");
         return;
       }
-      M.key === "ArrowLeft" && (p((Z) => (Z - 1 + Math.max(r.length, 1)) % Math.max(r.length, 1)), (X = d.current) == null || X.go("-1"));
+      j.key === "ArrowLeft" && (p((re) => (re - 1 + Math.max(r.length, 1)) % Math.max(r.length, 1)), (q = d.current) == null || q.go("-1"));
     };
     return window.addEventListener("keydown", C), () => {
       window.removeEventListener("keydown", C);
     };
-  }, [e, J, r.length]), ve(() => {
+  }, [e, X, r.length]), ve(() => {
     if (e) {
-      if (p(0), S((M) => M + 1), D.current = !1, h(!1), f(!1), E({}), !T) return;
-      const C = new CustomEvent("page-overlay", { detail: { itemId: T } });
+      if (p(0), S((j) => j + 1), D.current = !1, y(!1), f(!1), $({}), !A) return;
+      const C = new CustomEvent("page-overlay", { detail: { itemId: A } });
       window.dispatchEvent(C);
     }
     return () => {
-      w.current && v.current && (w.current.removeEventListener("animationend", v.current), v.current = null), f(!1);
+      x.current && v.current && (x.current.removeEventListener("animationend", v.current), v.current = null), f(!1);
     };
-  }, [e, T]), ve(() => {
-    y.current !== null && y.current !== g.type && S((C) => C + 1), y.current = g.type;
+  }, [e, A]), ve(() => {
+    h.current !== null && h.current !== g.type && S((C) => C + 1), h.current = g.type;
   }, [g.type]), ve(() => {
     if (!e) return;
-    const C = document.body.style.overflow, M = window.matchMedia("(max-width: 768px)").matches, G = on(_.color);
+    const C = document.body.style.overflow, j = window.matchMedia("(max-width: 768px)").matches, P = on(b.color);
     document.body.style.overflow = "hidden", f(!1);
-    const X = (q) => {
-      q.target === w.current && !D.current && q.animationName && (M && !i && G > 0.9 && (document.body.style.backgroundColor = _.color), f(!0), w.current && A.current && w.current.removeEventListener("animationend", A.current), A.current = null);
+    const q = (G) => {
+      G.target === x.current && !D.current && G.animationName && (j && !i && P > 0.9 && (document.body.style.backgroundColor = b.color), f(!0), x.current && E.current && x.current.removeEventListener("animationend", E.current), E.current = null);
     };
-    w.current && (A.current = X, w.current.addEventListener("animationend", X));
-    const Z = (q) => {
-      const K = q.target;
-      K && (K.closest(`.${z.thumbsWrapper}`) || K.closest(`.${z.thumbsContainer}`)) || g.type !== "slide" && q.preventDefault();
+    x.current && (E.current = q, x.current.addEventListener("animationend", q));
+    const re = (G) => {
+      const K = G.target;
+      K && (K.closest(`.${z.thumbsWrapper}`) || K.closest(`.${z.thumbsContainer}`)) || g.type !== "slide" && G.preventDefault();
     };
-    return document.addEventListener("touchmove", Z, { passive: !1 }), () => {
-      document.body.style.overflow = C, document.removeEventListener("touchmove", Z), w.current && A.current && (w.current.removeEventListener("animationend", A.current), A.current = null), f(!1);
+    return document.addEventListener("touchmove", re, { passive: !1 }), () => {
+      document.body.style.overflow = C, document.removeEventListener("touchmove", re), x.current && E.current && (x.current.removeEventListener("animationend", E.current), E.current = null), f(!1);
     };
-  }, [e, i, _.color, g.type]), ve(() => {
+  }, [e, i, b.color, g.type]), ve(() => {
     if (!e) return;
-    const C = (M) => {
-      var X, Z;
+    const C = (j) => {
+      var q, re;
       if (D.current) {
-        M.stopPropagation();
+        j.stopPropagation();
         return;
       }
       if (V.current) {
         V.current = !1;
         return;
       }
-      const G = M.target;
-      if (!(G && (G.closest(`.${z.thumbsContainer}`) || G.closest(`.${z.thumbItem}`)))) {
-        if (g.type === "slide" && H.type === "drag" && ((Z = (X = d.current) == null ? void 0 : X.splide) != null && Z.root)) {
-          const q = d.current.splide.root;
-          if (G && (q.contains(G) || q === G))
+      const P = j.target;
+      if (!(P && (P.closest(`.${z.thumbsContainer}`) || P.closest(`.${z.thumbItem}`)))) {
+        if (g.type === "slide" && U.type === "drag" && ((re = (q = d.current) == null ? void 0 : q.splide) != null && re.root)) {
+          const G = d.current.splide.root;
+          if (P && (G.contains(P) || G === P))
             return;
         }
-        if (M.touches.length === 0 && M.changedTouches.length > 0) {
-          const q = r[l], K = (q == null ? void 0 : q.image.objectFit) === "cover", ce = M.changedTouches[0];
-          let te;
+        if (j.touches.length === 0 && j.changedTouches.length > 0) {
+          const G = r[l], K = (G == null ? void 0 : G.image.objectFit) === "cover", ne = j.changedTouches[0];
+          let ae;
           if (K && W.current) {
-            const ie = nn(W.current);
-            te = ce.clientX >= ie.left && ce.clientX <= ie.right && ce.clientY >= ie.top && ce.clientY <= ie.bottom;
+            const oe = nn(W.current);
+            ae = ne.clientX >= oe.left && ne.clientX <= oe.right && ne.clientY >= oe.top && ne.clientY <= oe.bottom;
           } else {
-            const ie = W.current ? rn(W.current) : null;
-            if (!ie) return;
-            te = ce.clientX >= ie.x && ce.clientX <= ie.x + ie.width && ce.clientY >= ie.y && ce.clientY <= ie.y + ie.height;
+            const oe = W.current ? rn(W.current) : null;
+            if (!oe) return;
+            ae = ne.clientX >= oe.x && ne.clientX <= oe.x + oe.width && ne.clientY >= oe.y && ne.clientY <= oe.y + oe.height;
           }
-          if (!te) {
-            M.stopPropagation(), D.current = !0;
-            const ie = (ae) => {
-              ae.stopPropagation(), ae.preventDefault(), document.removeEventListener("click", ie, !0);
+          if (!ae) {
+            j.stopPropagation(), D.current = !0;
+            const oe = (ye) => {
+              ye.stopPropagation(), ye.preventDefault(), document.removeEventListener("click", oe, !0);
             };
-            document.addEventListener("click", ie, !0), J();
+            document.addEventListener("click", oe, !0), X();
           }
         }
       }
@@ -3553,73 +3553,73 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
     return document.addEventListener("touchend", C, { passive: !0 }), () => {
       document.removeEventListener("touchend", C);
     };
-  }, [e, J, l, r]);
-  const Ee = (g.type === "scale" || g.type === "fade") && g.direction === "vert" && H.type === "drag";
+  }, [e, X, l, r]);
+  const $e = (g.type === "scale" || g.type === "fade") && g.direction === "vert" && U.type === "drag";
   ve(() => {
-    var ae, Ce;
-    if (!e || !Ee || !((Ce = (ae = d.current) == null ? void 0 : ae.splide) != null && Ce.root)) return;
-    const C = d.current.splide.root, M = 30, G = (Q, ue) => {
-      if (R.current) {
-        const Ne = Math.abs(Q - R.current.x), kt = Math.abs(ue - R.current.y);
-        (Ne > 0 || kt > 0) && (V.current = !0);
+    var ye, Lt;
+    if (!e || !$e || !((Lt = (ye = d.current) == null ? void 0 : ye.splide) != null && Lt.root)) return;
+    const C = d.current.splide.root, j = 30, P = (te, ge) => {
+      if (k.current) {
+        const Re = Math.abs(te - k.current.x), kt = Math.abs(ge - k.current.y);
+        (Re > 0 || kt > 0) && (V.current = !0);
       }
-    }, X = (Q) => {
-      R.current && (Q.preventDefault(), G(Q.clientX, Q.clientY));
-    }, Z = (Q) => {
-      R.current && Q.touches.length > 0 && (Q.preventDefault(), G(Q.touches[0].clientX, Q.touches[0].clientY));
-    }, q = (Q, ue) => {
-      if (!R.current || !d.current) {
-        R.current = null;
+    }, q = (te) => {
+      k.current && (te.preventDefault(), P(te.clientX, te.clientY));
+    }, re = (te) => {
+      k.current && te.touches.length > 0 && (te.preventDefault(), P(te.touches[0].clientX, te.touches[0].clientY));
+    }, G = (te, ge) => {
+      if (!k.current || !d.current) {
+        k.current = null;
         return;
       }
-      const Ne = Math.abs(Q - R.current.x), kt = Math.abs(ue - R.current.y);
-      kt > M && kt > Ne && d.current.go(ue < R.current.y ? "+1" : "-1"), R.current = null;
-    }, K = (Q) => {
-      R.current && q(Q.clientX, Q.clientY), document.removeEventListener("pointerup", K), document.removeEventListener("pointercancel", K), document.removeEventListener("pointermove", X);
-    }, ce = (Q) => {
-      if (R.current) {
-        if (Q.changedTouches.length > 0) {
-          const ue = Q.changedTouches[0];
-          q(ue.clientX, ue.clientY);
+      const Re = Math.abs(te - k.current.x), kt = Math.abs(ge - k.current.y);
+      kt > j && kt > Re && d.current.go(ge < k.current.y ? "+1" : "-1"), k.current = null;
+    }, K = (te) => {
+      k.current && G(te.clientX, te.clientY), document.removeEventListener("pointerup", K), document.removeEventListener("pointercancel", K), document.removeEventListener("pointermove", q);
+    }, ne = (te) => {
+      if (k.current) {
+        if (te.changedTouches.length > 0) {
+          const ge = te.changedTouches[0];
+          G(ge.clientX, ge.clientY);
         }
-        document.removeEventListener("touchend", ce), document.removeEventListener("touchcancel", ce), document.removeEventListener("touchmove", Z);
+        document.removeEventListener("touchend", ne), document.removeEventListener("touchcancel", ne), document.removeEventListener("touchmove", re);
       }
-    }, te = (Q) => {
-      R.current = { x: Q.clientX, y: Q.clientY }, V.current = !1, document.addEventListener("pointermove", X, { passive: !1 }), document.addEventListener("pointerup", K), document.addEventListener("pointercancel", K);
-    }, ie = (Q) => {
-      Q.touches.length > 0 && (R.current = { x: Q.touches[0].clientX, y: Q.touches[0].clientY }, V.current = !1, document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", ce), document.addEventListener("touchcancel", ce));
+    }, ae = (te) => {
+      k.current = { x: te.clientX, y: te.clientY }, V.current = !1, document.addEventListener("pointermove", q, { passive: !1 }), document.addEventListener("pointerup", K), document.addEventListener("pointercancel", K);
+    }, oe = (te) => {
+      te.touches.length > 0 && (k.current = { x: te.touches[0].clientX, y: te.touches[0].clientY }, V.current = !1, document.addEventListener("touchmove", re, { passive: !1 }), document.addEventListener("touchend", ne), document.addEventListener("touchcancel", ne));
     };
-    return C.addEventListener("pointerdown", te), C.addEventListener("touchstart", ie), () => {
-      C.removeEventListener("pointerdown", te), C.removeEventListener("touchstart", ie), document.removeEventListener("pointermove", X), document.removeEventListener("pointerup", K), document.removeEventListener("pointercancel", K), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", ce), document.removeEventListener("touchcancel", ce), R.current = null, V.current = !1;
+    return C.addEventListener("pointerdown", ae), C.addEventListener("touchstart", oe), () => {
+      C.removeEventListener("pointerdown", ae), C.removeEventListener("touchstart", oe), document.removeEventListener("pointermove", q), document.removeEventListener("pointerup", K), document.removeEventListener("pointercancel", K), document.removeEventListener("touchmove", re), document.removeEventListener("touchend", ne), document.removeEventListener("touchcancel", ne), k.current = null, V.current = !1;
     };
-  }, [e, Ee, c]);
-  const Ve = {
-    backgroundColor: _.color,
-    backdropFilter: `blur(${_.blur}px)`,
-    animationDuration: `${parseInt(P.duration)}ms`,
+  }, [e, $e, c]);
+  const De = {
+    backgroundColor: b.color,
+    backdropFilter: `blur(${b.blur}px)`,
+    animationDuration: `${parseInt(H.duration)}ms`,
     animationTimingFunction: "ease",
     animationFillMode: "both"
   };
   return document.getElementById(a) ? eo(
-    /* @__PURE__ */ ye(mt, { children: [
+    /* @__PURE__ */ he(gt, { children: [
       /* @__PURE__ */ N(
         "div",
         {
-          ref: i ? null : w,
-          className: fe(z.background, m ? re : oe, { [z.editor]: i }, { [z.hidden]: !e }),
+          ref: i ? null : x,
+          className: pe(z.background, m ? Q : ee, { [z.editor]: i }, { [z.hidden]: !e }),
           style: {
-            ...Ve,
+            ...De,
             ...u && !i && !m ? { position: "absolute" } : {}
           }
         }
       ),
-      /* @__PURE__ */ ye(
+      /* @__PURE__ */ he(
         "div",
         {
-          ref: i ? w : null,
-          className: fe(z.contentStyle, m ? me : Y, { [z.editor]: i }, { [z.hidden]: !e }),
+          ref: i ? x : null,
+          className: pe(z.contentStyle, m ? fe : J, { [z.editor]: i }, { [z.hidden]: !e }),
           style: {
-            animationDuration: `${parseInt(P.duration)}ms`,
+            animationDuration: `${parseInt(H.duration)}ms`,
             animationTimingFunction: "ease",
             animationFillMode: "both"
           },
@@ -3636,72 +3636,72 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
                   direction: g.direction === "horiz" || g.type === "fade" || g.type === "scale" ? "ltr" : "ttb",
                   pagination: !1,
                   // Disable Splide's drag when we need custom vertical drag handling
-                  drag: H.type === "drag" && !Ee,
+                  drag: U.type === "drag" && !$e,
                   perPage: 1,
                   width: "100%",
                   height: "100%",
                   type: g.type === "fade" || g.type === "scale" ? "fade" : "loop",
                   padding: 0,
-                  rewind: H.repeat !== "close",
+                  rewind: U.repeat !== "close",
                   start: 0
                 },
                 style: { "--splide-speed": g.duration },
-                children: r.map((C, M) => {
-                  const G = Nt($.position, $.offset, i), X = `${B($.padding.top, i)} ${B($.padding.right, i)} ${B($.padding.bottom, i)} ${B($.padding.left, i)}`, Z = g.type === "scale" ? (() => {
-                    const { transform: q, ...K } = G;
+                children: r.map((C, j) => {
+                  const P = Nt(B.position, B.offset, i), q = `${F(B.padding.top, i)} ${F(B.padding.right, i)} ${F(B.padding.bottom, i)} ${F(B.padding.left, i)}`, re = g.type === "scale" ? (() => {
+                    const { transform: G, ...K } = P;
                     return {
                       ...K,
                       position: "absolute",
-                      padding: X,
+                      padding: q,
                       boxSizing: "border-box",
-                      "--position-transform": q || "none"
+                      "--position-transform": G || "none"
                     };
-                  })() : { ...G, position: "absolute", padding: X, boxSizing: "border-box" };
-                  return /* @__PURE__ */ N(Kn, { children: /* @__PURE__ */ N("div", { className: z.imgWrapper, onClick: ne, children: /* @__PURE__ */ N(
+                  })() : { ...P, position: "absolute", padding: q, boxSizing: "border-box" };
+                  return /* @__PURE__ */ N(Kn, { children: /* @__PURE__ */ N("div", { className: z.imgWrapper, onClick: ie, children: /* @__PURE__ */ N(
                     "img",
                     {
-                      ref: M === l ? W : null,
-                      className: fe(z.imageStyle, {
+                      ref: j === l ? W : null,
+                      className: pe(z.imageStyle, {
                         [z.contain]: C.image.objectFit === "contain",
                         [z.cover]: C.image.objectFit === "cover",
                         [z.scaleSlide]: g.type === "scale"
                       }),
                       src: C.image.url,
                       alt: C.image.name ?? "",
-                      style: { ...Z, pointerEvents: C.image.objectFit === "contain" ? "none" : "auto" }
+                      style: { ...re, pointerEvents: C.image.objectFit === "contain" ? "none" : "auto" }
                     }
-                  ) }) }, M);
+                  ) }) }, j);
                 })
               },
               c
             ),
-            I.isActive && /* @__PURE__ */ ye(mt, { children: [
+            T.isActive && /* @__PURE__ */ he(gt, { children: [
               /* @__PURE__ */ N(
                 "div",
                 {
-                  className: fe(z.arrow, { [z.arrowVertical]: g.direction === "vert" }),
-                  style: { color: I.color, "--arrow-hover-color": I.hover },
-                  children: /* @__PURE__ */ ye(
+                  className: pe(z.arrow, { [z.arrowVertical]: g.direction === "vert" }),
+                  style: { color: T.color, "--arrow-hover-color": T.hover },
+                  children: /* @__PURE__ */ he(
                     "button",
                     {
                       className: z.arrowInner,
-                      style: { transform: `translate(${B(I.offset.x, i)}, ${B(I.offset.y * (g.direction === "horiz" ? 1 : -1), i)}) scale(${I.scale}) rotate(${g.direction === "horiz" ? "0deg" : "90deg"})` },
+                      style: { transform: `translate(${F(T.offset.x, i)}, ${F(T.offset.y * (g.direction === "horiz" ? 1 : -1), i)}) scale(${T.scale}) rotate(${g.direction === "horiz" ? "0deg" : "90deg"})` },
                       onClick: () => {
                         var C;
                         return (C = d.current) == null ? void 0 : C.go("-1");
                       },
                       "aria-label": "Previous",
                       children: [
-                        I.arrowsImgUrl && /* @__PURE__ */ N(
-                          gt,
+                        T.arrowsImgUrl && /* @__PURE__ */ N(
+                          ft,
                           {
-                            url: I.arrowsImgUrl,
-                            fill: I.color,
-                            hoverFill: I.hover,
-                            className: fe(z.arrowImg, z.mirror)
+                            url: T.arrowsImgUrl,
+                            fill: T.color,
+                            hoverFill: T.hover,
+                            className: pe(z.arrowImg, z.mirror)
                           }
                         ),
-                        !I.arrowsImgUrl && /* @__PURE__ */ N(an, { color: I.color, className: fe(z.arrowIcon, z.arrowImg, z.mirror) })
+                        !T.arrowsImgUrl && /* @__PURE__ */ N(an, { color: T.color, className: pe(z.arrowIcon, z.arrowImg, z.mirror) })
                       ]
                     }
                   )
@@ -3710,70 +3710,70 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
               /* @__PURE__ */ N(
                 "div",
                 {
-                  className: fe(z.arrow, z.nextArrow, { [z.arrowVertical]: g.direction === "vert" }),
-                  style: { color: I.color, "--arrow-hover-color": I.hover },
-                  children: /* @__PURE__ */ ye(
+                  className: pe(z.arrow, z.nextArrow, { [z.arrowVertical]: g.direction === "vert" }),
+                  style: { color: T.color, "--arrow-hover-color": T.hover },
+                  children: /* @__PURE__ */ he(
                     "button",
                     {
                       className: z.arrowInner,
-                      style: { transform: `translate(${B(I.offset.x * (g.direction === "horiz" ? -1 : 1), i)}, ${B(I.offset.y, i)}) scale(${I.scale}) rotate(${g.direction === "horiz" ? "0deg" : "90deg"})` },
+                      style: { transform: `translate(${F(T.offset.x * (g.direction === "horiz" ? -1 : 1), i)}, ${F(T.offset.y, i)}) scale(${T.scale}) rotate(${g.direction === "horiz" ? "0deg" : "90deg"})` },
                       onClick: () => {
                         var C;
                         return (C = d.current) == null ? void 0 : C.go("+1");
                       },
                       "aria-label": "Next",
                       children: [
-                        I.arrowsImgUrl && /* @__PURE__ */ N(
-                          gt,
+                        T.arrowsImgUrl && /* @__PURE__ */ N(
+                          ft,
                           {
-                            url: I.arrowsImgUrl,
-                            fill: I.color,
-                            hoverFill: I.hover,
+                            url: T.arrowsImgUrl,
+                            fill: T.color,
+                            hoverFill: T.hover,
                             className: z.arrowImg
                           }
                         ),
-                        !I.arrowsImgUrl && /* @__PURE__ */ N(an, { color: I.color, className: fe(z.arrowIcon, z.arrowImg) })
+                        !T.arrowsImgUrl && /* @__PURE__ */ N(an, { color: T.color, className: pe(z.arrowIcon, z.arrowImg) })
                       ]
                     }
                   )
                 }
               )
             ] }),
-            _.closeIconUrl && (() => {
-              const C = Nt(_.closeIconAlign, _.closeIconOffset, i), M = `scale(${_.closeIconScale})`, G = C.transform ? `${C.transform} ${M}` : M;
-              return /* @__PURE__ */ N("button", { className: z.closeButton, style: { ...C, transform: G }, onClick: J, "aria-label": "Close lightbox", children: /* @__PURE__ */ N(gt, { url: _.closeIconUrl, fill: _.closeIconColor ?? "#000000", hoverFill: _.closeIconHover ?? "#cccccc" }) });
+            b.closeIconUrl && (() => {
+              const C = Nt(b.closeIconAlign, b.closeIconOffset, i), j = `scale(${b.closeIconScale})`, P = C.transform ? `${C.transform} ${j}` : j;
+              return /* @__PURE__ */ N("button", { className: z.closeButton, style: { ...C, transform: P }, onClick: X, "aria-label": "Close lightbox", children: /* @__PURE__ */ N(ft, { url: b.closeIconUrl, fill: b.closeIconColor ?? "#000000", hoverFill: b.closeIconHover ?? "#cccccc" }) });
             })(),
-            b && b.isActive && n.imageCaption && ((j = r[l]) == null ? void 0 : j.imageCaption) && (() => {
-              const { widthSettings: C, fontSettings: M, letterSpacing: G, textAlign: X, wordSpacing: Z, fontSizeLineHeight: q, textAppearance: K, color: ce } = n.imageCaption;
+            _ && _.isActive && n.imageCaption && ((R = r[l]) == null ? void 0 : R.imageCaption) && (() => {
+              const { widthSettings: C, fontSettings: j, letterSpacing: P, textAlign: q, wordSpacing: re, fontSizeLineHeight: G, textAppearance: K, color: ne } = n.imageCaption;
               return /* @__PURE__ */ N(
                 "div",
                 {
                   className: z.caption,
                   style: {
-                    ...Nt(b.alignment, b.offset, i),
-                    fontFamily: M.fontFamily,
-                    fontWeight: M.fontWeight,
-                    fontStyle: M.fontStyle,
-                    width: C.sizing === "auto" ? "max-content" : B(C.width, i),
-                    letterSpacing: B(G, i),
-                    wordSpacing: B(Z, i),
-                    textAlign: X,
-                    fontSize: B(q.fontSize, i),
-                    lineHeight: B(q.lineHeight, i),
+                    ...Nt(_.alignment, _.offset, i),
+                    fontFamily: j.fontFamily,
+                    fontWeight: j.fontWeight,
+                    fontStyle: j.fontStyle,
+                    width: C.sizing === "auto" ? "max-content" : F(C.width, i),
+                    letterSpacing: F(P, i),
+                    wordSpacing: F(re, i),
+                    textAlign: q,
+                    fontSize: F(G.fontSize, i),
+                    lineHeight: F(G.lineHeight, i),
                     textTransform: K.textTransform ?? "none",
                     textDecoration: K.textDecoration ?? "none",
                     fontVariant: K.fontVariant ?? "normal",
-                    color: ce
+                    color: ne
                   },
-                  onClick: (te) => te.stopPropagation(),
+                  onClick: (ae) => ae.stopPropagation(),
                   children: /* @__PURE__ */ N(
                     "div",
                     {
                       "data-styles": "imageCaption",
                       className: z.captionTextInner,
                       style: {
-                        "--link-color": b.linkColor,
-                        "--link-hover-color": b.linkHoverColor
+                        "--link-color": _.linkColor,
+                        "--link-hover-color": _.linkHoverColor
                       },
                       children: /* @__PURE__ */ N(Jn, { content: r[l].imageCaption })
                     }
@@ -3781,12 +3781,12 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
                 }
               );
             })(),
-            k.isActive && (() => {
-              const [C, M] = k.position.split("-"), G = g.direction === "horiz" ? `${C}-left` : k.position, X = Nt(G, k.offset, i), Z = () => {
+            L.isActive && (() => {
+              const [C, j] = L.position.split("-"), P = g.direction === "horiz" ? `${C}-left` : L.position, q = Nt(P, L.offset, i), re = () => {
                 if (g.direction === "horiz") {
-                  if (M === "left") return "flex-start";
-                  if (M === "center") return "center";
-                  if (M === "right") return "flex-end";
+                  if (j === "left") return "flex-start";
+                  if (j === "center") return "center";
+                  if (j === "right") return "flex-end";
                 } else {
                   if (C === "top") return "flex-start";
                   if (C === "middle") return "center";
@@ -3797,12 +3797,12 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
               return /* @__PURE__ */ N(
                 "div",
                 {
-                  ref: L,
+                  ref: I,
                   className: z.thumbsWrapper,
-                  onClick: (q) => de(q),
+                  onClick: (G) => ue(G),
                   style: {
                     position: i ? "absolute" : "fixed",
-                    ...X,
+                    ...q,
                     ...g.direction === "horiz" ? {
                       maxWidth: "100vw",
                       width: "100%",
@@ -3817,33 +3817,33 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
                   children: /* @__PURE__ */ N(
                     "div",
                     {
-                      className: fe(z.thumbsContainer, {
+                      className: pe(z.thumbsContainer, {
                         [z.thumbsContainerVertical]: g.direction === "vert",
-                        [z.thumbsAlignStart]: k.align === "start",
-                        [z.thumbsAlignCenter]: k.align === "center",
-                        [z.thumbsAlignEnd]: k.align === "end"
+                        [z.thumbsAlignStart]: L.align === "start",
+                        [z.thumbsAlignCenter]: L.align === "center",
+                        [z.thumbsAlignEnd]: L.align === "end"
                       }),
                       style: {
-                        gap: B(k.grid.gap, i),
-                        justifyContent: O ? "flex-start" : Z()
+                        gap: F(L.grid.gap, i),
+                        justifyContent: O ? "flex-start" : re()
                       },
-                      children: r.map((q, K) => {
-                        const ce = K === l, te = x[K], ae = k.grid.size * (ce ? k.activeState.scale : 1), Ce = () => {
-                          if (k.fit !== "fit") return {};
-                          if (!te)
-                            return g.direction === "horiz" ? { height: B(ae, i) } : { width: B(ae, i) };
-                          const Q = te.width / te.height;
+                      children: r.map((G, K) => {
+                        const ne = K === l, ae = w[K], ye = L.grid.size * (ne ? L.activeState.scale : 1), Lt = () => {
+                          if (L.fit !== "fit") return {};
+                          if (!ae)
+                            return g.direction === "horiz" ? { height: F(ye, i) } : { width: F(ye, i) };
+                          const te = ae.width / ae.height;
                           if (g.direction === "horiz") {
-                            const ue = ae, Ne = ue * Q;
+                            const ge = ye, Re = ge * te;
                             return {
-                              width: B(Ne, i),
-                              height: B(ue, i)
+                              width: F(Re, i),
+                              height: F(ge, i)
                             };
                           } else {
-                            const ue = ae, Ne = ue / Q;
+                            const ge = ye, Re = ge / te;
                             return {
-                              width: B(ue, i),
-                              height: B(Ne, i)
+                              width: F(ge, i),
+                              height: F(Re, i)
                             };
                           }
                         };
@@ -3852,43 +3852,43 @@ const el = ({ settings: e, content: t, styles: r, portalId: n, activeEvent: o, i
                           {
                             className: z.thumbItem,
                             style: {
-                              ...g.direction === "horiz" && k.fit !== "fit" ? { height: B(ae, i) } : {},
-                              ...g.direction === "vert" && k.fit !== "fit" ? { width: B(ae, i) } : {},
-                              ...k.fit === "cover" ? { width: B(ae, i), height: B(ae, i) } : {},
-                              ...Ce(),
-                              transition: ce ? "all 0.25s ease-out" : "none",
-                              opacity: ce ? k.activeState.opacity / 100 : k.opacity / 100,
-                              "--thumb-hover": k.activeState.opacity / 100
+                              ...g.direction === "horiz" && L.fit !== "fit" ? { height: F(ye, i) } : {},
+                              ...g.direction === "vert" && L.fit !== "fit" ? { width: F(ye, i) } : {},
+                              ...L.fit === "cover" ? { width: F(ye, i), height: F(ye, i) } : {},
+                              ...Lt(),
+                              transition: ne ? "all 0.25s ease-out" : "none",
+                              opacity: ne ? L.activeState.opacity / 100 : L.opacity / 100,
+                              "--thumb-hover": L.activeState.opacity / 100
                             },
-                            onClick: (Q) => {
-                              var ue;
-                              Q.stopPropagation(), p(K), (ue = d.current) == null || ue.go(K);
+                            onClick: (te) => {
+                              var ge;
+                              te.stopPropagation(), p(K), (ge = d.current) == null || ge.go(K);
                             },
                             onMouseEnter: () => {
-                              var Q;
-                              k.triggers === "hov" && ((Q = d.current) == null || Q.go(K));
+                              var te;
+                              L.triggers === "hov" && ((te = d.current) == null || te.go(K));
                             },
                             children: /* @__PURE__ */ N(
                               "img",
                               {
-                                src: q.image.url,
-                                alt: q.image.name ?? "",
-                                onLoad: (Q) => {
-                                  const ue = Q.currentTarget;
-                                  ue.naturalWidth && ue.naturalHeight && E((Ne) => ({
-                                    ...Ne,
-                                    [K]: { width: ue.naturalWidth, height: ue.naturalHeight }
+                                src: G.image.url,
+                                alt: G.image.name ?? "",
+                                onLoad: (te) => {
+                                  const ge = te.currentTarget;
+                                  ge.naturalWidth && ge.naturalHeight && $((Re) => ({
+                                    ...Re,
+                                    [K]: { width: ge.naturalWidth, height: ge.naturalHeight }
                                   }));
                                 },
                                 style: {
-                                  objectFit: k.fit === "cover" ? "cover" : "contain",
-                                  ...k.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
-                                  ...k.fit === "cover" ? { width: "100%", height: "100%" } : {}
+                                  objectFit: L.fit === "cover" ? "cover" : "contain",
+                                  ...L.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
+                                  ...L.fit === "cover" ? { width: "100%", height: "100%" } : {}
                                 }
                               }
                             )
                           },
-                          `${q.image.name}-${K}`
+                          `${G.image.name}-${K}`
                         );
                       })
                     }
@@ -3911,8 +3911,8 @@ const rl = {
   id: "lightbox",
   name: "Lightbox",
   preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/component-assets/lightbox.mp4"
+    type: "image",
+    url: "https://cdn.cntrl.site/component-assets/lightboxPreview.png"
   },
   defaultSize: {
     width: 440,
@@ -4970,7 +4970,7 @@ const rl = {
     required: ["settings", "content", "styles"]
   }
 };
-function et(e) {
+function Qe(e) {
   return `calc(var(--cntrl-article-width, 100vw) * ${e / 1440})`;
 }
 function nl(e) {
@@ -4979,7 +4979,7 @@ function nl(e) {
   display: flex;
   flex-direction: column;
   width: 100%;
-  min-height: ${et(48)};
+  min-height: ${Qe(48)};
 }
 .${e}-form {
   display: flex;
@@ -4999,7 +4999,7 @@ function nl(e) {
   min-width: 0;
 }
 .${e}-field-group.${e}-labeled {
-  gap: ${et(4)};
+  gap: ${Qe(4)};
 }
 .${e}-field-label {
   white-space: nowrap;
@@ -5091,26 +5091,19 @@ function nl(e) {
   outline: 1px solid var(--${e}-focus-button-border-color, var(--${e}-button-border-color));
 }
 .${e}-success {
-  margin-top: ${et(8)};
-  font-size: ${et(14)};
+  margin-top: ${Qe(8)};
+  font-size: ${Qe(14)};
   color: var(--${e}-success-success-color, var(--${e}-success-color));
 }
 .${e}-error {
-  margin-top: ${et(8)};
-  font-size: ${et(14)};
+  margin-top: ${Qe(8)};
+  font-size: ${Qe(14)};
   color: var(--${e}-error-error-color, var(--${e}-error-color));
 }
 .${e}-overlay-anchor {
   position: relative;
   height: auto;
 }
-.${e}-gap-spacer {
-  flex: 0 0 auto;
-  align-self: stretch;
-}
-.${e}-fields-gap-spacer {
-  flex: 0 0 auto;
-}
 `;
 }
 function ol({ settings: e, isEditor: t, metadata: r, activeEvent: n }) {
@@ -5123,158 +5116,143 @@ function ol({ settings: e, isEditor: t, metadata: r, activeEvent: n }) {
     button: c,
     gap: S = 8e-3,
     fieldsGap: m = 8e-3,
-    label: h,
+    label: y,
     buttonCorners: u,
     buttonStroke: f,
-    inputCorners: x,
-    inputStroke: E,
+    inputCorners: w,
+    inputStroke: $,
     buttonPadding: d,
-    inputPadding: y,
+    inputPadding: h,
     inputColor: W,
     inputTextColor: D,
-    inputBorderColor: w,
+    inputBorderColor: x,
     placeholderColor: v,
-    buttonColor: A,
-    buttonTextColor: R,
+    buttonColor: E,
+    buttonTextColor: k,
     buttonBorderColor: V,
-    labelTextColor: L,
+    labelTextColor: I,
     successColor: O,
-    errorColor: F,
-    fontFamily: P,
-    successMessage: H,
+    errorColor: M,
+    fontFamily: H,
+    successMessage: U,
     errorMessage: g,
-    stateOverrides: k
-  } = e, I = a === "B", _ = s.slice(0, Math.min(i, s.length)), b = p ? lr(
+    stateOverrides: L
+  } = e, T = a === "B", b = s.slice(0, Math.min(i, s.length)), _ = p ? lr(
     {
       ...p,
-      fontSettings: { ...p.fontSettings, fontFamily: P }
+      fontSettings: { ...p.fontSettings, fontFamily: H }
     },
     t
-  ) : void 0, $ = {
-    ...b,
+  ) : void 0, B = {
+    ..._,
     borderStyle: "solid",
-    borderRadius: B(x ?? 0, t),
-    borderWidth: B(E ?? 0, t),
-    paddingTop: B((y == null ? void 0 : y.top) ?? 0, t),
-    paddingRight: B((y == null ? void 0 : y.right) ?? 0, t),
-    paddingBottom: B((y == null ? void 0 : y.bottom) ?? 0, t),
-    paddingLeft: B((y == null ? void 0 : y.left) ?? 0, t)
-  }, Y = c ? lr(
+    borderRadius: F(w ?? 0, t),
+    borderWidth: F($ ?? 0, t),
+    paddingTop: F((h == null ? void 0 : h.top) ?? 0, t),
+    paddingRight: F((h == null ? void 0 : h.right) ?? 0, t),
+    paddingBottom: F((h == null ? void 0 : h.bottom) ?? 0, t),
+    paddingLeft: F((h == null ? void 0 : h.left) ?? 0, t)
+  }, J = c ? lr(
     {
       ...c,
-      fontSettings: { ...c.fontSettings, fontFamily: P }
+      fontSettings: { ...c.fontSettings, fontFamily: H }
     },
     t
-  ) : void 0, oe = h ? lr(
+  ) : void 0, ee = y ? lr(
     {
-      ...h,
-      fontSettings: { ...h.fontSettings, fontFamily: P }
+      ...y,
+      fontSettings: { ...y.fontSettings, fontFamily: H }
     },
     t
-  ) : void 0, re = al(o, {
+  ) : void 0, Q = al(o, {
     inputColor: W,
     inputTextColor: D,
-    inputBorderColor: w,
-    placeholderColor: v,
-    buttonColor: A,
-    buttonTextColor: R,
+    inputBorderColor: x,
+    placeholderColor: v != null && v.trim() ? v : "#cccccc",
+    buttonColor: E,
+    buttonTextColor: k,
     buttonBorderColor: V,
-    labelTextColor: L,
+    labelTextColor: I,
     successColor: O,
-    errorColor: F
-  }, k), [me, T] = le(
-    () => Object.fromEntries(_.map((te) => [te.name, ""]))
-  ), [J, pe] = le("idle"), [ne, de] = le(null), Ee = n === "success" ? "success" : n === "error" ? "error" : J, Ve = n === "error" ? g : ne, j = n === "filled" ? Object.fromEntries(_.map((te) => [te.name, "Filled"])) : me, C = Ee === "error" ? Dt(_, j) : null, M = n && n !== "default" ? `${o}-state-${n}` : "", G = r == null ? void 0 : r.apiBase, X = r == null ? void 0 : r.projectId, Z = r == null ? void 0 : r.pluginConfigId, q = !!(G && X && Z), K = (te, ie) => {
-    T((ae) => ({ ...ae, [te]: ie }));
-  }, ce = async (te) => {
-    te.preventDefault();
-    const ie = Object.fromEntries(
-      _.map((Ce) => {
-        var Q;
-        return [Ce.name, ((Q = me[Ce.name]) == null ? void 0 : Q.trim()) ?? ""];
-      }).filter(([, Ce]) => Ce)
+    errorColor: M
+  }, L), [fe, A] = le(
+    () => Object.fromEntries(b.map((G) => [G.name, ""]))
+  ), [X, ce] = le("idle"), [ie, ue] = le(null), $e = n === "success" ? "success" : n === "error" ? "error" : X, De = n === "error" ? g : ie, R = n === "filled" ? Object.fromEntries(b.map((G) => [G.name, "Filled"])) : fe, C = $e === "error" ? Dt(b, R) : null, j = n && n !== "default" ? `${o}-state-${n}` : "", P = r == null ? void 0 : r.submitUrl, q = (G, K) => {
+    A((ne) => ({ ...ne, [G]: K }));
+  }, re = async (G) => {
+    G.preventDefault();
+    const K = Object.fromEntries(
+      b.map((ae) => {
+        var oe;
+        return [ae.name, ((oe = fe[ae.name]) == null ? void 0 : oe.trim()) ?? ""];
+      }).filter(([, ae]) => ae)
     );
-    if (!q || Object.keys(ie).length === 0) return;
-    const ae = Dt(_, me);
-    if (ae) {
-      pe("error"), de(ae);
+    if (!P || Object.keys(K).length === 0) return;
+    const ne = Dt(b, fe);
+    if (ne) {
+      ce("error"), ue(ne);
       return;
     }
-    pe("submitting"), de(null);
+    ce("submitting"), ue(null);
     try {
-      const Ce = `${G}/projects/${X}/forms/${Z}/submit`, Q = await fetch(Ce, {
+      const ae = await fetch(P, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          ...ie,
-          pageUrl: typeof window < "u" ? window.location.href : ""
-        })
+        body: JSON.stringify(K)
       });
-      if (!Q.ok) {
-        const ue = await Q.text();
-        throw new Error(ue || `Request failed: ${Q.status}`);
+      if (!ae.ok) {
+        const oe = await ae.text();
+        throw new Error(oe || `Request failed: ${ae.status}`);
       }
-      pe("success"), T(Object.fromEntries(_.map((ue) => [ue.name, ""])));
-    } catch (Ce) {
-      pe("error"), de(Ce instanceof Error ? Ce.message : "Something went wrong");
+      ce("success"), A(Object.fromEntries(b.map((oe) => [oe.name, ""])));
+    } catch (ae) {
+      ce("error"), ue(ae instanceof Error ? ae.message : "Something went wrong");
     }
   };
-  return /* @__PURE__ */ ye("div", { className: `${o}-wrapper ${M}`.trim(), style: re, children: [
+  return /* @__PURE__ */ he("div", { className: `${o}-wrapper ${j}`.trim(), style: Q, children: [
     /* @__PURE__ */ N("style", { children: nl(o) }),
-    /* @__PURE__ */ ye(
+    /* @__PURE__ */ he(
       "form",
       {
-        onSubmit: ce,
+        onSubmit: re,
         className: `${o}-form`,
+        style: { gap: F(S, t) },
         children: [
-          /* @__PURE__ */ N("div", { className: `${o}-fields`, children: _.map((te, ie) => /* @__PURE__ */ ye(je.Fragment, { children: [
-            /* @__PURE__ */ ye("div", { className: `${o}-field-group${I ? ` ${o}-labeled` : ""}`, children: [
-              I && /* @__PURE__ */ N("span", { className: `${o}-field-label`, style: oe ? { ...oe, lineHeight: oe.fontSize } : void 0, children: te.label || te.name }),
-              te.type === "textarea" ? /* @__PURE__ */ N(
-                "textarea",
-                {
-                  name: te.name,
-                  autoComplete: "off",
-                  value: j[te.name] ?? "",
-                  onChange: (ae) => K(te.name, ae.target.value),
-                  placeholder: te.placeholder,
-                  className: `${o}-input`,
-                  style: $,
-                  rows: 1,
-                  "data-field-type": "textarea"
-                }
-              ) : /* @__PURE__ */ N(
-                "input",
-                {
-                  type: te.type === "phone" ? "tel" : te.type === "email" ? "email" : "text",
-                  name: te.name,
-                  autoComplete: "off",
-                  value: j[te.name] ?? "",
-                  onChange: (ae) => K(te.name, ae.target.value),
-                  placeholder: te.placeholder,
-                  required: te.type === "email",
-                  className: `${o}-input`,
-                  style: $
-                }
-              )
-            ] }),
-            ie < _.length - 1 && /* @__PURE__ */ N(
-              "div",
-              {
-                "data-axis": "y",
-                className: `${o}-overlay-anchor ${o}-fields-gap-spacer`,
-                "data-controls": "settings.fieldsGap",
-                style: { height: B(m, t), width: "100%" }
-              }
-            )
-          ] }, ie)) }),
           /* @__PURE__ */ N(
             "div",
             {
-              "data-axis": "y",
-              className: `${o}-overlay-anchor ${o}-gap-spacer`,
-              "data-controls": "settings.gap",
-              style: { height: B(S, t), width: "100%" }
+              className: `${o}-fields`,
+              style: { gap: F(m, t) },
+              children: b.map((G, K) => /* @__PURE__ */ he("div", { className: `${o}-field-group${T ? ` ${o}-labeled` : ""}`, children: [
+                T && /* @__PURE__ */ N("span", { className: `${o}-field-label`, style: ee ? { ...ee, lineHeight: ee.fontSize } : void 0, children: G.label || G.name }),
+                G.type === "textarea" ? /* @__PURE__ */ N(
+                  "textarea",
+                  {
+                    name: G.name,
+                    autoComplete: "off",
+                    value: R[G.name] ?? "",
+                    onChange: (ne) => q(G.name, ne.target.value),
+                    placeholder: G.placeholder,
+                    className: `${o}-input`,
+                    style: B,
+                    rows: 1,
+                    "data-field-type": "textarea"
+                  }
+                ) : /* @__PURE__ */ N(
+                  "input",
+                  {
+                    type: G.type === "phone" ? "tel" : G.type === "email" ? "email" : "text",
+                    name: G.name,
+                    autoComplete: "off",
+                    value: R[G.name] ?? "",
+                    onChange: (ne) => q(G.name, ne.target.value),
+                    placeholder: G.placeholder,
+                    required: G.type === "email",
+                    className: `${o}-input`,
+                    style: B
+                  }
+                )
+              ] }, K))
             }
           ),
           /* @__PURE__ */ N("div", { className: `${o}-overlay-anchor`, children: /* @__PURE__ */ N(
@@ -5284,35 +5262,35 @@ function ol({ settings: e, isEditor: t, metadata: r, activeEvent: n }) {
               className: `${o}-button`,
               style: {
                 borderStyle: "solid",
-                borderRadius: B(u ?? 0, t),
-                borderWidth: B(f ?? 0, t),
-                paddingTop: B((d == null ? void 0 : d.top) ?? 0, t),
-                paddingRight: B((d == null ? void 0 : d.right) ?? 0, t),
-                paddingBottom: B((d == null ? void 0 : d.bottom) ?? 0, t),
-                paddingLeft: B((d == null ? void 0 : d.left) ?? 0, t),
-                ...Y
+                borderRadius: F(u ?? 0, t),
+                borderWidth: F(f ?? 0, t),
+                paddingTop: F((d == null ? void 0 : d.top) ?? 0, t),
+                paddingRight: F((d == null ? void 0 : d.right) ?? 0, t),
+                paddingBottom: F((d == null ? void 0 : d.bottom) ?? 0, t),
+                paddingLeft: F((d == null ? void 0 : d.left) ?? 0, t),
+                ...J
               },
-              children: /* @__PURE__ */ N("span", { className: `${o}-overlay-anchor`, children: J === "submitting" ? "..." : l })
+              children: /* @__PURE__ */ N("span", { className: `${o}-overlay-anchor`, children: X === "submitting" ? "..." : l })
             }
           ) })
         ]
       }
     ),
-    Ee === "success" && /* @__PURE__ */ N(
+    $e === "success" && /* @__PURE__ */ N(
       "p",
       {
         className: `${o}-success`,
-        style: { ...b, lineHeight: b == null ? void 0 : b.fontSize },
-        children: H
+        style: { ..._, lineHeight: _ == null ? void 0 : _.fontSize },
+        children: U
       }
     ),
-    Ee === "error" && /* @__PURE__ */ N(
+    $e === "error" && /* @__PURE__ */ N(
       "p",
       {
         className: `${o}-error`,
-        style: { ...b, lineHeight: b == null ? void 0 : b.fontSize },
+        style: { ..._, lineHeight: _ == null ? void 0 : _.fontSize },
         role: "alert",
-        children: C ?? Ve ?? g
+        children: C ?? De ?? g
       }
     )
   ] });
@@ -5350,10 +5328,10 @@ function lr(e, t) {
     fontFamily: e.fontSettings.fontFamily,
     fontWeight: e.fontSettings.fontWeight,
     fontStyle: e.fontSettings.fontStyle,
-    letterSpacing: B(e.letterSpacing, t),
-    wordSpacing: B(e.wordSpacing, t),
-    fontSize: B(e.fontSize, t),
-    lineHeight: e.lineHeight !== void 0 ? B(e.lineHeight, t) : void 0,
+    letterSpacing: F(e.letterSpacing, t),
+    wordSpacing: F(e.wordSpacing, t),
+    fontSize: F(e.fontSize, t),
+    lineHeight: e.lineHeight !== void 0 ? F(e.lineHeight, t) : void 0,
     textTransform: (r = e.textAppearance) == null ? void 0 : r.textTransform,
     textDecoration: (n = e.textAppearance) == null ? void 0 : n.textDecoration,
     fontVariant: (o = e.textAppearance) == null ? void 0 : o.fontVariant
@@ -5498,13 +5476,6 @@ function getCSS(P: string): string {
   position: relative;
   height: auto;
 }
-.\${P}-gap-spacer {
-  flex: 0 0 auto;
-  align-self: stretch;
-}
-.\${P}-fields-gap-spacer {
-  flex: 0 0 auto;
-}
 \`;
 }
 
@@ -5591,9 +5562,16 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
     : undefined;
 
   const colorVars = buildColorVars(P, {
-    inputColor, inputTextColor, inputBorderColor, placeholderColor,
-    buttonColor, buttonTextColor, buttonBorderColor,
-    labelTextColor, successColor, errorColor,
+    inputColor,
+    inputTextColor,
+    inputBorderColor,
+    placeholderColor: placeholderColor?.trim() ? placeholderColor : '#cccccc',
+    buttonColor,
+    buttonTextColor,
+    buttonBorderColor,
+    labelTextColor,
+    successColor,
+    errorColor,
   }, stateOverrides);
 
   const [fieldValues, setFieldValues] = useState<Record<string, string>>(() =>
@@ -5615,11 +5593,7 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
       : null;
   const stateClass = activeEvent && activeEvent !== 'default' ? \`\${P}-state-\${activeEvent}\` : '';
 
-  const apiBase = metadata?.apiBase as string | undefined;
-  const projectId = metadata?.projectId as string | undefined;
-  const configId = metadata?.pluginConfigId as string | undefined;
-  const canSubmit = Boolean(apiBase && projectId && configId);
-
+  const submitUrl = metadata?.submitUrl as string | undefined;
   const handleFieldChange = (name: string, value: string) => {
     setFieldValues((prev) => ({ ...prev, [name]: value }));
   };
@@ -5629,7 +5603,7 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
     const payload = Object.fromEntries(
       visibleFields.map((f) => [f.name, fieldValues[f.name]?.trim() ?? '']).filter(([, v]) => v)
     );
-    if (!canSubmit || Object.keys(payload).length === 0) return;
+    if (!submitUrl || Object.keys(payload).length === 0) return;
 
     const validationError = getFormFieldValidationError(visibleFields, fieldValues);
     if (validationError) {
@@ -5642,14 +5616,10 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
     setErrorMessage(null);
 
     try {
-      const url = \`\${apiBase}/projects/\${projectId}/forms/\${configId}/submit\`;
-      const res = await fetch(url, {
+      const res = await fetch(submitUrl, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          ...payload,
-          pageUrl: typeof window !== 'undefined' ? window.location.href : '',
-        }),
+        body: JSON.stringify(payload),
       });
       if (!res.ok) {
         const text = await res.text();
@@ -5670,59 +5640,47 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
       <form
         onSubmit={handleSubmit}
         className={\`\${P}-form\`}
+        style={{ gap: scalingValue(gap, isEditor) }}
       >
-        <div className={\`\${P}-fields\`}>
+        <div
+          className={\`\${P}-fields\`}
+          style={{ gap: scalingValue(fieldsGap, isEditor) }}
+        >
           {visibleFields.map((field, index) => (
-            <React.Fragment key={index}>
-              <div className={\`\${P}-field-group\${showLabels ? \` \${P}-labeled\` : ''}\`}>
-                {showLabels && (
-                  <span className={\`\${P}-field-label\`} style={labelTextCss ? { ...labelTextCss, lineHeight: labelTextCss.fontSize } : undefined}>
-                    {field.label || field.name}
-                  </span>
-                )}
-                {field.type === 'textarea' ? (
-                  <textarea
-                    name={field.name}
-                    autoComplete="off"
-                    value={displayValues[field.name] ?? ''}
-                    onChange={(e) => handleFieldChange(field.name, e.target.value)}
-                    placeholder={field.placeholder}
-                    className={\`\${P}-input\`}
-                    style={inputFieldCss}
-                    rows={1}
-                    data-field-type="textarea"
-                  />
-                ) : (
-                  <input
-                    type={field.type === 'phone' ? 'tel' : field.type === 'email' ? 'email' : 'text'}
-                    name={field.name}
-                    autoComplete="off"
-                    value={displayValues[field.name] ?? ''}
-                    onChange={(e) => handleFieldChange(field.name, e.target.value)}
-                    placeholder={field.placeholder}
-                    required={field.type === 'email'}
-                    className={\`\${P}-input\`}
-                    style={inputFieldCss}
-                  />
-                )}
-              </div>
-              {index < visibleFields.length - 1 && (
-                <div
-                  data-axis="y"
-                  className={\`\${P}-overlay-anchor \${P}-fields-gap-spacer\`}
-                  data-controls="settings.fieldsGap"
-                  style={{ height: scalingValue(fieldsGap, isEditor), width: '100%' }}
+            <div key={index} className={\`\${P}-field-group\${showLabels ? \` \${P}-labeled\` : ''}\`}>
+              {showLabels && (
+                <span className={\`\${P}-field-label\`} style={labelTextCss ? { ...labelTextCss, lineHeight: labelTextCss.fontSize } : undefined}>
+                  {field.label || field.name}
+                </span>
+              )}
+              {field.type === 'textarea' ? (
+                <textarea
+                  name={field.name}
+                  autoComplete="off"
+                  value={displayValues[field.name] ?? ''}
+                  onChange={(e) => handleFieldChange(field.name, e.target.value)}
+                  placeholder={field.placeholder}
+                  className={\`\${P}-input\`}
+                  style={inputFieldCss}
+                  rows={1}
+                  data-field-type="textarea"
+                />
+              ) : (
+                <input
+                  type={field.type === 'phone' ? 'tel' : field.type === 'email' ? 'email' : 'text'}
+                  name={field.name}
+                  autoComplete="off"
+                  value={displayValues[field.name] ?? ''}
+                  onChange={(e) => handleFieldChange(field.name, e.target.value)}
+                  placeholder={field.placeholder}
+                  required={field.type === 'email'}
+                  className={\`\${P}-input\`}
+                  style={inputFieldCss}
                 />
               )}
-            </React.Fragment>
+            </div>
           ))}
         </div>
-        <div
-          data-axis="y"
-          className={\`\${P}-overlay-anchor \${P}-gap-spacer\`}
-          data-controls="settings.gap"
-          style={{ height: scalingValue(gap, isEditor), width: '100%' }}
-        />
         <div className={\`\${P}-overlay-anchor\`}>
           <button
             type="submit"
@@ -6121,7 +6079,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
         type: "string",
         scope: "layout",
         title: "Label Color",
-        display: { type: "palette-color-picker" }
+        display: { type: "palette-color-picker", visible: !1 }
       },
       successColor: {
         type: "string",
@@ -6200,6 +6158,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
       inputColor: "#000000",
       inputTextColor: "#999999",
       inputBorderColor: "#cccccc",
+      placeholderColor: "#cccccc",
       buttonColor: "#666666",
       buttonTextColor: "#ffffff",
       buttonBorderColor: "#cccccc",
@@ -6213,7 +6172,13 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
       label: cr(400),
       successMessage: "Thanks for subscribing!",
       errorMessage: "Please, fill all required fields."
-    }
+    },
+    displayRules: [
+      {
+        if: { name: "type", value: "B" },
+        then: { name: "properties.labelTextColor.display.visible", value: !0 }
+      }
+    ]
   },
   panels: [
     {
@@ -6299,9 +6264,9 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
     items: [...cl],
     panelIds: ["general", "typeStyle"],
     stateItems: {
-      default: ["inputColor", "inputTextColor", "inputBorderColor", "placeholderColor", "buttonColor", "buttonTextColor", "buttonBorderColor", "labelTextColor"],
-      hover: ["inputColor", "inputBorderColor", "buttonColor", "buttonTextColor", "buttonBorderColor"],
-      focus: ["inputColor", "inputTextColor", "inputBorderColor", "buttonColor", "buttonTextColor", "buttonBorderColor"],
+      default: ["inputColor", "inputBorderColor", "placeholderColor", "placeholderTextColor", "buttonColor", "buttonTextColor", "buttonBorderColor", "labelTextColor"],
+      hover: ["inputColor", "inputBorderColor", "placeholderColor", "buttonColor", "buttonTextColor", "buttonBorderColor"],
+      focus: ["inputColor", "inputBorderColor", "placeholderColor", "buttonColor", "buttonTextColor", "buttonBorderColor"],
       filled: ["inputColor", "inputTextColor", "inputBorderColor"],
       success: ["successColor"],
       error: ["errorColor"]
@@ -6313,6 +6278,10 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
   element: ol,
   id: "form",
   name: "Form",
+  preview: {
+    type: "image",
+    url: "https://cdn.cntrl.site/component-assets/clickGalleryPreview.png"
+  },
   version: 1,
   defaultSize: {
     width: 400,
@@ -6466,18 +6435,18 @@ const fl = ({ settings: e, isEditor: t, metadata: r, activeEvent: n }) => {
     fieldsToShow: c = 1,
     fontFamily: S,
     input: m,
-    button: h,
+    button: y,
     height: u,
     corners: f,
-    stroke: x,
-    stateOverrides: E,
+    stroke: w,
+    stateOverrides: $,
     inputPadding: d,
-    buttonPadding: y,
+    buttonPadding: h,
     successMessage: W = "Thanks for subscribing!",
     errorMessage: D = "Please, fill all required fields."
-  } = e, w = a.slice(0, Math.min(c, a.length)), [v, A] = le(
-    () => Object.fromEntries(w.map((M) => [M.name, ""]))
-  ), [R, V] = le("idle"), [L, O] = le(null), F = n === "success" ? "success" : n === "error" ? "error" : R, P = n === "error" ? D : L, H = n === "filled" ? Object.fromEntries(w.map((M) => [M.name, "Filled"])) : v, g = F === "error" ? Dt(w, H) : null, k = n && n !== "default" ? `${o}-state-${n}` : "", I = r == null ? void 0 : r.apiBase, _ = r == null ? void 0 : r.projectId, b = !!(I && _), $ = i, Y = ($ == null ? void 0 : $.mode) === "Icon" || ($ == null ? void 0 : $.mode) === "Label" ? $.mode : s === "Icon" ? "Icon" : "Label", oe = $ === void 0 ? l : $.label !== void 0 ? $.label : l, re = $ === void 0 ? p : $.icon !== void 0 ? $.icon : p, me = oe ?? "", T = re ?? "", J = Y === "Icon", pe = me || "Submit", ne = m ? cn(
+  } = e, x = a.slice(0, Math.min(c, a.length)), [v, E] = le(
+    () => Object.fromEntries(x.map((R) => [R.name, ""]))
+  ), [k, V] = le("idle"), [I, O] = le(null), M = n === "success" ? "success" : n === "error" ? "error" : k, H = n === "error" ? D : I, U = n === "filled" ? Object.fromEntries(x.map((R) => [R.name, "Filled"])) : v, g = M === "error" ? Dt(x, U) : null, L = n && n !== "default" ? `${o}-state-${n}` : "", T = r == null ? void 0 : r.submitUrl, b = i, _ = (b == null ? void 0 : b.mode) === "Icon" || (b == null ? void 0 : b.mode) === "Label" ? b.mode : s === "Icon" ? "Icon" : "Label", B = b === void 0 ? l : b.label !== void 0 ? b.label : l, J = b === void 0 ? p : b.icon !== void 0 ? b.icon : p, ee = B ?? "", Q = J ?? "", fe = _ === "Icon", A = ee || "Submit", X = m ? cn(
     {
       ...m,
       fontSettings: {
@@ -6486,16 +6455,16 @@ const fl = ({ settings: e, isEditor: t, metadata: r, activeEvent: n }) => {
       }
     },
     t
-  ) : void 0, de = h ? cn(
+  ) : void 0, ce = y ? cn(
     {
-      ...h,
+      ...y,
       fontSettings: {
-        ...h.fontSettings,
-        fontFamily: S ?? h.fontSettings.fontFamily
+        ...y.fontSettings,
+        fontFamily: S ?? y.fontSettings.fontFamily
       }
     },
     t
-  ) : void 0, Ee = ml(o, {
+  ) : void 0, ie = ml(o, {
     strokeColor: e.strokeColor,
     inputColor: e.inputColor,
     placeholderColor: e.placeholderColor,
@@ -6503,71 +6472,70 @@ const fl = ({ settings: e, isEditor: t, metadata: r, activeEvent: n }) => {
     successColor: e.successColor,
     errorColor: e.errorColor,
     inputTextColor: e.inputTextColor ?? (m == null ? void 0 : m.color) ?? "#111111",
-    buttonTextColor: e.buttonTextColor ?? (h == null ? void 0 : h.color) ?? "#ffffff"
-  }, E), Ve = {
-    borderRadius: B(f, t),
-    borderWidth: B(x, t),
+    buttonTextColor: e.buttonTextColor ?? (y == null ? void 0 : y.color) ?? "#ffffff"
+  }, $), ue = {
+    borderRadius: F(f, t),
+    borderWidth: F(w, t),
     borderStyle: "solid",
     borderColor: `var(--${o}-stroke-color)`
-  }, j = { borderLeftWidth: B(x, t) }, C = async (M) => {
-    M.preventDefault();
-    const G = w.map((Z) => {
-      var q;
-      return ((q = v[Z.name]) == null ? void 0 : q.trim()) ?? "";
-    }).join("");
-    if (!b || !G) return;
-    const X = Dt(w, v);
-    if (X) {
-      V("error"), O(X);
+  }, $e = { borderLeftWidth: F(w, t) }, De = async (R) => {
+    R.preventDefault();
+    const C = Object.fromEntries(
+      x.map((P) => {
+        var q;
+        return [P.name, ((q = v[P.name]) == null ? void 0 : q.trim()) ?? ""];
+      }).filter(([, P]) => P)
+    );
+    if (!T || Object.keys(C).length === 0) return;
+    const j = Dt(x, v);
+    if (j) {
+      V("error"), O(j);
       return;
     }
     V("submitting"), O(null);
     try {
-      const Z = await fetch(`${I}/projects/${_}/forms/submit`, {
+      const P = await fetch(T, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          ...a.map((q) => ({ [q.name]: G })),
-          pageUrl: typeof window < "u" ? window.location.href : ""
-        })
+        body: JSON.stringify(C)
       });
-      if (!Z.ok) {
-        const q = await Z.text();
-        throw new Error(q || `Request failed: ${Z.status}`);
+      if (!P.ok) {
+        const q = await P.text();
+        throw new Error(q || `Request failed: ${P.status}`);
       }
-      V("success"), A({});
-    } catch (Z) {
-      V("error"), O(Z instanceof Error ? Z.message : "Something went wrong");
+      V("success"), E(Object.fromEntries(x.map((q) => [q.name, ""])));
+    } catch (P) {
+      V("error"), O(P instanceof Error ? P.message : "Something went wrong");
     }
   };
-  return /* @__PURE__ */ ye("div", { className: `${o}-wrapper ${k}`.trim(), style: Ee, children: [
+  return /* @__PURE__ */ he("div", { className: `${o}-wrapper ${L}`.trim(), style: ie, children: [
     /* @__PURE__ */ N("style", { children: dl(o) }),
-    /* @__PURE__ */ ye("form", { onSubmit: C, className: `${o}-form`, style: { ...Ve, height: B(u, t) }, children: [
+    /* @__PURE__ */ he("form", { onSubmit: De, className: `${o}-form`, style: { ...ue, height: F(u, t) }, children: [
       /* @__PURE__ */ N(
         "div",
         {
           className: `${o}-inputWrap ${o}-overlayAnchor`,
           style: { flex: 1, minWidth: 0 },
-          children: w.map((M) => /* @__PURE__ */ N(
+          children: x.map((R) => /* @__PURE__ */ N(
             "input",
             {
-              type: M.type === "email" ? "email" : M.type === "phone" ? "tel" : "text",
-              name: M.name,
+              type: R.type === "email" ? "email" : R.type === "phone" ? "tel" : "text",
+              name: R.name,
               autoComplete: "off",
-              value: H[M.name] ?? "",
-              onChange: (G) => A((X) => ({ ...X, [M.name]: G.target.value })),
-              placeholder: M.placeholder,
-              required: M.type === "email",
+              value: U[R.name] ?? "",
+              onChange: (C) => E((j) => ({ ...j, [R.name]: C.target.value })),
+              placeholder: R.placeholder,
+              required: R.type === "email",
               className: `${o}-input`,
               style: {
-                ...ne,
-                paddingRight: B(d.right, t),
-                paddingLeft: B(d.left, t),
-                paddingTop: B(d.top, t),
-                paddingBottom: B(d.bottom, t)
+                ...X,
+                paddingRight: F(d.right, t),
+                paddingLeft: F(d.left, t),
+                paddingTop: F(d.top, t),
+                paddingBottom: F(d.bottom, t)
               }
             },
-            M.name
+            R.name
           ))
         }
       ),
@@ -6576,34 +6544,34 @@ const fl = ({ settings: e, isEditor: t, metadata: r, activeEvent: n }) => {
         {
           type: "submit",
           className: `${o}-submitBtn`,
-          "aria-label": pe,
+          "aria-label": A,
           style: {
-            ...de,
-            ...j,
-            paddingRight: B(y.right, t),
-            paddingLeft: B(y.left, t),
-            paddingTop: B(y.top, t),
-            paddingBottom: B(y.bottom, t)
+            ...ce,
+            ...$e,
+            paddingRight: F(h.right, t),
+            paddingLeft: F(h.left, t),
+            paddingTop: F(h.top, t),
+            paddingBottom: F(h.bottom, t)
           },
-          children: R === "submitting" ? "..." : J ? T ? /* @__PURE__ */ N("img", { src: T, alt: "", draggable: !1 }) : null : me
+          children: k === "submitting" ? "..." : fe ? Q ? /* @__PURE__ */ N("img", { src: Q, alt: "", draggable: !1 }) : null : ee
         }
       ) })
     ] }),
-    F === "success" && /* @__PURE__ */ N(
+    M === "success" && /* @__PURE__ */ N(
       "p",
       {
         className: `${o}-success`,
-        style: { ...ne, lineHeight: ne == null ? void 0 : ne.fontSize },
+        style: { ...X, lineHeight: X == null ? void 0 : X.fontSize },
         children: W
       }
     ),
-    F === "error" && /* @__PURE__ */ N(
+    M === "error" && /* @__PURE__ */ N(
       "p",
       {
         className: `${o}-error`,
-        style: { ...ne, lineHeight: ne == null ? void 0 : ne.fontSize },
+        style: { ...X, lineHeight: X == null ? void 0 : X.fontSize },
         role: "alert",
-        children: g ?? P ?? D
+        children: g ?? H ?? D
       }
     )
   ] });
@@ -6637,12 +6605,12 @@ function cn(e, t) {
     fontFamily: e.fontSettings.fontFamily,
     fontWeight: e.fontSettings.fontWeight,
     fontStyle: e.fontSettings.fontStyle,
-    letterSpacing: B(e.letterSpacing, t),
-    wordSpacing: B(e.wordSpacing, t),
-    fontSize: B(e.fontSize, t)
+    letterSpacing: F(e.letterSpacing, t),
+    wordSpacing: F(e.wordSpacing, t),
+    fontSize: F(e.fontSize, t)
   };
 }
-const hl = [
+const yl = [
   { name: "email", type: "email", placeholder: "Enter your email", label: "Email", isRequired: !0, error: "Please, enter a valid e-mail." },
   { name: "name", type: "text", placeholder: "Enter your name", label: "Name", isRequired: !1, error: "Please, enter your name." },
   { name: "company", type: "text", placeholder: "Enter company", label: "Company", isRequired: !1, error: "Please, enter your company name." },
@@ -6677,7 +6645,7 @@ const hl = [
     title: "Text Color",
     display: { type: "palette-color-picker" }
   }
-}, yl = [
+}, vl = [
   "strokeColor",
   "inputColor",
   "inputTextColor",
@@ -6696,7 +6664,7 @@ const hl = [
   fontSize: 0.01,
   lineHeight: 0.01,
   color: "#111111"
-}), vl = {
+}), hl = {
   type: "object",
   version: 1,
   settings: {
@@ -6869,7 +6837,7 @@ const hl = [
       }
     },
     defaults: {
-      fields: hl,
+      fields: yl,
       fieldsToShow: 1,
       buttonContent: {
         mode: "Label",
@@ -6961,7 +6929,7 @@ const hl = [
     }
   ],
   paletteBookmark: {
-    items: [...yl],
+    items: [...vl],
     panelIds: ["general", "typeStyle"],
     stateItems: {
       default: ["strokeColor", "inputColor", "inputTextColor", "placeholderColor", "buttonColor", "buttonTextColor"],
@@ -6982,7 +6950,7 @@ const hl = [
     width: "50%",
     height: 60
   },
-  schema: vl
+  schema: hl
 }, El = [
   la,
   ga,