@cntrl-site/components 1.0.12-alpha.3 → 1.0.12-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +26 -114
  2. package/dist/index.mjs +250 -340
  3. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as u, Fragment as st, jsxs as ue } from "react/jsx-runtime";
2
- import Kt, { useState as le, useEffect as Te, useRef as ve, useCallback as pt, useMemo as Fe, useLayoutEffect as it } from "react";
2
+ import Kt, { useState as le, useEffect as Te, useRef as ve, useCallback as pt, useMemo as ke, useLayoutEffect as it } from "react";
3
3
  import we from "classnames";
4
4
  import { s as _, u as Yt, b as lr, g as tr, r as ri } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
5
5
  import { createPortal as oi } from "react-dom";
6
6
  function iu(e) {
7
7
  return e.type === "object" && e.version === 1;
8
8
  }
9
- const na = "ControlSlider-module__wrapper___sHEkd", ra = "ControlSlider-module__hoverArrow___A-dOH", oa = "ControlSlider-module__sliderItem___QQSkR", ia = "ControlSlider-module__sliderImage___9hRl-", aa = "ControlSlider-module__arrow___05ghY", sa = "ControlSlider-module__arrowVertical___tBfVN", la = "ControlSlider-module__nextArrow___-30Yc", ca = "ControlSlider-module__arrowInner___aEra3", da = "ControlSlider-module__arrowIcon___S4ztF", ua = "ControlSlider-module__arrowImg___2dwJW", pa = "ControlSlider-module__mirror___brd6U", ma = "ControlSlider-module__pagination___bicLF", ga = "ControlSlider-module__paginationInner___bT-P-", ha = "ControlSlider-module__paginationVertical___zYqKw", fa = "ControlSlider-module__paginationItem___nTRbk", ya = "ControlSlider-module__dot___p1Qun", va = "ControlSlider-module__activeDot___LHFaj", ba = "ControlSlider-module__paginationInsideBottom___R3FWn", xa = "ControlSlider-module__paginationInsideTop___V-qb-", Ca = "ControlSlider-module__paginationOutsideBottom___14w8D", Sa = "ControlSlider-module__paginationOutsideTop___SCLqB", wa = "ControlSlider-module__paginationInsideLeft___yOBRZ", $a = "ControlSlider-module__paginationInsideRight___Rtt3o", Ta = "ControlSlider-module__paginationOutsideLeft___lahaw", La = "ControlSlider-module__paginationOutsideRight___EtuQa", Ea = "ControlSlider-module__imgWrapper___UjEgB", _a = "ControlSlider-module__captionBlock___dJ6-j", Pa = "ControlSlider-module__captionTextWrapper___HFlpf", Aa = "ControlSlider-module__captionText___uGBVc", Ia = "ControlSlider-module__active___WZK4G", Wa = "ControlSlider-module__withPointerEvents___t-18M", Ra = "ControlSlider-module__topLeftAlignment___zjnGM", Fa = "ControlSlider-module__topCenterAlignment___gD1xW", ka = "ControlSlider-module__topRightAlignment___NMapS", Ma = "ControlSlider-module__middleLeftAlignment___OnUrY", Na = "ControlSlider-module__middleCenterAlignment___Tdkl0", Ha = "ControlSlider-module__middleRightAlignment___wEbfX", Oa = "ControlSlider-module__bottomLeftAlignment___cTP2-", Ba = "ControlSlider-module__bottomCenterAlignment___c54fB", Da = "ControlSlider-module__bottomRightAlignment___kEwrz", za = "ControlSlider-module__clickOverlay___DZA28", Va = "ControlSlider-module__contain___pLyq7", Ka = "ControlSlider-module__cover___KdDat", ie = {
9
+ const na = "ControlSlider-module__wrapper___sHEkd", ra = "ControlSlider-module__hoverArrow___A-dOH", oa = "ControlSlider-module__sliderItem___QQSkR", ia = "ControlSlider-module__sliderImage___9hRl-", aa = "ControlSlider-module__arrow___05ghY", sa = "ControlSlider-module__arrowVertical___tBfVN", la = "ControlSlider-module__nextArrow___-30Yc", ca = "ControlSlider-module__arrowInner___aEra3", da = "ControlSlider-module__arrowIcon___S4ztF", ua = "ControlSlider-module__arrowImg___2dwJW", pa = "ControlSlider-module__mirror___brd6U", ma = "ControlSlider-module__pagination___bicLF", ga = "ControlSlider-module__paginationInner___bT-P-", ha = "ControlSlider-module__paginationVertical___zYqKw", fa = "ControlSlider-module__paginationItem___nTRbk", ya = "ControlSlider-module__dot___p1Qun", va = "ControlSlider-module__activeDot___LHFaj", ba = "ControlSlider-module__paginationInsideBottom___R3FWn", xa = "ControlSlider-module__paginationInsideTop___V-qb-", Ca = "ControlSlider-module__paginationOutsideBottom___14w8D", Sa = "ControlSlider-module__paginationOutsideTop___SCLqB", wa = "ControlSlider-module__paginationInsideLeft___yOBRZ", $a = "ControlSlider-module__paginationInsideRight___Rtt3o", Ta = "ControlSlider-module__paginationOutsideLeft___lahaw", La = "ControlSlider-module__paginationOutsideRight___EtuQa", Ea = "ControlSlider-module__imgWrapper___UjEgB", _a = "ControlSlider-module__captionBlock___dJ6-j", Pa = "ControlSlider-module__captionTextWrapper___HFlpf", Aa = "ControlSlider-module__captionText___uGBVc", Ia = "ControlSlider-module__active___WZK4G", Wa = "ControlSlider-module__withPointerEvents___t-18M", Ra = "ControlSlider-module__topLeftAlignment___zjnGM", ka = "ControlSlider-module__topCenterAlignment___gD1xW", Fa = "ControlSlider-module__topRightAlignment___NMapS", Ma = "ControlSlider-module__middleLeftAlignment___OnUrY", Na = "ControlSlider-module__middleCenterAlignment___Tdkl0", Ha = "ControlSlider-module__middleRightAlignment___wEbfX", Oa = "ControlSlider-module__bottomLeftAlignment___cTP2-", Ba = "ControlSlider-module__bottomCenterAlignment___c54fB", Da = "ControlSlider-module__bottomRightAlignment___kEwrz", za = "ControlSlider-module__clickOverlay___DZA28", Va = "ControlSlider-module__contain___pLyq7", Ka = "ControlSlider-module__cover___KdDat", ie = {
10
10
  wrapper: na,
11
11
  hoverArrow: ra,
12
12
  sliderItem: oa,
@@ -39,8 +39,8 @@ const na = "ControlSlider-module__wrapper___sHEkd", ra = "ControlSlider-module__
39
39
  active: Ia,
40
40
  withPointerEvents: Wa,
41
41
  topLeftAlignment: Ra,
42
- topCenterAlignment: Fa,
43
- topRightAlignment: ka,
42
+ topCenterAlignment: ka,
43
+ topRightAlignment: Fa,
44
44
  middleLeftAlignment: Ma,
45
45
  middleCenterAlignment: Na,
46
46
  middleRightAlignment: Ha,
@@ -89,7 +89,7 @@ function cr(e, t) {
89
89
  function xn(e) {
90
90
  return !Kr(e) && cr("object", e);
91
91
  }
92
- var Vr = Array.isArray, ai = Ie(cr, "function"), Ft = Ie(cr, "string"), In = Ie(cr, "undefined");
92
+ var Vr = Array.isArray, ai = Ie(cr, "function"), kt = Ie(cr, "string"), In = Ie(cr, "undefined");
93
93
  function Kr(e) {
94
94
  return e === null;
95
95
  }
@@ -118,7 +118,7 @@ function Ct(e, t, n) {
118
118
  });
119
119
  }
120
120
  function yt(e, t) {
121
- Ct(e, Ft(t) ? t.split(" ") : t, !0);
121
+ Ct(e, kt(t) ? t.split(" ") : t, !0);
122
122
  }
123
123
  function Rn(e, t) {
124
124
  ct(t, e.appendChild.bind(e));
@@ -138,7 +138,7 @@ function li(e, t) {
138
138
  return Cn(r, t);
139
139
  }) : n;
140
140
  }
141
- function Fn(e, t) {
141
+ function kn(e, t) {
142
142
  return t ? li(e, t)[0] : e.firstElementChild;
143
143
  }
144
144
  var Sn = Object.keys;
@@ -182,7 +182,7 @@ function ye(e, t, n) {
182
182
  }
183
183
  function tn(e, t, n) {
184
184
  var r = document.createElement(e);
185
- return t && (Ft(t) ? yt(r, t) : ye(r, t)), n && Rn(n, r), r;
185
+ return t && (kt(t) ? yt(r, t) : ye(r, t)), n && Rn(n, r), r;
186
186
  }
187
187
  function ut(e, t, n) {
188
188
  if (In(n))
@@ -212,7 +212,7 @@ function Ut(e) {
212
212
  });
213
213
  }
214
214
  function di(e) {
215
- return Fn(new DOMParser().parseFromString(e, "text/html").body);
215
+ return kn(new DOMParser().parseFromString(e, "text/html").body);
216
216
  }
