@cntrl-site/components 1.0.7-alpha.3 → 1.0.7-alpha.5
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/index.mjs
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsx as S, Fragment as ue, jsxs as dt } from "react/jsx-runtime";
|
|
2
2
|
import se, { useState as ct, useEffect as Tt, useRef as bt, useCallback as Er, useMemo as ce, useLayoutEffect as go } from "react";
|
|
3
3
|
import ft from "classnames";
|
|
4
|
-
import { s as F, u as
|
|
4
|
+
import { s as F, u as Mo, b as Ho, g as cn } from "./useScopedStyles-BSwFAT27.mjs";
|
|
5
5
|
import { createPortal as Fr } from "react-dom";
|
|
6
6
|
function Fs(t) {
|
|
7
7
|
return t.type === "object" && t.version === 1;
|
|
8
8
|
}
|
|
9
|
-
const kr = "ControlSlider-module__wrapper___sHEkd", Ir = "ControlSlider-module__hoverArrow___A-dOH", Rr = "ControlSlider-module__sliderItem___QQSkR", Wr = "ControlSlider-module__sliderImage___9hRl-", zr = "ControlSlider-module__arrow___05ghY",
|
|
9
|
+
const kr = "ControlSlider-module__wrapper___sHEkd", Ir = "ControlSlider-module__hoverArrow___A-dOH", Rr = "ControlSlider-module__sliderItem___QQSkR", Wr = "ControlSlider-module__sliderImage___9hRl-", zr = "ControlSlider-module__arrow___05ghY", Nr = "ControlSlider-module__arrowVertical___tBfVN", Mr = "ControlSlider-module__nextArrow___-30Yc", Hr = "ControlSlider-module__arrowInner___aEra3", Pr = "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", Ur = "ControlSlider-module__paginationItem___nTRbk", qr = "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", ti = "ControlSlider-module__paginationOutsideLeft___lahaw", ei = "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", gi = "ControlSlider-module__middleRightAlignment___wEbfX", mi = "ControlSlider-module__bottomLeftAlignment___cTP2-", fi = "ControlSlider-module__bottomCenterAlignment___c54fB", yi = "ControlSlider-module__bottomRightAlignment___kEwrz", hi = "ControlSlider-module__clickOverlay___DZA28", vi = "ControlSlider-module__contain___pLyq7", bi = "ControlSlider-module__cover___KdDat", X = {
|
|
10
10
|
wrapper: kr,
|
|
11
11
|
hoverArrow: Ir,
|
|
12
12
|
sliderItem: Rr,
|
|
13
13
|
sliderImage: Wr,
|
|
14
14
|
arrow: zr,
|
|
15
|
-
arrowVertical:
|
|
16
|
-
nextArrow:
|
|
17
|
-
arrowInner:
|
|
18
|
-
arrowIcon:
|
|
15
|
+
arrowVertical: Nr,
|
|
16
|
+
nextArrow: Mr,
|
|
17
|
+
arrowInner: Hr,
|
|
18
|
+
arrowIcon: Pr,
|
|
19
19
|
arrowImg: Or,
|
|
20
20
|
mirror: Br,
|
|
21
21
|
pagination: Vr,
|
|
@@ -78,7 +78,7 @@ function oe(t, e, n) {
|
|
|
78
78
|
function gt(t) {
|
|
79
79
|
return t.bind.apply(t, [null].concat(oe(arguments, 1)));
|
|
80
80
|
}
|
|
81
|
-
var
|
|
81
|
+
var Po = setTimeout, Wn = function() {
|
|
82
82
|
};
|
|
83
83
|
function fo(t) {
|
|
84
84
|
return requestAnimationFrame(t);
|
|
@@ -129,25 +129,25 @@ function qn(t, e) {
|
|
|
129
129
|
o && o.insertBefore(n, e);
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
|
-
function
|
|
132
|
+
function Ne(t, e) {
|
|
133
133
|
return Bo(t) && (t.msMatchesSelector || t.matches).call(t, e);
|
|
134
134
|
}
|
|
135
135
|
function Vo(t, e) {
|
|
136
136
|
var n = t ? oe(t.children) : [];
|
|
137
137
|
return e ? n.filter(function(o) {
|
|
138
|
-
return
|
|
138
|
+
return Ne(o, e);
|
|
139
139
|
}) : n;
|
|
140
140
|
}
|
|
141
141
|
function Ge(t, e) {
|
|
142
142
|
return e ? Vo(t, e)[0] : t.firstElementChild;
|
|
143
143
|
}
|
|
144
|
-
var
|
|
144
|
+
var Me = Object.keys;
|
|
145
145
|
function pe(t, e, n) {
|
|
146
|
-
return t && (n ?
|
|
146
|
+
return t && (n ? Me(t).reverse() : Me(t)).forEach(function(o) {
|
|
147
147
|
o !== "__proto__" && e(t[o], o);
|
|
148
148
|
}), t;
|
|
149
149
|
}
|
|
150
|
-
function
|
|
150
|
+
function He(t) {
|
|
151
151
|
return oe(arguments, 1).forEach(function(e) {
|
|
152
152
|
pe(e, function(n, o) {
|
|
153
153
|
t[o] = e[o];
|
|
@@ -162,7 +162,7 @@ function Qt(t) {
|
|
|
162
162
|
}), t;
|
|
163
163
|
}
|
|
164
164
|
function yo(t, e) {
|
|
165
|
-
kt(e ||
|
|
165
|
+
kt(e || Me(t), function(n) {
|
|
166
166
|
delete t[n];
|
|
167
167
|
});
|
|
168
168
|
}
|
|
@@ -189,7 +189,7 @@ function zt(t, e, n) {
|
|
|
189
189
|
return getComputedStyle(t)[e];
|
|
190
190
|
jn(n) || (t.style[e] = "" + n);
|
|
191
191
|
}
|
|
192
|
-
function
|
|
192
|
+
function Pe(t, e) {
|
|
193
193
|
zt(t, "display", e);
|
|
194
194
|
}
|
|
195
195
|
function Do(t) {
|
|
@@ -197,7 +197,7 @@ function Do(t) {
|
|
|
197
197
|
preventScroll: !0
|
|
198
198
|
});
|
|
199
199
|
}
|
|
200
|
-
function
|
|
200
|
+
function Nt(t, e) {
|
|
201
201
|
return t.getAttribute(e);
|
|
202
202
|
}
|
|
203
203
|
function ho(t, e) {
|
|
@@ -249,10 +249,10 @@ function he(t, e, n) {
|
|
|
249
249
|
var o = ne(e, n), r = un(e, n);
|
|
250
250
|
return ne(un(o, t), r);
|
|
251
251
|
}
|
|
252
|
-
function
|
|
252
|
+
function Nn(t) {
|
|
253
253
|
return +(t > 0) - +(t < 0);
|
|
254
254
|
}
|
|
255
|
-
function
|
|
255
|
+
function Mn(t, e) {
|
|
256
256
|
return kt(e, function(n) {
|
|
257
257
|
t = t.replace("%s", "" + n);
|
|
258
258
|
}), t;
|
|
@@ -266,29 +266,29 @@ function $i(t) {
|
|
|
266
266
|
}
|
|
267
267
|
function Go() {
|
|
268
268
|
var t = [];
|
|
269
|
-
function e(i,
|
|
270
|
-
r(i,
|
|
269
|
+
function e(i, s, c, d) {
|
|
270
|
+
r(i, s, function(p, E, x) {
|
|
271
271
|
var m = "addEventListener" in p, u = m ? p.removeEventListener.bind(p, E, c, d) : p.removeListener.bind(p, c);
|
|
272
272
|
m ? p.addEventListener(E, c, d) : p.addListener(c), t.push([p, E, x, c, u]);
|
|
273
273
|
});
|
|
274
274
|
}
|
|
275
|
-
function n(i,
|
|
276
|
-
r(i,
|
|
275
|
+
function n(i, s, c) {
|
|
276
|
+
r(i, s, function(d, p, E) {
|
|
277
277
|
t = t.filter(function(x) {
|
|
278
278
|
return x[0] === d && x[1] === p && x[2] === E && (!c || x[3] === c) ? (x[4](), !1) : !0;
|
|
279
279
|
});
|
|
280
280
|
});
|
|
281
281
|
}
|
|
282
|
-
function o(i,
|
|
282
|
+
function o(i, s, c) {
|
|
283
283
|
var d, p = !0;
|
|
284
|
-
return typeof CustomEvent == "function" ? d = new CustomEvent(
|
|
284
|
+
return typeof CustomEvent == "function" ? d = new CustomEvent(s, {
|
|
285
285
|
bubbles: p,
|
|
286
286
|
detail: c
|
|
287
|
-
}) : (d = document.createEvent("CustomEvent"), d.initCustomEvent(
|
|
287
|
+
}) : (d = document.createEvent("CustomEvent"), d.initCustomEvent(s, p, !1, c)), i.dispatchEvent(d), d;
|
|
288
288
|
}
|
|
289
|
-
function r(i,
|
|
289
|
+
function r(i, s, c) {
|
|
290
290
|
kt(i, function(d) {
|
|
291
|
-
d && kt(
|
|
291
|
+
d && kt(s, function(p) {
|
|
292
292
|
p.split(" ").forEach(function(E) {
|
|
293
293
|
var x = E.split(".");
|
|
294
294
|
c(d, x[0], x[1]);
|
|
@@ -308,18 +308,18 @@ function Go() {
|
|
|
308
308
|
destroy: a
|
|
309
309
|
};
|
|
310
310
|
}
|
|
311
|
-
var re = "mounted",
|
|
311
|
+
var re = "mounted", Hn = "ready", Zt = "move", Le = "moved", Kn = "click", Yo = "active", Xo = "inactive", Ko = "visible", Zo = "hidden", St = "refresh", _t = "updated", Te = "resize", yn = "resized", Jo = "drag", Qo = "dragging", tr = "dragged", hn = "scroll", me = "scrolled", Ti = "overflow", Zn = "destroy", er = "arrows:mounted", nr = "arrows:updated", or = "pagination:mounted", rr = "pagination:updated", Jn = "navigation:mounted", Qn = "autoplay:play", ir = "autoplay:playing", to = "autoplay:pause", eo = "lazyload:loaded", ar = "sk", lr = "sh", gn = "ei";
|
|
312
312
|
function ht(t) {
|
|
313
313
|
var e = t ? t.event.bus : document.createDocumentFragment(), n = Go();
|
|
314
314
|
function o(a, i) {
|
|
315
|
-
n.bind(e, Ue(a).join(" "), function(
|
|
316
|
-
i.apply(i, Dn(
|
|
315
|
+
n.bind(e, Ue(a).join(" "), function(s) {
|
|
316
|
+
i.apply(i, Dn(s.detail) ? s.detail : []);
|
|
317
317
|
});
|
|
318
318
|
}
|
|
319
319
|
function r(a) {
|
|
320
320
|
n.dispatch(e, a, oe(arguments, 1));
|
|
321
321
|
}
|
|
322
|
-
return t && t.event.on(Zn, n.destroy),
|
|
322
|
+
return t && t.event.on(Zn, n.destroy), He(n, {
|
|
323
323
|
bus: e,
|
|
324
324
|
on: o,
|
|
325
325
|
off: gt(n.unbind, e),
|
|
@@ -327,16 +327,16 @@ function ht(t) {
|
|
|
327
327
|
});
|
|
328
328
|
}
|
|
329
329
|
function vn(t, e, n, o) {
|
|
330
|
-
var r = Date.now, a, i = 0,
|
|
330
|
+
var r = Date.now, a, i = 0, s, c = !0, d = 0;
|
|
331
331
|
function p() {
|
|
332
332
|
if (!c) {
|
|
333
333
|
if (i = t ? ne((r() - a) / t, 1) : 1, n && n(i), i >= 1 && (e(), a = r(), o && ++d >= o))
|
|
334
334
|
return x();
|
|
335
|
-
|
|
335
|
+
s = fo(p);
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
function E(b) {
|
|
339
|
-
b || u(), a = r() - (b ? i * t : 0), c = !1,
|
|
339
|
+
b || u(), a = r() - (b ? i * t : 0), c = !1, s = fo(p);
|
|
340
340
|
}
|
|
341
341
|
function x() {
|
|
342
342
|
c = !0;
|
|
@@ -345,12 +345,12 @@ function vn(t, e, n, o) {
|
|
|
345
345
|
a = r(), i = 0, n && n(i);
|
|
346
346
|
}
|
|
347
347
|
function u() {
|
|
348
|
-
|
|
348
|
+
s && cancelAnimationFrame(s), i = 0, s = 0, c = !0;
|
|
349
349
|
}
|
|
350
350
|
function g(b) {
|
|
351
351
|
t = b;
|
|
352
352
|
}
|
|
353
|
-
function
|
|
353
|
+
function T() {
|
|
354
354
|
return c;
|
|
355
355
|
}
|
|
356
356
|
return {
|
|
@@ -359,7 +359,7 @@ function vn(t, e, n, o) {
|
|
|
359
359
|
pause: x,
|
|
360
360
|
cancel: u,
|
|
361
361
|
set: g,
|
|
362
|
-
isPaused:
|
|
362
|
+
isPaused: T
|
|
363
363
|
};
|
|
364
364
|
}
|
|
365
365
|
function _i(t) {
|
|
@@ -382,11 +382,11 @@ function Ai(t, e) {
|
|
|
382
382
|
};
|
|
383
383
|
}
|
|
384
384
|
function Li(t, e, n) {
|
|
385
|
-
var o = t.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i = Go(),
|
|
385
|
+
var o = t.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i = Go(), s = [];
|
|
386
386
|
function c() {
|
|
387
387
|
var u = n.mediaQuery === "min";
|
|
388
|
-
|
|
389
|
-
return u ? +g - +
|
|
388
|
+
Me(r).sort(function(g, T) {
|
|
389
|
+
return u ? +g - +T : +T - +g;
|
|
390
390
|
}).forEach(function(g) {
|
|
391
391
|
p(r[g], "(" + (u ? "min" : "max") + "-width:" + g + "px)");
|
|
392
392
|
}), p(a, mo), E();
|
|
@@ -395,20 +395,20 @@ function Li(t, e, n) {
|
|
|
395
395
|
u && i.destroy();
|
|
396
396
|
}
|
|
397
397
|
function p(u, g) {
|
|
398
|
-
var
|
|
399
|
-
i.bind(
|
|
398
|
+
var T = matchMedia(g);
|
|
399
|
+
i.bind(T, "change", E), s.push([u, T]);
|
|
400
400
|
}
|
|
401
401
|
function E() {
|
|
402
|
-
var u = o.is(pn), g = n.direction,
|
|
402
|
+
var u = o.is(pn), g = n.direction, T = s.reduce(function(b, v) {
|
|
403
403
|
return Qt(b, v[1].matches ? v[0] : {});
|
|
404
404
|
}, {});
|
|
405
|
-
yo(n), m(
|
|
405
|
+
yo(n), m(T), n.destroy ? t.destroy(n.destroy === "completely") : u ? (d(!0), t.mount()) : g !== n.direction && t.refresh();
|
|
406
406
|
}
|
|
407
407
|
function x(u) {
|
|
408
|
-
matchMedia(mo).matches && (u ? Qt(n, a) : yo(n,
|
|
408
|
+
matchMedia(mo).matches && (u ? Qt(n, a) : yo(n, Me(a)));
|
|
409
409
|
}
|
|
410
|
-
function m(u, g,
|
|
411
|
-
Qt(n, u), g && Qt(Object.getPrototypeOf(n), u), (
|
|
410
|
+
function m(u, g, T) {
|
|
411
|
+
Qt(n, u), g && Qt(Object.getPrototypeOf(n), u), (T || !o.is(be)) && t.emit(_t, n);
|
|
412
412
|
}
|
|
413
413
|
return {
|
|
414
414
|
setup: c,
|
|
@@ -428,9 +428,9 @@ var bn = "Arrow", Sn = bn + "Left", xn = bn + "Right", sr = bn + "Up", cr = bn +
|
|
|
428
428
|
ArrowRight: [cr, Sn]
|
|
429
429
|
};
|
|
430
430
|
function Ei(t, e, n) {
|
|
431
|
-
function o(a, i,
|
|
432
|
-
|
|
433
|
-
var c =
|
|
431
|
+
function o(a, i, s) {
|
|
432
|
+
s = s || n.direction;
|
|
433
|
+
var c = s === bo && !i ? 1 : s === Cn ? 0 : -1;
|
|
434
434
|
return Ln[a] && Ln[a][c] || a.replace(/width|left|right/i, function(d, p) {
|
|
435
435
|
var E = Ln[d.toLowerCase()][c] || d;
|
|
436
436
|
return p > 0 ? E.charAt(0).toUpperCase() + E.slice(1) : E;
|
|
@@ -444,7 +444,7 @@ function Ei(t, e, n) {
|
|
|
444
444
|
orient: r
|
|
445
445
|
};
|
|
446
446
|
}
|
|
447
|
-
var Xt = "role", xe = "tabindex", Fi = "disabled",
|
|
447
|
+
var Xt = "role", xe = "tabindex", Fi = "disabled", Mt = "aria-", Xe = Mt + "controls", pr = Mt + "current", So = Mt + "selected", Ft = Mt + "label", no = Mt + "labelledby", ur = Mt + "hidden", oo = Mt + "orientation", Be = Mt + "roledescription", xo = Mt + "live", Co = Mt + "busy", wo = Mt + "atomic", ro = [Xt, xe, Fi, Xe, pr, Ft, no, ur, oo, Be], Vt = Ye + "__", ie = "is-", En = Ye, $o = Vt + "track", ki = Vt + "list", wn = Vt + "slide", dr = wn + "--clone", Ii = wn + "__container", io = Vt + "arrows", $n = Vt + "arrow", gr = $n + "--prev", mr = $n + "--next", Tn = Vt + "pagination", fr = Tn + "__page", Ri = Vt + "progress", Wi = Ri + "__bar", zi = Vt + "toggle", Ni = Vt + "spinner", Mi = Vt + "sr", Hi = ie + "initialized", ge = ie + "active", yr = ie + "prev", hr = ie + "next", Pn = ie + "visible", On = ie + "loading", vr = ie + "focus-in", br = ie + "overflow", Pi = [ge, Pn, yr, hr, On, vr, br], Oi = {
|
|
448
448
|
slide: wn,
|
|
449
449
|
clone: dr,
|
|
450
450
|
arrows: io,
|
|
@@ -453,22 +453,22 @@ var Xt = "role", xe = "tabindex", Fi = "disabled", Nt = "aria-", Xe = Nt + "cont
|
|
|
453
453
|
next: mr,
|
|
454
454
|
pagination: Tn,
|
|
455
455
|
page: fr,
|
|
456
|
-
spinner:
|
|
456
|
+
spinner: Ni
|
|
457
457
|
};
|
|
458
458
|
function Bi(t, e) {
|
|
459
459
|
if (Oo(t.closest))
|
|
460
460
|
return t.closest(e);
|
|
461
|
-
for (var n = t; n && n.nodeType === 1 && !
|
|
461
|
+
for (var n = t; n && n.nodeType === 1 && !Ne(n, e); )
|
|
462
462
|
n = n.parentElement;
|
|
463
463
|
return n;
|
|
464
464
|
}
|
|
465
465
|
var Vi = 5, To = 200, Sr = "touchstart mousedown", Fn = "touchmove mousemove", kn = "touchend touchcancel mouseup click";
|
|
466
466
|
function Di(t, e, n) {
|
|
467
|
-
var o = ht(t), r = o.on, a = o.bind, i = t.root,
|
|
467
|
+
var o = ht(t), r = o.on, a = o.bind, i = t.root, s = n.i18n, c = {}, d = [], p = [], E = [], x, m, u;
|
|
468
468
|
function g() {
|
|
469
|
-
|
|
469
|
+
w(), O(), v();
|
|
470
470
|
}
|
|
471
|
-
function
|
|
471
|
+
function T() {
|
|
472
472
|
r(St, b), r(St, g), r(_t, v), a(document, Sr + " keydown", function(f) {
|
|
473
473
|
u = f.type === "keydown";
|
|
474
474
|
}, {
|
|
@@ -484,8 +484,8 @@ function Di(t, e, n) {
|
|
|
484
484
|
function v() {
|
|
485
485
|
Yt(i, p), Yt(x, E), p = C(En), E = C($o), Ot(i, p), Ot(x, E), tt(i, Ft, n.label), tt(i, no, n.labelledby);
|
|
486
486
|
}
|
|
487
|
-
function
|
|
488
|
-
x =
|
|
487
|
+
function w() {
|
|
488
|
+
x = z("." + $o), m = Ge(x, "." + ki), Re(x && m, "A track/list element is missing."), an(d, Vo(m, "." + wn + ":not(." + dr + ")")), pe({
|
|
489
489
|
arrows: io,
|
|
490
490
|
pagination: Tn,
|
|
491
491
|
prev: gr,
|
|
@@ -493,8 +493,8 @@ function Di(t, e, n) {
|
|
|
493
493
|
bar: Wi,
|
|
494
494
|
toggle: zi
|
|
495
495
|
}, function(f, A) {
|
|
496
|
-
c[A] =
|
|
497
|
-
}),
|
|
496
|
+
c[A] = z("." + f);
|
|
497
|
+
}), He(c, {
|
|
498
498
|
root: i,
|
|
499
499
|
track: x,
|
|
500
500
|
list: m,
|
|
@@ -503,169 +503,169 @@ function Di(t, e, n) {
|
|
|
503
503
|
}
|
|
504
504
|
function O() {
|
|
505
505
|
var f = i.id || $i(Ye), A = n.role;
|
|
506
|
-
i.id = f, x.id = x.id || f + "-track", m.id = m.id || f + "-list", !
|
|
506
|
+
i.id = f, x.id = x.id || f + "-track", m.id = m.id || f + "-list", !Nt(i, Xt) && i.tagName !== "SECTION" && A && tt(i, Xt, A), tt(i, Be, s.carousel), tt(m, Xt, "presentation");
|
|
507
507
|
}
|
|
508
|
-
function
|
|
508
|
+
function z(f) {
|
|
509
509
|
var A = Uo(i, f);
|
|
510
510
|
return A && Bi(A, "." + En) === i ? A : void 0;
|
|
511
511
|
}
|
|
512
512
|
function C(f) {
|
|
513
513
|
return [f + "--" + n.type, f + "--" + n.direction, n.drag && f + "--draggable", n.isNavigation && f + "--nav", f === En && ge];
|
|
514
514
|
}
|
|
515
|
-
return
|
|
515
|
+
return He(c, {
|
|
516
516
|
setup: g,
|
|
517
|
-
mount:
|
|
517
|
+
mount: T,
|
|
518
518
|
destroy: b
|
|
519
519
|
});
|
|
520
520
|
}
|
|
521
521
|
var _e = "slide", Ee = "loop", Ke = "fade";
|
|
522
522
|
function ji(t, e, n, o) {
|
|
523
|
-
var r = ht(t), a = r.on, i = r.emit,
|
|
523
|
+
var r = ht(t), a = r.on, i = r.emit, s = r.bind, c = t.Components, d = t.root, p = t.options, E = p.isNavigation, x = p.updateOnMove, m = p.i18n, u = p.pagination, g = p.slideFocus, T = c.Direction.resolve, b = Nt(o, "style"), v = Nt(o, Ft), w = n > -1, O = Ge(o, "." + Ii), z;
|
|
524
524
|
function C() {
|
|
525
|
-
|
|
525
|
+
w || (o.id = d.id + "-slide" + Xn(e + 1), tt(o, Xt, u ? "tabpanel" : "group"), tt(o, Be, m.slide), tt(o, Ft, v || Mn(m.slideLabel, [e + 1, t.length]))), f();
|
|
526
526
|
}
|
|
527
527
|
function f() {
|
|
528
|
-
|
|
528
|
+
s(o, "click", gt(i, Kn, R)), s(o, "keydown", gt(i, ar, R)), a([Le, lr, me], $), a(Jn, h), x && a(Zt, P);
|
|
529
529
|
}
|
|
530
530
|
function A() {
|
|
531
|
-
|
|
531
|
+
z = !0, r.destroy(), Yt(o, Pi), Bt(o, ro), tt(o, "style", b), tt(o, Ft, v || "");
|
|
532
532
|
}
|
|
533
|
-
function
|
|
533
|
+
function h() {
|
|
534
534
|
var L = t.splides.map(function(_) {
|
|
535
|
-
var
|
|
536
|
-
return
|
|
535
|
+
var W = _.splide.Components.Slides.getAt(e);
|
|
536
|
+
return W ? W.slide.id : "";
|
|
537
537
|
}).join(" ");
|
|
538
|
-
tt(o, Ft,
|
|
538
|
+
tt(o, Ft, Mn(m.slideX, (w ? n : e) + 1)), tt(o, Xe, L), tt(o, Xt, g ? "button" : ""), g && Bt(o, Be);
|
|
539
539
|
}
|
|
540
|
-
function
|
|
541
|
-
|
|
540
|
+
function P() {
|
|
541
|
+
z || $();
|
|
542
542
|
}
|
|
543
|
-
function
|
|
544
|
-
if (!
|
|
543
|
+
function $() {
|
|
544
|
+
if (!z) {
|
|
545
545
|
var L = t.index;
|
|
546
|
-
|
|
546
|
+
N(), k(), Gt(o, yr, e === L - 1), Gt(o, hr, e === L + 1);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
function
|
|
549
|
+
function N() {
|
|
550
550
|
var L = B();
|
|
551
551
|
L !== ho(o, ge) && (Gt(o, ge, L), tt(o, pr, E && L || ""), i(L ? Yo : Xo, R));
|
|
552
552
|
}
|
|
553
553
|
function k() {
|
|
554
|
-
var L =
|
|
555
|
-
if (t.state.is([Ae, De]) || tt(o, ur, _ || ""), tt(Gn(o, p.focusableNodes || ""), xe, _ ? -1 : ""), g && tt(o, xe, _ ? -1 : 0), L !== ho(o,
|
|
556
|
-
var
|
|
557
|
-
|
|
554
|
+
var L = y(), _ = !L && (!B() || w);
|
|
555
|
+
if (t.state.is([Ae, De]) || tt(o, ur, _ || ""), tt(Gn(o, p.focusableNodes || ""), xe, _ ? -1 : ""), g && tt(o, xe, _ ? -1 : 0), L !== ho(o, Pn) && (Gt(o, Pn, L), i(L ? Ko : Zo, R)), !L && document.activeElement === o) {
|
|
556
|
+
var W = c.Slides.getAt(t.index);
|
|
557
|
+
W && Do(W.slide);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
function j(L, _,
|
|
561
|
-
zt(
|
|
560
|
+
function j(L, _, W) {
|
|
561
|
+
zt(W && O || o, L, _);
|
|
562
562
|
}
|
|
563
563
|
function B() {
|
|
564
564
|
var L = t.index;
|
|
565
565
|
return L === e || p.cloneStatus && L === n;
|
|
566
566
|
}
|
|
567
|
-
function
|
|
567
|
+
function y() {
|
|
568
568
|
if (t.is(Ke))
|
|
569
569
|
return B();
|
|
570
|
-
var L = Et(c.Elements.track), _ = Et(o),
|
|
571
|
-
return dn(L[
|
|
570
|
+
var L = Et(c.Elements.track), _ = Et(o), W = T("left", !0), Y = T("right", !0);
|
|
571
|
+
return dn(L[W]) <= Oe(_[W]) && dn(_[Y]) <= Oe(L[Y]);
|
|
572
572
|
}
|
|
573
573
|
function I(L, _) {
|
|
574
|
-
var
|
|
575
|
-
return
|
|
574
|
+
var W = At(L - e);
|
|
575
|
+
return !w && (p.rewind || t.is(Ee)) && (W = ne(W, t.length - W)), W <= _;
|
|
576
576
|
}
|
|
577
577
|
var R = {
|
|
578
578
|
index: e,
|
|
579
579
|
slideIndex: n,
|
|
580
580
|
slide: o,
|
|
581
581
|
container: O,
|
|
582
|
-
isClone:
|
|
582
|
+
isClone: w,
|
|
583
583
|
mount: C,
|
|
584
584
|
destroy: A,
|
|
585
|
-
update:
|
|
585
|
+
update: $,
|
|
586
586
|
style: j,
|
|
587
587
|
isWithin: I
|
|
588
588
|
};
|
|
589
589
|
return R;
|
|
590
590
|
}
|
|
591
591
|
function Ui(t, e, n) {
|
|
592
|
-
var o = ht(t), r = o.on, a = o.emit, i = o.bind,
|
|
592
|
+
var o = ht(t), r = o.on, a = o.emit, i = o.bind, s = e.Elements, c = s.slides, d = s.list, p = [];
|
|
593
593
|
function E() {
|
|
594
594
|
x(), r(St, m), r(St, x);
|
|
595
595
|
}
|
|
596
596
|
function x() {
|
|
597
|
-
c.forEach(function(
|
|
598
|
-
g(
|
|
597
|
+
c.forEach(function($, N) {
|
|
598
|
+
g($, N, -1);
|
|
599
599
|
});
|
|
600
600
|
}
|
|
601
601
|
function m() {
|
|
602
|
-
|
|
603
|
-
|
|
602
|
+
z(function($) {
|
|
603
|
+
$.destroy();
|
|
604
604
|
}), Kt(p);
|
|
605
605
|
}
|
|
606
606
|
function u() {
|
|
607
|
-
|
|
608
|
-
|
|
607
|
+
z(function($) {
|
|
608
|
+
$.update();
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
function g(
|
|
612
|
-
var j = ji(t,
|
|
613
|
-
j.mount(), p.push(j), p.sort(function(B,
|
|
614
|
-
return B.index -
|
|
611
|
+
function g($, N, k) {
|
|
612
|
+
var j = ji(t, N, k, $);
|
|
613
|
+
j.mount(), p.push(j), p.sort(function(B, y) {
|
|
614
|
+
return B.index - y.index;
|
|
615
615
|
});
|
|
616
616
|
}
|
|
617
|
-
function
|
|
618
|
-
return
|
|
619
|
-
return !
|
|
617
|
+
function T($) {
|
|
618
|
+
return $ ? C(function(N) {
|
|
619
|
+
return !N.isClone;
|
|
620
620
|
}) : p;
|
|
621
621
|
}
|
|
622
|
-
function b(
|
|
623
|
-
var
|
|
622
|
+
function b($) {
|
|
623
|
+
var N = e.Controller, k = N.toIndex($), j = N.hasFocus() ? 1 : n.perPage;
|
|
624
624
|
return C(function(B) {
|
|
625
625
|
return ln(B.index, k, k + j - 1);
|
|
626
626
|
});
|
|
627
627
|
}
|
|
628
|
-
function v(
|
|
629
|
-
return C(
|
|
628
|
+
function v($) {
|
|
629
|
+
return C($)[0];
|
|
630
630
|
}
|
|
631
|
-
function
|
|
632
|
-
kt(
|
|
631
|
+
function w($, N) {
|
|
632
|
+
kt($, function(k) {
|
|
633
633
|
if (ee(k) && (k = jo(k)), Bo(k)) {
|
|
634
|
-
var j = c[
|
|
634
|
+
var j = c[N];
|
|
635
635
|
j ? qn(k, j) : qe(d, k), Ot(k, n.classes.slide), A(k, gt(a, Te));
|
|
636
636
|
}
|
|
637
637
|
}), a(St);
|
|
638
638
|
}
|
|
639
|
-
function O(
|
|
640
|
-
de(C(
|
|
641
|
-
return
|
|
639
|
+
function O($) {
|
|
640
|
+
de(C($).map(function(N) {
|
|
641
|
+
return N.slide;
|
|
642
642
|
})), a(St);
|
|
643
643
|
}
|
|
644
|
-
function
|
|
645
|
-
|
|
644
|
+
function z($, N) {
|
|
645
|
+
T(N).forEach($);
|
|
646
646
|
}
|
|
647
|
-
function C(
|
|
648
|
-
return p.filter(Oo(
|
|
649
|
-
return ee(
|
|
647
|
+
function C($) {
|
|
648
|
+
return p.filter(Oo($) ? $ : function(N) {
|
|
649
|
+
return ee($) ? Ne(N.slide, $) : Un(Ue($), N.index);
|
|
650
650
|
});
|
|
651
651
|
}
|
|
652
|
-
function f(
|
|
653
|
-
|
|
654
|
-
j.style(
|
|
652
|
+
function f($, N, k) {
|
|
653
|
+
z(function(j) {
|
|
654
|
+
j.style($, N, k);
|
|
655
655
|
});
|
|
656
656
|
}
|
|
657
|
-
function A(
|
|
658
|
-
var k = Gn(
|
|
657
|
+
function A($, N) {
|
|
658
|
+
var k = Gn($, "img"), j = k.length;
|
|
659
659
|
j ? k.forEach(function(B) {
|
|
660
660
|
i(B, "load error", function() {
|
|
661
|
-
--j ||
|
|
661
|
+
--j || N();
|
|
662
662
|
});
|
|
663
|
-
}) :
|
|
663
|
+
}) : N();
|
|
664
664
|
}
|
|
665
|
-
function
|
|
666
|
-
return
|
|
665
|
+
function h($) {
|
|
666
|
+
return $ ? c.length : p.length;
|
|
667
667
|
}
|
|
668
|
-
function
|
|
668
|
+
function P() {
|
|
669
669
|
return p.length > n.perPage;
|
|
670
670
|
}
|
|
671
671
|
return {
|
|
@@ -673,95 +673,95 @@ function Ui(t, e, n) {
|
|
|
673
673
|
destroy: m,
|
|
674
674
|
update: u,
|
|
675
675
|
register: g,
|
|
676
|
-
get:
|
|
676
|
+
get: T,
|
|
677
677
|
getIn: b,
|
|
678
678
|
getAt: v,
|
|
679
|
-
add:
|
|
679
|
+
add: w,
|
|
680
680
|
remove: O,
|
|
681
|
-
forEach:
|
|
681
|
+
forEach: z,
|
|
682
682
|
filter: C,
|
|
683
683
|
style: f,
|
|
684
|
-
getLength:
|
|
685
|
-
isEnough:
|
|
684
|
+
getLength: h,
|
|
685
|
+
isEnough: P
|
|
686
686
|
};
|
|
687
687
|
}
|
|
688
688
|
function qi(t, e, n) {
|
|
689
|
-
var o = ht(t), r = o.on, a = o.bind, i = o.emit,
|
|
689
|
+
var o = ht(t), r = o.on, a = o.bind, i = o.emit, s = e.Slides, c = e.Direction.resolve, d = e.Elements, p = d.root, E = d.track, x = d.list, m = s.getAt, u = s.style, g, T, b;
|
|
690
690
|
function v() {
|
|
691
|
-
|
|
691
|
+
w(), a(window, "resize load", Ai(gt(i, Te))), r([_t, St], w), r(Te, O);
|
|
692
692
|
}
|
|
693
|
-
function
|
|
694
|
-
g = n.direction === Cn, zt(p, "maxWidth", le(n.width)), zt(E, c("paddingLeft"),
|
|
693
|
+
function w() {
|
|
694
|
+
g = n.direction === Cn, zt(p, "maxWidth", le(n.width)), zt(E, c("paddingLeft"), z(!1)), zt(E, c("paddingRight"), z(!0)), O(!0);
|
|
695
695
|
}
|
|
696
696
|
function O(R) {
|
|
697
697
|
var L = Et(p);
|
|
698
|
-
(R ||
|
|
698
|
+
(R || T.width !== L.width || T.height !== L.height) && (zt(E, "height", C()), u(c("marginRight"), le(n.gap)), u("width", A()), u("height", h(), !0), T = L, i(yn), b !== (b = I()) && (Gt(p, br, b), i(Ti, b)));
|
|
699
699
|
}
|
|
700
|
-
function
|
|
700
|
+
function z(R) {
|
|
701
701
|
var L = n.padding, _ = c(R ? "right" : "left");
|
|
702
702
|
return L && le(L[_] || (ze(L) ? 0 : L)) || "0px";
|
|
703
703
|
}
|
|
704
704
|
function C() {
|
|
705
705
|
var R = "";
|
|
706
|
-
return g && (R = f(), Re(R, "height or heightRatio is missing."), R = "calc(" + R + " - " +
|
|
706
|
+
return g && (R = f(), Re(R, "height or heightRatio is missing."), R = "calc(" + R + " - " + z(!1) + " - " + z(!0) + ")"), R;
|
|
707
707
|
}
|
|
708
708
|
function f() {
|
|
709
709
|
return le(n.height || Et(x).width * n.heightRatio);
|
|
710
710
|
}
|
|
711
711
|
function A() {
|
|
712
|
-
return n.autoWidth ? null : le(n.fixedWidth) || (g ? "" :
|
|
712
|
+
return n.autoWidth ? null : le(n.fixedWidth) || (g ? "" : P());
|
|
713
713
|
}
|
|
714
|
-
function
|
|
715
|
-
return le(n.fixedHeight) || (g ? n.autoHeight ? null :
|
|
714
|
+
function h() {
|
|
715
|
+
return le(n.fixedHeight) || (g ? n.autoHeight ? null : P() : f());
|
|
716
716
|
}
|
|
717
|
-
function
|
|
717
|
+
function P() {
|
|
718
718
|
var R = le(n.gap);
|
|
719
719
|
return "calc((100%" + (R && " + " + R) + ")/" + (n.perPage || 1) + (R && " - " + R) + ")";
|
|
720
720
|
}
|
|
721
|
-
function
|
|
721
|
+
function $() {
|
|
722
722
|
return Et(x)[c("width")];
|
|
723
723
|
}
|
|
724
|
-
function
|
|
724
|
+
function N(R, L) {
|
|
725
725
|
var _ = m(R || 0);
|
|
726
726
|
return _ ? Et(_.slide)[c("width")] + (L ? 0 : B()) : 0;
|
|
727
727
|
}
|
|
728
728
|
function k(R, L) {
|
|
729
729
|
var _ = m(R);
|
|
730
730
|
if (_) {
|
|
731
|
-
var
|
|
732
|
-
return At(
|
|
731
|
+
var W = Et(_.slide)[c("right")], Y = Et(x)[c("left")];
|
|
732
|
+
return At(W - Y) + (L ? 0 : B());
|
|
733
733
|
}
|
|
734
734
|
return 0;
|
|
735
735
|
}
|
|
736
736
|
function j(R) {
|
|
737
|
-
return k(t.length - 1) - k(0) +
|
|
737
|
+
return k(t.length - 1) - k(0) + N(0, R);
|
|
738
738
|
}
|
|
739
739
|
function B() {
|
|
740
740
|
var R = m(0);
|
|
741
741
|
return R && parseFloat(zt(R.slide, c("marginRight"))) || 0;
|
|
742
742
|
}
|
|
743
|
-
function
|
|
743
|
+
function y(R) {
|
|
744
744
|
return parseFloat(zt(E, c("padding" + (R ? "Right" : "Left")))) || 0;
|
|
745
745
|
}
|
|
746
746
|
function I() {
|
|
747
|
-
return t.is(Ke) || j(!0) >
|
|
747
|
+
return t.is(Ke) || j(!0) > $();
|
|
748
748
|
}
|
|
749
749
|
return {
|
|
750
750
|
mount: v,
|
|
751
751
|
resize: O,
|
|
752
|
-
listSize:
|
|
753
|
-
slideSize:
|
|
752
|
+
listSize: $,
|
|
753
|
+
slideSize: N,
|
|
754
754
|
sliderSize: j,
|
|
755
755
|
totalSize: k,
|
|
756
|
-
getPadding:
|
|
756
|
+
getPadding: y,
|
|
757
757
|
isOverflow: I
|
|
758
758
|
};
|
|
759
759
|
}
|
|
760
760
|
var Gi = 2;
|
|
761
761
|
function Yi(t, e, n) {
|
|
762
|
-
var o = ht(t), r = o.on, a = e.Elements, i = e.Slides,
|
|
762
|
+
var o = ht(t), r = o.on, a = e.Elements, i = e.Slides, s = e.Direction.resolve, c = [], d;
|
|
763
763
|
function p() {
|
|
764
|
-
r(St, E), r([_t, Te], m), (d =
|
|
764
|
+
r(St, E), r([_t, Te], m), (d = T()) && (u(d), e.Layout.resize(!0));
|
|
765
765
|
}
|
|
766
766
|
function E() {
|
|
767
767
|
x(), p();
|
|
@@ -770,31 +770,31 @@ function Yi(t, e, n) {
|
|
|
770
770
|
de(c), Kt(c), o.destroy();
|
|
771
771
|
}
|
|
772
772
|
function m() {
|
|
773
|
-
var b =
|
|
773
|
+
var b = T();
|
|
774
774
|
d !== b && (d < b || !b) && o.emit(St);
|
|
775
775
|
}
|
|
776
776
|
function u(b) {
|
|
777
|
-
var v = i.get().slice(),
|
|
778
|
-
if (
|
|
777
|
+
var v = i.get().slice(), w = v.length;
|
|
778
|
+
if (w) {
|
|
779
779
|
for (; v.length < b; )
|
|
780
780
|
an(v, v);
|
|
781
|
-
an(v.slice(-b), v.slice(0, b)).forEach(function(O,
|
|
782
|
-
var C =
|
|
783
|
-
C ? qn(f, v[0].slide) : qe(a.list, f), an(c, f), i.register(f,
|
|
781
|
+
an(v.slice(-b), v.slice(0, b)).forEach(function(O, z) {
|
|
782
|
+
var C = z < b, f = g(O.slide, z);
|
|
783
|
+
C ? qn(f, v[0].slide) : qe(a.list, f), an(c, f), i.register(f, z - b + (C ? 0 : w), O.index);
|
|
784
784
|
});
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
function g(b, v) {
|
|
788
|
-
var
|
|
789
|
-
return Ot(
|
|
788
|
+
var w = b.cloneNode(!0);
|
|
789
|
+
return Ot(w, n.classes.clone), w.id = t.root.id + "-clone" + Xn(v + 1), w;
|
|
790
790
|
}
|
|
791
|
-
function
|
|
791
|
+
function T() {
|
|
792
792
|
var b = n.clones;
|
|
793
793
|
if (!t.is(Ee))
|
|
794
794
|
b = 0;
|
|
795
795
|
else if (je(b)) {
|
|
796
|
-
var v = n[
|
|
797
|
-
b =
|
|
796
|
+
var v = n[s("fixedWidth")] && e.Layout.slideSize(0), w = v && Oe(Et(a.track)[s("width")] / v);
|
|
797
|
+
b = w || n[s("autoWidth")] && t.length || n.perPage * Gi;
|
|
798
798
|
}
|
|
799
799
|
return b;
|
|
800
800
|
}
|
|
@@ -804,54 +804,54 @@ function Yi(t, e, n) {
|
|
|
804
804
|
};
|
|
805
805
|
}
|
|
806
806
|
function Xi(t, e, n) {
|
|
807
|
-
var o = ht(t), r = o.on, a = o.emit, i = t.state.set,
|
|
807
|
+
var o = ht(t), r = o.on, a = o.emit, i = t.state.set, s = e.Layout, c = s.slideSize, d = s.getPadding, p = s.totalSize, E = s.listSize, x = s.sliderSize, m = e.Direction, u = m.resolve, g = m.orient, T = e.Elements, b = T.list, v = T.track, w;
|
|
808
808
|
function O() {
|
|
809
|
-
|
|
809
|
+
w = e.Transition, r([re, yn, _t, St], z);
|
|
810
810
|
}
|
|
811
|
-
function
|
|
811
|
+
function z() {
|
|
812
812
|
e.Controller.isBusy() || (e.Scroll.cancel(), f(t.index), e.Slides.update());
|
|
813
813
|
}
|
|
814
|
-
function C(_,
|
|
815
|
-
_ !==
|
|
816
|
-
i($e), a(Le,
|
|
814
|
+
function C(_, W, Y, ot) {
|
|
815
|
+
_ !== W && R(_ > Y) && ($(), A(P(j(), _ > Y), !0)), i(Ae), a(Zt, W, Y, _), w.start(W, function() {
|
|
816
|
+
i($e), a(Le, W, Y, _), ot && ot();
|
|
817
817
|
});
|
|
818
818
|
}
|
|
819
819
|
function f(_) {
|
|
820
820
|
A(k(_, !0));
|
|
821
821
|
}
|
|
822
|
-
function A(_,
|
|
822
|
+
function A(_, W) {
|
|
823
823
|
if (!t.is(Ke)) {
|
|
824
|
-
var Y =
|
|
824
|
+
var Y = W ? _ : h(_);
|
|
825
825
|
zt(b, "transform", "translate" + u("X") + "(" + Y + "px)"), _ !== Y && a(lr);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
function
|
|
828
|
+
function h(_) {
|
|
829
829
|
if (t.is(Ee)) {
|
|
830
|
-
var
|
|
831
|
-
(ot || Y) && (_ =
|
|
830
|
+
var W = N(_), Y = W > e.Controller.getEnd(), ot = W < 0;
|
|
831
|
+
(ot || Y) && (_ = P(_, Y));
|
|
832
832
|
}
|
|
833
833
|
return _;
|
|
834
834
|
}
|
|
835
|
-
function
|
|
836
|
-
var Y = _ - I(
|
|
837
|
-
return _ -= g(ot * (Oe(At(Y) / ot) || 1)) * (
|
|
835
|
+
function P(_, W) {
|
|
836
|
+
var Y = _ - I(W), ot = x();
|
|
837
|
+
return _ -= g(ot * (Oe(At(Y) / ot) || 1)) * (W ? 1 : -1), _;
|
|
838
838
|
}
|
|
839
|
-
function
|
|
840
|
-
A(j(), !0),
|
|
839
|
+
function $() {
|
|
840
|
+
A(j(), !0), w.cancel();
|
|
841
841
|
}
|
|
842
|
-
function
|
|
843
|
-
for (var
|
|
844
|
-
var at =
|
|
845
|
-
if (
|
|
846
|
-
ot =
|
|
842
|
+
function N(_) {
|
|
843
|
+
for (var W = e.Slides.get(), Y = 0, ot = 1 / 0, nt = 0; nt < W.length; nt++) {
|
|
844
|
+
var at = W[nt].index, M = At(k(at, !0) - _);
|
|
845
|
+
if (M <= ot)
|
|
846
|
+
ot = M, Y = at;
|
|
847
847
|
else
|
|
848
848
|
break;
|
|
849
849
|
}
|
|
850
850
|
return Y;
|
|
851
851
|
}
|
|
852
|
-
function k(_,
|
|
853
|
-
var Y = g(p(_ - 1) -
|
|
854
|
-
return
|
|
852
|
+
function k(_, W) {
|
|
853
|
+
var Y = g(p(_ - 1) - y(_));
|
|
854
|
+
return W ? B(Y) : Y;
|
|
855
855
|
}
|
|
856
856
|
function j() {
|
|
857
857
|
var _ = u("left");
|
|
@@ -860,20 +860,20 @@ function Xi(t, e, n) {
|
|
|
860
860
|
function B(_) {
|
|
861
861
|
return n.trimSpace && t.is(_e) && (_ = he(_, 0, g(x(!0) - E()))), _;
|
|
862
862
|
}
|
|
863
|
-
function
|
|
864
|
-
var
|
|
865
|
-
return
|
|
863
|
+
function y(_) {
|
|
864
|
+
var W = n.focus;
|
|
865
|
+
return W === "center" ? (E() - c(_, !0)) / 2 : +W * c(_) || 0;
|
|
866
866
|
}
|
|
867
867
|
function I(_) {
|
|
868
868
|
return k(_ ? e.Controller.getEnd() : 0, !!n.trimSpace);
|
|
869
869
|
}
|
|
870
870
|
function R(_) {
|
|
871
|
-
var
|
|
872
|
-
return _ ?
|
|
871
|
+
var W = g(P(j(), _));
|
|
872
|
+
return _ ? W >= 0 : W <= b[u("scrollWidth")] - Et(v)[u("width")];
|
|
873
873
|
}
|
|
874
|
-
function L(_,
|
|
875
|
-
|
|
876
|
-
var Y = _ !== !0 && g(
|
|
874
|
+
function L(_, W) {
|
|
875
|
+
W = je(W) ? j() : W;
|
|
876
|
+
var Y = _ !== !0 && g(W) < g(I(!1)), ot = _ !== !1 && g(W) > g(I(!0));
|
|
877
877
|
return Y || ot;
|
|
878
878
|
}
|
|
879
879
|
return {
|
|
@@ -881,94 +881,94 @@ function Xi(t, e, n) {
|
|
|
881
881
|
move: C,
|
|
882
882
|
jump: f,
|
|
883
883
|
translate: A,
|
|
884
|
-
shift:
|
|
885
|
-
cancel:
|
|
886
|
-
toIndex:
|
|
884
|
+
shift: P,
|
|
885
|
+
cancel: $,
|
|
886
|
+
toIndex: N,
|
|
887
887
|
toPosition: k,
|
|
888
888
|
getPosition: j,
|
|
889
889
|
getLimit: I,
|
|
890
890
|
exceededLimit: L,
|
|
891
|
-
reposition:
|
|
891
|
+
reposition: z
|
|
892
892
|
};
|
|
893
893
|
}
|
|
894
894
|
function Ki(t, e, n) {
|
|
895
|
-
var o = ht(t), r = o.on, a = o.emit, i = e.Move,
|
|
895
|
+
var o = ht(t), r = o.on, a = o.emit, i = e.Move, s = i.getPosition, c = i.getLimit, d = i.toPosition, p = e.Slides, E = p.isEnough, x = p.getLength, m = n.omitEnd, u = t.is(Ee), g = t.is(_e), T = gt(j, !1), b = gt(j, !0), v = n.start || 0, w, O = v, z, C, f;
|
|
896
896
|
function A() {
|
|
897
|
-
|
|
897
|
+
h(), r([_t, St, gn], h), r(yn, P);
|
|
898
898
|
}
|
|
899
|
-
function
|
|
900
|
-
|
|
901
|
-
var
|
|
902
|
-
|
|
899
|
+
function h() {
|
|
900
|
+
z = x(!0), C = n.perMove, f = n.perPage, w = R();
|
|
901
|
+
var M = he(v, 0, m ? w : z - 1);
|
|
902
|
+
M !== v && (v = M, i.reposition());
|
|
903
903
|
}
|
|
904
|
-
function
|
|
905
|
-
|
|
904
|
+
function P() {
|
|
905
|
+
w !== R() && a(gn);
|
|
906
906
|
}
|
|
907
|
-
function
|
|
907
|
+
function $(M, J, yt) {
|
|
908
908
|
if (!at()) {
|
|
909
|
-
var lt = k(
|
|
909
|
+
var lt = k(M), mt = I(lt);
|
|
910
910
|
mt > -1 && (J || mt !== v) && (Y(mt), i.move(lt, mt, O, yt));
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
|
-
function
|
|
914
|
-
e.Scroll.scroll(
|
|
915
|
-
var mt = I(i.toIndex(
|
|
916
|
-
Y(m ? ne(mt,
|
|
913
|
+
function N(M, J, yt, lt) {
|
|
914
|
+
e.Scroll.scroll(M, J, yt, function() {
|
|
915
|
+
var mt = I(i.toIndex(s()));
|
|
916
|
+
Y(m ? ne(mt, w) : mt), lt && lt();
|
|
917
917
|
});
|
|
918
918
|
}
|
|
919
|
-
function k(
|
|
919
|
+
function k(M) {
|
|
920
920
|
var J = v;
|
|
921
|
-
if (ee(
|
|
922
|
-
var yt =
|
|
923
|
-
lt === "+" || lt === "-" ? J = B(v + +("" + lt + (+mt || 1)), v) : lt === ">" ? J = mt ? L(+mt) :
|
|
921
|
+
if (ee(M)) {
|
|
922
|
+
var yt = M.match(/([+\-<>])(\d+)?/) || [], lt = yt[1], mt = yt[2];
|
|
923
|
+
lt === "+" || lt === "-" ? J = B(v + +("" + lt + (+mt || 1)), v) : lt === ">" ? J = mt ? L(+mt) : T(!0) : lt === "<" && (J = b(!0));
|
|
924
924
|
} else
|
|
925
|
-
J = u ?
|
|
925
|
+
J = u ? M : he(M, 0, w);
|
|
926
926
|
return J;
|
|
927
927
|
}
|
|
928
|
-
function j(
|
|
929
|
-
var yt = C || (nt() ? 1 : f), lt = B(v + yt * (
|
|
930
|
-
return lt === -1 && g && !qo(
|
|
928
|
+
function j(M, J) {
|
|
929
|
+
var yt = C || (nt() ? 1 : f), lt = B(v + yt * (M ? -1 : 1), v, !(C || nt()));
|
|
930
|
+
return lt === -1 && g && !qo(s(), c(!M), 1) ? M ? 0 : w : J ? lt : I(lt);
|
|
931
931
|
}
|
|
932
|
-
function B(
|
|
932
|
+
function B(M, J, yt) {
|
|
933
933
|
if (E() || nt()) {
|
|
934
|
-
var lt =
|
|
935
|
-
lt !==
|
|
934
|
+
var lt = y(M);
|
|
935
|
+
lt !== M && (J = M, M = lt, yt = !1), M < 0 || M > w ? !C && (ln(0, M, J, !0) || ln(w, J, M, !0)) ? M = L(_(M)) : u ? M = yt ? M < 0 ? -(z % f || f) : z : M : n.rewind ? M = M < 0 ? w : 0 : M = -1 : yt && M !== J && (M = L(_(J) + (M < J ? -1 : 1)));
|
|
936
936
|
} else
|
|
937
|
-
|
|
938
|
-
return
|
|
937
|
+
M = -1;
|
|
938
|
+
return M;
|
|
939
939
|
}
|
|
940
|
-
function
|
|
941
|
-
if (g && n.trimSpace === "move" &&
|
|
942
|
-
for (var J =
|
|
943
|
-
|
|
944
|
-
return
|
|
940
|
+
function y(M) {
|
|
941
|
+
if (g && n.trimSpace === "move" && M !== v)
|
|
942
|
+
for (var J = s(); J === d(M, !0) && ln(M, 0, t.length - 1, !n.rewind); )
|
|
943
|
+
M < v ? --M : ++M;
|
|
944
|
+
return M;
|
|
945
945
|
}
|
|
946
|
-
function I(
|
|
947
|
-
return u ? (
|
|
946
|
+
function I(M) {
|
|
947
|
+
return u ? (M + z) % z || 0 : M;
|
|
948
948
|
}
|
|
949
949
|
function R() {
|
|
950
|
-
for (var
|
|
951
|
-
if (d(
|
|
952
|
-
|
|
950
|
+
for (var M = z - (nt() || u && C ? 1 : f); m && M-- > 0; )
|
|
951
|
+
if (d(z - 1, !0) !== d(M, !0)) {
|
|
952
|
+
M++;
|
|
953
953
|
break;
|
|
954
954
|
}
|
|
955
|
-
return he(
|
|
955
|
+
return he(M, 0, z - 1);
|
|
956
956
|
}
|
|
957
|
-
function L(
|
|
958
|
-
return he(nt() ?
|
|
957
|
+
function L(M) {
|
|
958
|
+
return he(nt() ? M : f * M, 0, w);
|
|
959
959
|
}
|
|
960
|
-
function _(
|
|
961
|
-
return nt() ? ne(
|
|
960
|
+
function _(M) {
|
|
961
|
+
return nt() ? ne(M, w) : dn((M >= w ? z - 1 : M) / f);
|
|
962
962
|
}
|
|
963
|
-
function M
|
|
964
|
-
var J = i.toIndex(
|
|
965
|
-
return g ? he(J, 0,
|
|
963
|
+
function W(M) {
|
|
964
|
+
var J = i.toIndex(M);
|
|
965
|
+
return g ? he(J, 0, w) : J;
|
|
966
966
|
}
|
|
967
|
-
function Y(
|
|
968
|
-
|
|
967
|
+
function Y(M) {
|
|
968
|
+
M !== v && (O = v, v = M);
|
|
969
969
|
}
|
|
970
|
-
function ot(
|
|
971
|
-
return
|
|
970
|
+
function ot(M) {
|
|
971
|
+
return M ? O : v;
|
|
972
972
|
}
|
|
973
973
|
function nt() {
|
|
974
974
|
return !je(n.focus) || n.isNavigation;
|
|
@@ -978,9 +978,9 @@ function Ki(t, e, n) {
|
|
|
978
978
|
}
|
|
979
979
|
return {
|
|
980
980
|
mount: A,
|
|
981
|
-
go:
|
|
982
|
-
scroll:
|
|
983
|
-
getNext:
|
|
981
|
+
go: $,
|
|
982
|
+
scroll: N,
|
|
983
|
+
getNext: T,
|
|
984
984
|
getPrev: b,
|
|
985
985
|
getAdjacent: j,
|
|
986
986
|
getEnd: R,
|
|
@@ -988,95 +988,95 @@ function Ki(t, e, n) {
|
|
|
988
988
|
getIndex: ot,
|
|
989
989
|
toIndex: L,
|
|
990
990
|
toPage: _,
|
|
991
|
-
toDest:
|
|
991
|
+
toDest: W,
|
|
992
992
|
hasFocus: nt,
|
|
993
993
|
isBusy: at
|
|
994
994
|
};
|
|
995
995
|
}
|
|
996
996
|
var Zi = "http://www.w3.org/2000/svg", Ji = "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z", Qe = 40;
|
|
997
997
|
function Qi(t, e, n) {
|
|
998
|
-
var o = ht(t), r = o.on, a = o.bind, i = o.emit,
|
|
999
|
-
function
|
|
1000
|
-
|
|
998
|
+
var o = ht(t), r = o.on, a = o.bind, i = o.emit, s = n.classes, c = n.i18n, d = e.Elements, p = e.Controller, E = d.arrows, x = d.track, m = E, u = d.prev, g = d.next, T, b, v = {};
|
|
999
|
+
function w() {
|
|
1000
|
+
z(), r(_t, O);
|
|
1001
1001
|
}
|
|
1002
1002
|
function O() {
|
|
1003
|
-
C(),
|
|
1003
|
+
C(), w();
|
|
1004
1004
|
}
|
|
1005
|
-
function
|
|
1006
|
-
var
|
|
1007
|
-
|
|
1005
|
+
function z() {
|
|
1006
|
+
var N = n.arrows;
|
|
1007
|
+
N && !(u && g) && h(), u && g && (He(v, {
|
|
1008
1008
|
prev: u,
|
|
1009
1009
|
next: g
|
|
1010
|
-
}),
|
|
1010
|
+
}), Pe(m, N ? "" : "none"), Ot(m, b = io + "--" + n.direction), N && (f(), $(), tt([u, g], Xe, x.id), i(er, u, g)));
|
|
1011
1011
|
}
|
|
1012
1012
|
function C() {
|
|
1013
|
-
o.destroy(), Yt(m, b),
|
|
1013
|
+
o.destroy(), Yt(m, b), T ? (de(E ? [u, g] : m), u = g = null) : Bt([u, g], ro);
|
|
1014
1014
|
}
|
|
1015
1015
|
function f() {
|
|
1016
|
-
r([re, Le, St, me, gn],
|
|
1016
|
+
r([re, Le, St, me, gn], $), a(g, "click", gt(A, ">")), a(u, "click", gt(A, "<"));
|
|
1017
1017
|
}
|
|
1018
|
-
function A(
|
|
1019
|
-
p.go(
|
|
1018
|
+
function A(N) {
|
|
1019
|
+
p.go(N, !0);
|
|
1020
1020
|
}
|
|
1021
|
-
function
|
|
1022
|
-
m = E || Se("div",
|
|
1021
|
+
function h() {
|
|
1022
|
+
m = E || Se("div", s.arrows), u = P(!0), g = P(!1), T = !0, qe(m, [u, g]), !E && qn(m, x);
|
|
1023
1023
|
}
|
|
1024
|
-
function
|
|
1025
|
-
var k = '<button class="' +
|
|
1024
|
+
function P(N) {
|
|
1025
|
+
var k = '<button class="' + s.arrow + " " + (N ? s.prev : s.next) + '" type="button"><svg xmlns="' + Zi + '" viewBox="0 0 ' + Qe + " " + Qe + '" width="' + Qe + '" height="' + Qe + '" focusable="false"><path d="' + (n.arrowPath || Ji) + '" />';
|
|
1026
1026
|
return jo(k);
|
|
1027
1027
|
}
|
|
1028
|
-
function
|
|
1028
|
+
function $() {
|
|
1029
1029
|
if (u && g) {
|
|
1030
|
-
var
|
|
1031
|
-
u.disabled = k < 0, g.disabled = j < 0, tt(u, Ft, B), tt(g, Ft,
|
|
1030
|
+
var N = t.index, k = p.getPrev(), j = p.getNext(), B = k > -1 && N < k ? c.last : c.prev, y = j > -1 && N > j ? c.first : c.next;
|
|
1031
|
+
u.disabled = k < 0, g.disabled = j < 0, tt(u, Ft, B), tt(g, Ft, y), i(nr, u, g, k, j);
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
return {
|
|
1035
1035
|
arrows: v,
|
|
1036
|
-
mount:
|
|
1036
|
+
mount: w,
|
|
1037
1037
|
destroy: C,
|
|
1038
|
-
update:
|
|
1038
|
+
update: $
|
|
1039
1039
|
};
|
|
1040
1040
|
}
|
|
1041
1041
|
var ta = Yn + "-interval";
|
|
1042
1042
|
function ea(t, e, n) {
|
|
1043
|
-
var o = ht(t), r = o.on, a = o.bind, i = o.emit,
|
|
1043
|
+
var o = ht(t), r = o.on, a = o.bind, i = o.emit, s = vn(n.interval, t.go.bind(t, ">"), f), c = s.isPaused, d = e.Elements, p = e.Elements, E = p.root, x = p.toggle, m = n.autoplay, u, g, T = m === "pause";
|
|
1044
1044
|
function b() {
|
|
1045
|
-
m && (v(), x && tt(x, Xe, d.track.id),
|
|
1045
|
+
m && (v(), x && tt(x, Xe, d.track.id), T || w(), C());
|
|
1046
1046
|
}
|
|
1047
1047
|
function v() {
|
|
1048
|
-
n.pauseOnHover && a(E, "mouseenter mouseleave", function(
|
|
1049
|
-
u =
|
|
1050
|
-
}), n.pauseOnFocus && a(E, "focusin focusout", function(
|
|
1051
|
-
g =
|
|
1048
|
+
n.pauseOnHover && a(E, "mouseenter mouseleave", function(h) {
|
|
1049
|
+
u = h.type === "mouseenter", z();
|
|
1050
|
+
}), n.pauseOnFocus && a(E, "focusin focusout", function(h) {
|
|
1051
|
+
g = h.type === "focusin", z();
|
|
1052
1052
|
}), x && a(x, "click", function() {
|
|
1053
|
-
|
|
1054
|
-
}), r([Zt, hn, St],
|
|
1053
|
+
T ? w() : O(!0);
|
|
1054
|
+
}), r([Zt, hn, St], s.rewind), r(Zt, A);
|
|
1055
1055
|
}
|
|
1056
|
-
function
|
|
1057
|
-
c() && e.Slides.isEnough() && (
|
|
1056
|
+
function w() {
|
|
1057
|
+
c() && e.Slides.isEnough() && (s.start(!n.resetProgress), g = u = T = !1, C(), i(Qn));
|
|
1058
1058
|
}
|
|
1059
|
-
function O(
|
|
1060
|
-
|
|
1059
|
+
function O(h) {
|
|
1060
|
+
h === void 0 && (h = !0), T = !!h, C(), c() || (s.pause(), i(to));
|
|
1061
1061
|
}
|
|
1062
|
-
function
|
|
1063
|
-
|
|
1062
|
+
function z() {
|
|
1063
|
+
T || (u || g ? O(!1) : w());
|
|
1064
1064
|
}
|
|
1065
1065
|
function C() {
|
|
1066
|
-
x && (Gt(x, ge, !
|
|
1066
|
+
x && (Gt(x, ge, !T), tt(x, Ft, n.i18n[T ? "play" : "pause"]));
|
|
1067
1067
|
}
|
|
1068
|
-
function f(
|
|
1069
|
-
var
|
|
1070
|
-
|
|
1068
|
+
function f(h) {
|
|
1069
|
+
var P = d.bar;
|
|
1070
|
+
P && zt(P, "width", h * 100 + "%"), i(ir, h);
|
|
1071
1071
|
}
|
|
1072
|
-
function A(
|
|
1073
|
-
var
|
|
1074
|
-
|
|
1072
|
+
function A(h) {
|
|
1073
|
+
var P = e.Slides.getAt(h);
|
|
1074
|
+
s.set(P && +Nt(P.slide, ta) || n.interval);
|
|
1075
1075
|
}
|
|
1076
1076
|
return {
|
|
1077
1077
|
mount: b,
|
|
1078
|
-
destroy:
|
|
1079
|
-
play:
|
|
1078
|
+
destroy: s.cancel,
|
|
1079
|
+
play: w,
|
|
1080
1080
|
pause: O,
|
|
1081
1081
|
isPaused: c
|
|
1082
1082
|
};
|
|
@@ -1084,16 +1084,16 @@ function ea(t, e, n) {
|
|
|
1084
1084
|
function na(t, e, n) {
|
|
1085
1085
|
var o = ht(t), r = o.on;
|
|
1086
1086
|
function a() {
|
|
1087
|
-
n.cover && (r(eo, gt(
|
|
1087
|
+
n.cover && (r(eo, gt(s, !0)), r([re, _t, St], gt(i, !0)));
|
|
1088
1088
|
}
|
|
1089
1089
|
function i(c) {
|
|
1090
1090
|
e.Slides.forEach(function(d) {
|
|
1091
1091
|
var p = Ge(d.container || d.slide, "img");
|
|
1092
|
-
p && p.src &&
|
|
1092
|
+
p && p.src && s(c, p, d);
|
|
1093
1093
|
});
|
|
1094
1094
|
}
|
|
1095
|
-
function
|
|
1096
|
-
p.style("background", c ? 'center/cover no-repeat url("' + d.src + '")' : "", !0),
|
|
1095
|
+
function s(c, d, p) {
|
|
1096
|
+
p.style("background", c ? 'center/cover no-repeat url("' + d.src + '")' : "", !0), Pe(d, c ? "none" : "");
|
|
1097
1097
|
}
|
|
1098
1098
|
return {
|
|
1099
1099
|
mount: a,
|
|
@@ -1102,30 +1102,30 @@ function na(t, e, n) {
|
|
|
1102
1102
|
}
|
|
1103
1103
|
var oa = 10, ra = 600, ia = 0.6, aa = 1.5, la = 800;
|
|
1104
1104
|
function sa(t, e, n) {
|
|
1105
|
-
var o = ht(t), r = o.on, a = o.emit, i = t.state.set,
|
|
1106
|
-
function
|
|
1107
|
-
r(Zt, O), r([_t, St],
|
|
1105
|
+
var o = ht(t), r = o.on, a = o.emit, i = t.state.set, s = e.Move, c = s.getPosition, d = s.getLimit, p = s.exceededLimit, E = s.translate, x = t.is(_e), m, u, g = 1;
|
|
1106
|
+
function T() {
|
|
1107
|
+
r(Zt, O), r([_t, St], z);
|
|
1108
1108
|
}
|
|
1109
|
-
function b(f, A,
|
|
1110
|
-
var
|
|
1111
|
-
if (O(),
|
|
1112
|
-
var k = e.Layout.sliderSize(), j =
|
|
1113
|
-
f =
|
|
1109
|
+
function b(f, A, h, P, $) {
|
|
1110
|
+
var N = c();
|
|
1111
|
+
if (O(), h && (!x || !p())) {
|
|
1112
|
+
var k = e.Layout.sliderSize(), j = Nn(f) * k * dn(At(f) / k) || 0;
|
|
1113
|
+
f = s.toPosition(e.Controller.toDest(f % k)) + j;
|
|
1114
1114
|
}
|
|
1115
|
-
var B = qo(
|
|
1116
|
-
g = 1, A = B ? 0 : A || un(At(f -
|
|
1115
|
+
var B = qo(N, f, 1);
|
|
1116
|
+
g = 1, A = B ? 0 : A || un(At(f - N) / aa, la), u = P, m = vn(A, v, gt(w, N, f, $), 1), i(De), a(hn), m.start();
|
|
1117
1117
|
}
|
|
1118
1118
|
function v() {
|
|
1119
1119
|
i($e), u && u(), a(me);
|
|
1120
1120
|
}
|
|
1121
|
-
function
|
|
1122
|
-
var
|
|
1123
|
-
E(
|
|
1121
|
+
function w(f, A, h, P) {
|
|
1122
|
+
var $ = c(), N = f + (A - f) * C(P), k = (N - $) * g;
|
|
1123
|
+
E($ + k), x && !h && p() && (g *= ia, At(k) < oa && b(d(p(!0)), ra, !1, u, !0));
|
|
1124
1124
|
}
|
|
1125
1125
|
function O() {
|
|
1126
1126
|
m && m.cancel();
|
|
1127
1127
|
}
|
|
1128
|
-
function
|
|
1128
|
+
function z() {
|
|
1129
1129
|
m && !m.isPaused() && (O(), v());
|
|
1130
1130
|
}
|
|
1131
1131
|
function C(f) {
|
|
@@ -1133,10 +1133,10 @@ function sa(t, e, n) {
|
|
|
1133
1133
|
return A ? A(f) : 1 - Math.pow(1 - f, 4);
|
|
1134
1134
|
}
|
|
1135
1135
|
return {
|
|
1136
|
-
mount:
|
|
1136
|
+
mount: T,
|
|
1137
1137
|
destroy: O,
|
|
1138
1138
|
scroll: b,
|
|
1139
|
-
cancel:
|
|
1139
|
+
cancel: z
|
|
1140
1140
|
};
|
|
1141
1141
|
}
|
|
1142
1142
|
var ve = {
|
|
@@ -1144,79 +1144,79 @@ var ve = {
|
|
|
1144
1144
|
capture: !0
|
|
1145
1145
|
};
|
|
1146
1146
|
function ca(t, e, n) {
|
|
1147
|
-
var o = ht(t), r = o.on, a = o.emit, i = o.bind,
|
|
1148
|
-
function
|
|
1147
|
+
var o = ht(t), r = o.on, a = o.emit, i = o.bind, s = o.unbind, c = t.state, d = e.Move, p = e.Scroll, E = e.Controller, x = e.Elements.track, m = e.Media.reduce, u = e.Direction, g = u.resolve, T = u.orient, b = d.getPosition, v = d.exceededLimit, w, O, z, C, f, A = !1, h, P, $;
|
|
1148
|
+
function N() {
|
|
1149
1149
|
i(x, Fn, Wn, ve), i(x, kn, Wn, ve), i(x, Sr, j, ve), i(x, "click", I, {
|
|
1150
1150
|
capture: !0
|
|
1151
1151
|
}), i(x, "dragstart", qt), r([re, _t], k);
|
|
1152
1152
|
}
|
|
1153
1153
|
function k() {
|
|
1154
1154
|
var U = n.drag;
|
|
1155
|
-
|
|
1155
|
+
Ht(!U), C = U === "free";
|
|
1156
1156
|
}
|
|
1157
1157
|
function j(U) {
|
|
1158
|
-
if (
|
|
1159
|
-
var
|
|
1160
|
-
lt(U.target) && (
|
|
1158
|
+
if (h = !1, !P) {
|
|
1159
|
+
var l = mt(U);
|
|
1160
|
+
lt(U.target) && (l || !U.button) && (E.isBusy() ? qt(U, !0) : ($ = l ? x : window, f = c.is([Ae, De]), z = null, i($, Fn, B, ve), i($, kn, y, ve), d.cancel(), p.cancel(), R(U)));
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
1163
|
function B(U) {
|
|
1164
1164
|
if (c.is(rn) || (c.set(rn), a(Jo)), U.cancelable)
|
|
1165
1165
|
if (f) {
|
|
1166
|
-
d.translate(
|
|
1167
|
-
var
|
|
1168
|
-
(
|
|
1169
|
-
} else
|
|
1166
|
+
d.translate(w + yt(nt(U)));
|
|
1167
|
+
var l = at(U) > To, H = A !== (A = v());
|
|
1168
|
+
(l || H) && R(U), h = !0, a(Qo), qt(U);
|
|
1169
|
+
} else W(U) && (f = _(U), qt(U));
|
|
1170
1170
|
}
|
|
1171
|
-
function
|
|
1172
|
-
c.is(rn) && (c.set($e), a(tr)), f && (L(U), qt(U)),
|
|
1171
|
+
function y(U) {
|
|
1172
|
+
c.is(rn) && (c.set($e), a(tr)), f && (L(U), qt(U)), s($, Fn, B), s($, kn, y), f = !1;
|
|
1173
1173
|
}
|
|
1174
1174
|
function I(U) {
|
|
1175
|
-
!
|
|
1175
|
+
!P && h && qt(U, !0);
|
|
1176
1176
|
}
|
|
1177
1177
|
function R(U) {
|
|
1178
|
-
|
|
1178
|
+
z = O, O = U, w = b();
|
|
1179
1179
|
}
|
|
1180
1180
|
function L(U) {
|
|
1181
|
-
var
|
|
1182
|
-
m(!1), C ? E.scroll(
|
|
1181
|
+
var l = Y(U), H = ot(l), V = n.rewind && n.rewindByDrag;
|
|
1182
|
+
m(!1), C ? E.scroll(H, 0, n.snap) : t.is(Ke) ? E.go(T(Nn(l)) < 0 ? V ? "<" : "-" : V ? ">" : "+") : t.is(_e) && A && V ? E.go(v(!0) ? ">" : "<") : E.go(E.toDest(H), !0), m(!0);
|
|
1183
1183
|
}
|
|
1184
1184
|
function _(U) {
|
|
1185
|
-
var
|
|
1186
|
-
return At(nt(U)) > (mt(U) ?
|
|
1185
|
+
var l = n.dragMinThreshold, H = ze(l), V = H && l.mouse || 0, q = (H ? l.touch : +l) || 10;
|
|
1186
|
+
return At(nt(U)) > (mt(U) ? q : V);
|
|
1187
1187
|
}
|
|
1188
|
-
function
|
|
1188
|
+
function W(U) {
|
|
1189
1189
|
return At(nt(U)) > At(nt(U, !0));
|
|
1190
1190
|
}
|
|
1191
1191
|
function Y(U) {
|
|
1192
1192
|
if (t.is(Ee) || !A) {
|
|
1193
|
-
var
|
|
1194
|
-
if (
|
|
1195
|
-
return nt(U) /
|
|
1193
|
+
var l = at(U);
|
|
1194
|
+
if (l && l < To)
|
|
1195
|
+
return nt(U) / l;
|
|
1196
1196
|
}
|
|
1197
1197
|
return 0;
|
|
1198
1198
|
}
|
|
1199
1199
|
function ot(U) {
|
|
1200
|
-
return b() +
|
|
1200
|
+
return b() + Nn(U) * ne(At(U) * (n.flickPower || 600), C ? 1 / 0 : e.Layout.listSize() * (n.flickMaxPages || 1));
|
|
1201
1201
|
}
|
|
1202
|
-
function nt(U,
|
|
1203
|
-
return J(U,
|
|
1202
|
+
function nt(U, l) {
|
|
1203
|
+
return J(U, l) - J(M(U), l);
|
|
1204
1204
|
}
|
|
1205
1205
|
function at(U) {
|
|
1206
|
-
return zn(U) - zn(
|
|
1206
|
+
return zn(U) - zn(M(U));
|
|
1207
1207
|
}
|
|
1208
|
-
function
|
|
1209
|
-
return O === U &&
|
|
1208
|
+
function M(U) {
|
|
1209
|
+
return O === U && z || O;
|
|
1210
1210
|
}
|
|
1211
|
-
function J(U,
|
|
1212
|
-
return (mt(U) ? U.changedTouches[0] : U)["page" + g(
|
|
1211
|
+
function J(U, l) {
|
|
1212
|
+
return (mt(U) ? U.changedTouches[0] : U)["page" + g(l ? "Y" : "X")];
|
|
1213
1213
|
}
|
|
1214
1214
|
function yt(U) {
|
|
1215
1215
|
return U / (A && t.is(_e) ? Vi : 1);
|
|
1216
1216
|
}
|
|
1217
1217
|
function lt(U) {
|
|
1218
|
-
var
|
|
1219
|
-
return !
|
|
1218
|
+
var l = n.noDrag;
|
|
1219
|
+
return !Ne(U, "." + fr + ", ." + $n) && (!l || !Ne(U, l));
|
|
1220
1220
|
}
|
|
1221
1221
|
function mt(U) {
|
|
1222
1222
|
return typeof TouchEvent < "u" && U instanceof TouchEvent;
|
|
@@ -1224,12 +1224,12 @@ function ca(t, e, n) {
|
|
|
1224
1224
|
function xt() {
|
|
1225
1225
|
return f;
|
|
1226
1226
|
}
|
|
1227
|
-
function
|
|
1228
|
-
|
|
1227
|
+
function Ht(U) {
|
|
1228
|
+
P = U;
|
|
1229
1229
|
}
|
|
1230
1230
|
return {
|
|
1231
|
-
mount:
|
|
1232
|
-
disable:
|
|
1231
|
+
mount: N,
|
|
1232
|
+
disable: Ht,
|
|
1233
1233
|
isDragging: xt
|
|
1234
1234
|
};
|
|
1235
1235
|
}
|
|
@@ -1245,13 +1245,13 @@ function ao(t) {
|
|
|
1245
1245
|
}
|
|
1246
1246
|
var _o = "keydown";
|
|
1247
1247
|
function ua(t, e, n) {
|
|
1248
|
-
var o = ht(t), r = o.on, a = o.bind, i = o.unbind,
|
|
1248
|
+
var o = ht(t), r = o.on, a = o.bind, i = o.unbind, s = t.root, c = e.Direction.resolve, d, p;
|
|
1249
1249
|
function E() {
|
|
1250
1250
|
x(), r(_t, m), r(_t, x), r(Zt, g);
|
|
1251
1251
|
}
|
|
1252
1252
|
function x() {
|
|
1253
1253
|
var b = n.keyboard;
|
|
1254
|
-
b && (d = b === "global" ? window :
|
|
1254
|
+
b && (d = b === "global" ? window : s, a(d, _o, T));
|
|
1255
1255
|
}
|
|
1256
1256
|
function m() {
|
|
1257
1257
|
i(d, _o);
|
|
@@ -1261,11 +1261,11 @@ function ua(t, e, n) {
|
|
|
1261
1261
|
}
|
|
1262
1262
|
function g() {
|
|
1263
1263
|
var b = p;
|
|
1264
|
-
p = !0,
|
|
1264
|
+
p = !0, Po(function() {
|
|
1265
1265
|
p = b;
|
|
1266
1266
|
});
|
|
1267
1267
|
}
|
|
1268
|
-
function
|
|
1268
|
+
function T(b) {
|
|
1269
1269
|
if (!p) {
|
|
1270
1270
|
var v = ao(b);
|
|
1271
1271
|
v === c(Sn) ? t.go("<") : v === c(xn) && t.go(">");
|
|
@@ -1279,7 +1279,7 @@ function ua(t, e, n) {
|
|
|
1279
1279
|
}
|
|
1280
1280
|
var We = Yn + "-lazy", sn = We + "-srcset", da = "[" + We + "], [" + sn + "]";
|
|
1281
1281
|
function ga(t, e, n) {
|
|
1282
|
-
var o = ht(t), r = o.on, a = o.off, i = o.bind,
|
|
1282
|
+
var o = ht(t), r = o.on, a = o.off, i = o.bind, s = o.emit, c = n.lazyLoad === "sequential", d = [Le, me], p = [];
|
|
1283
1283
|
function E() {
|
|
1284
1284
|
n.lazyLoad && (x(), r(St, x));
|
|
1285
1285
|
}
|
|
@@ -1288,28 +1288,28 @@ function ga(t, e, n) {
|
|
|
1288
1288
|
}
|
|
1289
1289
|
function m() {
|
|
1290
1290
|
e.Slides.forEach(function(v) {
|
|
1291
|
-
Gn(v.slide, da).forEach(function(
|
|
1292
|
-
var O =
|
|
1293
|
-
if (O !==
|
|
1294
|
-
var C = n.classes.spinner, f =
|
|
1295
|
-
p.push([
|
|
1291
|
+
Gn(v.slide, da).forEach(function(w) {
|
|
1292
|
+
var O = Nt(w, We), z = Nt(w, sn);
|
|
1293
|
+
if (O !== w.src || z !== w.srcset) {
|
|
1294
|
+
var C = n.classes.spinner, f = w.parentElement, A = Ge(f, "." + C) || Se("span", C, f);
|
|
1295
|
+
p.push([w, v, A]), w.src || Pe(w, "none");
|
|
1296
1296
|
}
|
|
1297
1297
|
});
|
|
1298
1298
|
});
|
|
1299
1299
|
}
|
|
1300
1300
|
function u() {
|
|
1301
1301
|
p = p.filter(function(v) {
|
|
1302
|
-
var
|
|
1303
|
-
return v[1].isWithin(t.index,
|
|
1302
|
+
var w = n.perPage * ((n.preloadPages || 1) + 1) - 1;
|
|
1303
|
+
return v[1].isWithin(t.index, w) ? g(v) : !0;
|
|
1304
1304
|
}), p.length || a(d);
|
|
1305
1305
|
}
|
|
1306
1306
|
function g(v) {
|
|
1307
|
-
var
|
|
1308
|
-
Ot(v[1].slide, On), i(
|
|
1307
|
+
var w = v[0];
|
|
1308
|
+
Ot(v[1].slide, On), i(w, "load error", gt(T, v)), tt(w, "src", Nt(w, We)), tt(w, "srcset", Nt(w, sn)), Bt(w, We), Bt(w, sn);
|
|
1309
1309
|
}
|
|
1310
|
-
function
|
|
1311
|
-
var O = v[0],
|
|
1312
|
-
Yt(
|
|
1310
|
+
function T(v, w) {
|
|
1311
|
+
var O = v[0], z = v[1];
|
|
1312
|
+
Yt(z.slide, On), w.type !== "error" && (de(v[2]), Pe(O, ""), s(eo, O, z), s(Te)), c && b();
|
|
1313
1313
|
}
|
|
1314
1314
|
function b() {
|
|
1315
1315
|
p.length && g(p.shift());
|
|
@@ -1321,71 +1321,71 @@ function ga(t, e, n) {
|
|
|
1321
1321
|
};
|
|
1322
1322
|
}
|
|
1323
1323
|
function ma(t, e, n) {
|
|
1324
|
-
var o = ht(t), r = o.on, a = o.emit, i = o.bind,
|
|
1324
|
+
var o = ht(t), r = o.on, a = o.emit, i = o.bind, s = e.Slides, c = e.Elements, d = e.Controller, p = d.hasFocus, E = d.getIndex, x = d.go, m = e.Direction.resolve, u = c.pagination, g = [], T, b;
|
|
1325
1325
|
function v() {
|
|
1326
|
-
|
|
1327
|
-
var
|
|
1328
|
-
u &&
|
|
1329
|
-
list:
|
|
1326
|
+
w(), r([_t, St, gn], v);
|
|
1327
|
+
var P = n.pagination;
|
|
1328
|
+
u && Pe(u, P ? "" : "none"), P && (r([Zt, hn, me], h), O(), h(), a(or, {
|
|
1329
|
+
list: T,
|
|
1330
1330
|
items: g
|
|
1331
1331
|
}, A(t.index)));
|
|
1332
1332
|
}
|
|
1333
|
-
function
|
|
1334
|
-
|
|
1333
|
+
function w() {
|
|
1334
|
+
T && (de(u ? oe(T.children) : T), Yt(T, b), Kt(g), T = null), o.destroy();
|
|
1335
1335
|
}
|
|
1336
1336
|
function O() {
|
|
1337
|
-
var
|
|
1338
|
-
|
|
1337
|
+
var P = t.length, $ = n.classes, N = n.i18n, k = n.perPage, j = p() ? d.getEnd() + 1 : Oe(P / k);
|
|
1338
|
+
T = u || Se("ul", $.pagination, c.track.parentElement), Ot(T, b = Tn + "--" + f()), tt(T, Xt, "tablist"), tt(T, Ft, N.select), tt(T, oo, f() === Cn ? "vertical" : "");
|
|
1339
1339
|
for (var B = 0; B < j; B++) {
|
|
1340
|
-
var
|
|
1341
|
-
class:
|
|
1340
|
+
var y = Se("li", null, T), I = Se("button", {
|
|
1341
|
+
class: $.page,
|
|
1342
1342
|
type: "button"
|
|
1343
|
-
},
|
|
1343
|
+
}, y), R = s.getIn(B).map(function(_) {
|
|
1344
1344
|
return _.slide.id;
|
|
1345
|
-
}), L = !p() && k > 1 ?
|
|
1346
|
-
i(I, "click", gt(
|
|
1347
|
-
li:
|
|
1345
|
+
}), L = !p() && k > 1 ? N.pageX : N.slideX;
|
|
1346
|
+
i(I, "click", gt(z, B)), n.paginationKeyboard && i(I, "keydown", gt(C, B)), tt(y, Xt, "presentation"), tt(I, Xt, "tab"), tt(I, Xe, R.join(" ")), tt(I, Ft, Mn(L, B + 1)), tt(I, xe, -1), g.push({
|
|
1347
|
+
li: y,
|
|
1348
1348
|
button: I,
|
|
1349
1349
|
page: B
|
|
1350
1350
|
});
|
|
1351
1351
|
}
|
|
1352
1352
|
}
|
|
1353
|
-
function
|
|
1354
|
-
x(">" +
|
|
1353
|
+
function z(P) {
|
|
1354
|
+
x(">" + P, !0);
|
|
1355
1355
|
}
|
|
1356
|
-
function C(
|
|
1357
|
-
var
|
|
1358
|
-
k === m(xn, !1, j) ? B = ++
|
|
1359
|
-
var
|
|
1360
|
-
|
|
1356
|
+
function C(P, $) {
|
|
1357
|
+
var N = g.length, k = ao($), j = f(), B = -1;
|
|
1358
|
+
k === m(xn, !1, j) ? B = ++P % N : k === m(Sn, !1, j) ? B = (--P + N) % N : k === "Home" ? B = 0 : k === "End" && (B = N - 1);
|
|
1359
|
+
var y = g[B];
|
|
1360
|
+
y && (Do(y.button), x(">" + B), qt($, !0));
|
|
1361
1361
|
}
|
|
1362
1362
|
function f() {
|
|
1363
1363
|
return n.paginationDirection || n.direction;
|
|
1364
1364
|
}
|
|
1365
|
-
function A(
|
|
1366
|
-
return g[d.toPage(
|
|
1365
|
+
function A(P) {
|
|
1366
|
+
return g[d.toPage(P)];
|
|
1367
1367
|
}
|
|
1368
|
-
function
|
|
1369
|
-
var
|
|
1370
|
-
if (
|
|
1371
|
-
var
|
|
1372
|
-
Yt(
|
|
1368
|
+
function h() {
|
|
1369
|
+
var P = A(E(!0)), $ = A(E());
|
|
1370
|
+
if (P) {
|
|
1371
|
+
var N = P.button;
|
|
1372
|
+
Yt(N, ge), Bt(N, So), tt(N, xe, -1);
|
|
1373
1373
|
}
|
|
1374
|
-
if (
|
|
1375
|
-
var k =
|
|
1374
|
+
if ($) {
|
|
1375
|
+
var k = $.button;
|
|
1376
1376
|
Ot(k, ge), tt(k, So, !0), tt(k, xe, "");
|
|
1377
1377
|
}
|
|
1378
1378
|
a(rr, {
|
|
1379
|
-
list:
|
|
1379
|
+
list: T,
|
|
1380
1380
|
items: g
|
|
1381
|
-
},
|
|
1381
|
+
}, P, $);
|
|
1382
1382
|
}
|
|
1383
1383
|
return {
|
|
1384
1384
|
items: g,
|
|
1385
1385
|
mount: v,
|
|
1386
|
-
destroy:
|
|
1386
|
+
destroy: w,
|
|
1387
1387
|
getAt: A,
|
|
1388
|
-
update:
|
|
1388
|
+
update: h
|
|
1389
1389
|
};
|
|
1390
1390
|
}
|
|
1391
1391
|
var fa = [" ", "Enter"];
|
|
@@ -1396,19 +1396,19 @@ function ya(t, e, n) {
|
|
|
1396
1396
|
u.isParent || (d(t, u.splide), d(u.splide, t));
|
|
1397
1397
|
}), o && p();
|
|
1398
1398
|
}
|
|
1399
|
-
function
|
|
1399
|
+
function s() {
|
|
1400
1400
|
a.forEach(function(u) {
|
|
1401
1401
|
u.destroy();
|
|
1402
1402
|
}), Kt(a);
|
|
1403
1403
|
}
|
|
1404
1404
|
function c() {
|
|
1405
|
-
|
|
1405
|
+
s(), i();
|
|
1406
1406
|
}
|
|
1407
1407
|
function d(u, g) {
|
|
1408
|
-
var
|
|
1409
|
-
|
|
1410
|
-
g.go(g.is(Ee) ?
|
|
1411
|
-
}), a.push(
|
|
1408
|
+
var T = ht(u);
|
|
1409
|
+
T.on(Zt, function(b, v, w) {
|
|
1410
|
+
g.go(g.is(Ee) ? w : b);
|
|
1411
|
+
}), a.push(T);
|
|
1412
1412
|
}
|
|
1413
1413
|
function p() {
|
|
1414
1414
|
var u = ht(t), g = u.on;
|
|
@@ -1428,16 +1428,16 @@ function ya(t, e, n) {
|
|
|
1428
1428
|
slideFocus: je(r) ? o : r
|
|
1429
1429
|
}, !0),
|
|
1430
1430
|
mount: i,
|
|
1431
|
-
destroy:
|
|
1431
|
+
destroy: s,
|
|
1432
1432
|
remount: c
|
|
1433
1433
|
};
|
|
1434
1434
|
}
|
|
1435
1435
|
function ha(t, e, n) {
|
|
1436
1436
|
var o = ht(t), r = o.bind, a = 0;
|
|
1437
1437
|
function i() {
|
|
1438
|
-
n.wheel && r(e.Elements.track, "wheel",
|
|
1438
|
+
n.wheel && r(e.Elements.track, "wheel", s, ve);
|
|
1439
1439
|
}
|
|
1440
|
-
function
|
|
1440
|
+
function s(d) {
|
|
1441
1441
|
if (d.cancelable) {
|
|
1442
1442
|
var p = d.deltaY, E = p < 0, x = zn(d), m = n.wheelMinThreshold || 0, u = n.wheelSleep || 0;
|
|
1443
1443
|
At(p) > m && x - a > u && (t.go(E ? "<" : ">"), a = x), c(E) && qt(d);
|
|
@@ -1452,15 +1452,15 @@ function ha(t, e, n) {
|
|
|
1452
1452
|
}
|
|
1453
1453
|
var va = 90;
|
|
1454
1454
|
function ba(t, e, n) {
|
|
1455
|
-
var o = ht(t), r = o.on, a = e.Elements.track, i = n.live && !n.isNavigation,
|
|
1455
|
+
var o = ht(t), r = o.on, a = e.Elements.track, i = n.live && !n.isNavigation, s = Se("span", Mi), c = vn(va, gt(p, !1));
|
|
1456
1456
|
function d() {
|
|
1457
|
-
i && (x(!e.Autoplay.isPaused()), tt(a, wo, !0),
|
|
1457
|
+
i && (x(!e.Autoplay.isPaused()), tt(a, wo, !0), s.textContent = "…", r(Qn, gt(x, !0)), r(to, gt(x, !1)), r([Le, me], gt(p, !0)));
|
|
1458
1458
|
}
|
|
1459
1459
|
function p(m) {
|
|
1460
|
-
tt(a, Co, m), m ? (qe(a,
|
|
1460
|
+
tt(a, Co, m), m ? (qe(a, s), c.start()) : (de(s), c.cancel());
|
|
1461
1461
|
}
|
|
1462
1462
|
function E() {
|
|
1463
|
-
Bt(a, [xo, wo, Co]), de(
|
|
1463
|
+
Bt(a, [xo, wo, Co]), de(s);
|
|
1464
1464
|
}
|
|
1465
1465
|
function x(m) {
|
|
1466
1466
|
i && tt(a, xo, m ? "off" : "polite");
|
|
@@ -1538,12 +1538,12 @@ function wa(t, e, n) {
|
|
|
1538
1538
|
ht(t).on([re, St], a);
|
|
1539
1539
|
}
|
|
1540
1540
|
function a() {
|
|
1541
|
-
o.forEach(function(
|
|
1542
|
-
|
|
1541
|
+
o.forEach(function(s) {
|
|
1542
|
+
s.style("transform", "translateX(-" + 100 * s.index + "%)");
|
|
1543
1543
|
});
|
|
1544
1544
|
}
|
|
1545
|
-
function i(
|
|
1546
|
-
o.style("transition", "opacity " + n.speed + "ms " + n.easing),
|
|
1545
|
+
function i(s, c) {
|
|
1546
|
+
o.style("transition", "opacity " + n.speed + "ms " + n.easing), Po(c);
|
|
1547
1547
|
}
|
|
1548
1548
|
return {
|
|
1549
1549
|
mount: r,
|
|
@@ -1552,24 +1552,24 @@ function wa(t, e, n) {
|
|
|
1552
1552
|
};
|
|
1553
1553
|
}
|
|
1554
1554
|
function $a(t, e, n) {
|
|
1555
|
-
var o = e.Move, r = e.Controller, a = e.Scroll, i = e.Elements.list,
|
|
1555
|
+
var o = e.Move, r = e.Controller, a = e.Scroll, i = e.Elements.list, s = gt(zt, i, "transition"), c;
|
|
1556
1556
|
function d() {
|
|
1557
1557
|
ht(t).bind(i, "transitionend", function(m) {
|
|
1558
1558
|
m.target === i && c && (E(), c());
|
|
1559
1559
|
});
|
|
1560
1560
|
}
|
|
1561
1561
|
function p(m, u) {
|
|
1562
|
-
var g = o.toPosition(m, !0),
|
|
1563
|
-
At(g -
|
|
1562
|
+
var g = o.toPosition(m, !0), T = o.getPosition(), b = x(m);
|
|
1563
|
+
At(g - T) >= 1 && b >= 1 ? n.useScroll ? a.scroll(g, b, !1, u) : (s("transform " + b + "ms " + n.easing), o.translate(g, !0), c = u) : (o.jump(m), u());
|
|
1564
1564
|
}
|
|
1565
1565
|
function E() {
|
|
1566
|
-
|
|
1566
|
+
s(""), a.cancel();
|
|
1567
1567
|
}
|
|
1568
1568
|
function x(m) {
|
|
1569
1569
|
var u = n.rewindSpeed;
|
|
1570
1570
|
if (t.is(_e) && u) {
|
|
1571
|
-
var g = r.getIndex(!0),
|
|
1572
|
-
if (g === 0 && m >=
|
|
1571
|
+
var g = r.getIndex(!0), T = r.getEnd();
|
|
1572
|
+
if (g === 0 && m >= T || g >= T && m === 0)
|
|
1573
1573
|
return u;
|
|
1574
1574
|
}
|
|
1575
1575
|
return n.speed;
|
|
@@ -1585,11 +1585,11 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1585
1585
|
this.event = ht(), this.Components = {}, this.state = _i(be), this.splides = [], this._o = {}, this._E = {};
|
|
1586
1586
|
var r = ee(n) ? Uo(document, n) : n;
|
|
1587
1587
|
Re(r, r + " is invalid."), this.root = r, o = Qt({
|
|
1588
|
-
label:
|
|
1589
|
-
labelledby:
|
|
1588
|
+
label: Nt(r, Ft) || "",
|
|
1589
|
+
labelledby: Nt(r, no) || ""
|
|
1590
1590
|
}, Ca, t.defaults, o || {});
|
|
1591
1591
|
try {
|
|
1592
|
-
Qt(o, JSON.parse(
|
|
1592
|
+
Qt(o, JSON.parse(Nt(r, Yn)));
|
|
1593
1593
|
} catch {
|
|
1594
1594
|
Re(!1, "Invalid JSON");
|
|
1595
1595
|
}
|
|
@@ -1597,17 +1597,17 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1597
1597
|
}
|
|
1598
1598
|
var e = t.prototype;
|
|
1599
1599
|
return e.mount = function(o, r) {
|
|
1600
|
-
var a = this, i = this.state,
|
|
1601
|
-
Re(i.is([be, pn]), "Already mounted!"), i.set(be), this._C =
|
|
1602
|
-
var c =
|
|
1600
|
+
var a = this, i = this.state, s = this.Components;
|
|
1601
|
+
Re(i.is([be, pn]), "Already mounted!"), i.set(be), this._C = s, this._T = r || this._T || (this.is(Ke) ? wa : $a), this._E = o || this._E;
|
|
1602
|
+
var c = He({}, Sa, this._E, {
|
|
1603
1603
|
Transition: this._T
|
|
1604
1604
|
});
|
|
1605
1605
|
return pe(c, function(d, p) {
|
|
1606
|
-
var E = d(a,
|
|
1607
|
-
|
|
1608
|
-
}), pe(
|
|
1606
|
+
var E = d(a, s, a._o);
|
|
1607
|
+
s[p] = E, E.setup && E.setup();
|
|
1608
|
+
}), pe(s, function(d) {
|
|
1609
1609
|
d.mount && d.mount();
|
|
1610
|
-
}), this.emit(re), Ot(this.root,
|
|
1610
|
+
}), this.emit(re), Ot(this.root, Hi), i.set($e), this.emit(Hn), this;
|
|
1611
1611
|
}, e.sync = function(o) {
|
|
1612
1612
|
return this.splides.push({
|
|
1613
1613
|
splide: o
|
|
@@ -1635,7 +1635,7 @@ var Ta = /* @__PURE__ */ (function() {
|
|
|
1635
1635
|
}, e.destroy = function(o) {
|
|
1636
1636
|
o === void 0 && (o = !0);
|
|
1637
1637
|
var r = this.event, a = this.state;
|
|
1638
|
-
return a.is(be) ? ht(this).on(
|
|
1638
|
+
return a.is(be) ? ht(this).on(Hn, this.destroy.bind(this, o)) : (pe(this._C, function(i) {
|
|
1639
1639
|
i.destroy && i.destroy(o);
|
|
1640
1640
|
}, !0), r.emit(Zn), r.destroy(), o && Kt(this.splides), a.set(pn)), this;
|
|
1641
1641
|
}, xi(t, [{
|
|
@@ -1662,7 +1662,7 @@ lo.defaults = {};
|
|
|
1662
1662
|
lo.STATES = wi;
|
|
1663
1663
|
var Ao = [
|
|
1664
1664
|
[re, "onMounted"],
|
|
1665
|
-
[
|
|
1665
|
+
[Hn, "onReady"],
|
|
1666
1666
|
[Zt, "onMove"],
|
|
1667
1667
|
[Le, "onMoved"],
|
|
1668
1668
|
[Kn, "onClick"],
|
|
@@ -1829,8 +1829,8 @@ const Ia = "SvgImage-module__svg___q3xE-", Ra = "SvgImage-module__img___VsTm-",
|
|
|
1829
1829
|
const [a, i] = ct(() => typeof window > "u" ? !0 : CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")'));
|
|
1830
1830
|
return Tt(() => {
|
|
1831
1831
|
if (typeof window < "u" && window.CSS) {
|
|
1832
|
-
const
|
|
1833
|
-
i(
|
|
1832
|
+
const s = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
|
|
1833
|
+
i(s);
|
|
1834
1834
|
}
|
|
1835
1835
|
}, []), !Wa(t) || !a ? /* @__PURE__ */ S("img", { src: t, alt: "", className: ft(Lo.img, o), style: r }) : /* @__PURE__ */ S(
|
|
1836
1836
|
"span",
|
|
@@ -1845,24 +1845,24 @@ const Ia = "SvgImage-module__svg___q3xE-", Ra = "SvgImage-module__img___VsTm-",
|
|
|
1845
1845
|
}
|
|
1846
1846
|
}
|
|
1847
1847
|
);
|
|
1848
|
-
},
|
|
1849
|
-
"top-left":
|
|
1850
|
-
"top-center":
|
|
1851
|
-
"top-right":
|
|
1852
|
-
"middle-left":
|
|
1853
|
-
"middle-center":
|
|
1854
|
-
"middle-right":
|
|
1855
|
-
"bottom-left":
|
|
1856
|
-
"bottom-center":
|
|
1857
|
-
"bottom-right":
|
|
1848
|
+
}, Na = {
|
|
1849
|
+
"top-left": X.topLeftAlignment,
|
|
1850
|
+
"top-center": X.topCenterAlignment,
|
|
1851
|
+
"top-right": X.topRightAlignment,
|
|
1852
|
+
"middle-left": X.middleLeftAlignment,
|
|
1853
|
+
"middle-center": X.middleCenterAlignment,
|
|
1854
|
+
"middle-right": X.middleRightAlignment,
|
|
1855
|
+
"bottom-left": X.bottomLeftAlignment,
|
|
1856
|
+
"bottom-center": X.bottomCenterAlignment,
|
|
1857
|
+
"bottom-right": X.bottomRightAlignment
|
|
1858
1858
|
};
|
|
1859
|
-
function
|
|
1860
|
-
const [r, a] = ct(null), { widthSettings: i, fontSettings:
|
|
1861
|
-
r && r.go(
|
|
1859
|
+
function Ma({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
1860
|
+
const [r, a] = ct(null), { widthSettings: i, fontSettings: s, letterSpacing: c, textAlign: d, wordSpacing: p, fontSizeLineHeight: E, textAppearance: x, color: m } = n.imageCaption, [u, g] = ct(void 0), [T, b] = ct(null), [v, w] = ct(0), [O, z] = ct(0), { direction: C, transition: f, controls: A, pagination: h, imageCaption: P, triggers: $ } = t, N = bt(f.type), { x: k, y: j } = t.controls.offset, B = (y) => {
|
|
1861
|
+
r && r.go(y);
|
|
1862
1862
|
};
|
|
1863
1863
|
return Tt(() => {
|
|
1864
|
-
if (!
|
|
1865
|
-
const
|
|
1864
|
+
if (!T) return;
|
|
1865
|
+
const y = new ResizeObserver((I) => {
|
|
1866
1866
|
if (!r) return;
|
|
1867
1867
|
const [R] = I;
|
|
1868
1868
|
g({
|
|
@@ -1870,13 +1870,13 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1870
1870
|
height: Math.round(R.contentRect.height)
|
|
1871
1871
|
});
|
|
1872
1872
|
});
|
|
1873
|
-
return
|
|
1874
|
-
}, [
|
|
1875
|
-
!r ||
|
|
1876
|
-
}, [f.type]), /* @__PURE__ */ S("div", { className: ft(
|
|
1873
|
+
return y.observe(T), () => y.unobserve(T);
|
|
1874
|
+
}, [T]), Tt(() => {
|
|
1875
|
+
!r || N.current === f.type || (z((y) => y + 1), N.current = f.type);
|
|
1876
|
+
}, [f.type]), /* @__PURE__ */ S("div", { className: ft(X.wrapper, { [X.editor]: o }), ref: b, children: /* @__PURE__ */ dt(
|
|
1877
1877
|
"div",
|
|
1878
1878
|
{
|
|
1879
|
-
className:
|
|
1879
|
+
className: X.sliderInner,
|
|
1880
1880
|
style: {
|
|
1881
1881
|
width: u ? u.width : "100%",
|
|
1882
1882
|
height: u ? u.height : "100%",
|
|
@@ -1886,22 +1886,22 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1886
1886
|
t.imageCaption.isActive && /* @__PURE__ */ S(
|
|
1887
1887
|
"div",
|
|
1888
1888
|
{
|
|
1889
|
-
className: ft(
|
|
1889
|
+
className: ft(X.captionBlock),
|
|
1890
1890
|
children: /* @__PURE__ */ S(
|
|
1891
1891
|
"div",
|
|
1892
1892
|
{
|
|
1893
|
-
className:
|
|
1894
|
-
children: e.map((
|
|
1893
|
+
className: X.captionTextWrapper,
|
|
1894
|
+
children: e.map((y, I) => /* @__PURE__ */ S(
|
|
1895
1895
|
"div",
|
|
1896
1896
|
{
|
|
1897
|
-
className: ft(
|
|
1898
|
-
[
|
|
1899
|
-
[
|
|
1897
|
+
className: ft(X.captionText, Na[P.alignment], {
|
|
1898
|
+
[X.withPointerEvents]: I === v && o,
|
|
1899
|
+
[X.active]: I === v
|
|
1900
1900
|
}),
|
|
1901
1901
|
style: {
|
|
1902
|
-
fontFamily:
|
|
1903
|
-
fontWeight:
|
|
1904
|
-
fontStyle:
|
|
1902
|
+
fontFamily: s.fontFamily,
|
|
1903
|
+
fontWeight: s.fontWeight,
|
|
1904
|
+
fontStyle: s.fontStyle,
|
|
1905
1905
|
width: i.sizing === "auto" ? "max-content" : F(i.width, o),
|
|
1906
1906
|
letterSpacing: F(c, o),
|
|
1907
1907
|
wordSpacing: F(p, o),
|
|
@@ -1918,15 +1918,15 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1918
1918
|
"div",
|
|
1919
1919
|
{
|
|
1920
1920
|
"data-styles": "imageCaption",
|
|
1921
|
-
className:
|
|
1921
|
+
className: X.captionTextInner,
|
|
1922
1922
|
style: {
|
|
1923
|
-
"--link-hover-color":
|
|
1924
|
-
"--link-color":
|
|
1923
|
+
"--link-hover-color": P.linkHoverColor,
|
|
1924
|
+
"--link-color": P.linkColor,
|
|
1925
1925
|
position: "relative",
|
|
1926
|
-
top: F(
|
|
1927
|
-
left: F(
|
|
1926
|
+
top: F(P.offset.y, o),
|
|
1927
|
+
left: F(P.offset.x, o)
|
|
1928
1928
|
},
|
|
1929
|
-
children: /* @__PURE__ */ S(Ve, { content:
|
|
1929
|
+
children: /* @__PURE__ */ S(Ve, { content: y.imageCaption })
|
|
1930
1930
|
}
|
|
1931
1931
|
)
|
|
1932
1932
|
},
|
|
@@ -1939,43 +1939,43 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1939
1939
|
/* @__PURE__ */ S(
|
|
1940
1940
|
xr,
|
|
1941
1941
|
{
|
|
1942
|
-
onMove: (
|
|
1943
|
-
|
|
1942
|
+
onMove: (y) => {
|
|
1943
|
+
w(y.index);
|
|
1944
1944
|
},
|
|
1945
1945
|
ref: a,
|
|
1946
1946
|
options: {
|
|
1947
1947
|
arrows: !1,
|
|
1948
1948
|
speed: f.duration ? parseInt(f.duration) : 500,
|
|
1949
|
-
autoplay:
|
|
1950
|
-
|
|
1951
|
-
interval: parseInt(
|
|
1949
|
+
autoplay: $.autoPlay !== null,
|
|
1950
|
+
...$.autoPlay !== null && {
|
|
1951
|
+
interval: parseInt($.autoPlay) * 1e3
|
|
1952
1952
|
},
|
|
1953
1953
|
direction: C === "horiz" || f.type === "fade in" ? "ltr" : "ttb",
|
|
1954
1954
|
pagination: !1,
|
|
1955
|
-
drag:
|
|
1955
|
+
drag: $.triggersList.drag,
|
|
1956
1956
|
perPage: 1,
|
|
1957
1957
|
width: u ? u.width : "100%",
|
|
1958
1958
|
height: u ? u.height : "100%",
|
|
1959
1959
|
type: f.type === "fade in" ? "fade" : "loop",
|
|
1960
1960
|
rewind: !0
|
|
1961
1961
|
},
|
|
1962
|
-
children: e.map((
|
|
1962
|
+
children: e.map((y, I) => /* @__PURE__ */ S(Cr, { children: /* @__PURE__ */ S(
|
|
1963
1963
|
"div",
|
|
1964
1964
|
{
|
|
1965
|
-
className:
|
|
1965
|
+
className: X.sliderItem,
|
|
1966
1966
|
children: /* @__PURE__ */ S(
|
|
1967
1967
|
"div",
|
|
1968
1968
|
{
|
|
1969
|
-
className:
|
|
1969
|
+
className: X.imgWrapper,
|
|
1970
1970
|
children: /* @__PURE__ */ S(
|
|
1971
1971
|
"img",
|
|
1972
1972
|
{
|
|
1973
|
-
className: ft(
|
|
1974
|
-
[
|
|
1975
|
-
[
|
|
1973
|
+
className: ft(X.sliderImage, {
|
|
1974
|
+
[X.contain]: y.image.objectFit === "contain",
|
|
1975
|
+
[X.cover]: y.image.objectFit === "cover"
|
|
1976
1976
|
}),
|
|
1977
|
-
src:
|
|
1978
|
-
alt:
|
|
1977
|
+
src: y.image.url,
|
|
1978
|
+
alt: y.image.name ?? ""
|
|
1979
1979
|
}
|
|
1980
1980
|
)
|
|
1981
1981
|
}
|
|
@@ -1989,9 +1989,9 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1989
1989
|
/* @__PURE__ */ S(
|
|
1990
1990
|
"div",
|
|
1991
1991
|
{
|
|
1992
|
-
className: ft(
|
|
1993
|
-
[
|
|
1994
|
-
[
|
|
1992
|
+
className: ft(X.arrow, {
|
|
1993
|
+
[X.arrowVertical]: C === "vert",
|
|
1994
|
+
[X.hoverArrow]: A.show === "on hover"
|
|
1995
1995
|
}),
|
|
1996
1996
|
style: {
|
|
1997
1997
|
color: A.color,
|
|
@@ -2003,7 +2003,7 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2003
2003
|
onClick: () => {
|
|
2004
2004
|
B("-1");
|
|
2005
2005
|
},
|
|
2006
|
-
className:
|
|
2006
|
+
className: X.arrowInner,
|
|
2007
2007
|
style: {
|
|
2008
2008
|
transform: `translate(${F(k, o)}, ${F(j * (C === "horiz" ? 1 : -1), o)}) scale(${t.controls.scale / 100}) rotate(${C === "horiz" ? "0deg" : "90deg"})`
|
|
2009
2009
|
},
|
|
@@ -2014,10 +2014,10 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2014
2014
|
url: A.arrowsImgUrl,
|
|
2015
2015
|
fill: A.color,
|
|
2016
2016
|
hoverFill: A.hover,
|
|
2017
|
-
className: ft(
|
|
2017
|
+
className: ft(X.arrowImg, X.mirror)
|
|
2018
2018
|
}
|
|
2019
2019
|
),
|
|
2020
|
-
!A.arrowsImgUrl && /* @__PURE__ */ S(Eo, { color: A.color, className: ft(
|
|
2020
|
+
!A.arrowsImgUrl && /* @__PURE__ */ S(Eo, { color: A.color, className: ft(X.arrowIcon, X.arrowImg, X.mirror) })
|
|
2021
2021
|
]
|
|
2022
2022
|
}
|
|
2023
2023
|
)
|
|
@@ -2026,9 +2026,9 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2026
2026
|
/* @__PURE__ */ S(
|
|
2027
2027
|
"div",
|
|
2028
2028
|
{
|
|
2029
|
-
className: ft(
|
|
2030
|
-
[
|
|
2031
|
-
[
|
|
2029
|
+
className: ft(X.arrow, X.nextArrow, {
|
|
2030
|
+
[X.arrowVertical]: C === "vert",
|
|
2031
|
+
[X.hoverArrow]: A.show === "on hover"
|
|
2032
2032
|
}),
|
|
2033
2033
|
style: {
|
|
2034
2034
|
color: A.color,
|
|
@@ -2037,7 +2037,7 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2037
2037
|
children: /* @__PURE__ */ dt(
|
|
2038
2038
|
"button",
|
|
2039
2039
|
{
|
|
2040
|
-
className:
|
|
2040
|
+
className: X.arrowInner,
|
|
2041
2041
|
onClick: () => B("+1"),
|
|
2042
2042
|
style: {
|
|
2043
2043
|
transform: `translate(${F(k * (C === "horiz" ? -1 : 1), o)}, ${F(j, o)}) scale(${t.controls.scale / 100}) rotate(${C === "horiz" ? "0deg" : "90deg"})`
|
|
@@ -2049,63 +2049,63 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2049
2049
|
url: A.arrowsImgUrl,
|
|
2050
2050
|
fill: A.color,
|
|
2051
2051
|
hoverFill: A.hover,
|
|
2052
|
-
className:
|
|
2052
|
+
className: X.arrowImg
|
|
2053
2053
|
}
|
|
2054
2054
|
),
|
|
2055
|
-
!A.arrowsImgUrl && /* @__PURE__ */ S(Eo, { color: A.color, className: ft(
|
|
2055
|
+
!A.arrowsImgUrl && /* @__PURE__ */ S(Eo, { color: A.color, className: ft(X.arrowIcon, X.arrowImg) })
|
|
2056
2056
|
]
|
|
2057
2057
|
}
|
|
2058
2058
|
)
|
|
2059
2059
|
}
|
|
2060
2060
|
)
|
|
2061
2061
|
] }),
|
|
2062
|
-
|
|
2062
|
+
$.triggersList.click && /* @__PURE__ */ S(
|
|
2063
2063
|
"div",
|
|
2064
2064
|
{
|
|
2065
|
-
className:
|
|
2065
|
+
className: X.clickOverlay,
|
|
2066
2066
|
onClick: () => {
|
|
2067
2067
|
r && r.go("+1");
|
|
2068
2068
|
}
|
|
2069
2069
|
}
|
|
2070
2070
|
),
|
|
2071
|
-
|
|
2071
|
+
h.isActive && /* @__PURE__ */ S(
|
|
2072
2072
|
"div",
|
|
2073
2073
|
{
|
|
2074
|
-
className: ft(
|
|
2075
|
-
[
|
|
2076
|
-
[
|
|
2077
|
-
[
|
|
2078
|
-
[
|
|
2079
|
-
[
|
|
2080
|
-
[
|
|
2081
|
-
[
|
|
2082
|
-
[
|
|
2083
|
-
[
|
|
2074
|
+
className: ft(X.pagination, {
|
|
2075
|
+
[X.paginationInsideBottom]: h.position === "inside-1" && C === "horiz",
|
|
2076
|
+
[X.paginationInsideTop]: h.position === "inside-2" && C === "horiz",
|
|
2077
|
+
[X.paginationOutsideBottom]: h.position === "outside-1" && C === "horiz",
|
|
2078
|
+
[X.paginationOutsideTop]: h.position === "outside-2" && C === "horiz",
|
|
2079
|
+
[X.paginationInsideLeft]: h.position === "inside-1" && C === "vert",
|
|
2080
|
+
[X.paginationInsideRight]: h.position === "inside-2" && C === "vert",
|
|
2081
|
+
[X.paginationOutsideLeft]: h.position === "outside-1" && C === "vert",
|
|
2082
|
+
[X.paginationOutsideRight]: h.position === "outside-2" && C === "vert",
|
|
2083
|
+
[X.paginationVertical]: C === "vert"
|
|
2084
2084
|
}),
|
|
2085
2085
|
children: /* @__PURE__ */ S(
|
|
2086
2086
|
"div",
|
|
2087
2087
|
{
|
|
2088
|
-
className:
|
|
2088
|
+
className: X.paginationInner,
|
|
2089
2089
|
style: {
|
|
2090
|
-
backgroundColor:
|
|
2091
|
-
transform: `scale(${
|
|
2090
|
+
backgroundColor: h.colors[2],
|
|
2091
|
+
transform: `scale(${h.scale / 100}) translate(${F(h.offset.x, o)}, ${F(h.offset.y, o)}) rotate(${C === "horiz" ? "0deg" : "90deg"})`
|
|
2092
2092
|
},
|
|
2093
|
-
children: e.map((
|
|
2093
|
+
children: e.map((y, I) => /* @__PURE__ */ S(
|
|
2094
2094
|
"button",
|
|
2095
2095
|
{
|
|
2096
2096
|
onClick: () => {
|
|
2097
2097
|
r && r.go(I);
|
|
2098
2098
|
},
|
|
2099
|
-
className: ft(
|
|
2099
|
+
className: ft(X.paginationItem),
|
|
2100
2100
|
children: /* @__PURE__ */ S(
|
|
2101
2101
|
"div",
|
|
2102
2102
|
{
|
|
2103
|
-
className: ft(
|
|
2104
|
-
[
|
|
2103
|
+
className: ft(X.dot, {
|
|
2104
|
+
[X.activeDot]: I === v
|
|
2105
2105
|
}),
|
|
2106
2106
|
style: {
|
|
2107
|
-
backgroundColor: I === v ?
|
|
2108
|
-
"--pagination-hover-color":
|
|
2107
|
+
backgroundColor: I === v ? h.colors[0] : h.colors[1],
|
|
2108
|
+
"--pagination-hover-color": h.hover
|
|
2109
2109
|
}
|
|
2110
2110
|
}
|
|
2111
2111
|
)
|
|
@@ -2123,8 +2123,8 @@ function Na({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2123
2123
|
function Eo({ color: t, className: e }) {
|
|
2124
2124
|
return /* @__PURE__ */ S("svg", { viewBox: "0 0 10 18", className: e, children: /* @__PURE__ */ S("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ S("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: t, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
2125
2125
|
}
|
|
2126
|
-
const
|
|
2127
|
-
element:
|
|
2126
|
+
const Ha = {
|
|
2127
|
+
element: Ma,
|
|
2128
2128
|
id: "control-slider",
|
|
2129
2129
|
name: "Slider",
|
|
2130
2130
|
preview: {
|
|
@@ -2726,8 +2726,8 @@ const Pa = {
|
|
|
2726
2726
|
},
|
|
2727
2727
|
required: ["settings", "content", "styles"]
|
|
2728
2728
|
}
|
|
2729
|
-
},
|
|
2730
|
-
imageRevealSlider:
|
|
2729
|
+
}, Pa = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", Oa = "ImageRevealSlider-module__image___Qjt-e", Ba = "ImageRevealSlider-module__link___N-iLG", Va = "ImageRevealSlider-module__cursor___2U03d", ye = {
|
|
2730
|
+
imageRevealSlider: Pa,
|
|
2731
2731
|
image: Oa,
|
|
2732
2732
|
link: Ba,
|
|
2733
2733
|
cursor: Va
|
|
@@ -2736,8 +2736,8 @@ function Fo(t, e, n) {
|
|
|
2736
2736
|
for (const o of n) {
|
|
2737
2737
|
const r = new Image();
|
|
2738
2738
|
r.src = o.url;
|
|
2739
|
-
const a = o.width ? Number.parseFloat(o.width) : r.naturalWidth, i = r.naturalHeight / r.naturalWidth * a,
|
|
2740
|
-
if (t >= o.x -
|
|
2739
|
+
const a = o.width ? Number.parseFloat(o.width) : r.naturalWidth, i = r.naturalHeight / r.naturalWidth * a, s = a / 2, c = i / 2;
|
|
2740
|
+
if (t >= o.x - s && t <= o.x + s && e >= o.y - c && e <= o.y + c)
|
|
2741
2741
|
return !0;
|
|
2742
2742
|
}
|
|
2743
2743
|
return !1;
|
|
@@ -2767,26 +2767,26 @@ async function Da(t, e, n, o) {
|
|
|
2767
2767
|
return { width: r, height: a, finalWidth: `${r}px` };
|
|
2768
2768
|
}
|
|
2769
2769
|
function ja({ settings: t, content: e, isEditor: n }) {
|
|
2770
|
-
const [o, r] = ct(null), [a, i] = ct([]), [
|
|
2770
|
+
const [o, r] = ct(null), [a, i] = ct([]), [s, c] = ct(0), d = bt(0), [p, E] = ct({ x: 0, y: 0 }), [x, m] = ct(1), [u, g] = ct("none"), T = bt({ x: 0, y: 0 }), [b, v] = ct(!1), { sizeType: w, imageWidth: O, randomRangeImageWidth: z } = t.imageSize, { revealPosition: C, visible: f } = t.position, { cursorType: A, target: h, defaultCursorScale: P, defaultCursor: $, hoverCursorScale: N, hoverCursor: k } = t.cursor;
|
|
2771
2771
|
Tt(() => {
|
|
2772
2772
|
if (!o) return;
|
|
2773
|
-
const
|
|
2774
|
-
const
|
|
2773
|
+
const y = (L, _) => {
|
|
2774
|
+
const W = o.getBoundingClientRect(), Y = L - W.left, ot = _ - W.top;
|
|
2775
2775
|
if (E({ x: Y, y: ot }), A === "system") {
|
|
2776
2776
|
g("none"), m(1);
|
|
2777
2777
|
return;
|
|
2778
2778
|
}
|
|
2779
|
-
const nt = Y, at = ot,
|
|
2780
|
-
if (
|
|
2779
|
+
const nt = Y, at = ot, M = document.elementFromPoint(W.left + nt, W.top + at);
|
|
2780
|
+
if (M && M.closest("a")) {
|
|
2781
2781
|
g("none"), m(1);
|
|
2782
2782
|
return;
|
|
2783
2783
|
}
|
|
2784
|
-
const J = Fo(nt, at, a) ||
|
|
2784
|
+
const J = Fo(nt, at, a) || h === "area" ? { img: k ?? "none", scale: N } : { img: $ ?? "none", scale: P };
|
|
2785
2785
|
g(J.img), m(J.scale);
|
|
2786
2786
|
}, I = (L) => {
|
|
2787
|
-
L.stopPropagation(),
|
|
2787
|
+
L.stopPropagation(), T.current = { x: L.clientX, y: L.clientY }, y(L.clientX, L.clientY);
|
|
2788
2788
|
}, R = () => {
|
|
2789
|
-
b &&
|
|
2789
|
+
b && y(T.current.x, T.current.y);
|
|
2790
2790
|
};
|
|
2791
2791
|
return o.addEventListener("mousemove", I), window.addEventListener("scroll", R, !0), () => {
|
|
2792
2792
|
o.removeEventListener("mousemove", I), window.removeEventListener("scroll", R, !0);
|
|
@@ -2796,55 +2796,55 @@ function ja({ settings: t, content: e, isEditor: n }) {
|
|
|
2796
2796
|
b,
|
|
2797
2797
|
p,
|
|
2798
2798
|
A,
|
|
2799
|
-
|
|
2799
|
+
h,
|
|
2800
2800
|
k,
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2801
|
+
$,
|
|
2802
|
+
N,
|
|
2803
|
+
P,
|
|
2804
2804
|
a
|
|
2805
2805
|
]), Tt(() => {
|
|
2806
2806
|
b || (g("none"), m(0));
|
|
2807
2807
|
}, [b]);
|
|
2808
|
-
const j = async (
|
|
2809
|
-
const { width: _, height:
|
|
2810
|
-
|
|
2811
|
-
|
|
2808
|
+
const j = async (y, I, R, L = {}) => {
|
|
2809
|
+
const { width: _, height: W, finalWidth: Y } = await Da(
|
|
2810
|
+
y.image.url,
|
|
2811
|
+
w,
|
|
2812
2812
|
O,
|
|
2813
|
-
|
|
2813
|
+
z
|
|
2814
2814
|
);
|
|
2815
2815
|
let ot = 0, nt = 0;
|
|
2816
2816
|
C === "same" ? (ot = I / 2, nt = R / 2) : (ot = L.x ?? Math.random() * I, nt = L.y ?? Math.random() * R);
|
|
2817
|
-
const at = Math.min(Math.max(ot, _ / 2), I - _ / 2),
|
|
2817
|
+
const at = Math.min(Math.max(ot, _ / 2), I - _ / 2), M = Math.min(Math.max(nt, W / 2), R - W / 2);
|
|
2818
2818
|
return {
|
|
2819
2819
|
id: d.current++,
|
|
2820
|
-
url:
|
|
2821
|
-
link:
|
|
2822
|
-
name:
|
|
2820
|
+
url: y.image.url,
|
|
2821
|
+
link: y.link,
|
|
2822
|
+
name: y.image.name,
|
|
2823
2823
|
x: at,
|
|
2824
|
-
y:
|
|
2824
|
+
y: M,
|
|
2825
2825
|
width: Y
|
|
2826
2826
|
};
|
|
2827
2827
|
};
|
|
2828
2828
|
return Tt(() => {
|
|
2829
2829
|
if (!o || e.length === 0) return;
|
|
2830
|
-
const
|
|
2830
|
+
const y = o.getBoundingClientRect(), I = y.width, R = y.height, L = [];
|
|
2831
2831
|
(async () => {
|
|
2832
|
-
const
|
|
2832
|
+
const W = e[0], Y = await j(W, I, R);
|
|
2833
2833
|
L.push(Y), i(L), c(1);
|
|
2834
2834
|
})();
|
|
2835
|
-
}, [
|
|
2836
|
-
f === "last One" && i((
|
|
2835
|
+
}, [w, O, z, C, o]), Tt(() => {
|
|
2836
|
+
f === "last One" && i((y) => y.length > 0 ? [y[y.length - 1]] : []);
|
|
2837
2837
|
}, [f]), /* @__PURE__ */ dt(
|
|
2838
2838
|
"div",
|
|
2839
2839
|
{
|
|
2840
2840
|
ref: r,
|
|
2841
|
-
onClick: async (
|
|
2841
|
+
onClick: async (y) => {
|
|
2842
2842
|
if (!o) return;
|
|
2843
|
-
const I = o.getBoundingClientRect(), R =
|
|
2844
|
-
if (
|
|
2845
|
-
let _ = 0,
|
|
2846
|
-
C === "on Click" ? (_ = R,
|
|
2847
|
-
const Y = e[
|
|
2843
|
+
const I = o.getBoundingClientRect(), R = y.clientX - I.left, L = y.clientY - I.top;
|
|
2844
|
+
if (h === "image" && !Fo(R, L, a)) return;
|
|
2845
|
+
let _ = 0, W = 0;
|
|
2846
|
+
C === "on Click" ? (_ = R, W = L) : C === "same" ? (_ = I.width / 2, W = I.height / 2) : (_ = Math.random() * I.width, W = Math.random() * I.height);
|
|
2847
|
+
const Y = e[s], ot = await j(Y, I.width, I.height, { x: _, y: W });
|
|
2848
2848
|
i((nt) => f === "all" ? [...nt, ot] : [ot]), c((nt) => nt >= e.length - 1 ? 0 : nt + 1);
|
|
2849
2849
|
},
|
|
2850
2850
|
onMouseEnter: () => v(!0),
|
|
@@ -2852,38 +2852,38 @@ function ja({ settings: t, content: e, isEditor: n }) {
|
|
|
2852
2852
|
className: ye.imageRevealSlider,
|
|
2853
2853
|
style: { cursor: u === "none" ? "default" : "none" },
|
|
2854
2854
|
children: [
|
|
2855
|
-
a.map((
|
|
2855
|
+
a.map((y) => /* @__PURE__ */ S(
|
|
2856
2856
|
"div",
|
|
2857
2857
|
{
|
|
2858
2858
|
className: ye.wrapper,
|
|
2859
2859
|
style: {
|
|
2860
|
-
top: `${
|
|
2861
|
-
left: `${
|
|
2860
|
+
top: `${y.y}px`,
|
|
2861
|
+
left: `${y.x}px`,
|
|
2862
2862
|
position: "absolute",
|
|
2863
2863
|
transform: "translate(-50%, -50%)",
|
|
2864
|
-
width:
|
|
2864
|
+
width: y.width ?? "auto",
|
|
2865
2865
|
height: "auto",
|
|
2866
2866
|
cursor: u === "none" ? "default" : "none"
|
|
2867
2867
|
},
|
|
2868
|
-
children:
|
|
2868
|
+
children: h === "area" && y.link ? /* @__PURE__ */ S("a", { href: y.link, target: "_blank", className: ye.link, children: /* @__PURE__ */ S(
|
|
2869
2869
|
"img",
|
|
2870
2870
|
{
|
|
2871
|
-
src:
|
|
2872
|
-
alt:
|
|
2871
|
+
src: y.url,
|
|
2872
|
+
alt: y.name,
|
|
2873
2873
|
className: ye.image
|
|
2874
2874
|
},
|
|
2875
|
-
|
|
2875
|
+
y.id
|
|
2876
2876
|
) }) : /* @__PURE__ */ S(
|
|
2877
2877
|
"img",
|
|
2878
2878
|
{
|
|
2879
|
-
src:
|
|
2880
|
-
alt:
|
|
2879
|
+
src: y.url,
|
|
2880
|
+
alt: y.name,
|
|
2881
2881
|
className: ye.image
|
|
2882
2882
|
},
|
|
2883
|
-
|
|
2883
|
+
y.id
|
|
2884
2884
|
)
|
|
2885
2885
|
},
|
|
2886
|
-
|
|
2886
|
+
y.id
|
|
2887
2887
|
)),
|
|
2888
2888
|
b && /* @__PURE__ */ S(
|
|
2889
2889
|
"div",
|
|
@@ -3272,9 +3272,9 @@ function wr(t) {
|
|
|
3272
3272
|
};
|
|
3273
3273
|
}
|
|
3274
3274
|
function ko(t) {
|
|
3275
|
-
const e = t.getBoundingClientRect(), n = wr(t), o = Math.max(0, e.width - n.left - n.right), r = Math.max(0, e.height - n.top - n.bottom), a = t.naturalWidth, i = t.naturalHeight,
|
|
3275
|
+
const e = t.getBoundingClientRect(), n = wr(t), o = Math.max(0, e.width - n.left - n.right), r = Math.max(0, e.height - n.top - n.bottom), a = t.naturalWidth, i = t.naturalHeight, s = o / r, c = a / i;
|
|
3276
3276
|
let d, p;
|
|
3277
|
-
c >
|
|
3277
|
+
c > s ? (d = o, p = o / c) : (p = r, d = r * c);
|
|
3278
3278
|
const E = e.left + n.left, x = e.top + n.top, m = (o - d) / 2 + E, u = (r - p) / 2 + x;
|
|
3279
3279
|
return {
|
|
3280
3280
|
x: m,
|
|
@@ -3374,9 +3374,9 @@ function Fl(t, e) {
|
|
|
3374
3374
|
return { appearClass: n, backdropAppearClass: o, backdropDisappearClass: r, disappearClass: a };
|
|
3375
3375
|
}
|
|
3376
3376
|
const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, isEditor: a }) => {
|
|
3377
|
-
const [i,
|
|
3377
|
+
const [i, s] = ct(!1), { url: c } = t.thumbnailBlock.cover;
|
|
3378
3378
|
return Tt(() => {
|
|
3379
|
-
r === "close" &&
|
|
3379
|
+
r === "close" && s(!1), r === "open" && s(!0);
|
|
3380
3380
|
}, [r]), /* @__PURE__ */ dt(ue, { children: [
|
|
3381
3381
|
/* @__PURE__ */ S(
|
|
3382
3382
|
"img",
|
|
@@ -3384,14 +3384,14 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3384
3384
|
src: c,
|
|
3385
3385
|
alt: "Cover",
|
|
3386
3386
|
className: D.heroImage,
|
|
3387
|
-
onClick: () =>
|
|
3387
|
+
onClick: () => s(!0)
|
|
3388
3388
|
}
|
|
3389
3389
|
),
|
|
3390
3390
|
/* @__PURE__ */ S(
|
|
3391
3391
|
Il,
|
|
3392
3392
|
{
|
|
3393
3393
|
isOpen: i,
|
|
3394
|
-
onClose: () =>
|
|
3394
|
+
onClose: () => s(!1),
|
|
3395
3395
|
content: e,
|
|
3396
3396
|
settings: t,
|
|
3397
3397
|
lightboxStyles: n,
|
|
@@ -3400,147 +3400,147 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3400
3400
|
}
|
|
3401
3401
|
)
|
|
3402
3402
|
] });
|
|
3403
|
-
}, Il = ({ isOpen: t, onClose: e, content: n, lightboxStyles: o, settings: r, portalId: a, isEditor: i, metadata:
|
|
3403
|
+
}, Il = ({ isOpen: t, onClose: e, content: n, lightboxStyles: o, settings: r, portalId: a, isEditor: i, metadata: s }) => {
|
|
3404
3404
|
var U;
|
|
3405
|
-
const [c, d] = ct(0), [p, E] = ct(0), [x, m] = ct(!1), [u, g] = ct(!1), [
|
|
3405
|
+
const [c, d] = ct(0), [p, E] = ct(0), [x, m] = ct(!1), [u, g] = ct(!1), [T, b] = ct({}), v = bt(null), w = bt(null), O = bt(null), z = bt(!1), C = bt(null), f = bt(null), A = bt(null), h = bt(null), P = bt(!1), $ = bt(null), [N, k] = ct(!1), { appear: j, triggers: B, slider: y, thumbnail: I, controls: R, area: L, caption: _, layout: W } = r.lightboxBlock, { appearClass: Y, backdropAppearClass: ot, backdropDisappearClass: nt, disappearClass: at } = Fl(j.type, j.direction), M = (s == null ? void 0 : s.itemId) ?? null;
|
|
3406
3406
|
Tt(() => {
|
|
3407
|
-
const
|
|
3407
|
+
const l = () => {
|
|
3408
3408
|
setTimeout(() => {
|
|
3409
|
-
var V,
|
|
3410
|
-
(
|
|
3409
|
+
var V, q;
|
|
3410
|
+
(q = (V = v.current) == null ? void 0 : V.splide) == null || q.refresh();
|
|
3411
3411
|
}, 16);
|
|
3412
|
-
},
|
|
3412
|
+
}, H = () => {
|
|
3413
3413
|
E((V) => V + 1);
|
|
3414
3414
|
};
|
|
3415
|
-
return window.addEventListener("ArticleEditor.Layout:change",
|
|
3416
|
-
window.removeEventListener("ArticleEditor.Layout:change",
|
|
3415
|
+
return window.addEventListener("ArticleEditor.Layout:change", l), window.addEventListener("ArticleEditor.ComponentContent:change", H), () => {
|
|
3416
|
+
window.removeEventListener("ArticleEditor.Layout:change", l), window.removeEventListener("ArticleEditor.ComponentContent:change", H);
|
|
3417
3417
|
};
|
|
3418
3418
|
}, []), Tt(() => {
|
|
3419
3419
|
if (!t || !I.isActive) {
|
|
3420
3420
|
k(!1);
|
|
3421
3421
|
return;
|
|
3422
3422
|
}
|
|
3423
|
-
const
|
|
3424
|
-
if (!
|
|
3425
|
-
const
|
|
3426
|
-
|
|
3423
|
+
const l = $.current;
|
|
3424
|
+
if (!l) return;
|
|
3425
|
+
const H = () => {
|
|
3426
|
+
y.direction === "horiz" ? k(l.scrollWidth > l.clientWidth) : k(l.scrollHeight > l.clientHeight);
|
|
3427
3427
|
};
|
|
3428
|
-
|
|
3429
|
-
const V = new ResizeObserver(
|
|
3430
|
-
return V.observe(
|
|
3431
|
-
}, [t, I.isActive, n.length,
|
|
3428
|
+
H();
|
|
3429
|
+
const V = new ResizeObserver(H);
|
|
3430
|
+
return V.observe(l), () => V.disconnect();
|
|
3431
|
+
}, [t, I.isActive, n.length, T, y.direction]);
|
|
3432
3432
|
const J = Er(() => {
|
|
3433
|
-
const
|
|
3434
|
-
|
|
3435
|
-
const V = (
|
|
3436
|
-
|
|
3433
|
+
const l = window.matchMedia("(max-width: 768px)").matches, H = Ro(L.color);
|
|
3434
|
+
l && !i && H > 0.9 && (document.body.style.backgroundColor = ""), m(!0), z.current = !0;
|
|
3435
|
+
const V = (q) => {
|
|
3436
|
+
q.target === C.current && q.animationName && (C.current && f.current && C.current.removeEventListener("animationend", f.current), f.current = null, z.current && (z.current = !1, e()), m(!1));
|
|
3437
3437
|
};
|
|
3438
3438
|
C.current && (f.current = V, C.current.addEventListener("animationend", V));
|
|
3439
|
-
}, [e, L.color, i]), yt = (
|
|
3440
|
-
var
|
|
3441
|
-
if (
|
|
3439
|
+
}, [e, L.color, i]), yt = (l, H, V) => {
|
|
3440
|
+
var q, G;
|
|
3441
|
+
if (l) {
|
|
3442
3442
|
if (B.type === "click" && B.switch === "image")
|
|
3443
|
-
B.repeat === "close" && c === n.length - 1 ? J() : (
|
|
3443
|
+
B.repeat === "close" && c === n.length - 1 ? J() : (q = v.current) == null || q.go("+1");
|
|
3444
3444
|
else if (B.type === "click" && B.switch === "50/50") {
|
|
3445
|
-
const
|
|
3445
|
+
const K = l.getBoundingClientRect(), Z = H - K.left, et = V - K.top, rt = K.width, it = K.height;
|
|
3446
3446
|
let pt;
|
|
3447
|
-
|
|
3447
|
+
y.direction === "horiz" ? pt = Z < rt / 2 ? "-1" : "+1" : pt = et < it / 2 ? "-1" : "+1", (G = v.current) == null || G.go(pt);
|
|
3448
3448
|
}
|
|
3449
3449
|
}
|
|
3450
|
-
}, lt = (
|
|
3451
|
-
if (
|
|
3452
|
-
|
|
3450
|
+
}, lt = (l) => {
|
|
3451
|
+
if (P.current) {
|
|
3452
|
+
P.current = !1;
|
|
3453
3453
|
return;
|
|
3454
3454
|
}
|
|
3455
|
-
const
|
|
3456
|
-
let
|
|
3457
|
-
if ("changedTouches" in
|
|
3458
|
-
|
|
3459
|
-
else if ("clientX" in
|
|
3460
|
-
|
|
3455
|
+
const H = n[c], V = (H == null ? void 0 : H.image.objectFit) === "cover";
|
|
3456
|
+
let q, G;
|
|
3457
|
+
if ("changedTouches" in l && l.changedTouches.length > 0)
|
|
3458
|
+
q = l.changedTouches[0].clientX, G = l.changedTouches[0].clientY;
|
|
3459
|
+
else if ("clientX" in l)
|
|
3460
|
+
q = l.clientX, G = l.clientY;
|
|
3461
3461
|
else
|
|
3462
3462
|
return;
|
|
3463
|
-
let
|
|
3463
|
+
let K;
|
|
3464
3464
|
if (V && O.current) {
|
|
3465
3465
|
const Z = Io(O.current);
|
|
3466
|
-
|
|
3466
|
+
K = q >= Z.left && q <= Z.right && G >= Z.top && G <= Z.bottom;
|
|
3467
3467
|
} else {
|
|
3468
3468
|
const Z = O.current ? ko(O.current) : null;
|
|
3469
3469
|
if (!Z) {
|
|
3470
|
-
|
|
3470
|
+
l.target === l.currentTarget && J();
|
|
3471
3471
|
return;
|
|
3472
3472
|
}
|
|
3473
|
-
|
|
3473
|
+
K = q >= Z.x && q <= Z.x + Z.width && G >= Z.y && G <= Z.y + Z.height;
|
|
3474
3474
|
}
|
|
3475
|
-
|
|
3476
|
-
}, mt = (
|
|
3477
|
-
const
|
|
3478
|
-
(
|
|
3475
|
+
K ? yt(O.current, q, G) : J();
|
|
3476
|
+
}, mt = (l) => {
|
|
3477
|
+
const H = l.target;
|
|
3478
|
+
(H.classList.contains(D.thumbsWrapper) || H.classList.contains(D.thumbsContainer)) && lt(l);
|
|
3479
3479
|
};
|
|
3480
3480
|
Tt(() => {
|
|
3481
3481
|
if (!t) return;
|
|
3482
|
-
const
|
|
3483
|
-
var V,
|
|
3484
|
-
if (
|
|
3482
|
+
const l = (H) => {
|
|
3483
|
+
var V, q;
|
|
3484
|
+
if (H.key === "Escape") {
|
|
3485
3485
|
J();
|
|
3486
3486
|
return;
|
|
3487
3487
|
}
|
|
3488
|
-
if (
|
|
3489
|
-
d((
|
|
3488
|
+
if (H.key === "ArrowRight") {
|
|
3489
|
+
d((G) => (G + 1) % Math.max(n.length, 1)), (V = v.current) == null || V.go("+1");
|
|
3490
3490
|
return;
|
|
3491
3491
|
}
|
|
3492
|
-
|
|
3492
|
+
H.key === "ArrowLeft" && (d((G) => (G - 1 + Math.max(n.length, 1)) % Math.max(n.length, 1)), (q = v.current) == null || q.go("-1"));
|
|
3493
3493
|
};
|
|
3494
|
-
return window.addEventListener("keydown",
|
|
3495
|
-
window.removeEventListener("keydown",
|
|
3494
|
+
return window.addEventListener("keydown", l), () => {
|
|
3495
|
+
window.removeEventListener("keydown", l);
|
|
3496
3496
|
};
|
|
3497
3497
|
}, [t, J, n.length]), Tt(() => {
|
|
3498
3498
|
if (t) {
|
|
3499
|
-
if (d(0), E((
|
|
3500
|
-
const
|
|
3501
|
-
window.dispatchEvent(
|
|
3499
|
+
if (d(0), E((H) => H + 1), z.current = !1, m(!1), g(!1), b({}), !M) return;
|
|
3500
|
+
const l = new CustomEvent("page-overlay", { detail: { itemId: M } });
|
|
3501
|
+
window.dispatchEvent(l);
|
|
3502
3502
|
}
|
|
3503
3503
|
return () => {
|
|
3504
3504
|
C.current && f.current && (C.current.removeEventListener("animationend", f.current), f.current = null), g(!1);
|
|
3505
3505
|
};
|
|
3506
|
-
}, [t,
|
|
3507
|
-
|
|
3508
|
-
}, [
|
|
3506
|
+
}, [t, M]), Tt(() => {
|
|
3507
|
+
w.current !== null && w.current !== y.type && E((l) => l + 1), w.current = y.type;
|
|
3508
|
+
}, [y.type]), Tt(() => {
|
|
3509
3509
|
if (!t) return;
|
|
3510
|
-
const
|
|
3510
|
+
const l = document.body.style.overflow, H = window.matchMedia("(max-width: 768px)").matches, V = Ro(L.color);
|
|
3511
3511
|
document.body.style.overflow = "hidden", g(!1);
|
|
3512
|
-
const
|
|
3513
|
-
|
|
3512
|
+
const q = (K) => {
|
|
3513
|
+
K.target === C.current && !z.current && K.animationName && (H && !i && V > 0.9 && (document.body.style.backgroundColor = L.color), g(!0), C.current && A.current && C.current.removeEventListener("animationend", A.current), A.current = null);
|
|
3514
3514
|
};
|
|
3515
|
-
C.current && (A.current =
|
|
3516
|
-
const
|
|
3517
|
-
const Z =
|
|
3518
|
-
Z && (Z.closest(`.${D.thumbsWrapper}`) || Z.closest(`.${D.thumbsContainer}`)) ||
|
|
3515
|
+
C.current && (A.current = q, C.current.addEventListener("animationend", q));
|
|
3516
|
+
const G = (K) => {
|
|
3517
|
+
const Z = K.target;
|
|
3518
|
+
Z && (Z.closest(`.${D.thumbsWrapper}`) || Z.closest(`.${D.thumbsContainer}`)) || y.type !== "slide" && K.preventDefault();
|
|
3519
3519
|
};
|
|
3520
|
-
return document.addEventListener("touchmove",
|
|
3521
|
-
document.body.style.overflow =
|
|
3520
|
+
return document.addEventListener("touchmove", G, { passive: !1 }), () => {
|
|
3521
|
+
document.body.style.overflow = l, document.removeEventListener("touchmove", G), C.current && A.current && (C.current.removeEventListener("animationend", A.current), A.current = null), g(!1);
|
|
3522
3522
|
};
|
|
3523
|
-
}, [t, i, L.color,
|
|
3523
|
+
}, [t, i, L.color, y.type]), Tt(() => {
|
|
3524
3524
|
if (!t) return;
|
|
3525
|
-
const
|
|
3526
|
-
var
|
|
3527
|
-
if (
|
|
3528
|
-
|
|
3525
|
+
const l = (H) => {
|
|
3526
|
+
var q, G;
|
|
3527
|
+
if (z.current) {
|
|
3528
|
+
H.stopPropagation();
|
|
3529
3529
|
return;
|
|
3530
3530
|
}
|
|
3531
|
-
if (
|
|
3532
|
-
|
|
3531
|
+
if (P.current) {
|
|
3532
|
+
P.current = !1;
|
|
3533
3533
|
return;
|
|
3534
3534
|
}
|
|
3535
|
-
const V =
|
|
3535
|
+
const V = H.target;
|
|
3536
3536
|
if (!(V && (V.closest(`.${D.thumbsContainer}`) || V.closest(`.${D.thumbItem}`)))) {
|
|
3537
|
-
if (
|
|
3538
|
-
const
|
|
3539
|
-
if (V && (
|
|
3537
|
+
if (y.type === "slide" && B.type === "drag" && ((G = (q = v.current) == null ? void 0 : q.splide) != null && G.root)) {
|
|
3538
|
+
const K = v.current.splide.root;
|
|
3539
|
+
if (V && (K.contains(V) || K === V))
|
|
3540
3540
|
return;
|
|
3541
3541
|
}
|
|
3542
|
-
if (
|
|
3543
|
-
const
|
|
3542
|
+
if (H.touches.length === 0 && H.changedTouches.length > 0) {
|
|
3543
|
+
const K = n[c], Z = (K == null ? void 0 : K.image.objectFit) === "cover", et = H.changedTouches[0];
|
|
3544
3544
|
let rt;
|
|
3545
3545
|
if (Z && O.current) {
|
|
3546
3546
|
const it = Io(O.current);
|
|
@@ -3551,7 +3551,7 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3551
3551
|
rt = et.clientX >= it.x && et.clientX <= it.x + it.width && et.clientY >= it.y && et.clientY <= it.y + it.height;
|
|
3552
3552
|
}
|
|
3553
3553
|
if (!rt) {
|
|
3554
|
-
|
|
3554
|
+
H.stopPropagation(), z.current = !0;
|
|
3555
3555
|
const it = (pt) => {
|
|
3556
3556
|
pt.stopPropagation(), pt.preventDefault(), document.removeEventListener("click", it, !0);
|
|
3557
3557
|
};
|
|
@@ -3560,50 +3560,50 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3560
3560
|
}
|
|
3561
3561
|
}
|
|
3562
3562
|
};
|
|
3563
|
-
return document.addEventListener("touchend",
|
|
3564
|
-
document.removeEventListener("touchend",
|
|
3563
|
+
return document.addEventListener("touchend", l, { passive: !0 }), () => {
|
|
3564
|
+
document.removeEventListener("touchend", l);
|
|
3565
3565
|
};
|
|
3566
3566
|
}, [t, J, c, n]);
|
|
3567
|
-
const xt = (
|
|
3567
|
+
const xt = (y.type === "scale" || y.type === "fade") && y.direction === "vert" && B.type === "drag";
|
|
3568
3568
|
Tt(() => {
|
|
3569
3569
|
var pt, Lt;
|
|
3570
3570
|
if (!t || !xt || !((Lt = (pt = v.current) == null ? void 0 : pt.splide) != null && Lt.root)) return;
|
|
3571
|
-
const
|
|
3572
|
-
if (
|
|
3573
|
-
const wt = Math.abs(Q -
|
|
3574
|
-
(wt > 0 || Jt > 0) && (
|
|
3571
|
+
const l = v.current.splide.root, H = 30, V = (Q, ut) => {
|
|
3572
|
+
if (h.current) {
|
|
3573
|
+
const wt = Math.abs(Q - h.current.x), Jt = Math.abs(ut - h.current.y);
|
|
3574
|
+
(wt > 0 || Jt > 0) && (P.current = !0);
|
|
3575
3575
|
}
|
|
3576
|
-
}, G = (Q) => {
|
|
3577
|
-
y.current && (Q.preventDefault(), V(Q.clientX, Q.clientY));
|
|
3578
3576
|
}, q = (Q) => {
|
|
3579
|
-
|
|
3580
|
-
},
|
|
3581
|
-
|
|
3582
|
-
|
|
3577
|
+
h.current && (Q.preventDefault(), V(Q.clientX, Q.clientY));
|
|
3578
|
+
}, G = (Q) => {
|
|
3579
|
+
h.current && Q.touches.length > 0 && (Q.preventDefault(), V(Q.touches[0].clientX, Q.touches[0].clientY));
|
|
3580
|
+
}, K = (Q, ut) => {
|
|
3581
|
+
if (!h.current || !v.current) {
|
|
3582
|
+
h.current = null;
|
|
3583
3583
|
return;
|
|
3584
3584
|
}
|
|
3585
|
-
const wt = Math.abs(Q -
|
|
3586
|
-
Jt >
|
|
3585
|
+
const wt = Math.abs(Q - h.current.x), Jt = Math.abs(ut - h.current.y);
|
|
3586
|
+
Jt > H && Jt > wt && v.current.go(ut < h.current.y ? "+1" : "-1"), h.current = null;
|
|
3587
3587
|
}, Z = (Q) => {
|
|
3588
|
-
|
|
3588
|
+
h.current && K(Q.clientX, Q.clientY), document.removeEventListener("pointerup", Z), document.removeEventListener("pointercancel", Z), document.removeEventListener("pointermove", q);
|
|
3589
3589
|
}, et = (Q) => {
|
|
3590
|
-
if (
|
|
3590
|
+
if (h.current) {
|
|
3591
3591
|
if (Q.changedTouches.length > 0) {
|
|
3592
3592
|
const ut = Q.changedTouches[0];
|
|
3593
|
-
|
|
3593
|
+
K(ut.clientX, ut.clientY);
|
|
3594
3594
|
}
|
|
3595
|
-
document.removeEventListener("touchend", et), document.removeEventListener("touchcancel", et), document.removeEventListener("touchmove",
|
|
3595
|
+
document.removeEventListener("touchend", et), document.removeEventListener("touchcancel", et), document.removeEventListener("touchmove", G);
|
|
3596
3596
|
}
|
|
3597
3597
|
}, rt = (Q) => {
|
|
3598
|
-
|
|
3598
|
+
h.current = { x: Q.clientX, y: Q.clientY }, P.current = !1, document.addEventListener("pointermove", q, { passive: !1 }), document.addEventListener("pointerup", Z), document.addEventListener("pointercancel", Z);
|
|
3599
3599
|
}, it = (Q) => {
|
|
3600
|
-
Q.touches.length > 0 && (
|
|
3600
|
+
Q.touches.length > 0 && (h.current = { x: Q.touches[0].clientX, y: Q.touches[0].clientY }, P.current = !1, document.addEventListener("touchmove", G, { passive: !1 }), document.addEventListener("touchend", et), document.addEventListener("touchcancel", et));
|
|
3601
3601
|
};
|
|
3602
|
-
return
|
|
3603
|
-
|
|
3602
|
+
return l.addEventListener("pointerdown", rt), l.addEventListener("touchstart", it), () => {
|
|
3603
|
+
l.removeEventListener("pointerdown", rt), l.removeEventListener("touchstart", it), document.removeEventListener("pointermove", q), document.removeEventListener("pointerup", Z), document.removeEventListener("pointercancel", Z), document.removeEventListener("touchmove", G), document.removeEventListener("touchend", et), document.removeEventListener("touchcancel", et), h.current = null, P.current = !1;
|
|
3604
3604
|
};
|
|
3605
3605
|
}, [t, xt, p]);
|
|
3606
|
-
const
|
|
3606
|
+
const Ht = {
|
|
3607
3607
|
backgroundColor: L.color,
|
|
3608
3608
|
backdropFilter: `blur(${L.blur}px)`,
|
|
3609
3609
|
animationDuration: `${parseInt(j.duration)}ms`,
|
|
@@ -3618,7 +3618,7 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3618
3618
|
ref: i ? null : C,
|
|
3619
3619
|
className: ft(D.background, x ? nt : ot, { [D.editor]: i }, { [D.hidden]: !t }),
|
|
3620
3620
|
style: {
|
|
3621
|
-
...
|
|
3621
|
+
...Ht,
|
|
3622
3622
|
...u && !i && !x ? { position: "absolute" } : {}
|
|
3623
3623
|
}
|
|
3624
3624
|
}
|
|
@@ -3637,50 +3637,50 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3637
3637
|
/* @__PURE__ */ S(
|
|
3638
3638
|
xr,
|
|
3639
3639
|
{
|
|
3640
|
-
onMove: (
|
|
3640
|
+
onMove: (l) => d(l.index),
|
|
3641
3641
|
ref: v,
|
|
3642
3642
|
className: D.lightboxSplide,
|
|
3643
3643
|
options: {
|
|
3644
3644
|
arrows: !1,
|
|
3645
|
-
speed:
|
|
3646
|
-
direction:
|
|
3645
|
+
speed: y.duration ? parseInt(y.duration) : 500,
|
|
3646
|
+
direction: y.direction === "horiz" || y.type === "fade" || y.type === "scale" ? "ltr" : "ttb",
|
|
3647
3647
|
pagination: !1,
|
|
3648
3648
|
// Disable Splide's drag when we need custom vertical drag handling
|
|
3649
3649
|
drag: B.type === "drag" && !xt,
|
|
3650
3650
|
perPage: 1,
|
|
3651
3651
|
width: "100%",
|
|
3652
3652
|
height: "100%",
|
|
3653
|
-
type:
|
|
3653
|
+
type: y.type === "fade" || y.type === "scale" ? "fade" : "loop",
|
|
3654
3654
|
padding: 0,
|
|
3655
3655
|
rewind: B.repeat !== "close",
|
|
3656
3656
|
start: 0
|
|
3657
3657
|
},
|
|
3658
|
-
style: { "--splide-speed":
|
|
3659
|
-
children: n.map((
|
|
3660
|
-
const V = tn(
|
|
3661
|
-
const { transform:
|
|
3658
|
+
style: { "--splide-speed": y.duration },
|
|
3659
|
+
children: n.map((l, H) => {
|
|
3660
|
+
const V = tn(W.position, W.offset, i), q = `${F(W.padding.top, i)} ${F(W.padding.right, i)} ${F(W.padding.bottom, i)} ${F(W.padding.left, i)}`, G = y.type === "scale" ? (() => {
|
|
3661
|
+
const { transform: K, ...Z } = V;
|
|
3662
3662
|
return {
|
|
3663
3663
|
...Z,
|
|
3664
3664
|
position: "absolute",
|
|
3665
|
-
padding:
|
|
3665
|
+
padding: q,
|
|
3666
3666
|
boxSizing: "border-box",
|
|
3667
|
-
"--position-transform":
|
|
3667
|
+
"--position-transform": K || "none"
|
|
3668
3668
|
};
|
|
3669
|
-
})() : { ...V, position: "absolute", padding:
|
|
3669
|
+
})() : { ...V, position: "absolute", padding: q, boxSizing: "border-box" };
|
|
3670
3670
|
return /* @__PURE__ */ S(Cr, { children: /* @__PURE__ */ S("div", { className: D.imgWrapper, onClick: lt, children: /* @__PURE__ */ S(
|
|
3671
3671
|
"img",
|
|
3672
3672
|
{
|
|
3673
|
-
ref:
|
|
3673
|
+
ref: H === c ? O : null,
|
|
3674
3674
|
className: ft(D.imageStyle, {
|
|
3675
|
-
[D.contain]:
|
|
3676
|
-
[D.cover]:
|
|
3677
|
-
[D.scaleSlide]:
|
|
3675
|
+
[D.contain]: l.image.objectFit === "contain",
|
|
3676
|
+
[D.cover]: l.image.objectFit === "cover",
|
|
3677
|
+
[D.scaleSlide]: y.type === "scale"
|
|
3678
3678
|
}),
|
|
3679
|
-
src:
|
|
3680
|
-
alt:
|
|
3681
|
-
style: { ...
|
|
3679
|
+
src: l.image.url,
|
|
3680
|
+
alt: l.image.name ?? "",
|
|
3681
|
+
style: { ...G, pointerEvents: l.image.objectFit === "contain" ? "none" : "auto" }
|
|
3682
3682
|
}
|
|
3683
|
-
) }) },
|
|
3683
|
+
) }) }, H);
|
|
3684
3684
|
})
|
|
3685
3685
|
},
|
|
3686
3686
|
p
|
|
@@ -3689,16 +3689,16 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3689
3689
|
/* @__PURE__ */ S(
|
|
3690
3690
|
"div",
|
|
3691
3691
|
{
|
|
3692
|
-
className: ft(D.arrow, { [D.arrowVertical]:
|
|
3692
|
+
className: ft(D.arrow, { [D.arrowVertical]: y.direction === "vert" }),
|
|
3693
3693
|
style: { color: R.color, "--arrow-hover-color": R.hover },
|
|
3694
3694
|
children: /* @__PURE__ */ dt(
|
|
3695
3695
|
"button",
|
|
3696
3696
|
{
|
|
3697
3697
|
className: D.arrowInner,
|
|
3698
|
-
style: { transform: `translate(${F(R.offset.x, i)}, ${F(R.offset.y * (
|
|
3698
|
+
style: { transform: `translate(${F(R.offset.x, i)}, ${F(R.offset.y * (y.direction === "horiz" ? 1 : -1), i)}) scale(${R.scale}) rotate(${y.direction === "horiz" ? "0deg" : "90deg"})` },
|
|
3699
3699
|
onClick: () => {
|
|
3700
|
-
var
|
|
3701
|
-
return (
|
|
3700
|
+
var l;
|
|
3701
|
+
return (l = v.current) == null ? void 0 : l.go("-1");
|
|
3702
3702
|
},
|
|
3703
3703
|
"aria-label": "Previous",
|
|
3704
3704
|
children: [
|
|
@@ -3720,16 +3720,16 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3720
3720
|
/* @__PURE__ */ S(
|
|
3721
3721
|
"div",
|
|
3722
3722
|
{
|
|
3723
|
-
className: ft(D.arrow, D.nextArrow, { [D.arrowVertical]:
|
|
3723
|
+
className: ft(D.arrow, D.nextArrow, { [D.arrowVertical]: y.direction === "vert" }),
|
|
3724
3724
|
style: { color: R.color, "--arrow-hover-color": R.hover },
|
|
3725
3725
|
children: /* @__PURE__ */ dt(
|
|
3726
3726
|
"button",
|
|
3727
3727
|
{
|
|
3728
3728
|
className: D.arrowInner,
|
|
3729
|
-
style: { transform: `translate(${F(R.offset.x * (
|
|
3729
|
+
style: { transform: `translate(${F(R.offset.x * (y.direction === "horiz" ? -1 : 1), i)}, ${F(R.offset.y, i)}) scale(${R.scale}) rotate(${y.direction === "horiz" ? "0deg" : "90deg"})` },
|
|
3730
3730
|
onClick: () => {
|
|
3731
|
-
var
|
|
3732
|
-
return (
|
|
3731
|
+
var l;
|
|
3732
|
+
return (l = v.current) == null ? void 0 : l.go("+1");
|
|
3733
3733
|
},
|
|
3734
3734
|
"aria-label": "Next",
|
|
3735
3735
|
children: [
|
|
@@ -3750,26 +3750,26 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3750
3750
|
)
|
|
3751
3751
|
] }),
|
|
3752
3752
|
L.closeIconUrl && (() => {
|
|
3753
|
-
const
|
|
3754
|
-
return /* @__PURE__ */ S("button", { className: D.closeButton, style: { ...
|
|
3753
|
+
const l = tn(L.closeIconAlign, L.closeIconOffset, i), H = `scale(${L.closeIconScale})`, V = l.transform ? `${l.transform} ${H}` : H;
|
|
3754
|
+
return /* @__PURE__ */ S("button", { className: D.closeButton, style: { ...l, transform: V }, onClick: J, "aria-label": "Close lightbox", children: /* @__PURE__ */ S(Ce, { url: L.closeIconUrl, fill: L.closeIconColor ?? "#000000", hoverFill: L.closeIconHover ?? "#cccccc" }) });
|
|
3755
3755
|
})(),
|
|
3756
3756
|
_ && _.isActive && o.imageCaption && ((U = n[c]) == null ? void 0 : U.imageCaption) && (() => {
|
|
3757
|
-
const { widthSettings:
|
|
3757
|
+
const { widthSettings: l, fontSettings: H, letterSpacing: V, textAlign: q, wordSpacing: G, fontSizeLineHeight: K, textAppearance: Z, color: et } = o.imageCaption;
|
|
3758
3758
|
return /* @__PURE__ */ S(
|
|
3759
3759
|
"div",
|
|
3760
3760
|
{
|
|
3761
3761
|
className: D.caption,
|
|
3762
3762
|
style: {
|
|
3763
3763
|
...tn(_.alignment, _.offset, i),
|
|
3764
|
-
fontFamily:
|
|
3765
|
-
fontWeight:
|
|
3766
|
-
fontStyle:
|
|
3767
|
-
width:
|
|
3764
|
+
fontFamily: H.fontFamily,
|
|
3765
|
+
fontWeight: H.fontWeight,
|
|
3766
|
+
fontStyle: H.fontStyle,
|
|
3767
|
+
width: l.sizing === "auto" ? "max-content" : F(l.width, i),
|
|
3768
3768
|
letterSpacing: F(V, i),
|
|
3769
|
-
wordSpacing: F(
|
|
3770
|
-
textAlign:
|
|
3771
|
-
fontSize: F(
|
|
3772
|
-
lineHeight: F(
|
|
3769
|
+
wordSpacing: F(G, i),
|
|
3770
|
+
textAlign: q,
|
|
3771
|
+
fontSize: F(K.fontSize, i),
|
|
3772
|
+
lineHeight: F(K.lineHeight, i),
|
|
3773
3773
|
textTransform: Z.textTransform ?? "none",
|
|
3774
3774
|
textDecoration: Z.textDecoration ?? "none",
|
|
3775
3775
|
fontVariant: Z.fontVariant ?? "normal",
|
|
@@ -3792,28 +3792,28 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3792
3792
|
);
|
|
3793
3793
|
})(),
|
|
3794
3794
|
I.isActive && (() => {
|
|
3795
|
-
const [
|
|
3796
|
-
if (
|
|
3797
|
-
if (
|
|
3798
|
-
if (
|
|
3799
|
-
if (
|
|
3795
|
+
const [l, H] = I.position.split("-"), V = y.direction === "horiz" ? `${l}-left` : I.position, q = tn(V, I.offset, i), G = () => {
|
|
3796
|
+
if (y.direction === "horiz") {
|
|
3797
|
+
if (H === "left") return "flex-start";
|
|
3798
|
+
if (H === "center") return "center";
|
|
3799
|
+
if (H === "right") return "flex-end";
|
|
3800
3800
|
} else {
|
|
3801
|
-
if (
|
|
3802
|
-
if (
|
|
3803
|
-
if (
|
|
3801
|
+
if (l === "top") return "flex-start";
|
|
3802
|
+
if (l === "middle") return "center";
|
|
3803
|
+
if (l === "bottom") return "flex-end";
|
|
3804
3804
|
}
|
|
3805
3805
|
return "flex-start";
|
|
3806
3806
|
};
|
|
3807
3807
|
return /* @__PURE__ */ S(
|
|
3808
3808
|
"div",
|
|
3809
3809
|
{
|
|
3810
|
-
ref:
|
|
3810
|
+
ref: $,
|
|
3811
3811
|
className: D.thumbsWrapper,
|
|
3812
|
-
onClick: (
|
|
3812
|
+
onClick: (K) => mt(K),
|
|
3813
3813
|
style: {
|
|
3814
3814
|
position: i ? "absolute" : "fixed",
|
|
3815
|
-
...
|
|
3816
|
-
...
|
|
3815
|
+
...q,
|
|
3816
|
+
...y.direction === "horiz" ? {
|
|
3817
3817
|
maxWidth: "100vw",
|
|
3818
3818
|
width: "100%",
|
|
3819
3819
|
overflowX: "auto",
|
|
@@ -3828,22 +3828,22 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3828
3828
|
"div",
|
|
3829
3829
|
{
|
|
3830
3830
|
className: ft(D.thumbsContainer, {
|
|
3831
|
-
[D.thumbsContainerVertical]:
|
|
3831
|
+
[D.thumbsContainerVertical]: y.direction === "vert",
|
|
3832
3832
|
[D.thumbsAlignStart]: I.align === "start",
|
|
3833
3833
|
[D.thumbsAlignCenter]: I.align === "center",
|
|
3834
3834
|
[D.thumbsAlignEnd]: I.align === "end"
|
|
3835
3835
|
}),
|
|
3836
3836
|
style: {
|
|
3837
3837
|
gap: F(I.grid.gap, i),
|
|
3838
|
-
justifyContent:
|
|
3838
|
+
justifyContent: N ? "flex-start" : G()
|
|
3839
3839
|
},
|
|
3840
|
-
children: n.map((
|
|
3841
|
-
const et = Z === c, rt =
|
|
3840
|
+
children: n.map((K, Z) => {
|
|
3841
|
+
const et = Z === c, rt = T[Z], pt = I.grid.size * (et ? I.activeState.scale : 1), Lt = () => {
|
|
3842
3842
|
if (I.fit !== "fit") return {};
|
|
3843
3843
|
if (!rt)
|
|
3844
|
-
return
|
|
3844
|
+
return y.direction === "horiz" ? { height: F(pt, i) } : { width: F(pt, i) };
|
|
3845
3845
|
const Q = rt.width / rt.height;
|
|
3846
|
-
if (
|
|
3846
|
+
if (y.direction === "horiz") {
|
|
3847
3847
|
const ut = pt, wt = ut * Q;
|
|
3848
3848
|
return {
|
|
3849
3849
|
width: F(wt, i),
|
|
@@ -3862,8 +3862,8 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3862
3862
|
{
|
|
3863
3863
|
className: D.thumbItem,
|
|
3864
3864
|
style: {
|
|
3865
|
-
...
|
|
3866
|
-
...
|
|
3865
|
+
...y.direction === "horiz" && I.fit !== "fit" ? { height: F(pt, i) } : {},
|
|
3866
|
+
...y.direction === "vert" && I.fit !== "fit" ? { width: F(pt, i) } : {},
|
|
3867
3867
|
...I.fit === "cover" ? { width: F(pt, i), height: F(pt, i) } : {},
|
|
3868
3868
|
...Lt(),
|
|
3869
3869
|
transition: et ? "all 0.25s ease-out" : "none",
|
|
@@ -3881,8 +3881,8 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3881
3881
|
children: /* @__PURE__ */ S(
|
|
3882
3882
|
"img",
|
|
3883
3883
|
{
|
|
3884
|
-
src:
|
|
3885
|
-
alt:
|
|
3884
|
+
src: K.image.url,
|
|
3885
|
+
alt: K.image.name ?? "",
|
|
3886
3886
|
onLoad: (Q) => {
|
|
3887
3887
|
const ut = Q.currentTarget;
|
|
3888
3888
|
ut.naturalWidth && ut.naturalHeight && b((wt) => ({
|
|
@@ -3898,7 +3898,7 @@ const kl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3898
3898
|
}
|
|
3899
3899
|
)
|
|
3900
3900
|
},
|
|
3901
|
-
`${
|
|
3901
|
+
`${K.image.name}-${Z}`
|
|
3902
3902
|
);
|
|
3903
3903
|
})
|
|
3904
3904
|
}
|
|
@@ -5150,10 +5150,10 @@ function Wl(t) {
|
|
|
5150
5150
|
`;
|
|
5151
5151
|
}
|
|
5152
5152
|
function zl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
5153
|
-
const { prefix: r } =
|
|
5153
|
+
const { prefix: r } = Mo(), {
|
|
5154
5154
|
type: a = "A",
|
|
5155
5155
|
fieldsToShow: i = 2,
|
|
5156
|
-
fields:
|
|
5156
|
+
fields: s = [],
|
|
5157
5157
|
buttonLabel: c,
|
|
5158
5158
|
gap: d,
|
|
5159
5159
|
fieldsGap: p,
|
|
@@ -5162,60 +5162,60 @@ function zl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5162
5162
|
buttonPadding: m,
|
|
5163
5163
|
isButtonFullWidth: u,
|
|
5164
5164
|
inputCorners: g,
|
|
5165
|
-
inputStroke:
|
|
5165
|
+
inputStroke: T,
|
|
5166
5166
|
inputPadding: b,
|
|
5167
5167
|
inputColor: v,
|
|
5168
|
-
inputTextColor:
|
|
5168
|
+
inputTextColor: w,
|
|
5169
5169
|
inputBorderColor: O,
|
|
5170
|
-
placeholderColor:
|
|
5170
|
+
placeholderColor: z,
|
|
5171
5171
|
buttonColor: C,
|
|
5172
5172
|
buttonTextColor: f,
|
|
5173
5173
|
buttonBorderColor: A,
|
|
5174
|
-
labelTextColor:
|
|
5175
|
-
successColor:
|
|
5176
|
-
errorColor:
|
|
5177
|
-
fontFamily:
|
|
5174
|
+
labelTextColor: h,
|
|
5175
|
+
successColor: P,
|
|
5176
|
+
errorColor: $,
|
|
5177
|
+
fontFamily: N,
|
|
5178
5178
|
inputFontSettings: k,
|
|
5179
5179
|
inputFontSize: j,
|
|
5180
5180
|
inputLineHeight: B,
|
|
5181
|
-
inputLetterSpacing:
|
|
5181
|
+
inputLetterSpacing: y,
|
|
5182
5182
|
inputWordSpacing: I,
|
|
5183
5183
|
inputTextAppearance: R,
|
|
5184
5184
|
buttonFontSettings: L,
|
|
5185
5185
|
buttonFontSize: _,
|
|
5186
|
-
buttonLineHeight:
|
|
5186
|
+
buttonLineHeight: W,
|
|
5187
5187
|
buttonLetterSpacing: Y,
|
|
5188
5188
|
buttonWordSpacing: ot,
|
|
5189
5189
|
buttonTextAppearance: nt,
|
|
5190
5190
|
labelFontSettings: at,
|
|
5191
|
-
labelFontSize:
|
|
5191
|
+
labelFontSize: M,
|
|
5192
5192
|
labelLineHeight: J,
|
|
5193
5193
|
labelLetterSpacing: yt,
|
|
5194
5194
|
labelWordSpacing: lt,
|
|
5195
5195
|
labelTextAppearance: mt,
|
|
5196
5196
|
statusFontSettings: xt,
|
|
5197
|
-
statusFontSize:
|
|
5197
|
+
statusFontSize: Ht,
|
|
5198
5198
|
statusLineHeight: U,
|
|
5199
|
-
statusLetterSpacing:
|
|
5200
|
-
statusWordSpacing:
|
|
5199
|
+
statusLetterSpacing: l,
|
|
5200
|
+
statusWordSpacing: H,
|
|
5201
5201
|
statusTextAppearance: V,
|
|
5202
|
-
successMessage:
|
|
5203
|
-
errorMessage:
|
|
5204
|
-
stateOverrides:
|
|
5205
|
-
} = t, Z = a === "B", et =
|
|
5202
|
+
successMessage: q,
|
|
5203
|
+
errorMessage: G,
|
|
5204
|
+
stateOverrides: K
|
|
5205
|
+
} = t, Z = a === "B", et = s.slice(0, Math.min(i, s.length)), rt = {
|
|
5206
5206
|
fontSettings: {
|
|
5207
|
-
fontFamily:
|
|
5207
|
+
fontFamily: N,
|
|
5208
5208
|
fontWeight: (k == null ? void 0 : k.fontWeight) ?? 400,
|
|
5209
5209
|
fontStyle: (k == null ? void 0 : k.fontStyle) ?? "normal"
|
|
5210
5210
|
},
|
|
5211
5211
|
fontSize: j ?? 0.01,
|
|
5212
5212
|
lineHeight: B,
|
|
5213
|
-
letterSpacing:
|
|
5213
|
+
letterSpacing: y ?? 0,
|
|
5214
5214
|
wordSpacing: I ?? 0,
|
|
5215
5215
|
textAppearance: R,
|
|
5216
|
-
color:
|
|
5217
|
-
}, it = we(te(rt, e)), pt = F(
|
|
5218
|
-
(B ?? j ?? 0.01) + ((b == null ? void 0 : b.top) ?? 0) + ((b == null ? void 0 : b.bottom) ?? 0) + (a === "C" ?
|
|
5216
|
+
color: w
|
|
5217
|
+
}, it = we(te(rt, e)), pt = F(T ?? 0, e), Lt = F(
|
|
5218
|
+
(B ?? j ?? 0.01) + ((b == null ? void 0 : b.top) ?? 0) + ((b == null ? void 0 : b.bottom) ?? 0) + (a === "C" ? T ?? 0 : (T ?? 0) * 2),
|
|
5219
5219
|
e
|
|
5220
5220
|
), Q = {
|
|
5221
5221
|
...it,
|
|
@@ -5235,54 +5235,54 @@ function zl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5235
5235
|
minHeight: Lt
|
|
5236
5236
|
}, ut = {
|
|
5237
5237
|
fontSettings: {
|
|
5238
|
-
fontFamily:
|
|
5238
|
+
fontFamily: N,
|
|
5239
5239
|
fontWeight: (L == null ? void 0 : L.fontWeight) ?? 400,
|
|
5240
5240
|
fontStyle: (L == null ? void 0 : L.fontStyle) ?? "normal"
|
|
5241
5241
|
},
|
|
5242
5242
|
fontSize: _ ?? 0.01,
|
|
5243
|
-
lineHeight:
|
|
5243
|
+
lineHeight: W,
|
|
5244
5244
|
letterSpacing: Y ?? 0,
|
|
5245
5245
|
wordSpacing: ot ?? 0,
|
|
5246
5246
|
textAppearance: nt,
|
|
5247
5247
|
color: f
|
|
5248
5248
|
}, wt = we(te(ut, e)), Jt = F(x ?? 0, e), _n = {
|
|
5249
5249
|
fontSettings: {
|
|
5250
|
-
fontFamily:
|
|
5250
|
+
fontFamily: N,
|
|
5251
5251
|
fontWeight: (at == null ? void 0 : at.fontWeight) ?? 400,
|
|
5252
5252
|
fontStyle: (at == null ? void 0 : at.fontStyle) ?? "normal"
|
|
5253
5253
|
},
|
|
5254
|
-
fontSize:
|
|
5254
|
+
fontSize: M ?? 0.01,
|
|
5255
5255
|
lineHeight: J,
|
|
5256
5256
|
letterSpacing: yt ?? 0,
|
|
5257
5257
|
wordSpacing: lt ?? 0,
|
|
5258
5258
|
textAppearance: mt,
|
|
5259
|
-
color:
|
|
5259
|
+
color: h
|
|
5260
5260
|
}, Fe = te(_n, e), vt = {
|
|
5261
5261
|
fontSettings: {
|
|
5262
|
-
fontFamily:
|
|
5262
|
+
fontFamily: N,
|
|
5263
5263
|
fontWeight: (xt == null ? void 0 : xt.fontWeight) ?? 400,
|
|
5264
5264
|
fontStyle: (xt == null ? void 0 : xt.fontStyle) ?? "normal"
|
|
5265
5265
|
},
|
|
5266
|
-
fontSize:
|
|
5266
|
+
fontSize: Ht ?? 0.01,
|
|
5267
5267
|
lineHeight: U,
|
|
5268
|
-
letterSpacing:
|
|
5269
|
-
wordSpacing:
|
|
5268
|
+
letterSpacing: l ?? 0,
|
|
5269
|
+
wordSpacing: H ?? 0,
|
|
5270
5270
|
textAppearance: V,
|
|
5271
|
-
color:
|
|
5272
|
-
},
|
|
5271
|
+
color: P
|
|
5272
|
+
}, Pt = we(te(vt, e)), ae = Ho(r, {
|
|
5273
5273
|
inputColor: v,
|
|
5274
|
-
inputTextColor:
|
|
5274
|
+
inputTextColor: w,
|
|
5275
5275
|
inputBorderColor: O,
|
|
5276
|
-
placeholderColor:
|
|
5276
|
+
placeholderColor: z != null && z.trim() ? z : "#cccccc",
|
|
5277
5277
|
buttonColor: C,
|
|
5278
5278
|
buttonTextColor: f,
|
|
5279
5279
|
buttonBorderColor: A,
|
|
5280
|
-
labelTextColor:
|
|
5281
|
-
successColor:
|
|
5282
|
-
errorColor:
|
|
5283
|
-
},
|
|
5280
|
+
labelTextColor: h,
|
|
5281
|
+
successColor: P,
|
|
5282
|
+
errorColor: $
|
|
5283
|
+
}, Nl, Ml, K), [Ct, Dt] = ct(
|
|
5284
5284
|
() => Object.fromEntries(et.map((st) => [st.name, ""]))
|
|
5285
|
-
), [co, ke] = ct("idle"), [$r, Ze] = ct(null), An = o === "success" ? "success" : o === "error" ? "error" : co, Tr = o === "error" ?
|
|
5285
|
+
), [co, ke] = ct("idle"), [$r, Ze] = ct(null), An = o === "success" ? "success" : o === "error" ? "error" : co, Tr = o === "error" ? G : $r, Je = o === "filled", Ie = ce(() => {
|
|
5286
5286
|
if (!Je) return Ct;
|
|
5287
5287
|
let st = null;
|
|
5288
5288
|
for (const jt of et)
|
|
@@ -5414,22 +5414,22 @@ function zl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5414
5414
|
"p",
|
|
5415
5415
|
{
|
|
5416
5416
|
className: `${r}-success`,
|
|
5417
|
-
style: { ...
|
|
5418
|
-
children:
|
|
5417
|
+
style: { ...Pt },
|
|
5418
|
+
children: q
|
|
5419
5419
|
}
|
|
5420
5420
|
),
|
|
5421
5421
|
An === "error" && /* @__PURE__ */ S(
|
|
5422
5422
|
"p",
|
|
5423
5423
|
{
|
|
5424
5424
|
className: `${r}-error`,
|
|
5425
|
-
style: { ...
|
|
5425
|
+
style: { ...Pt },
|
|
5426
5426
|
role: "alert",
|
|
5427
|
-
children: _r ?? Tr ??
|
|
5427
|
+
children: _r ?? Tr ?? G
|
|
5428
5428
|
}
|
|
5429
5429
|
)
|
|
5430
5430
|
] });
|
|
5431
5431
|
}
|
|
5432
|
-
const
|
|
5432
|
+
const Nl = {
|
|
5433
5433
|
inputColor: "input-color",
|
|
5434
5434
|
inputTextColor: "input-text-color",
|
|
5435
5435
|
inputBorderColor: "input-border-color",
|
|
@@ -5440,7 +5440,7 @@ const Ml = {
|
|
|
5440
5440
|
labelTextColor: "label-text-color",
|
|
5441
5441
|
successColor: "success-color",
|
|
5442
5442
|
errorColor: "error-color"
|
|
5443
|
-
},
|
|
5443
|
+
}, Ml = ["hover", "focus", "filled", "success", "error"], Hl = `import React, { useMemo, useState } from 'react';
|
|
5444
5444
|
import { CommonComponentProps } from '../props';
|
|
5445
5445
|
import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
5446
5446
|
import { omitTextColors, textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
|
|
@@ -6041,7 +6041,7 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
|
|
|
6041
6041
|
};
|
|
6042
6042
|
|
|
6043
6043
|
const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
6044
|
-
`,
|
|
6044
|
+
`, Pl = [
|
|
6045
6045
|
{ name: "email", type: "email", placeholder: "Enter your email", label: "Email", isRequired: !0, error: "Please, enter a valid e-mail." },
|
|
6046
6046
|
{ name: "name", type: "text", placeholder: "Enter your name", label: "Name", isRequired: !1, error: "Please, enter your name." },
|
|
6047
6047
|
{ name: "company", type: "text", placeholder: "Enter company", label: "Company", isRequired: !1, error: "Please, enter your company name." },
|
|
@@ -6407,7 +6407,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
6407
6407
|
},
|
|
6408
6408
|
defaults: {
|
|
6409
6409
|
fieldsToShow: 2,
|
|
6410
|
-
fields:
|
|
6410
|
+
fields: Pl,
|
|
6411
6411
|
type: "A",
|
|
6412
6412
|
inputColor: "#FFFFFF",
|
|
6413
6413
|
inputTextColor: "#0A00F8",
|
|
@@ -6680,7 +6680,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
6680
6680
|
height: 42
|
|
6681
6681
|
},
|
|
6682
6682
|
schema: Bl,
|
|
6683
|
-
sourceCode:
|
|
6683
|
+
sourceCode: Hl
|
|
6684
6684
|
};
|
|
6685
6685
|
function on(t) {
|
|
6686
6686
|
return `calc(var(--cntrl-article-width, 100vw) * ${t / 1440})`;
|
|
@@ -6880,10 +6880,10 @@ function Dl(t) {
|
|
|
6880
6880
|
`;
|
|
6881
6881
|
}
|
|
6882
6882
|
const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
6883
|
-
const { prefix: r } =
|
|
6883
|
+
const { prefix: r } = Mo(), {
|
|
6884
6884
|
fields: a = [{ name: "email", type: "email", placeholder: "Your email" }],
|
|
6885
6885
|
buttonIcon: i,
|
|
6886
|
-
buttonLabel:
|
|
6886
|
+
buttonLabel: s,
|
|
6887
6887
|
fieldsToShow: c = 1,
|
|
6888
6888
|
fontFamily: d,
|
|
6889
6889
|
inputFontSettings: p,
|
|
@@ -6892,36 +6892,36 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6892
6892
|
inputLetterSpacing: m,
|
|
6893
6893
|
inputWordSpacing: u,
|
|
6894
6894
|
inputTextAppearance: g,
|
|
6895
|
-
buttonFontSettings:
|
|
6895
|
+
buttonFontSettings: T,
|
|
6896
6896
|
buttonFontSize: b,
|
|
6897
6897
|
buttonLineHeight: v,
|
|
6898
|
-
buttonLetterSpacing:
|
|
6898
|
+
buttonLetterSpacing: w,
|
|
6899
6899
|
buttonWordSpacing: O,
|
|
6900
|
-
buttonTextAppearance:
|
|
6900
|
+
buttonTextAppearance: z,
|
|
6901
6901
|
statusFontSettings: C,
|
|
6902
6902
|
statusFontSize: f,
|
|
6903
6903
|
statusLineHeight: A,
|
|
6904
|
-
statusLetterSpacing:
|
|
6905
|
-
statusWordSpacing:
|
|
6906
|
-
statusTextAppearance:
|
|
6907
|
-
iconMaxWidth:
|
|
6904
|
+
statusLetterSpacing: h,
|
|
6905
|
+
statusWordSpacing: P,
|
|
6906
|
+
statusTextAppearance: $,
|
|
6907
|
+
iconMaxWidth: N,
|
|
6908
6908
|
minHeight: k,
|
|
6909
6909
|
corners: j,
|
|
6910
6910
|
stroke: B,
|
|
6911
|
-
stateOverrides:
|
|
6911
|
+
stateOverrides: y,
|
|
6912
6912
|
inputPadding: I,
|
|
6913
6913
|
buttonPadding: R,
|
|
6914
6914
|
successMessage: L = "Thanks for subscribing!",
|
|
6915
6915
|
errorMessage: _ = "Please, fill all required fields."
|
|
6916
|
-
} = t,
|
|
6917
|
-
() => Object.fromEntries(
|
|
6918
|
-
), [nt, at] = ct("idle"), [
|
|
6916
|
+
} = t, W = a.slice(0, Math.min(c, a.length)), [Y, ot] = ct(
|
|
6917
|
+
() => Object.fromEntries(W.map((vt) => [vt.name, ""]))
|
|
6918
|
+
), [nt, at] = ct("idle"), [M, J] = ct(null), yt = o === "success" ? "success" : o === "error" ? "error" : nt, lt = o === "error" ? _ : M, mt = o === "filled", xt = ce(() => {
|
|
6919
6919
|
if (!mt) return Y;
|
|
6920
6920
|
let vt = null;
|
|
6921
|
-
for (const
|
|
6922
|
-
(Y[
|
|
6921
|
+
for (const Pt of W)
|
|
6922
|
+
(Y[Pt.name] ?? "").trim().length > 0 || (vt = vt ?? { ...Y }, vt[Pt.name] = "Filled");
|
|
6923
6923
|
return vt ?? Y;
|
|
6924
|
-
}, [mt, Y,
|
|
6924
|
+
}, [mt, Y, W]), Ht = yt === "error" ? cn(W, xt) : null, U = o && o !== "default" ? `${r}-state-${o}` : "", l = W.some((vt) => (xt[vt.name] ?? "").trim().length > 0), H = U !== `${r}-state-filled` && l ? `${r}-state-filled` : "", V = `${U} ${H}`.trim(), q = n == null ? void 0 : n.submitUrl, G = s ?? "", K = (i == null ? void 0 : i.icon) ?? "", Z = (i == null ? void 0 : i.mode) === "On", et = G || "Submit", rt = {
|
|
6925
6925
|
fontSettings: {
|
|
6926
6926
|
fontFamily: d,
|
|
6927
6927
|
fontWeight: (p == null ? void 0 : p.fontWeight) ?? 400,
|
|
@@ -6936,14 +6936,14 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6936
6936
|
}, it = {
|
|
6937
6937
|
fontSettings: {
|
|
6938
6938
|
fontFamily: d,
|
|
6939
|
-
fontWeight: (
|
|
6940
|
-
fontStyle: (
|
|
6939
|
+
fontWeight: (T == null ? void 0 : T.fontWeight) ?? 400,
|
|
6940
|
+
fontStyle: (T == null ? void 0 : T.fontStyle) ?? "normal"
|
|
6941
6941
|
},
|
|
6942
6942
|
fontSize: b ?? 0.01,
|
|
6943
6943
|
lineHeight: v,
|
|
6944
|
-
letterSpacing:
|
|
6944
|
+
letterSpacing: w ?? 0,
|
|
6945
6945
|
wordSpacing: O ?? 0,
|
|
6946
|
-
textAppearance:
|
|
6946
|
+
textAppearance: z,
|
|
6947
6947
|
color: t.buttonTextColor ?? "#ffffff"
|
|
6948
6948
|
}, pt = {
|
|
6949
6949
|
fontSettings: {
|
|
@@ -6953,11 +6953,11 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6953
6953
|
},
|
|
6954
6954
|
fontSize: f ?? 0.01,
|
|
6955
6955
|
lineHeight: A,
|
|
6956
|
-
letterSpacing:
|
|
6957
|
-
wordSpacing:
|
|
6958
|
-
textAppearance:
|
|
6956
|
+
letterSpacing: h ?? 0,
|
|
6957
|
+
wordSpacing: P ?? 0,
|
|
6958
|
+
textAppearance: $,
|
|
6959
6959
|
color: t.successColor ?? "#22c55e"
|
|
6960
|
-
}, Lt = we(te(rt, e)), Q = we(te(it, e)), ut = we(te(pt, e)), wt =
|
|
6960
|
+
}, Lt = we(te(rt, e)), Q = we(te(it, e)), ut = we(te(pt, e)), wt = Ho(r, {
|
|
6961
6961
|
strokeColor: t.strokeColor,
|
|
6962
6962
|
inputColor: t.inputColor,
|
|
6963
6963
|
placeholderColor: t.placeholderColor,
|
|
@@ -6966,40 +6966,40 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6966
6966
|
errorColor: t.errorColor,
|
|
6967
6967
|
inputTextColor: t.inputTextColor ?? (rt == null ? void 0 : rt.color) ?? "#111111",
|
|
6968
6968
|
buttonTextColor: t.buttonTextColor ?? (it == null ? void 0 : it.color) ?? "#ffffff"
|
|
6969
|
-
}, Ul, ql,
|
|
6969
|
+
}, Ul, ql, y), Jt = {
|
|
6970
6970
|
borderRadius: F(j, e),
|
|
6971
6971
|
borderWidth: F(B, e),
|
|
6972
6972
|
borderStyle: "solid"
|
|
6973
6973
|
}, _n = { borderLeftWidth: F(B, e) }, Fe = async (vt) => {
|
|
6974
6974
|
vt.preventDefault();
|
|
6975
|
-
const
|
|
6976
|
-
|
|
6975
|
+
const Pt = Object.fromEntries(
|
|
6976
|
+
W.map((Ct) => {
|
|
6977
6977
|
var Dt;
|
|
6978
6978
|
return [Ct.name, ((Dt = Y[Ct.name]) == null ? void 0 : Dt.trim()) ?? ""];
|
|
6979
6979
|
}).filter(([, Ct]) => Ct)
|
|
6980
6980
|
);
|
|
6981
|
-
if (!
|
|
6981
|
+
if (!q) {
|
|
6982
6982
|
at("error"), J("No integrations were found for this form.");
|
|
6983
6983
|
return;
|
|
6984
6984
|
}
|
|
6985
|
-
if (Object.keys(
|
|
6986
|
-
const ae = cn(
|
|
6985
|
+
if (Object.keys(Pt).length === 0) return;
|
|
6986
|
+
const ae = cn(W, Y);
|
|
6987
6987
|
if (ae) {
|
|
6988
6988
|
at("error"), J(ae);
|
|
6989
6989
|
return;
|
|
6990
6990
|
}
|
|
6991
6991
|
at("submitting"), J(null);
|
|
6992
6992
|
try {
|
|
6993
|
-
const Ct = await fetch(
|
|
6993
|
+
const Ct = await fetch(q, {
|
|
6994
6994
|
method: "POST",
|
|
6995
6995
|
headers: { "Content-Type": "application/json" },
|
|
6996
|
-
body: JSON.stringify(
|
|
6996
|
+
body: JSON.stringify(Pt)
|
|
6997
6997
|
});
|
|
6998
6998
|
if (!Ct.ok) {
|
|
6999
6999
|
const Dt = await Ct.text();
|
|
7000
7000
|
throw new Error(Dt || `Request failed: ${Ct.status}`);
|
|
7001
7001
|
}
|
|
7002
|
-
at("success"), ot(Object.fromEntries(
|
|
7002
|
+
at("success"), ot(Object.fromEntries(W.map((Dt) => [Dt.name, ""])));
|
|
7003
7003
|
} catch (Ct) {
|
|
7004
7004
|
at("error"), J(Ct instanceof Error ? Ct.message : "Something went wrong");
|
|
7005
7005
|
}
|
|
@@ -7022,14 +7022,14 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
7022
7022
|
{
|
|
7023
7023
|
className: `${r}-inputWrap ${r}-overlayAnchor`,
|
|
7024
7024
|
style: { flex: 1, minWidth: 0 },
|
|
7025
|
-
children:
|
|
7025
|
+
children: W.map((vt) => /* @__PURE__ */ S(
|
|
7026
7026
|
"input",
|
|
7027
7027
|
{
|
|
7028
7028
|
type: vt.type === "email" ? "email" : vt.type === "phone" ? "tel" : "text",
|
|
7029
7029
|
name: vt.name,
|
|
7030
7030
|
autoComplete: "off",
|
|
7031
7031
|
value: xt[vt.name] ?? "",
|
|
7032
|
-
onChange: (
|
|
7032
|
+
onChange: (Pt) => ot((ae) => ({ ...ae, [vt.name]: Pt.target.value })),
|
|
7033
7033
|
placeholder: vt.placeholder,
|
|
7034
7034
|
required: vt.isRequired ?? vt.type === "email",
|
|
7035
7035
|
className: `${r}-input`,
|
|
@@ -7059,16 +7059,16 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
7059
7059
|
paddingTop: F(R.top, e),
|
|
7060
7060
|
paddingBottom: F(R.bottom, e)
|
|
7061
7061
|
},
|
|
7062
|
-
children: nt === "submitting" ? "..." : Z ?
|
|
7062
|
+
children: nt === "submitting" ? "..." : Z ? K && /* @__PURE__ */ S(
|
|
7063
7063
|
Ce,
|
|
7064
7064
|
{
|
|
7065
|
-
url:
|
|
7065
|
+
url: K,
|
|
7066
7066
|
className: `${r}-submitBtnIcon`,
|
|
7067
|
-
style: { maxWidth: F(
|
|
7067
|
+
style: { maxWidth: F(N ?? 0, e) },
|
|
7068
7068
|
fill: `var(--${r}-button-text-color)`,
|
|
7069
7069
|
hoverFill: `var(--${r}-button-text-color)`
|
|
7070
7070
|
}
|
|
7071
|
-
) :
|
|
7071
|
+
) : G
|
|
7072
7072
|
}
|
|
7073
7073
|
) })
|
|
7074
7074
|
]
|
|
@@ -7088,7 +7088,7 @@ const jl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
7088
7088
|
className: `${r}-error`,
|
|
7089
7089
|
style: { ...ut },
|
|
7090
7090
|
role: "alert",
|
|
7091
|
-
children:
|
|
7091
|
+
children: Ht ?? lt ?? _
|
|
7092
7092
|
}
|
|
7093
7093
|
)
|
|
7094
7094
|
] });
|
|
@@ -8209,19 +8209,19 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8209
8209
|
textAppearance: t.textAppearance,
|
|
8210
8210
|
color: t.color
|
|
8211
8211
|
}), ps = ({ settings: t, content: e, isEditor: n, isPreviewMode: o }) => {
|
|
8212
|
-
const { autoplay: r, align: a, speed: i, direction:
|
|
8212
|
+
const { autoplay: r, align: a, speed: i, direction: s, pauseOnHover: c, gap: d, cardWidth: p, corners: E, stroke: x, strokeColor: m, bgColor: u, padding: g, logoMarginTop: T, logoWidth: b, logoHeight: v, textMinHeight: w, captionMinHeight: O, captionMarginTop: z } = t, C = r === "on", f = C && !o, A = Math.max(0, ss(i)) * ls, h = (l) => F(l, n ?? !1), P = bt(null), $ = bt(null), N = bt(null), [k, j] = ct(0), [B, y] = ct(0), I = bt(0), R = bt(!1), L = bt(null), _ = f && c === "on", W = ce(() => typeof s == "boolean" ? s ? "right" : "left" : String(s ?? "").trim().toLowerCase() === "right" ? "right" : "left", [s]), Y = bt(W), ot = (l) => {
|
|
8213
8213
|
var wt;
|
|
8214
|
-
const
|
|
8215
|
-
if (
|
|
8216
|
-
const V =
|
|
8217
|
-
return typeof
|
|
8214
|
+
const H = (wt = t == null ? void 0 : t.styles) == null ? void 0 : wt[l];
|
|
8215
|
+
if (H) return H;
|
|
8216
|
+
const V = l === "text" ? "text" : "caption", q = t == null ? void 0 : t[`${V}FontFamily`], G = t == null ? void 0 : t[`${V}FontSettings`], K = t == null ? void 0 : t[`${V}LetterSpacing`], Z = t == null ? void 0 : t[`${V}WordSpacing`], et = t == null ? void 0 : t[`${V}TextAlign`], rt = t == null ? void 0 : t[`${V}TextAppearance`], it = (t == null ? void 0 : t[`${V}Color`]) ?? (l === "text" ? t == null ? void 0 : t.imageCaptionColor : void 0), pt = t == null ? void 0 : t[`${V}FontSize`], Lt = t == null ? void 0 : t[`${V}LineHeight`];
|
|
8217
|
+
return typeof q == "string" || !!G || typeof K == "number" || typeof Z == "number" || typeof et == "string" || !!rt || typeof it == "string" || typeof pt == "number" || typeof Lt == "number" ? {
|
|
8218
8218
|
widthSettings: { width: 0.13, sizing: "manual" },
|
|
8219
8219
|
fontSettings: {
|
|
8220
|
-
fontFamily: typeof
|
|
8221
|
-
fontWeight: typeof (
|
|
8222
|
-
fontStyle: typeof (
|
|
8220
|
+
fontFamily: typeof q == "string" ? q : "Arial",
|
|
8221
|
+
fontWeight: typeof (G == null ? void 0 : G.fontWeight) == "number" ? G.fontWeight : 400,
|
|
8222
|
+
fontStyle: typeof (G == null ? void 0 : G.fontStyle) == "string" ? G.fontStyle : "normal"
|
|
8223
8223
|
},
|
|
8224
|
-
letterSpacing: typeof
|
|
8224
|
+
letterSpacing: typeof K == "number" ? K : 0,
|
|
8225
8225
|
wordSpacing: typeof Z == "number" ? Z : 0,
|
|
8226
8226
|
textAlign: et === "left" || et === "center" || et === "right" ? et : "left",
|
|
8227
8227
|
fontSizeLineHeight: {
|
|
@@ -8235,45 +8235,45 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8235
8235
|
},
|
|
8236
8236
|
color: typeof it == "string" ? it : "#000000"
|
|
8237
8237
|
} : void 0;
|
|
8238
|
-
}, nt = ot("text"), at = ot("caption"),
|
|
8238
|
+
}, nt = ot("text"), at = ot("caption"), M = ce(() => !C || (e == null ? void 0 : e.length) === 0 ? 1 : B <= 0 || k <= 0 ? 2 : Math.max(2, Math.ceil(k / B) + 1), [C, e == null ? void 0 : e.length, B, k]);
|
|
8239
8239
|
go(() => {
|
|
8240
8240
|
if (!C) return;
|
|
8241
|
-
const
|
|
8242
|
-
if (!
|
|
8241
|
+
const l = P.current, H = N.current;
|
|
8242
|
+
if (!l || !H) return;
|
|
8243
8243
|
let V = 0;
|
|
8244
|
-
const
|
|
8245
|
-
j(
|
|
8246
|
-
},
|
|
8247
|
-
cancelAnimationFrame(V), V = requestAnimationFrame(
|
|
8244
|
+
const q = () => {
|
|
8245
|
+
j(l.getBoundingClientRect().width), y(H.getBoundingClientRect().width);
|
|
8246
|
+
}, G = () => {
|
|
8247
|
+
cancelAnimationFrame(V), V = requestAnimationFrame(q);
|
|
8248
8248
|
};
|
|
8249
|
-
|
|
8250
|
-
const
|
|
8251
|
-
return
|
|
8252
|
-
cancelAnimationFrame(V),
|
|
8249
|
+
G();
|
|
8250
|
+
const K = new ResizeObserver(G);
|
|
8251
|
+
return K.observe(l), K.observe(H), () => {
|
|
8252
|
+
cancelAnimationFrame(V), K.disconnect();
|
|
8253
8253
|
};
|
|
8254
8254
|
}, [C, e == null ? void 0 : e.length]), go(() => {
|
|
8255
|
-
const
|
|
8256
|
-
if (!C || !
|
|
8255
|
+
const l = $.current;
|
|
8256
|
+
if (!C || !l || !f) return;
|
|
8257
8257
|
if (B <= 0 || A <= 0) {
|
|
8258
|
-
|
|
8258
|
+
l.style.transform = "translate3d(0, 0, 0)";
|
|
8259
8259
|
return;
|
|
8260
8260
|
}
|
|
8261
|
-
|
|
8262
|
-
const
|
|
8263
|
-
[{ transform: `translate3d(${V}px, 0, 0)` }, { transform: `translate3d(${
|
|
8264
|
-
{ duration:
|
|
8261
|
+
Y.current !== W && (I.current = 1 - I.current, Y.current = W);
|
|
8262
|
+
const H = B / A * 1e3, V = W === "left" ? -B : 0, q = W === "left" ? 0 : -B, G = l.animate(
|
|
8263
|
+
[{ transform: `translate3d(${V}px, 0, 0)` }, { transform: `translate3d(${q}px, 0, 0)` }],
|
|
8264
|
+
{ duration: H, iterations: 1 / 0, easing: "linear" }
|
|
8265
8265
|
);
|
|
8266
|
-
return
|
|
8267
|
-
const
|
|
8268
|
-
I.current =
|
|
8266
|
+
return G.currentTime = I.current * H, R.current && G.pause(), L.current = G, () => {
|
|
8267
|
+
const K = typeof G.currentTime == "number" ? G.currentTime : 0;
|
|
8268
|
+
I.current = H > 0 ? K / H % 1 : 0, G.cancel(), L.current === G && (L.current = null);
|
|
8269
8269
|
};
|
|
8270
|
-
}, [C, f, B, A,
|
|
8270
|
+
}, [C, f, B, A, W]);
|
|
8271
8271
|
const J = () => {
|
|
8272
|
-
var
|
|
8273
|
-
|
|
8272
|
+
var l;
|
|
8273
|
+
_ && (R.current = !0, (l = L.current) == null || l.pause());
|
|
8274
8274
|
}, yt = () => {
|
|
8275
|
-
var
|
|
8276
|
-
|
|
8275
|
+
var l;
|
|
8276
|
+
_ && (R.current = !1, (l = L.current) == null || l.play());
|
|
8277
8277
|
}, lt = ce(() => {
|
|
8278
8278
|
switch (a) {
|
|
8279
8279
|
case "center":
|
|
@@ -8294,7 +8294,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8294
8294
|
default:
|
|
8295
8295
|
return "left";
|
|
8296
8296
|
}
|
|
8297
|
-
}, [a]), xt = (
|
|
8297
|
+
}, [a]), xt = (l, H, V, q) => /* @__PURE__ */ dt(
|
|
8298
8298
|
"div",
|
|
8299
8299
|
{
|
|
8300
8300
|
style: {
|
|
@@ -8304,58 +8304,55 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8304
8304
|
width: "100%"
|
|
8305
8305
|
},
|
|
8306
8306
|
children: [
|
|
8307
|
-
/* @__PURE__ */ S(
|
|
8307
|
+
q != null && q.marginTop ? /* @__PURE__ */ S(
|
|
8308
8308
|
"div",
|
|
8309
8309
|
{
|
|
8310
|
-
"data-controls":
|
|
8310
|
+
"data-controls": q.controlsName,
|
|
8311
8311
|
className: Rt.control,
|
|
8312
|
-
style: { width: "100%", height:
|
|
8312
|
+
style: { width: "100%", height: h(q.marginTop) }
|
|
8313
8313
|
}
|
|
8314
|
-
),
|
|
8314
|
+
) : null,
|
|
8315
8315
|
/* @__PURE__ */ S(
|
|
8316
8316
|
"div",
|
|
8317
8317
|
{
|
|
8318
|
-
"data-styles": V,
|
|
8319
8318
|
className: Rt.caption,
|
|
8320
8319
|
style: {
|
|
8321
|
-
...te(cs(
|
|
8320
|
+
...te(cs(l), n),
|
|
8322
8321
|
textAlign: mt,
|
|
8323
8322
|
pointerEvents: "auto",
|
|
8324
|
-
...
|
|
8323
|
+
...q != null && q.minHeight ? { minHeight: h(q.minHeight) } : {}
|
|
8325
8324
|
},
|
|
8326
|
-
children: /* @__PURE__ */ S(Ve, { content:
|
|
8325
|
+
children: /* @__PURE__ */ S(Ve, { content: H })
|
|
8327
8326
|
}
|
|
8328
8327
|
)
|
|
8329
8328
|
]
|
|
8330
8329
|
},
|
|
8331
|
-
|
|
8332
|
-
),
|
|
8333
|
-
var V,
|
|
8330
|
+
V
|
|
8331
|
+
), Ht = (l, H) => {
|
|
8332
|
+
var V, q, G, K;
|
|
8334
8333
|
return /* @__PURE__ */ dt(
|
|
8335
8334
|
"div",
|
|
8336
8335
|
{
|
|
8337
8336
|
style: {
|
|
8338
|
-
padding: `${
|
|
8339
|
-
width:
|
|
8340
|
-
minHeight: y(E),
|
|
8337
|
+
padding: `${h(g.top)} ${h(g.right)} ${h(g.bottom)} ${h(g.left)}`,
|
|
8338
|
+
width: h(p + x * 2),
|
|
8341
8339
|
height: "100%",
|
|
8342
|
-
borderRadius:
|
|
8343
|
-
border: `${
|
|
8340
|
+
borderRadius: h(E),
|
|
8341
|
+
border: `${h(x)} solid ${m}`,
|
|
8344
8342
|
boxSizing: "border-box",
|
|
8345
8343
|
position: "relative",
|
|
8346
8344
|
overflow: "hidden"
|
|
8347
8345
|
},
|
|
8348
8346
|
children: [
|
|
8349
|
-
((V =
|
|
8347
|
+
((V = l.image) == null ? void 0 : V.url) && /* @__PURE__ */ S(
|
|
8350
8348
|
"img",
|
|
8351
8349
|
{
|
|
8352
8350
|
className: Rt.image,
|
|
8353
|
-
src:
|
|
8354
|
-
alt:
|
|
8351
|
+
src: l.image.url,
|
|
8352
|
+
alt: l.image.name,
|
|
8355
8353
|
style: {
|
|
8356
|
-
objectFit:
|
|
8357
|
-
borderRadius:
|
|
8358
|
-
height: y(E)
|
|
8354
|
+
objectFit: l.image.objectFit || "cover",
|
|
8355
|
+
borderRadius: h(E)
|
|
8359
8356
|
}
|
|
8360
8357
|
}
|
|
8361
8358
|
),
|
|
@@ -8363,7 +8360,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8363
8360
|
"div",
|
|
8364
8361
|
{
|
|
8365
8362
|
className: Rt.cover,
|
|
8366
|
-
style: { background:
|
|
8363
|
+
style: { background: u, height: "100%" }
|
|
8367
8364
|
}
|
|
8368
8365
|
),
|
|
8369
8366
|
/* @__PURE__ */ dt(
|
|
@@ -8378,7 +8375,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8378
8375
|
textAlign: mt
|
|
8379
8376
|
},
|
|
8380
8377
|
children: [
|
|
8381
|
-
nt && xt(nt,
|
|
8378
|
+
nt && l.text && xt(nt, l.text, "text", { minHeight: w }),
|
|
8382
8379
|
/* @__PURE__ */ dt(
|
|
8383
8380
|
"div",
|
|
8384
8381
|
{
|
|
@@ -8394,30 +8391,34 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8394
8391
|
{
|
|
8395
8392
|
"data-controls": "logoMarginTop",
|
|
8396
8393
|
className: Rt.control,
|
|
8397
|
-
style: { width: "100%", height:
|
|
8394
|
+
style: { width: "100%", height: h(T) }
|
|
8398
8395
|
}
|
|
8399
8396
|
),
|
|
8400
|
-
/* @__PURE__ */ S("div", { style: { width:
|
|
8397
|
+
/* @__PURE__ */ S("div", { style: { width: h(b), height: h(v) }, children: /* @__PURE__ */ S(
|
|
8401
8398
|
"img",
|
|
8402
8399
|
{
|
|
8403
|
-
src: (
|
|
8404
|
-
alt: (
|
|
8405
|
-
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((
|
|
8400
|
+
src: (q = l.logo) == null ? void 0 : q.url,
|
|
8401
|
+
alt: (G = l.logo) == null ? void 0 : G.name,
|
|
8402
|
+
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((K = l.logo) == null ? void 0 : K.objectFit) || "cover" }
|
|
8406
8403
|
}
|
|
8407
8404
|
) })
|
|
8408
8405
|
]
|
|
8409
8406
|
},
|
|
8410
8407
|
"logo"
|
|
8411
8408
|
),
|
|
8412
|
-
at && xt(at,
|
|
8409
|
+
at && l.caption && xt(at, l.caption, "caption", {
|
|
8410
|
+
controlsName: "captionMarginTop",
|
|
8411
|
+
marginTop: z,
|
|
8412
|
+
minHeight: O
|
|
8413
|
+
})
|
|
8413
8414
|
]
|
|
8414
8415
|
}
|
|
8415
8416
|
)
|
|
8416
8417
|
]
|
|
8417
8418
|
},
|
|
8418
|
-
|
|
8419
|
+
H
|
|
8419
8420
|
);
|
|
8420
|
-
}, U = (
|
|
8421
|
+
}, U = (l, H, V) => /* @__PURE__ */ dt(
|
|
8421
8422
|
"div",
|
|
8422
8423
|
{
|
|
8423
8424
|
style: {
|
|
@@ -8426,7 +8427,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8426
8427
|
height: "100%"
|
|
8427
8428
|
},
|
|
8428
8429
|
children: [
|
|
8429
|
-
|
|
8430
|
+
Ht(l, `card-${H}`),
|
|
8430
8431
|
n && !V && /* @__PURE__ */ S(
|
|
8431
8432
|
"div",
|
|
8432
8433
|
{
|
|
@@ -8435,8 +8436,8 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8435
8436
|
style: {
|
|
8436
8437
|
position: "absolute",
|
|
8437
8438
|
top: 0,
|
|
8438
|
-
right: `calc(-1 * ${
|
|
8439
|
-
width:
|
|
8439
|
+
right: `calc(-1 * ${h(d)})`,
|
|
8440
|
+
width: h(d),
|
|
8440
8441
|
height: "100%",
|
|
8441
8442
|
pointerEvents: "auto",
|
|
8442
8443
|
zIndex: 2
|
|
@@ -8445,27 +8446,27 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8445
8446
|
)
|
|
8446
8447
|
]
|
|
8447
8448
|
},
|
|
8448
|
-
|
|
8449
|
+
H
|
|
8449
8450
|
);
|
|
8450
|
-
return C && (e != null && e.length) && e.length > 0 ? /* @__PURE__ */ S("div", { ref:
|
|
8451
|
+
return C && (e != null && e.length) && e.length > 0 ? /* @__PURE__ */ S("div", { ref: P, className: ft(Rt.wrapper, Rt.marqueeWrapper), "aria-label": "Testimonials", children: /* @__PURE__ */ S(
|
|
8451
8452
|
"div",
|
|
8452
8453
|
{
|
|
8453
|
-
ref:
|
|
8454
|
+
ref: $,
|
|
8454
8455
|
className: Rt.marqueeTrack,
|
|
8455
8456
|
onMouseEnter: J,
|
|
8456
8457
|
onMouseLeave: yt,
|
|
8457
|
-
children: Array.from({ length:
|
|
8458
|
+
children: Array.from({ length: M }, (l, H) => /* @__PURE__ */ S(
|
|
8458
8459
|
"div",
|
|
8459
8460
|
{
|
|
8460
|
-
ref:
|
|
8461
|
+
ref: H === 0 ? N : void 0,
|
|
8461
8462
|
className: Rt.marqueeSet,
|
|
8462
|
-
style: { gap:
|
|
8463
|
-
"aria-hidden":
|
|
8463
|
+
style: { gap: h(d), paddingRight: h(d) },
|
|
8464
|
+
"aria-hidden": H > 0,
|
|
8464
8465
|
children: e == null ? void 0 : e.map(
|
|
8465
|
-
(V,
|
|
8466
|
+
(V, q) => U(V, `${H}-${q}`, q === ((e == null ? void 0 : e.length) ?? 0) - 1)
|
|
8466
8467
|
)
|
|
8467
8468
|
},
|
|
8468
|
-
`set-${
|
|
8469
|
+
`set-${H}`
|
|
8469
8470
|
))
|
|
8470
8471
|
}
|
|
8471
8472
|
) }) : /* @__PURE__ */ S("div", { className: Rt.wrapper, children: /* @__PURE__ */ S(
|
|
@@ -8474,13 +8475,13 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8474
8475
|
style: {
|
|
8475
8476
|
display: "flex",
|
|
8476
8477
|
flexDirection: "row",
|
|
8477
|
-
gap:
|
|
8478
|
+
gap: h(d),
|
|
8478
8479
|
justifyContent: "center",
|
|
8479
8480
|
overflowX: "auto"
|
|
8480
8481
|
},
|
|
8481
8482
|
"aria-label": "Testimonials",
|
|
8482
8483
|
children: e == null ? void 0 : e.map(
|
|
8483
|
-
(
|
|
8484
|
+
(l, H) => U(l, H, H === ((e == null ? void 0 : e.length) ?? 0) - 1)
|
|
8484
8485
|
)
|
|
8485
8486
|
}
|
|
8486
8487
|
) });
|
|
@@ -8543,7 +8544,7 @@ const resolveCaptionTextStyles = (caption: CaptionStyles): TextStyles => ({
|
|
|
8543
8544
|
});
|
|
8544
8545
|
|
|
8545
8546
|
export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => {
|
|
8546
|
-
const { autoplay, align, speed, direction, pauseOnHover, gap, cardWidth,
|
|
8547
|
+
const { autoplay, align, speed, direction, pauseOnHover, gap, cardWidth, corners, stroke, strokeColor, bgColor, padding, logoMarginTop, logoWidth, logoHeight, textMinHeight, captionMinHeight, captionMarginTop } = settings;
|
|
8547
8548
|
const isAutoplay = autoplay === 'on';
|
|
8548
8549
|
const isAnimating = isAutoplay && !isPreviewMode;
|
|
8549
8550
|
const pxPerSec = Math.max(0, parseSpeed(speed)) * PX_PER_SEC_PER_SPEED_UNIT;
|
|
@@ -8556,7 +8557,6 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8556
8557
|
const progressRef = useRef(0);
|
|
8557
8558
|
const hoveringRef = useRef(false);
|
|
8558
8559
|
const animRef = useRef<Animation | null>(null);
|
|
8559
|
-
const lastDirectionRef = useRef(direction);
|
|
8560
8560
|
const hoverPauseEnabled = isAnimating && pauseOnHover === 'on';
|
|
8561
8561
|
|
|
8562
8562
|
const normalizedDirection = useMemo<'left' | 'right'>(() => {
|
|
@@ -8565,6 +8565,8 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8565
8565
|
return d === 'right' ? 'right' : 'left';
|
|
8566
8566
|
}, [direction]);
|
|
8567
8567
|
|
|
8568
|
+
const lastDirectionRef = useRef<'left' | 'right'>(normalizedDirection);
|
|
8569
|
+
|
|
8568
8570
|
const resolveCaptionStyle = (kind: 'text' | 'caption'): CaptionStyles | undefined => {
|
|
8569
8571
|
const fromNested = (settings as any)?.styles?.[kind] as CaptionStyles | undefined;
|
|
8570
8572
|
if (fromNested) return fromNested;
|
|
@@ -8659,9 +8661,9 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8659
8661
|
track.style.transform = 'translate3d(0, 0, 0)';
|
|
8660
8662
|
return;
|
|
8661
8663
|
}
|
|
8662
|
-
if (lastDirectionRef.current !==
|
|
8664
|
+
if (lastDirectionRef.current !== normalizedDirection) {
|
|
8663
8665
|
progressRef.current = 1 - progressRef.current;
|
|
8664
|
-
lastDirectionRef.current =
|
|
8666
|
+
lastDirectionRef.current = normalizedDirection;
|
|
8665
8667
|
}
|
|
8666
8668
|
const duration = (setWidth / pxPerSec) * 1000;
|
|
8667
8669
|
const from = normalizedDirection === 'left' ? -setWidth : 0;
|
|
@@ -8680,7 +8682,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8680
8682
|
anim.cancel();
|
|
8681
8683
|
if (animRef.current === anim) animRef.current = null;
|
|
8682
8684
|
};
|
|
8683
|
-
}, [isAutoplay, isAnimating, setWidth, pxPerSec,
|
|
8685
|
+
}, [isAutoplay, isAnimating, setWidth, pxPerSec, normalizedDirection]);
|
|
8684
8686
|
|
|
8685
8687
|
const onTrackEnter = () => {
|
|
8686
8688
|
if (!hoverPauseEnabled) return;
|
|
@@ -8720,11 +8722,12 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8720
8722
|
const renderText = (
|
|
8721
8723
|
style: CaptionStyles,
|
|
8722
8724
|
content: any[],
|
|
8723
|
-
dataStyles: string,
|
|
8724
|
-
dataControls: string,
|
|
8725
8725
|
key: string,
|
|
8726
|
-
|
|
8727
|
-
|
|
8726
|
+
options?: {
|
|
8727
|
+
controlsName?: string;
|
|
8728
|
+
marginTop?: number;
|
|
8729
|
+
minHeight?: number;
|
|
8730
|
+
}
|
|
8728
8731
|
) => (
|
|
8729
8732
|
<div
|
|
8730
8733
|
key={key}
|
|
@@ -8735,19 +8738,20 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8735
8738
|
width: '100%',
|
|
8736
8739
|
}}
|
|
8737
8740
|
>
|
|
8741
|
+
{options?.marginTop ? (
|
|
8742
|
+
<div
|
|
8743
|
+
data-controls={options.controlsName}
|
|
8744
|
+
className={classes.control}
|
|
8745
|
+
style={{ width: '100%', height: scaled(options.marginTop) }}
|
|
8746
|
+
/>
|
|
8747
|
+
) : null}
|
|
8738
8748
|
<div
|
|
8739
|
-
data-controls={dataControls}
|
|
8740
|
-
className={classes.control}
|
|
8741
|
-
style={{ width: '100%', height: scaled(marginTop) }}
|
|
8742
|
-
/>
|
|
8743
|
-
<div
|
|
8744
|
-
data-styles={dataStyles}
|
|
8745
8749
|
className={classes.caption}
|
|
8746
8750
|
style={{
|
|
8747
8751
|
...textStylesToCss(resolveCaptionTextStyles(style), isEditor),
|
|
8748
8752
|
textAlign: overlayTextAlign,
|
|
8749
8753
|
pointerEvents: 'auto',
|
|
8750
|
-
...(minHeight ? { minHeight: scaled(minHeight) } : {}),
|
|
8754
|
+
...(options?.minHeight ? { minHeight: scaled(options.minHeight) } : {}),
|
|
8751
8755
|
}}
|
|
8752
8756
|
>
|
|
8753
8757
|
<RichTextRenderer content={content} />
|
|
@@ -8761,7 +8765,6 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8761
8765
|
style={{
|
|
8762
8766
|
padding: \`\${scaled(padding.top)} \${scaled(padding.right)} \${scaled(padding.bottom)} \${scaled(padding.left)}\`,
|
|
8763
8767
|
width: scaled(cardWidth + stroke * 2),
|
|
8764
|
-
minHeight: scaled(cardHeight),
|
|
8765
8768
|
height: '100%',
|
|
8766
8769
|
borderRadius: scaled(corners),
|
|
8767
8770
|
border: \`\${scaled(stroke)} solid \${strokeColor}\`,
|
|
@@ -8778,7 +8781,6 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8778
8781
|
style={{
|
|
8779
8782
|
objectFit: item.image.objectFit || 'cover',
|
|
8780
8783
|
borderRadius: scaled(corners),
|
|
8781
|
-
height: scaled(cardHeight),
|
|
8782
8784
|
}}
|
|
8783
8785
|
/>
|
|
8784
8786
|
)}
|
|
@@ -8796,7 +8798,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8796
8798
|
textAlign: overlayTextAlign,
|
|
8797
8799
|
}}
|
|
8798
8800
|
>
|
|
8799
|
-
{textStyle && renderText(textStyle, item.text, 'text',
|
|
8801
|
+
{textStyle && item.text && renderText(textStyle, item.text, 'text', { minHeight: textMinHeight })}
|
|
8800
8802
|
<div
|
|
8801
8803
|
key="logo"
|
|
8802
8804
|
style={{
|
|
@@ -8811,7 +8813,7 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8811
8813
|
className={classes.control}
|
|
8812
8814
|
style={{ width: '100%', height: scaled(logoMarginTop) }}
|
|
8813
8815
|
/>
|
|
8814
|
-
<div style={{ width: scaled(logoWidth) }}>
|
|
8816
|
+
<div style={{ width: scaled(logoWidth), height: scaled(logoHeight) }}>
|
|
8815
8817
|
<img
|
|
8816
8818
|
src={item.logo?.url}
|
|
8817
8819
|
alt={item.logo?.name}
|
|
@@ -8819,7 +8821,12 @@ export const Testimonials = ({ settings, content, isEditor, isPreviewMode }: Tes
|
|
|
8819
8821
|
/>
|
|
8820
8822
|
</div>
|
|
8821
8823
|
</div>
|
|
8822
|
-
{captionStyle &&
|
|
8824
|
+
{captionStyle && item.caption &&
|
|
8825
|
+
renderText(captionStyle, item.caption, 'caption', {
|
|
8826
|
+
controlsName: 'captionMarginTop',
|
|
8827
|
+
marginTop: captionMarginTop,
|
|
8828
|
+
minHeight: captionMinHeight,
|
|
8829
|
+
})}
|
|
8823
8830
|
</div>
|
|
8824
8831
|
</div>
|
|
8825
8832
|
);
|
|
@@ -8910,8 +8917,8 @@ export type TestimonialsItem = {
|
|
|
8910
8917
|
name?: string;
|
|
8911
8918
|
objectFit?: 'cover' | 'contain';
|
|
8912
8919
|
};
|
|
8913
|
-
text
|
|
8914
|
-
caption
|
|
8920
|
+
text?: any[];
|
|
8921
|
+
caption?: any[];
|
|
8915
8922
|
};
|
|
8916
8923
|
|
|
8917
8924
|
type Padding = {
|
|
@@ -8922,7 +8929,6 @@ type Padding = {
|
|
|
8922
8929
|
};
|
|
8923
8930
|
|
|
8924
8931
|
type TestimonialsSettings = {
|
|
8925
|
-
type: 'A' | 'B';
|
|
8926
8932
|
autoplay: 'on' | 'off';
|
|
8927
8933
|
speed: number;
|
|
8928
8934
|
align: 'start' | 'center' | 'end';
|
|
@@ -8930,7 +8936,6 @@ type TestimonialsSettings = {
|
|
|
8930
8936
|
pauseOnHover: 'on' | 'off';
|
|
8931
8937
|
gap: number;
|
|
8932
8938
|
cardWidth: number;
|
|
8933
|
-
cardHeight: number;
|
|
8934
8939
|
corners: number;
|
|
8935
8940
|
stroke: number;
|
|
8936
8941
|
strokeColor: string;
|
|
@@ -8938,8 +8943,9 @@ type TestimonialsSettings = {
|
|
|
8938
8943
|
padding: Padding;
|
|
8939
8944
|
logoMarginTop: number;
|
|
8940
8945
|
logoWidth: number;
|
|
8941
|
-
|
|
8946
|
+
logoHeight: number;
|
|
8942
8947
|
textMinHeight: number;
|
|
8948
|
+
captionMinHeight: number;
|
|
8943
8949
|
captionMarginTop: number;
|
|
8944
8950
|
styles: TestimonialsStyles;
|
|
8945
8951
|
};
|
|
@@ -9042,14 +9048,6 @@ type TestimonialsStyles = {
|
|
|
9042
9048
|
max: 400,
|
|
9043
9049
|
display: { type: "range-control" }
|
|
9044
9050
|
},
|
|
9045
|
-
cardHeight: {
|
|
9046
|
-
type: "number",
|
|
9047
|
-
scope: "layout",
|
|
9048
|
-
title: "height",
|
|
9049
|
-
min: 0,
|
|
9050
|
-
max: 400,
|
|
9051
|
-
display: { type: "range-control" }
|
|
9052
|
-
},
|
|
9053
9051
|
corners: {
|
|
9054
9052
|
type: "number",
|
|
9055
9053
|
scope: "layout",
|
|
@@ -9070,7 +9068,7 @@ type TestimonialsStyles = {
|
|
|
9070
9068
|
type: "string",
|
|
9071
9069
|
scope: "common",
|
|
9072
9070
|
title: "Stroke color",
|
|
9073
|
-
display: { type: "palette-color-picker" }
|
|
9071
|
+
display: { type: "palette-color-picker", visible: !0 }
|
|
9074
9072
|
},
|
|
9075
9073
|
bgColor: {
|
|
9076
9074
|
title: "BG color",
|
|
@@ -9095,7 +9093,15 @@ type TestimonialsStyles = {
|
|
|
9095
9093
|
logoWidth: {
|
|
9096
9094
|
type: "number",
|
|
9097
9095
|
scope: "layout",
|
|
9098
|
-
title: "
|
|
9096
|
+
title: "width",
|
|
9097
|
+
min: 0,
|
|
9098
|
+
max: 200,
|
|
9099
|
+
display: { type: "range-control" }
|
|
9100
|
+
},
|
|
9101
|
+
logoHeight: {
|
|
9102
|
+
type: "number",
|
|
9103
|
+
scope: "layout",
|
|
9104
|
+
title: "height",
|
|
9099
9105
|
min: 0,
|
|
9100
9106
|
max: 200,
|
|
9101
9107
|
display: { type: "range-control" }
|
|
@@ -9112,18 +9118,18 @@ type TestimonialsStyles = {
|
|
|
9112
9118
|
title: "Caption color",
|
|
9113
9119
|
display: { type: "palette-color-picker" }
|
|
9114
9120
|
},
|
|
9115
|
-
|
|
9121
|
+
textMinHeight: {
|
|
9116
9122
|
type: "number",
|
|
9117
9123
|
scope: "layout",
|
|
9118
|
-
title: "
|
|
9124
|
+
title: "Quote",
|
|
9119
9125
|
min: 0,
|
|
9120
|
-
max:
|
|
9126
|
+
max: 300,
|
|
9121
9127
|
display: { type: "range-control" }
|
|
9122
9128
|
},
|
|
9123
|
-
|
|
9129
|
+
captionMinHeight: {
|
|
9124
9130
|
type: "number",
|
|
9125
9131
|
scope: "layout",
|
|
9126
|
-
title: "
|
|
9132
|
+
title: "Caption",
|
|
9127
9133
|
min: 0,
|
|
9128
9134
|
max: 300,
|
|
9129
9135
|
display: { type: "range-control" }
|
|
@@ -9226,7 +9232,7 @@ type TestimonialsStyles = {
|
|
|
9226
9232
|
direction: "left",
|
|
9227
9233
|
pauseOnHover: "off",
|
|
9228
9234
|
strokeColor: "#000000",
|
|
9229
|
-
bgColor: "rgba(255, 255, 255, 0.
|
|
9235
|
+
bgColor: "rgba(255, 255, 255, 0.81)",
|
|
9230
9236
|
imageCaptionColor: "#000000",
|
|
9231
9237
|
captionColor: "#000000",
|
|
9232
9238
|
captionFontFamily: "Arial",
|
|
@@ -9234,7 +9240,7 @@ type TestimonialsStyles = {
|
|
|
9234
9240
|
fontWeight: 400,
|
|
9235
9241
|
fontStyle: "normal"
|
|
9236
9242
|
},
|
|
9237
|
-
align: "
|
|
9243
|
+
align: "center",
|
|
9238
9244
|
captionLetterSpacing: 0,
|
|
9239
9245
|
captionWordSpacing: 0,
|
|
9240
9246
|
captionTextAppearance: {
|
|
@@ -9260,36 +9266,45 @@ type TestimonialsStyles = {
|
|
|
9260
9266
|
speed: 3,
|
|
9261
9267
|
gap: 0.02,
|
|
9262
9268
|
cardWidth: 0.15,
|
|
9263
|
-
cardHeight: 0.2,
|
|
9264
9269
|
corners: 5e-3,
|
|
9265
9270
|
stroke: 1e-3,
|
|
9266
|
-
padding: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
9271
|
+
padding: { top: 0.01, right: 0.01, bottom: 0.01, left: 0.01 },
|
|
9267
9272
|
logoMarginTop: 0,
|
|
9268
|
-
logoWidth: 0,
|
|
9269
|
-
|
|
9273
|
+
logoWidth: 0.02,
|
|
9274
|
+
logoHeight: 0.02,
|
|
9270
9275
|
textMinHeight: 0.01,
|
|
9276
|
+
captionMinHeight: 0.01,
|
|
9271
9277
|
captionMarginTop: 0,
|
|
9272
9278
|
textFontSize: 0.01,
|
|
9273
|
-
|
|
9279
|
+
textLineHeight: 0.01,
|
|
9280
|
+
captionFontSize: 0.01,
|
|
9281
|
+
captionLineHeight: 0.01
|
|
9274
9282
|
},
|
|
9275
9283
|
d: {
|
|
9276
9284
|
speed: 5,
|
|
9277
9285
|
gap: 0.02,
|
|
9278
9286
|
cardWidth: 0.15,
|
|
9279
|
-
cardHeight: 0.2,
|
|
9280
9287
|
corners: 5e-3,
|
|
9281
9288
|
stroke: 1e-3,
|
|
9282
|
-
padding: { top: 0, right: 0, bottom: 0, left: 0 },
|
|
9283
|
-
logoMarginTop: 0,
|
|
9284
|
-
logoWidth: 0,
|
|
9285
|
-
|
|
9286
|
-
textMinHeight: 0.
|
|
9287
|
-
|
|
9289
|
+
padding: { top: 0.01, right: 0.01, bottom: 0.01, left: 0.01 },
|
|
9290
|
+
logoMarginTop: 0.01,
|
|
9291
|
+
logoWidth: 0.05,
|
|
9292
|
+
logoHeight: 0.05,
|
|
9293
|
+
textMinHeight: 0.07,
|
|
9294
|
+
captionMinHeight: 0.01,
|
|
9295
|
+
captionMarginTop: 0.01,
|
|
9288
9296
|
textFontSize: 0.01,
|
|
9289
|
-
|
|
9297
|
+
textLineHeight: 0.01,
|
|
9298
|
+
captionFontSize: 0.01,
|
|
9299
|
+
captionLineHeight: 0.01
|
|
9290
9300
|
}
|
|
9291
9301
|
},
|
|
9292
|
-
displayRules: [
|
|
9302
|
+
displayRules: [
|
|
9303
|
+
{
|
|
9304
|
+
if: { name: "stroke", value: 0 },
|
|
9305
|
+
then: { name: "properties.strokeColor.display.visible", value: !1 }
|
|
9306
|
+
}
|
|
9307
|
+
],
|
|
9293
9308
|
layout: [
|
|
9294
9309
|
"__componentName__",
|
|
9295
9310
|
"autoplay",
|
|
@@ -9298,7 +9313,6 @@ type TestimonialsStyles = {
|
|
|
9298
9313
|
"pauseOnHover",
|
|
9299
9314
|
"gap",
|
|
9300
9315
|
"cardWidth",
|
|
9301
|
-
"cardHeight",
|
|
9302
9316
|
"corners",
|
|
9303
9317
|
"stroke",
|
|
9304
9318
|
"strokeColor",
|
|
@@ -9306,7 +9320,7 @@ type TestimonialsStyles = {
|
|
|
9306
9320
|
"padding",
|
|
9307
9321
|
"logoMarginTop",
|
|
9308
9322
|
"logoWidth",
|
|
9309
|
-
"
|
|
9323
|
+
"logoHeight",
|
|
9310
9324
|
"textMinHeight",
|
|
9311
9325
|
"captionMarginTop"
|
|
9312
9326
|
]
|
|
@@ -9319,10 +9333,11 @@ type TestimonialsStyles = {
|
|
|
9319
9333
|
tooltip: "General Settings",
|
|
9320
9334
|
layout: [
|
|
9321
9335
|
{ type: "row", items: ["__componentName__", "autoplay"] },
|
|
9322
|
-
{ type: "row", items: ["speed",
|
|
9323
|
-
{ type: "row", items: ["align"] },
|
|
9324
|
-
{ type: "row", title: "Card", items: [{ type: "group", title: "", items: ["cardWidth", "
|
|
9325
|
-
{ type: "row", title: "
|
|
9336
|
+
{ type: "row", items: ["speed", "pauseOnHover"] },
|
|
9337
|
+
{ type: "row", items: ["align", "direction"] },
|
|
9338
|
+
{ type: "row", title: "Card", items: [{ type: "group", title: "", items: ["cardWidth", "corners", "stroke"] }, { type: "group", title: "", items: ["padding"] }] },
|
|
9339
|
+
{ type: "row", title: "Min Height", items: ["textMinHeight", "captionMinHeight"] },
|
|
9340
|
+
{ type: "row", title: "Logo Container", items: ["logoWidth", "logoHeight"] }
|
|
9326
9341
|
]
|
|
9327
9342
|
},
|
|
9328
9343
|
{
|
|
@@ -9406,7 +9421,7 @@ type TestimonialsStyles = {
|
|
|
9406
9421
|
{
|
|
9407
9422
|
image: {},
|
|
9408
9423
|
logo: {
|
|
9409
|
-
objectFit: "
|
|
9424
|
+
objectFit: "contain",
|
|
9410
9425
|
url: "https://cdn.cntrl.site/component-assets/logo.png",
|
|
9411
9426
|
name: ""
|
|
9412
9427
|
},
|
|
@@ -9426,7 +9441,7 @@ type TestimonialsStyles = {
|
|
|
9426
9441
|
{
|
|
9427
9442
|
image: {},
|
|
9428
9443
|
logo: {
|
|
9429
|
-
objectFit: "
|
|
9444
|
+
objectFit: "contain",
|
|
9430
9445
|
url: "https://cdn.cntrl.site/component-assets/logo.png",
|
|
9431
9446
|
name: ""
|
|
9432
9447
|
},
|
|
@@ -9476,7 +9491,7 @@ type TestimonialsStyles = {
|
|
|
9476
9491
|
url: "https://cdn.cntrl.site/component-assets/testimonials.png"
|
|
9477
9492
|
},
|
|
9478
9493
|
defaultSize: {
|
|
9479
|
-
width:
|
|
9494
|
+
width: 750,
|
|
9480
9495
|
height: 300
|
|
9481
9496
|
},
|
|
9482
9497
|
schema: ds,
|
|
@@ -9498,12 +9513,12 @@ type TestimonialsStyles = {
|
|
|
9498
9513
|
control: bs
|
|
9499
9514
|
}, Ss = ({ settings: t, content: e, isEditor: n }) => {
|
|
9500
9515
|
var v;
|
|
9501
|
-
const o = e || [], { autoplay: r, speed: a, imageWidth: i } = t,
|
|
9516
|
+
const o = e || [], { autoplay: r, speed: a, imageWidth: i } = t, s = r === "on", c = t.width ?? 0, d = t.imageMarginTop ?? 0, p = t.textMarginTop ?? 0, E = t.textMinHeight ?? 0, x = t.captionMarginTop ?? 0, m = o[0], u = (w) => {
|
|
9502
9517
|
var I;
|
|
9503
|
-
const O = (I = t == null ? void 0 : t.styles) == null ? void 0 : I[
|
|
9518
|
+
const O = (I = t == null ? void 0 : t.styles) == null ? void 0 : I[w];
|
|
9504
9519
|
if (O) return O;
|
|
9505
|
-
const
|
|
9506
|
-
return typeof C == "string" || !!f || typeof A == "number" || typeof
|
|
9520
|
+
const z = w === "text" ? "text" : "caption", C = t == null ? void 0 : t[`${z}FontFamily`], f = t == null ? void 0 : t[`${z}FontSettings`], A = t == null ? void 0 : t[`${z}LetterSpacing`], h = t == null ? void 0 : t[`${z}WordSpacing`], P = t == null ? void 0 : t[`${z}TextAlign`], $ = t == null ? void 0 : t[`${z}TextAppearance`], N = t == null ? void 0 : t[`${z}Color`], k = t == null ? void 0 : t[`${z}FontSize`], j = t == null ? void 0 : t[`${z}LineHeight`];
|
|
9521
|
+
return typeof C == "string" || !!f || typeof A == "number" || typeof h == "number" || typeof P == "string" || !!$ || typeof N == "string" || typeof k == "number" || typeof j == "number" ? {
|
|
9507
9522
|
widthSettings: { width: 0.13, sizing: "manual" },
|
|
9508
9523
|
fontSettings: {
|
|
9509
9524
|
fontFamily: typeof C == "string" ? C : "Arial",
|
|
@@ -9511,20 +9526,20 @@ type TestimonialsStyles = {
|
|
|
9511
9526
|
fontStyle: typeof (f == null ? void 0 : f.fontStyle) == "string" ? f.fontStyle : "normal"
|
|
9512
9527
|
},
|
|
9513
9528
|
letterSpacing: typeof A == "number" ? A : 0,
|
|
9514
|
-
wordSpacing: typeof
|
|
9515
|
-
textAlign:
|
|
9529
|
+
wordSpacing: typeof h == "number" ? h : 0,
|
|
9530
|
+
textAlign: P === "left" || P === "center" || P === "right" ? P : "left",
|
|
9516
9531
|
fontSizeLineHeight: {
|
|
9517
9532
|
fontSize: typeof k == "number" ? k : 0.01,
|
|
9518
9533
|
lineHeight: typeof j == "number" ? j : 0.01
|
|
9519
9534
|
},
|
|
9520
9535
|
textAppearance: {
|
|
9521
|
-
textTransform: (
|
|
9522
|
-
textDecoration: (
|
|
9523
|
-
fontVariant: (
|
|
9536
|
+
textTransform: ($ == null ? void 0 : $.textTransform) ?? "none",
|
|
9537
|
+
textDecoration: ($ == null ? void 0 : $.textDecoration) ?? "none",
|
|
9538
|
+
fontVariant: ($ == null ? void 0 : $.fontVariant) ?? "normal"
|
|
9524
9539
|
},
|
|
9525
|
-
color: typeof
|
|
9540
|
+
color: typeof N == "string" ? N : "#000000"
|
|
9526
9541
|
} : void 0;
|
|
9527
|
-
}, g = u("text"),
|
|
9542
|
+
}, g = u("text"), T = u("caption"), b = ce(() => ["text", "image", "caption"].map((O, z) => ({ key: O, order: z })), []);
|
|
9528
9543
|
return m ? /* @__PURE__ */ S(ue, { children: /* @__PURE__ */ dt(
|
|
9529
9544
|
"div",
|
|
9530
9545
|
{
|
|
@@ -9537,7 +9552,7 @@ type TestimonialsStyles = {
|
|
|
9537
9552
|
/* @__PURE__ */ S(
|
|
9538
9553
|
"div",
|
|
9539
9554
|
{
|
|
9540
|
-
className: ft(Wt.wrapper, !
|
|
9555
|
+
className: ft(Wt.wrapper, !s && Wt.wrapperAutoplayOff),
|
|
9541
9556
|
style: {
|
|
9542
9557
|
width: F(c, n ?? !1)
|
|
9543
9558
|
},
|
|
@@ -9562,9 +9577,9 @@ type TestimonialsStyles = {
|
|
|
9562
9577
|
inset: 0,
|
|
9563
9578
|
pointerEvents: "none"
|
|
9564
9579
|
},
|
|
9565
|
-
children: b.map(({ key:
|
|
9566
|
-
var
|
|
9567
|
-
if (
|
|
9580
|
+
children: b.map(({ key: w, order: O }) => {
|
|
9581
|
+
var z, C, f;
|
|
9582
|
+
if (w === "image")
|
|
9568
9583
|
return /* @__PURE__ */ dt("div", { style: { order: O, zIndex: O }, children: [
|
|
9569
9584
|
/* @__PURE__ */ S(
|
|
9570
9585
|
"div",
|
|
@@ -9577,7 +9592,7 @@ type TestimonialsStyles = {
|
|
|
9577
9592
|
/* @__PURE__ */ S("div", { style: { width: "100%" }, children: /* @__PURE__ */ S(
|
|
9578
9593
|
"img",
|
|
9579
9594
|
{
|
|
9580
|
-
src: (
|
|
9595
|
+
src: (z = m.image) == null ? void 0 : z.url,
|
|
9581
9596
|
alt: (C = m.image) == null ? void 0 : C.name,
|
|
9582
9597
|
className: Wt.icon,
|
|
9583
9598
|
style: {
|
|
@@ -9589,8 +9604,8 @@ type TestimonialsStyles = {
|
|
|
9589
9604
|
}
|
|
9590
9605
|
) })
|
|
9591
9606
|
] }, "image");
|
|
9592
|
-
if (
|
|
9593
|
-
const { widthSettings: A, fontSettings:
|
|
9607
|
+
if (w === "text" && g) {
|
|
9608
|
+
const { widthSettings: A, fontSettings: h, letterSpacing: P, textAlign: $, wordSpacing: N, fontSizeLineHeight: k, textAppearance: j, color: B } = g;
|
|
9594
9609
|
return /* @__PURE__ */ dt("div", { style: { order: O, zIndex: O }, children: [
|
|
9595
9610
|
/* @__PURE__ */ S(
|
|
9596
9611
|
"div",
|
|
@@ -9606,13 +9621,13 @@ type TestimonialsStyles = {
|
|
|
9606
9621
|
"data-styles": "text",
|
|
9607
9622
|
className: Wt.caption,
|
|
9608
9623
|
style: {
|
|
9609
|
-
fontFamily:
|
|
9610
|
-
fontWeight:
|
|
9611
|
-
fontStyle:
|
|
9624
|
+
fontFamily: h.fontFamily,
|
|
9625
|
+
fontWeight: h.fontWeight,
|
|
9626
|
+
fontStyle: h.fontStyle,
|
|
9612
9627
|
minHeight: F(E, n ?? !1),
|
|
9613
|
-
letterSpacing: F(
|
|
9614
|
-
wordSpacing: F(
|
|
9615
|
-
textAlign:
|
|
9628
|
+
letterSpacing: F(P, n),
|
|
9629
|
+
wordSpacing: F(N, n),
|
|
9630
|
+
textAlign: $,
|
|
9616
9631
|
fontSize: F(k.fontSize, n),
|
|
9617
9632
|
lineHeight: F(k.lineHeight, n),
|
|
9618
9633
|
textTransform: j.textTransform ?? "none",
|
|
@@ -9626,8 +9641,8 @@ type TestimonialsStyles = {
|
|
|
9626
9641
|
)
|
|
9627
9642
|
] }, "text");
|
|
9628
9643
|
}
|
|
9629
|
-
if (
|
|
9630
|
-
const { widthSettings: A, fontSettings:
|
|
9644
|
+
if (w === "caption" && T) {
|
|
9645
|
+
const { widthSettings: A, fontSettings: h, letterSpacing: P, textAlign: $, wordSpacing: N, fontSizeLineHeight: k, textAppearance: j, color: B } = T;
|
|
9631
9646
|
return /* @__PURE__ */ dt("div", { style: { order: O, zIndex: O }, children: [
|
|
9632
9647
|
/* @__PURE__ */ S(
|
|
9633
9648
|
"div",
|
|
@@ -9643,13 +9658,13 @@ type TestimonialsStyles = {
|
|
|
9643
9658
|
"data-styles": "caption",
|
|
9644
9659
|
className: Wt.caption,
|
|
9645
9660
|
style: {
|
|
9646
|
-
fontFamily:
|
|
9647
|
-
fontWeight:
|
|
9648
|
-
fontStyle:
|
|
9661
|
+
fontFamily: h.fontFamily,
|
|
9662
|
+
fontWeight: h.fontWeight,
|
|
9663
|
+
fontStyle: h.fontStyle,
|
|
9649
9664
|
minHeight: 0,
|
|
9650
|
-
letterSpacing: F(
|
|
9651
|
-
wordSpacing: F(
|
|
9652
|
-
textAlign:
|
|
9665
|
+
letterSpacing: F(P, n),
|
|
9666
|
+
wordSpacing: F(N, n),
|
|
9667
|
+
textAlign: $,
|
|
9653
9668
|
fontSize: F(k.fontSize, n),
|
|
9654
9669
|
lineHeight: F(k.lineHeight, n),
|
|
9655
9670
|
textTransform: j.textTransform ?? "none",
|
|
@@ -10002,7 +10017,7 @@ type TestimonialsStyles = {
|
|
|
10002
10017
|
};
|
|
10003
10018
|
|
|
10004
10019
|
type ElementOrderKey = 'text' | 'image' | 'caption';
|
|
10005
|
-
`,
|
|
10020
|
+
`, No = {
|
|
10006
10021
|
fontSettings: {
|
|
10007
10022
|
type: "object",
|
|
10008
10023
|
scope: "common",
|
|
@@ -10095,7 +10110,7 @@ type ElementOrderKey = 'text' | 'image' | 'caption';
|
|
|
10095
10110
|
display: { type: "font-family-select" }
|
|
10096
10111
|
},
|
|
10097
10112
|
captionFontSettings: {
|
|
10098
|
-
...
|
|
10113
|
+
...No.fontSettings,
|
|
10099
10114
|
scope: "common",
|
|
10100
10115
|
title: "",
|
|
10101
10116
|
display: { type: "font-settings-weight" }
|
|
@@ -10150,7 +10165,7 @@ type ElementOrderKey = 'text' | 'image' | 'caption';
|
|
|
10150
10165
|
display: { type: "font-family-select" }
|
|
10151
10166
|
},
|
|
10152
10167
|
textFontSettings: {
|
|
10153
|
-
...
|
|
10168
|
+
...No.fontSettings,
|
|
10154
10169
|
scope: "common",
|
|
10155
10170
|
title: "",
|
|
10156
10171
|
display: { type: "font-settings-weight" }
|
|
@@ -10424,7 +10439,7 @@ type ElementOrderKey = 'text' | 'image' | 'caption';
|
|
|
10424
10439
|
parameters: [{ path: "styles.text.fontSettings" }, { path: "styles.caption.fontSettings" }]
|
|
10425
10440
|
}
|
|
10426
10441
|
}, ks = [
|
|
10427
|
-
|
|
10442
|
+
Ha,
|
|
10428
10443
|
Ua,
|
|
10429
10444
|
Rl,
|
|
10430
10445
|
Vl,
|