@cntrl-site/components 1.0.8-alpha.3 → 1.0.8
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.
- package/dist/Components/TestimonialGrid/TestimonialGridComponent.d.ts +1 -1
- package/dist/index.js +11 -19
- package/dist/index.mjs +646 -671
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as f, Fragment as tt, jsxs as ge } from "react/jsx-runtime";
|
|
2
2
|
import pt, { useState as pe, useEffect as Te, useRef as Ce, useCallback as Je, useMemo as Qe, useLayoutEffect as Ft } from "react";
|
|
3
|
-
import
|
|
4
|
-
import { s as M, u as fn, b as
|
|
5
|
-
import { createPortal as
|
|
3
|
+
import ve from "classnames";
|
|
4
|
+
import { s as M, u as fn, b as Ho, g as cn, r as zo } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
|
|
5
|
+
import { createPortal as Lr } from "react-dom";
|
|
6
6
|
function ys(e) {
|
|
7
7
|
return e.type === "object" && e.version === 1;
|
|
8
8
|
}
|
|
9
|
-
const Ir = "ControlSlider-module__wrapper___sHEkd", Fr = "ControlSlider-module__hoverArrow___A-dOH", Pr = "ControlSlider-module__sliderItem___QQSkR", Mr = "ControlSlider-module__sliderImage___9hRl-", Rr = "ControlSlider-module__arrow___05ghY", Wr = "ControlSlider-module__arrowVertical___tBfVN",
|
|
9
|
+
const Ir = "ControlSlider-module__wrapper___sHEkd", Fr = "ControlSlider-module__hoverArrow___A-dOH", Pr = "ControlSlider-module__sliderItem___QQSkR", Mr = "ControlSlider-module__sliderImage___9hRl-", Rr = "ControlSlider-module__arrow___05ghY", Wr = "ControlSlider-module__arrowVertical___tBfVN", Nr = "ControlSlider-module__nextArrow___-30Yc", Hr = "ControlSlider-module__arrowInner___aEra3", zr = "ControlSlider-module__arrowIcon___S4ztF", Or = "ControlSlider-module__arrowImg___2dwJW", Br = "ControlSlider-module__mirror___brd6U", Vr = "ControlSlider-module__pagination___bicLF", Dr = "ControlSlider-module__paginationInner___bT-P-", jr = "ControlSlider-module__paginationVertical___zYqKw", qr = "ControlSlider-module__paginationItem___nTRbk", Ur = "ControlSlider-module__dot___p1Qun", Gr = "ControlSlider-module__activeDot___LHFaj", Yr = "ControlSlider-module__paginationInsideBottom___R3FWn", Xr = "ControlSlider-module__paginationInsideTop___V-qb-", Kr = "ControlSlider-module__paginationOutsideBottom___14w8D", Zr = "ControlSlider-module__paginationOutsideTop___SCLqB", Jr = "ControlSlider-module__paginationInsideLeft___yOBRZ", Qr = "ControlSlider-module__paginationInsideRight___Rtt3o", ei = "ControlSlider-module__paginationOutsideLeft___lahaw", ti = "ControlSlider-module__paginationOutsideRight___EtuQa", ni = "ControlSlider-module__imgWrapper___UjEgB", oi = "ControlSlider-module__captionBlock___dJ6-j", ri = "ControlSlider-module__captionTextWrapper___HFlpf", ii = "ControlSlider-module__captionText___uGBVc", ai = "ControlSlider-module__active___WZK4G", li = "ControlSlider-module__withPointerEvents___t-18M", si = "ControlSlider-module__topLeftAlignment___zjnGM", ci = "ControlSlider-module__topCenterAlignment___gD1xW", pi = "ControlSlider-module__topRightAlignment___NMapS", ui = "ControlSlider-module__middleLeftAlignment___OnUrY", di = "ControlSlider-module__middleCenterAlignment___Tdkl0", mi = "ControlSlider-module__middleRightAlignment___wEbfX", gi = "ControlSlider-module__bottomLeftAlignment___cTP2-", fi = "ControlSlider-module__bottomCenterAlignment___c54fB", hi = "ControlSlider-module__bottomRightAlignment___kEwrz", yi = "ControlSlider-module__clickOverlay___DZA28", vi = "ControlSlider-module__contain___pLyq7", bi = "ControlSlider-module__cover___KdDat", Z = {
|
|
10
10
|
wrapper: Ir,
|
|
11
11
|
hoverArrow: Fr,
|
|
12
12
|
sliderItem: Pr,
|
|
13
13
|
sliderImage: Mr,
|
|
14
14
|
arrow: Rr,
|
|
15
15
|
arrowVertical: Wr,
|
|
16
|
-
nextArrow:
|
|
17
|
-
arrowInner:
|
|
18
|
-
arrowIcon:
|
|
19
|
-
arrowImg:
|
|
16
|
+
nextArrow: Nr,
|
|
17
|
+
arrowInner: Hr,
|
|
18
|
+
arrowIcon: zr,
|
|
19
|
+
arrowImg: Or,
|
|
20
20
|
mirror: Br,
|
|
21
21
|
pagination: Vr,
|
|
22
22
|
paginationInner: Dr,
|
|
@@ -78,7 +78,7 @@ function it(e, t, n) {
|
|
|
78
78
|
function be(e) {
|
|
79
79
|
return e.bind.apply(e, [null].concat(it(arguments, 1)));
|
|
80
80
|
}
|
|
81
|
-
var
|
|
81
|
+
var Oo = setTimeout, Rn = function() {
|
|
82
82
|
};
|
|
83
83
|
function fo(e) {
|
|
84
84
|
return requestAnimationFrame(e);
|
|
@@ -117,7 +117,7 @@ function Ue(e, t, n) {
|
|
|
117
117
|
o && e.classList[n ? "add" : "remove"](o);
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
|
-
function
|
|
120
|
+
function ze(e, t) {
|
|
121
121
|
Ue(e, ot(t) ? t.split(" ") : t, !0);
|
|
122
122
|
}
|
|
123
123
|
function Ut(e, t) {
|
|
@@ -141,13 +141,13 @@ function Do(e, t) {
|
|
|
141
141
|
function Gt(e, t) {
|
|
142
142
|
return t ? Do(e, t)[0] : e.firstElementChild;
|
|
143
143
|
}
|
|
144
|
-
var
|
|
144
|
+
var Nt = Object.keys;
|
|
145
145
|
function ut(e, t, n) {
|
|
146
|
-
return e && (n ?
|
|
146
|
+
return e && (n ? Nt(e).reverse() : Nt(e)).forEach(function(o) {
|
|
147
147
|
o !== "__proto__" && t(e[o], o);
|
|
148
148
|
}), e;
|
|
149
149
|
}
|
|
150
|
-
function
|
|
150
|
+
function Ht(e) {
|
|
151
151
|
return it(arguments, 1).forEach(function(t) {
|
|
152
152
|
ut(t, function(n, o) {
|
|
153
153
|
e[o] = t[o];
|
|
@@ -162,11 +162,11 @@ function et(e) {
|
|
|
162
162
|
}), e;
|
|
163
163
|
}
|
|
164
164
|
function ho(e, t) {
|
|
165
|
-
Fe(t ||
|
|
165
|
+
Fe(t || Nt(e), function(n) {
|
|
166
166
|
delete e[n];
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
|
-
function
|
|
169
|
+
function Oe(e, t) {
|
|
170
170
|
Fe(e, function(n) {
|
|
171
171
|
Fe(t, function(o) {
|
|
172
172
|
n && n.removeAttribute(o);
|
|
@@ -177,19 +177,19 @@ function le(e, t, n) {
|
|
|
177
177
|
Rt(t) ? ut(t, function(o, r) {
|
|
178
178
|
le(e, r, o);
|
|
179
179
|
}) : Fe(e, function(o) {
|
|
180
|
-
qn(n) || n === "" ?
|
|
180
|
+
qn(n) || n === "" ? Oe(o, t) : o.setAttribute(t, String(n));
|
|
181
181
|
});
|
|
182
182
|
}
|
|
183
183
|
function St(e, t, n) {
|
|
184
184
|
var o = document.createElement(e);
|
|
185
|
-
return t && (ot(t) ?
|
|
185
|
+
return t && (ot(t) ? ze(o, t) : le(o, t)), n && Ut(n, o), o;
|
|
186
186
|
}
|
|
187
187
|
function Me(e, t, n) {
|
|
188
188
|
if (jt(n))
|
|
189
189
|
return getComputedStyle(e)[t];
|
|
190
190
|
qn(n) || (e.style[t] = "" + n);
|
|
191
191
|
}
|
|
192
|
-
function
|
|
192
|
+
function zt(e, t) {
|
|
193
193
|
Me(e, "display", t);
|
|
194
194
|
}
|
|
195
195
|
function jo(e) {
|
|
@@ -203,7 +203,7 @@ function Re(e, t) {
|
|
|
203
203
|
function yo(e, t) {
|
|
204
204
|
return e && e.classList.contains(t);
|
|
205
205
|
}
|
|
206
|
-
function
|
|
206
|
+
function Le(e) {
|
|
207
207
|
return e.getBoundingClientRect();
|
|
208
208
|
}
|
|
209
209
|
function dt(e) {
|
|
@@ -237,9 +237,9 @@ function Pt(e, t) {
|
|
|
237
237
|
if (!e)
|
|
238
238
|
throw new Error("[" + Yt + "] " + (t || ""));
|
|
239
239
|
}
|
|
240
|
-
var rt = Math.min, un = Math.max, dn = Math.floor,
|
|
240
|
+
var rt = Math.min, un = Math.max, dn = Math.floor, Ot = Math.ceil, ke = Math.abs;
|
|
241
241
|
function Go(e, t, n) {
|
|
242
|
-
return
|
|
242
|
+
return ke(e - t) < n;
|
|
243
243
|
}
|
|
244
244
|
function ln(e, t, n, o) {
|
|
245
245
|
var r = rt(t, n), a = un(t, n);
|
|
@@ -249,10 +249,10 @@ function vt(e, t, n) {
|
|
|
249
249
|
var o = rt(t, n), r = un(t, n);
|
|
250
250
|
return rt(un(o, e), r);
|
|
251
251
|
}
|
|
252
|
-
function
|
|
252
|
+
function Nn(e) {
|
|
253
253
|
return +(e > 0) - +(e < 0);
|
|
254
254
|
}
|
|
255
|
-
function
|
|
255
|
+
function Hn(e, t) {
|
|
256
256
|
return Fe(t, function(n) {
|
|
257
257
|
e = e.replace("%s", "" + n);
|
|
258
258
|
}), e;
|
|
@@ -308,7 +308,7 @@ function Yo() {
|
|
|
308
308
|
destroy: a
|
|
309
309
|
};
|
|
310
310
|
}
|
|
311
|
-
var at = "mounted",
|
|
311
|
+
var at = "mounted", zn = "ready", Ke = "move", Et = "moved", Zn = "click", Xo = "active", Ko = "inactive", Zo = "visible", Jo = "hidden", we = "refresh", Ee = "updated", Tt = "resize", yn = "resized", Qo = "drag", er = "dragging", tr = "dragged", vn = "scroll", gt = "scrolled", Ti = "overflow", Jn = "destroy", nr = "arrows:mounted", or = "arrows:updated", rr = "pagination:mounted", ir = "pagination:updated", Qn = "navigation:mounted", eo = "autoplay:play", ar = "autoplay:playing", to = "autoplay:pause", no = "lazyload:loaded", lr = "sk", sr = "sh", mn = "ei";
|
|
312
312
|
function xe(e) {
|
|
313
313
|
var t = e ? e.event.bus : document.createDocumentFragment(), n = Yo();
|
|
314
314
|
function o(a, i) {
|
|
@@ -319,7 +319,7 @@ function xe(e) {
|
|
|
319
319
|
function r(a) {
|
|
320
320
|
n.dispatch(t, a, it(arguments, 1));
|
|
321
321
|
}
|
|
322
|
-
return e && e.event.on(Jn, n.destroy),
|
|
322
|
+
return e && e.event.on(Jn, n.destroy), Ht(n, {
|
|
323
323
|
bus: t,
|
|
324
324
|
on: o,
|
|
325
325
|
off: be(n.unbind, t),
|
|
@@ -385,7 +385,7 @@ function Ei(e, t, n) {
|
|
|
385
385
|
var o = e.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i = Yo(), c = [];
|
|
386
386
|
function s() {
|
|
387
387
|
var p = n.mediaQuery === "min";
|
|
388
|
-
|
|
388
|
+
Nt(r).sort(function(u, x) {
|
|
389
389
|
return p ? +u - +x : +x - +u;
|
|
390
390
|
}).forEach(function(u) {
|
|
391
391
|
l(r[u], "(" + (p ? "min" : "max") + "-width:" + u + "px)");
|
|
@@ -405,7 +405,7 @@ function Ei(e, t, n) {
|
|
|
405
405
|
ho(n), m(x), n.destroy ? e.destroy(n.destroy === "completely") : p ? (d(!0), e.mount()) : u !== n.direction && e.refresh();
|
|
406
406
|
}
|
|
407
407
|
function S(p) {
|
|
408
|
-
matchMedia(go).matches && (p ? et(n, a) : ho(n,
|
|
408
|
+
matchMedia(go).matches && (p ? et(n, a) : ho(n, Nt(a)));
|
|
409
409
|
}
|
|
410
410
|
function m(p, u, x) {
|
|
411
411
|
et(n, p), u && et(Object.getPrototypeOf(n), p), (x || !o.is(xt)) && e.emit(Ee, n);
|
|
@@ -417,7 +417,7 @@ function Ei(e, t, n) {
|
|
|
417
417
|
set: m
|
|
418
418
|
};
|
|
419
419
|
}
|
|
420
|
-
var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", cr = xn + "Up", pr = xn + "Down", bo = "rtl", wn = "ttb",
|
|
420
|
+
var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", cr = xn + "Up", pr = xn + "Down", bo = "rtl", wn = "ttb", kn = {
|
|
421
421
|
width: ["height"],
|
|
422
422
|
left: ["top", "right"],
|
|
423
423
|
right: ["bottom", "left"],
|
|
@@ -427,12 +427,12 @@ var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", cr = xn + "Up", pr = xn +
|
|
|
427
427
|
ArrowLeft: [cr, Cn],
|
|
428
428
|
ArrowRight: [pr, Sn]
|
|
429
429
|
};
|
|
430
|
-
function
|
|
430
|
+
function ki(e, t, n) {
|
|
431
431
|
function o(a, i, c) {
|
|
432
432
|
c = c || n.direction;
|
|
433
433
|
var s = c === bo && !i ? 1 : c === wn ? 0 : -1;
|
|
434
|
-
return
|
|
435
|
-
var _ =
|
|
434
|
+
return kn[a] && kn[a][s] || a.replace(/width|left|right/i, function(d, l) {
|
|
435
|
+
var _ = kn[d.toLowerCase()][s] || d;
|
|
436
436
|
return l > 0 ? _.charAt(0).toUpperCase() + _.slice(1) : _;
|
|
437
437
|
});
|
|
438
438
|
}
|
|
@@ -444,7 +444,7 @@ function Li(e, t, n) {
|
|
|
444
444
|
orient: r
|
|
445
445
|
};
|
|
446
446
|
}
|
|
447
|
-
var Ye = "role", Ct = "tabindex",
|
|
447
|
+
var Ye = "role", Ct = "tabindex", Li = "disabled", We = "aria-", Xt = We + "controls", ur = We + "current", xo = We + "selected", Ie = We + "label", oo = We + "labelledby", dr = We + "hidden", ro = We + "orientation", Bt = We + "roledescription", So = We + "live", Co = We + "busy", wo = We + "atomic", io = [Ye, Ct, Li, Xt, ur, Ie, oo, dr, ro, Bt], Be = Yt + "__", lt = "is-", Ln = Yt, $o = Be + "track", Ii = Be + "list", $n = Be + "slide", mr = $n + "--clone", Fi = $n + "__container", ao = Be + "arrows", Tn = Be + "arrow", gr = Tn + "--prev", fr = Tn + "--next", _n = Be + "pagination", hr = _n + "__page", Pi = Be + "progress", Mi = Pi + "__bar", Ri = Be + "toggle", Wi = Be + "spinner", Ni = Be + "sr", Hi = lt + "initialized", mt = lt + "active", yr = lt + "prev", vr = lt + "next", On = lt + "visible", Bn = lt + "loading", br = lt + "focus-in", xr = lt + "overflow", zi = [mt, On, yr, vr, Bn, br, xr], Oi = {
|
|
448
448
|
slide: $n,
|
|
449
449
|
clone: mr,
|
|
450
450
|
arrows: ao,
|
|
@@ -479,10 +479,10 @@ function Di(e, t, n) {
|
|
|
479
479
|
}
|
|
480
480
|
function h(b) {
|
|
481
481
|
var C = io.concat("style");
|
|
482
|
-
Xe(d), Ge(i, l), Ge(S, _),
|
|
482
|
+
Xe(d), Ge(i, l), Ge(S, _), Oe([S, m], C), Oe(i, b ? C : ["style", Bt]);
|
|
483
483
|
}
|
|
484
484
|
function y() {
|
|
485
|
-
Ge(i, l), Ge(S, _), l = T(
|
|
485
|
+
Ge(i, l), Ge(S, _), l = T(Ln), _ = T($o), ze(i, l), ze(S, _), le(i, Ie, n.label), le(i, oo, n.labelledby);
|
|
486
486
|
}
|
|
487
487
|
function $() {
|
|
488
488
|
S = R("." + $o), m = Gt(S, "." + Ii), Pt(S && m, "A track/list element is missing."), an(d, Do(m, "." + $n + ":not(." + mr + ")")), ut({
|
|
@@ -494,7 +494,7 @@ function Di(e, t, n) {
|
|
|
494
494
|
toggle: Ri
|
|
495
495
|
}, function(b, C) {
|
|
496
496
|
s[C] = R("." + b);
|
|
497
|
-
}),
|
|
497
|
+
}), Ht(s, {
|
|
498
498
|
root: i,
|
|
499
499
|
track: S,
|
|
500
500
|
list: m,
|
|
@@ -507,52 +507,52 @@ function Di(e, t, n) {
|
|
|
507
507
|
}
|
|
508
508
|
function R(b) {
|
|
509
509
|
var C = Uo(i, b);
|
|
510
|
-
return C && Bi(C, "." +
|
|
510
|
+
return C && Bi(C, "." + Ln) === i ? C : void 0;
|
|
511
511
|
}
|
|
512
512
|
function T(b) {
|
|
513
|
-
return [b + "--" + n.type, b + "--" + n.direction, n.drag && b + "--draggable", n.isNavigation && b + "--nav", b ===
|
|
513
|
+
return [b + "--" + n.type, b + "--" + n.direction, n.drag && b + "--draggable", n.isNavigation && b + "--nav", b === Ln && mt];
|
|
514
514
|
}
|
|
515
|
-
return
|
|
515
|
+
return Ht(s, {
|
|
516
516
|
setup: u,
|
|
517
517
|
mount: x,
|
|
518
518
|
destroy: h
|
|
519
519
|
});
|
|
520
520
|
}
|
|
521
|
-
var _t = "slide",
|
|
521
|
+
var _t = "slide", kt = "loop", Kt = "fade";
|
|
522
522
|
function ji(e, t, n, o) {
|
|
523
523
|
var r = xe(e), a = r.on, i = r.emit, c = r.bind, s = e.Components, d = e.root, l = e.options, _ = l.isNavigation, S = l.updateOnMove, m = l.i18n, p = l.pagination, u = l.slideFocus, x = s.Direction.resolve, h = Re(o, "style"), y = Re(o, Ie), $ = n > -1, D = Gt(o, "." + Fi), R;
|
|
524
524
|
function T() {
|
|
525
|
-
$ || (o.id = d.id + "-slide" + Kn(t + 1), le(o, Ye, p ? "tabpanel" : "group"), le(o, Bt, m.slide), le(o, Ie, y ||
|
|
525
|
+
$ || (o.id = d.id + "-slide" + Kn(t + 1), le(o, Ye, p ? "tabpanel" : "group"), le(o, Bt, m.slide), le(o, Ie, y || Hn(m.slideLabel, [t + 1, e.length]))), b();
|
|
526
526
|
}
|
|
527
527
|
function b() {
|
|
528
|
-
c(o, "click", be(i, Zn, A)), c(o, "keydown", be(i, lr, A)), a([Et, sr, gt], F), a(Qn,
|
|
528
|
+
c(o, "click", be(i, Zn, A)), c(o, "keydown", be(i, lr, A)), a([Et, sr, gt], F), a(Qn, L), S && a(Ke, z);
|
|
529
529
|
}
|
|
530
530
|
function C() {
|
|
531
|
-
R = !0, r.destroy(), Ge(o,
|
|
531
|
+
R = !0, r.destroy(), Ge(o, zi), Oe(o, io), le(o, "style", h), le(o, Ie, y || "");
|
|
532
532
|
}
|
|
533
|
-
function
|
|
533
|
+
function L() {
|
|
534
534
|
var E = e.splides.map(function(w) {
|
|
535
535
|
var P = w.splide.Components.Slides.getAt(t);
|
|
536
536
|
return P ? P.slide.id : "";
|
|
537
537
|
}).join(" ");
|
|
538
|
-
le(o, Ie,
|
|
538
|
+
le(o, Ie, Hn(m.slideX, ($ ? n : t) + 1)), le(o, Xt, E), le(o, Ye, u ? "button" : ""), u && Oe(o, Bt);
|
|
539
539
|
}
|
|
540
|
-
function
|
|
540
|
+
function z() {
|
|
541
541
|
R || F();
|
|
542
542
|
}
|
|
543
543
|
function F() {
|
|
544
544
|
if (!R) {
|
|
545
545
|
var E = e.index;
|
|
546
|
-
W(),
|
|
546
|
+
W(), H(), Ue(o, yr, t === E - 1), Ue(o, vr, t === E + 1);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
549
|
function W() {
|
|
550
550
|
var E = U();
|
|
551
551
|
E !== yo(o, mt) && (Ue(o, mt, E), le(o, ur, _ && E || ""), i(E ? Xo : Ko, A));
|
|
552
552
|
}
|
|
553
|
-
function
|
|
553
|
+
function H() {
|
|
554
554
|
var E = g(), w = !E && (!U() || $);
|
|
555
|
-
if (e.state.is([At, Dt]) || le(o, dr, w || ""), le(Yn(o, l.focusableNodes || ""), Ct, w ? -1 : ""), u && le(o, Ct, w ? -1 : 0), E !== yo(o,
|
|
555
|
+
if (e.state.is([At, Dt]) || le(o, dr, w || ""), le(Yn(o, l.focusableNodes || ""), Ct, w ? -1 : ""), u && le(o, Ct, w ? -1 : 0), E !== yo(o, On) && (Ue(o, On, E), i(E ? Zo : Jo, A)), !E && document.activeElement === o) {
|
|
556
556
|
var P = s.Slides.getAt(e.index);
|
|
557
557
|
P && jo(P.slide);
|
|
558
558
|
}
|
|
@@ -567,12 +567,12 @@ function ji(e, t, n, o) {
|
|
|
567
567
|
function g() {
|
|
568
568
|
if (e.is(Kt))
|
|
569
569
|
return U();
|
|
570
|
-
var E =
|
|
571
|
-
return dn(E[P]) <=
|
|
570
|
+
var E = Le(s.Elements.track), w = Le(o), P = x("left", !0), K = x("right", !0);
|
|
571
|
+
return dn(E[P]) <= Ot(w[P]) && dn(w[K]) <= Ot(E[K]);
|
|
572
572
|
}
|
|
573
|
-
function
|
|
574
|
-
var P =
|
|
575
|
-
return !$ && (l.rewind || e.is(
|
|
573
|
+
function k(E, w) {
|
|
574
|
+
var P = ke(E - t);
|
|
575
|
+
return !$ && (l.rewind || e.is(kt)) && (P = rt(P, e.length - P)), P <= w;
|
|
576
576
|
}
|
|
577
577
|
var A = {
|
|
578
578
|
index: t,
|
|
@@ -584,7 +584,7 @@ function ji(e, t, n, o) {
|
|
|
584
584
|
destroy: C,
|
|
585
585
|
update: F,
|
|
586
586
|
style: V,
|
|
587
|
-
isWithin:
|
|
587
|
+
isWithin: k
|
|
588
588
|
};
|
|
589
589
|
return A;
|
|
590
590
|
}
|
|
@@ -608,8 +608,8 @@ function qi(e, t, n) {
|
|
|
608
608
|
F.update();
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
function u(F, W,
|
|
612
|
-
var V = ji(e, W,
|
|
611
|
+
function u(F, W, H) {
|
|
612
|
+
var V = ji(e, W, H, F);
|
|
613
613
|
V.mount(), l.push(V), l.sort(function(U, g) {
|
|
614
614
|
return U.index - g.index;
|
|
615
615
|
});
|
|
@@ -620,19 +620,19 @@ function qi(e, t, n) {
|
|
|
620
620
|
}) : l;
|
|
621
621
|
}
|
|
622
622
|
function h(F) {
|
|
623
|
-
var W = t.Controller,
|
|
623
|
+
var W = t.Controller, H = W.toIndex(F), V = W.hasFocus() ? 1 : n.perPage;
|
|
624
624
|
return T(function(U) {
|
|
625
|
-
return ln(U.index,
|
|
625
|
+
return ln(U.index, H, H + V - 1);
|
|
626
626
|
});
|
|
627
627
|
}
|
|
628
628
|
function y(F) {
|
|
629
629
|
return T(F)[0];
|
|
630
630
|
}
|
|
631
631
|
function $(F, W) {
|
|
632
|
-
Fe(F, function(
|
|
633
|
-
if (ot(
|
|
632
|
+
Fe(F, function(H) {
|
|
633
|
+
if (ot(H) && (H = qo(H)), Vo(H)) {
|
|
634
634
|
var V = s[W];
|
|
635
|
-
V ? Gn(
|
|
635
|
+
V ? Gn(H, V) : Ut(d, H), ze(H, n.classes.slide), C(H, be(a, Tt));
|
|
636
636
|
}
|
|
637
637
|
}), a(we);
|
|
638
638
|
}
|
|
@@ -649,23 +649,23 @@ function qi(e, t, n) {
|
|
|
649
649
|
return ot(F) ? Wt(W.slide, F) : Un(qt(F), W.index);
|
|
650
650
|
});
|
|
651
651
|
}
|
|
652
|
-
function b(F, W,
|
|
652
|
+
function b(F, W, H) {
|
|
653
653
|
R(function(V) {
|
|
654
|
-
V.style(F, W,
|
|
654
|
+
V.style(F, W, H);
|
|
655
655
|
});
|
|
656
656
|
}
|
|
657
657
|
function C(F, W) {
|
|
658
|
-
var
|
|
659
|
-
V ?
|
|
658
|
+
var H = Yn(F, "img"), V = H.length;
|
|
659
|
+
V ? H.forEach(function(U) {
|
|
660
660
|
i(U, "load error", function() {
|
|
661
661
|
--V || W();
|
|
662
662
|
});
|
|
663
663
|
}) : W();
|
|
664
664
|
}
|
|
665
|
-
function
|
|
665
|
+
function L(F) {
|
|
666
666
|
return F ? s.length : l.length;
|
|
667
667
|
}
|
|
668
|
-
function
|
|
668
|
+
function z() {
|
|
669
669
|
return l.length > n.perPage;
|
|
670
670
|
}
|
|
671
671
|
return {
|
|
@@ -681,8 +681,8 @@ function qi(e, t, n) {
|
|
|
681
681
|
forEach: R,
|
|
682
682
|
filter: T,
|
|
683
683
|
style: b,
|
|
684
|
-
getLength:
|
|
685
|
-
isEnough:
|
|
684
|
+
getLength: L,
|
|
685
|
+
isEnough: z
|
|
686
686
|
};
|
|
687
687
|
}
|
|
688
688
|
function Ui(e, t, n) {
|
|
@@ -694,8 +694,8 @@ function Ui(e, t, n) {
|
|
|
694
694
|
u = n.direction === wn, Me(l, "maxWidth", ct(n.width)), Me(_, s("paddingLeft"), R(!1)), Me(_, s("paddingRight"), R(!0)), D(!0);
|
|
695
695
|
}
|
|
696
696
|
function D(A) {
|
|
697
|
-
var E =
|
|
698
|
-
(A || x.width !== E.width || x.height !== E.height) && (Me(_, "height", T()), p(s("marginRight"), ct(n.gap)), p("width", C()), p("height",
|
|
697
|
+
var E = Le(l);
|
|
698
|
+
(A || x.width !== E.width || x.height !== E.height) && (Me(_, "height", T()), p(s("marginRight"), ct(n.gap)), p("width", C()), p("height", L(), !0), x = E, i(yn), h !== (h = k()) && (Ue(l, xr, h), i(Ti, h)));
|
|
699
699
|
}
|
|
700
700
|
function R(A) {
|
|
701
701
|
var E = n.padding, w = s(A ? "right" : "left");
|
|
@@ -706,35 +706,35 @@ function Ui(e, t, n) {
|
|
|
706
706
|
return u && (A = b(), Pt(A, "height or heightRatio is missing."), A = "calc(" + A + " - " + R(!1) + " - " + R(!0) + ")"), A;
|
|
707
707
|
}
|
|
708
708
|
function b() {
|
|
709
|
-
return ct(n.height ||
|
|
709
|
+
return ct(n.height || Le(S).width * n.heightRatio);
|
|
710
710
|
}
|
|
711
711
|
function C() {
|
|
712
|
-
return n.autoWidth ? null : ct(n.fixedWidth) || (u ? "" :
|
|
712
|
+
return n.autoWidth ? null : ct(n.fixedWidth) || (u ? "" : z());
|
|
713
713
|
}
|
|
714
|
-
function
|
|
715
|
-
return ct(n.fixedHeight) || (u ? n.autoHeight ? null :
|
|
714
|
+
function L() {
|
|
715
|
+
return ct(n.fixedHeight) || (u ? n.autoHeight ? null : z() : b());
|
|
716
716
|
}
|
|
717
|
-
function
|
|
717
|
+
function z() {
|
|
718
718
|
var A = ct(n.gap);
|
|
719
719
|
return "calc((100%" + (A && " + " + A) + ")/" + (n.perPage || 1) + (A && " - " + A) + ")";
|
|
720
720
|
}
|
|
721
721
|
function F() {
|
|
722
|
-
return
|
|
722
|
+
return Le(S)[s("width")];
|
|
723
723
|
}
|
|
724
724
|
function W(A, E) {
|
|
725
725
|
var w = m(A || 0);
|
|
726
|
-
return w ?
|
|
726
|
+
return w ? Le(w.slide)[s("width")] + (E ? 0 : U()) : 0;
|
|
727
727
|
}
|
|
728
|
-
function
|
|
728
|
+
function H(A, E) {
|
|
729
729
|
var w = m(A);
|
|
730
730
|
if (w) {
|
|
731
|
-
var P =
|
|
732
|
-
return
|
|
731
|
+
var P = Le(w.slide)[s("right")], K = Le(S)[s("left")];
|
|
732
|
+
return ke(P - K) + (E ? 0 : U());
|
|
733
733
|
}
|
|
734
734
|
return 0;
|
|
735
735
|
}
|
|
736
736
|
function V(A) {
|
|
737
|
-
return
|
|
737
|
+
return H(e.length - 1) - H(0) + W(0, A);
|
|
738
738
|
}
|
|
739
739
|
function U() {
|
|
740
740
|
var A = m(0);
|
|
@@ -743,7 +743,7 @@ function Ui(e, t, n) {
|
|
|
743
743
|
function g(A) {
|
|
744
744
|
return parseFloat(Me(_, s("padding" + (A ? "Right" : "Left")))) || 0;
|
|
745
745
|
}
|
|
746
|
-
function
|
|
746
|
+
function k() {
|
|
747
747
|
return e.is(Kt) || V(!0) > F();
|
|
748
748
|
}
|
|
749
749
|
return {
|
|
@@ -752,9 +752,9 @@ function Ui(e, t, n) {
|
|
|
752
752
|
listSize: F,
|
|
753
753
|
slideSize: W,
|
|
754
754
|
sliderSize: V,
|
|
755
|
-
totalSize:
|
|
755
|
+
totalSize: H,
|
|
756
756
|
getPadding: g,
|
|
757
|
-
isOverflow:
|
|
757
|
+
isOverflow: k
|
|
758
758
|
};
|
|
759
759
|
}
|
|
760
760
|
var Gi = 2;
|
|
@@ -786,14 +786,14 @@ function Yi(e, t, n) {
|
|
|
786
786
|
}
|
|
787
787
|
function u(h, y) {
|
|
788
788
|
var $ = h.cloneNode(!0);
|
|
789
|
-
return
|
|
789
|
+
return ze($, n.classes.clone), $.id = e.root.id + "-clone" + Kn(y + 1), $;
|
|
790
790
|
}
|
|
791
791
|
function x() {
|
|
792
792
|
var h = n.clones;
|
|
793
|
-
if (!e.is(
|
|
793
|
+
if (!e.is(kt))
|
|
794
794
|
h = 0;
|
|
795
795
|
else if (jt(h)) {
|
|
796
|
-
var y = n[c("fixedWidth")] && t.Layout.slideSize(0), $ = y &&
|
|
796
|
+
var y = n[c("fixedWidth")] && t.Layout.slideSize(0), $ = y && Ot(Le(a.track)[c("width")] / y);
|
|
797
797
|
h = $ || n[c("autoWidth")] && e.length || n.perPage * Gi;
|
|
798
798
|
}
|
|
799
799
|
return h;
|
|
@@ -812,36 +812,36 @@ function Xi(e, t, n) {
|
|
|
812
812
|
t.Controller.isBusy() || (t.Scroll.cancel(), b(e.index), t.Slides.update());
|
|
813
813
|
}
|
|
814
814
|
function T(w, P, K, ie) {
|
|
815
|
-
w !== P && A(w > K) && (F(), C(
|
|
815
|
+
w !== P && A(w > K) && (F(), C(z(V(), w > K), !0)), i(At), a(Ke, P, K, w), $.start(P, function() {
|
|
816
816
|
i($t), a(Et, P, K, w), ie && ie();
|
|
817
817
|
});
|
|
818
818
|
}
|
|
819
819
|
function b(w) {
|
|
820
|
-
C(
|
|
820
|
+
C(H(w, !0));
|
|
821
821
|
}
|
|
822
822
|
function C(w, P) {
|
|
823
823
|
if (!e.is(Kt)) {
|
|
824
|
-
var K = P ? w :
|
|
824
|
+
var K = P ? w : L(w);
|
|
825
825
|
Me(h, "transform", "translate" + p("X") + "(" + K + "px)"), w !== K && a(sr);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
function
|
|
829
|
-
if (e.is(
|
|
828
|
+
function L(w) {
|
|
829
|
+
if (e.is(kt)) {
|
|
830
830
|
var P = W(w), K = P > t.Controller.getEnd(), ie = P < 0;
|
|
831
|
-
(ie || K) && (w =
|
|
831
|
+
(ie || K) && (w = z(w, K));
|
|
832
832
|
}
|
|
833
833
|
return w;
|
|
834
834
|
}
|
|
835
|
-
function
|
|
836
|
-
var K = w -
|
|
837
|
-
return w -= u(ie * (
|
|
835
|
+
function z(w, P) {
|
|
836
|
+
var K = w - k(P), ie = S();
|
|
837
|
+
return w -= u(ie * (Ot(ke(K) / ie) || 1)) * (P ? 1 : -1), w;
|
|
838
838
|
}
|
|
839
839
|
function F() {
|
|
840
840
|
C(V(), !0), $.cancel();
|
|
841
841
|
}
|
|
842
842
|
function W(w) {
|
|
843
843
|
for (var P = t.Slides.get(), K = 0, ie = 1 / 0, ee = 0; ee < P.length; ee++) {
|
|
844
|
-
var se = P[ee].index, I =
|
|
844
|
+
var se = P[ee].index, I = ke(H(se, !0) - w);
|
|
845
845
|
if (I <= ie)
|
|
846
846
|
ie = I, K = se;
|
|
847
847
|
else
|
|
@@ -849,13 +849,13 @@ function Xi(e, t, n) {
|
|
|
849
849
|
}
|
|
850
850
|
return K;
|
|
851
851
|
}
|
|
852
|
-
function
|
|
852
|
+
function H(w, P) {
|
|
853
853
|
var K = u(l(w - 1) - g(w));
|
|
854
854
|
return P ? U(K) : K;
|
|
855
855
|
}
|
|
856
856
|
function V() {
|
|
857
857
|
var w = p("left");
|
|
858
|
-
return
|
|
858
|
+
return Le(h)[w] - Le(y)[w] + u(d(!1));
|
|
859
859
|
}
|
|
860
860
|
function U(w) {
|
|
861
861
|
return n.trimSpace && e.is(_t) && (w = vt(w, 0, u(S(!0) - _()))), w;
|
|
@@ -864,16 +864,16 @@ function Xi(e, t, n) {
|
|
|
864
864
|
var P = n.focus;
|
|
865
865
|
return P === "center" ? (_() - s(w, !0)) / 2 : +P * s(w) || 0;
|
|
866
866
|
}
|
|
867
|
-
function
|
|
868
|
-
return
|
|
867
|
+
function k(w) {
|
|
868
|
+
return H(w ? t.Controller.getEnd() : 0, !!n.trimSpace);
|
|
869
869
|
}
|
|
870
870
|
function A(w) {
|
|
871
|
-
var P = u(
|
|
872
|
-
return w ? P >= 0 : P <= h[p("scrollWidth")] -
|
|
871
|
+
var P = u(z(V(), w));
|
|
872
|
+
return w ? P >= 0 : P <= h[p("scrollWidth")] - Le(y)[p("width")];
|
|
873
873
|
}
|
|
874
874
|
function E(w, P) {
|
|
875
875
|
P = jt(P) ? V() : P;
|
|
876
|
-
var K = w !== !0 && u(P) < u(
|
|
876
|
+
var K = w !== !0 && u(P) < u(k(!1)), ie = w !== !1 && u(P) > u(k(!0));
|
|
877
877
|
return K || ie;
|
|
878
878
|
}
|
|
879
879
|
return {
|
|
@@ -881,42 +881,42 @@ function Xi(e, t, n) {
|
|
|
881
881
|
move: T,
|
|
882
882
|
jump: b,
|
|
883
883
|
translate: C,
|
|
884
|
-
shift:
|
|
884
|
+
shift: z,
|
|
885
885
|
cancel: F,
|
|
886
886
|
toIndex: W,
|
|
887
|
-
toPosition:
|
|
887
|
+
toPosition: H,
|
|
888
888
|
getPosition: V,
|
|
889
|
-
getLimit:
|
|
889
|
+
getLimit: k,
|
|
890
890
|
exceededLimit: E,
|
|
891
891
|
reposition: R
|
|
892
892
|
};
|
|
893
893
|
}
|
|
894
894
|
function Ki(e, t, n) {
|
|
895
|
-
var o = xe(e), r = o.on, a = o.emit, i = t.Move, c = i.getPosition, s = i.getLimit, d = i.toPosition, l = t.Slides, _ = l.isEnough, S = l.getLength, m = n.omitEnd, p = e.is(
|
|
895
|
+
var o = xe(e), r = o.on, a = o.emit, i = t.Move, c = i.getPosition, s = i.getLimit, d = i.toPosition, l = t.Slides, _ = l.isEnough, S = l.getLength, m = n.omitEnd, p = e.is(kt), u = e.is(_t), x = be(V, !1), h = be(V, !0), y = n.start || 0, $, D = y, R, T, b;
|
|
896
896
|
function C() {
|
|
897
|
-
|
|
897
|
+
L(), r([Ee, we, mn], L), r(yn, z);
|
|
898
898
|
}
|
|
899
|
-
function
|
|
899
|
+
function L() {
|
|
900
900
|
R = S(!0), T = n.perMove, b = n.perPage, $ = A();
|
|
901
901
|
var I = vt(y, 0, m ? $ : R - 1);
|
|
902
902
|
I !== y && (y = I, i.reposition());
|
|
903
903
|
}
|
|
904
|
-
function
|
|
904
|
+
function z() {
|
|
905
905
|
$ !== A() && a(mn);
|
|
906
906
|
}
|
|
907
907
|
function F(I, Q, he) {
|
|
908
908
|
if (!se()) {
|
|
909
|
-
var de =
|
|
909
|
+
var de = H(I), fe = k(de);
|
|
910
910
|
fe > -1 && (Q || fe !== y) && (K(fe), i.move(de, fe, D, he));
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
913
|
function W(I, Q, he, de) {
|
|
914
914
|
t.Scroll.scroll(I, Q, he, function() {
|
|
915
|
-
var fe =
|
|
915
|
+
var fe = k(i.toIndex(c()));
|
|
916
916
|
K(m ? rt(fe, $) : fe), de && de();
|
|
917
917
|
});
|
|
918
918
|
}
|
|
919
|
-
function
|
|
919
|
+
function H(I) {
|
|
920
920
|
var Q = y;
|
|
921
921
|
if (ot(I)) {
|
|
922
922
|
var he = I.match(/([+\-<>])(\d+)?/) || [], de = he[1], fe = he[2];
|
|
@@ -927,7 +927,7 @@ function Ki(e, t, n) {
|
|
|
927
927
|
}
|
|
928
928
|
function V(I, Q) {
|
|
929
929
|
var he = T || (ee() ? 1 : b), de = U(y + he * (I ? -1 : 1), y, !(T || ee()));
|
|
930
|
-
return de === -1 && u && !Go(c(), s(!I), 1) ? I ? 0 : $ : Q ? de :
|
|
930
|
+
return de === -1 && u && !Go(c(), s(!I), 1) ? I ? 0 : $ : Q ? de : k(de);
|
|
931
931
|
}
|
|
932
932
|
function U(I, Q, he) {
|
|
933
933
|
if (_() || ee()) {
|
|
@@ -943,7 +943,7 @@ function Ki(e, t, n) {
|
|
|
943
943
|
I < y ? --I : ++I;
|
|
944
944
|
return I;
|
|
945
945
|
}
|
|
946
|
-
function
|
|
946
|
+
function k(I) {
|
|
947
947
|
return p ? (I + R) % R || 0 : I;
|
|
948
948
|
}
|
|
949
949
|
function A() {
|
|
@@ -1004,13 +1004,13 @@ function Qi(e, t, n) {
|
|
|
1004
1004
|
}
|
|
1005
1005
|
function R() {
|
|
1006
1006
|
var W = n.arrows;
|
|
1007
|
-
W && !(p && u) &&
|
|
1007
|
+
W && !(p && u) && L(), p && u && (Ht(y, {
|
|
1008
1008
|
prev: p,
|
|
1009
1009
|
next: u
|
|
1010
|
-
}),
|
|
1010
|
+
}), zt(m, W ? "" : "none"), ze(m, h = ao + "--" + n.direction), W && (b(), F(), le([p, u], Xt, S.id), i(nr, p, u)));
|
|
1011
1011
|
}
|
|
1012
1012
|
function T() {
|
|
1013
|
-
o.destroy(), Ge(m, h), x ? (dt(_ ? [p, u] : m), p = u = null) :
|
|
1013
|
+
o.destroy(), Ge(m, h), x ? (dt(_ ? [p, u] : m), p = u = null) : Oe([p, u], io);
|
|
1014
1014
|
}
|
|
1015
1015
|
function b() {
|
|
1016
1016
|
r([at, Et, we, gt, mn], F), a(u, "click", be(C, ">")), a(p, "click", be(C, "<"));
|
|
@@ -1018,17 +1018,17 @@ function Qi(e, t, n) {
|
|
|
1018
1018
|
function C(W) {
|
|
1019
1019
|
l.go(W, !0);
|
|
1020
1020
|
}
|
|
1021
|
-
function
|
|
1022
|
-
m = _ || St("div", c.arrows), p =
|
|
1021
|
+
function L() {
|
|
1022
|
+
m = _ || St("div", c.arrows), p = z(!0), u = z(!1), x = !0, Ut(m, [p, u]), !_ && Gn(m, S);
|
|
1023
1023
|
}
|
|
1024
|
-
function
|
|
1025
|
-
var
|
|
1026
|
-
return qo(
|
|
1024
|
+
function z(W) {
|
|
1025
|
+
var H = '<button class="' + c.arrow + " " + (W ? c.prev : c.next) + '" type="button"><svg xmlns="' + Zi + '" viewBox="0 0 ' + Qt + " " + Qt + '" width="' + Qt + '" height="' + Qt + '" focusable="false"><path d="' + (n.arrowPath || Ji) + '" />';
|
|
1026
|
+
return qo(H);
|
|
1027
1027
|
}
|
|
1028
1028
|
function F() {
|
|
1029
1029
|
if (p && u) {
|
|
1030
|
-
var W = e.index,
|
|
1031
|
-
p.disabled =
|
|
1030
|
+
var W = e.index, H = l.getPrev(), V = l.getNext(), U = H > -1 && W < H ? s.last : s.prev, g = V > -1 && W > V ? s.first : s.next;
|
|
1031
|
+
p.disabled = H < 0, u.disabled = V < 0, le(p, Ie, U), le(u, Ie, g), i(or, p, u, H, V);
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
return {
|
|
@@ -1045,10 +1045,10 @@ function ta(e, t, n) {
|
|
|
1045
1045
|
m && (y(), S && le(S, Xt, d.track.id), x || $(), T());
|
|
1046
1046
|
}
|
|
1047
1047
|
function y() {
|
|
1048
|
-
n.pauseOnHover && a(_, "mouseenter mouseleave", function(
|
|
1049
|
-
p =
|
|
1050
|
-
}), n.pauseOnFocus && a(_, "focusin focusout", function(
|
|
1051
|
-
u =
|
|
1048
|
+
n.pauseOnHover && a(_, "mouseenter mouseleave", function(L) {
|
|
1049
|
+
p = L.type === "mouseenter", R();
|
|
1050
|
+
}), n.pauseOnFocus && a(_, "focusin focusout", function(L) {
|
|
1051
|
+
u = L.type === "focusin", R();
|
|
1052
1052
|
}), S && a(S, "click", function() {
|
|
1053
1053
|
x ? $() : D(!0);
|
|
1054
1054
|
}), r([Ke, vn, we], c.rewind), r(Ke, C);
|
|
@@ -1056,8 +1056,8 @@ function ta(e, t, n) {
|
|
|
1056
1056
|
function $() {
|
|
1057
1057
|
s() && t.Slides.isEnough() && (c.start(!n.resetProgress), u = p = x = !1, T(), i(eo));
|
|
1058
1058
|
}
|
|
1059
|
-
function D(
|
|
1060
|
-
|
|
1059
|
+
function D(L) {
|
|
1060
|
+
L === void 0 && (L = !0), x = !!L, T(), s() || (c.pause(), i(to));
|
|
1061
1061
|
}
|
|
1062
1062
|
function R() {
|
|
1063
1063
|
x || (p || u ? D(!1) : $());
|
|
@@ -1065,13 +1065,13 @@ function ta(e, t, n) {
|
|
|
1065
1065
|
function T() {
|
|
1066
1066
|
S && (Ue(S, mt, !x), le(S, Ie, n.i18n[x ? "play" : "pause"]));
|
|
1067
1067
|
}
|
|
1068
|
-
function b(
|
|
1069
|
-
var
|
|
1070
|
-
|
|
1068
|
+
function b(L) {
|
|
1069
|
+
var z = d.bar;
|
|
1070
|
+
z && Me(z, "width", L * 100 + "%"), i(ar, L);
|
|
1071
1071
|
}
|
|
1072
|
-
function C(
|
|
1073
|
-
var
|
|
1074
|
-
c.set(
|
|
1072
|
+
function C(L) {
|
|
1073
|
+
var z = t.Slides.getAt(L);
|
|
1074
|
+
c.set(z && +Re(z.slide, ea) || n.interval);
|
|
1075
1075
|
}
|
|
1076
1076
|
return {
|
|
1077
1077
|
mount: h,
|
|
@@ -1093,7 +1093,7 @@ function na(e, t, n) {
|
|
|
1093
1093
|
});
|
|
1094
1094
|
}
|
|
1095
1095
|
function c(s, d, l) {
|
|
1096
|
-
l.style("background", s ? 'center/cover no-repeat url("' + d.src + '")' : "", !0),
|
|
1096
|
+
l.style("background", s ? 'center/cover no-repeat url("' + d.src + '")' : "", !0), zt(d, s ? "none" : "");
|
|
1097
1097
|
}
|
|
1098
1098
|
return {
|
|
1099
1099
|
mount: a,
|
|
@@ -1106,21 +1106,21 @@ function sa(e, t, n) {
|
|
|
1106
1106
|
function x() {
|
|
1107
1107
|
r(Ke, D), r([Ee, we], R);
|
|
1108
1108
|
}
|
|
1109
|
-
function h(b, C,
|
|
1109
|
+
function h(b, C, L, z, F) {
|
|
1110
1110
|
var W = s();
|
|
1111
|
-
if (D(),
|
|
1112
|
-
var
|
|
1113
|
-
b = c.toPosition(t.Controller.toDest(b %
|
|
1111
|
+
if (D(), L && (!S || !l())) {
|
|
1112
|
+
var H = t.Layout.sliderSize(), V = Nn(b) * H * dn(ke(b) / H) || 0;
|
|
1113
|
+
b = c.toPosition(t.Controller.toDest(b % H)) + V;
|
|
1114
1114
|
}
|
|
1115
1115
|
var U = Go(W, b, 1);
|
|
1116
|
-
u = 1, C = U ? 0 : C || un(
|
|
1116
|
+
u = 1, C = U ? 0 : C || un(ke(b - W) / aa, la), p = z, m = bn(C, y, be($, W, b, F), 1), i(Dt), a(vn), m.start();
|
|
1117
1117
|
}
|
|
1118
1118
|
function y() {
|
|
1119
1119
|
i($t), p && p(), a(gt);
|
|
1120
1120
|
}
|
|
1121
|
-
function $(b, C,
|
|
1122
|
-
var F = s(), W = b + (C - b) * T(
|
|
1123
|
-
_(F +
|
|
1121
|
+
function $(b, C, L, z) {
|
|
1122
|
+
var F = s(), W = b + (C - b) * T(z), H = (W - F) * u;
|
|
1123
|
+
_(F + H), S && !L && l() && (u *= ia, ke(H) < oa && h(d(l(!0)), ra, !1, p, !0));
|
|
1124
1124
|
}
|
|
1125
1125
|
function D() {
|
|
1126
1126
|
m && m.cancel();
|
|
@@ -1144,88 +1144,88 @@ var bt = {
|
|
|
1144
1144
|
capture: !0
|
|
1145
1145
|
};
|
|
1146
1146
|
function ca(e, t, n) {
|
|
1147
|
-
var o = xe(e), r = o.on, a = o.emit, i = o.bind, c = o.unbind, s = e.state, d = t.Move, l = t.Scroll, _ = t.Controller, S = t.Elements.track, m = t.Media.reduce, p = t.Direction, u = p.resolve, x = p.orient, h = d.getPosition, y = d.exceededLimit, $, D, R, T, b, C = !1,
|
|
1147
|
+
var o = xe(e), r = o.on, a = o.emit, i = o.bind, c = o.unbind, s = e.state, d = t.Move, l = t.Scroll, _ = t.Controller, S = t.Elements.track, m = t.Media.reduce, p = t.Direction, u = p.resolve, x = p.orient, h = d.getPosition, y = d.exceededLimit, $, D, R, T, b, C = !1, L, z, F;
|
|
1148
1148
|
function W() {
|
|
1149
|
-
i(S, In, Rn, bt), i(S, Fn, Rn, bt), i(S, Sr, V, bt), i(S, "click",
|
|
1149
|
+
i(S, In, Rn, bt), i(S, Fn, Rn, bt), i(S, Sr, V, bt), i(S, "click", k, {
|
|
1150
1150
|
capture: !0
|
|
1151
|
-
}), i(S, "dragstart", qe), r([at, Ee],
|
|
1151
|
+
}), i(S, "dragstart", qe), r([at, Ee], H);
|
|
1152
1152
|
}
|
|
1153
|
-
function
|
|
1154
|
-
var
|
|
1155
|
-
me(!
|
|
1153
|
+
function H() {
|
|
1154
|
+
var N = n.drag;
|
|
1155
|
+
me(!N), T = N === "free";
|
|
1156
1156
|
}
|
|
1157
|
-
function V(
|
|
1158
|
-
if (
|
|
1159
|
-
var v = fe(
|
|
1160
|
-
de(
|
|
1157
|
+
function V(N) {
|
|
1158
|
+
if (L = !1, !z) {
|
|
1159
|
+
var v = fe(N);
|
|
1160
|
+
de(N.target) && (v || !N.button) && (_.isBusy() ? qe(N, !0) : (F = v ? S : window, b = s.is([At, Dt]), R = null, i(F, In, U, bt), i(F, Fn, g, bt), d.cancel(), l.cancel(), A(N)));
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
|
-
function U(
|
|
1164
|
-
if (s.is(rn) || (s.set(rn), a(Qo)),
|
|
1163
|
+
function U(N) {
|
|
1164
|
+
if (s.is(rn) || (s.set(rn), a(Qo)), N.cancelable)
|
|
1165
1165
|
if (b) {
|
|
1166
|
-
d.translate($ + he(ee(
|
|
1167
|
-
var v = se(
|
|
1168
|
-
(v || j) && A(
|
|
1169
|
-
} else P(
|
|
1166
|
+
d.translate($ + he(ee(N)));
|
|
1167
|
+
var v = se(N) > To, j = C !== (C = y());
|
|
1168
|
+
(v || j) && A(N), L = !0, a(er), qe(N);
|
|
1169
|
+
} else P(N) && (b = w(N), qe(N));
|
|
1170
1170
|
}
|
|
1171
|
-
function g(
|
|
1172
|
-
s.is(rn) && (s.set($t), a(tr)), b && (E(
|
|
1171
|
+
function g(N) {
|
|
1172
|
+
s.is(rn) && (s.set($t), a(tr)), b && (E(N), qe(N)), c(F, In, U), c(F, Fn, g), b = !1;
|
|
1173
1173
|
}
|
|
1174
|
-
function
|
|
1175
|
-
!
|
|
1174
|
+
function k(N) {
|
|
1175
|
+
!z && L && qe(N, !0);
|
|
1176
1176
|
}
|
|
1177
|
-
function A(
|
|
1178
|
-
R = D, D =
|
|
1177
|
+
function A(N) {
|
|
1178
|
+
R = D, D = N, $ = h();
|
|
1179
1179
|
}
|
|
1180
|
-
function E(
|
|
1181
|
-
var v = K(
|
|
1182
|
-
m(!1), T ? _.scroll(j, 0, n.snap) : e.is(Kt) ? _.go(x(
|
|
1180
|
+
function E(N) {
|
|
1181
|
+
var v = K(N), j = ie(v), X = n.rewind && n.rewindByDrag;
|
|
1182
|
+
m(!1), T ? _.scroll(j, 0, n.snap) : e.is(Kt) ? _.go(x(Nn(v)) < 0 ? X ? "<" : "-" : X ? ">" : "+") : e.is(_t) && C && X ? _.go(y(!0) ? ">" : "<") : _.go(_.toDest(j), !0), m(!0);
|
|
1183
1183
|
}
|
|
1184
|
-
function w(
|
|
1184
|
+
function w(N) {
|
|
1185
1185
|
var v = n.dragMinThreshold, j = Rt(v), X = j && v.mouse || 0, J = (j ? v.touch : +v) || 10;
|
|
1186
|
-
return
|
|
1186
|
+
return ke(ee(N)) > (fe(N) ? J : X);
|
|
1187
1187
|
}
|
|
1188
|
-
function P(
|
|
1189
|
-
return
|
|
1188
|
+
function P(N) {
|
|
1189
|
+
return ke(ee(N)) > ke(ee(N, !0));
|
|
1190
1190
|
}
|
|
1191
|
-
function K(
|
|
1192
|
-
if (e.is(
|
|
1193
|
-
var v = se(
|
|
1191
|
+
function K(N) {
|
|
1192
|
+
if (e.is(kt) || !C) {
|
|
1193
|
+
var v = se(N);
|
|
1194
1194
|
if (v && v < To)
|
|
1195
|
-
return ee(
|
|
1195
|
+
return ee(N) / v;
|
|
1196
1196
|
}
|
|
1197
1197
|
return 0;
|
|
1198
1198
|
}
|
|
1199
|
-
function ie(
|
|
1200
|
-
return h() +
|
|
1199
|
+
function ie(N) {
|
|
1200
|
+
return h() + Nn(N) * rt(ke(N) * (n.flickPower || 600), T ? 1 / 0 : t.Layout.listSize() * (n.flickMaxPages || 1));
|
|
1201
1201
|
}
|
|
1202
|
-
function ee(
|
|
1203
|
-
return Q(
|
|
1202
|
+
function ee(N, v) {
|
|
1203
|
+
return Q(N, v) - Q(I(N), v);
|
|
1204
1204
|
}
|
|
1205
|
-
function se(
|
|
1206
|
-
return Wn(
|
|
1205
|
+
function se(N) {
|
|
1206
|
+
return Wn(N) - Wn(I(N));
|
|
1207
1207
|
}
|
|
1208
|
-
function I(
|
|
1209
|
-
return D ===
|
|
1208
|
+
function I(N) {
|
|
1209
|
+
return D === N && R || D;
|
|
1210
1210
|
}
|
|
1211
|
-
function Q(
|
|
1212
|
-
return (fe(
|
|
1211
|
+
function Q(N, v) {
|
|
1212
|
+
return (fe(N) ? N.changedTouches[0] : N)["page" + u(v ? "Y" : "X")];
|
|
1213
1213
|
}
|
|
1214
|
-
function he(
|
|
1215
|
-
return
|
|
1214
|
+
function he(N) {
|
|
1215
|
+
return N / (C && e.is(_t) ? Vi : 1);
|
|
1216
1216
|
}
|
|
1217
|
-
function de(
|
|
1217
|
+
function de(N) {
|
|
1218
1218
|
var v = n.noDrag;
|
|
1219
|
-
return !Wt(
|
|
1219
|
+
return !Wt(N, "." + hr + ", ." + Tn) && (!v || !Wt(N, v));
|
|
1220
1220
|
}
|
|
1221
|
-
function fe(
|
|
1222
|
-
return typeof TouchEvent < "u" &&
|
|
1221
|
+
function fe(N) {
|
|
1222
|
+
return typeof TouchEvent < "u" && N instanceof TouchEvent;
|
|
1223
1223
|
}
|
|
1224
1224
|
function q() {
|
|
1225
1225
|
return b;
|
|
1226
1226
|
}
|
|
1227
|
-
function me(
|
|
1228
|
-
|
|
1227
|
+
function me(N) {
|
|
1228
|
+
z = N;
|
|
1229
1229
|
}
|
|
1230
1230
|
return {
|
|
1231
1231
|
mount: W,
|
|
@@ -1261,7 +1261,7 @@ function ua(e, t, n) {
|
|
|
1261
1261
|
}
|
|
1262
1262
|
function u() {
|
|
1263
1263
|
var h = l;
|
|
1264
|
-
l = !0,
|
|
1264
|
+
l = !0, Oo(function() {
|
|
1265
1265
|
l = h;
|
|
1266
1266
|
});
|
|
1267
1267
|
}
|
|
@@ -1292,7 +1292,7 @@ function ma(e, t, n) {
|
|
|
1292
1292
|
var D = Re($, Mt), R = Re($, sn);
|
|
1293
1293
|
if (D !== $.src || R !== $.srcset) {
|
|
1294
1294
|
var T = n.classes.spinner, b = $.parentElement, C = Gt(b, "." + T) || St("span", T, b);
|
|
1295
|
-
l.push([$, y, C]), $.src ||
|
|
1295
|
+
l.push([$, y, C]), $.src || zt($, "none");
|
|
1296
1296
|
}
|
|
1297
1297
|
});
|
|
1298
1298
|
});
|
|
@@ -1305,11 +1305,11 @@ function ma(e, t, n) {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
function u(y) {
|
|
1307
1307
|
var $ = y[0];
|
|
1308
|
-
|
|
1308
|
+
ze(y[1].slide, Bn), i($, "load error", be(x, y)), le($, "src", Re($, Mt)), le($, "srcset", Re($, sn)), Oe($, Mt), Oe($, sn);
|
|
1309
1309
|
}
|
|
1310
1310
|
function x(y, $) {
|
|
1311
1311
|
var D = y[0], R = y[1];
|
|
1312
|
-
Ge(R.slide, Bn), $.type !== "error" && (dt(y[2]),
|
|
1312
|
+
Ge(R.slide, Bn), $.type !== "error" && (dt(y[2]), zt(D, ""), c(no, D, R), c(Tt)), s && h();
|
|
1313
1313
|
}
|
|
1314
1314
|
function h() {
|
|
1315
1315
|
l.length && u(l.shift());
|
|
@@ -1324,8 +1324,8 @@ function ga(e, t, n) {
|
|
|
1324
1324
|
var o = xe(e), r = o.on, a = o.emit, i = o.bind, c = t.Slides, s = t.Elements, d = t.Controller, l = d.hasFocus, _ = d.getIndex, S = d.go, m = t.Direction.resolve, p = s.pagination, u = [], x, h;
|
|
1325
1325
|
function y() {
|
|
1326
1326
|
$(), r([Ee, we, mn], y);
|
|
1327
|
-
var
|
|
1328
|
-
p &&
|
|
1327
|
+
var z = n.pagination;
|
|
1328
|
+
p && zt(p, z ? "" : "none"), z && (r([Ke, vn, gt], L), D(), L(), a(rr, {
|
|
1329
1329
|
list: x,
|
|
1330
1330
|
items: u
|
|
1331
1331
|
}, C(e.index)));
|
|
@@ -1334,58 +1334,58 @@ function ga(e, t, n) {
|
|
|
1334
1334
|
x && (dt(p ? it(x.children) : x), Ge(x, h), Xe(u), x = null), o.destroy();
|
|
1335
1335
|
}
|
|
1336
1336
|
function D() {
|
|
1337
|
-
var
|
|
1338
|
-
x = p || St("ul", F.pagination, s.track.parentElement),
|
|
1337
|
+
var z = e.length, F = n.classes, W = n.i18n, H = n.perPage, V = l() ? d.getEnd() + 1 : Ot(z / H);
|
|
1338
|
+
x = p || St("ul", F.pagination, s.track.parentElement), ze(x, h = _n + "--" + b()), le(x, Ye, "tablist"), le(x, Ie, W.select), le(x, ro, b() === wn ? "vertical" : "");
|
|
1339
1339
|
for (var U = 0; U < V; U++) {
|
|
1340
|
-
var g = St("li", null, x),
|
|
1340
|
+
var g = St("li", null, x), k = St("button", {
|
|
1341
1341
|
class: F.page,
|
|
1342
1342
|
type: "button"
|
|
1343
1343
|
}, g), A = c.getIn(U).map(function(w) {
|
|
1344
1344
|
return w.slide.id;
|
|
1345
|
-
}), E = !l() &&
|
|
1346
|
-
i(
|
|
1345
|
+
}), E = !l() && H > 1 ? W.pageX : W.slideX;
|
|
1346
|
+
i(k, "click", be(R, U)), n.paginationKeyboard && i(k, "keydown", be(T, U)), le(g, Ye, "presentation"), le(k, Ye, "tab"), le(k, Xt, A.join(" ")), le(k, Ie, Hn(E, U + 1)), le(k, Ct, -1), u.push({
|
|
1347
1347
|
li: g,
|
|
1348
|
-
button:
|
|
1348
|
+
button: k,
|
|
1349
1349
|
page: U
|
|
1350
1350
|
});
|
|
1351
1351
|
}
|
|
1352
1352
|
}
|
|
1353
|
-
function R(
|
|
1354
|
-
S(">" +
|
|
1353
|
+
function R(z) {
|
|
1354
|
+
S(">" + z, !0);
|
|
1355
1355
|
}
|
|
1356
|
-
function T(
|
|
1357
|
-
var W = u.length,
|
|
1358
|
-
|
|
1356
|
+
function T(z, F) {
|
|
1357
|
+
var W = u.length, H = lo(F), V = b(), U = -1;
|
|
1358
|
+
H === m(Cn, !1, V) ? U = ++z % W : H === m(Sn, !1, V) ? U = (--z + W) % W : H === "Home" ? U = 0 : H === "End" && (U = W - 1);
|
|
1359
1359
|
var g = u[U];
|
|
1360
1360
|
g && (jo(g.button), S(">" + U), qe(F, !0));
|
|
1361
1361
|
}
|
|
1362
1362
|
function b() {
|
|
1363
1363
|
return n.paginationDirection || n.direction;
|
|
1364
1364
|
}
|
|
1365
|
-
function C(
|
|
1366
|
-
return u[d.toPage(
|
|
1365
|
+
function C(z) {
|
|
1366
|
+
return u[d.toPage(z)];
|
|
1367
1367
|
}
|
|
1368
|
-
function
|
|
1369
|
-
var
|
|
1370
|
-
if (
|
|
1371
|
-
var W =
|
|
1372
|
-
Ge(W, mt),
|
|
1368
|
+
function L() {
|
|
1369
|
+
var z = C(_(!0)), F = C(_());
|
|
1370
|
+
if (z) {
|
|
1371
|
+
var W = z.button;
|
|
1372
|
+
Ge(W, mt), Oe(W, xo), le(W, Ct, -1);
|
|
1373
1373
|
}
|
|
1374
1374
|
if (F) {
|
|
1375
|
-
var
|
|
1376
|
-
|
|
1375
|
+
var H = F.button;
|
|
1376
|
+
ze(H, mt), le(H, xo, !0), le(H, Ct, "");
|
|
1377
1377
|
}
|
|
1378
1378
|
a(ir, {
|
|
1379
1379
|
list: x,
|
|
1380
1380
|
items: u
|
|
1381
|
-
},
|
|
1381
|
+
}, z, F);
|
|
1382
1382
|
}
|
|
1383
1383
|
return {
|
|
1384
1384
|
items: u,
|
|
1385
1385
|
mount: y,
|
|
1386
1386
|
destroy: $,
|
|
1387
1387
|
getAt: C,
|
|
1388
|
-
update:
|
|
1388
|
+
update: L
|
|
1389
1389
|
};
|
|
1390
1390
|
}
|
|
1391
1391
|
var fa = [" ", "Enter"];
|
|
@@ -1407,7 +1407,7 @@ function ha(e, t, n) {
|
|
|
1407
1407
|
function d(p, u) {
|
|
1408
1408
|
var x = xe(p);
|
|
1409
1409
|
x.on(Ke, function(h, y, $) {
|
|
1410
|
-
u.go(u.is(
|
|
1410
|
+
u.go(u.is(kt) ? $ : h);
|
|
1411
1411
|
}), a.push(x);
|
|
1412
1412
|
}
|
|
1413
1413
|
function l() {
|
|
@@ -1440,7 +1440,7 @@ function ya(e, t, n) {
|
|
|
1440
1440
|
function c(d) {
|
|
1441
1441
|
if (d.cancelable) {
|
|
1442
1442
|
var l = d.deltaY, _ = l < 0, S = Wn(d), m = n.wheelMinThreshold || 0, p = n.wheelSleep || 0;
|
|
1443
|
-
|
|
1443
|
+
ke(l) > m && S - a > p && (e.go(_ ? "<" : ">"), a = S), s(_) && qe(d);
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
1446
|
function s(d) {
|
|
@@ -1452,7 +1452,7 @@ function ya(e, t, n) {
|
|
|
1452
1452
|
}
|
|
1453
1453
|
var va = 90;
|
|
1454
1454
|
function ba(e, t, n) {
|
|
1455
|
-
var o = xe(e), r = o.on, a = t.Elements.track, i = n.live && !n.isNavigation, c = St("span",
|
|
1455
|
+
var o = xe(e), r = o.on, a = t.Elements.track, i = n.live && !n.isNavigation, c = St("span", Ni), s = bn(va, be(l, !1));
|
|
1456
1456
|
function d() {
|
|
1457
1457
|
i && (S(!t.Autoplay.isPaused()), le(a, wo, !0), c.textContent = "…", r(eo, be(S, !0)), r(to, be(S, !1)), r([Et, gt], be(l, !0)));
|
|
1458
1458
|
}
|
|
@@ -1460,7 +1460,7 @@ function ba(e, t, n) {
|
|
|
1460
1460
|
le(a, Co, m), m ? (Ut(a, c), s.start()) : (dt(c), s.cancel());
|
|
1461
1461
|
}
|
|
1462
1462
|
function _() {
|
|
1463
|
-
|
|
1463
|
+
Oe(a, [So, wo, Co]), dt(c);
|
|
1464
1464
|
}
|
|
1465
1465
|
function S(m) {
|
|
1466
1466
|
i && le(a, So, m ? "off" : "polite");
|
|
@@ -1474,7 +1474,7 @@ function ba(e, t, n) {
|
|
|
1474
1474
|
var xa = /* @__PURE__ */ Object.freeze({
|
|
1475
1475
|
__proto__: null,
|
|
1476
1476
|
Media: Ei,
|
|
1477
|
-
Direction:
|
|
1477
|
+
Direction: ki,
|
|
1478
1478
|
Elements: Di,
|
|
1479
1479
|
Slides: qi,
|
|
1480
1480
|
Layout: Ui,
|
|
@@ -1524,7 +1524,7 @@ var xa = /* @__PURE__ */ Object.freeze({
|
|
|
1524
1524
|
trimSpace: !0,
|
|
1525
1525
|
focusableNodes: "a, button, textarea, input, select, iframe",
|
|
1526
1526
|
live: !0,
|
|
1527
|
-
classes:
|
|
1527
|
+
classes: Oi,
|
|
1528
1528
|
i18n: Sa,
|
|
1529
1529
|
reducedMotion: {
|
|
1530
1530
|
speed: 0,
|
|
@@ -1543,7 +1543,7 @@ function wa(e, t, n) {
|
|
|
1543
1543
|
});
|
|
1544
1544
|
}
|
|
1545
1545
|
function i(c, s) {
|
|
1546
|
-
o.style("transition", "opacity " + n.speed + "ms " + n.easing),
|
|
1546
|
+
o.style("transition", "opacity " + n.speed + "ms " + n.easing), Oo(s);
|
|
1547
1547
|
}
|
|
1548
1548
|
return {
|
|
1549
1549
|
mount: r,
|
|
@@ -1560,7 +1560,7 @@ function $a(e, t, n) {
|
|
|
1560
1560
|
}
|
|
1561
1561
|
function l(m, p) {
|
|
1562
1562
|
var u = o.toPosition(m, !0), x = o.getPosition(), h = S(m);
|
|
1563
|
-
|
|
1563
|
+
ke(u - x) >= 1 && h >= 1 ? n.useScroll ? a.scroll(u, h, !1, p) : (c("transform " + h + "ms " + n.easing), o.translate(u, !0), s = p) : (o.jump(m), p());
|
|
1564
1564
|
}
|
|
1565
1565
|
function _() {
|
|
1566
1566
|
c(""), a.cancel();
|
|
@@ -1599,7 +1599,7 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1599
1599
|
return t.mount = function(o, r) {
|
|
1600
1600
|
var a = this, i = this.state, c = this.Components;
|
|
1601
1601
|
Pt(i.is([xt, pn]), "Already mounted!"), i.set(xt), this._C = c, this._T = r || this._T || (this.is(Kt) ? wa : $a), this._E = o || this._E;
|
|
1602
|
-
var s =
|
|
1602
|
+
var s = Ht({}, xa, this._E, {
|
|
1603
1603
|
Transition: this._T
|
|
1604
1604
|
});
|
|
1605
1605
|
return ut(s, function(d, l) {
|
|
@@ -1607,7 +1607,7 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1607
1607
|
c[l] = _, _.setup && _.setup();
|
|
1608
1608
|
}), ut(c, function(d) {
|
|
1609
1609
|
d.mount && d.mount();
|
|
1610
|
-
}), this.emit(at),
|
|
1610
|
+
}), this.emit(at), ze(this.root, Hi), i.set($t), this.emit(zn), this;
|
|
1611
1611
|
}, t.sync = function(o) {
|
|
1612
1612
|
return this.splides.push({
|
|
1613
1613
|
splide: o
|
|
@@ -1635,7 +1635,7 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1635
1635
|
}, t.destroy = function(o) {
|
|
1636
1636
|
o === void 0 && (o = !0);
|
|
1637
1637
|
var r = this.event, a = this.state;
|
|
1638
|
-
return a.is(xt) ? xe(this).on(
|
|
1638
|
+
return a.is(xt) ? xe(this).on(zn, this.destroy.bind(this, o)) : (ut(this._C, function(i) {
|
|
1639
1639
|
i.destroy && i.destroy(o);
|
|
1640
1640
|
}, !0), r.emit(Jn), r.destroy(), o && Xe(this.splides), a.set(pn)), this;
|
|
1641
1641
|
}, Si(e, [{
|
|
@@ -1662,7 +1662,7 @@ so.defaults = {};
|
|
|
1662
1662
|
so.STATES = wi;
|
|
1663
1663
|
var Ao = [
|
|
1664
1664
|
[at, "onMounted"],
|
|
1665
|
-
[
|
|
1665
|
+
[zn, "onReady"],
|
|
1666
1666
|
[Ke, "onMove"],
|
|
1667
1667
|
[Et, "onMoved"],
|
|
1668
1668
|
[Zn, "onClick"],
|
|
@@ -1796,8 +1796,8 @@ var Ea = ({ children: e, className: t, ...n }) => /* @__PURE__ */ pt.createEleme
|
|
|
1796
1796
|
* License : MIT
|
|
1797
1797
|
* Copyright: 2022 Naotoshi Fujita
|
|
1798
1798
|
*/
|
|
1799
|
-
const
|
|
1800
|
-
link:
|
|
1799
|
+
const ka = "RichTextRenderer-module__link___BWeZ2", La = {
|
|
1800
|
+
link: ka
|
|
1801
1801
|
}, Ia = (e) => {
|
|
1802
1802
|
const t = e.trim();
|
|
1803
1803
|
return !t || t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? !1 : t.split(/\s+/g).filter(Boolean).some((o) => /^\d/.test(o));
|
|
@@ -1806,7 +1806,7 @@ function wt(e) {
|
|
|
1806
1806
|
const { color: t, ...n } = e;
|
|
1807
1807
|
return n;
|
|
1808
1808
|
}
|
|
1809
|
-
function
|
|
1809
|
+
function He(e, t) {
|
|
1810
1810
|
var n, o, r;
|
|
1811
1811
|
return {
|
|
1812
1812
|
fontFamily: An(e.fontSettings.fontFamily),
|
|
@@ -1823,7 +1823,7 @@ function Ne(e, t) {
|
|
|
1823
1823
|
};
|
|
1824
1824
|
}
|
|
1825
1825
|
const Vt = ({ content: e }) => {
|
|
1826
|
-
const t = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */ f("a", { className:
|
|
1826
|
+
const t = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */ f("a", { className: La.link, href: o.value, target: o.target, children: t(o.children) }, r) : /* @__PURE__ */ f("span", { style: Fa(o), children: o.text }, r));
|
|
1827
1827
|
return /* @__PURE__ */ f(tt, { children: e.map((n, o) => {
|
|
1828
1828
|
const r = n.children;
|
|
1829
1829
|
return /* @__PURE__ */ f("div", { children: t(r) }, o);
|
|
@@ -1856,11 +1856,11 @@ const Pa = "SvgImage-module__svg___q3xE-", Ma = "SvgImage-module__img___VsTm-",
|
|
|
1856
1856
|
const c = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
|
|
1857
1857
|
i(c);
|
|
1858
1858
|
}
|
|
1859
|
-
}, []), !Ra(e) || !a ? /* @__PURE__ */ f("img", { src: e, alt: "", className:
|
|
1859
|
+
}, []), !Ra(e) || !a ? /* @__PURE__ */ f("img", { src: e, alt: "", className: ve(Eo.img, o), style: r }) : /* @__PURE__ */ f(
|
|
1860
1860
|
"span",
|
|
1861
1861
|
{
|
|
1862
1862
|
"data-supports-mask": a,
|
|
1863
|
-
className:
|
|
1863
|
+
className: ve(Eo.svg, o),
|
|
1864
1864
|
style: {
|
|
1865
1865
|
"--svg": Wa(e),
|
|
1866
1866
|
"--fill": t,
|
|
@@ -1869,7 +1869,7 @@ const Pa = "SvgImage-module__svg___q3xE-", Ma = "SvgImage-module__img___VsTm-",
|
|
|
1869
1869
|
}
|
|
1870
1870
|
}
|
|
1871
1871
|
);
|
|
1872
|
-
},
|
|
1872
|
+
}, Na = {
|
|
1873
1873
|
"top-left": Z.topLeftAlignment,
|
|
1874
1874
|
"top-center": Z.topCenterAlignment,
|
|
1875
1875
|
"top-right": Z.topRightAlignment,
|
|
@@ -1880,15 +1880,15 @@ const Pa = "SvgImage-module__svg___q3xE-", Ma = "SvgImage-module__img___VsTm-",
|
|
|
1880
1880
|
"bottom-center": Z.bottomCenterAlignment,
|
|
1881
1881
|
"bottom-right": Z.bottomRightAlignment
|
|
1882
1882
|
};
|
|
1883
|
-
function
|
|
1884
|
-
const [r, a] = pe(null), { widthSettings: i, fontSettings: c, letterSpacing: s, textAlign: d, wordSpacing: l, fontSizeLineHeight: _, textAppearance: S, color: m } = n.imageCaption, [p, u] = pe(void 0), [x, h] = pe(null), [y, $] = pe(0), [D, R] = pe(0), { direction: T, transition: b, controls: C, pagination:
|
|
1883
|
+
function Ha({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
1884
|
+
const [r, a] = pe(null), { widthSettings: i, fontSettings: c, letterSpacing: s, textAlign: d, wordSpacing: l, fontSizeLineHeight: _, textAppearance: S, color: m } = n.imageCaption, [p, u] = pe(void 0), [x, h] = pe(null), [y, $] = pe(0), [D, R] = pe(0), { direction: T, transition: b, controls: C, pagination: L, imageCaption: z, triggers: F } = e, W = Ce(b.type), { x: H, y: V } = e.controls.offset, U = (g) => {
|
|
1885
1885
|
r && r.go(g);
|
|
1886
1886
|
};
|
|
1887
1887
|
return Te(() => {
|
|
1888
1888
|
if (!x) return;
|
|
1889
|
-
const g = new ResizeObserver((
|
|
1889
|
+
const g = new ResizeObserver((k) => {
|
|
1890
1890
|
if (!r) return;
|
|
1891
|
-
const [A] =
|
|
1891
|
+
const [A] = k;
|
|
1892
1892
|
u({
|
|
1893
1893
|
width: Math.round(A.contentRect.width),
|
|
1894
1894
|
height: Math.round(A.contentRect.height)
|
|
@@ -1897,7 +1897,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1897
1897
|
return g.observe(x), () => g.unobserve(x);
|
|
1898
1898
|
}, [x]), Te(() => {
|
|
1899
1899
|
!r || W.current === b.type || (R((g) => g + 1), W.current = b.type);
|
|
1900
|
-
}, [b.type]), /* @__PURE__ */ f("div", { className:
|
|
1900
|
+
}, [b.type]), /* @__PURE__ */ f("div", { className: ve(Z.wrapper, { [Z.editor]: o }), ref: h, children: /* @__PURE__ */ ge(
|
|
1901
1901
|
"div",
|
|
1902
1902
|
{
|
|
1903
1903
|
className: Z.sliderInner,
|
|
@@ -1910,17 +1910,17 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1910
1910
|
e.imageCaption.isActive && /* @__PURE__ */ f(
|
|
1911
1911
|
"div",
|
|
1912
1912
|
{
|
|
1913
|
-
className:
|
|
1913
|
+
className: ve(Z.captionBlock),
|
|
1914
1914
|
children: /* @__PURE__ */ f(
|
|
1915
1915
|
"div",
|
|
1916
1916
|
{
|
|
1917
1917
|
className: Z.captionTextWrapper,
|
|
1918
|
-
children: t.map((g,
|
|
1918
|
+
children: t.map((g, k) => /* @__PURE__ */ f(
|
|
1919
1919
|
"div",
|
|
1920
1920
|
{
|
|
1921
|
-
className:
|
|
1922
|
-
[Z.withPointerEvents]:
|
|
1923
|
-
[Z.active]:
|
|
1921
|
+
className: ve(Z.captionText, Na[z.alignment], {
|
|
1922
|
+
[Z.withPointerEvents]: k === y && o,
|
|
1923
|
+
[Z.active]: k === y
|
|
1924
1924
|
}),
|
|
1925
1925
|
style: {
|
|
1926
1926
|
fontFamily: An(c.fontFamily),
|
|
@@ -1944,17 +1944,17 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1944
1944
|
"data-styles": "imageCaption",
|
|
1945
1945
|
className: Z.captionTextInner,
|
|
1946
1946
|
style: {
|
|
1947
|
-
"--link-hover-color":
|
|
1948
|
-
"--link-color":
|
|
1947
|
+
"--link-hover-color": z.linkHoverColor,
|
|
1948
|
+
"--link-color": z.linkColor,
|
|
1949
1949
|
position: "relative",
|
|
1950
|
-
top: M(
|
|
1951
|
-
left: M(
|
|
1950
|
+
top: M(z.offset.y, o),
|
|
1951
|
+
left: M(z.offset.x, o)
|
|
1952
1952
|
},
|
|
1953
1953
|
children: /* @__PURE__ */ f(Vt, { content: g.imageCaption })
|
|
1954
1954
|
}
|
|
1955
1955
|
)
|
|
1956
1956
|
},
|
|
1957
|
-
|
|
1957
|
+
k
|
|
1958
1958
|
))
|
|
1959
1959
|
}
|
|
1960
1960
|
)
|
|
@@ -1983,7 +1983,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1983
1983
|
type: b.type === "fade in" ? "fade" : "loop",
|
|
1984
1984
|
rewind: !0
|
|
1985
1985
|
},
|
|
1986
|
-
children: t.map((g,
|
|
1986
|
+
children: t.map((g, k) => /* @__PURE__ */ f(wr, { children: /* @__PURE__ */ f(
|
|
1987
1987
|
"div",
|
|
1988
1988
|
{
|
|
1989
1989
|
className: Z.sliderItem,
|
|
@@ -1994,7 +1994,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1994
1994
|
children: /* @__PURE__ */ f(
|
|
1995
1995
|
"img",
|
|
1996
1996
|
{
|
|
1997
|
-
className:
|
|
1997
|
+
className: ve(Z.sliderImage, {
|
|
1998
1998
|
[Z.contain]: g.image.objectFit === "contain",
|
|
1999
1999
|
[Z.cover]: g.image.objectFit === "cover"
|
|
2000
2000
|
}),
|
|
@@ -2005,7 +2005,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2005
2005
|
}
|
|
2006
2006
|
)
|
|
2007
2007
|
}
|
|
2008
|
-
) },
|
|
2008
|
+
) }, k))
|
|
2009
2009
|
},
|
|
2010
2010
|
D
|
|
2011
2011
|
),
|
|
@@ -2013,7 +2013,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2013
2013
|
/* @__PURE__ */ f(
|
|
2014
2014
|
"div",
|
|
2015
2015
|
{
|
|
2016
|
-
className:
|
|
2016
|
+
className: ve(Z.arrow, {
|
|
2017
2017
|
[Z.arrowVertical]: T === "vert",
|
|
2018
2018
|
[Z.hoverArrow]: C.show === "on hover"
|
|
2019
2019
|
}),
|
|
@@ -2029,7 +2029,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2029
2029
|
},
|
|
2030
2030
|
className: Z.arrowInner,
|
|
2031
2031
|
style: {
|
|
2032
|
-
transform: `translate(${M(
|
|
2032
|
+
transform: `translate(${M(H, o)}, ${M(V * (T === "horiz" ? 1 : -1), o)}) scale(${e.controls.scale / 100}) rotate(${T === "horiz" ? "0deg" : "90deg"})`
|
|
2033
2033
|
},
|
|
2034
2034
|
children: [
|
|
2035
2035
|
C.arrowsImgUrl && /* @__PURE__ */ f(
|
|
@@ -2038,10 +2038,10 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2038
2038
|
url: C.arrowsImgUrl,
|
|
2039
2039
|
fill: C.color,
|
|
2040
2040
|
hoverFill: C.hover,
|
|
2041
|
-
className:
|
|
2041
|
+
className: ve(Z.arrowImg, Z.mirror)
|
|
2042
2042
|
}
|
|
2043
2043
|
),
|
|
2044
|
-
!C.arrowsImgUrl && /* @__PURE__ */ f(
|
|
2044
|
+
!C.arrowsImgUrl && /* @__PURE__ */ f(ko, { color: C.color, className: ve(Z.arrowIcon, Z.arrowImg, Z.mirror) })
|
|
2045
2045
|
]
|
|
2046
2046
|
}
|
|
2047
2047
|
)
|
|
@@ -2050,7 +2050,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2050
2050
|
/* @__PURE__ */ f(
|
|
2051
2051
|
"div",
|
|
2052
2052
|
{
|
|
2053
|
-
className:
|
|
2053
|
+
className: ve(Z.arrow, Z.nextArrow, {
|
|
2054
2054
|
[Z.arrowVertical]: T === "vert",
|
|
2055
2055
|
[Z.hoverArrow]: C.show === "on hover"
|
|
2056
2056
|
}),
|
|
@@ -2064,7 +2064,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2064
2064
|
className: Z.arrowInner,
|
|
2065
2065
|
onClick: () => U("+1"),
|
|
2066
2066
|
style: {
|
|
2067
|
-
transform: `translate(${M(
|
|
2067
|
+
transform: `translate(${M(H * (T === "horiz" ? -1 : 1), o)}, ${M(V, o)}) scale(${e.controls.scale / 100}) rotate(${T === "horiz" ? "0deg" : "90deg"})`
|
|
2068
2068
|
},
|
|
2069
2069
|
children: [
|
|
2070
2070
|
C.arrowsImgUrl && /* @__PURE__ */ f(
|
|
@@ -2076,7 +2076,7 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2076
2076
|
className: Z.arrowImg
|
|
2077
2077
|
}
|
|
2078
2078
|
),
|
|
2079
|
-
!C.arrowsImgUrl && /* @__PURE__ */ f(
|
|
2079
|
+
!C.arrowsImgUrl && /* @__PURE__ */ f(ko, { color: C.color, className: ve(Z.arrowIcon, Z.arrowImg) })
|
|
2080
2080
|
]
|
|
2081
2081
|
}
|
|
2082
2082
|
)
|
|
@@ -2092,18 +2092,18 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2092
2092
|
}
|
|
2093
2093
|
}
|
|
2094
2094
|
),
|
|
2095
|
-
|
|
2095
|
+
L.isActive && /* @__PURE__ */ f(
|
|
2096
2096
|
"div",
|
|
2097
2097
|
{
|
|
2098
|
-
className:
|
|
2099
|
-
[Z.paginationInsideBottom]:
|
|
2100
|
-
[Z.paginationInsideTop]:
|
|
2101
|
-
[Z.paginationOutsideBottom]:
|
|
2102
|
-
[Z.paginationOutsideTop]:
|
|
2103
|
-
[Z.paginationInsideLeft]:
|
|
2104
|
-
[Z.paginationInsideRight]:
|
|
2105
|
-
[Z.paginationOutsideLeft]:
|
|
2106
|
-
[Z.paginationOutsideRight]:
|
|
2098
|
+
className: ve(Z.pagination, {
|
|
2099
|
+
[Z.paginationInsideBottom]: L.position === "inside-1" && T === "horiz",
|
|
2100
|
+
[Z.paginationInsideTop]: L.position === "inside-2" && T === "horiz",
|
|
2101
|
+
[Z.paginationOutsideBottom]: L.position === "outside-1" && T === "horiz",
|
|
2102
|
+
[Z.paginationOutsideTop]: L.position === "outside-2" && T === "horiz",
|
|
2103
|
+
[Z.paginationInsideLeft]: L.position === "inside-1" && T === "vert",
|
|
2104
|
+
[Z.paginationInsideRight]: L.position === "inside-2" && T === "vert",
|
|
2105
|
+
[Z.paginationOutsideLeft]: L.position === "outside-1" && T === "vert",
|
|
2106
|
+
[Z.paginationOutsideRight]: L.position === "outside-2" && T === "vert",
|
|
2107
2107
|
[Z.paginationVertical]: T === "vert"
|
|
2108
2108
|
}),
|
|
2109
2109
|
children: /* @__PURE__ */ f(
|
|
@@ -2111,30 +2111,30 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2111
2111
|
{
|
|
2112
2112
|
className: Z.paginationInner,
|
|
2113
2113
|
style: {
|
|
2114
|
-
backgroundColor:
|
|
2115
|
-
transform: `scale(${
|
|
2114
|
+
backgroundColor: L.colors[2],
|
|
2115
|
+
transform: `scale(${L.scale / 100}) translate(${M(L.offset.x, o)}, ${M(L.offset.y, o)}) rotate(${T === "horiz" ? "0deg" : "90deg"})`
|
|
2116
2116
|
},
|
|
2117
|
-
children: t.map((g,
|
|
2117
|
+
children: t.map((g, k) => /* @__PURE__ */ f(
|
|
2118
2118
|
"button",
|
|
2119
2119
|
{
|
|
2120
2120
|
onClick: () => {
|
|
2121
|
-
r && r.go(
|
|
2121
|
+
r && r.go(k);
|
|
2122
2122
|
},
|
|
2123
|
-
className:
|
|
2123
|
+
className: ve(Z.paginationItem),
|
|
2124
2124
|
children: /* @__PURE__ */ f(
|
|
2125
2125
|
"div",
|
|
2126
2126
|
{
|
|
2127
|
-
className:
|
|
2128
|
-
[Z.activeDot]:
|
|
2127
|
+
className: ve(Z.dot, {
|
|
2128
|
+
[Z.activeDot]: k === y
|
|
2129
2129
|
}),
|
|
2130
2130
|
style: {
|
|
2131
|
-
backgroundColor:
|
|
2132
|
-
"--pagination-hover-color":
|
|
2131
|
+
backgroundColor: k === y ? L.colors[0] : L.colors[1],
|
|
2132
|
+
"--pagination-hover-color": L.hover
|
|
2133
2133
|
}
|
|
2134
2134
|
}
|
|
2135
2135
|
)
|
|
2136
2136
|
},
|
|
2137
|
-
|
|
2137
|
+
k
|
|
2138
2138
|
))
|
|
2139
2139
|
}
|
|
2140
2140
|
)
|
|
@@ -2144,11 +2144,11 @@ function Na({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2144
2144
|
}
|
|
2145
2145
|
) });
|
|
2146
2146
|
}
|
|
2147
|
-
function
|
|
2147
|
+
function ko({ color: e, className: t }) {
|
|
2148
2148
|
return /* @__PURE__ */ f("svg", { viewBox: "0 0 10 18", className: t, children: /* @__PURE__ */ f("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ f("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: e, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
2149
2149
|
}
|
|
2150
|
-
const
|
|
2151
|
-
element:
|
|
2150
|
+
const za = {
|
|
2151
|
+
element: Ha,
|
|
2152
2152
|
id: "control-slider",
|
|
2153
2153
|
name: "Slider",
|
|
2154
2154
|
preview: {
|
|
@@ -2750,13 +2750,13 @@ const Oa = {
|
|
|
2750
2750
|
},
|
|
2751
2751
|
required: ["settings", "content", "styles"]
|
|
2752
2752
|
}
|
|
2753
|
-
},
|
|
2754
|
-
imageRevealSlider:
|
|
2753
|
+
}, Oa = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", Ba = "ImageRevealSlider-module__image___Qjt-e", Va = "ImageRevealSlider-module__link___N-iLG", Da = "ImageRevealSlider-module__cursor___2U03d", yt = {
|
|
2754
|
+
imageRevealSlider: Oa,
|
|
2755
2755
|
image: Ba,
|
|
2756
2756
|
link: Va,
|
|
2757
2757
|
cursor: Da
|
|
2758
2758
|
};
|
|
2759
|
-
function
|
|
2759
|
+
function Lo(e, t, n) {
|
|
2760
2760
|
for (const o of n) {
|
|
2761
2761
|
const r = new Image();
|
|
2762
2762
|
r.src = o.url;
|
|
@@ -2791,7 +2791,7 @@ async function ja(e, t, n, o) {
|
|
|
2791
2791
|
return { width: r, height: a, finalWidth: `${r}px` };
|
|
2792
2792
|
}
|
|
2793
2793
|
function qa({ settings: e, content: t, isEditor: n }) {
|
|
2794
|
-
const [o, r] = pe(null), [a, i] = pe([]), [c, s] = pe(0), d = Ce(0), [l, _] = pe({ x: 0, y: 0 }), [S, m] = pe(1), [p, u] = pe("none"), x = Ce({ x: 0, y: 0 }), [h, y] = pe(!1), { sizeType: $, imageWidth: D, randomRangeImageWidth: R } = e.imageSize, { revealPosition: T, visible: b } = e.position, { cursorType: C, target:
|
|
2794
|
+
const [o, r] = pe(null), [a, i] = pe([]), [c, s] = pe(0), d = Ce(0), [l, _] = pe({ x: 0, y: 0 }), [S, m] = pe(1), [p, u] = pe("none"), x = Ce({ x: 0, y: 0 }), [h, y] = pe(!1), { sizeType: $, imageWidth: D, randomRangeImageWidth: R } = e.imageSize, { revealPosition: T, visible: b } = e.position, { cursorType: C, target: L, defaultCursorScale: z, defaultCursor: F, hoverCursorScale: W, hoverCursor: H } = e.cursor;
|
|
2795
2795
|
Te(() => {
|
|
2796
2796
|
if (!o) return;
|
|
2797
2797
|
const g = (E, w) => {
|
|
@@ -2805,31 +2805,31 @@ function qa({ settings: e, content: t, isEditor: n }) {
|
|
|
2805
2805
|
u("none"), m(1);
|
|
2806
2806
|
return;
|
|
2807
2807
|
}
|
|
2808
|
-
const Q =
|
|
2808
|
+
const Q = Lo(ee, se, a) || L === "area" ? { img: H ?? "none", scale: W } : { img: F ?? "none", scale: z };
|
|
2809
2809
|
u(Q.img), m(Q.scale);
|
|
2810
|
-
},
|
|
2810
|
+
}, k = (E) => {
|
|
2811
2811
|
E.stopPropagation(), x.current = { x: E.clientX, y: E.clientY }, g(E.clientX, E.clientY);
|
|
2812
2812
|
}, A = () => {
|
|
2813
2813
|
h && g(x.current.x, x.current.y);
|
|
2814
2814
|
};
|
|
2815
|
-
return o.addEventListener("mousemove",
|
|
2816
|
-
o.removeEventListener("mousemove",
|
|
2815
|
+
return o.addEventListener("mousemove", k), window.addEventListener("scroll", A, !0), () => {
|
|
2816
|
+
o.removeEventListener("mousemove", k), window.removeEventListener("scroll", A, !0);
|
|
2817
2817
|
};
|
|
2818
2818
|
}, [
|
|
2819
2819
|
o,
|
|
2820
2820
|
h,
|
|
2821
2821
|
l,
|
|
2822
2822
|
C,
|
|
2823
|
-
|
|
2824
|
-
|
|
2823
|
+
L,
|
|
2824
|
+
H,
|
|
2825
2825
|
F,
|
|
2826
2826
|
W,
|
|
2827
|
-
|
|
2827
|
+
z,
|
|
2828
2828
|
a
|
|
2829
2829
|
]), Te(() => {
|
|
2830
2830
|
h || (u("none"), m(0));
|
|
2831
2831
|
}, [h]);
|
|
2832
|
-
const V = async (g,
|
|
2832
|
+
const V = async (g, k, A, E = {}) => {
|
|
2833
2833
|
const { width: w, height: P, finalWidth: K } = await ja(
|
|
2834
2834
|
g.image.url,
|
|
2835
2835
|
$,
|
|
@@ -2837,8 +2837,8 @@ function qa({ settings: e, content: t, isEditor: n }) {
|
|
|
2837
2837
|
R
|
|
2838
2838
|
);
|
|
2839
2839
|
let ie = 0, ee = 0;
|
|
2840
|
-
T === "same" ? (ie =
|
|
2841
|
-
const se = Math.min(Math.max(ie, w / 2),
|
|
2840
|
+
T === "same" ? (ie = k / 2, ee = A / 2) : (ie = E.x ?? Math.random() * k, ee = E.y ?? Math.random() * A);
|
|
2841
|
+
const se = Math.min(Math.max(ie, w / 2), k - w / 2), I = Math.min(Math.max(ee, P / 2), A - P / 2);
|
|
2842
2842
|
return {
|
|
2843
2843
|
id: d.current++,
|
|
2844
2844
|
url: g.image.url,
|
|
@@ -2851,9 +2851,9 @@ function qa({ settings: e, content: t, isEditor: n }) {
|
|
|
2851
2851
|
};
|
|
2852
2852
|
return Te(() => {
|
|
2853
2853
|
if (!o || t.length === 0) return;
|
|
2854
|
-
const g = o.getBoundingClientRect(),
|
|
2854
|
+
const g = o.getBoundingClientRect(), k = g.width, A = g.height, E = [];
|
|
2855
2855
|
(async () => {
|
|
2856
|
-
const P = t[0], K = await V(P,
|
|
2856
|
+
const P = t[0], K = await V(P, k, A);
|
|
2857
2857
|
E.push(K), i(E), s(1);
|
|
2858
2858
|
})();
|
|
2859
2859
|
}, [$, D, R, T, o]), Te(() => {
|
|
@@ -2864,11 +2864,11 @@ function qa({ settings: e, content: t, isEditor: n }) {
|
|
|
2864
2864
|
ref: r,
|
|
2865
2865
|
onClick: async (g) => {
|
|
2866
2866
|
if (!o) return;
|
|
2867
|
-
const
|
|
2868
|
-
if (
|
|
2867
|
+
const k = o.getBoundingClientRect(), A = g.clientX - k.left, E = g.clientY - k.top;
|
|
2868
|
+
if (L === "image" && !Lo(A, E, a)) return;
|
|
2869
2869
|
let w = 0, P = 0;
|
|
2870
|
-
T === "on Click" ? (w = A, P = E) : T === "same" ? (w =
|
|
2871
|
-
const K = t[c], ie = await V(K,
|
|
2870
|
+
T === "on Click" ? (w = A, P = E) : T === "same" ? (w = k.width / 2, P = k.height / 2) : (w = Math.random() * k.width, P = Math.random() * k.height);
|
|
2871
|
+
const K = t[c], ie = await V(K, k.width, k.height, { x: w, y: P });
|
|
2872
2872
|
i((ee) => b === "all" ? [...ee, ie] : [ie]), s((ee) => ee >= t.length - 1 ? 0 : ee + 1);
|
|
2873
2873
|
},
|
|
2874
2874
|
onMouseEnter: () => y(!0),
|
|
@@ -2889,7 +2889,7 @@ function qa({ settings: e, content: t, isEditor: n }) {
|
|
|
2889
2889
|
height: "auto",
|
|
2890
2890
|
cursor: p === "none" ? "default" : "none"
|
|
2891
2891
|
},
|
|
2892
|
-
children:
|
|
2892
|
+
children: L === "area" && g.link ? /* @__PURE__ */ f("a", { href: g.link, target: "_blank", className: yt.link, children: /* @__PURE__ */ f(
|
|
2893
2893
|
"img",
|
|
2894
2894
|
{
|
|
2895
2895
|
src: g.url,
|
|
@@ -3243,7 +3243,7 @@ const Ua = {
|
|
|
3243
3243
|
}
|
|
3244
3244
|
}
|
|
3245
3245
|
}
|
|
3246
|
-
}, Ga = "LightBox-module__hidden___9s-9x", Ya = "LightBox-module__heroImage___sTxNF", Xa = "LightBox-module__background___rm9ml", Ka = "LightBox-module__editor___4ACaY", Za = "LightBox-module__contentStyle___Bgnsq", Ja = "LightBox-module__imageStyle___tLIlB", Qa = "LightBox-module__imgWrapper___LuFUp", el = "LightBox-module__contain___8-yaS", tl = "LightBox-module__cover___hNvOG", nl = "LightBox-module__caption___b6L2I", ol = "LightBox-module__captionTextInner___rCGNH", rl = "LightBox-module__lightboxSplide___XFuWC", il = "LightBox-module__arrow___iz38X", al = "LightBox-module__arrowVertical___Zfz81", ll = "LightBox-module__nextArrow___zkAQN", sl = "LightBox-module__arrowInner___p48sW", cl = "LightBox-module__arrowIcon___3VaFf", pl = "LightBox-module__arrowImg___pNV88", ul = "LightBox-module__mirror___pjeXc", dl = "LightBox-module__thumbsWrapper___GB-nU", ml = "LightBox-module__thumbsContainerVertical___wttk5", gl = "LightBox-module__thumbsContainer___osSma", fl = "LightBox-module__thumbsAlignStart___MO6tY", hl = "LightBox-module__thumbsAlignCenter___Q4sUx", yl = "LightBox-module__thumbsAlignEnd___p4y9R", vl = "LightBox-module__thumbItem___HvnF3", bl = "LightBox-module__closeButton___g2khP", xl = "LightBox-module__fadeIn___0m5GW", Sl = "LightBox-module__slideInLeft___gPYwC", Cl = "LightBox-module__slideInRight___S-pPp", wl = "LightBox-module__slideInTop___DFdAj", $l = "LightBox-module__slideInBottom___m27kZ", Tl = "LightBox-module__fadeOut___55qBR", _l = "LightBox-module__slideOutLeft___NvU7P", Al = "LightBox-module__slideOutRight___SK7eC", El = "LightBox-module__slideOutTop___Vgg0z",
|
|
3246
|
+
}, Ga = "LightBox-module__hidden___9s-9x", Ya = "LightBox-module__heroImage___sTxNF", Xa = "LightBox-module__background___rm9ml", Ka = "LightBox-module__editor___4ACaY", Za = "LightBox-module__contentStyle___Bgnsq", Ja = "LightBox-module__imageStyle___tLIlB", Qa = "LightBox-module__imgWrapper___LuFUp", el = "LightBox-module__contain___8-yaS", tl = "LightBox-module__cover___hNvOG", nl = "LightBox-module__caption___b6L2I", ol = "LightBox-module__captionTextInner___rCGNH", rl = "LightBox-module__lightboxSplide___XFuWC", il = "LightBox-module__arrow___iz38X", al = "LightBox-module__arrowVertical___Zfz81", ll = "LightBox-module__nextArrow___zkAQN", sl = "LightBox-module__arrowInner___p48sW", cl = "LightBox-module__arrowIcon___3VaFf", pl = "LightBox-module__arrowImg___pNV88", ul = "LightBox-module__mirror___pjeXc", dl = "LightBox-module__thumbsWrapper___GB-nU", ml = "LightBox-module__thumbsContainerVertical___wttk5", gl = "LightBox-module__thumbsContainer___osSma", fl = "LightBox-module__thumbsAlignStart___MO6tY", hl = "LightBox-module__thumbsAlignCenter___Q4sUx", yl = "LightBox-module__thumbsAlignEnd___p4y9R", vl = "LightBox-module__thumbItem___HvnF3", bl = "LightBox-module__closeButton___g2khP", xl = "LightBox-module__fadeIn___0m5GW", Sl = "LightBox-module__slideInLeft___gPYwC", Cl = "LightBox-module__slideInRight___S-pPp", wl = "LightBox-module__slideInTop___DFdAj", $l = "LightBox-module__slideInBottom___m27kZ", Tl = "LightBox-module__fadeOut___55qBR", _l = "LightBox-module__slideOutLeft___NvU7P", Al = "LightBox-module__slideOutRight___SK7eC", El = "LightBox-module__slideOutTop___Vgg0z", kl = "LightBox-module__slideOutBottom___nJ0Ef", Ll = "LightBox-module__scaleSlide___vZriG", B = {
|
|
3247
3247
|
hidden: Ga,
|
|
3248
3248
|
heroImage: Ya,
|
|
3249
3249
|
background: Xa,
|
|
@@ -3280,8 +3280,8 @@ const Ua = {
|
|
|
3280
3280
|
slideOutLeft: _l,
|
|
3281
3281
|
slideOutRight: Al,
|
|
3282
3282
|
slideOutTop: El,
|
|
3283
|
-
slideOutBottom:
|
|
3284
|
-
scaleSlide:
|
|
3283
|
+
slideOutBottom: kl,
|
|
3284
|
+
scaleSlide: Ll
|
|
3285
3285
|
}, en = (e, t, n) => {
|
|
3286
3286
|
const o = {}, [r, a] = e.split("-");
|
|
3287
3287
|
return r === "top" ? (o.top = "0", o.bottom = "auto") : r === "middle" ? (o.top = "50%", o.bottom = "auto") : r === "bottom" && (o.top = "auto", o.bottom = "0"), a === "left" ? (o.left = "0", o.right = "auto") : a === "center" ? (o.left = "50%", o.right = "auto") : a === "right" && (o.left = "auto", o.right = "0"), r === "middle" && a === "center" ? o.transform = `translate(calc(-50% + ${M(t.x, n)}), calc(-50% + ${M(t.y, n)}))` : r === "middle" ? o.transform = `translate(${M(t.x, n)}, calc(-50% + ${M(t.y, n)}))` : a === "center" ? o.transform = `translate(calc(-50% + ${M(t.x, n)}), ${M(t.y, n)})` : o.transform = `translate(${M(t.x, n)}, ${M(t.y, n)})`, o;
|
|
@@ -3425,8 +3425,8 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3425
3425
|
)
|
|
3426
3426
|
] });
|
|
3427
3427
|
}, Pl = ({ isOpen: e, onClose: t, content: n, lightboxStyles: o, settings: r, portalId: a, isEditor: i, metadata: c }) => {
|
|
3428
|
-
var
|
|
3429
|
-
const [s, d] = pe(0), [l, _] = pe(0), [S, m] = pe(!1), [p, u] = pe(!1), [x, h] = pe({}), y = Ce(null), $ = Ce(null), D = Ce(null), R = Ce(!1), T = Ce(null), b = Ce(null), C = Ce(null),
|
|
3428
|
+
var N;
|
|
3429
|
+
const [s, d] = pe(0), [l, _] = pe(0), [S, m] = pe(!1), [p, u] = pe(!1), [x, h] = pe({}), y = Ce(null), $ = Ce(null), D = Ce(null), R = Ce(!1), T = Ce(null), b = Ce(null), C = Ce(null), L = Ce(null), z = Ce(!1), F = Ce(null), [W, H] = pe(!1), { appear: V, triggers: U, slider: g, thumbnail: k, controls: A, area: E, caption: w, layout: P } = r.lightboxBlock, { appearClass: K, backdropAppearClass: ie, backdropDisappearClass: ee, disappearClass: se } = Il(V.type, V.direction), I = (c == null ? void 0 : c.itemId) ?? null;
|
|
3430
3430
|
Te(() => {
|
|
3431
3431
|
const v = () => {
|
|
3432
3432
|
setTimeout(() => {
|
|
@@ -3440,19 +3440,19 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3440
3440
|
window.removeEventListener("ArticleEditor.Layout:change", v), window.removeEventListener("ArticleEditor.ComponentContent:change", j);
|
|
3441
3441
|
};
|
|
3442
3442
|
}, []), Te(() => {
|
|
3443
|
-
if (!e || !
|
|
3444
|
-
|
|
3443
|
+
if (!e || !k.isActive) {
|
|
3444
|
+
H(!1);
|
|
3445
3445
|
return;
|
|
3446
3446
|
}
|
|
3447
3447
|
const v = F.current;
|
|
3448
3448
|
if (!v) return;
|
|
3449
3449
|
const j = () => {
|
|
3450
|
-
g.direction === "horiz" ?
|
|
3450
|
+
g.direction === "horiz" ? H(v.scrollWidth > v.clientWidth) : H(v.scrollHeight > v.clientHeight);
|
|
3451
3451
|
};
|
|
3452
3452
|
j();
|
|
3453
3453
|
const X = new ResizeObserver(j);
|
|
3454
3454
|
return X.observe(v), () => X.disconnect();
|
|
3455
|
-
}, [e,
|
|
3455
|
+
}, [e, k.isActive, n.length, x, g.direction]);
|
|
3456
3456
|
const Q = Je(() => {
|
|
3457
3457
|
const v = window.matchMedia("(max-width: 768px)").matches, j = Po(E.color);
|
|
3458
3458
|
v && !i && j > 0.9 && (document.body.style.backgroundColor = ""), m(!0), R.current = !0;
|
|
@@ -3466,14 +3466,14 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3466
3466
|
if (U.type === "click" && U.switch === "image")
|
|
3467
3467
|
U.repeat === "close" && s === n.length - 1 ? Q() : (J = y.current) == null || J.go("+1");
|
|
3468
3468
|
else if (U.type === "click" && U.switch === "50/50") {
|
|
3469
|
-
const oe = v.getBoundingClientRect(), te = j - oe.left, ce = X - oe.top,
|
|
3469
|
+
const oe = v.getBoundingClientRect(), te = j - oe.left, ce = X - oe.top, O = oe.width, Y = oe.height;
|
|
3470
3470
|
let G;
|
|
3471
|
-
g.direction === "horiz" ? G = te <
|
|
3471
|
+
g.direction === "horiz" ? G = te < O / 2 ? "-1" : "+1" : G = ce < Y / 2 ? "-1" : "+1", (re = y.current) == null || re.go(G);
|
|
3472
3472
|
}
|
|
3473
3473
|
}
|
|
3474
3474
|
}, de = (v) => {
|
|
3475
|
-
if (
|
|
3476
|
-
|
|
3475
|
+
if (z.current) {
|
|
3476
|
+
z.current = !1;
|
|
3477
3477
|
return;
|
|
3478
3478
|
}
|
|
3479
3479
|
const j = n[s], X = (j == null ? void 0 : j.image.objectFit) === "cover";
|
|
@@ -3552,8 +3552,8 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3552
3552
|
j.stopPropagation();
|
|
3553
3553
|
return;
|
|
3554
3554
|
}
|
|
3555
|
-
if (
|
|
3556
|
-
|
|
3555
|
+
if (z.current) {
|
|
3556
|
+
z.current = !1;
|
|
3557
3557
|
return;
|
|
3558
3558
|
}
|
|
3559
3559
|
const X = j.target;
|
|
@@ -3565,16 +3565,16 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3565
3565
|
}
|
|
3566
3566
|
if (j.touches.length === 0 && j.changedTouches.length > 0) {
|
|
3567
3567
|
const oe = n[s], te = (oe == null ? void 0 : oe.image.objectFit) === "cover", ce = j.changedTouches[0];
|
|
3568
|
-
let
|
|
3568
|
+
let O;
|
|
3569
3569
|
if (te && D.current) {
|
|
3570
3570
|
const Y = Fo(D.current);
|
|
3571
|
-
|
|
3571
|
+
O = ce.clientX >= Y.left && ce.clientX <= Y.right && ce.clientY >= Y.top && ce.clientY <= Y.bottom;
|
|
3572
3572
|
} else {
|
|
3573
3573
|
const Y = D.current ? Io(D.current) : null;
|
|
3574
3574
|
if (!Y) return;
|
|
3575
|
-
|
|
3575
|
+
O = ce.clientX >= Y.x && ce.clientX <= Y.x + Y.width && ce.clientY >= Y.y && ce.clientY <= Y.y + Y.height;
|
|
3576
3576
|
}
|
|
3577
|
-
if (!
|
|
3577
|
+
if (!O) {
|
|
3578
3578
|
j.stopPropagation(), R.current = !0;
|
|
3579
3579
|
const Y = (G) => {
|
|
3580
3580
|
G.stopPropagation(), G.preventDefault(), document.removeEventListener("click", Y, !0);
|
|
@@ -3593,38 +3593,38 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3593
3593
|
var G, ae;
|
|
3594
3594
|
if (!e || !q || !((ae = (G = y.current) == null ? void 0 : G.splide) != null && ae.root)) return;
|
|
3595
3595
|
const v = y.current.splide.root, j = 30, X = (ne, ue) => {
|
|
3596
|
-
if (
|
|
3597
|
-
const _e = Math.abs(ne -
|
|
3598
|
-
(_e > 0 || Ae > 0) && (
|
|
3596
|
+
if (L.current) {
|
|
3597
|
+
const _e = Math.abs(ne - L.current.x), Ae = Math.abs(ue - L.current.y);
|
|
3598
|
+
(_e > 0 || Ae > 0) && (z.current = !0);
|
|
3599
3599
|
}
|
|
3600
3600
|
}, J = (ne) => {
|
|
3601
|
-
|
|
3601
|
+
L.current && (ne.preventDefault(), X(ne.clientX, ne.clientY));
|
|
3602
3602
|
}, re = (ne) => {
|
|
3603
|
-
|
|
3603
|
+
L.current && ne.touches.length > 0 && (ne.preventDefault(), X(ne.touches[0].clientX, ne.touches[0].clientY));
|
|
3604
3604
|
}, oe = (ne, ue) => {
|
|
3605
|
-
if (!
|
|
3606
|
-
|
|
3605
|
+
if (!L.current || !y.current) {
|
|
3606
|
+
L.current = null;
|
|
3607
3607
|
return;
|
|
3608
3608
|
}
|
|
3609
|
-
const _e = Math.abs(ne -
|
|
3610
|
-
Ae > j && Ae > _e && y.current.go(ue <
|
|
3609
|
+
const _e = Math.abs(ne - L.current.x), Ae = Math.abs(ue - L.current.y);
|
|
3610
|
+
Ae > j && Ae > _e && y.current.go(ue < L.current.y ? "+1" : "-1"), L.current = null;
|
|
3611
3611
|
}, te = (ne) => {
|
|
3612
|
-
|
|
3612
|
+
L.current && oe(ne.clientX, ne.clientY), document.removeEventListener("pointerup", te), document.removeEventListener("pointercancel", te), document.removeEventListener("pointermove", J);
|
|
3613
3613
|
}, ce = (ne) => {
|
|
3614
|
-
if (
|
|
3614
|
+
if (L.current) {
|
|
3615
3615
|
if (ne.changedTouches.length > 0) {
|
|
3616
3616
|
const ue = ne.changedTouches[0];
|
|
3617
3617
|
oe(ue.clientX, ue.clientY);
|
|
3618
3618
|
}
|
|
3619
3619
|
document.removeEventListener("touchend", ce), document.removeEventListener("touchcancel", ce), document.removeEventListener("touchmove", re);
|
|
3620
3620
|
}
|
|
3621
|
-
},
|
|
3622
|
-
|
|
3621
|
+
}, O = (ne) => {
|
|
3622
|
+
L.current = { x: ne.clientX, y: ne.clientY }, z.current = !1, document.addEventListener("pointermove", J, { passive: !1 }), document.addEventListener("pointerup", te), document.addEventListener("pointercancel", te);
|
|
3623
3623
|
}, Y = (ne) => {
|
|
3624
|
-
ne.touches.length > 0 && (
|
|
3624
|
+
ne.touches.length > 0 && (L.current = { x: ne.touches[0].clientX, y: ne.touches[0].clientY }, z.current = !1, document.addEventListener("touchmove", re, { passive: !1 }), document.addEventListener("touchend", ce), document.addEventListener("touchcancel", ce));
|
|
3625
3625
|
};
|
|
3626
|
-
return v.addEventListener("pointerdown",
|
|
3627
|
-
v.removeEventListener("pointerdown",
|
|
3626
|
+
return v.addEventListener("pointerdown", O), v.addEventListener("touchstart", Y), () => {
|
|
3627
|
+
v.removeEventListener("pointerdown", O), v.removeEventListener("touchstart", Y), document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", te), document.removeEventListener("pointercancel", te), document.removeEventListener("touchmove", re), document.removeEventListener("touchend", ce), document.removeEventListener("touchcancel", ce), L.current = null, z.current = !1;
|
|
3628
3628
|
};
|
|
3629
3629
|
}, [e, q, l]);
|
|
3630
3630
|
const me = {
|
|
@@ -3634,13 +3634,13 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3634
3634
|
animationTimingFunction: "ease",
|
|
3635
3635
|
animationFillMode: "both"
|
|
3636
3636
|
};
|
|
3637
|
-
return typeof document > "u" || !document.getElementById(a) ? null :
|
|
3637
|
+
return typeof document > "u" || !document.getElementById(a) ? null : Lr(
|
|
3638
3638
|
/* @__PURE__ */ ge(tt, { children: [
|
|
3639
3639
|
/* @__PURE__ */ f(
|
|
3640
3640
|
"div",
|
|
3641
3641
|
{
|
|
3642
3642
|
ref: i ? null : T,
|
|
3643
|
-
className:
|
|
3643
|
+
className: ve(B.background, S ? ee : ie, { [B.editor]: i }, { [B.hidden]: !e }),
|
|
3644
3644
|
style: {
|
|
3645
3645
|
...me,
|
|
3646
3646
|
...p && !i && !S ? { position: "absolute" } : {}
|
|
@@ -3651,7 +3651,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3651
3651
|
"div",
|
|
3652
3652
|
{
|
|
3653
3653
|
ref: i ? T : null,
|
|
3654
|
-
className:
|
|
3654
|
+
className: ve(B.contentStyle, S ? se : K, { [B.editor]: i }, { [B.hidden]: !e }),
|
|
3655
3655
|
style: {
|
|
3656
3656
|
animationDuration: `${parseInt(V.duration)}ms`,
|
|
3657
3657
|
animationTimingFunction: "ease",
|
|
@@ -3695,7 +3695,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3695
3695
|
"img",
|
|
3696
3696
|
{
|
|
3697
3697
|
ref: j === s ? D : null,
|
|
3698
|
-
className:
|
|
3698
|
+
className: ve(B.imageStyle, {
|
|
3699
3699
|
[B.contain]: v.image.objectFit === "contain",
|
|
3700
3700
|
[B.cover]: v.image.objectFit === "cover",
|
|
3701
3701
|
[B.scaleSlide]: g.type === "scale"
|
|
@@ -3713,7 +3713,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3713
3713
|
/* @__PURE__ */ f(
|
|
3714
3714
|
"div",
|
|
3715
3715
|
{
|
|
3716
|
-
className:
|
|
3716
|
+
className: ve(B.arrow, { [B.arrowVertical]: g.direction === "vert" }),
|
|
3717
3717
|
style: { color: A.color, "--arrow-hover-color": A.hover },
|
|
3718
3718
|
children: /* @__PURE__ */ ge(
|
|
3719
3719
|
"button",
|
|
@@ -3732,10 +3732,10 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3732
3732
|
url: A.arrowsImgUrl,
|
|
3733
3733
|
fill: A.color,
|
|
3734
3734
|
hoverFill: A.hover,
|
|
3735
|
-
className:
|
|
3735
|
+
className: ve(B.arrowImg, B.mirror)
|
|
3736
3736
|
}
|
|
3737
3737
|
),
|
|
3738
|
-
!A.arrowsImgUrl && /* @__PURE__ */ f(Mo, { color: A.color, className:
|
|
3738
|
+
!A.arrowsImgUrl && /* @__PURE__ */ f(Mo, { color: A.color, className: ve(B.arrowIcon, B.arrowImg, B.mirror) })
|
|
3739
3739
|
]
|
|
3740
3740
|
}
|
|
3741
3741
|
)
|
|
@@ -3744,7 +3744,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3744
3744
|
/* @__PURE__ */ f(
|
|
3745
3745
|
"div",
|
|
3746
3746
|
{
|
|
3747
|
-
className:
|
|
3747
|
+
className: ve(B.arrow, B.nextArrow, { [B.arrowVertical]: g.direction === "vert" }),
|
|
3748
3748
|
style: { color: A.color, "--arrow-hover-color": A.hover },
|
|
3749
3749
|
children: /* @__PURE__ */ ge(
|
|
3750
3750
|
"button",
|
|
@@ -3766,7 +3766,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3766
3766
|
className: B.arrowImg
|
|
3767
3767
|
}
|
|
3768
3768
|
),
|
|
3769
|
-
!A.arrowsImgUrl && /* @__PURE__ */ f(Mo, { color: A.color, className:
|
|
3769
|
+
!A.arrowsImgUrl && /* @__PURE__ */ f(Mo, { color: A.color, className: ve(B.arrowIcon, B.arrowImg) })
|
|
3770
3770
|
]
|
|
3771
3771
|
}
|
|
3772
3772
|
)
|
|
@@ -3777,7 +3777,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3777
3777
|
const v = en(E.closeIconAlign, E.closeIconOffset, i), j = `scale(${E.closeIconScale})`, X = v.transform ? `${v.transform} ${j}` : j;
|
|
3778
3778
|
return /* @__PURE__ */ f("button", { className: B.closeButton, style: { ...v, transform: X }, onClick: Q, "aria-label": "Close lightbox", children: /* @__PURE__ */ f(nt, { url: E.closeIconUrl, fill: E.closeIconColor ?? "#000000", hoverFill: E.closeIconHover ?? "#cccccc" }) });
|
|
3779
3779
|
})(),
|
|
3780
|
-
w && w.isActive && o.imageCaption && ((
|
|
3780
|
+
w && w.isActive && o.imageCaption && ((N = n[s]) == null ? void 0 : N.imageCaption) && (() => {
|
|
3781
3781
|
const { widthSettings: v, fontSettings: j, letterSpacing: X, textAlign: J, wordSpacing: re, fontSizeLineHeight: oe, textAppearance: te, color: ce } = o.imageCaption;
|
|
3782
3782
|
return /* @__PURE__ */ f(
|
|
3783
3783
|
"div",
|
|
@@ -3799,7 +3799,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3799
3799
|
fontVariant: te.fontVariant ?? "normal",
|
|
3800
3800
|
color: ce
|
|
3801
3801
|
},
|
|
3802
|
-
onClick: (
|
|
3802
|
+
onClick: (O) => O.stopPropagation(),
|
|
3803
3803
|
children: /* @__PURE__ */ f(
|
|
3804
3804
|
"div",
|
|
3805
3805
|
{
|
|
@@ -3815,8 +3815,8 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3815
3815
|
}
|
|
3816
3816
|
);
|
|
3817
3817
|
})(),
|
|
3818
|
-
|
|
3819
|
-
const [v, j] =
|
|
3818
|
+
k.isActive && (() => {
|
|
3819
|
+
const [v, j] = k.position.split("-"), X = g.direction === "horiz" ? `${v}-left` : k.position, J = en(X, k.offset, i), re = () => {
|
|
3820
3820
|
if (g.direction === "horiz") {
|
|
3821
3821
|
if (j === "left") return "flex-start";
|
|
3822
3822
|
if (j === "center") return "center";
|
|
@@ -3851,22 +3851,22 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3851
3851
|
children: /* @__PURE__ */ f(
|
|
3852
3852
|
"div",
|
|
3853
3853
|
{
|
|
3854
|
-
className:
|
|
3854
|
+
className: ve(B.thumbsContainer, {
|
|
3855
3855
|
[B.thumbsContainerVertical]: g.direction === "vert",
|
|
3856
|
-
[B.thumbsAlignStart]:
|
|
3857
|
-
[B.thumbsAlignCenter]:
|
|
3858
|
-
[B.thumbsAlignEnd]:
|
|
3856
|
+
[B.thumbsAlignStart]: k.align === "start",
|
|
3857
|
+
[B.thumbsAlignCenter]: k.align === "center",
|
|
3858
|
+
[B.thumbsAlignEnd]: k.align === "end"
|
|
3859
3859
|
}),
|
|
3860
3860
|
style: {
|
|
3861
|
-
gap: M(
|
|
3861
|
+
gap: M(k.grid.gap, i),
|
|
3862
3862
|
justifyContent: W ? "flex-start" : re()
|
|
3863
3863
|
},
|
|
3864
3864
|
children: n.map((oe, te) => {
|
|
3865
|
-
const ce = te === s,
|
|
3866
|
-
if (
|
|
3867
|
-
if (!
|
|
3865
|
+
const ce = te === s, O = x[te], G = k.grid.size * (ce ? k.activeState.scale : 1), ae = () => {
|
|
3866
|
+
if (k.fit !== "fit") return {};
|
|
3867
|
+
if (!O)
|
|
3868
3868
|
return g.direction === "horiz" ? { height: M(G, i) } : { width: M(G, i) };
|
|
3869
|
-
const ne =
|
|
3869
|
+
const ne = O.width / O.height;
|
|
3870
3870
|
if (g.direction === "horiz") {
|
|
3871
3871
|
const ue = G, _e = ue * ne;
|
|
3872
3872
|
return {
|
|
@@ -3886,13 +3886,13 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3886
3886
|
{
|
|
3887
3887
|
className: B.thumbItem,
|
|
3888
3888
|
style: {
|
|
3889
|
-
...g.direction === "horiz" &&
|
|
3890
|
-
...g.direction === "vert" &&
|
|
3891
|
-
...
|
|
3889
|
+
...g.direction === "horiz" && k.fit !== "fit" ? { height: M(G, i) } : {},
|
|
3890
|
+
...g.direction === "vert" && k.fit !== "fit" ? { width: M(G, i) } : {},
|
|
3891
|
+
...k.fit === "cover" ? { width: M(G, i), height: M(G, i) } : {},
|
|
3892
3892
|
...ae(),
|
|
3893
3893
|
transition: ce ? "all 0.25s ease-out" : "none",
|
|
3894
|
-
opacity: ce ?
|
|
3895
|
-
"--thumb-hover":
|
|
3894
|
+
opacity: ce ? k.activeState.opacity / 100 : k.opacity / 100,
|
|
3895
|
+
"--thumb-hover": k.activeState.opacity / 100
|
|
3896
3896
|
},
|
|
3897
3897
|
onClick: (ne) => {
|
|
3898
3898
|
var ue;
|
|
@@ -3900,7 +3900,7 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3900
3900
|
},
|
|
3901
3901
|
onMouseEnter: () => {
|
|
3902
3902
|
var ne;
|
|
3903
|
-
|
|
3903
|
+
k.triggers === "hov" && ((ne = y.current) == null || ne.go(te));
|
|
3904
3904
|
},
|
|
3905
3905
|
children: /* @__PURE__ */ f(
|
|
3906
3906
|
"img",
|
|
@@ -3915,9 +3915,9 @@ const Fl = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3915
3915
|
}));
|
|
3916
3916
|
},
|
|
3917
3917
|
style: {
|
|
3918
|
-
objectFit:
|
|
3919
|
-
...
|
|
3920
|
-
...
|
|
3918
|
+
objectFit: k.fit === "cover" ? "cover" : "contain",
|
|
3919
|
+
...k.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
|
|
3920
|
+
...k.fit === "cover" ? { width: "100%", height: "100%" } : {}
|
|
3921
3921
|
}
|
|
3922
3922
|
}
|
|
3923
3923
|
)
|
|
@@ -5175,15 +5175,15 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5175
5175
|
buttonColor: T,
|
|
5176
5176
|
buttonTextColor: b,
|
|
5177
5177
|
buttonBorderColor: C,
|
|
5178
|
-
labelTextColor:
|
|
5179
|
-
successColor:
|
|
5178
|
+
labelTextColor: L,
|
|
5179
|
+
successColor: z,
|
|
5180
5180
|
errorColor: F,
|
|
5181
5181
|
fontFamily: W,
|
|
5182
|
-
inputFontSettings:
|
|
5182
|
+
inputFontSettings: H,
|
|
5183
5183
|
inputFontSize: V,
|
|
5184
5184
|
inputLineHeight: U,
|
|
5185
5185
|
inputLetterSpacing: g,
|
|
5186
|
-
inputWordSpacing:
|
|
5186
|
+
inputWordSpacing: k,
|
|
5187
5187
|
inputTextAppearance: A,
|
|
5188
5188
|
buttonFontSettings: E,
|
|
5189
5189
|
buttonFontSize: w,
|
|
@@ -5199,26 +5199,26 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5199
5199
|
labelTextAppearance: fe,
|
|
5200
5200
|
statusFontSettings: q,
|
|
5201
5201
|
statusFontSize: me,
|
|
5202
|
-
statusLineHeight:
|
|
5202
|
+
statusLineHeight: N,
|
|
5203
5203
|
statusLetterSpacing: v,
|
|
5204
5204
|
statusWordSpacing: j,
|
|
5205
5205
|
statusTextAppearance: X,
|
|
5206
5206
|
successMessage: J,
|
|
5207
5207
|
errorMessage: re,
|
|
5208
5208
|
stateOverrides: oe
|
|
5209
|
-
} = e, te = a === "B", ce = c.slice(0, Math.min(i, c.length)),
|
|
5209
|
+
} = e, te = a === "B", ce = c.slice(0, Math.min(i, c.length)), O = {
|
|
5210
5210
|
fontSettings: {
|
|
5211
5211
|
fontFamily: W,
|
|
5212
|
-
fontWeight: (
|
|
5213
|
-
fontStyle: (
|
|
5212
|
+
fontWeight: (H == null ? void 0 : H.fontWeight) ?? 400,
|
|
5213
|
+
fontStyle: (H == null ? void 0 : H.fontStyle) ?? "normal"
|
|
5214
5214
|
},
|
|
5215
5215
|
fontSize: V ?? 0.01,
|
|
5216
5216
|
lineHeight: U,
|
|
5217
5217
|
letterSpacing: g ?? 0,
|
|
5218
|
-
wordSpacing:
|
|
5218
|
+
wordSpacing: k ?? 0,
|
|
5219
5219
|
textAppearance: A,
|
|
5220
5220
|
color: $
|
|
5221
|
-
}, Y = wt(
|
|
5221
|
+
}, Y = wt(He(O, t)), G = M(x ?? 0, t), ae = M(
|
|
5222
5222
|
(U ?? V ?? 0.01) + ((h == null ? void 0 : h.top) ?? 0) + ((h == null ? void 0 : h.bottom) ?? 0) + (a === "C" ? x ?? 0 : (x ?? 0) * 2),
|
|
5223
5223
|
t
|
|
5224
5224
|
), ne = {
|
|
@@ -5249,7 +5249,7 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5249
5249
|
wordSpacing: ie ?? 0,
|
|
5250
5250
|
textAppearance: ee,
|
|
5251
5251
|
color: b
|
|
5252
|
-
}, _e = wt(
|
|
5252
|
+
}, _e = wt(He(ue, t)), Ae = M(S ?? 0, t), ft = {
|
|
5253
5253
|
fontSettings: {
|
|
5254
5254
|
fontFamily: W,
|
|
5255
5255
|
fontWeight: (se == null ? void 0 : se.fontWeight) ?? 400,
|
|
@@ -5260,20 +5260,20 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5260
5260
|
letterSpacing: he ?? 0,
|
|
5261
5261
|
wordSpacing: de ?? 0,
|
|
5262
5262
|
textAppearance: fe,
|
|
5263
|
-
color:
|
|
5264
|
-
}, Ze =
|
|
5263
|
+
color: L
|
|
5264
|
+
}, Ze = He(ft, t), Se = {
|
|
5265
5265
|
fontSettings: {
|
|
5266
5266
|
fontFamily: W,
|
|
5267
5267
|
fontWeight: (q == null ? void 0 : q.fontWeight) ?? 400,
|
|
5268
5268
|
fontStyle: (q == null ? void 0 : q.fontStyle) ?? "normal"
|
|
5269
5269
|
},
|
|
5270
5270
|
fontSize: me ?? 0.01,
|
|
5271
|
-
lineHeight:
|
|
5271
|
+
lineHeight: N,
|
|
5272
5272
|
letterSpacing: v ?? 0,
|
|
5273
5273
|
wordSpacing: j ?? 0,
|
|
5274
5274
|
textAppearance: X,
|
|
5275
|
-
color:
|
|
5276
|
-
},
|
|
5275
|
+
color: z
|
|
5276
|
+
}, Ne = wt(He(Se, t)), st = Ho(r, {
|
|
5277
5277
|
inputColor: y,
|
|
5278
5278
|
inputTextColor: $,
|
|
5279
5279
|
inputBorderColor: D,
|
|
@@ -5281,21 +5281,21 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5281
5281
|
buttonColor: T,
|
|
5282
5282
|
buttonTextColor: b,
|
|
5283
5283
|
buttonBorderColor: C,
|
|
5284
|
-
labelTextColor:
|
|
5285
|
-
successColor:
|
|
5284
|
+
labelTextColor: L,
|
|
5285
|
+
successColor: z,
|
|
5286
5286
|
errorColor: F
|
|
5287
|
-
},
|
|
5288
|
-
() => Object.fromEntries(ce.map((
|
|
5289
|
-
), [po,
|
|
5287
|
+
}, Nl, Hl, oe), [$e, Ve] = pe(
|
|
5288
|
+
() => Object.fromEntries(ce.map((ye) => [ye.name, ""]))
|
|
5289
|
+
), [po, Lt] = pe("idle"), [Tr, Zt] = pe(null), En = o === "success" ? "success" : o === "error" ? "error" : po, _r = o === "error" ? re : Tr, Jt = o === "filled", It = Qe(() => {
|
|
5290
5290
|
if (!Jt) return $e;
|
|
5291
|
-
let
|
|
5291
|
+
let ye = null;
|
|
5292
5292
|
for (const De of ce)
|
|
5293
|
-
($e[De.name] ?? "").trim().length > 0 || (
|
|
5294
|
-
return
|
|
5295
|
-
}, [$e, Jt, ce]), Ar = En === "error" ? cn(ce, It) : null, Er = `${o && o !== "default" ? `${r}-state-${o}` : ""}`.trim(), uo = n == null ? void 0 : n.submitUrl, mo = (
|
|
5296
|
-
Ve((je) => ({ ...je, [
|
|
5297
|
-
},
|
|
5298
|
-
|
|
5293
|
+
($e[De.name] ?? "").trim().length > 0 || (ye = ye ?? { ...$e }, ye[De.name] = "Filled");
|
|
5294
|
+
return ye ?? $e;
|
|
5295
|
+
}, [$e, Jt, ce]), Ar = En === "error" ? cn(ce, It) : null, Er = `${o && o !== "default" ? `${r}-state-${o}` : ""}`.trim(), uo = n == null ? void 0 : n.submitUrl, mo = (ye, De) => {
|
|
5296
|
+
Ve((je) => ({ ...je, [ye]: De }));
|
|
5297
|
+
}, kr = async (ye) => {
|
|
5298
|
+
ye.preventDefault();
|
|
5299
5299
|
const De = Object.fromEntries(
|
|
5300
5300
|
ce.map((Pe) => {
|
|
5301
5301
|
var ht;
|
|
@@ -5303,16 +5303,16 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5303
5303
|
}).filter(([, Pe]) => Pe)
|
|
5304
5304
|
);
|
|
5305
5305
|
if (!uo) {
|
|
5306
|
-
|
|
5306
|
+
Lt("error"), Zt("No integrations were found for this form.");
|
|
5307
5307
|
return;
|
|
5308
5308
|
}
|
|
5309
5309
|
if (Object.keys(De).length === 0) return;
|
|
5310
5310
|
const je = cn(ce, $e);
|
|
5311
5311
|
if (je) {
|
|
5312
|
-
|
|
5312
|
+
Lt("error"), Zt(je);
|
|
5313
5313
|
return;
|
|
5314
5314
|
}
|
|
5315
|
-
|
|
5315
|
+
Lt("submitting"), Zt(null);
|
|
5316
5316
|
try {
|
|
5317
5317
|
const Pe = await fetch(uo, {
|
|
5318
5318
|
method: "POST",
|
|
@@ -5323,9 +5323,9 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5323
5323
|
const ht = await Pe.text();
|
|
5324
5324
|
throw new Error(ht || `Request failed: ${Pe.status}`);
|
|
5325
5325
|
}
|
|
5326
|
-
|
|
5326
|
+
Lt("success"), Ve(Object.fromEntries(ce.map((ht) => [ht.name, ""])));
|
|
5327
5327
|
} catch (Pe) {
|
|
5328
|
-
|
|
5328
|
+
Lt("error"), Zt(Pe instanceof Error ? Pe.message : "Something went wrong");
|
|
5329
5329
|
}
|
|
5330
5330
|
};
|
|
5331
5331
|
return /* @__PURE__ */ ge("div", { className: `${r}-wrapper ${r}-type-${a} ${Er}`.trim(), style: st, children: [
|
|
@@ -5333,7 +5333,7 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5333
5333
|
/* @__PURE__ */ ge(
|
|
5334
5334
|
"form",
|
|
5335
5335
|
{
|
|
5336
|
-
onSubmit:
|
|
5336
|
+
onSubmit: kr,
|
|
5337
5337
|
className: `${r}-form`,
|
|
5338
5338
|
style: { gap: M(d ?? 0, t) },
|
|
5339
5339
|
children: [
|
|
@@ -5342,35 +5342,35 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5342
5342
|
{
|
|
5343
5343
|
className: `${r}-fields`,
|
|
5344
5344
|
style: { gap: M(l ?? 0, t) },
|
|
5345
|
-
children: ce.map((
|
|
5346
|
-
te && /* @__PURE__ */ f("span", { className: `${r}-field-label`, style: Ze ? { ...Ze, lineHeight: Ze.fontSize } : void 0, children:
|
|
5347
|
-
|
|
5345
|
+
children: ce.map((ye, De) => /* @__PURE__ */ ge("div", { className: `${r}-field-group${te ? ` ${r}-labeled` : ""}`, children: [
|
|
5346
|
+
te && /* @__PURE__ */ f("span", { className: `${r}-field-label`, style: Ze ? { ...Ze, lineHeight: Ze.fontSize } : void 0, children: ye.label || ye.name }),
|
|
5347
|
+
ye.type === "textarea" ? /* @__PURE__ */ f(
|
|
5348
5348
|
"textarea",
|
|
5349
5349
|
{
|
|
5350
|
-
name:
|
|
5350
|
+
name: ye.name,
|
|
5351
5351
|
autoComplete: "off",
|
|
5352
|
-
value: It[
|
|
5353
|
-
onChange: (je) => mo(
|
|
5354
|
-
placeholder:
|
|
5352
|
+
value: It[ye.name] ?? "",
|
|
5353
|
+
onChange: (je) => mo(ye.name, je.target.value),
|
|
5354
|
+
placeholder: ye.placeholder,
|
|
5355
5355
|
className: `${r}-input`,
|
|
5356
5356
|
style: ne,
|
|
5357
5357
|
rows: 1,
|
|
5358
|
-
"data-filled": Jt || (It[
|
|
5358
|
+
"data-filled": Jt || (It[ye.name] ?? "").trim().length > 0,
|
|
5359
5359
|
"data-field-type": "textarea"
|
|
5360
5360
|
}
|
|
5361
5361
|
) : /* @__PURE__ */ f(
|
|
5362
5362
|
"input",
|
|
5363
5363
|
{
|
|
5364
|
-
type:
|
|
5365
|
-
name:
|
|
5364
|
+
type: ye.type === "phone" ? "tel" : ye.type === "email" ? "email" : "text",
|
|
5365
|
+
name: ye.name,
|
|
5366
5366
|
autoComplete: "off",
|
|
5367
|
-
value: It[
|
|
5368
|
-
onChange: (je) => mo(
|
|
5369
|
-
placeholder:
|
|
5370
|
-
required:
|
|
5367
|
+
value: It[ye.name] ?? "",
|
|
5368
|
+
onChange: (je) => mo(ye.name, je.target.value),
|
|
5369
|
+
placeholder: ye.placeholder,
|
|
5370
|
+
required: ye.isRequired ?? ye.type === "email",
|
|
5371
5371
|
className: `${r}-input`,
|
|
5372
5372
|
style: ne,
|
|
5373
|
-
"data-filled": Jt || (It[
|
|
5373
|
+
"data-filled": Jt || (It[ye.name] ?? "").trim().length > 0
|
|
5374
5374
|
}
|
|
5375
5375
|
)
|
|
5376
5376
|
] }, De))
|
|
@@ -5418,7 +5418,7 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5418
5418
|
"p",
|
|
5419
5419
|
{
|
|
5420
5420
|
className: `${r}-success`,
|
|
5421
|
-
style: { ...
|
|
5421
|
+
style: { ...Ne },
|
|
5422
5422
|
children: J
|
|
5423
5423
|
}
|
|
5424
5424
|
),
|
|
@@ -5426,14 +5426,14 @@ function Wl({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5426
5426
|
"p",
|
|
5427
5427
|
{
|
|
5428
5428
|
className: `${r}-error`,
|
|
5429
|
-
style: { ...
|
|
5429
|
+
style: { ...Ne },
|
|
5430
5430
|
role: "alert",
|
|
5431
5431
|
children: Ar ?? _r ?? re
|
|
5432
5432
|
}
|
|
5433
5433
|
)
|
|
5434
5434
|
] });
|
|
5435
5435
|
}
|
|
5436
|
-
const
|
|
5436
|
+
const Nl = {
|
|
5437
5437
|
inputColor: "input-color",
|
|
5438
5438
|
inputTextColor: "input-text-color",
|
|
5439
5439
|
inputBorderColor: "input-border-color",
|
|
@@ -5444,7 +5444,7 @@ const Hl = {
|
|
|
5444
5444
|
labelTextColor: "label-text-color",
|
|
5445
5445
|
successColor: "success-color",
|
|
5446
5446
|
errorColor: "error-color"
|
|
5447
|
-
},
|
|
5447
|
+
}, Hl = ["hover", "focus", "filled", "success", "error"], zl = `import React, { useMemo, useState } from 'react';
|
|
5448
5448
|
import { CommonComponentProps } from '../props';
|
|
5449
5449
|
import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
5450
5450
|
import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
|
|
@@ -6045,7 +6045,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
|
|
|
6045
6045
|
};
|
|
6046
6046
|
|
|
6047
6047
|
const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
6048
|
-
`,
|
|
6048
|
+
`, Ol = [
|
|
6049
6049
|
{ name: "email", type: "email", placeholder: "Enter your email", label: "Email", isRequired: !0, error: "Please, enter a valid e-mail." },
|
|
6050
6050
|
{ name: "name", type: "text", placeholder: "Enter your name", label: "Name", isRequired: !1, error: "Please, enter your name." },
|
|
6051
6051
|
{ name: "company", type: "text", placeholder: "Enter company", label: "Company", isRequired: !1, error: "Please, enter your company name." },
|
|
@@ -6410,7 +6410,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
6410
6410
|
},
|
|
6411
6411
|
defaults: {
|
|
6412
6412
|
fieldsToShow: 2,
|
|
6413
|
-
fields:
|
|
6413
|
+
fields: Ol,
|
|
6414
6414
|
type: "A",
|
|
6415
6415
|
inputColor: "#FFFFFF",
|
|
6416
6416
|
inputTextColor: "#0A00F8",
|
|
@@ -6683,7 +6683,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
6683
6683
|
height: 42
|
|
6684
6684
|
},
|
|
6685
6685
|
schema: Vl,
|
|
6686
|
-
sourceCode:
|
|
6686
|
+
sourceCode: zl
|
|
6687
6687
|
};
|
|
6688
6688
|
function on(e) {
|
|
6689
6689
|
return `calc(var(--cntrl-article-width, 100vw) * ${e / 1440})`;
|
|
@@ -6904,15 +6904,15 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6904
6904
|
statusFontSettings: T,
|
|
6905
6905
|
statusFontSize: b,
|
|
6906
6906
|
statusLineHeight: C,
|
|
6907
|
-
statusLetterSpacing:
|
|
6908
|
-
statusWordSpacing:
|
|
6907
|
+
statusLetterSpacing: L,
|
|
6908
|
+
statusWordSpacing: z,
|
|
6909
6909
|
statusTextAppearance: F,
|
|
6910
6910
|
iconMaxWidth: W,
|
|
6911
|
-
minHeight:
|
|
6911
|
+
minHeight: H,
|
|
6912
6912
|
corners: V,
|
|
6913
6913
|
stroke: U,
|
|
6914
6914
|
stateOverrides: g,
|
|
6915
|
-
inputPadding:
|
|
6915
|
+
inputPadding: k,
|
|
6916
6916
|
buttonPadding: A,
|
|
6917
6917
|
successMessage: E = "Thanks for subscribing!",
|
|
6918
6918
|
errorMessage: w = "Please, fill all required fields."
|
|
@@ -6921,10 +6921,10 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6921
6921
|
), [ee, se] = pe("idle"), [I, Q] = pe(null), he = o === "success" ? "success" : o === "error" ? "error" : ee, de = o === "error" ? w : I, fe = o === "filled", q = Qe(() => {
|
|
6922
6922
|
if (!fe) return K;
|
|
6923
6923
|
let Se = null;
|
|
6924
|
-
for (const
|
|
6925
|
-
(K[
|
|
6924
|
+
for (const Ne of P)
|
|
6925
|
+
(K[Ne.name] ?? "").trim().length > 0 || (Se = Se ?? { ...K }, Se[Ne.name] = "Filled");
|
|
6926
6926
|
return Se ?? K;
|
|
6927
|
-
}, [fe, K, P]), me = he === "error" ? cn(P, q) : null,
|
|
6927
|
+
}, [fe, K, P]), me = he === "error" ? cn(P, q) : null, N = o && o !== "default" ? `${r}-state-${o}` : "", v = P.some((Se) => (q[Se.name] ?? "").trim().length > 0), j = N !== `${r}-state-filled` && v ? `${r}-state-filled` : "", X = `${N} ${j}`.trim(), J = n == null ? void 0 : n.submitUrl, re = c ?? "", oe = (i == null ? void 0 : i.icon) ?? "", te = (i == null ? void 0 : i.mode) === "On", ce = re || "Submit", O = {
|
|
6928
6928
|
fontSettings: {
|
|
6929
6929
|
fontFamily: d,
|
|
6930
6930
|
fontWeight: (l == null ? void 0 : l.fontWeight) ?? 400,
|
|
@@ -6956,18 +6956,18 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6956
6956
|
},
|
|
6957
6957
|
fontSize: b ?? 0.01,
|
|
6958
6958
|
lineHeight: C,
|
|
6959
|
-
letterSpacing:
|
|
6960
|
-
wordSpacing:
|
|
6959
|
+
letterSpacing: L ?? 0,
|
|
6960
|
+
wordSpacing: z ?? 0,
|
|
6961
6961
|
textAppearance: F,
|
|
6962
6962
|
color: e.successColor ?? "#22c55e"
|
|
6963
|
-
}, ae = wt(
|
|
6963
|
+
}, ae = wt(He(O, t)), ne = wt(He(Y, t)), ue = wt(He(G, t)), _e = Ho(r, {
|
|
6964
6964
|
strokeColor: e.strokeColor,
|
|
6965
6965
|
inputColor: e.inputColor,
|
|
6966
6966
|
placeholderColor: e.placeholderColor,
|
|
6967
6967
|
buttonColor: e.buttonColor,
|
|
6968
6968
|
successColor: e.successColor,
|
|
6969
6969
|
errorColor: e.errorColor,
|
|
6970
|
-
inputTextColor: e.inputTextColor ?? (
|
|
6970
|
+
inputTextColor: e.inputTextColor ?? (O == null ? void 0 : O.color) ?? "#111111",
|
|
6971
6971
|
buttonTextColor: e.buttonTextColor ?? (Y == null ? void 0 : Y.color) ?? "#ffffff"
|
|
6972
6972
|
}, Ul, Gl, g), Ae = {
|
|
6973
6973
|
borderRadius: M(V, t),
|
|
@@ -6975,7 +6975,7 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6975
6975
|
borderStyle: "solid"
|
|
6976
6976
|
}, ft = { borderLeftWidth: M(U, t) }, Ze = async (Se) => {
|
|
6977
6977
|
Se.preventDefault();
|
|
6978
|
-
const
|
|
6978
|
+
const Ne = Object.fromEntries(
|
|
6979
6979
|
P.map(($e) => {
|
|
6980
6980
|
var Ve;
|
|
6981
6981
|
return [$e.name, ((Ve = K[$e.name]) == null ? void 0 : Ve.trim()) ?? ""];
|
|
@@ -6985,7 +6985,7 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6985
6985
|
se("error"), Q("No integrations were found for this form.");
|
|
6986
6986
|
return;
|
|
6987
6987
|
}
|
|
6988
|
-
if (Object.keys(
|
|
6988
|
+
if (Object.keys(Ne).length === 0) return;
|
|
6989
6989
|
const st = cn(P, K);
|
|
6990
6990
|
if (st) {
|
|
6991
6991
|
se("error"), Q(st);
|
|
@@ -6996,7 +6996,7 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6996
6996
|
const $e = await fetch(J, {
|
|
6997
6997
|
method: "POST",
|
|
6998
6998
|
headers: { "Content-Type": "application/json" },
|
|
6999
|
-
body: JSON.stringify(
|
|
6999
|
+
body: JSON.stringify(Ne)
|
|
7000
7000
|
});
|
|
7001
7001
|
if (!$e.ok) {
|
|
7002
7002
|
const Ve = await $e.text();
|
|
@@ -7016,8 +7016,8 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7016
7016
|
className: `${r}-form`,
|
|
7017
7017
|
style: {
|
|
7018
7018
|
...Ae,
|
|
7019
|
-
height: M(
|
|
7020
|
-
minHeight: M(
|
|
7019
|
+
height: M(H, t),
|
|
7020
|
+
minHeight: M(H, t)
|
|
7021
7021
|
},
|
|
7022
7022
|
children: [
|
|
7023
7023
|
/* @__PURE__ */ f(
|
|
@@ -7032,16 +7032,16 @@ const ql = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7032
7032
|
name: Se.name,
|
|
7033
7033
|
autoComplete: "off",
|
|
7034
7034
|
value: q[Se.name] ?? "",
|
|
7035
|
-
onChange: (
|
|
7035
|
+
onChange: (Ne) => ie((st) => ({ ...st, [Se.name]: Ne.target.value })),
|
|
7036
7036
|
placeholder: Se.placeholder,
|
|
7037
7037
|
required: Se.isRequired ?? Se.type === "email",
|
|
7038
7038
|
className: `${r}-input`,
|
|
7039
7039
|
style: {
|
|
7040
7040
|
...ae,
|
|
7041
|
-
paddingRight: M(
|
|
7042
|
-
paddingLeft: M(
|
|
7043
|
-
paddingTop: M(
|
|
7044
|
-
paddingBottom: M(
|
|
7041
|
+
paddingRight: M(k.right, t),
|
|
7042
|
+
paddingLeft: M(k.left, t),
|
|
7043
|
+
paddingTop: M(k.top, t),
|
|
7044
|
+
paddingBottom: M(k.bottom, t)
|
|
7045
7045
|
}
|
|
7046
7046
|
},
|
|
7047
7047
|
Se.name
|
|
@@ -8282,40 +8282,40 @@ function Ro(e) {
|
|
|
8282
8282
|
`;
|
|
8283
8283
|
}
|
|
8284
8284
|
const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
8285
|
-
const { prefix: r } = fn(), { autoplay: a, align: i, speed: c, direction: s, pauseOnHover: d, gap: l, cardWidth: _, corners: S, stroke: m, strokeColor: p, bgColor: u, padding: x, logoMarginTop: h, logoWidth: y, logoHeight: $, captionMarginTop: D } = e, R = a === "on" && !o, T = R, b = Math.max(0, c) * es, C = (
|
|
8285
|
+
const { prefix: r } = fn(), { autoplay: a, align: i, speed: c, direction: s, pauseOnHover: d, gap: l, cardWidth: _, corners: S, stroke: m, strokeColor: p, bgColor: u, padding: x, logoMarginTop: h, logoWidth: y, logoHeight: $, captionMarginTop: D } = e, R = a === "on" && !o, T = R, b = Math.max(0, c) * es, C = (O) => M(O, n ?? !1), L = Ce(null), z = Ce(null), F = Ce(null), [W, H] = pe(0), [V, U] = pe(0), [g, k] = pe(0), A = T && d === "on", [E, w] = pe(!1), P = Ce(null), [K, ie] = pe(0), [ee, se] = pe(0), I = Ce(null), Q = (O) => {
|
|
8286
8286
|
var G, ae, ne, ue, _e;
|
|
8287
8287
|
return {
|
|
8288
8288
|
fontSettings: {
|
|
8289
|
-
fontFamily: (e == null ? void 0 : e[`${
|
|
8290
|
-
fontWeight: ((G = e == null ? void 0 : e[`${
|
|
8291
|
-
fontStyle: ((ae = e == null ? void 0 : e[`${
|
|
8289
|
+
fontFamily: (e == null ? void 0 : e[`${O}FontFamily`]) ?? "Arial",
|
|
8290
|
+
fontWeight: ((G = e == null ? void 0 : e[`${O}FontSettings`]) == null ? void 0 : G.fontWeight) ?? 400,
|
|
8291
|
+
fontStyle: ((ae = e == null ? void 0 : e[`${O}FontSettings`]) == null ? void 0 : ae.fontStyle) ?? "normal"
|
|
8292
8292
|
},
|
|
8293
8293
|
textAppearance: {
|
|
8294
|
-
textTransform: ((ne = e == null ? void 0 : e[`${
|
|
8295
|
-
textDecoration: ((ue = e == null ? void 0 : e[`${
|
|
8296
|
-
fontVariant: ((_e = e == null ? void 0 : e[`${
|
|
8297
|
-
},
|
|
8298
|
-
letterSpacing: (e == null ? void 0 : e[`${
|
|
8299
|
-
wordSpacing: (e == null ? void 0 : e[`${
|
|
8300
|
-
fontSize: (e == null ? void 0 : e[`${
|
|
8301
|
-
lineHeight: (e == null ? void 0 : e[`${
|
|
8302
|
-
color: (e == null ? void 0 : e[`${
|
|
8294
|
+
textTransform: ((ne = e == null ? void 0 : e[`${O}TextAppearance`]) == null ? void 0 : ne.textTransform) ?? "none",
|
|
8295
|
+
textDecoration: ((ue = e == null ? void 0 : e[`${O}TextAppearance`]) == null ? void 0 : ue.textDecoration) ?? "none",
|
|
8296
|
+
fontVariant: ((_e = e == null ? void 0 : e[`${O}TextAppearance`]) == null ? void 0 : _e.fontVariant) ?? "normal"
|
|
8297
|
+
},
|
|
8298
|
+
letterSpacing: (e == null ? void 0 : e[`${O}LetterSpacing`]) ?? 0,
|
|
8299
|
+
wordSpacing: (e == null ? void 0 : e[`${O}WordSpacing`]) ?? 0,
|
|
8300
|
+
fontSize: (e == null ? void 0 : e[`${O}FontSize`]) ?? 0.01,
|
|
8301
|
+
lineHeight: (e == null ? void 0 : e[`${O}LineHeight`]) ?? 0.01,
|
|
8302
|
+
color: (e == null ? void 0 : e[`${O}Color`]) ?? "#000000"
|
|
8303
8303
|
};
|
|
8304
8304
|
}, he = Q("text"), de = Q("caption"), fe = Qe(
|
|
8305
|
-
() => ((t == null ? void 0 : t.length) ?? 0) > 1 && (t ?? []).some((
|
|
8305
|
+
() => ((t == null ? void 0 : t.length) ?? 0) > 1 && (t ?? []).some((O) => {
|
|
8306
8306
|
var Y, G;
|
|
8307
|
-
return (((Y =
|
|
8307
|
+
return (((Y = O.text) == null ? void 0 : Y.length) ?? 0) > 0 || (((G = O.caption) == null ? void 0 : G.length) ?? 0) > 0;
|
|
8308
8308
|
}),
|
|
8309
8309
|
[t]
|
|
8310
8310
|
), q = Qe(() => !R || (t == null ? void 0 : t.length) === 0 ? 1 : V <= 0 || W <= 0 ? 2 : Math.max(2, Math.ceil(W / V) + 1), [R, t == null ? void 0 : t.length, V, W]);
|
|
8311
8311
|
Ft(() => {
|
|
8312
8312
|
if (!R) return;
|
|
8313
|
-
const
|
|
8314
|
-
if (!
|
|
8313
|
+
const O = L.current, Y = F.current;
|
|
8314
|
+
if (!O || !Y) return;
|
|
8315
8315
|
let G = 0;
|
|
8316
8316
|
const ae = () => {
|
|
8317
|
-
const _e =
|
|
8318
|
-
if (I.current = Ae,
|
|
8317
|
+
const _e = O.getBoundingClientRect().width, Ae = Y.getBoundingClientRect().width, ft = I.current, Ze = typeof ft == "number" && Math.abs(ft - Ae) <= 0.25;
|
|
8318
|
+
if (I.current = Ae, H(_e), typeof Ae == "number" && Ae > 0 && V <= 0) {
|
|
8319
8319
|
U(Ae);
|
|
8320
8320
|
return;
|
|
8321
8321
|
}
|
|
@@ -8325,34 +8325,34 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8325
8325
|
};
|
|
8326
8326
|
ne();
|
|
8327
8327
|
const ue = new ResizeObserver(ne);
|
|
8328
|
-
return ue.observe(
|
|
8328
|
+
return ue.observe(O), ue.observe(Y), () => {
|
|
8329
8329
|
cancelAnimationFrame(G), ue.disconnect();
|
|
8330
8330
|
};
|
|
8331
8331
|
}, [R, V]), Ft(() => {
|
|
8332
|
-
const
|
|
8333
|
-
if (!R || !
|
|
8332
|
+
const O = z.current;
|
|
8333
|
+
if (!R || !O || !T) return;
|
|
8334
8334
|
const Y = V > 0 ? V : 0, G = Y > 0 && b > 0 ? Y / b * 1e3 : 0, ae = `${Math.max(0, G) / 1e3}s`;
|
|
8335
|
-
|
|
8335
|
+
O.style.setProperty("--marquee-distance", `${Y}px`), O.style.setProperty("--marquee-duration", ae);
|
|
8336
8336
|
}, [R, T, b, V]), Ft(() => {
|
|
8337
8337
|
if (!R) {
|
|
8338
|
-
|
|
8338
|
+
k(0);
|
|
8339
8339
|
return;
|
|
8340
8340
|
}
|
|
8341
|
-
const
|
|
8342
|
-
if (!
|
|
8341
|
+
const O = z.current;
|
|
8342
|
+
if (!O) return;
|
|
8343
8343
|
const Y = () => {
|
|
8344
|
-
const ae =
|
|
8345
|
-
|
|
8344
|
+
const ae = O.getBoundingClientRect().height;
|
|
8345
|
+
k(ae > 0 ? ae : 0);
|
|
8346
8346
|
};
|
|
8347
8347
|
Y();
|
|
8348
8348
|
const G = new ResizeObserver(Y);
|
|
8349
|
-
return G.observe(
|
|
8349
|
+
return G.observe(O), () => {
|
|
8350
8350
|
G.disconnect();
|
|
8351
8351
|
};
|
|
8352
8352
|
}, [R, q, t, n, l, _, x, m, S, y, $]);
|
|
8353
8353
|
const me = () => {
|
|
8354
8354
|
A && w(!0);
|
|
8355
|
-
},
|
|
8355
|
+
}, N = () => {
|
|
8356
8356
|
A && w(!1);
|
|
8357
8357
|
}, v = Qe(() => {
|
|
8358
8358
|
switch (i) {
|
|
@@ -8375,7 +8375,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8375
8375
|
return "left";
|
|
8376
8376
|
}
|
|
8377
8377
|
}, [i]), X = Je(
|
|
8378
|
-
(
|
|
8378
|
+
(O, Y, G, ae) => /* @__PURE__ */ ge(
|
|
8379
8379
|
"div",
|
|
8380
8380
|
{
|
|
8381
8381
|
style: {
|
|
@@ -8399,7 +8399,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8399
8399
|
{
|
|
8400
8400
|
...ae != null && ae.dataMeasureKind ? { "data-testimonial-measure": ae.dataMeasureKind } : {},
|
|
8401
8401
|
style: {
|
|
8402
|
-
...
|
|
8402
|
+
...He(O, n),
|
|
8403
8403
|
textAlign: j,
|
|
8404
8404
|
pointerEvents: "auto",
|
|
8405
8405
|
...typeof (ae == null ? void 0 : ae.minHeightPx) == "number" && ae.minHeightPx > 0 ? { minHeight: ae.minHeightPx } : {}
|
|
@@ -8413,7 +8413,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8413
8413
|
),
|
|
8414
8414
|
[v, j, n]
|
|
8415
8415
|
), J = Je(
|
|
8416
|
-
(
|
|
8416
|
+
(O, Y, G) => {
|
|
8417
8417
|
var ae, ne, ue;
|
|
8418
8418
|
return /* @__PURE__ */ ge(
|
|
8419
8419
|
"div",
|
|
@@ -8436,9 +8436,9 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8436
8436
|
className: `${r}-elements-overlay`,
|
|
8437
8437
|
style: { alignItems: v, textAlign: j },
|
|
8438
8438
|
children: [
|
|
8439
|
-
|
|
8439
|
+
O.text && X(
|
|
8440
8440
|
he,
|
|
8441
|
-
|
|
8441
|
+
O.text,
|
|
8442
8442
|
"text",
|
|
8443
8443
|
G != null && G.dataMeasureAttrs ? { dataMeasureKind: "text" } : typeof (G == null ? void 0 : G.textMinHeightPx) == "number" && G.textMinHeightPx > 0 ? { minHeightPx: G.textMinHeightPx } : void 0
|
|
8444
8444
|
),
|
|
@@ -8460,18 +8460,18 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8460
8460
|
style: { height: C(h) }
|
|
8461
8461
|
}
|
|
8462
8462
|
),
|
|
8463
|
-
/* @__PURE__ */ f("div", { style: { width: C(y), height: C($) }, children: ((ae =
|
|
8463
|
+
/* @__PURE__ */ f("div", { style: { width: C(y), height: C($) }, children: ((ae = O.logo) == null ? void 0 : ae.url) && /* @__PURE__ */ f(
|
|
8464
8464
|
"img",
|
|
8465
8465
|
{
|
|
8466
|
-
src:
|
|
8467
|
-
alt: ((ne =
|
|
8468
|
-
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((ue =
|
|
8466
|
+
src: O.logo.url,
|
|
8467
|
+
alt: ((ne = O.logo) == null ? void 0 : ne.name) ?? "",
|
|
8468
|
+
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((ue = O.logo) == null ? void 0 : ue.objectFit) || "contain" }
|
|
8469
8469
|
}
|
|
8470
8470
|
) })
|
|
8471
8471
|
]
|
|
8472
8472
|
}
|
|
8473
8473
|
),
|
|
8474
|
-
|
|
8474
|
+
O.caption && X(de, O.caption, "caption", {
|
|
8475
8475
|
controlsName: "captionMarginTop",
|
|
8476
8476
|
marginTop: D,
|
|
8477
8477
|
...G != null && G.dataMeasureAttrs ? { dataMeasureKind: "caption" } : typeof (G == null ? void 0 : G.captionMinHeightPx) == "number" && G.captionMinHeightPx > 0 ? { minHeightPx: G.captionMinHeightPx } : {}
|
|
@@ -8505,22 +8505,22 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8505
8505
|
he,
|
|
8506
8506
|
n
|
|
8507
8507
|
]
|
|
8508
|
-
), re = Je((
|
|
8509
|
-
ie(
|
|
8508
|
+
), re = Je((O) => {
|
|
8509
|
+
ie(O.maxTextPx), se(O.maxCaptionPx);
|
|
8510
8510
|
}, []);
|
|
8511
8511
|
Ft(() => {
|
|
8512
8512
|
if (!fe) {
|
|
8513
8513
|
re({ maxTextPx: 0, maxCaptionPx: 0 });
|
|
8514
8514
|
return;
|
|
8515
8515
|
}
|
|
8516
|
-
const
|
|
8517
|
-
if (!
|
|
8516
|
+
const O = P.current;
|
|
8517
|
+
if (!O) return;
|
|
8518
8518
|
const Y = () => {
|
|
8519
|
-
|
|
8519
|
+
zo(O, re);
|
|
8520
8520
|
};
|
|
8521
8521
|
Y();
|
|
8522
8522
|
const G = new ResizeObserver(Y);
|
|
8523
|
-
return G.observe(
|
|
8523
|
+
return G.observe(O), () => {
|
|
8524
8524
|
G.disconnect();
|
|
8525
8525
|
};
|
|
8526
8526
|
}, [fe, re, t, J]);
|
|
@@ -8538,9 +8538,9 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8538
8538
|
pointerEvents: "none",
|
|
8539
8539
|
zIndex: -1
|
|
8540
8540
|
},
|
|
8541
|
-
children: (t ?? []).map((
|
|
8541
|
+
children: (t ?? []).map((O, Y) => J(O, `measure-${Y}`, { dataMeasureAttrs: !0 }))
|
|
8542
8542
|
}
|
|
8543
|
-
) : null, ce = (
|
|
8543
|
+
) : null, ce = (O, Y) => /* @__PURE__ */ ge(
|
|
8544
8544
|
"div",
|
|
8545
8545
|
{
|
|
8546
8546
|
style: {
|
|
@@ -8553,7 +8553,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8553
8553
|
willChange: "transform"
|
|
8554
8554
|
},
|
|
8555
8555
|
children: [
|
|
8556
|
-
J(
|
|
8556
|
+
J(O, `card-${Y}`, oe),
|
|
8557
8557
|
n && /* @__PURE__ */ f(
|
|
8558
8558
|
"div",
|
|
8559
8559
|
{
|
|
@@ -8577,8 +8577,8 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8577
8577
|
return R && ((t == null ? void 0 : t.length) ?? 0) > 0 ? /* @__PURE__ */ ge(
|
|
8578
8578
|
"div",
|
|
8579
8579
|
{
|
|
8580
|
-
ref:
|
|
8581
|
-
className:
|
|
8580
|
+
ref: L,
|
|
8581
|
+
className: ve(`${r}-wrapper`, `${r}-marquee-wrapper`),
|
|
8582
8582
|
"aria-label": "Testimonials",
|
|
8583
8583
|
style: {
|
|
8584
8584
|
overflow: "hidden",
|
|
@@ -8591,11 +8591,11 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8591
8591
|
/* @__PURE__ */ f(
|
|
8592
8592
|
"div",
|
|
8593
8593
|
{
|
|
8594
|
-
ref:
|
|
8594
|
+
ref: z,
|
|
8595
8595
|
className: `${r}-marquee-track`,
|
|
8596
8596
|
"data-direction": s,
|
|
8597
8597
|
onMouseEnter: me,
|
|
8598
|
-
onMouseLeave:
|
|
8598
|
+
onMouseLeave: N,
|
|
8599
8599
|
style: {
|
|
8600
8600
|
display: "flex",
|
|
8601
8601
|
flexDirection: "row",
|
|
@@ -8609,7 +8609,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8609
8609
|
perspective: "1000px",
|
|
8610
8610
|
...A ? { "--marquee-play-state": E ? "paused" : "running" } : { "--marquee-play-state": "running" }
|
|
8611
8611
|
},
|
|
8612
|
-
children: Array.from({ length: q }, (
|
|
8612
|
+
children: Array.from({ length: q }, (O, Y) => /* @__PURE__ */ f(
|
|
8613
8613
|
"div",
|
|
8614
8614
|
{
|
|
8615
8615
|
ref: Y === 0 ? F : void 0,
|
|
@@ -8647,7 +8647,7 @@ const es = 30, ts = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
8647
8647
|
},
|
|
8648
8648
|
"aria-label": "Testimonials",
|
|
8649
8649
|
children: t == null ? void 0 : t.map(
|
|
8650
|
-
(
|
|
8650
|
+
(O, Y) => ce(O, Y)
|
|
8651
8651
|
)
|
|
8652
8652
|
}
|
|
8653
8653
|
)
|
|
@@ -9481,14 +9481,14 @@ type TestimonialsSettings = {
|
|
|
9481
9481
|
}
|
|
9482
9482
|
},
|
|
9483
9483
|
defaults: {
|
|
9484
|
-
autoplay: "
|
|
9484
|
+
autoplay: "on",
|
|
9485
9485
|
direction: "left",
|
|
9486
9486
|
pauseOnHover: "off",
|
|
9487
9487
|
strokeColor: "#000000",
|
|
9488
9488
|
bgColor: "rgba(255, 255, 255, 0.81)",
|
|
9489
9489
|
textColor: "#000000",
|
|
9490
9490
|
captionColor: "#000000",
|
|
9491
|
-
captionFontFamily: "
|
|
9491
|
+
captionFontFamily: "Goudy Bookletter 1911",
|
|
9492
9492
|
captionFontSettings: {
|
|
9493
9493
|
fontWeight: 400,
|
|
9494
9494
|
fontStyle: "normal"
|
|
@@ -9501,7 +9501,7 @@ type TestimonialsSettings = {
|
|
|
9501
9501
|
textDecoration: "none",
|
|
9502
9502
|
fontVariant: "normal"
|
|
9503
9503
|
},
|
|
9504
|
-
textFontFamily: "
|
|
9504
|
+
textFontFamily: "Goudy Bookletter 1911",
|
|
9505
9505
|
textFontSettings: {
|
|
9506
9506
|
fontWeight: 400,
|
|
9507
9507
|
fontStyle: "normal"
|
|
@@ -9516,34 +9516,34 @@ type TestimonialsSettings = {
|
|
|
9516
9516
|
},
|
|
9517
9517
|
layoutDefaults: {
|
|
9518
9518
|
m: {
|
|
9519
|
-
speed:
|
|
9520
|
-
gap: 0.
|
|
9521
|
-
cardWidth: 0.
|
|
9522
|
-
corners:
|
|
9519
|
+
speed: 0.55,
|
|
9520
|
+
gap: 0.04,
|
|
9521
|
+
cardWidth: 0.8,
|
|
9522
|
+
corners: 0.02,
|
|
9523
9523
|
stroke: 1e-3,
|
|
9524
|
-
padding: { top: 0.
|
|
9525
|
-
logoMarginTop: 0,
|
|
9526
|
-
logoWidth: 0.
|
|
9527
|
-
logoHeight: 0.
|
|
9528
|
-
captionMarginTop: 0,
|
|
9529
|
-
textFontSize: 0.
|
|
9530
|
-
textLineHeight: 0.
|
|
9531
|
-
captionFontSize: 0.
|
|
9532
|
-
captionLineHeight: 0.
|
|
9524
|
+
padding: { top: 0.053, right: 0.026, bottom: 0.053, left: 0.026 },
|
|
9525
|
+
logoMarginTop: 0.18,
|
|
9526
|
+
logoWidth: 0.21,
|
|
9527
|
+
logoHeight: 0.21,
|
|
9528
|
+
captionMarginTop: 0.056,
|
|
9529
|
+
textFontSize: 0.058,
|
|
9530
|
+
textLineHeight: 0.088,
|
|
9531
|
+
captionFontSize: 0.053,
|
|
9532
|
+
captionLineHeight: 0.069
|
|
9533
9533
|
},
|
|
9534
9534
|
d: {
|
|
9535
|
-
speed:
|
|
9535
|
+
speed: 1.64,
|
|
9536
9536
|
gap: 0.02,
|
|
9537
9537
|
cardWidth: 0.15,
|
|
9538
9538
|
corners: 5e-3,
|
|
9539
9539
|
stroke: 1e-3,
|
|
9540
9540
|
padding: { top: 0.01, right: 0.01, bottom: 0.01, left: 0.01 },
|
|
9541
|
-
logoMarginTop: 0.
|
|
9542
|
-
logoWidth: 0.
|
|
9543
|
-
logoHeight: 0.
|
|
9544
|
-
captionMarginTop:
|
|
9545
|
-
textFontSize: 0.
|
|
9546
|
-
textLineHeight: 0.
|
|
9541
|
+
logoMarginTop: 0.048,
|
|
9542
|
+
logoWidth: 0.055,
|
|
9543
|
+
logoHeight: 0.027,
|
|
9544
|
+
captionMarginTop: 5e-3,
|
|
9545
|
+
textFontSize: 0.012,
|
|
9546
|
+
textLineHeight: 0.013,
|
|
9547
9547
|
captionFontSize: 0.01,
|
|
9548
9548
|
captionLineHeight: 0.01
|
|
9549
9549
|
}
|
|
@@ -9584,7 +9584,7 @@ type TestimonialsSettings = {
|
|
|
9584
9584
|
{ type: "row", items: ["speed", "pauseOnHover"] },
|
|
9585
9585
|
{ type: "row", items: ["align", "direction"] },
|
|
9586
9586
|
{ type: "row", title: "Card", items: [{ type: "group", title: "", items: ["cardWidth", "corners", "stroke"] }, { type: "group", title: "", items: ["padding"] }] },
|
|
9587
|
-
{ type: "row", title: "
|
|
9587
|
+
{ type: "row", title: "Image Container", items: ["logoWidth", "logoHeight"] }
|
|
9588
9588
|
]
|
|
9589
9589
|
},
|
|
9590
9590
|
{
|
|
@@ -9620,7 +9620,7 @@ type TestimonialsSettings = {
|
|
|
9620
9620
|
properties: {
|
|
9621
9621
|
logo: {
|
|
9622
9622
|
type: "object",
|
|
9623
|
-
label: "
|
|
9623
|
+
label: "Image",
|
|
9624
9624
|
display: {
|
|
9625
9625
|
type: "media-input"
|
|
9626
9626
|
}
|
|
@@ -9645,57 +9645,69 @@ type TestimonialsSettings = {
|
|
|
9645
9645
|
{
|
|
9646
9646
|
logo: {
|
|
9647
9647
|
objectFit: "contain",
|
|
9648
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
9648
|
+
url: "https://cdn.cntrl.site/component-assets/julia.png",
|
|
9649
9649
|
name: ""
|
|
9650
9650
|
},
|
|
9651
9651
|
text: [
|
|
9652
9652
|
{
|
|
9653
9653
|
type: "paragraph",
|
|
9654
|
-
children: [{ text: "
|
|
9654
|
+
children: [{ text: "This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!" }]
|
|
9655
9655
|
}
|
|
9656
9656
|
],
|
|
9657
9657
|
caption: [
|
|
9658
9658
|
{
|
|
9659
9659
|
type: "paragraph",
|
|
9660
|
-
children: [{ text: "
|
|
9660
|
+
children: [{ text: "Julia Smith," }]
|
|
9661
|
+
},
|
|
9662
|
+
{
|
|
9663
|
+
type: "paragraph",
|
|
9664
|
+
children: [{ text: "Freelance Designer" }]
|
|
9661
9665
|
}
|
|
9662
9666
|
]
|
|
9663
9667
|
},
|
|
9664
9668
|
{
|
|
9665
9669
|
logo: {
|
|
9666
9670
|
objectFit: "contain",
|
|
9667
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
9671
|
+
url: "https://cdn.cntrl.site/component-assets/mark.png",
|
|
9668
9672
|
name: ""
|
|
9669
9673
|
},
|
|
9670
9674
|
text: [
|
|
9671
9675
|
{
|
|
9672
9676
|
type: "paragraph",
|
|
9673
|
-
children: [{ text: "
|
|
9677
|
+
children: [{ text: "This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun." }]
|
|
9674
9678
|
}
|
|
9675
9679
|
],
|
|
9676
9680
|
caption: [
|
|
9677
9681
|
{
|
|
9678
9682
|
type: "paragraph",
|
|
9679
|
-
children: [{ text: "
|
|
9683
|
+
children: [{ text: "Mark Travis," }]
|
|
9684
|
+
},
|
|
9685
|
+
{
|
|
9686
|
+
type: "paragraph",
|
|
9687
|
+
children: [{ text: "Architect @ United Architects" }]
|
|
9680
9688
|
}
|
|
9681
9689
|
]
|
|
9682
9690
|
},
|
|
9683
9691
|
{
|
|
9684
9692
|
logo: {
|
|
9685
9693
|
objectFit: "contain",
|
|
9686
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
9694
|
+
url: "https://cdn.cntrl.site/component-assets/pia.png",
|
|
9687
9695
|
name: ""
|
|
9688
9696
|
},
|
|
9689
9697
|
text: [
|
|
9690
9698
|
{
|
|
9691
9699
|
type: "paragraph",
|
|
9692
|
-
children: [{ text: "
|
|
9700
|
+
children: [{ text: "Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!" }]
|
|
9693
9701
|
}
|
|
9694
9702
|
],
|
|
9695
9703
|
caption: [
|
|
9696
9704
|
{
|
|
9697
9705
|
type: "paragraph",
|
|
9698
|
-
children: [{ text: "
|
|
9706
|
+
children: [{ text: "Pia" }]
|
|
9707
|
+
},
|
|
9708
|
+
{
|
|
9709
|
+
type: "paragraph",
|
|
9710
|
+
children: [{ text: "Media Buyer" }]
|
|
9699
9711
|
}
|
|
9700
9712
|
]
|
|
9701
9713
|
}
|
|
@@ -9712,8 +9724,8 @@ type TestimonialsSettings = {
|
|
|
9712
9724
|
url: "https://cdn.cntrl.site/component-assets/testimonials.png"
|
|
9713
9725
|
},
|
|
9714
9726
|
defaultSize: {
|
|
9715
|
-
width:
|
|
9716
|
-
height:
|
|
9727
|
+
width: "100%",
|
|
9728
|
+
height: 320
|
|
9717
9729
|
},
|
|
9718
9730
|
schema: os,
|
|
9719
9731
|
sourceCode: ns,
|
|
@@ -9749,10 +9761,6 @@ function is(e) {
|
|
|
9749
9761
|
height: auto;
|
|
9750
9762
|
}
|
|
9751
9763
|
|
|
9752
|
-
.${e}-wrapper-autoplay-off {
|
|
9753
|
-
display: flow-root;
|
|
9754
|
-
}
|
|
9755
|
-
|
|
9756
9764
|
.${e}-fade-stack {
|
|
9757
9765
|
position: relative;
|
|
9758
9766
|
width: 100%;
|
|
@@ -9858,7 +9866,7 @@ function is(e) {
|
|
|
9858
9866
|
`;
|
|
9859
9867
|
}
|
|
9860
9868
|
const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
9861
|
-
const { prefix: r } = fn(), a = t || [], { autoplay: i, delay: c, align: s, width: d, imageMarginTop: l, textMarginTop: _, captionMarginTop: S, imageWidth: m, imageHeight: p, controlsWidth: u, controlsColor: x, controlsHoverColor: h } = e, y = i === "on" && !o, [$, D] = pe(0), [R, T] = pe(null), [b, C] = pe(!1),
|
|
9869
|
+
const { prefix: r } = fn(), a = t || [], { autoplay: i, delay: c, align: s, width: d, imageMarginTop: l, textMarginTop: _, captionMarginTop: S, imageWidth: m, imageHeight: p, controlsWidth: u, controlsColor: x, controlsHoverColor: h } = e, y = i === "on" && !o, [$, D] = pe(0), [R, T] = pe(null), [b, C] = pe(!1), L = Ce(null), z = Qe(() => {
|
|
9862
9870
|
switch (s) {
|
|
9863
9871
|
case "center":
|
|
9864
9872
|
return "center";
|
|
@@ -9882,12 +9890,12 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9882
9890
|
Te(() => {
|
|
9883
9891
|
D(0), T(null), C(!1);
|
|
9884
9892
|
}, [a.length]);
|
|
9885
|
-
const W = a[$],
|
|
9886
|
-
var
|
|
9893
|
+
const W = a[$], H = R === null ? null : a[R], V = (q) => {
|
|
9894
|
+
var N, v, j, X, J;
|
|
9887
9895
|
return {
|
|
9888
9896
|
fontSettings: {
|
|
9889
9897
|
fontFamily: (e == null ? void 0 : e[`${q}FontFamily`]) ?? "Arial",
|
|
9890
|
-
fontWeight: ((
|
|
9898
|
+
fontWeight: ((N = e == null ? void 0 : e[`${q}FontSettings`]) == null ? void 0 : N.fontWeight) ?? 400,
|
|
9891
9899
|
fontStyle: ((v = e == null ? void 0 : e[`${q}FontSettings`]) == null ? void 0 : v.fontStyle) ?? "normal"
|
|
9892
9900
|
},
|
|
9893
9901
|
textAppearance: {
|
|
@@ -9901,11 +9909,11 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9901
9909
|
wordSpacing: (e == null ? void 0 : e[`${q}WordSpacing`]) ?? 0,
|
|
9902
9910
|
color: (e == null ? void 0 : e[`${q}Color`]) ?? "#000000"
|
|
9903
9911
|
};
|
|
9904
|
-
}, U = V("text"), g = V("caption"),
|
|
9905
|
-
var me,
|
|
9906
|
-
return (((me = q.text) == null ? void 0 : me.length) ?? 0) > 0 || (((
|
|
9907
|
-
}), A = Ce(null), [E, w] = pe(0), [P, K] = pe(0), ie = e.controls ?? { mode: "Off", icon: null }, ee = a.length > 1, se = Je((q, me) => !ee || me === q ? q : (
|
|
9908
|
-
T(null), C(!1),
|
|
9912
|
+
}, U = V("text"), g = V("caption"), k = a.length > 1 && a.some((q) => {
|
|
9913
|
+
var me, N;
|
|
9914
|
+
return (((me = q.text) == null ? void 0 : me.length) ?? 0) > 0 || (((N = q.caption) == null ? void 0 : N.length) ?? 0) > 0;
|
|
9915
|
+
}), A = Ce(null), [E, w] = pe(0), [P, K] = pe(0), ie = e.controls ?? { mode: "Off", icon: null }, ee = a.length > 1, se = Je((q, me) => !ee || me === q ? q : (L.current && window.clearTimeout(L.current), T(q), C(!0), L.current = window.setTimeout(() => {
|
|
9916
|
+
T(null), C(!1), L.current = null;
|
|
9909
9917
|
}, 300), me), [ee]), I = Je(() => {
|
|
9910
9918
|
ee && D((q) => se(q, (q - 1 + a.length) % a.length));
|
|
9911
9919
|
}, [ee, se, a.length]), Q = Je(() => {
|
|
@@ -9914,19 +9922,19 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9914
9922
|
Te(() => {
|
|
9915
9923
|
if (!y || !ee) return;
|
|
9916
9924
|
const q = Math.max(300, Number.isFinite(c * 1e3) ? c * 1e3 : 0), me = window.setInterval(() => {
|
|
9917
|
-
D((
|
|
9925
|
+
D((N) => se(N, (N + 1) % a.length));
|
|
9918
9926
|
}, q);
|
|
9919
9927
|
return () => {
|
|
9920
9928
|
window.clearInterval(me);
|
|
9921
9929
|
};
|
|
9922
9930
|
}, [y, ee, se, a.length, c]), Te(() => () => {
|
|
9923
|
-
|
|
9931
|
+
L.current && window.clearTimeout(L.current);
|
|
9924
9932
|
}, []);
|
|
9925
9933
|
const he = (q, me) => {
|
|
9926
9934
|
var X, J, re, oe;
|
|
9927
|
-
const
|
|
9935
|
+
const N = me == null ? void 0 : me.textMinHeightPx, v = me == null ? void 0 : me.captionMinHeightPx, j = me == null ? void 0 : me.dataMeasureAttrs;
|
|
9928
9936
|
return /* @__PURE__ */ ge(tt, { children: [
|
|
9929
|
-
q.text && /* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems:
|
|
9937
|
+
q.text && /* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems: z, width: "100%" }, children: [
|
|
9930
9938
|
/* @__PURE__ */ f(
|
|
9931
9939
|
"div",
|
|
9932
9940
|
{
|
|
@@ -9940,8 +9948,8 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9940
9948
|
{
|
|
9941
9949
|
...j && { "data-testimonial-measure": "text" },
|
|
9942
9950
|
style: {
|
|
9943
|
-
...
|
|
9944
|
-
...
|
|
9951
|
+
...He(U, n),
|
|
9952
|
+
...N && N > 0 ? { minHeight: N } : {},
|
|
9945
9953
|
textAlign: F,
|
|
9946
9954
|
pointerEvents: "auto"
|
|
9947
9955
|
},
|
|
@@ -9949,7 +9957,7 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9949
9957
|
}
|
|
9950
9958
|
)
|
|
9951
9959
|
] }),
|
|
9952
|
-
/* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems:
|
|
9960
|
+
/* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems: z, width: "100%" }, children: [
|
|
9953
9961
|
/* @__PURE__ */ f(
|
|
9954
9962
|
"div",
|
|
9955
9963
|
{
|
|
@@ -9968,7 +9976,7 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9968
9976
|
}
|
|
9969
9977
|
) })
|
|
9970
9978
|
] }),
|
|
9971
|
-
q.caption && /* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems:
|
|
9979
|
+
q.caption && /* @__PURE__ */ ge("div", { style: { display: "flex", flexDirection: "column", alignItems: z, width: "100%" }, children: [
|
|
9972
9980
|
/* @__PURE__ */ f(
|
|
9973
9981
|
"div",
|
|
9974
9982
|
{
|
|
@@ -9982,7 +9990,7 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9982
9990
|
{
|
|
9983
9991
|
...j ? { "data-testimonial-measure": "caption" } : {},
|
|
9984
9992
|
style: {
|
|
9985
|
-
...
|
|
9993
|
+
...He(g, n),
|
|
9986
9994
|
...v && v > 0 ? { minHeight: v } : {},
|
|
9987
9995
|
textAlign: F,
|
|
9988
9996
|
pointerEvents: "auto"
|
|
@@ -9996,31 +10004,31 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
9996
10004
|
w(q.maxTextPx), K(q.maxCaptionPx);
|
|
9997
10005
|
}, []);
|
|
9998
10006
|
if (Ft(() => {
|
|
9999
|
-
if (!
|
|
10007
|
+
if (!k) {
|
|
10000
10008
|
de({ maxTextPx: 0, maxCaptionPx: 0 });
|
|
10001
10009
|
return;
|
|
10002
10010
|
}
|
|
10003
10011
|
const q = A.current;
|
|
10004
10012
|
if (!q) return;
|
|
10005
10013
|
const me = () => {
|
|
10006
|
-
|
|
10014
|
+
zo(q, de);
|
|
10007
10015
|
};
|
|
10008
10016
|
me();
|
|
10009
|
-
const
|
|
10010
|
-
return
|
|
10011
|
-
|
|
10017
|
+
const N = new ResizeObserver(me);
|
|
10018
|
+
return N.observe(q), () => {
|
|
10019
|
+
N.disconnect();
|
|
10012
10020
|
};
|
|
10013
|
-
}, [
|
|
10014
|
-
const fe =
|
|
10021
|
+
}, [k, de, t]), !W) return /* @__PURE__ */ f(tt, {});
|
|
10022
|
+
const fe = k ? { textMinHeightPx: E, captionMinHeightPx: P } : void 0;
|
|
10015
10023
|
return /* @__PURE__ */ f(tt, { children: /* @__PURE__ */ ge("div", { className: `${r}-container`, children: [
|
|
10016
10024
|
/* @__PURE__ */ f("style", { dangerouslySetInnerHTML: { __html: is(r) } }),
|
|
10017
10025
|
/* @__PURE__ */ ge(
|
|
10018
10026
|
"div",
|
|
10019
10027
|
{
|
|
10020
|
-
className:
|
|
10021
|
-
style: { width: M(d ?? 0, n ?? !1), alignItems:
|
|
10028
|
+
className: `${r}-wrapper`,
|
|
10029
|
+
style: { width: M(d ?? 0, n ?? !1), alignItems: z },
|
|
10022
10030
|
children: [
|
|
10023
|
-
|
|
10031
|
+
k && /* @__PURE__ */ f(
|
|
10024
10032
|
"div",
|
|
10025
10033
|
{
|
|
10026
10034
|
ref: A,
|
|
@@ -10039,8 +10047,8 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
10039
10047
|
}
|
|
10040
10048
|
),
|
|
10041
10049
|
/* @__PURE__ */ ge("div", { className: `${r}-fade-stack`, children: [
|
|
10042
|
-
|
|
10043
|
-
/* @__PURE__ */ f("div", { className:
|
|
10050
|
+
H && b && /* @__PURE__ */ f("div", { className: ve(`${r}-fade-item-prev`, `${r}-fade-out`), children: he(H, fe) }),
|
|
10051
|
+
/* @__PURE__ */ f("div", { className: ve(`${r}-fade-item-current`, b ? `${r}-fade-in` : void 0), children: he(W, fe) })
|
|
10044
10052
|
] })
|
|
10045
10053
|
]
|
|
10046
10054
|
}
|
|
@@ -10069,7 +10077,7 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
10069
10077
|
url: ie.icon,
|
|
10070
10078
|
fill: x,
|
|
10071
10079
|
hoverFill: h,
|
|
10072
|
-
className:
|
|
10080
|
+
className: ve(`${r}-arrow-img`, `${r}-mirror`)
|
|
10073
10081
|
}
|
|
10074
10082
|
)
|
|
10075
10083
|
}
|
|
@@ -10079,7 +10087,7 @@ const as = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
10079
10087
|
/* @__PURE__ */ f(
|
|
10080
10088
|
"div",
|
|
10081
10089
|
{
|
|
10082
|
-
className:
|
|
10090
|
+
className: ve(`${r}-arrow`, `${r}-next-arrow`),
|
|
10083
10091
|
style: {
|
|
10084
10092
|
width: M(u ?? 0.02, n ?? !1),
|
|
10085
10093
|
height: M(u ?? 0.02, n ?? !1),
|
|
@@ -10141,10 +10149,6 @@ function getCSS(P: string): string {
|
|
|
10141
10149
|
height: auto;
|
|
10142
10150
|
}
|
|
10143
10151
|
|
|
10144
|
-
.\${P}-wrapper-autoplay-off {
|
|
10145
|
-
display: flow-root;
|
|
10146
|
-
}
|
|
10147
|
-
|
|
10148
10152
|
.\${P}-fade-stack {
|
|
10149
10153
|
position: relative;
|
|
10150
10154
|
width: 100%;
|
|
@@ -10480,7 +10484,7 @@ export const TestimonialSingle = ({ settings, content, isEditor, isPreviewMode }
|
|
|
10480
10484
|
<div className={\`\${P}-container\`}>
|
|
10481
10485
|
<style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
|
|
10482
10486
|
<div
|
|
10483
|
-
className={
|
|
10487
|
+
className={\`\${P}-wrapper\`}
|
|
10484
10488
|
style={{ width: scalingValue(width ?? 0, isEditor ?? false), alignItems: overlayAlignItems }}
|
|
10485
10489
|
>
|
|
10486
10490
|
{shouldMeasureTextExtents && (
|
|
@@ -10606,7 +10610,7 @@ type TestimonialsSettings = {
|
|
|
10606
10610
|
};
|
|
10607
10611
|
`, ss = "data:image/svg+xml," + encodeURIComponent(
|
|
10608
10612
|
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 18" width="10" height="18"><path fill="#000000" fill-rule="evenodd" d="M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z" transform="translate(5, 9) rotate(-90) translate(-5, -9)"/></svg>'
|
|
10609
|
-
),
|
|
10613
|
+
), No = {
|
|
10610
10614
|
fontSettings: {
|
|
10611
10615
|
type: "object",
|
|
10612
10616
|
scope: "common",
|
|
@@ -10631,7 +10635,7 @@ type TestimonialsSettings = {
|
|
|
10631
10635
|
},
|
|
10632
10636
|
delay: {
|
|
10633
10637
|
type: "number",
|
|
10634
|
-
scope: "
|
|
10638
|
+
scope: "layout",
|
|
10635
10639
|
title: "Delay(s)",
|
|
10636
10640
|
display: { type: "step-control" },
|
|
10637
10641
|
step: 1,
|
|
@@ -10640,6 +10644,7 @@ type TestimonialsSettings = {
|
|
|
10640
10644
|
},
|
|
10641
10645
|
align: {
|
|
10642
10646
|
type: "string",
|
|
10647
|
+
scope: "common",
|
|
10643
10648
|
title: "Align",
|
|
10644
10649
|
display: {
|
|
10645
10650
|
type: "align-group",
|
|
@@ -10679,14 +10684,6 @@ type TestimonialsSettings = {
|
|
|
10679
10684
|
max: 100,
|
|
10680
10685
|
display: { type: "range-control" }
|
|
10681
10686
|
},
|
|
10682
|
-
textMinHeight: {
|
|
10683
|
-
type: "number",
|
|
10684
|
-
scope: "layout",
|
|
10685
|
-
title: "Text",
|
|
10686
|
-
min: 0,
|
|
10687
|
-
max: 300,
|
|
10688
|
-
display: { type: "range-control" }
|
|
10689
|
-
},
|
|
10690
10687
|
textMarginTop: {
|
|
10691
10688
|
type: "number",
|
|
10692
10689
|
scope: "layout",
|
|
@@ -10732,14 +10729,6 @@ type TestimonialsSettings = {
|
|
|
10732
10729
|
title: "Controls Hover",
|
|
10733
10730
|
display: { type: "settings-color-picker" }
|
|
10734
10731
|
},
|
|
10735
|
-
captionMinHeight: {
|
|
10736
|
-
type: "number",
|
|
10737
|
-
scope: "layout",
|
|
10738
|
-
title: "Caption",
|
|
10739
|
-
min: 0,
|
|
10740
|
-
max: 100,
|
|
10741
|
-
display: { type: "range-control" }
|
|
10742
|
-
},
|
|
10743
10732
|
captionMarginTop: {
|
|
10744
10733
|
type: "number",
|
|
10745
10734
|
scope: "layout",
|
|
@@ -10755,7 +10744,7 @@ type TestimonialsSettings = {
|
|
|
10755
10744
|
display: { type: "font-family-select" }
|
|
10756
10745
|
},
|
|
10757
10746
|
captionFontSettings: {
|
|
10758
|
-
...
|
|
10747
|
+
...No.fontSettings,
|
|
10759
10748
|
scope: "common",
|
|
10760
10749
|
title: "",
|
|
10761
10750
|
display: { type: "font-settings-weight" }
|
|
@@ -10790,13 +10779,6 @@ type TestimonialsSettings = {
|
|
|
10790
10779
|
title: "Caption Text Appearance",
|
|
10791
10780
|
display: { type: "text-appearance" }
|
|
10792
10781
|
},
|
|
10793
|
-
captionTextAlign: {
|
|
10794
|
-
display: { type: "text-align-control" },
|
|
10795
|
-
type: "string",
|
|
10796
|
-
scope: "common",
|
|
10797
|
-
title: "Caption Align",
|
|
10798
|
-
enum: ["left", "center", "right"]
|
|
10799
|
-
},
|
|
10800
10782
|
captionColor: {
|
|
10801
10783
|
display: { type: "style-panel-color-picker" },
|
|
10802
10784
|
type: "string",
|
|
@@ -10810,7 +10792,7 @@ type TestimonialsSettings = {
|
|
|
10810
10792
|
display: { type: "font-family-select" }
|
|
10811
10793
|
},
|
|
10812
10794
|
textFontSettings: {
|
|
10813
|
-
...
|
|
10795
|
+
...No.fontSettings,
|
|
10814
10796
|
scope: "common",
|
|
10815
10797
|
title: "",
|
|
10816
10798
|
display: { type: "font-settings-weight" }
|
|
@@ -10845,13 +10827,6 @@ type TestimonialsSettings = {
|
|
|
10845
10827
|
title: "Text Text Appearance",
|
|
10846
10828
|
display: { type: "text-appearance" }
|
|
10847
10829
|
},
|
|
10848
|
-
textTextAlign: {
|
|
10849
|
-
display: { type: "text-align-control" },
|
|
10850
|
-
type: "string",
|
|
10851
|
-
scope: "common",
|
|
10852
|
-
title: "Text Align",
|
|
10853
|
-
enum: ["left", "center", "right"]
|
|
10854
|
-
},
|
|
10855
10830
|
textColor: {
|
|
10856
10831
|
display: { type: "style-panel-color-picker" },
|
|
10857
10832
|
type: "string",
|
|
@@ -10860,70 +10835,58 @@ type TestimonialsSettings = {
|
|
|
10860
10835
|
}
|
|
10861
10836
|
},
|
|
10862
10837
|
defaults: {
|
|
10863
|
-
autoplay: "
|
|
10838
|
+
autoplay: "on",
|
|
10864
10839
|
controls: {
|
|
10865
|
-
mode: "
|
|
10840
|
+
mode: "On",
|
|
10866
10841
|
icon: ss
|
|
10867
10842
|
},
|
|
10868
10843
|
controlsColor: "#000000",
|
|
10869
10844
|
controlsHoverColor: "#EABC01",
|
|
10870
10845
|
align: "center",
|
|
10871
|
-
textFontFamily: "
|
|
10846
|
+
textFontFamily: "Goudy Bookletter 1911",
|
|
10872
10847
|
textFontSettings: {
|
|
10873
10848
|
fontWeight: 400,
|
|
10874
10849
|
fontStyle: "normal"
|
|
10875
10850
|
},
|
|
10876
10851
|
textLetterSpacing: 0,
|
|
10877
10852
|
textWordSpacing: 0,
|
|
10878
|
-
textTextAlign: "left",
|
|
10879
10853
|
textTextAppearance: { textTransform: "none", textDecoration: "none", fontVariant: "normal" },
|
|
10880
10854
|
textColor: "#000000",
|
|
10881
|
-
captionFontFamily: "
|
|
10855
|
+
captionFontFamily: "Charter",
|
|
10882
10856
|
captionFontSettings: { fontWeight: 400, fontStyle: "normal" },
|
|
10883
10857
|
captionLetterSpacing: 0,
|
|
10884
10858
|
captionWordSpacing: 0,
|
|
10885
|
-
captionTextAlign: "left",
|
|
10886
10859
|
captionTextAppearance: { textTransform: "none", textDecoration: "none", fontVariant: "normal" },
|
|
10887
10860
|
captionColor: "#000000"
|
|
10888
10861
|
},
|
|
10889
10862
|
layoutDefaults: {
|
|
10890
10863
|
m: {
|
|
10891
|
-
delay:
|
|
10892
|
-
width: 0.
|
|
10893
|
-
|
|
10894
|
-
|
|
10895
|
-
stroke: 1e-3,
|
|
10896
|
-
imageMarginTop: 0.01,
|
|
10897
|
-
textMinHeight: 0.1,
|
|
10898
|
-
captionMarginTop: 0.01,
|
|
10864
|
+
delay: 3,
|
|
10865
|
+
width: 0.69,
|
|
10866
|
+
imageMarginTop: 0.08,
|
|
10867
|
+
captionMarginTop: 0.04,
|
|
10899
10868
|
textMarginTop: 0,
|
|
10900
|
-
textFontSize: 0.
|
|
10901
|
-
captionFontSize: 0.
|
|
10902
|
-
textLineHeight: 0.
|
|
10903
|
-
captionLineHeight: 0.
|
|
10904
|
-
imageWidth: 0.
|
|
10905
|
-
imageHeight: 0.
|
|
10906
|
-
controlsWidth: 0.
|
|
10907
|
-
captionMinHeight: 0.01
|
|
10869
|
+
textFontSize: 0.069,
|
|
10870
|
+
captionFontSize: 0.053,
|
|
10871
|
+
textLineHeight: 0.093,
|
|
10872
|
+
captionLineHeight: 0.069,
|
|
10873
|
+
imageWidth: 0.21,
|
|
10874
|
+
imageHeight: 0.21,
|
|
10875
|
+
controlsWidth: 0.06
|
|
10908
10876
|
},
|
|
10909
10877
|
d: {
|
|
10910
|
-
delay:
|
|
10911
|
-
width: 0.
|
|
10912
|
-
|
|
10913
|
-
corners: 5e-3,
|
|
10914
|
-
stroke: 1e-3,
|
|
10915
|
-
imageMarginTop: 0.01,
|
|
10878
|
+
delay: 3,
|
|
10879
|
+
width: 0.35,
|
|
10880
|
+
imageMarginTop: 0.02,
|
|
10916
10881
|
textMarginTop: 0,
|
|
10917
|
-
textMinHeight: 0.08,
|
|
10918
10882
|
captionMarginTop: 0.01,
|
|
10919
|
-
textFontSize: 0.
|
|
10920
|
-
captionFontSize:
|
|
10921
|
-
textLineHeight: 0.
|
|
10922
|
-
captionLineHeight:
|
|
10923
|
-
imageWidth: 0.
|
|
10924
|
-
imageHeight: 0.
|
|
10925
|
-
controlsWidth: 0.
|
|
10926
|
-
captionMinHeight: 0.01
|
|
10883
|
+
textFontSize: 0.016,
|
|
10884
|
+
captionFontSize: 9e-3,
|
|
10885
|
+
textLineHeight: 0.018,
|
|
10886
|
+
captionLineHeight: 9e-3,
|
|
10887
|
+
imageWidth: 0.027,
|
|
10888
|
+
imageHeight: 0.027,
|
|
10889
|
+
controlsWidth: 0.014
|
|
10927
10890
|
}
|
|
10928
10891
|
},
|
|
10929
10892
|
displayRules: [
|
|
@@ -11013,57 +10976,69 @@ type TestimonialsSettings = {
|
|
|
11013
10976
|
{
|
|
11014
10977
|
image: {
|
|
11015
10978
|
objectFit: "contain",
|
|
11016
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
10979
|
+
url: "https://cdn.cntrl.site/component-assets/julia.png",
|
|
11017
10980
|
name: ""
|
|
11018
10981
|
},
|
|
11019
10982
|
text: [
|
|
11020
10983
|
{
|
|
11021
10984
|
type: "paragraph",
|
|
11022
|
-
children: [{ text: "
|
|
10985
|
+
children: [{ text: "This website is a great tool for designers and developers. The ease of creating animations here is mesmerizing. Bravo to the creators of this product!" }]
|
|
11023
10986
|
}
|
|
11024
10987
|
],
|
|
11025
10988
|
caption: [
|
|
11026
10989
|
{
|
|
11027
10990
|
type: "paragraph",
|
|
11028
|
-
children: [{ text: "
|
|
10991
|
+
children: [{ text: "Julia Smith," }]
|
|
10992
|
+
},
|
|
10993
|
+
{
|
|
10994
|
+
type: "paragraph",
|
|
10995
|
+
children: [{ text: "Freelance Designer" }]
|
|
11029
10996
|
}
|
|
11030
10997
|
]
|
|
11031
10998
|
},
|
|
11032
10999
|
{
|
|
11033
11000
|
image: {
|
|
11034
11001
|
objectFit: "contain",
|
|
11035
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
11002
|
+
url: "https://cdn.cntrl.site/component-assets/mark.png",
|
|
11036
11003
|
name: ""
|
|
11037
11004
|
},
|
|
11038
11005
|
text: [
|
|
11039
11006
|
{
|
|
11040
11007
|
type: "paragraph",
|
|
11041
|
-
children: [{ text: "
|
|
11008
|
+
children: [{ text: "This is super cool. The on onboarding terminal style animation brings me back to what made the Internet simple and fun." }]
|
|
11042
11009
|
}
|
|
11043
11010
|
],
|
|
11044
11011
|
caption: [
|
|
11045
11012
|
{
|
|
11046
11013
|
type: "paragraph",
|
|
11047
|
-
children: [{ text: "
|
|
11014
|
+
children: [{ text: "Mark Travis," }]
|
|
11015
|
+
},
|
|
11016
|
+
{
|
|
11017
|
+
type: "paragraph",
|
|
11018
|
+
children: [{ text: "Architect @ United Architects" }]
|
|
11048
11019
|
}
|
|
11049
11020
|
]
|
|
11050
11021
|
},
|
|
11051
11022
|
{
|
|
11052
11023
|
image: {
|
|
11053
11024
|
objectFit: "contain",
|
|
11054
|
-
url: "https://cdn.cntrl.site/component-assets/
|
|
11025
|
+
url: "https://cdn.cntrl.site/component-assets/pia.png",
|
|
11055
11026
|
name: ""
|
|
11056
11027
|
},
|
|
11057
11028
|
text: [
|
|
11058
11029
|
{
|
|
11059
11030
|
type: "paragraph",
|
|
11060
|
-
children: [{ text: "
|
|
11031
|
+
children: [{ text: "Great tool for someone who wants to quickly and easily build a site that has fancy scrolling animations. Totally addictive!" }]
|
|
11061
11032
|
}
|
|
11062
11033
|
],
|
|
11063
11034
|
caption: [
|
|
11064
11035
|
{
|
|
11065
11036
|
type: "paragraph",
|
|
11066
|
-
children: [{ text: "
|
|
11037
|
+
children: [{ text: "Pia," }]
|
|
11038
|
+
},
|
|
11039
|
+
{
|
|
11040
|
+
type: "paragraph",
|
|
11041
|
+
children: [{ text: "Media Buyer" }]
|
|
11067
11042
|
}
|
|
11068
11043
|
]
|
|
11069
11044
|
}
|
|
@@ -11094,7 +11069,7 @@ type TestimonialsSettings = {
|
|
|
11094
11069
|
parameters: [{ path: "styles.text.fontSettings" }, { path: "styles.caption.fontSettings" }]
|
|
11095
11070
|
}
|
|
11096
11071
|
}, vs = [
|
|
11097
|
-
|
|
11072
|
+
za,
|
|
11098
11073
|
Ua,
|
|
11099
11074
|
Ml,
|
|
11100
11075
|
Dl,
|