217
217
  function xt(e, t) {
218
218
  e.preventDefault(), t && (e.stopPropagation(), e.stopImmediatePropagation());
@@ -226,30 +226,30 @@ function qr(e, t) {
226
226
  function St(e, t) {
227
227
  Ct(e, t, !1);
228
228
  }
229
- function Fr(e) {
229
+ function kr(e) {
230
230
  return e.timeStamp;
231
231
  }
232
232
  function Dt(e) {
233
- return Ft(e) ? e : e ? e + "px" : "";
233
+ return kt(e) ? e : e ? e + "px" : "";
234
234
  }
235
- var kn = "splide", Gr = "data-" + kn;
235
+ var Fn = "splide", Gr = "data-" + Fn;
236
236
  function vn(e, t) {
237
237
  if (!e)
238
- throw new Error("[" + kn + "] " + (t || ""));
238
+ throw new Error("[" + Fn + "] " + (t || ""));
239
239
  }
240
- var kt = Math.min, rr = Math.max, or = Math.floor, Tn = Math.ceil, Ze = Math.abs;
240
+ var Ft = Math.min, rr = Math.max, or = Math.floor, Tn = Math.ceil, Ze = Math.abs;
241
241
  function pi(e, t, n) {
242
242
  return Ze(e - t) < n;
243
243
  }
244
244
  function Xn(e, t, n, r) {
245
- var o = kt(t, n), s = rr(t, n);
245
+ var o = Ft(t, n), s = rr(t, n);
246
246
  return r ? o < e && e < s : o <= e && e <= s;
247
247
  }
248
248
  function Jt(e, t, n) {
249
- var r = kt(t, n), o = rr(t, n);
250
- return kt(rr(r, e), o);
249
+ var r = Ft(t, n), o = rr(t, n);
250
+ return Ft(rr(r, e), o);
251
251
  }
252
- function kr(e) {
252
+ function Fr(e) {
253
253
  return +(e > 0) - +(e < 0);
254
254
  }
255
255
  function Mr(e, t) {
@@ -330,7 +330,7 @@ function pr(e, t, n, r) {
330
330
  var o = Date.now, s, i = 0, a, l = !0, d = 0;
331
331
  function c() {
332
332
  if (!l) {
333
- if (i = e ? kt((o() - s) / e, 1) : 1, n && n(i), i >= 1 && (t(), s = o(), r && ++d >= r))
333
+ if (i = e ? Ft((o() - s) / e, 1) : 1, n && n(i), i >= 1 && (t(), s = o(), r && ++d >= r))
334
334
  return g();
335
335
  a = wo(c);
336
336
  }
@@ -444,15 +444,15 @@ function es(e, t, n) {
444
444
  orient: o
445
445
  };
446
446
  }
447
- var wt = "role", nn = "tabindex", ts = "disabled", gt = "aria-", Mn = gt + "controls", Ai = gt + "current", _o = gt + "selected", at = gt + "label", no = gt + "labelledby", Ii = gt + "hidden", ro = gt + "orientation", Ln = gt + "roledescription", Po = gt + "live", Ao = gt + "busy", Io = gt + "atomic", oo = [wt, nn, ts, Mn, Ai, at, no, Ii, ro, Ln], bt = kn + "__", Ot = "is-", $r = kn, Wo = bt + "track", ns = bt + "list", yr = bt + "slide", Wi = yr + "--clone", rs = yr + "__container", io = bt + "arrows", vr = bt + "arrow", Ri = vr + "--prev", Fi = vr + "--next", br = bt + "pagination", ki = br + "__page", os = bt + "progress", is = os + "__bar", as = bt + "toggle", ss = bt + "spinner", ls = bt + "sr", cs = Ot + "initialized", qt = Ot + "active", Mi = Ot + "prev", Ni = Ot + "next", Hr = Ot + "visible", Or = Ot + "loading", Hi = Ot + "focus-in", Oi = Ot + "overflow", ds = [qt, Hr, Mi, Ni, Or, Hi, Oi], us = {
447
+ var wt = "role", nn = "tabindex", ts = "disabled", gt = "aria-", Mn = gt + "controls", Ai = gt + "current", _o = gt + "selected", at = gt + "label", no = gt + "labelledby", Ii = gt + "hidden", ro = gt + "orientation", Ln = gt + "roledescription", Po = gt + "live", Ao = gt + "busy", Io = gt + "atomic", oo = [wt, nn, ts, Mn, Ai, at, no, Ii, ro, Ln], bt = Fn + "__", Ot = "is-", $r = Fn, Wo = bt + "track", ns = bt + "list", yr = bt + "slide", Wi = yr + "--clone", rs = yr + "__container", io = bt + "arrows", vr = bt + "arrow", Ri = vr + "--prev", ki = vr + "--next", br = bt + "pagination", Fi = br + "__page", os = bt + "progress", is = os + "__bar", as = bt + "toggle", ss = bt + "spinner", ls = bt + "sr", cs = Ot + "initialized", qt = Ot + "active", Mi = Ot + "prev", Ni = Ot + "next", Hr = Ot + "visible", Or = Ot + "loading", Hi = Ot + "focus-in", Oi = Ot + "overflow", ds = [qt, Hr, Mi, Ni, Or, Hi, Oi], us = {
448
448
  slide: yr,
449
449
  clone: Wi,
450
450
  arrows: io,
451
451
  arrow: vr,
452
452
  prev: Ri,
453
- next: Fi,
453
+ next: ki,
454
454
  pagination: br,
455
- page: ki,
455
+ page: Fi,
456
456
  spinner: ss
457
457
  };
458
458
  function ps(e, t) {
@@ -485,11 +485,11 @@ function gs(e, t, n) {
485
485
  St(i, c), St(g, w), c = T($r), w = T(Wo), yt(i, c), yt(g, w), ye(i, at, n.label), ye(i, no, n.labelledby);
486
486
  }
487
487
  function E() {
488
- g = L("." + Wo), h = Fn(g, "." + ns), vn(g && h, "A track/list element is missing."), Yn(d, li(h, "." + yr + ":not(." + Wi + ")")), jt({
488
+ g = L("." + Wo), h = kn(g, "." + ns), vn(g && h, "A track/list element is missing."), Yn(d, li(h, "." + yr + ":not(." + Wi + ")")), jt({
489
489
  arrows: io,
490
490
  pagination: br,
491
491
  prev: Ri,
492
- next: Fi,
492
+ next: ki,
493
493
  bar: is,
494
494
  toggle: as
495
495
  }, function(y, C) {
@@ -502,7 +502,7 @@ function gs(e, t, n) {
502
502
  });
503
503
  }
504
504
  function $() {
505
- var y = i.id || Ya(kn), C = n.role;
505
+ var y = i.id || Ya(Fn), C = n.role;
506
506
  i.id = y, g.id = g.id || y + "-track", h.id = h.id || y + "-list", !mt(i, wt) && i.tagName !== "SECTION" && C && ye(i, wt, C), ye(i, Ln, a.carousel), ye(h, wt, "presentation");
507
507
  }
508
508
  function L(y) {
@@ -520,61 +520,61 @@ function gs(e, t, n) {
520
520
  }
521
521
  var an = "slide", pn = "loop", Nn = "fade";
522
522
  function hs(e, t, n, r) {
523
- var o = Ne(e), s = o.on, i = o.emit, a = o.bind, l = e.Components, d = e.root, c = e.options, w = c.isNavigation, g = c.updateOnMove, h = c.i18n, p = c.pagination, m = c.slideFocus, x = l.Direction.resolve, f = mt(r, "style"), b = mt(r, at), E = n > -1, $ = Fn(r, "." + rs), L;
523
+ var o = Ne(e), s = o.on, i = o.emit, a = o.bind, l = e.Components, d = e.root, c = e.options, w = c.isNavigation, g = c.updateOnMove, h = c.i18n, p = c.pagination, m = c.slideFocus, x = l.Direction.resolve, f = mt(r, "style"), b = mt(r, at), E = n > -1, $ = kn(r, "." + rs), L;
524
524
  function T() {
525
525
  E || (r.id = d.id + "-slide" + Yr(t + 1), ye(r, wt, p ? "tabpanel" : "group"), ye(r, Ln, h.slide), ye(r, at, b || Mr(h.slideLabel, [t + 1, e.length]))), y();
526
526
  }
527
527
  function y() {
528
- a(r, "click", Ie(i, Xr, F)), a(r, "keydown", Ie(i, Li, F)), s([un, Ei, Xt], P), s(Jr, R), g && s(Et, B);
528
+ a(r, "click", Ie(i, Xr, k)), a(r, "keydown", Ie(i, Li, k)), s([un, Ei, Xt], P), s(Jr, R), g && s(Et, B);
529
529
  }
530
530
  function C() {
531
531
  L = !0, o.destroy(), St(r, ds), vt(r, oo), ye(r, "style", f), ye(r, at, b || "");
532
532
  }
533
533
  function R() {
534
- var k = e.splides.map(function(A) {
534
+ var F = e.splides.map(function(A) {
535
535
  var O = A.splide.Components.Slides.getAt(t);
536
536
  return O ? O.slide.id : "";
537
537
  }).join(" ");
538
- ye(r, at, Mr(h.slideX, (E ? n : t) + 1)), ye(r, Mn, k), ye(r, wt, m ? "button" : ""), m && vt(r, Ln);
538
+ ye(r, at, Mr(h.slideX, (E ? n : t) + 1)), ye(r, Mn, F), ye(r, wt, m ? "button" : ""), m && vt(r, Ln);
539
539
  }
540
540
  function B() {
541
541
  L || P();
542
542
  }
543
543
  function P() {
544
544
  if (!L) {
545
- var k = e.index;
546
- H(), D(), Ct(r, Mi, t === k - 1), Ct(r, Ni, t === k + 1);
545
+ var F = e.index;
546
+ H(), D(), Ct(r, Mi, t === F - 1), Ct(r, Ni, t === F + 1);
547
547
  }
548
548
  }
549
549
  function H() {
550
- var k = j();
551
- k !== To(r, qt) && (Ct(r, qt, k), ye(r, Ai, w && k || ""), i(k ? gi : hi, F));
550
+ var F = j();
551
+ F !== To(r, qt) && (Ct(r, qt, F), ye(r, Ai, w && F || ""), i(F ? gi : hi, k));
552
552
  }
553
553
  function D() {
554
- var k = S(), A = !k && (!j() || E);
555
- if (e.state.is([dn, An]) || ye(r, Ii, A || ""), ye(qr(r, c.focusableNodes || ""), nn, A ? -1 : ""), m && ye(r, nn, A ? -1 : 0), k !== To(r, Hr) && (Ct(r, Hr, k), i(k ? fi : yi, F)), !k && document.activeElement === r) {
554
+ var F = S(), A = !F && (!j() || E);
555
+ if (e.state.is([dn, An]) || ye(r, Ii, A || ""), ye(qr(r, c.focusableNodes || ""), nn, A ? -1 : ""), m && ye(r, nn, A ? -1 : 0), F !== To(r, Hr) && (Ct(r, Hr, F), i(F ? fi : yi, k)), !F && document.activeElement === r) {
556
556
  var O = l.Slides.getAt(e.index);
557
557
  O && ci(O.slide);
558
558
  }
559
559
  }
560
- function V(k, A, O) {
561
- ut(O && $ || r, k, A);
560
+ function V(F, A, O) {
561
+ ut(O && $ || r, F, A);
562
562
  }
563
563
  function j() {
564
- var k = e.index;
565
- return k === t || c.cloneStatus && k === n;
564
+ var F = e.index;
565
+ return F === t || c.cloneStatus && F === n;
566
566
  }
567
567
  function S() {
568
568
  if (e.is(Nn))
569
569
  return j();
570
- var k = ot(l.Elements.track), A = ot(r), O = x("left", !0), ee = x("right", !0);
571
- return or(k[O]) <= Tn(A[O]) && or(A[ee]) <= Tn(k[ee]);
570
+ var F = ot(l.Elements.track), A = ot(r), O = x("left", !0), ee = x("right", !0);
571
+ return or(F[O]) <= Tn(A[O]) && or(A[ee]) <= Tn(F[ee]);
572
572
  }
573
- function M(k, A) {
574
- var O = Ze(k - t);
575
- return !E && (c.rewind || e.is(pn)) && (O = kt(O, e.length - O)), O <= A;
573
+ function M(F, A) {
574
+ var O = Ze(F - t);
575
+ return !E && (c.rewind || e.is(pn)) && (O = Ft(O, e.length - O)), O <= A;
576
576
  }
577
- var F = {
577
+ var k = {
578
578
  index: t,
579
579
  slideIndex: n,
580
580
  slide: r,
@@ -586,7 +586,7 @@ function hs(e, t, n, r) {
586
586
  style: V,
587
587
  isWithin: M
588
588
  };
589
- return F;
589
+ return k;
590
590
  }
591
591
  function fs(e, t, n) {
592
592
  var r = Ne(e), o = r.on, s = r.emit, i = r.bind, a = t.Elements, l = a.slides, d = a.list, c = [];
@@ -630,7 +630,7 @@ function fs(e, t, n) {
630
630
  }
631
631
  function E(P, H) {
632
632
  ct(P, function(D) {
633
- if (Ft(D) && (D = di(D)), si(D)) {
633
+ if (kt(D) && (D = di(D)), si(D)) {
634
634
  var V = l[H];
635
635
  V ? Ur(D, V) : Rn(d, D), yt(D, n.classes.slide), C(D, Ie(s, on));
636
636
  }
@@ -646,7 +646,7 @@ function fs(e, t, n) {
646
646
  }
647
647
  function T(P) {
648
648
  return c.filter(ai(P) ? P : function(H) {
649
- return Ft(P) ? Cn(H.slide, P) : jr(Wn(P), H.index);
649
+ return kt(P) ? Cn(H.slide, P) : jr(Wn(P), H.index);
650
650
  });
651
651
  }
652
652
  function y(P, H, D) {
@@ -693,17 +693,17 @@ function ys(e, t, n) {
693
693
  function E() {
694
694
  m = n.direction === fr, ut(c, "maxWidth", Dt(n.width)), ut(w, l("paddingLeft"), L(!1)), ut(w, l("paddingRight"), L(!0)), $(!0);
695
695
  }
696
- function $(F) {
697
- var k = ot(c);
698
- (F || x.width !== k.width || x.height !== k.height) && (ut(w, "height", T()), p(l("marginRight"), Dt(n.gap)), p("width", C()), p("height", R(), !0), x = k, i(dr), f !== (f = M()) && (Ct(c, Oi, f), i(Xa, f)));
696
+ function $(k) {
697
+ var F = ot(c);
698
+ (k || x.width !== F.width || x.height !== F.height) && (ut(w, "height", T()), p(l("marginRight"), Dt(n.gap)), p("width", C()), p("height", R(), !0), x = F, i(dr), f !== (f = M()) && (Ct(c, Oi, f), i(Xa, f)));
699
699
  }
700
- function L(F) {
701
- var k = n.padding, A = l(F ? "right" : "left");
702
- return k && Dt(k[A] || (xn(k) ? 0 : k)) || "0px";
700
+ function L(k) {
701
+ var F = n.padding, A = l(k ? "right" : "left");
702
+ return F && Dt(F[A] || (xn(F) ? 0 : F)) || "0px";
703
703
  }
704
704
  function T() {
705
- var F = "";
706
- return m && (F = y(), vn(F, "height or heightRatio is missing."), F = "calc(" + F + " - " + L(!1) + " - " + L(!0) + ")"), F;
705
+ var k = "";
706
+ return m && (k = y(), vn(k, "height or heightRatio is missing."), k = "calc(" + k + " - " + L(!1) + " - " + L(!0) + ")"), k;
707
707
  }
708
708
  function y() {
709
709
  return Dt(n.height || ot(g).width * n.heightRatio);
@@ -715,33 +715,33 @@ function ys(e, t, n) {
715
715
  return Dt(n.fixedHeight) || (m ? n.autoHeight ? null : B() : y());
716
716
  }
717
717
  function B() {
718
- var F = Dt(n.gap);
719
- return "calc((100%" + (F && " + " + F) + ")/" + (n.perPage || 1) + (F && " - " + F) + ")";
718
+ var k = Dt(n.gap);
719
+ return "calc((100%" + (k && " + " + k) + ")/" + (n.perPage || 1) + (k && " - " + k) + ")";
720
720
  }
721
721
  function P() {
722
722
  return ot(g)[l("width")];
723
723
  }
724
- function H(F, k) {
725
- var A = h(F || 0);
726
- return A ? ot(A.slide)[l("width")] + (k ? 0 : j()) : 0;
724
+ function H(k, F) {
725
+ var A = h(k || 0);
726
+ return A ? ot(A.slide)[l("width")] + (F ? 0 : j()) : 0;
727
727
  }
728
- function D(F, k) {
729
- var A = h(F);
728
+ function D(k, F) {
729
+ var A = h(k);
730
730
  if (A) {
731
731
  var O = ot(A.slide)[l("right")], ee = ot(g)[l("left")];
732
- return Ze(O - ee) + (k ? 0 : j());
732
+ return Ze(O - ee) + (F ? 0 : j());
733
733
  }
734
734
  return 0;
735
735
  }
736
- function V(F) {
737
- return D(e.length - 1) - D(0) + H(0, F);
736
+ function V(k) {
737
+ return D(e.length - 1) - D(0) + H(0, k);
738
738
  }
739
739
  function j() {
740
- var F = h(0);
741
- return F && parseFloat(ut(F.slide, l("marginRight"))) || 0;
740
+ var k = h(0);
741
+ return k && parseFloat(ut(k.slide, l("marginRight"))) || 0;
742
742
  }
743
- function S(F) {
744
- return parseFloat(ut(w, l("padding" + (F ? "Right" : "Left")))) || 0;
743
+ function S(k) {
744
+ return parseFloat(ut(w, l("padding" + (k ? "Right" : "Left")))) || 0;
745
745
  }
746
746
  function M() {
747
747
  return e.is(Nn) || V(!0) > P();
@@ -812,7 +812,7 @@ function xs(e, t, n) {
812
812
  t.Controller.isBusy() || (t.Scroll.cancel(), y(e.index), t.Slides.update());
813
813
  }
814
814
  function T(A, O, ee, pe) {
815
- A !== O && F(A > ee) && (P(), C(B(V(), A > ee), !0)), i(dn), s(Et, O, ee, A), E.start(O, function() {
815
+ A !== O && k(A > ee) && (P(), C(B(V(), A > ee), !0)), i(dn), s(Et, O, ee, A), E.start(O, function() {
816
816
  i(rn), s(un, O, ee, A), pe && pe();
817
817
  });
818
818
  }
@@ -867,11 +867,11 @@ function xs(e, t, n) {
867
867
  function M(A) {
868
868
  return D(A ? t.Controller.getEnd() : 0, !!n.trimSpace);
869
869
  }
870
- function F(A) {
870
+ function k(A) {
871
871
  var O = m(B(V(), A));
872
872
  return A ? O >= 0 : O <= f[p("scrollWidth")] - ot(b)[p("width")];
873
873
  }
874
- function k(A, O) {
874
+ function F(A, O) {
875
875
  O = In(O) ? V() : O;
876
876
  var ee = A !== !0 && m(O) < m(M(!1)), pe = A !== !1 && m(O) > m(M(!0));
877
877
  return ee || pe;
@@ -887,7 +887,7 @@ function xs(e, t, n) {
887
887
  toPosition: D,
888
888
  getPosition: V,
889
889
  getLimit: M,
890
- exceededLimit: k,
890
+ exceededLimit: F,
891
891
  reposition: L
892
892
  };
893
893
  }
@@ -897,12 +897,12 @@ function Cs(e, t, n) {
897
897
  R(), o([Ge, He, ir], R), o(dr, B);
898
898
  }
899
899
  function R() {
900
- L = g(!0), T = n.perMove, y = n.perPage, E = F();
900
+ L = g(!0), T = n.perMove, y = n.perPage, E = k();
901
901
  var N = Jt(b, 0, h ? E : L - 1);
902
902
  N !== b && (b = N, i.reposition());
903
903
  }
904
904
  function B() {
905
- E !== F() && s(ir);
905
+ E !== k() && s(ir);
906
906
  }
907
907
  function P(N, J, q) {
908
908
  if (!ge()) {
@@ -913,14 +913,14 @@ function Cs(e, t, n) {
913
913
  function H(N, J, q, G) {
914
914
  t.Scroll.scroll(N, J, q, function() {
915
915
  var re = M(i.toIndex(a()));
916
- ee(h ? kt(re, E) : re), G && G();
916
+ ee(h ? Ft(re, E) : re), G && G();
917
917
  });
918
918
  }
919
919
  function D(N) {
920
920
  var J = b;
921
- if (Ft(N)) {
921
+ if (kt(N)) {
922
922
  var q = N.match(/([+\-<>])(\d+)?/) || [], G = q[1], re = q[2];
923
- G === "+" || G === "-" ? J = j(b + +("" + G + (+re || 1)), b) : G === ">" ? J = re ? k(+re) : x(!0) : G === "<" && (J = f(!0));
923
+ G === "+" || G === "-" ? J = j(b + +("" + G + (+re || 1)), b) : G === ">" ? J = re ? F(+re) : x(!0) : G === "<" && (J = f(!0));
924
924
  } else
925
925
  J = p ? N : Jt(N, 0, E);
926
926
  return J;
@@ -932,7 +932,7 @@ function Cs(e, t, n) {
932
932
  function j(N, J, q) {
933
933
  if (w() || oe()) {
934
934
  var G = S(N);
935
- G !== N && (J = N, N = G, q = !1), N < 0 || N > E ? !T && (Xn(0, N, J, !0) || Xn(E, J, N, !0)) ? N = k(A(N)) : p ? N = q ? N < 0 ? -(L % y || y) : L : N : n.rewind ? N = N < 0 ? E : 0 : N = -1 : q && N !== J && (N = k(A(J) + (N < J ? -1 : 1)));
935
+ G !== N && (J = N, N = G, q = !1), N < 0 || N > E ? !T && (Xn(0, N, J, !0) || Xn(E, J, N, !0)) ? N = F(A(N)) : p ? N = q ? N < 0 ? -(L % y || y) : L : N : n.rewind ? N = N < 0 ? E : 0 : N = -1 : q && N !== J && (N = F(A(J) + (N < J ? -1 : 1)));
936
936
  } else
937
937
  N = -1;
938
938
  return N;
@@ -946,7 +946,7 @@ function Cs(e, t, n) {
946
946
  function M(N) {
947
947
  return p ? (N + L) % L || 0 : N;
948
948
  }
949
- function F() {
949
+ function k() {
950
950
  for (var N = L - (oe() || p && T ? 1 : y); h && N-- > 0; )
951
951
  if (d(L - 1, !0) !== d(N, !0)) {
952
952
  N++;
@@ -954,11 +954,11 @@ function Cs(e, t, n) {
954
954
  }
955
955
  return Jt(N, 0, L - 1);
956
956
  }
957
- function k(N) {
957
+ function F(N) {
958
958
  return Jt(oe() ? N : y * N, 0, E);
959
959
  }
960
960
  function A(N) {
961
- return oe() ? kt(N, E) : or((N >= E ? L - 1 : N) / y);
961
+ return oe() ? Ft(N, E) : or((N >= E ? L - 1 : N) / y);
962
962
  }
963
963
  function O(N) {
964
964
  var J = i.toIndex(N);
@@ -983,10 +983,10 @@ function Cs(e, t, n) {
983
983
  getNext: x,
984
984
  getPrev: f,
985
985
  getAdjacent: V,
986
- getEnd: F,
986
+ getEnd: k,
987
987
  setIndex: ee,
988
988
  getIndex: pe,
989
- toIndex: k,
989
+ toIndex: F,
990
990
  toPage: A,
991
991
  toDest: O,
992
992
  hasFocus: oe,
@@ -1088,7 +1088,7 @@ function Es(e, t, n) {
1088
1088
  }
1089
1089
  function i(l) {
1090
1090
  t.Slides.forEach(function(d) {
1091
- var c = Fn(d.container || d.slide, "img");
1091
+ var c = kn(d.container || d.slide, "img");
1092
1092
  c && c.src && a(l, c, d);
1093
1093
  });
1094
1094
  }
@@ -1109,7 +1109,7 @@ function Rs(e, t, n) {
1109
1109
  function f(y, C, R, B, P) {
1110
1110
  var H = l();
1111
1111
  if ($(), R && (!g || !c())) {
1112
- var D = t.Layout.sliderSize(), V = kr(y) * D * or(Ze(y) / D) || 0;
1112
+ var D = t.Layout.sliderSize(), V = Fr(y) * D * or(Ze(y) / D) || 0;
1113
1113
  y = a.toPosition(t.Controller.toDest(y % D)) + V;
1114
1114
  }
1115
1115
  var j = pi(H, y, 1);
@@ -1143,7 +1143,7 @@ var Qt = {
1143
1143
  passive: !1,
1144
1144
  capture: !0
1145
1145
  };
1146
- function Fs(e, t, n) {
1146
+ function ks(e, t, n) {
1147
1147
  var r = Ne(e), o = r.on, s = r.emit, i = r.bind, a = r.unbind, l = e.state, d = t.Move, c = t.Scroll, w = t.Controller, g = t.Elements.track, h = t.Media.reduce, p = t.Direction, m = p.resolve, x = p.orient, f = d.getPosition, b = d.exceededLimit, E, $, L, T, y, C = !1, R, B, P;
1148
1148
  function H() {
1149
1149
  i(g, Tr, Rr, Qt), i(g, Lr, Rr, Qt), i(g, Bi, V, Qt), i(g, "click", M, {
@@ -1157,7 +1157,7 @@ function Fs(e, t, n) {
1157
1157
  function V(I) {
1158
1158
  if (R = !1, !B) {
1159
1159
  var v = re(I);
1160
- G(I.target) && (v || !I.button) && (w.isBusy() ? xt(I, !0) : (P = v ? g : window, y = l.is([dn, An]), L = null, i(P, Tr, j, Qt), i(P, Lr, S, Qt), d.cancel(), c.cancel(), F(I)));
1160
+ G(I.target) && (v || !I.button) && (w.isBusy() ? xt(I, !0) : (P = v ? g : window, y = l.is([dn, An]), L = null, i(P, Tr, j, Qt), i(P, Lr, S, Qt), d.cancel(), c.cancel(), k(I)));
1161
1161
  }
1162
1162
  }
1163
1163
  function j(I) {
@@ -1165,21 +1165,21 @@ function Fs(e, t, n) {
1165
1165
  if (y) {
1166
1166
  d.translate(E + q(oe(I)));
1167
1167
  var v = ge(I) > Ro, z = C !== (C = b());
1168
- (v || z) && F(I), R = !0, s(bi), xt(I);
1168
+ (v || z) && k(I), R = !0, s(bi), xt(I);
1169
1169
  } else O(I) && (y = A(I), xt(I));
1170
1170
  }
1171
1171
  function S(I) {
1172
- l.is(Gn) && (l.set(rn), s(xi)), y && (k(I), xt(I)), a(P, Tr, j), a(P, Lr, S), y = !1;
1172
+ l.is(Gn) && (l.set(rn), s(xi)), y && (F(I), xt(I)), a(P, Tr, j), a(P, Lr, S), y = !1;
1173
1173
  }
1174
1174
  function M(I) {
1175
1175
  !B && R && xt(I, !0);
1176
1176
  }
1177
- function F(I) {
1177
+ function k(I) {
1178
1178
  L = $, $ = I, E = f();
1179
1179
  }
1180
- function k(I) {
1180
+ function F(I) {
1181
1181
  var v = ee(I), z = pe(v), U = n.rewind && n.rewindByDrag;
1182
- h(!1), T ? w.scroll(z, 0, n.snap) : e.is(Nn) ? w.go(x(kr(v)) < 0 ? U ? "<" : "-" : U ? ">" : "+") : e.is(an) && C && U ? w.go(b(!0) ? ">" : "<") : w.go(w.toDest(z), !0), h(!0);
1182
+ h(!1), T ? w.scroll(z, 0, n.snap) : e.is(Nn) ? w.go(x(Fr(v)) < 0 ? U ? "<" : "-" : U ? ">" : "+") : e.is(an) && C && U ? w.go(b(!0) ? ">" : "<") : w.go(w.toDest(z), !0), h(!0);
1183
1183
  }
1184
1184
  function A(I) {
1185
1185
  var v = n.dragMinThreshold, z = xn(v), U = z && v.mouse || 0, Z = (z ? v.touch : +v) || 10;
@@ -1197,13 +1197,13 @@ function Fs(e, t, n) {
1197
1197
  return 0;
1198
1198
  }
1199
1199
  function pe(I) {
1200
- return f() + kr(I) * kt(Ze(I) * (n.flickPower || 600), T ? 1 / 0 : t.Layout.listSize() * (n.flickMaxPages || 1));
1200
+ return f() + Fr(I) * Ft(Ze(I) * (n.flickPower || 600), T ? 1 / 0 : t.Layout.listSize() * (n.flickMaxPages || 1));
1201
1201
  }
1202
1202
  function oe(I, v) {
1203
1203
  return J(I, v) - J(N(I), v);
1204
1204
  }
1205
1205
  function ge(I) {
1206
- return Fr(I) - Fr(N(I));
1206
+ return kr(I) - kr(N(I));
1207
1207
  }
1208
1208
  function N(I) {
1209
1209
  return $ === I && L || $;
@@ -1216,7 +1216,7 @@ function Fs(e, t, n) {
1216
1216
  }
1217
1217
  function G(I) {
1218
1218
  var v = n.noDrag;
1219
- return !Cn(I, "." + ki + ", ." + vr) && (!v || !Cn(I, v));
1219
+ return !Cn(I, "." + Fi + ", ." + vr) && (!v || !Cn(I, v));
1220
1220
  }
1221
1221
  function re(I) {
1222
1222
  return typeof TouchEvent < "u" && I instanceof TouchEvent;
@@ -1233,7 +1233,7 @@ function Fs(e, t, n) {
1233
1233
  isDragging: W
1234
1234
  };
1235
1235
  }
1236
- var ks = {
1236
+ var Fs = {
1237
1237
  Spacebar: " ",
1238
1238
  Right: hr,
1239
1239
  Left: gr,
@@ -1241,9 +1241,9 @@ var ks = {
1241
1241
  Down: Pi
1242
1242
  };
1243
1243
  function ao(e) {
1244
- return e = Ft(e) ? e : e.key, ks[e] || e;
1244
+ return e = kt(e) ? e : e.key, Fs[e] || e;
1245
1245
  }
1246
- var Fo = "keydown";
1246
+ var ko = "keydown";
1247
1247
  function Ms(e, t, n) {
1248
1248
  var r = Ne(e), o = r.on, s = r.bind, i = r.unbind, a = e.root, l = t.Direction.resolve, d, c;
1249
1249
  function w() {
@@ -1251,10 +1251,10 @@ function Ms(e, t, n) {
1251
1251
  }
1252
1252
  function g() {
1253
1253
  var f = n.keyboard;
1254
- f && (d = f === "global" ? window : a, s(d, Fo, x));
1254
+ f && (d = f === "global" ? window : a, s(d, ko, x));
1255
1255
  }
1256
1256
  function h() {
1257
- i(d, Fo);
1257
+ i(d, ko);
1258
1258
  }
1259
1259
  function p(f) {
1260
1260
  c = f;
@@ -1291,7 +1291,7 @@ function Hs(e, t, n) {
1291
1291
  qr(b.slide, Ns).forEach(function(E) {
1292
1292
  var $ = mt(E, bn), L = mt(E, Zn);
1293
1293
  if ($ !== E.src || L !== E.srcset) {
1294
- var T = n.classes.spinner, y = E.parentElement, C = Fn(y, "." + T) || tn("span", T, y);
1294
+ var T = n.classes.spinner, y = E.parentElement, C = kn(y, "." + T) || tn("span", T, y);
1295
1295
  c.push([E, b, C]), E.src || $n(E, "none");
1296
1296
  }
1297
1297
  });
@@ -1340,10 +1340,10 @@ function Os(e, t, n) {
1340
1340
  var S = tn("li", null, x), M = tn("button", {
1341
1341
  class: P.page,
1342
1342
  type: "button"
1343
- }, S), F = a.getIn(j).map(function(A) {
1343
+ }, S), k = a.getIn(j).map(function(A) {
1344
1344
  return A.slide.id;
1345
- }), k = !c() && D > 1 ? H.pageX : H.slideX;
1346
- i(M, "click", Ie(L, j)), n.paginationKeyboard && i(M, "keydown", Ie(T, j)), ye(S, wt, "presentation"), ye(M, wt, "tab"), ye(M, Mn, F.join(" ")), ye(M, at, Mr(k, j + 1)), ye(M, nn, -1), m.push({
1345
+ }), F = !c() && D > 1 ? H.pageX : H.slideX;
1346
+ i(M, "click", Ie(L, j)), n.paginationKeyboard && i(M, "keydown", Ie(T, j)), ye(S, wt, "presentation"), ye(M, wt, "tab"), ye(M, Mn, k.join(" ")), ye(M, at, Mr(F, j + 1)), ye(M, nn, -1), m.push({
1347
1347
  li: S,
1348
1348
  button: M,
1349
1349
  page: j
@@ -1439,7 +1439,7 @@ function zs(e, t, n) {
1439
1439
  }
1440
1440
  function a(d) {
1441
1441
  if (d.cancelable) {
1442
- var c = d.deltaY, w = c < 0, g = Fr(d), h = n.wheelMinThreshold || 0, p = n.wheelSleep || 0;
1442
+ var c = d.deltaY, w = c < 0, g = kr(d), h = n.wheelMinThreshold || 0, p = n.wheelSleep || 0;
1443
1443
  Ze(c) > h && g - s > p && (e.go(w ? "<" : ">"), s = g), l(w) && xt(d);
1444
1444
  }
1445
1445
  }
@@ -1485,7 +1485,7 @@ var js = /* @__PURE__ */ Object.freeze({
1485
1485
  Autoplay: Ls,
1486
1486
  Cover: Es,
1487
1487
  Scroll: Rs,
1488
- Drag: Fs,
1488
+ Drag: ks,
1489
1489
  Keyboard: Ms,
1490
1490
  LazyLoad: Hs,
1491
1491
  Pagination: Os,
@@ -1583,7 +1583,7 @@ function Ys(e, t, n) {
1583
1583
  var Xs = /* @__PURE__ */ (function() {
1584
1584
  function e(n, r) {
1585
1585
  this.event = Ne(), this.Components = {}, this.state = Za(en), this.splides = [], this._o = {}, this._E = {};
1586
- var o = Ft(n) ? ui(document, n) : n;
1586
+ var o = kt(n) ? ui(document, n) : n;
1587
1587
  vn(o, o + " is invalid."), this.root = o, r = Wt({
1588
1588
  label: mt(o, at) || "",
1589
1589
  labelledby: mt(o, no) || ""
@@ -1660,7 +1660,7 @@ var Xs = /* @__PURE__ */ (function() {
1660
1660
  })(), so = Xs;
1661
1661
  so.defaults = {};
1662
1662
  so.STATES = Ga;
1663
- var ko = [
1663
+ var Fo = [
1664
1664
  [Ht, "onMounted"],
1665
1665
  [Nr, "onReady"],
1666
1666
  [Et, "onMove"],
@@ -1766,7 +1766,7 @@ var Qs = ({ children: e, className: t, ...n }) => /* @__PURE__ */ Kt.createEleme
1766
1766
  return [];
1767
1767
  }
1768
1768
  bind(e) {
1769
- ko.forEach(([t, n]) => {
1769
+ Fo.forEach(([t, n]) => {
1770
1770
  const r = this.props[n];
1771
1771
  typeof r == "function" && e.on(t, (...o) => {
1772
1772
  r(e, ...o);
@@ -1783,7 +1783,7 @@ var Qs = ({ children: e, className: t, ...n }) => /* @__PURE__ */ Kt.createEleme
1783
1783
  return /* @__PURE__ */ Kt.createElement(t, {
1784
1784
  className: lo("splide", e),
1785
1785
  ref: this.splideRef,
1786
- ...this.omit(o, ["options", ...ko.map((s) => s[1])])
1786
+ ...this.omit(o, ["options", ...Fo.map((s) => s[1])])
1787
1787
  }, n ? /* @__PURE__ */ Kt.createElement(Qs, null, r) : r);
1788
1788
  }
1789
1789
  }, uo = ({ children: e, className: t, ...n }) => /* @__PURE__ */ Kt.createElement("li", {
@@ -1889,10 +1889,10 @@ function cl({ settings: e, content: t, styles: n, isEditor: r }) {
1889
1889
  if (!x) return;
1890
1890
  const S = new ResizeObserver((M) => {
1891
1891
  if (!o) return;
1892
- const [F] = M;
1892
+ const [k] = M;
1893
1893
  m({
1894
- width: Math.round(F.contentRect.width),
1895
- height: Math.round(F.contentRect.height)
1894
+ width: Math.round(k.contentRect.width),
1895
+ height: Math.round(k.contentRect.height)
1896
1896
  });
1897
1897
  });
1898
1898
  return S.observe(x), () => S.unobserve(x);
@@ -2805,8 +2805,8 @@ function fl({ settings: e, content: t, isEditor: n }) {
2805
2805
  const [r, o] = le(null), [s, i] = le([]), [a, l] = le(0), d = ve(0), [c, w] = le({ x: 0, y: 0 }), [g, h] = le(1), [p, m] = le("none"), x = ve({ x: 0, y: 0 }), [f, b] = le(!1), { sizeType: E, imageWidth: $, randomRangeImageWidth: L } = e.imageSize, { revealPosition: T, visible: y } = e.position, { cursorType: C, target: R, defaultCursorScale: B, defaultCursor: P, hoverCursorScale: H, hoverCursor: D } = e.cursor;
2806
2806
  Te(() => {
2807
2807
  if (!r) return;
2808
- const S = (k, A) => {
2809
- const O = r.getBoundingClientRect(), ee = k - O.left, pe = A - O.top;
2808
+ const S = (F, A) => {
2809
+ const O = r.getBoundingClientRect(), ee = F - O.left, pe = A - O.top;
2810
2810
  if (w({ x: ee, y: pe }), C === "system") {
2811
2811
  m("none"), h(1);
2812
2812
  return;
@@ -2818,13 +2818,13 @@ function fl({ settings: e, content: t, isEditor: n }) {
2818
2818
  }
2819
2819
  const J = Ho(oe, ge, s) || R === "area" ? { img: D ?? "none", scale: H } : { img: P ?? "none", scale: B };
2820
2820
  m(J.img), h(J.scale);
2821
- }, M = (k) => {
2822
- k.stopPropagation(), x.current = { x: k.clientX, y: k.clientY }, S(k.clientX, k.clientY);
2823
- }, F = () => {
2821
+ }, M = (F) => {
2822
+ F.stopPropagation(), x.current = { x: F.clientX, y: F.clientY }, S(F.clientX, F.clientY);
2823
+ }, k = () => {
2824
2824
  f && S(x.current.x, x.current.y);
2825
2825
  };
2826
- return r.addEventListener("mousemove", M), window.addEventListener("scroll", F, !0), () => {
2827
- r.removeEventListener("mousemove", M), window.removeEventListener("scroll", F, !0);
2826
+ return r.addEventListener("mousemove", M), window.addEventListener("scroll", k, !0), () => {
2827
+ r.removeEventListener("mousemove", M), window.removeEventListener("scroll", k, !0);
2828
2828
  };
2829
2829
  }, [
2830
2830
  r,
@@ -2840,7 +2840,7 @@ function fl({ settings: e, content: t, isEditor: n }) {
2840
2840
  ]), Te(() => {
2841
2841
  f || (m("none"), h(0));
2842
2842
  }, [f]);
2843
- const V = async (S, M, F, k = {}) => {
2843
+ const V = async (S, M, k, F = {}) => {
2844
2844
  const { width: A, height: O, finalWidth: ee } = await hl(
2845
2845
  S.image.url,
2846
2846
  E,
@@ -2848,8 +2848,8 @@ function fl({ settings: e, content: t, isEditor: n }) {
2848
2848
  L
2849
2849
  );
2850
2850
  let pe = 0, oe = 0;
2851
- T === "same" ? (pe = M / 2, oe = F / 2) : (pe = k.x ?? Math.random() * M, oe = k.y ?? Math.random() * F);
2852
- const ge = Math.min(Math.max(pe, A / 2), M - A / 2), N = Math.min(Math.max(oe, O / 2), F - O / 2);
2851
+ T === "same" ? (pe = M / 2, oe = k / 2) : (pe = F.x ?? Math.random() * M, oe = F.y ?? Math.random() * k);
2852
+ const ge = Math.min(Math.max(pe, A / 2), M - A / 2), N = Math.min(Math.max(oe, O / 2), k - O / 2);
2853
2853
  return {
2854
2854
  id: d.current++,
2855
2855
  url: S.image.url,
@@ -2862,10 +2862,10 @@ function fl({ settings: e, content: t, isEditor: n }) {
2862
2862
  };
2863
2863
  return Te(() => {
2864
2864
  if (!r || t.length === 0) return;
2865
- const S = r.getBoundingClientRect(), M = S.width, F = S.height, k = [];
2865
+ const S = r.getBoundingClientRect(), M = S.width, k = S.height, F = [];
2866
2866
  (async () => {
2867
- const O = t[0], ee = await V(O, M, F);
2868
- k.push(ee), i(k), l(1);
2867
+ const O = t[0], ee = await V(O, M, k);
2868
+ F.push(ee), i(F), l(1);
2869
2869
  })();
2870
2870
  }, [E, $, L, T, r]), Te(() => {
2871
2871
  y === "last One" && i((S) => S.length > 0 ? [S[S.length - 1]] : []);
@@ -2875,10 +2875,10 @@ function fl({ settings: e, content: t, isEditor: n }) {
2875
2875
  ref: o,
2876
2876
  onClick: async (S) => {
2877
2877
  if (!r) return;
2878
- const M = r.getBoundingClientRect(), F = S.clientX - M.left, k = S.clientY - M.top;
2879
- if (R === "image" && !Ho(F, k, s)) return;
2878
+ const M = r.getBoundingClientRect(), k = S.clientX - M.left, F = S.clientY - M.top;
2879
+ if (R === "image" && !Ho(k, F, s)) return;
2880
2880
  let A = 0, O = 0;
2881
- T === "on Click" ? (A = F, O = k) : T === "same" ? (A = M.width / 2, O = M.height / 2) : (A = Math.random() * M.width, O = Math.random() * M.height);
2881
+ T === "on Click" ? (A = k, O = F) : T === "same" ? (A = M.width / 2, O = M.height / 2) : (A = Math.random() * M.width, O = Math.random() * M.height);
2882
2882
  const ee = t[a], pe = await V(ee, M.width, M.height, { x: A, y: O });
2883
2883
  i((oe) => y === "all" ? [...oe, pe] : [pe]), l((oe) => oe >= t.length - 1 ? 0 : oe + 1);
2884
2884
  },
@@ -3264,7 +3264,7 @@ const yl = {
3264
3264
  }
3265
3265
  }
3266
3266
  }
3267
- }, vl = "LightBox-module__hidden___9s-9x", bl = "LightBox-module__heroImage___sTxNF", xl = "LightBox-module__background___rm9ml", Cl = "LightBox-module__editor___4ACaY", Sl = "LightBox-module__contentStyle___Bgnsq", wl = "LightBox-module__imageStyle___tLIlB", $l = "LightBox-module__imgWrapper___LuFUp", Tl = "LightBox-module__contain___8-yaS", Ll = "LightBox-module__cover___hNvOG", El = "LightBox-module__caption___b6L2I", _l = "LightBox-module__captionTextInner___rCGNH", Pl = "LightBox-module__lightboxSplide___XFuWC", Al = "LightBox-module__arrow___iz38X", Il = "LightBox-module__arrowVertical___Zfz81", Wl = "LightBox-module__nextArrow___zkAQN", Rl = "LightBox-module__arrowInner___p48sW", Fl = "LightBox-module__arrowIcon___3VaFf", kl = "LightBox-module__arrowImg___pNV88", Ml = "LightBox-module__mirror___pjeXc", Nl = "LightBox-module__thumbsWrapper___GB-nU", Hl = "LightBox-module__thumbsContainerVertical___wttk5", Ol = "LightBox-module__thumbsContainer___osSma", Bl = "LightBox-module__thumbsAlignStart___MO6tY", Dl = "LightBox-module__thumbsAlignCenter___Q4sUx", zl = "LightBox-module__thumbsAlignEnd___p4y9R", Vl = "LightBox-module__thumbItem___HvnF3", Kl = "LightBox-module__closeButton___g2khP", jl = "LightBox-module__fadeIn___0m5GW", Ul = "LightBox-module__slideInLeft___gPYwC", ql = "LightBox-module__slideInRight___S-pPp", Gl = "LightBox-module__slideInTop___DFdAj", Yl = "LightBox-module__slideInBottom___m27kZ", Xl = "LightBox-module__fadeOut___55qBR", Zl = "LightBox-module__slideOutLeft___NvU7P", Jl = "LightBox-module__slideOutRight___SK7eC", Ql = "LightBox-module__slideOutTop___Vgg0z", ec = "LightBox-module__slideOutBottom___nJ0Ef", tc = "LightBox-module__scaleSlide___vZriG", Y = {
3267
+ }, vl = "LightBox-module__hidden___9s-9x", bl = "LightBox-module__heroImage___sTxNF", xl = "LightBox-module__background___rm9ml", Cl = "LightBox-module__editor___4ACaY", Sl = "LightBox-module__contentStyle___Bgnsq", wl = "LightBox-module__imageStyle___tLIlB", $l = "LightBox-module__imgWrapper___LuFUp", Tl = "LightBox-module__contain___8-yaS", Ll = "LightBox-module__cover___hNvOG", El = "LightBox-module__caption___b6L2I", _l = "LightBox-module__captionTextInner___rCGNH", Pl = "LightBox-module__lightboxSplide___XFuWC", Al = "LightBox-module__arrow___iz38X", Il = "LightBox-module__arrowVertical___Zfz81", Wl = "LightBox-module__nextArrow___zkAQN", Rl = "LightBox-module__arrowInner___p48sW", kl = "LightBox-module__arrowIcon___3VaFf", Fl = "LightBox-module__arrowImg___pNV88", Ml = "LightBox-module__mirror___pjeXc", Nl = "LightBox-module__thumbsWrapper___GB-nU", Hl = "LightBox-module__thumbsContainerVertical___wttk5", Ol = "LightBox-module__thumbsContainer___osSma", Bl = "LightBox-module__thumbsAlignStart___MO6tY", Dl = "LightBox-module__thumbsAlignCenter___Q4sUx", zl = "LightBox-module__thumbsAlignEnd___p4y9R", Vl = "LightBox-module__thumbItem___HvnF3", Kl = "LightBox-module__closeButton___g2khP", jl = "LightBox-module__fadeIn___0m5GW", Ul = "LightBox-module__slideInLeft___gPYwC", ql = "LightBox-module__slideInRight___S-pPp", Gl = "LightBox-module__slideInTop___DFdAj", Yl = "LightBox-module__slideInBottom___m27kZ", Xl = "LightBox-module__fadeOut___55qBR", Zl = "LightBox-module__slideOutLeft___NvU7P", Jl = "LightBox-module__slideOutRight___SK7eC", Ql = "LightBox-module__slideOutTop___Vgg0z", ec = "LightBox-module__slideOutBottom___nJ0Ef", tc = "LightBox-module__scaleSlide___vZriG", Y = {
3268
3268
  hidden: vl,
3269
3269
  heroImage: bl,
3270
3270
  background: xl,
@@ -3281,8 +3281,8 @@ const yl = {
3281
3281
  arrowVertical: Il,
3282
3282
  nextArrow: Wl,
3283
3283
  arrowInner: Rl,
3284
- arrowIcon: Fl,
3285
- arrowImg: kl,
3284
+ arrowIcon: kl,
3285
+ arrowImg: Fl,
3286
3286
  mirror: Ml,
3287
3287
  thumbsWrapper: Nl,
3288
3288
  thumbsContainerVertical: Hl,
@@ -3447,7 +3447,7 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3447
3447
  ] });
3448
3448
  }, oc = ({ isOpen: e, onClose: t, content: n, lightboxStyles: r, settings: o, portalId: s, isEditor: i, metadata: a }) => {
3449
3449
  var I;
3450
- const [l, d] = le(0), [c, w] = le(0), [g, h] = le(!1), [p, m] = le(!1), [x, f] = le({}), b = ve(null), E = ve(null), $ = ve(null), L = ve(!1), T = ve(null), y = ve(null), C = ve(null), R = ve(null), B = ve(!1), P = ve(null), [H, D] = le(!1), { appear: V, triggers: j, slider: S, thumbnail: M, controls: F, area: k, caption: A, layout: O } = o.lightboxBlock, { appearClass: ee, backdropAppearClass: pe, backdropDisappearClass: oe, disappearClass: ge } = nc(V.type, V.direction), N = (a == null ? void 0 : a.itemId) ?? null;
3450
+ const [l, d] = le(0), [c, w] = le(0), [g, h] = le(!1), [p, m] = le(!1), [x, f] = le({}), b = ve(null), E = ve(null), $ = ve(null), L = ve(!1), T = ve(null), y = ve(null), C = ve(null), R = ve(null), B = ve(!1), P = ve(null), [H, D] = le(!1), { appear: V, triggers: j, slider: S, thumbnail: M, controls: k, area: F, caption: A, layout: O } = o.lightboxBlock, { appearClass: ee, backdropAppearClass: pe, backdropDisappearClass: oe, disappearClass: ge } = nc(V.type, V.direction), N = (a == null ? void 0 : a.itemId) ?? null;
3451
3451
  Te(() => {
3452
3452
  const v = () => {
3453
3453
  setTimeout(() => {
@@ -3475,13 +3475,13 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3475
3475
  return U.observe(v), () => U.disconnect();
3476
3476
  }, [e, M.isActive, n.length, x, S.direction]);
3477
3477
  const J = pt(() => {
3478
- const v = window.matchMedia("(max-width: 768px)").matches, z = Do(k.color);
3478
+ const v = window.matchMedia("(max-width: 768px)").matches, z = Do(F.color);
3479
3479
  v && !i && z > 0.9 && (document.body.style.backgroundColor = ""), h(!0), L.current = !0;
3480
3480
  const U = (Z) => {
3481
3481
  Z.target === T.current && Z.animationName && (T.current && y.current && T.current.removeEventListener("animationend", y.current), y.current = null, L.current && (L.current = !1, t()), h(!1));
3482
3482
  };
3483
3483
  T.current && (y.current = U, T.current.addEventListener("animationend", U));
3484
- }, [t, k.color, i]), q = (v, z, U) => {
3484
+ }, [t, F.color, i]), q = (v, z, U) => {
3485
3485
  var Z, ae;
3486
3486
  if (v) {
3487
3487
  if (j.type === "click" && j.switch === "image")
@@ -3552,10 +3552,10 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3552
3552
  E.current !== null && E.current !== S.type && w((v) => v + 1), E.current = S.type;
3553
3553
  }, [S.type]), Te(() => {
3554
3554
  if (!e) return;
3555
- const v = document.body.style.overflow, z = window.matchMedia("(max-width: 768px)").matches, U = Do(k.color);
3555
+ const v = document.body.style.overflow, z = window.matchMedia("(max-width: 768px)").matches, U = Do(F.color);
3556
3556
  document.body.style.overflow = "hidden", m(!1);
3557
3557
  const Z = (se) => {
3558
- se.target === T.current && !L.current && se.animationName && (z && !i && U > 0.9 && (document.body.style.backgroundColor = k.color), m(!0), T.current && C.current && T.current.removeEventListener("animationend", C.current), C.current = null);
3558
+ se.target === T.current && !L.current && se.animationName && (z && !i && U > 0.9 && (document.body.style.backgroundColor = F.color), m(!0), T.current && C.current && T.current.removeEventListener("animationend", C.current), C.current = null);
3559
3559
  };
3560
3560
  T.current && (C.current = Z, T.current.addEventListener("animationend", Z));
3561
3561
  const ae = (se) => {
@@ -3565,7 +3565,7 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3565
3565
  return document.addEventListener("touchmove", ae, { passive: !1 }), () => {
3566
3566
  document.body.style.overflow = v, document.removeEventListener("touchmove", ae), T.current && C.current && (T.current.removeEventListener("animationend", C.current), C.current = null), m(!1);
3567
3567
  };
3568
- }, [e, i, k.color, S.type]), Te(() => {
3568
+ }, [e, i, F.color, S.type]), Te(() => {
3569
3569
  if (!e) return;
3570
3570
  const v = (z) => {
3571
3571
  var Z, ae;
@@ -3649,8 +3649,8 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3649
3649
  };
3650
3650
  }, [e, W, c]);
3651
3651
  const te = {
3652
- backgroundColor: k.color,
3653
- backdropFilter: `blur(${k.blur}px)`,
3652
+ backgroundColor: F.color,
3653
+ backdropFilter: `blur(${F.blur}px)`,
3654
3654
  animationDuration: `${parseInt(V.duration)}ms`,
3655
3655
  animationTimingFunction: "ease",
3656
3656
  animationFillMode: "both"
@@ -3730,33 +3730,33 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3730
3730
  },
3731
3731
  c
3732
3732
  ),
3733
- F.isActive && /* @__PURE__ */ ue(st, { children: [
3733
+ k.isActive && /* @__PURE__ */ ue(st, { children: [
3734
3734
  /* @__PURE__ */ u(
3735
3735
  "div",
3736
3736
  {
3737
3737
  className: we(Y.arrow, { [Y.arrowVertical]: S.direction === "vert" }),
3738
- style: { color: F.color, "--arrow-hover-color": F.hover },
3738
+ style: { color: k.color, "--arrow-hover-color": k.hover },
3739
3739
  children: /* @__PURE__ */ ue(
3740
3740
  "button",
3741
3741
  {
3742
3742
  className: Y.arrowInner,
3743
- style: { transform: `translate(${_(F.offset.x, i)}, ${_(F.offset.y * (S.direction === "horiz" ? 1 : -1), i)}) scale(${F.scale}) rotate(${S.direction === "horiz" ? "0deg" : "90deg"})` },
3743
+ style: { transform: `translate(${_(k.offset.x, i)}, ${_(k.offset.y * (S.direction === "horiz" ? 1 : -1), i)}) scale(${k.scale}) rotate(${S.direction === "horiz" ? "0deg" : "90deg"})` },
3744
3744
  onClick: () => {
3745
3745
  var v;
3746
3746
  return (v = b.current) == null ? void 0 : v.go("-1");
3747
3747
  },
3748
3748
  "aria-label": "Previous",
3749
3749
  children: [
3750
- F.arrowsImgUrl && /* @__PURE__ */ u(
3750
+ k.arrowsImgUrl && /* @__PURE__ */ u(
3751
3751
  Rt,
3752
3752
  {
3753
- url: F.arrowsImgUrl,
3754
- fill: F.color,
3755
- hoverFill: F.hover,
3753
+ url: k.arrowsImgUrl,
3754
+ fill: k.color,
3755
+ hoverFill: k.hover,
3756
3756
  className: we(Y.arrowImg, Y.mirror)
3757
3757
  }
3758
3758
  ),
3759
- !F.arrowsImgUrl && /* @__PURE__ */ u(zo, { color: F.color, className: we(Y.arrowIcon, Y.arrowImg, Y.mirror) })
3759
+ !k.arrowsImgUrl && /* @__PURE__ */ u(zo, { color: k.color, className: we(Y.arrowIcon, Y.arrowImg, Y.mirror) })
3760
3760
  ]
3761
3761
  }
3762
3762
  )
@@ -3766,37 +3766,37 @@ const rc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: o, i
3766
3766
  "div",
3767
3767
  {
3768
3768
  className: we(Y.arrow, Y.nextArrow, { [Y.arrowVertical]: S.direction === "vert" }),
3769
- style: { color: F.color, "--arrow-hover-color": F.hover },
3769
+ style: { color: k.color, "--arrow-hover-color": k.hover },
3770
3770
  children: /* @__PURE__ */ ue(
3771
3771
  "button",
3772
3772
  {
3773
3773
  className: Y.arrowInner,
3774
- style: { transform: `translate(${_(F.offset.x * (S.direction === "horiz" ? -1 : 1), i)}, ${_(F.offset.y, i)}) scale(${F.scale}) rotate(${S.direction === "horiz" ? "0deg" : "90deg"})` },
3774
+ style: { transform: `translate(${_(k.offset.x * (S.direction === "horiz" ? -1 : 1), i)}, ${_(k.offset.y, i)}) scale(${k.scale}) rotate(${S.direction === "horiz" ? "0deg" : "90deg"})` },
3775
3775
  onClick: () => {
3776
3776
  var v;
3777
3777
  return (v = b.current) == null ? void 0 : v.go("+1");
3778
3778
  },
3779
3779
  "aria-label": "Next",
3780
3780
  children: [
3781
- F.arrowsImgUrl && /* @__PURE__ */ u(
3781
+ k.arrowsImgUrl && /* @__PURE__ */ u(
3782
3782
  Rt,
3783
3783
  {
3784
- url: F.arrowsImgUrl,
3785
- fill: F.color,
3786
- hoverFill: F.hover,
3784
+ url: k.arrowsImgUrl,
3785
+ fill: k.color,
3786
+ hoverFill: k.hover,
3787
3787
  className: Y.arrowImg
3788
3788
  }
3789
3789
  ),
3790
- !F.arrowsImgUrl && /* @__PURE__ */ u(zo, { color: F.color, className: we(Y.arrowIcon, Y.arrowImg) })
3790
+ !k.arrowsImgUrl && /* @__PURE__ */ u(zo, { color: k.color, className: we(Y.arrowIcon, Y.arrowImg) })
3791
3791
  ]
3792
3792
  }
3793
3793
  )
3794
3794
  }
3795
3795
  )
3796
3796
  ] }),
3797
- k.closeIconUrl && (() => {
3798
- const v = zn(k.closeIconAlign, k.closeIconOffset, i), z = `scale(${k.closeIconScale})`, U = v.transform ? `${v.transform} ${z}` : z;
3799
- return /* @__PURE__ */ u("button", { className: Y.closeButton, style: { ...v, transform: U }, onClick: J, "aria-label": "Close lightbox", children: /* @__PURE__ */ u(Rt, { url: k.closeIconUrl, fill: k.closeIconColor ?? "#000000", hoverFill: k.closeIconHover ?? "#cccccc" }) });
3797
+ F.closeIconUrl && (() => {
3798
+ const v = zn(F.closeIconAlign, F.closeIconOffset, i), z = `scale(${F.closeIconScale})`, U = v.transform ? `${v.transform} ${z}` : z;
3799
+ return /* @__PURE__ */ u("button", { className: Y.closeButton, style: { ...v, transform: U }, onClick: J, "aria-label": "Close lightbox", children: /* @__PURE__ */ u(Rt, { url: F.closeIconUrl, fill: F.closeIconColor ?? "#000000", hoverFill: F.closeIconHover ?? "#cccccc" }) });
3800
3800
  })(),
3801
3801
  A && A.isActive && r.imageCaption && ((I = n[l]) == null ? void 0 : I.imageCaption) && (() => {
3802
3802
  const { widthSettings: v, fontSettings: z, letterSpacing: U, textAlign: Z, wordSpacing: ae, fontSizeLineHeight: se, textAppearance: ce, color: fe } = r.imageCaption;
@@ -5215,8 +5215,8 @@ function sc({ settings: e, isEditor: t, metadata: n, activeEvent: r }) {
5215
5215
  inputLineHeight: j,
5216
5216
  inputLetterSpacing: S,
5217
5217
  inputWordSpacing: M,
5218
- inputTextAppearance: F,
5219
- buttonFontSettings: k,
5218
+ inputTextAppearance: k,
5219
+ buttonFontSettings: F,
5220
5220
  buttonFontSize: A,
5221
5221
  buttonLineHeight: O,
5222
5222
  buttonLetterSpacing: ee,
@@ -5247,7 +5247,7 @@ function sc({ settings: e, isEditor: t, metadata: n, activeEvent: r }) {
5247
5247
  lineHeight: j,
5248
5248
  letterSpacing: S ?? 0,
5249
5249
  wordSpacing: M ?? 0,
5250
- textAppearance: F,
5250
+ textAppearance: k,
5251
5251
  color: E
5252
5252
  }, Q = $t(nt(K, t)), X = _(x ?? 0, t), de = _(
5253
5253
  (j ?? V ?? 0.01) + ((f == null ? void 0 : f.top) ?? 0) + ((f == null ? void 0 : f.bottom) ?? 0) + (s === "C" ? x ?? 0 : (x ?? 0) * 2),
@@ -5271,8 +5271,8 @@ function sc({ settings: e, isEditor: t, metadata: n, activeEvent: r }) {
5271
5271
  }, me = {
5272
5272
  fontSettings: {
5273
5273
  fontFamily: H,
5274
- fontWeight: (k == null ? void 0 : k.fontWeight) ?? 400,
5275
- fontStyle: (k == null ? void 0 : k.fontStyle) ?? "normal"
5274
+ fontWeight: (F == null ? void 0 : F.fontWeight) ?? 400,
5275
+ fontStyle: (F == null ? void 0 : F.fontStyle) ?? "normal"
5276
5276
  },
5277
5277
  fontSize: A ?? 0.01,
5278
5278
  lineHeight: O,
@@ -5317,7 +5317,7 @@ function sc({ settings: e, isEditor: t, metadata: n, activeEvent: r }) {
5317
5317
  errorColor: P
5318
5318
  }, lc, cc, se), [Me, je] = le(
5319
5319
  () => Object.fromEntries(fe.map((Ce) => [Ce.name, ""]))
5320
- ), [be, Oe] = le("idle"), [ze, Ve] = le(null), Ue = r === "success" ? "success" : r === "error" ? "error" : be, rt = r === "error" ? ae : ze, _t = r === "filled", ht = Fe(() => {
5320
+ ), [be, Oe] = le("idle"), [ze, Ve] = le(null), Ue = r === "success" ? "success" : r === "error" ? "error" : be, rt = r === "error" ? ae : ze, _t = r === "filled", ht = ke(() => {
5321
5321
  if (!_t) return Me;
5322
5322
  let Ce = null;
5323
5323
  for (const Qe of fe)
@@ -6949,12 +6949,12 @@ const fc = ({ settings: e, isEditor: t, metadata: n, activeEvent: r }) => {
6949
6949
  stroke: j,
6950
6950
  stateOverrides: S,
6951
6951
  inputPadding: M,
6952
- buttonPadding: F,
6953
- successMessage: k = "Thanks for subscribing!",
6952
+ buttonPadding: k,
6953
+ successMessage: F = "Thanks for subscribing!",
6954
6954
  errorMessage: A = "Please, fill all required fields."
6955
6955
  } = e, O = s.slice(0, Math.min(l, s.length)), [ee, pe] = le(
6956
6956
  () => Object.fromEntries(O.map((Ee) => [Ee.name, ""]))
6957
- ), [oe, ge] = le("idle"), [N, J] = le(null), q = r === "success" ? "success" : r === "error" ? "error" : oe, G = r === "error" ? A : N, re = r === "filled", W = Fe(() => {
6957
+ ), [oe, ge] = le("idle"), [N, J] = le(null), q = r === "success" ? "success" : r === "error" ? "error" : oe, G = r === "error" ? A : N, re = r === "filled", W = ke(() => {
6958
6958
  if (!re) return ee;
6959
6959
  let Ee = null;
6960
6960
  for (const Re of O)
@@ -7093,10 +7093,10 @@ const fc = ({ settings: e, isEditor: t, metadata: n, activeEvent: r }) => {
7093
7093
  style: {
7094
7094
  ...ne,
7095
7095
  ...Ye,
7096
- paddingRight: _(F.right, t),
7097
- paddingLeft: _(F.left, t),
7098
- paddingTop: _(F.top, t),
7099
- paddingBottom: _(F.bottom, t)
7096
+ paddingRight: _(k.right, t),
7097
+ paddingLeft: _(k.left, t),
7098
+ paddingTop: _(k.top, t),
7099
+ paddingBottom: _(k.bottom, t)
7100
7100
  },
7101
7101
  children: oe === "submitting" ? "..." : ce ? se && /* @__PURE__ */ u(
7102
7102
  Rt,
@@ -7118,7 +7118,7 @@ const fc = ({ settings: e, isEditor: t, metadata: n, activeEvent: r }) => {
7118
7118
  {
7119
7119
  className: `${o}-success`,
7120
7120
  style: { ...me },
7121
- children: k
7121
+ children: F
7122
7122
  }
7123
7123
  ),
7124
7124
  q === "error" && /* @__PURE__ */ u(
@@ -8453,21 +8453,21 @@ const Tc = 30, Pr = 2, Lc = 2, Ec = (e, t) => Array.from({ length: t }, () => e)
8453
8453
  }, Ic = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
8454
8454
  const { prefix: o } = Yt(), { speed: s, direction: i, pauseOnHover: a, gap: l, imageMaxWidth: d, imageMaxHeight: c, imageFit: w, hoverEffect: g } = e, h = g === "off" || g === "randomize" ? void 0 : `${o}-image-hover-${g}`, p = !r, m = Math.max(0, s) * Tc, x = (q) => _(q, n ?? !1), f = ve(null), b = ve(null), E = ve(null), [$, L] = le(0), [T, y] = le(0), C = p && a === "on", [R, B] = le(!1), [P, H] = le({}), D = ve(P);
8455
8455
  D.current = P;
8456
- const V = ve(null), j = ve(0), S = ve(null), M = Fe(() => (t ?? []).map((q) => {
8456
+ const V = ve(null), j = ve(0), S = ve(null), M = ke(() => (t ?? []).map((q) => {
8457
8457
  var G;
8458
8458
  return ((G = q.image) == null ? void 0 : G.url) ?? "";
8459
- }).join("\0"), [t]), [F, k] = le(Pr), A = Fe(() => {
8459
+ }).join("\0"), [t]), [k, F] = le(Pr), A = ke(() => {
8460
8460
  const q = t ?? [];
8461
- return !p || q.length === 0 ? q : Ec(q, F);
8462
- }, [t, p, F]), O = Fe(
8461
+ return !p || q.length === 0 ? q : Ec(q, k);
8462
+ }, [t, p, k]), O = ke(
8463
8463
  () => A.filter((q) => {
8464
8464
  var G;
8465
8465
  return !!((G = q.image) != null && G.url);
8466
8466
  }).length,
8467
8467
  [A]
8468
- ), ee = Fe(() => !p || ((t == null ? void 0 : t.length) ?? 0) === 0 ? 1 : Lc, [p, t == null ? void 0 : t.length]);
8468
+ ), ee = ke(() => !p || ((t == null ? void 0 : t.length) ?? 0) === 0 ? 1 : Lc, [p, t == null ? void 0 : t.length]);
8469
8469
  it(() => {
8470
- j.current = 0, H({}), V.current = null, k(Pr), L(0);
8470
+ j.current = 0, H({}), V.current = null, F(Pr), L(0);
8471
8471
  }, [M]), Te(() => {
8472
8472
  if (g !== "randomize") return;
8473
8473
  const q = f.current;
@@ -8506,15 +8506,15 @@ const Tc = 30, Pr = 2, Lc = 2, Ec = (e, t) => Array.from({ length: t }, () => e)
8506
8506
  let re = 0;
8507
8507
  const W = () => {
8508
8508
  const v = q.getBoundingClientRect().width, z = G.getBoundingClientRect().width, U = V.current, Z = typeof U == "number" && Math.abs(U - z) <= 0.25;
8509
- if (V.current = z, z > 0 && F > 0) {
8510
- const ae = z / F;
8509
+ if (V.current = z, z > 0 && k > 0) {
8510
+ const ae = z / k;
8511
8511
  if (ae > 0 && v > 0) {
8512
8512
  const se = Math.max(
8513
8513
  Pr,
8514
8514
  Math.ceil(v / ae) + 1
8515
8515
  );
8516
- if (se !== F) {
8517
- k(se);
8516
+ if (se !== k) {
8517
+ F(se);
8518
8518
  return;
8519
8519
  }
8520
8520
  }
@@ -8532,7 +8532,7 @@ const Tc = 30, Pr = 2, Lc = 2, Ec = (e, t) => Array.from({ length: t }, () => e)
8532
8532
  return I.observe(q), I.observe(G), () => {
8533
8533
  S.current = null, cancelAnimationFrame(re), I.disconnect();
8534
8534
  };
8535
- }, [p, $, M, F]), it(() => {
8535
+ }, [p, $, M, k]), it(() => {
8536
8536
  const q = b.current;
8537
8537
  if (!p || !q) return;
8538
8538
  const G = $ > 0 ? $ : 0, re = G > 0 && m > 0 ? G / m * 1e3 : 0, W = `${Math.max(0, re) / 1e3}s`;
@@ -9455,7 +9455,7 @@ type MarqueeProps = {\r
9455
9455
  }
9456
9456
  ]
9457
9457
  }
9458
- }, Fc = {
9458
+ }, kc = {
9459
9459
  element: Ic,
9460
9460
  id: "marquee",
9461
9461
  name: "Marquee",
@@ -9576,8 +9576,8 @@ function Ko(e) {
9576
9576
  }
9577
9577
  `;
9578
9578
  }
9579
- const kc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
9580
- const { prefix: o } = Yt(), { autoplay: s, align: i, speed: a, direction: l, pauseOnHover: d, gap: c, cardWidth: w, corners: g, stroke: h, strokeColor: p, bgColor: m, padding: x, logoMarginTop: f, logoWidth: b, logoHeight: E, captionMarginTop: $ } = e, L = s === "on" && !r, T = L, y = Math.max(0, a) * kc, C = (K) => _(K, n ?? !1), R = ve(null), B = ve(null), P = ve(null), [H, D] = le(0), [V, j] = le(0), [S, M] = le(0), F = T && d === "on", [k, A] = le(!1), O = ve(null), [ee, pe] = le(0), [oe, ge] = le(0), N = ve(null), J = (K) => {
9579
+ const Fc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
9580
+ const { prefix: o } = Yt(), { autoplay: s, align: i, speed: a, direction: l, pauseOnHover: d, gap: c, cardWidth: w, corners: g, stroke: h, strokeColor: p, bgColor: m, padding: x, logoMarginTop: f, logoWidth: b, logoHeight: E, captionMarginTop: $ } = e, L = s === "on" && !r, T = L, y = Math.max(0, a) * Fc, C = (K) => _(K, n ?? !1), R = ve(null), B = ve(null), P = ve(null), [H, D] = le(0), [V, j] = le(0), [S, M] = le(0), k = T && d === "on", [F, A] = le(!1), O = ve(null), [ee, pe] = le(0), [oe, ge] = le(0), N = ve(null), J = (K) => {
9581
9581
  var X, de, ne, me, xe;
9582
9582
  return {
9583
9583
  fontSettings: {
@@ -9596,13 +9596,13 @@ const kc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r })
9596
9596
  lineHeight: (e == null ? void 0 : e[`${K}LineHeight`]) ?? 0.01,
9597
9597
  color: (e == null ? void 0 : e[`${K}Color`]) ?? "#000000"
9598
9598
  };
9599
- }, q = J("text"), G = J("caption"), re = Fe(
9599
+ }, q = J("text"), G = J("caption"), re = ke(
9600
9600
  () => ((t == null ? void 0 : t.length) ?? 0) > 1 && (t ?? []).some((K) => {
9601
9601
  var Q, X;
9602
9602
  return (((Q = K.text) == null ? void 0 : Q.length) ?? 0) > 0 || (((X = K.caption) == null ? void 0 : X.length) ?? 0) > 0;
9603
9603
  }),
9604
9604
  [t]
9605
- ), W = Fe(() => !L || (t == null ? void 0 : t.length) === 0 ? 1 : V <= 0 || H <= 0 ? 2 : Math.max(2, Math.ceil(H / V) + 1), [L, t == null ? void 0 : t.length, V, H]);
9605
+ ), W = ke(() => !L || (t == null ? void 0 : t.length) === 0 ? 1 : V <= 0 || H <= 0 ? 2 : Math.max(2, Math.ceil(H / V) + 1), [L, t == null ? void 0 : t.length, V, H]);
9606
9606
  it(() => {
9607
9607
  if (!L) return;
9608
9608
  const K = R.current, Q = P.current;
@@ -9650,10 +9650,10 @@ const kc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r })
9650
9650
  };
9651
9651
  }, [L, W, t, n, c, w, x, h, g, b, E, ee, oe]);
9652
9652
  const te = () => {
9653
- F && A(!0);
9653
+ k && A(!0);
9654
9654
  }, I = () => {
9655
- F && A(!1);
9656
- }, v = Fe(() => {
9655
+ k && A(!1);
9656
+ }, v = ke(() => {
9657
9657
  switch (i) {
9658
9658
  case "center":
9659
9659
  return "center";
@@ -9663,7 +9663,7 @@ const kc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r })
9663
9663
  default:
9664
9664
  return "flex-start";
9665
9665
  }
9666
- }, [i]), z = Fe(() => {
9666
+ }, [i]), z = ke(() => {
9667
9667
  switch (i) {
9668
9668
  case "center":
9669
9669
  return "center";
@@ -9906,7 +9906,7 @@ const kc = 30, Mc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r })
9906
9906
  transform: "translateZ(0)",
9907
9907
  WebkitTransform: "translateZ(0)",
9908
9908
  perspective: "1000px",
9909
- ...F ? { "--marquee-play-state": k ? "paused" : "running" } : { "--marquee-play-state": "running" }
9909
+ ...k ? { "--marquee-play-state": F ? "paused" : "running" } : { "--marquee-play-state": "running" }
9910
9910
  },
9911
9911
  children: Array.from({ length: W }, (K, Q) => /* @__PURE__ */ u(
9912
9912
  "div",
@@ -11177,7 +11177,7 @@ function Bc(e) {
11177
11177
  `;
11178
11178
  }
11179
11179
  const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11180
- const { prefix: o } = Yt(), s = t || [], { autoplay: i, delay: a, align: l, width: d, imageMarginTop: c, textMarginTop: w, captionMarginTop: g, imageWidth: h, imageHeight: p, controlsWidth: m, controlsColor: x, controlsHoverColor: f } = e, b = i === "on" && !r, [E, $] = le(0), [L, T] = le(null), [y, C] = le(!1), R = ve(null), B = Fe(() => {
11180
+ const { prefix: o } = Yt(), s = t || [], { autoplay: i, delay: a, align: l, width: d, imageMarginTop: c, textMarginTop: w, captionMarginTop: g, imageWidth: h, imageHeight: p, controlsWidth: m, controlsColor: x, controlsHoverColor: f } = e, b = i === "on" && !r, [E, $] = le(0), [L, T] = le(null), [y, C] = le(!1), R = ve(null), B = ke(() => {
11181
11181
  switch (l) {
11182
11182
  case "center":
11183
11183
  return "center";
@@ -11187,7 +11187,7 @@ const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11187
11187
  default:
11188
11188
  return "flex-start";
11189
11189
  }
11190
- }, [l]), P = Fe(() => {
11190
+ }, [l]), P = ke(() => {
11191
11191
  switch (l) {
11192
11192
  case "center":
11193
11193
  return "center";
@@ -11223,7 +11223,7 @@ const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11223
11223
  }, j = V("text"), S = V("caption"), M = s.length > 1 && s.some((W) => {
11224
11224
  var te, I;
11225
11225
  return (((te = W.text) == null ? void 0 : te.length) ?? 0) > 0 || (((I = W.caption) == null ? void 0 : I.length) ?? 0) > 0;
11226
- }), F = ve(null), [k, A] = le(0), [O, ee] = le(0), pe = e.controls ?? { mode: "Off", icon: null }, oe = s.length > 1, ge = pt((W, te) => !oe || te === W ? W : (R.current && window.clearTimeout(R.current), T(W), C(!0), R.current = window.setTimeout(() => {
11226
+ }), k = ve(null), [F, A] = le(0), [O, ee] = le(0), pe = e.controls ?? { mode: "Off", icon: null }, oe = s.length > 1, ge = pt((W, te) => !oe || te === W ? W : (R.current && window.clearTimeout(R.current), T(W), C(!0), R.current = window.setTimeout(() => {
11227
11227
  T(null), C(!1), R.current = null;
11228
11228
  }, 300), te), [oe]), N = pt(() => {
11229
11229
  oe && $((W) => ge(W, (W - 1 + s.length) % s.length));
@@ -11319,7 +11319,7 @@ const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11319
11319
  G({ maxTextPx: 0, maxCaptionPx: 0 });
11320
11320
  return;
11321
11321
  }
11322
- const W = F.current;
11322
+ const W = k.current;
11323
11323
  if (!W) return;
11324
11324
  const te = () => {
11325
11325
  ri(W, G);
@@ -11330,7 +11330,7 @@ const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11330
11330
  I.disconnect();
11331
11331
  };
11332
11332
  }, [M, G, t]), !H) return /* @__PURE__ */ u(st, {});
11333
- const re = M ? { textMinHeightPx: k, captionMinHeightPx: O } : void 0;
11333
+ const re = M ? { textMinHeightPx: F, captionMinHeightPx: O } : void 0;
11334
11334
  return /* @__PURE__ */ u(st, { children: /* @__PURE__ */ ue("div", { className: `${o}-container`, children: [
11335
11335
  /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: Bc(o) } }),
11336
11336
  /* @__PURE__ */ ue(
@@ -11342,7 +11342,7 @@ const Dc = ({ settings: e, content: t, isEditor: n, isPreviewMode: r }) => {
11342
11342
  M && /* @__PURE__ */ u(
11343
11343
  "div",
11344
11344
  {
11345
- ref: F,
11345
+ ref: k,
11346
11346
  "aria-hidden": !0,
11347
11347
  style: {
11348
11348
  position: "absolute",
@@ -12697,8 +12697,8 @@ function Xc({ settings: e, content: t, isEditor: n, isPreviewMode: r, metadata:
12697
12697
  subtitleFontSettings: j,
12698
12698
  subtitleFontSize: S,
12699
12699
  subtitleLineHeight: M,
12700
- subtitleLetterSpacing: F,
12701
- subtitleWordSpacing: k,
12700
+ subtitleLetterSpacing: k,
12701
+ subtitleWordSpacing: F,
12702
12702
  subtitleTextAppearance: A
12703
12703
  } = e, O = {
12704
12704
  fontSettings: {
@@ -12722,8 +12722,8 @@ function Xc({ settings: e, content: t, isEditor: n, isPreviewMode: r, metadata:
12722
12722
  },
12723
12723
  fontSize: S ?? 0.01,
12724
12724
  lineHeight: M,
12725
- letterSpacing: F ?? 0,
12726
- wordSpacing: k ?? 0,
12725
+ letterSpacing: k ?? 0,
12726
+ wordSpacing: F ?? 0,
12727
12727
  textAppearance: A,
12728
12728
  color: T
12729
12729
  }, N = {
@@ -14267,16 +14267,8 @@ a.${e}-list-item {
14267
14267
  background: transparent;
14268
14268
  }
14269
14269
 
14270
- .${e}-row-padding-handle::before {
14271
- content: "";
14272
- position: absolute;
14273
- top: 0;
14274
- left: 0;
14275
- width: 100%;
14276
- height: 100%;
14270
+ .${e}-row-padding-handle[data-controls] {
14277
14271
  min-height: 20px;
14278
- pointer-events: auto;
14279
- z-index: 10;
14280
14272
  }
14281
14273
 
14282
14274
  .${e}-col-resize-handle::after {
@@ -14299,45 +14291,10 @@ a.${e}-list-item {
14299
14291
  height: 2px;
14300
14292
  }
14301
14293
 
14302
- .${e}-padding-control-handle::after {
14303
- content: '';
14304
- position: absolute;
14305
- top: 50%;
14306
- left: 50%;
14307
- transform: translate(-50%, -50%);
14308
- width: 4px;
14309
- height: 12px;
14310
- background: #FF5C02;
14311
- border: 1px solid #FFFFFF;
14312
- border-radius: 5px;
14313
- pointer-events: none;
14314
- box-sizing: border-box;
14315
- }
14316
-
14317
- .${e}-wrapper.${e}-type-b .${e}-padding-control-handle::after {
14318
- width: 12px;
14319
- height: 4px;
14320
- }
14321
-
14322
14294
  .${e}-text-padding-lr-handle {
14323
14295
  background: transparent;
14324
14296
  }
14325
14297
 
14326
- .${e}-text-padding-lr-handle::after {
14327
- content: '';
14328
- position: absolute;
14329
- top: 50%;
14330
- left: 50%;
14331
- transform: translate(-50%, -50%);
14332
- width: 4px;
14333
- height: 12px;
14334
- background: #FF5C02;
14335
- border: 1px solid #FFFFFF;
14336
- border-radius: 5px;
14337
- pointer-events: none;
14338
- box-sizing: border-box;
14339
- }
14340
-
14341
14298
  .${e}-wrapper.${e}-entry-hover-default .${e}-list-item-has-link,
14342
14299
  .${e}-wrapper.${e}-entry-hover-blinds .${e}-list-item-has-link,
14343
14300
  .${e}-wrapper.${e}-entry-hover-default .${e}-cut-item,
@@ -14919,7 +14876,7 @@ function Rd(e, t, n, r, o, s) {
14919
14876
  };
14920
14877
  });
14921
14878
  }
14922
- function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEvent: o, layoutId: s, onUpdateSettings: i }) {
14879
+ function kd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEvent: o, layoutId: s, onUpdateSettings: i }) {
14923
14880
  const { prefix: a } = Yt(), l = !!(n && r), {
14924
14881
  columns: d,
14925
14882
  type: c,
@@ -14946,8 +14903,8 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
14946
14903
  textFontSize: j,
14947
14904
  textLineHeight: S,
14948
14905
  textLetterSpacing: M,
14949
- textWordSpacing: F,
14950
- textTextAppearance: k,
14906
+ textWordSpacing: k,
14907
+ textTextAppearance: F,
14951
14908
  backgroundColor: A,
14952
14909
  dividerColor: O,
14953
14910
  textHoverColor: ee,
@@ -14968,10 +14925,10 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
14968
14925
  return;
14969
14926
  const $e = new ResizeObserver(he);
14970
14927
  $e.observe(Se);
14971
- let ke = Se;
14972
- for (; ke && !ke.style.getPropertyValue("--cntrl-article-width"); )
14973
- ke = ke.parentElement;
14974
- return ke && $e.observe(ke), () => $e.disconnect();
14928
+ let Fe = Se;
14929
+ for (; Fe && !Fe.style.getPropertyValue("--cntrl-article-width"); )
14930
+ Fe = Fe.parentElement;
14931
+ return Fe && $e.observe(Fe), () => $e.disconnect();
14975
14932
  }, [n, s]), Te(() => {
14976
14933
  N(void 0);
14977
14934
  }, [x, f, t, g]);
@@ -14999,7 +14956,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
14999
14956
  );
15000
14957
  ne.current = e, Se !== e && i(Se);
15001
14958
  }, [e, i, n, s, I]);
15002
- const xe = Fe(
14959
+ const xe = ke(
15003
14960
  () => Wd(e),
15004
14961
  [
15005
14962
  e.AColumnWidth,
@@ -15008,7 +14965,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15008
14965
  e.DColumnWidth,
15009
14966
  e.EColumnWidth
15010
14967
  ]
15011
- ), We = Fe(
14968
+ ), We = ke(
15012
14969
  () => Ir(e, sn),
15013
14970
  [
15014
14971
  e.AColumnPaddingLeft,
@@ -15017,7 +14974,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15017
14974
  e.DColumnPaddingLeft,
15018
14975
  e.EColumnPaddingLeft
15019
14976
  ]
15020
- ), Ye = Fe(
14977
+ ), Ye = ke(
15021
14978
  () => Ir(e, ln),
15022
14979
  [
15023
14980
  e.AColumnPaddingRight,
@@ -15026,7 +14983,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15026
14983
  e.DColumnPaddingRight,
15027
14984
  e.EColumnPaddingRight
15028
14985
  ]
15029
- ), Je = Fe(
14986
+ ), Je = ke(
15030
14987
  () => Ir(e, cn),
15031
14988
  [
15032
14989
  e.AColumnPaddingBottom,
@@ -15035,7 +14992,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15035
14992
  e.DColumnPaddingBottom,
15036
14993
  e.EColumnPaddingBottom
15037
14994
  ]
15038
- ), Ee = Fe(() => Array.isArray(B) && B.length > 0 ? B : [...Mt], [B]), Re = Fe(
14995
+ ), Ee = ke(() => Array.isArray(B) && B.length > 0 ? B : [...Mt], [B]), Re = ke(
15039
14996
  () => Rd(
15040
14997
  Ee,
15041
14998
  d,
@@ -15045,33 +15002,33 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15045
15002
  Je
15046
15003
  ),
15047
15004
  [Ee, d, xe, We, Ye, Je]
15048
- ), Be = Qn(e), Me = Fe(
15005
+ ), Be = Qn(e), Me = ke(
15049
15006
  () => lt.slice(0, d).map((he) => xe[he]),
15050
15007
  [d, xe]
15051
- ), je = Fe(
15008
+ ), je = ke(
15052
15009
  () => ho(d, Be, xe),
15053
15010
  [d, Be, xe]
15054
- ), be = Fe(
15011
+ ), be = ke(
15055
15012
  () => er(d, Be, xe),
15056
15013
  [d, Be, xe]
15057
- ), Oe = Fe(
15014
+ ), Oe = ke(
15058
15015
  () => Re.map((he, Se) => qi(
15059
15016
  be[Se] ?? 0,
15060
15017
  he.paddingLeft,
15061
15018
  he.paddingRight
15062
15019
  )),
15063
15020
  [Re, be]
15064
- ), ze = Fe(() => {
15021
+ ), ze = ke(() => {
15065
15022
  const he = g === 0 ? 1 / 0 : g;
15066
- return (t ?? []).slice(0, he).map(($e, ke) => ({
15067
- id: ke,
15023
+ return (t ?? []).slice(0, he).map(($e, Fe) => ({
15024
+ id: Fe,
15068
15025
  cells: Object.fromEntries(
15069
15026
  Mt.map((et) => [et, $e[et] ?? ""])
15070
15027
  ),
15071
15028
  image: $e.image,
15072
15029
  link: $e.link
15073
15030
  }));
15074
- }, [t, g]), Ve = re ? ge ?? x : ze.length, Ue = Fe(() => re ? ze.slice(0, Ve) : ze, [ze, re, Ve]), rt = re && Ve < ze.length, _t = Ue.length > 1 || rt, ht = [
15031
+ }, [t, g]), Ve = re ? ge ?? x : ze.length, Ue = ke(() => re ? ze.slice(0, Ve) : ze, [ze, re, Ve]), rt = re && Ve < ze.length, _t = Ue.length > 1 || rt, ht = [
15075
15032
  X ? `${a}-divider-top` : "",
15076
15033
  de || _t ? `${a}-divider-bottom` : ""
15077
15034
  ].filter(Boolean).join(" "), Cr = () => {
@@ -15097,22 +15054,22 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15097
15054
  q(null);
15098
15055
  return;
15099
15056
  }
15100
- const { x: ke, y: et } = yo(Se), ft = ($ == null ? void 0 : $.min) ?? 80, _e = ($ == null ? void 0 : $.max) ?? 320, Ke = (J == null ? void 0 : J.rowId) === he.id ? J.widthPx : Id(ft, _e);
15057
+ const { x: Fe, y: et } = yo(Se), ft = ($ == null ? void 0 : $.min) ?? 80, _e = ($ == null ? void 0 : $.max) ?? 320, Ke = (J == null ? void 0 : J.rowId) === he.id ? J.widthPx : Id(ft, _e);
15101
15058
  q({
15102
15059
  rowId: he.id,
15103
15060
  url: $e.url,
15104
15061
  objectFit: $e.objectFit ?? "cover",
15105
15062
  widthPx: Ke,
15106
- x: ke,
15063
+ x: Fe,
15107
15064
  y: et
15108
15065
  });
15109
15066
  }, Zi = (he) => {
15110
15067
  if (!G || !J) return;
15111
15068
  const { x: Se, y: $e } = yo(he);
15112
- q((ke) => !ke || ke.x === Se && ke.y === $e ? ke : { ...ke, x: Se, y: $e });
15069
+ q((Fe) => !Fe || Fe.x === Se && Fe.y === $e ? Fe : { ...Fe, x: Se, y: $e });
15113
15070
  }, Ji = () => {
15114
15071
  q(null);
15115
- }, vo = Fe(
15072
+ }, vo = ke(
15116
15073
  () => !W && po.some((he) => {
15117
15074
  const Se = he.charAt(0), $e = e[`${he}VerticalAlign`];
15118
15075
  return Ki($e, e, Se);
@@ -15198,13 +15155,13 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15198
15155
  });
15199
15156
  };
15200
15157
  $e();
15201
- const ke = new ResizeObserver(() => $e());
15202
- ke.observe(he);
15158
+ const Fe = new ResizeObserver(() => $e());
15159
+ Fe.observe(he);
15203
15160
  let et = !1;
15204
15161
  return typeof document < "u" && ((ft = document.fonts) != null && ft.ready) && document.fonts.ready.then(() => {
15205
15162
  et || $e();
15206
15163
  }), () => {
15207
- et = !0, ke.disconnect(), Se();
15164
+ et = !0, Fe.disconnect(), Se();
15208
15165
  };
15209
15166
  }, [
15210
15167
  vo,
@@ -15230,7 +15187,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15230
15187
  /* @__PURE__ */ ue("div", { style: { width: "100%" }, children: [
15231
15188
  Ue.map((he, Se) => {
15232
15189
  var ft;
15233
- const $e = (((ft = he.link) == null ? void 0 : ft.length) ?? 0) > 0, ke = $e ? "a" : "div", et = od(
15190
+ const $e = (((ft = he.link) == null ? void 0 : ft.length) ?? 0) > 0, Fe = $e ? "a" : "div", et = od(
15234
15191
  Se,
15235
15192
  Ue.length,
15236
15193
  X,
@@ -15240,7 +15197,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15240
15197
  n ?? !1
15241
15198
  );
15242
15199
  return /* @__PURE__ */ ue(
15243
- ke,
15200
+ Fe,
15244
15201
  {
15245
15202
  className: `${a}-list-item${$e ? ` ${a}-list-item-has-link` : ""}`,
15246
15203
  ...$e ? { href: he.link, target: "_blank" } : {},
@@ -15253,6 +15210,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15253
15210
  ...l ? {
15254
15211
  "data-controls": Sr,
15255
15212
  "data-controls-axis": "y",
15213
+ "data-controls-variant": "row-padding",
15256
15214
  "data-controls-min": "0"
15257
15215
  } : {},
15258
15216
  className: `${a}-row-padding-handle`,
@@ -15340,6 +15298,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15340
15298
  ...l ? {
15341
15299
  "data-controls": "rowPaddingBottom",
15342
15300
  "data-controls-axis": "y",
15301
+ "data-controls-variant": "row-padding",
15343
15302
  "data-controls-min": "0"
15344
15303
  } : {},
15345
15304
  className: `${a}-row-padding-handle`,
@@ -15405,7 +15364,6 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15405
15364
  "data-controls-max-fraction": String(
15406
15365
  be[0] - ((qe == null ? void 0 : qe.paddingRight) ?? 0)
15407
15366
  ),
15408
- "data-controls-static-handle": "",
15409
15367
  className: `${a}-padding-control-handle`,
15410
15368
  style: {
15411
15369
  position: "absolute",
@@ -15429,7 +15387,6 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15429
15387
  "data-controls-max-fraction": String(
15430
15388
  be[Re.length - 1] - ((De == null ? void 0 : De.paddingLeft) ?? 0)
15431
15389
  ),
15432
- "data-controls-static-handle": "",
15433
15390
  className: `${a}-padding-control-handle`,
15434
15391
  style: {
15435
15392
  position: "absolute",
@@ -15444,7 +15401,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15444
15401
  )
15445
15402
  ] }, "column-edge-padding-handles"),
15446
15403
  l && !W && Re.slice(0, -1).map((he, Se) => {
15447
- const $e = Re[Se + 1], ke = Ad(
15404
+ const $e = Re[Se + 1], Fe = Ad(
15448
15405
  Se,
15449
15406
  je,
15450
15407
  Me,
@@ -15468,7 +15425,6 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15468
15425
  "data-controls-max-fraction": String(
15469
15426
  be[Se] - ft.paddingLeft
15470
15427
  ),
15471
- "data-controls-static-handle": "",
15472
15428
  className: `${a}-padding-control-handle`,
15473
15429
  style: {
15474
15430
  position: "absolute",
@@ -15487,7 +15443,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15487
15443
  "data-controls": he.widthKey,
15488
15444
  "data-controls-axis": "x",
15489
15445
  "data-controls-min": String(go),
15490
- "data-controls-max-fraction": String(ke),
15446
+ "data-controls-max-fraction": String(Fe),
15491
15447
  "data-controls-variant": "column-width",
15492
15448
  className: `${a}-col-resize-handle`,
15493
15449
  style: {
@@ -15511,7 +15467,6 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15511
15467
  "data-controls-max-fraction": String(
15512
15468
  be[Se + 1] - _e.paddingRight
15513
15469
  ),
15514
- "data-controls-static-handle": "",
15515
15470
  className: `${a}-padding-control-handle`,
15516
15471
  style: {
15517
15472
  position: "absolute",
@@ -15533,9 +15488,9 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15533
15488
  "data-controls": "textPaddingLR",
15534
15489
  "data-controls-paired": "",
15535
15490
  "data-controls-axis": "x",
15491
+ "data-controls-variant": "column-padding",
15536
15492
  "data-controls-min": "0",
15537
15493
  "data-controls-max-fraction": String(se),
15538
- "data-controls-static-handle": "",
15539
15494
  className: `${a}-text-padding-lr-handle`,
15540
15495
  style: {
15541
15496
  position: "absolute",
@@ -15554,10 +15509,10 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15554
15509
  "data-controls": "textPaddingLR",
15555
15510
  "data-controls-paired": "",
15556
15511
  "data-controls-axis": "x",
15512
+ "data-controls-variant": "column-padding",
15557
15513
  "data-controls-reverse": "",
15558
15514
  "data-controls-min": "0",
15559
15515
  "data-controls-max-fraction": String(se),
15560
- "data-controls-static-handle": "",
15561
15516
  className: `${a}-text-padding-lr-handle`,
15562
15517
  style: {
15563
15518
  position: "absolute",
@@ -15590,7 +15545,7 @@ function Fd({ settings: e, content: t, isEditor: n, isPreviewMode: r, activeEven
15590
15545
  ) })
15591
15546
  ] });
15592
15547
  }
15593
- const kd = `import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
15548
+ const Fd = `import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
15594
15549
  import { CommonComponentProps } from '../props';
15595
15550
  import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
15596
15551
  import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
@@ -16018,16 +15973,8 @@ a.\${P}-list-item {
16018
15973
  background: transparent;
16019
15974
  }
16020
15975
 
16021
- .\${P}-row-padding-handle::before {
16022
- content: "";
16023
- position: absolute;
16024
- top: 0;
16025
- left: 0;
16026
- width: 100%;
16027
- height: 100%;
15976
+ .\${P}-row-padding-handle[data-controls] {
16028
15977
  min-height: 20px;
16029
- pointer-events: auto;
16030
- z-index: 10;
16031
15978
  }
16032
15979
 
16033
15980
  .\${P}-col-resize-handle::after {
@@ -16050,45 +15997,10 @@ a.\${P}-list-item {
16050
15997
  height: 2px;
16051
15998
  }
16052
15999
 
16053
- .\${P}-padding-control-handle::after {
16054
- content: '';
16055
- position: absolute;
16056
- top: 50%;
16057
- left: 50%;
16058
- transform: translate(-50%, -50%);
16059
- width: 4px;
16060
- height: 12px;
16061
- background: #FF5C02;
16062
- border: 1px solid #FFFFFF;
16063
- border-radius: 5px;
16064
- pointer-events: none;
16065
- box-sizing: border-box;
16066
- }
16067
-
16068
- .\${P}-wrapper.\${P}-type-b .\${P}-padding-control-handle::after {
16069
- width: 12px;
16070
- height: 4px;
16071
- }
16072
-
16073
16000
  .\${P}-text-padding-lr-handle {
16074
16001
  background: transparent;
16075
16002
  }
16076
16003
 
16077
- .\${P}-text-padding-lr-handle::after {
16078
- content: '';
16079
- position: absolute;
16080
- top: 50%;
16081
- left: 50%;
16082
- transform: translate(-50%, -50%);
16083
- width: 4px;
16084
- height: 12px;
16085
- background: #FF5C02;
16086
- border: 1px solid #FFFFFF;
16087
- border-radius: 5px;
16088
- pointer-events: none;
16089
- box-sizing: border-box;
16090
- }
16091
-
16092
16004
  .\${P}-wrapper.\${P}-entry-hover-default .\${P}-list-item-has-link,
16093
16005
  .\${P}-wrapper.\${P}-entry-hover-blinds .\${P}-list-item-has-link,
16094
16006
  .\${P}-wrapper.\${P}-entry-hover-default .\${P}-cut-item,
@@ -17792,6 +17704,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
17792
17704
  {...(showControls ? {
17793
17705
  'data-controls': rowPaddingTopControlKey,
17794
17706
  'data-controls-axis': 'y',
17707
+ 'data-controls-variant': 'row-padding',
17795
17708
  'data-controls-min': '0',
17796
17709
  } : {})}
17797
17710
  className={\`\${P}-row-padding-handle\`}
@@ -17890,6 +17803,7 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
17890
17803
  {...(showControls ? {
17891
17804
  'data-controls': 'rowPaddingBottom',
17892
17805
  'data-controls-axis': 'y',
17806
+ 'data-controls-variant': 'row-padding',
17893
17807
  'data-controls-min': '0',
17894
17808
  } : {})}
17895
17809
  className={\`\${P}-row-padding-handle\`}
@@ -17952,7 +17866,6 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
17952
17866
  data-controls-max-fraction={String(
17953
17867
  effectiveColumnWidths[0] - (firstColumnEffectivePadding?.paddingRight ?? 0),
17954
17868
  )}
17955
- data-controls-static-handle=""
17956
17869
  className={\`\${P}-padding-control-handle\`}
17957
17870
  style={{
17958
17871
  position: 'absolute',
@@ -17974,7 +17887,6 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
17974
17887
  effectiveColumnWidths[listColumns.length - 1]
17975
17888
  - (lastColumnEffectivePadding?.paddingLeft ?? 0),
17976
17889
  )}
17977
- data-controls-static-handle=""
17978
17890
  className={\`\${P}-padding-control-handle\`}
17979
17891
  style={{
17980
17892
  position: 'absolute',
@@ -18020,7 +17932,6 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
18020
17932
  data-controls-max-fraction={String(
18021
17933
  effectiveColumnWidths[colIndex] - colEffectivePadding.paddingLeft,
18022
17934
  )}
18023
- data-controls-static-handle=""
18024
17935
  className={\`\${P}-padding-control-handle\`}
18025
17936
  style={{
18026
17937
  position: 'absolute',
@@ -18057,7 +17968,6 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
18057
17968
  data-controls-max-fraction={String(
18058
17969
  effectiveColumnWidths[colIndex + 1] - nextColEffectivePadding.paddingRight,
18059
17970
  )}
18060
- data-controls-static-handle=""
18061
17971
  className={\`\${P}-padding-control-handle\`}
18062
17972
  style={{
18063
17973
  position: 'absolute',
@@ -18078,9 +17988,9 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
18078
17988
  data-controls="textPaddingLR"
18079
17989
  data-controls-paired=""
18080
17990
  data-controls-axis="x"
17991
+ data-controls-variant="column-padding"
18081
17992
  data-controls-min="0"
18082
17993
  data-controls-max-fraction={String(textPaddingLRMaxFraction)}
18083
- data-controls-static-handle=""
18084
17994
  className={\`\${P}-text-padding-lr-handle\`}
18085
17995
  style={{
18086
17996
  position: 'absolute',
@@ -18096,10 +18006,10 @@ export function List({ settings, content, isEditor, isPreviewMode, activeEvent,
18096
18006
  data-controls="textPaddingLR"
18097
18007
  data-controls-paired=""
18098
18008
  data-controls-axis="x"
18009
+ data-controls-variant="column-padding"
18099
18010
  data-controls-reverse=""
18100
18011
  data-controls-min="0"
18101
18012
  data-controls-max-fraction={String(textPaddingLRMaxFraction)}
18102
- data-controls-static-handle=""
18103
18013
  className={\`\${P}-text-padding-lr-handle\`}
18104
18014
  style={{
18105
18015
  position: 'absolute',
@@ -18877,7 +18787,7 @@ const Xd = [
18877
18787
  }
18878
18788
  }
18879
18789
  }, Qd = {
18880
- element: Fd,
18790
+ element: kd,
18881
18791
  id: "list",
18882
18792
  name: "Default List",
18883
18793
  category: "lists",
@@ -18898,14 +18808,14 @@ const Xd = [
18898
18808
  parameters: []
18899
18809
  },
18900
18810
  schema: Jd,
18901
- sourceCode: kd
18811
+ sourceCode: Fd
18902
18812
  }, au = [
18903
18813
  dl,
18904
18814
  yl,
18905
18815
  ic,
18906
18816
  gc,
18907
18817
  $c,
18908
- Fc,
18818
+ kc,
18909
18819
  Oc,
18910
18820
  jc,
18911
18821
  nd,