@cntrl-site/components 1.0.9-alpha.6 → 1.0.9-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/Marquee/Marquee.d.ts +7 -7
- package/dist/index.js +220 -47
- package/dist/index.mjs +1123 -928
- package/package.json +1 -1
- package/dist/Components/Marquee/MarqueeCard.d.ts +0 -18
package/dist/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as m, Fragment as Ze, jsxs as he } from "react/jsx-runtime";
|
|
2
|
-
import ut, { useState as pe, useEffect as we, useRef as ye, useCallback as Ke, useMemo as
|
|
2
|
+
import ut, { useState as pe, useEffect as we, useRef as ye, useCallback as Ke, useMemo as Fe, useLayoutEffect as Pe } from "react";
|
|
3
3
|
import ve from "classnames";
|
|
4
4
|
import { s as N, u as Vt, b as zo, g as pn, r as Bo } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
|
|
5
|
-
import { createPortal as
|
|
5
|
+
import { createPortal as Fr } from "react-dom";
|
|
6
6
|
function El(e) {
|
|
7
7
|
return e.type === "object" && e.version === 1;
|
|
8
8
|
}
|
|
9
|
-
const
|
|
10
|
-
wrapper:
|
|
9
|
+
const Lr = "ControlSlider-module__wrapper___sHEkd", Mr = "ControlSlider-module__hoverArrow___A-dOH", Rr = "ControlSlider-module__sliderItem___QQSkR", Wr = "ControlSlider-module__sliderImage___9hRl-", Pr = "ControlSlider-module__arrow___05ghY", Hr = "ControlSlider-module__arrowVertical___tBfVN", Nr = "ControlSlider-module__nextArrow___-30Yc", zr = "ControlSlider-module__arrowInner___aEra3", Br = "ControlSlider-module__arrowIcon___S4ztF", Or = "ControlSlider-module__arrowImg___2dwJW", Dr = "ControlSlider-module__mirror___brd6U", Vr = "ControlSlider-module__pagination___bicLF", jr = "ControlSlider-module__paginationInner___bT-P-", qr = "ControlSlider-module__paginationVertical___zYqKw", Ur = "ControlSlider-module__paginationItem___nTRbk", Gr = "ControlSlider-module__dot___p1Qun", Kr = "ControlSlider-module__activeDot___LHFaj", Yr = "ControlSlider-module__paginationInsideBottom___R3FWn", Xr = "ControlSlider-module__paginationInsideTop___V-qb-", Zr = "ControlSlider-module__paginationOutsideBottom___14w8D", Jr = "ControlSlider-module__paginationOutsideTop___SCLqB", Qr = "ControlSlider-module__paginationInsideLeft___yOBRZ", ei = "ControlSlider-module__paginationInsideRight___Rtt3o", ti = "ControlSlider-module__paginationOutsideLeft___lahaw", ni = "ControlSlider-module__paginationOutsideRight___EtuQa", oi = "ControlSlider-module__imgWrapper___UjEgB", ri = "ControlSlider-module__captionBlock___dJ6-j", ii = "ControlSlider-module__captionTextWrapper___HFlpf", ai = "ControlSlider-module__captionText___uGBVc", si = "ControlSlider-module__active___WZK4G", li = "ControlSlider-module__withPointerEvents___t-18M", ci = "ControlSlider-module__topLeftAlignment___zjnGM", pi = "ControlSlider-module__topCenterAlignment___gD1xW", ui = "ControlSlider-module__topRightAlignment___NMapS", di = "ControlSlider-module__middleLeftAlignment___OnUrY", mi = "ControlSlider-module__middleCenterAlignment___Tdkl0", gi = "ControlSlider-module__middleRightAlignment___wEbfX", fi = "ControlSlider-module__bottomLeftAlignment___cTP2-", hi = "ControlSlider-module__bottomCenterAlignment___c54fB", yi = "ControlSlider-module__bottomRightAlignment___kEwrz", vi = "ControlSlider-module__clickOverlay___DZA28", bi = "ControlSlider-module__contain___pLyq7", xi = "ControlSlider-module__cover___KdDat", te = {
|
|
10
|
+
wrapper: Lr,
|
|
11
11
|
hoverArrow: Mr,
|
|
12
12
|
sliderItem: Rr,
|
|
13
|
-
sliderImage:
|
|
14
|
-
arrow:
|
|
13
|
+
sliderImage: Wr,
|
|
14
|
+
arrow: Pr,
|
|
15
15
|
arrowVertical: Hr,
|
|
16
16
|
nextArrow: Nr,
|
|
17
17
|
arrowInner: zr,
|
|
@@ -60,11 +60,11 @@ function Si(e, t) {
|
|
|
60
60
|
function Ci(e, t, n) {
|
|
61
61
|
return t && Si(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
|
|
62
62
|
}
|
|
63
|
-
var go = "(prefers-reduced-motion: reduce)", St = 1, wi = 2, Tt = 3,
|
|
63
|
+
var go = "(prefers-reduced-motion: reduce)", St = 1, wi = 2, Tt = 3, It = 4, jt = 5, an = 6, un = 7, $i = {
|
|
64
64
|
CREATED: St,
|
|
65
65
|
MOUNTED: wi,
|
|
66
66
|
IDLE: Tt,
|
|
67
|
-
MOVING:
|
|
67
|
+
MOVING: It,
|
|
68
68
|
SCROLLING: jt,
|
|
69
69
|
DRAGGING: an,
|
|
70
70
|
DESTROYED: un
|
|
@@ -78,7 +78,7 @@ function at(e, t, n) {
|
|
|
78
78
|
function xe(e) {
|
|
79
79
|
return e.bind.apply(e, [null].concat(at(arguments, 1)));
|
|
80
80
|
}
|
|
81
|
-
var Oo = setTimeout,
|
|
81
|
+
var Oo = setTimeout, Wn = function() {
|
|
82
82
|
};
|
|
83
83
|
function fo(e) {
|
|
84
84
|
return requestAnimationFrame(e);
|
|
@@ -86,7 +86,7 @@ function fo(e) {
|
|
|
86
86
|
function hn(e, t) {
|
|
87
87
|
return typeof t === e;
|
|
88
88
|
}
|
|
89
|
-
function
|
|
89
|
+
function Pt(e) {
|
|
90
90
|
return !qn(e) && hn("object", e);
|
|
91
91
|
}
|
|
92
92
|
var jn = Array.isArray, Do = xe(hn, "function"), rt = xe(hn, "string"), qt = xe(hn, "undefined");
|
|
@@ -157,7 +157,7 @@ function zt(e) {
|
|
|
157
157
|
function nt(e) {
|
|
158
158
|
return at(arguments, 1).forEach(function(t) {
|
|
159
159
|
dt(t, function(n, o) {
|
|
160
|
-
jn(n) ? e[o] = n.slice() :
|
|
160
|
+
jn(n) ? e[o] = n.slice() : Pt(n) ? e[o] = nt({}, Pt(e[o]) ? e[o] : {}, n) : e[o] = n;
|
|
161
161
|
});
|
|
162
162
|
}), e;
|
|
163
163
|
}
|
|
@@ -174,7 +174,7 @@ function De(e, t) {
|
|
|
174
174
|
});
|
|
175
175
|
}
|
|
176
176
|
function de(e, t, n) {
|
|
177
|
-
|
|
177
|
+
Pt(t) ? dt(t, function(o, r) {
|
|
178
178
|
de(e, r, o);
|
|
179
179
|
}) : Me(e, function(o) {
|
|
180
180
|
qn(n) || n === "" ? De(o, t) : o.setAttribute(t, String(n));
|
|
@@ -184,13 +184,13 @@ function Ct(e, t, n) {
|
|
|
184
184
|
var o = document.createElement(e);
|
|
185
185
|
return t && (rt(t) ? Oe(o, t) : de(o, t)), n && Gt(n, o), o;
|
|
186
186
|
}
|
|
187
|
-
function
|
|
187
|
+
function We(e, t, n) {
|
|
188
188
|
if (qt(n))
|
|
189
189
|
return getComputedStyle(e)[t];
|
|
190
190
|
qn(n) || (e.style[t] = "" + n);
|
|
191
191
|
}
|
|
192
192
|
function Bt(e, t) {
|
|
193
|
-
|
|
193
|
+
We(e, "display", t);
|
|
194
194
|
}
|
|
195
195
|
function qo(e) {
|
|
196
196
|
e.setActive && e.setActive() || e.focus({
|
|
@@ -203,7 +203,7 @@ function He(e, t) {
|
|
|
203
203
|
function yo(e, t) {
|
|
204
204
|
return e && e.classList.contains(t);
|
|
205
205
|
}
|
|
206
|
-
function
|
|
206
|
+
function Ae(e) {
|
|
207
207
|
return e.getBoundingClientRect();
|
|
208
208
|
}
|
|
209
209
|
function mt(e) {
|
|
@@ -226,7 +226,7 @@ function Kn(e, t) {
|
|
|
226
226
|
function Xe(e, t) {
|
|
227
227
|
Ye(e, t, !1);
|
|
228
228
|
}
|
|
229
|
-
function
|
|
229
|
+
function Pn(e) {
|
|
230
230
|
return e.timeStamp;
|
|
231
231
|
}
|
|
232
232
|
function pt(e) {
|
|
@@ -237,9 +237,9 @@ function Rt(e, t) {
|
|
|
237
237
|
if (!e)
|
|
238
238
|
throw new Error("[" + Yt + "] " + (t || ""));
|
|
239
239
|
}
|
|
240
|
-
var it = Math.min, dn = Math.max, mn = Math.floor, Ot = Math.ceil,
|
|
240
|
+
var it = Math.min, dn = Math.max, mn = Math.floor, Ot = Math.ceil, Ie = Math.abs;
|
|
241
241
|
function Ko(e, t, n) {
|
|
242
|
-
return
|
|
242
|
+
return Ie(e - t) < n;
|
|
243
243
|
}
|
|
244
244
|
function ln(e, t, n, o) {
|
|
245
245
|
var r = it(t, n), a = dn(t, n);
|
|
@@ -308,7 +308,7 @@ function Yo() {
|
|
|
308
308
|
destroy: a
|
|
309
309
|
};
|
|
310
310
|
}
|
|
311
|
-
var st = "mounted", zn = "ready", et = "move",
|
|
311
|
+
var st = "mounted", zn = "ready", et = "move", At = "moved", Zn = "click", Xo = "active", Zo = "inactive", Jo = "visible", Qo = "hidden", $e = "refresh", ke = "updated", _t = "resize", yn = "resized", er = "drag", tr = "dragging", nr = "dragged", vn = "scroll", ft = "scrolled", _i = "overflow", Jn = "destroy", or = "arrows:mounted", rr = "arrows:updated", ir = "pagination:mounted", ar = "pagination:updated", Qn = "navigation:mounted", eo = "autoplay:play", sr = "autoplay:playing", to = "autoplay:pause", no = "lazyload:loaded", lr = "sk", cr = "sh", gn = "ei";
|
|
312
312
|
function Se(e) {
|
|
313
313
|
var t = e ? e.event.bus : document.createDocumentFragment(), n = Yo();
|
|
314
314
|
function o(a, i) {
|
|
@@ -381,7 +381,7 @@ function ki(e, t) {
|
|
|
381
381
|
n.isPaused() && n.start();
|
|
382
382
|
};
|
|
383
383
|
}
|
|
384
|
-
function
|
|
384
|
+
function Ii(e, t, n) {
|
|
385
385
|
var o = e.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i = Yo(), c = [];
|
|
386
386
|
function s() {
|
|
387
387
|
var p = n.mediaQuery === "min";
|
|
@@ -417,7 +417,7 @@ function Ai(e, t, n) {
|
|
|
417
417
|
set: h
|
|
418
418
|
};
|
|
419
419
|
}
|
|
420
|
-
var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", pr = xn + "Up", ur = xn + "Down", bo = "rtl", wn = "ttb",
|
|
420
|
+
var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", pr = xn + "Up", ur = xn + "Down", bo = "rtl", wn = "ttb", In = {
|
|
421
421
|
width: ["height"],
|
|
422
422
|
left: ["top", "right"],
|
|
423
423
|
right: ["bottom", "left"],
|
|
@@ -427,12 +427,12 @@ var xn = "Arrow", Sn = xn + "Left", Cn = xn + "Right", pr = xn + "Up", ur = xn +
|
|
|
427
427
|
ArrowLeft: [pr, Cn],
|
|
428
428
|
ArrowRight: [ur, Sn]
|
|
429
429
|
};
|
|
430
|
-
function
|
|
430
|
+
function Ai(e, t, n) {
|
|
431
431
|
function o(a, i, c) {
|
|
432
432
|
c = c || n.direction;
|
|
433
433
|
var s = c === bo && !i ? 1 : c === wn ? 0 : -1;
|
|
434
|
-
return
|
|
435
|
-
var T =
|
|
434
|
+
return In[a] && In[a][s] || a.replace(/width|left|right/i, function(d, l) {
|
|
435
|
+
var T = In[d.toLowerCase()][s] || d;
|
|
436
436
|
return l > 0 ? T.charAt(0).toUpperCase() + T.slice(1) : T;
|
|
437
437
|
});
|
|
438
438
|
}
|
|
@@ -444,7 +444,7 @@ function Ii(e, t, n) {
|
|
|
444
444
|
orient: r
|
|
445
445
|
};
|
|
446
446
|
}
|
|
447
|
-
var Je = "role", wt = "tabindex",
|
|
447
|
+
var Je = "role", wt = "tabindex", Fi = "disabled", ze = "aria-", Xt = ze + "controls", dr = ze + "current", xo = ze + "selected", Le = ze + "label", oo = ze + "labelledby", mr = ze + "hidden", ro = ze + "orientation", Dt = ze + "roledescription", So = ze + "live", Co = ze + "busy", wo = ze + "atomic", io = [Je, wt, Fi, Xt, dr, Le, oo, mr, ro, Dt], Ve = Yt + "__", lt = "is-", An = Yt, $o = Ve + "track", Li = Ve + "list", $n = Ve + "slide", gr = $n + "--clone", Mi = $n + "__container", ao = Ve + "arrows", Tn = Ve + "arrow", fr = Tn + "--prev", hr = Tn + "--next", _n = Ve + "pagination", yr = _n + "__page", Ri = Ve + "progress", Wi = Ri + "__bar", Pi = Ve + "toggle", Hi = Ve + "spinner", Ni = Ve + "sr", zi = lt + "initialized", gt = lt + "active", vr = lt + "prev", br = lt + "next", Bn = lt + "visible", On = lt + "loading", xr = lt + "focus-in", Sr = lt + "overflow", Bi = [gt, Bn, vr, br, On, xr, Sr], Oi = {
|
|
448
448
|
slide: $n,
|
|
449
449
|
clone: gr,
|
|
450
450
|
arrows: ao,
|
|
@@ -462,11 +462,11 @@ function Di(e, t) {
|
|
|
462
462
|
n = n.parentElement;
|
|
463
463
|
return n;
|
|
464
464
|
}
|
|
465
|
-
var Vi = 5, To = 200, Cr = "touchstart mousedown",
|
|
465
|
+
var Vi = 5, To = 200, Cr = "touchstart mousedown", Fn = "touchmove mousemove", Ln = "touchend touchcancel mouseup click";
|
|
466
466
|
function ji(e, t, n) {
|
|
467
467
|
var o = Se(e), r = o.on, a = o.bind, i = e.root, c = n.i18n, s = {}, d = [], l = [], T = [], S, h, p;
|
|
468
468
|
function u() {
|
|
469
|
-
$(),
|
|
469
|
+
$(), O(), y();
|
|
470
470
|
}
|
|
471
471
|
function x() {
|
|
472
472
|
r($e, f), r($e, u), r(ke, y), a(document, Cr + " keydown", function(g) {
|
|
@@ -482,18 +482,18 @@ function ji(e, t, n) {
|
|
|
482
482
|
Qe(d), Xe(i, l), Xe(S, T), De([S, h], C), De(i, g ? C : ["style", Dt]);
|
|
483
483
|
}
|
|
484
484
|
function y() {
|
|
485
|
-
Xe(i, l), Xe(S, T), l = _(
|
|
485
|
+
Xe(i, l), Xe(S, T), l = _(An), T = _($o), Oe(i, l), Oe(S, T), de(i, Le, n.label), de(i, oo, n.labelledby);
|
|
486
486
|
}
|
|
487
487
|
function $() {
|
|
488
|
-
S =
|
|
488
|
+
S = W("." + $o), h = Kt(S, "." + Li), Rt(S && h, "A track/list element is missing."), sn(d, jo(h, "." + $n + ":not(." + gr + ")")), dt({
|
|
489
489
|
arrows: ao,
|
|
490
490
|
pagination: _n,
|
|
491
491
|
prev: fr,
|
|
492
492
|
next: hr,
|
|
493
|
-
bar:
|
|
494
|
-
toggle:
|
|
493
|
+
bar: Wi,
|
|
494
|
+
toggle: Pi
|
|
495
495
|
}, function(g, C) {
|
|
496
|
-
s[C] =
|
|
496
|
+
s[C] = W("." + g);
|
|
497
497
|
}), zt(s, {
|
|
498
498
|
root: i,
|
|
499
499
|
track: S,
|
|
@@ -501,16 +501,16 @@ function ji(e, t, n) {
|
|
|
501
501
|
slides: d
|
|
502
502
|
});
|
|
503
503
|
}
|
|
504
|
-
function
|
|
504
|
+
function O() {
|
|
505
505
|
var g = i.id || Ti(Yt), C = n.role;
|
|
506
506
|
i.id = g, S.id = S.id || g + "-track", h.id = h.id || g + "-list", !He(i, Je) && i.tagName !== "SECTION" && C && de(i, Je, C), de(i, Dt, c.carousel), de(h, Je, "presentation");
|
|
507
507
|
}
|
|
508
|
-
function
|
|
508
|
+
function W(g) {
|
|
509
509
|
var C = Go(i, g);
|
|
510
|
-
return C && Di(C, "." +
|
|
510
|
+
return C && Di(C, "." + An) === i ? C : void 0;
|
|
511
511
|
}
|
|
512
512
|
function _(g) {
|
|
513
|
-
return [g + "--" + n.type, g + "--" + n.direction, n.drag && g + "--draggable", n.isNavigation && g + "--nav", g ===
|
|
513
|
+
return [g + "--" + n.type, g + "--" + n.direction, n.drag && g + "--draggable", n.isNavigation && g + "--nav", g === An && gt];
|
|
514
514
|
}
|
|
515
515
|
return zt(s, {
|
|
516
516
|
setup: u,
|
|
@@ -518,73 +518,73 @@ function ji(e, t, n) {
|
|
|
518
518
|
destroy: f
|
|
519
519
|
});
|
|
520
520
|
}
|
|
521
|
-
var Et = "slide",
|
|
521
|
+
var Et = "slide", Ft = "loop", Zt = "fade";
|
|
522
522
|
function qi(e, t, n, o) {
|
|
523
|
-
var r = Se(e), a = r.on, i = r.emit, c = r.bind, s = e.Components, d = e.root, l = e.options, T = l.isNavigation, S = l.updateOnMove, h = l.i18n, p = l.pagination, u = l.slideFocus, x = s.Direction.resolve, f = He(o, "style"), y = He(o,
|
|
523
|
+
var r = Se(e), a = r.on, i = r.emit, c = r.bind, s = e.Components, d = e.root, l = e.options, T = l.isNavigation, S = l.updateOnMove, h = l.i18n, p = l.pagination, u = l.slideFocus, x = s.Direction.resolve, f = He(o, "style"), y = He(o, Le), $ = n > -1, O = Kt(o, "." + Mi), W;
|
|
524
524
|
function _() {
|
|
525
|
-
$ || (o.id = d.id + "-slide" + Xn(t + 1), de(o, Je, p ? "tabpanel" : "group"), de(o, Dt, h.slide), de(o,
|
|
525
|
+
$ || (o.id = d.id + "-slide" + Xn(t + 1), de(o, Je, p ? "tabpanel" : "group"), de(o, Dt, h.slide), de(o, Le, y || Nn(h.slideLabel, [t + 1, e.length]))), g();
|
|
526
526
|
}
|
|
527
527
|
function g() {
|
|
528
|
-
c(o, "click", xe(i, Zn, E)), c(o, "keydown", xe(i, lr, E)), a([
|
|
528
|
+
c(o, "click", xe(i, Zn, E)), c(o, "keydown", xe(i, lr, E)), a([At, cr, ft], k), a(Qn, F), S && a(et, z);
|
|
529
529
|
}
|
|
530
530
|
function C() {
|
|
531
|
-
|
|
531
|
+
W = !0, r.destroy(), Xe(o, Bi), De(o, io), de(o, "style", f), de(o, Le, y || "");
|
|
532
532
|
}
|
|
533
|
-
function
|
|
534
|
-
var
|
|
533
|
+
function F() {
|
|
534
|
+
var I = e.splides.map(function(w) {
|
|
535
535
|
var H = w.splide.Components.Slides.getAt(t);
|
|
536
536
|
return H ? H.slide.id : "";
|
|
537
537
|
}).join(" ");
|
|
538
|
-
de(o,
|
|
538
|
+
de(o, Le, Nn(h.slideX, ($ ? n : t) + 1)), de(o, Xt, I), de(o, Je, u ? "button" : ""), u && De(o, Dt);
|
|
539
539
|
}
|
|
540
540
|
function z() {
|
|
541
|
-
|
|
541
|
+
W || k();
|
|
542
542
|
}
|
|
543
543
|
function k() {
|
|
544
|
-
if (!
|
|
545
|
-
var
|
|
546
|
-
|
|
544
|
+
if (!W) {
|
|
545
|
+
var I = e.index;
|
|
546
|
+
L(), M(), Ye(o, vr, t === I - 1), Ye(o, br, t === I + 1);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
function
|
|
550
|
-
var
|
|
551
|
-
|
|
549
|
+
function L() {
|
|
550
|
+
var I = D();
|
|
551
|
+
I !== yo(o, gt) && (Ye(o, gt, I), de(o, dr, T && I || ""), i(I ? Xo : Zo, E));
|
|
552
552
|
}
|
|
553
|
-
function
|
|
554
|
-
var
|
|
555
|
-
if (e.state.is([
|
|
553
|
+
function M() {
|
|
554
|
+
var I = v(), w = !I && (!D() || $);
|
|
555
|
+
if (e.state.is([It, jt]) || de(o, mr, w || ""), de(Kn(o, l.focusableNodes || ""), wt, w ? -1 : ""), u && de(o, wt, w ? -1 : 0), I !== yo(o, Bn) && (Ye(o, Bn, I), i(I ? Jo : Qo, E)), !I && document.activeElement === o) {
|
|
556
556
|
var H = s.Slides.getAt(e.index);
|
|
557
557
|
H && qo(H.slide);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
function
|
|
561
|
-
|
|
560
|
+
function q(I, w, H) {
|
|
561
|
+
We(H && O || o, I, w);
|
|
562
562
|
}
|
|
563
|
-
function
|
|
564
|
-
var
|
|
565
|
-
return
|
|
563
|
+
function D() {
|
|
564
|
+
var I = e.index;
|
|
565
|
+
return I === t || l.cloneStatus && I === n;
|
|
566
566
|
}
|
|
567
567
|
function v() {
|
|
568
568
|
if (e.is(Zt))
|
|
569
|
-
return
|
|
570
|
-
var
|
|
571
|
-
return mn(
|
|
569
|
+
return D();
|
|
570
|
+
var I = Ae(s.Elements.track), w = Ae(o), H = x("left", !0), X = x("right", !0);
|
|
571
|
+
return mn(I[H]) <= Ot(w[H]) && mn(w[X]) <= Ot(I[X]);
|
|
572
572
|
}
|
|
573
|
-
function I
|
|
574
|
-
var H =
|
|
575
|
-
return !$ && (l.rewind || e.is(
|
|
573
|
+
function A(I, w) {
|
|
574
|
+
var H = Ie(I - t);
|
|
575
|
+
return !$ && (l.rewind || e.is(Ft)) && (H = it(H, e.length - H)), H <= w;
|
|
576
576
|
}
|
|
577
577
|
var E = {
|
|
578
578
|
index: t,
|
|
579
579
|
slideIndex: n,
|
|
580
580
|
slide: o,
|
|
581
|
-
container:
|
|
581
|
+
container: O,
|
|
582
582
|
isClone: $,
|
|
583
583
|
mount: _,
|
|
584
584
|
destroy: C,
|
|
585
585
|
update: k,
|
|
586
|
-
style:
|
|
587
|
-
isWithin:
|
|
586
|
+
style: q,
|
|
587
|
+
isWithin: A
|
|
588
588
|
};
|
|
589
589
|
return E;
|
|
590
590
|
}
|
|
@@ -594,75 +594,75 @@ function Ui(e, t, n) {
|
|
|
594
594
|
S(), r($e, h), r($e, S);
|
|
595
595
|
}
|
|
596
596
|
function S() {
|
|
597
|
-
s.forEach(function(k,
|
|
598
|
-
u(k,
|
|
597
|
+
s.forEach(function(k, L) {
|
|
598
|
+
u(k, L, -1);
|
|
599
599
|
});
|
|
600
600
|
}
|
|
601
601
|
function h() {
|
|
602
|
-
|
|
602
|
+
W(function(k) {
|
|
603
603
|
k.destroy();
|
|
604
604
|
}), Qe(l);
|
|
605
605
|
}
|
|
606
606
|
function p() {
|
|
607
|
-
|
|
607
|
+
W(function(k) {
|
|
608
608
|
k.update();
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
function u(k,
|
|
612
|
-
var
|
|
613
|
-
|
|
614
|
-
return
|
|
611
|
+
function u(k, L, M) {
|
|
612
|
+
var q = qi(e, L, M, k);
|
|
613
|
+
q.mount(), l.push(q), l.sort(function(D, v) {
|
|
614
|
+
return D.index - v.index;
|
|
615
615
|
});
|
|
616
616
|
}
|
|
617
617
|
function x(k) {
|
|
618
|
-
return k ? _(function(
|
|
619
|
-
return !
|
|
618
|
+
return k ? _(function(L) {
|
|
619
|
+
return !L.isClone;
|
|
620
620
|
}) : l;
|
|
621
621
|
}
|
|
622
622
|
function f(k) {
|
|
623
|
-
var
|
|
624
|
-
return _(function(
|
|
625
|
-
return ln(
|
|
623
|
+
var L = t.Controller, M = L.toIndex(k), q = L.hasFocus() ? 1 : n.perPage;
|
|
624
|
+
return _(function(D) {
|
|
625
|
+
return ln(D.index, M, M + q - 1);
|
|
626
626
|
});
|
|
627
627
|
}
|
|
628
628
|
function y(k) {
|
|
629
629
|
return _(k)[0];
|
|
630
630
|
}
|
|
631
|
-
function $(k,
|
|
632
|
-
Me(k, function(
|
|
633
|
-
if (rt(
|
|
634
|
-
var
|
|
635
|
-
|
|
631
|
+
function $(k, L) {
|
|
632
|
+
Me(k, function(M) {
|
|
633
|
+
if (rt(M) && (M = Uo(M)), Vo(M)) {
|
|
634
|
+
var q = s[L];
|
|
635
|
+
q ? Gn(M, q) : Gt(d, M), Oe(M, n.classes.slide), C(M, xe(a, _t));
|
|
636
636
|
}
|
|
637
637
|
}), a($e);
|
|
638
638
|
}
|
|
639
|
-
function
|
|
640
|
-
mt(_(k).map(function(
|
|
641
|
-
return
|
|
639
|
+
function O(k) {
|
|
640
|
+
mt(_(k).map(function(L) {
|
|
641
|
+
return L.slide;
|
|
642
642
|
})), a($e);
|
|
643
643
|
}
|
|
644
|
-
function
|
|
645
|
-
x(
|
|
644
|
+
function W(k, L) {
|
|
645
|
+
x(L).forEach(k);
|
|
646
646
|
}
|
|
647
647
|
function _(k) {
|
|
648
|
-
return l.filter(Do(k) ? k : function(
|
|
649
|
-
return rt(k) ? Ht(
|
|
648
|
+
return l.filter(Do(k) ? k : function(L) {
|
|
649
|
+
return rt(k) ? Ht(L.slide, k) : Un(Ut(k), L.index);
|
|
650
650
|
});
|
|
651
651
|
}
|
|
652
|
-
function g(k,
|
|
653
|
-
|
|
654
|
-
|
|
652
|
+
function g(k, L, M) {
|
|
653
|
+
W(function(q) {
|
|
654
|
+
q.style(k, L, M);
|
|
655
655
|
});
|
|
656
656
|
}
|
|
657
|
-
function C(k,
|
|
658
|
-
var
|
|
659
|
-
|
|
660
|
-
i(
|
|
661
|
-
--
|
|
657
|
+
function C(k, L) {
|
|
658
|
+
var M = Kn(k, "img"), q = M.length;
|
|
659
|
+
q ? M.forEach(function(D) {
|
|
660
|
+
i(D, "load error", function() {
|
|
661
|
+
--q || L();
|
|
662
662
|
});
|
|
663
|
-
}) :
|
|
663
|
+
}) : L();
|
|
664
664
|
}
|
|
665
|
-
function
|
|
665
|
+
function F(k) {
|
|
666
666
|
return k ? s.length : l.length;
|
|
667
667
|
}
|
|
668
668
|
function z() {
|
|
@@ -677,41 +677,41 @@ function Ui(e, t, n) {
|
|
|
677
677
|
getIn: f,
|
|
678
678
|
getAt: y,
|
|
679
679
|
add: $,
|
|
680
|
-
remove:
|
|
681
|
-
forEach:
|
|
680
|
+
remove: O,
|
|
681
|
+
forEach: W,
|
|
682
682
|
filter: _,
|
|
683
683
|
style: g,
|
|
684
|
-
getLength:
|
|
684
|
+
getLength: F,
|
|
685
685
|
isEnough: z
|
|
686
686
|
};
|
|
687
687
|
}
|
|
688
688
|
function Gi(e, t, n) {
|
|
689
689
|
var o = Se(e), r = o.on, a = o.bind, i = o.emit, c = t.Slides, s = t.Direction.resolve, d = t.Elements, l = d.root, T = d.track, S = d.list, h = c.getAt, p = c.style, u, x, f;
|
|
690
690
|
function y() {
|
|
691
|
-
$(), a(window, "resize load", ki(xe(i, _t))), r([ke, $e], $), r(_t,
|
|
691
|
+
$(), a(window, "resize load", ki(xe(i, _t))), r([ke, $e], $), r(_t, O);
|
|
692
692
|
}
|
|
693
693
|
function $() {
|
|
694
|
-
u = n.direction === wn,
|
|
694
|
+
u = n.direction === wn, We(l, "maxWidth", pt(n.width)), We(T, s("paddingLeft"), W(!1)), We(T, s("paddingRight"), W(!0)), O(!0);
|
|
695
695
|
}
|
|
696
|
-
function
|
|
697
|
-
var
|
|
698
|
-
(E || x.width !==
|
|
696
|
+
function O(E) {
|
|
697
|
+
var I = Ae(l);
|
|
698
|
+
(E || x.width !== I.width || x.height !== I.height) && (We(T, "height", _()), p(s("marginRight"), pt(n.gap)), p("width", C()), p("height", F(), !0), x = I, i(yn), f !== (f = A()) && (Ye(l, Sr, f), i(_i, f)));
|
|
699
699
|
}
|
|
700
|
-
function
|
|
701
|
-
var
|
|
702
|
-
return
|
|
700
|
+
function W(E) {
|
|
701
|
+
var I = n.padding, w = s(E ? "right" : "left");
|
|
702
|
+
return I && pt(I[w] || (Pt(I) ? 0 : I)) || "0px";
|
|
703
703
|
}
|
|
704
704
|
function _() {
|
|
705
705
|
var E = "";
|
|
706
|
-
return u && (E = g(), Rt(E, "height or heightRatio is missing."), E = "calc(" + E + " - " +
|
|
706
|
+
return u && (E = g(), Rt(E, "height or heightRatio is missing."), E = "calc(" + E + " - " + W(!1) + " - " + W(!0) + ")"), E;
|
|
707
707
|
}
|
|
708
708
|
function g() {
|
|
709
|
-
return pt(n.height ||
|
|
709
|
+
return pt(n.height || Ae(S).width * n.heightRatio);
|
|
710
710
|
}
|
|
711
711
|
function C() {
|
|
712
712
|
return n.autoWidth ? null : pt(n.fixedWidth) || (u ? "" : z());
|
|
713
713
|
}
|
|
714
|
-
function
|
|
714
|
+
function F() {
|
|
715
715
|
return pt(n.fixedHeight) || (u ? n.autoHeight ? null : z() : g());
|
|
716
716
|
}
|
|
717
717
|
function z() {
|
|
@@ -719,42 +719,42 @@ function Gi(e, t, n) {
|
|
|
719
719
|
return "calc((100%" + (E && " + " + E) + ")/" + (n.perPage || 1) + (E && " - " + E) + ")";
|
|
720
720
|
}
|
|
721
721
|
function k() {
|
|
722
|
-
return
|
|
722
|
+
return Ae(S)[s("width")];
|
|
723
723
|
}
|
|
724
|
-
function
|
|
724
|
+
function L(E, I) {
|
|
725
725
|
var w = h(E || 0);
|
|
726
|
-
return w ?
|
|
726
|
+
return w ? Ae(w.slide)[s("width")] + (I ? 0 : D()) : 0;
|
|
727
727
|
}
|
|
728
|
-
function
|
|
728
|
+
function M(E, I) {
|
|
729
729
|
var w = h(E);
|
|
730
730
|
if (w) {
|
|
731
|
-
var H =
|
|
732
|
-
return
|
|
731
|
+
var H = Ae(w.slide)[s("right")], X = Ae(S)[s("left")];
|
|
732
|
+
return Ie(H - X) + (I ? 0 : D());
|
|
733
733
|
}
|
|
734
734
|
return 0;
|
|
735
735
|
}
|
|
736
|
-
function
|
|
737
|
-
return
|
|
736
|
+
function q(E) {
|
|
737
|
+
return M(e.length - 1) - M(0) + L(0, E);
|
|
738
738
|
}
|
|
739
|
-
function
|
|
739
|
+
function D() {
|
|
740
740
|
var E = h(0);
|
|
741
|
-
return E && parseFloat(
|
|
741
|
+
return E && parseFloat(We(E.slide, s("marginRight"))) || 0;
|
|
742
742
|
}
|
|
743
743
|
function v(E) {
|
|
744
|
-
return parseFloat(
|
|
744
|
+
return parseFloat(We(T, s("padding" + (E ? "Right" : "Left")))) || 0;
|
|
745
745
|
}
|
|
746
|
-
function
|
|
747
|
-
return e.is(Zt) ||
|
|
746
|
+
function A() {
|
|
747
|
+
return e.is(Zt) || q(!0) > k();
|
|
748
748
|
}
|
|
749
749
|
return {
|
|
750
750
|
mount: y,
|
|
751
|
-
resize:
|
|
751
|
+
resize: O,
|
|
752
752
|
listSize: k,
|
|
753
|
-
slideSize:
|
|
754
|
-
sliderSize:
|
|
755
|
-
totalSize:
|
|
753
|
+
slideSize: L,
|
|
754
|
+
sliderSize: q,
|
|
755
|
+
totalSize: M,
|
|
756
756
|
getPadding: v,
|
|
757
|
-
isOverflow:
|
|
757
|
+
isOverflow: A
|
|
758
758
|
};
|
|
759
759
|
}
|
|
760
760
|
var Ki = 2;
|
|
@@ -778,9 +778,9 @@ function Yi(e, t, n) {
|
|
|
778
778
|
if ($) {
|
|
779
779
|
for (; y.length < f; )
|
|
780
780
|
sn(y, y);
|
|
781
|
-
sn(y.slice(-f), y.slice(0, f)).forEach(function(
|
|
782
|
-
var _ =
|
|
783
|
-
_ ? Gn(g, y[0].slide) : Gt(a.list, g), sn(s, g), i.register(g,
|
|
781
|
+
sn(y.slice(-f), y.slice(0, f)).forEach(function(O, W) {
|
|
782
|
+
var _ = W < f, g = u(O.slide, W);
|
|
783
|
+
_ ? Gn(g, y[0].slide) : Gt(a.list, g), sn(s, g), i.register(g, W - f + (_ ? 0 : $), O.index);
|
|
784
784
|
});
|
|
785
785
|
}
|
|
786
786
|
}
|
|
@@ -790,10 +790,10 @@ function Yi(e, t, n) {
|
|
|
790
790
|
}
|
|
791
791
|
function x() {
|
|
792
792
|
var f = n.clones;
|
|
793
|
-
if (!e.is(
|
|
793
|
+
if (!e.is(Ft))
|
|
794
794
|
f = 0;
|
|
795
795
|
else if (qt(f)) {
|
|
796
|
-
var y = n[c("fixedWidth")] && t.Layout.slideSize(0), $ = y && Ot(
|
|
796
|
+
var y = n[c("fixedWidth")] && t.Layout.slideSize(0), $ = y && Ot(Ae(a.track)[c("width")] / y);
|
|
797
797
|
f = $ || n[c("autoWidth")] && e.length || n.perPage * Ki;
|
|
798
798
|
}
|
|
799
799
|
return f;
|
|
@@ -805,43 +805,43 @@ function Yi(e, t, n) {
|
|
|
805
805
|
}
|
|
806
806
|
function Xi(e, t, n) {
|
|
807
807
|
var o = Se(e), r = o.on, a = o.emit, i = e.state.set, c = t.Layout, s = c.slideSize, d = c.getPadding, l = c.totalSize, T = c.listSize, S = c.sliderSize, h = t.Direction, p = h.resolve, u = h.orient, x = t.Elements, f = x.list, y = x.track, $;
|
|
808
|
-
function
|
|
809
|
-
$ = t.Transition, r([st, yn, ke, $e],
|
|
808
|
+
function O() {
|
|
809
|
+
$ = t.Transition, r([st, yn, ke, $e], W);
|
|
810
810
|
}
|
|
811
|
-
function
|
|
811
|
+
function W() {
|
|
812
812
|
t.Controller.isBusy() || (t.Scroll.cancel(), g(e.index), t.Slides.update());
|
|
813
813
|
}
|
|
814
814
|
function _(w, H, X, le) {
|
|
815
|
-
w !== H && E(w > X) && (k(), C(z(
|
|
816
|
-
i(Tt), a(
|
|
815
|
+
w !== H && E(w > X) && (k(), C(z(q(), w > X), !0)), i(It), a(et, H, X, w), $.start(H, function() {
|
|
816
|
+
i(Tt), a(At, H, X, w), le && le();
|
|
817
817
|
});
|
|
818
818
|
}
|
|
819
819
|
function g(w) {
|
|
820
|
-
C(
|
|
820
|
+
C(M(w, !0));
|
|
821
821
|
}
|
|
822
822
|
function C(w, H) {
|
|
823
823
|
if (!e.is(Zt)) {
|
|
824
|
-
var X = H ? w :
|
|
825
|
-
|
|
824
|
+
var X = H ? w : F(w);
|
|
825
|
+
We(f, "transform", "translate" + p("X") + "(" + X + "px)"), w !== X && a(cr);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
function
|
|
829
|
-
if (e.is(
|
|
830
|
-
var H =
|
|
828
|
+
function F(w) {
|
|
829
|
+
if (e.is(Ft)) {
|
|
830
|
+
var H = L(w), X = H > t.Controller.getEnd(), le = H < 0;
|
|
831
831
|
(le || X) && (w = z(w, X));
|
|
832
832
|
}
|
|
833
833
|
return w;
|
|
834
834
|
}
|
|
835
835
|
function z(w, H) {
|
|
836
|
-
var X = w -
|
|
837
|
-
return w -= u(le * (Ot(
|
|
836
|
+
var X = w - A(H), le = S();
|
|
837
|
+
return w -= u(le * (Ot(Ie(X) / le) || 1)) * (H ? 1 : -1), w;
|
|
838
838
|
}
|
|
839
839
|
function k() {
|
|
840
|
-
C(
|
|
840
|
+
C(q(), !0), $.cancel();
|
|
841
841
|
}
|
|
842
|
-
function
|
|
842
|
+
function L(w) {
|
|
843
843
|
for (var H = t.Slides.get(), X = 0, le = 1 / 0, oe = 0; oe < H.length; oe++) {
|
|
844
|
-
var ge = H[oe].index, P =
|
|
844
|
+
var ge = H[oe].index, P = Ie(M(ge, !0) - w);
|
|
845
845
|
if (P <= le)
|
|
846
846
|
le = P, X = ge;
|
|
847
847
|
else
|
|
@@ -849,56 +849,56 @@ function Xi(e, t, n) {
|
|
|
849
849
|
}
|
|
850
850
|
return X;
|
|
851
851
|
}
|
|
852
|
-
function
|
|
852
|
+
function M(w, H) {
|
|
853
853
|
var X = u(l(w - 1) - v(w));
|
|
854
|
-
return H ?
|
|
854
|
+
return H ? D(X) : X;
|
|
855
855
|
}
|
|
856
|
-
function
|
|
856
|
+
function q() {
|
|
857
857
|
var w = p("left");
|
|
858
|
-
return
|
|
858
|
+
return Ae(f)[w] - Ae(y)[w] + u(d(!1));
|
|
859
859
|
}
|
|
860
|
-
function
|
|
860
|
+
function D(w) {
|
|
861
861
|
return n.trimSpace && e.is(Et) && (w = bt(w, 0, u(S(!0) - T()))), w;
|
|
862
862
|
}
|
|
863
863
|
function v(w) {
|
|
864
864
|
var H = n.focus;
|
|
865
865
|
return H === "center" ? (T() - s(w, !0)) / 2 : +H * s(w) || 0;
|
|
866
866
|
}
|
|
867
|
-
function
|
|
868
|
-
return
|
|
867
|
+
function A(w) {
|
|
868
|
+
return M(w ? t.Controller.getEnd() : 0, !!n.trimSpace);
|
|
869
869
|
}
|
|
870
870
|
function E(w) {
|
|
871
|
-
var H = u(z(
|
|
872
|
-
return w ? H >= 0 : H <= f[p("scrollWidth")] -
|
|
871
|
+
var H = u(z(q(), w));
|
|
872
|
+
return w ? H >= 0 : H <= f[p("scrollWidth")] - Ae(y)[p("width")];
|
|
873
873
|
}
|
|
874
|
-
function
|
|
875
|
-
H = qt(H) ?
|
|
876
|
-
var X = w !== !0 && u(H) < u(
|
|
874
|
+
function I(w, H) {
|
|
875
|
+
H = qt(H) ? q() : H;
|
|
876
|
+
var X = w !== !0 && u(H) < u(A(!1)), le = w !== !1 && u(H) > u(A(!0));
|
|
877
877
|
return X || le;
|
|
878
878
|
}
|
|
879
879
|
return {
|
|
880
|
-
mount:
|
|
880
|
+
mount: O,
|
|
881
881
|
move: _,
|
|
882
882
|
jump: g,
|
|
883
883
|
translate: C,
|
|
884
884
|
shift: z,
|
|
885
885
|
cancel: k,
|
|
886
|
-
toIndex:
|
|
887
|
-
toPosition:
|
|
888
|
-
getPosition:
|
|
889
|
-
getLimit:
|
|
890
|
-
exceededLimit:
|
|
891
|
-
reposition:
|
|
886
|
+
toIndex: L,
|
|
887
|
+
toPosition: M,
|
|
888
|
+
getPosition: q,
|
|
889
|
+
getLimit: A,
|
|
890
|
+
exceededLimit: I,
|
|
891
|
+
reposition: W
|
|
892
892
|
};
|
|
893
893
|
}
|
|
894
894
|
function Zi(e, t, n) {
|
|
895
|
-
var o = Se(e), r = o.on, a = o.emit, i = t.Move, c = i.getPosition, s = i.getLimit, d = i.toPosition, l = t.Slides, T = l.isEnough, S = l.getLength, h = n.omitEnd, p = e.is(
|
|
895
|
+
var o = Se(e), r = o.on, a = o.emit, i = t.Move, c = i.getPosition, s = i.getLimit, d = i.toPosition, l = t.Slides, T = l.isEnough, S = l.getLength, h = n.omitEnd, p = e.is(Ft), u = e.is(Et), x = xe(q, !1), f = xe(q, !0), y = n.start || 0, $, O = y, W, _, g;
|
|
896
896
|
function C() {
|
|
897
|
-
|
|
897
|
+
F(), r([ke, $e, gn], F), r(yn, z);
|
|
898
898
|
}
|
|
899
|
-
function
|
|
900
|
-
|
|
901
|
-
var P = bt(y, 0, h ? $ :
|
|
899
|
+
function F() {
|
|
900
|
+
W = S(!0), _ = n.perMove, g = n.perPage, $ = E();
|
|
901
|
+
var P = bt(y, 0, h ? $ : W - 1);
|
|
902
902
|
P !== y && (y = P, i.reposition());
|
|
903
903
|
}
|
|
904
904
|
function z() {
|
|
@@ -906,33 +906,33 @@ function Zi(e, t, n) {
|
|
|
906
906
|
}
|
|
907
907
|
function k(P, ne, ee) {
|
|
908
908
|
if (!ge()) {
|
|
909
|
-
var Z =
|
|
910
|
-
ae > -1 && (ne || ae !== y) && (X(ae), i.move(Z, ae,
|
|
909
|
+
var Z = M(P), ae = A(Z);
|
|
910
|
+
ae > -1 && (ne || ae !== y) && (X(ae), i.move(Z, ae, O, ee));
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
|
-
function
|
|
913
|
+
function L(P, ne, ee, Z) {
|
|
914
914
|
t.Scroll.scroll(P, ne, ee, function() {
|
|
915
|
-
var ae =
|
|
915
|
+
var ae = A(i.toIndex(c()));
|
|
916
916
|
X(h ? it(ae, $) : ae), Z && Z();
|
|
917
917
|
});
|
|
918
918
|
}
|
|
919
|
-
function
|
|
919
|
+
function M(P) {
|
|
920
920
|
var ne = y;
|
|
921
921
|
if (rt(P)) {
|
|
922
922
|
var ee = P.match(/([+\-<>])(\d+)?/) || [], Z = ee[1], ae = ee[2];
|
|
923
|
-
Z === "+" || Z === "-" ? ne =
|
|
923
|
+
Z === "+" || Z === "-" ? ne = D(y + +("" + Z + (+ae || 1)), y) : Z === ">" ? ne = ae ? I(+ae) : x(!0) : Z === "<" && (ne = f(!0));
|
|
924
924
|
} else
|
|
925
925
|
ne = p ? P : bt(P, 0, $);
|
|
926
926
|
return ne;
|
|
927
927
|
}
|
|
928
|
-
function
|
|
929
|
-
var ee = _ || (oe() ? 1 : g), Z =
|
|
930
|
-
return Z === -1 && u && !Ko(c(), s(!P), 1) ? P ? 0 : $ : ne ? Z :
|
|
928
|
+
function q(P, ne) {
|
|
929
|
+
var ee = _ || (oe() ? 1 : g), Z = D(y + ee * (P ? -1 : 1), y, !(_ || oe()));
|
|
930
|
+
return Z === -1 && u && !Ko(c(), s(!P), 1) ? P ? 0 : $ : ne ? Z : A(Z);
|
|
931
931
|
}
|
|
932
|
-
function
|
|
932
|
+
function D(P, ne, ee) {
|
|
933
933
|
if (T() || oe()) {
|
|
934
934
|
var Z = v(P);
|
|
935
|
-
Z !== P && (ne = P, P = Z, ee = !1), P < 0 || P > $ ? !_ && (ln(0, P, ne, !0) || ln($, ne, P, !0)) ? P =
|
|
935
|
+
Z !== P && (ne = P, P = Z, ee = !1), P < 0 || P > $ ? !_ && (ln(0, P, ne, !0) || ln($, ne, P, !0)) ? P = I(w(P)) : p ? P = ee ? P < 0 ? -(W % g || g) : W : P : n.rewind ? P = P < 0 ? $ : 0 : P = -1 : ee && P !== ne && (P = I(w(ne) + (P < ne ? -1 : 1)));
|
|
936
936
|
} else
|
|
937
937
|
P = -1;
|
|
938
938
|
return P;
|
|
@@ -943,50 +943,50 @@ function Zi(e, t, n) {
|
|
|
943
943
|
P < y ? --P : ++P;
|
|
944
944
|
return P;
|
|
945
945
|
}
|
|
946
|
-
function
|
|
947
|
-
return p ? (P +
|
|
946
|
+
function A(P) {
|
|
947
|
+
return p ? (P + W) % W || 0 : P;
|
|
948
948
|
}
|
|
949
949
|
function E() {
|
|
950
|
-
for (var P =
|
|
951
|
-
if (d(
|
|
950
|
+
for (var P = W - (oe() || p && _ ? 1 : g); h && P-- > 0; )
|
|
951
|
+
if (d(W - 1, !0) !== d(P, !0)) {
|
|
952
952
|
P++;
|
|
953
953
|
break;
|
|
954
954
|
}
|
|
955
|
-
return bt(P, 0,
|
|
955
|
+
return bt(P, 0, W - 1);
|
|
956
956
|
}
|
|
957
|
-
function
|
|
957
|
+
function I(P) {
|
|
958
958
|
return bt(oe() ? P : g * P, 0, $);
|
|
959
959
|
}
|
|
960
960
|
function w(P) {
|
|
961
|
-
return oe() ? it(P, $) : mn((P >= $ ?
|
|
961
|
+
return oe() ? it(P, $) : mn((P >= $ ? W - 1 : P) / g);
|
|
962
962
|
}
|
|
963
963
|
function H(P) {
|
|
964
964
|
var ne = i.toIndex(P);
|
|
965
965
|
return u ? bt(ne, 0, $) : ne;
|
|
966
966
|
}
|
|
967
967
|
function X(P) {
|
|
968
|
-
P !== y && (
|
|
968
|
+
P !== y && (O = y, y = P);
|
|
969
969
|
}
|
|
970
970
|
function le(P) {
|
|
971
|
-
return P ?
|
|
971
|
+
return P ? O : y;
|
|
972
972
|
}
|
|
973
973
|
function oe() {
|
|
974
974
|
return !qt(n.focus) || n.isNavigation;
|
|
975
975
|
}
|
|
976
976
|
function ge() {
|
|
977
|
-
return e.state.is([
|
|
977
|
+
return e.state.is([It, jt]) && !!n.waitForTransition;
|
|
978
978
|
}
|
|
979
979
|
return {
|
|
980
980
|
mount: C,
|
|
981
981
|
go: k,
|
|
982
|
-
scroll:
|
|
982
|
+
scroll: L,
|
|
983
983
|
getNext: x,
|
|
984
984
|
getPrev: f,
|
|
985
|
-
getAdjacent:
|
|
985
|
+
getAdjacent: q,
|
|
986
986
|
getEnd: E,
|
|
987
987
|
setIndex: X,
|
|
988
988
|
getIndex: le,
|
|
989
|
-
toIndex:
|
|
989
|
+
toIndex: I,
|
|
990
990
|
toPage: w,
|
|
991
991
|
toDest: H,
|
|
992
992
|
hasFocus: oe,
|
|
@@ -997,38 +997,38 @@ var Ji = "http://www.w3.org/2000/svg", Qi = "m15.5 0.932-4.3 4.38 14.5 14.6-14.5
|
|
|
997
997
|
function ea(e, t, n) {
|
|
998
998
|
var o = Se(e), r = o.on, a = o.bind, i = o.emit, c = n.classes, s = n.i18n, d = t.Elements, l = t.Controller, T = d.arrows, S = d.track, h = T, p = d.prev, u = d.next, x, f, y = {};
|
|
999
999
|
function $() {
|
|
1000
|
-
|
|
1000
|
+
W(), r(ke, O);
|
|
1001
1001
|
}
|
|
1002
|
-
function
|
|
1002
|
+
function O() {
|
|
1003
1003
|
_(), $();
|
|
1004
1004
|
}
|
|
1005
|
-
function
|
|
1006
|
-
var
|
|
1007
|
-
|
|
1005
|
+
function W() {
|
|
1006
|
+
var L = n.arrows;
|
|
1007
|
+
L && !(p && u) && F(), p && u && (zt(y, {
|
|
1008
1008
|
prev: p,
|
|
1009
1009
|
next: u
|
|
1010
|
-
}), Bt(h,
|
|
1010
|
+
}), Bt(h, L ? "" : "none"), Oe(h, f = ao + "--" + n.direction), L && (g(), k(), de([p, u], Xt, S.id), i(or, p, u)));
|
|
1011
1011
|
}
|
|
1012
1012
|
function _() {
|
|
1013
1013
|
o.destroy(), Xe(h, f), x ? (mt(T ? [p, u] : h), p = u = null) : De([p, u], io);
|
|
1014
1014
|
}
|
|
1015
1015
|
function g() {
|
|
1016
|
-
r([st,
|
|
1016
|
+
r([st, At, $e, ft, gn], k), a(u, "click", xe(C, ">")), a(p, "click", xe(C, "<"));
|
|
1017
1017
|
}
|
|
1018
|
-
function C(
|
|
1019
|
-
l.go(
|
|
1018
|
+
function C(L) {
|
|
1019
|
+
l.go(L, !0);
|
|
1020
1020
|
}
|
|
1021
|
-
function
|
|
1021
|
+
function F() {
|
|
1022
1022
|
h = T || Ct("div", c.arrows), p = z(!0), u = z(!1), x = !0, Gt(h, [p, u]), !T && Gn(h, S);
|
|
1023
1023
|
}
|
|
1024
|
-
function z(
|
|
1025
|
-
var
|
|
1026
|
-
return Uo(
|
|
1024
|
+
function z(L) {
|
|
1025
|
+
var M = '<button class="' + c.arrow + " " + (L ? c.prev : c.next) + '" type="button"><svg xmlns="' + Ji + '" viewBox="0 0 ' + en + " " + en + '" width="' + en + '" height="' + en + '" focusable="false"><path d="' + (n.arrowPath || Qi) + '" />';
|
|
1026
|
+
return Uo(M);
|
|
1027
1027
|
}
|
|
1028
1028
|
function k() {
|
|
1029
1029
|
if (p && u) {
|
|
1030
|
-
var
|
|
1031
|
-
p.disabled =
|
|
1030
|
+
var L = e.index, M = l.getPrev(), q = l.getNext(), D = M > -1 && L < M ? s.last : s.prev, v = q > -1 && L > q ? s.first : s.next;
|
|
1031
|
+
p.disabled = M < 0, u.disabled = q < 0, de(p, Le, D), de(u, Le, v), i(rr, p, u, M, q);
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
return {
|
|
@@ -1045,39 +1045,39 @@ function na(e, t, n) {
|
|
|
1045
1045
|
h && (y(), S && de(S, Xt, d.track.id), x || $(), _());
|
|
1046
1046
|
}
|
|
1047
1047
|
function y() {
|
|
1048
|
-
n.pauseOnHover && a(T, "mouseenter mouseleave", function(
|
|
1049
|
-
p =
|
|
1050
|
-
}), n.pauseOnFocus && a(T, "focusin focusout", function(
|
|
1051
|
-
u =
|
|
1048
|
+
n.pauseOnHover && a(T, "mouseenter mouseleave", function(F) {
|
|
1049
|
+
p = F.type === "mouseenter", W();
|
|
1050
|
+
}), n.pauseOnFocus && a(T, "focusin focusout", function(F) {
|
|
1051
|
+
u = F.type === "focusin", W();
|
|
1052
1052
|
}), S && a(S, "click", function() {
|
|
1053
|
-
x ? $() :
|
|
1053
|
+
x ? $() : O(!0);
|
|
1054
1054
|
}), r([et, vn, $e], c.rewind), r(et, C);
|
|
1055
1055
|
}
|
|
1056
1056
|
function $() {
|
|
1057
1057
|
s() && t.Slides.isEnough() && (c.start(!n.resetProgress), u = p = x = !1, _(), i(eo));
|
|
1058
1058
|
}
|
|
1059
|
-
function
|
|
1060
|
-
|
|
1059
|
+
function O(F) {
|
|
1060
|
+
F === void 0 && (F = !0), x = !!F, _(), s() || (c.pause(), i(to));
|
|
1061
1061
|
}
|
|
1062
|
-
function
|
|
1063
|
-
x || (p || u ?
|
|
1062
|
+
function W() {
|
|
1063
|
+
x || (p || u ? O(!1) : $());
|
|
1064
1064
|
}
|
|
1065
1065
|
function _() {
|
|
1066
|
-
S && (Ye(S, gt, !x), de(S,
|
|
1066
|
+
S && (Ye(S, gt, !x), de(S, Le, n.i18n[x ? "play" : "pause"]));
|
|
1067
1067
|
}
|
|
1068
|
-
function g(
|
|
1068
|
+
function g(F) {
|
|
1069
1069
|
var z = d.bar;
|
|
1070
|
-
z &&
|
|
1070
|
+
z && We(z, "width", F * 100 + "%"), i(sr, F);
|
|
1071
1071
|
}
|
|
1072
|
-
function C(
|
|
1073
|
-
var z = t.Slides.getAt(
|
|
1072
|
+
function C(F) {
|
|
1073
|
+
var z = t.Slides.getAt(F);
|
|
1074
1074
|
c.set(z && +He(z.slide, ta) || n.interval);
|
|
1075
1075
|
}
|
|
1076
1076
|
return {
|
|
1077
1077
|
mount: f,
|
|
1078
1078
|
destroy: c.cancel,
|
|
1079
1079
|
play: $,
|
|
1080
|
-
pause:
|
|
1080
|
+
pause: O,
|
|
1081
1081
|
isPaused: s
|
|
1082
1082
|
};
|
|
1083
1083
|
}
|
|
@@ -1104,29 +1104,29 @@ var ra = 10, ia = 600, aa = 0.6, sa = 1.5, la = 800;
|
|
|
1104
1104
|
function ca(e, t, n) {
|
|
1105
1105
|
var o = Se(e), r = o.on, a = o.emit, i = e.state.set, c = t.Move, s = c.getPosition, d = c.getLimit, l = c.exceededLimit, T = c.translate, S = e.is(Et), h, p, u = 1;
|
|
1106
1106
|
function x() {
|
|
1107
|
-
r(et,
|
|
1107
|
+
r(et, O), r([ke, $e], W);
|
|
1108
1108
|
}
|
|
1109
|
-
function f(g, C,
|
|
1110
|
-
var
|
|
1111
|
-
if (
|
|
1112
|
-
var
|
|
1113
|
-
g = c.toPosition(t.Controller.toDest(g %
|
|
1109
|
+
function f(g, C, F, z, k) {
|
|
1110
|
+
var L = s();
|
|
1111
|
+
if (O(), F && (!S || !l())) {
|
|
1112
|
+
var M = t.Layout.sliderSize(), q = Hn(g) * M * mn(Ie(g) / M) || 0;
|
|
1113
|
+
g = c.toPosition(t.Controller.toDest(g % M)) + q;
|
|
1114
1114
|
}
|
|
1115
|
-
var
|
|
1116
|
-
u = 1, C =
|
|
1115
|
+
var D = Ko(L, g, 1);
|
|
1116
|
+
u = 1, C = D ? 0 : C || dn(Ie(g - L) / sa, la), p = z, h = bn(C, y, xe($, L, g, k), 1), i(jt), a(vn), h.start();
|
|
1117
1117
|
}
|
|
1118
1118
|
function y() {
|
|
1119
1119
|
i(Tt), p && p(), a(ft);
|
|
1120
1120
|
}
|
|
1121
|
-
function $(g, C,
|
|
1122
|
-
var k = s(),
|
|
1123
|
-
T(k +
|
|
1121
|
+
function $(g, C, F, z) {
|
|
1122
|
+
var k = s(), L = g + (C - g) * _(z), M = (L - k) * u;
|
|
1123
|
+
T(k + M), S && !F && l() && (u *= aa, Ie(M) < ra && f(d(l(!0)), ia, !1, p, !0));
|
|
1124
1124
|
}
|
|
1125
|
-
function
|
|
1125
|
+
function O() {
|
|
1126
1126
|
h && h.cancel();
|
|
1127
1127
|
}
|
|
1128
|
-
function
|
|
1129
|
-
h && !h.isPaused() && (
|
|
1128
|
+
function W() {
|
|
1129
|
+
h && !h.isPaused() && (O(), y());
|
|
1130
1130
|
}
|
|
1131
1131
|
function _(g) {
|
|
1132
1132
|
var C = n.easingFunc;
|
|
@@ -1134,9 +1134,9 @@ function ca(e, t, n) {
|
|
|
1134
1134
|
}
|
|
1135
1135
|
return {
|
|
1136
1136
|
mount: x,
|
|
1137
|
-
destroy:
|
|
1137
|
+
destroy: O,
|
|
1138
1138
|
scroll: f,
|
|
1139
|
-
cancel:
|
|
1139
|
+
cancel: W
|
|
1140
1140
|
};
|
|
1141
1141
|
}
|
|
1142
1142
|
var xt = {
|
|
@@ -1144,91 +1144,91 @@ var xt = {
|
|
|
1144
1144
|
capture: !0
|
|
1145
1145
|
};
|
|
1146
1146
|
function pa(e, t, n) {
|
|
1147
|
-
var o = Se(e), r = o.on, a = o.emit, i = o.bind, c = o.unbind, s = e.state, d = t.Move, l = t.Scroll, T = t.Controller, S = t.Elements.track, h = t.Media.reduce, p = t.Direction, u = p.resolve, x = p.orient, f = d.getPosition, y = d.exceededLimit, $,
|
|
1148
|
-
function
|
|
1149
|
-
i(S,
|
|
1147
|
+
var o = Se(e), r = o.on, a = o.emit, i = o.bind, c = o.unbind, s = e.state, d = t.Move, l = t.Scroll, T = t.Controller, S = t.Elements.track, h = t.Media.reduce, p = t.Direction, u = p.resolve, x = p.orient, f = d.getPosition, y = d.exceededLimit, $, O, W, _, g, C = !1, F, z, k;
|
|
1148
|
+
function L() {
|
|
1149
|
+
i(S, Fn, Wn, xt), i(S, Ln, Wn, xt), i(S, Cr, q, xt), i(S, "click", A, {
|
|
1150
1150
|
capture: !0
|
|
1151
|
-
}), i(S, "dragstart", Ge), r([st, ke],
|
|
1151
|
+
}), i(S, "dragstart", Ge), r([st, ke], M);
|
|
1152
1152
|
}
|
|
1153
|
-
function
|
|
1154
|
-
var
|
|
1155
|
-
ue(!
|
|
1153
|
+
function M() {
|
|
1154
|
+
var R = n.drag;
|
|
1155
|
+
ue(!R), _ = R === "free";
|
|
1156
1156
|
}
|
|
1157
|
-
function
|
|
1158
|
-
if (
|
|
1159
|
-
var b = ae(
|
|
1160
|
-
Z(
|
|
1157
|
+
function q(R) {
|
|
1158
|
+
if (F = !1, !z) {
|
|
1159
|
+
var b = ae(R);
|
|
1160
|
+
Z(R.target) && (b || !R.button) && (T.isBusy() ? Ge(R, !0) : (k = b ? S : window, g = s.is([It, jt]), W = null, i(k, Fn, D, xt), i(k, Ln, v, xt), d.cancel(), l.cancel(), E(R)));
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
|
-
function
|
|
1164
|
-
if (s.is(an) || (s.set(an), a(er)),
|
|
1163
|
+
function D(R) {
|
|
1164
|
+
if (s.is(an) || (s.set(an), a(er)), R.cancelable)
|
|
1165
1165
|
if (g) {
|
|
1166
|
-
d.translate($ + ee(oe(
|
|
1167
|
-
var b = ge(
|
|
1168
|
-
(b ||
|
|
1169
|
-
} else H(
|
|
1166
|
+
d.translate($ + ee(oe(R)));
|
|
1167
|
+
var b = ge(R) > To, j = C !== (C = y());
|
|
1168
|
+
(b || j) && E(R), F = !0, a(tr), Ge(R);
|
|
1169
|
+
} else H(R) && (g = w(R), Ge(R));
|
|
1170
1170
|
}
|
|
1171
|
-
function v(
|
|
1172
|
-
s.is(an) && (s.set(Tt), a(nr)), g && (
|
|
1171
|
+
function v(R) {
|
|
1172
|
+
s.is(an) && (s.set(Tt), a(nr)), g && (I(R), Ge(R)), c(k, Fn, D), c(k, Ln, v), g = !1;
|
|
1173
1173
|
}
|
|
1174
|
-
function
|
|
1175
|
-
!z &&
|
|
1174
|
+
function A(R) {
|
|
1175
|
+
!z && F && Ge(R, !0);
|
|
1176
1176
|
}
|
|
1177
|
-
function E(
|
|
1178
|
-
|
|
1177
|
+
function E(R) {
|
|
1178
|
+
W = O, O = R, $ = f();
|
|
1179
1179
|
}
|
|
1180
|
-
function
|
|
1181
|
-
var b = X(
|
|
1182
|
-
h(!1), _ ? T.scroll(
|
|
1180
|
+
function I(R) {
|
|
1181
|
+
var b = X(R), j = le(b), G = n.rewind && n.rewindByDrag;
|
|
1182
|
+
h(!1), _ ? T.scroll(j, 0, n.snap) : e.is(Zt) ? T.go(x(Hn(b)) < 0 ? G ? "<" : "-" : G ? ">" : "+") : e.is(Et) && C && G ? T.go(y(!0) ? ">" : "<") : T.go(T.toDest(j), !0), h(!0);
|
|
1183
1183
|
}
|
|
1184
|
-
function w(
|
|
1185
|
-
var b = n.dragMinThreshold,
|
|
1186
|
-
return
|
|
1184
|
+
function w(R) {
|
|
1185
|
+
var b = n.dragMinThreshold, j = Pt(b), G = j && b.mouse || 0, J = (j ? b.touch : +b) || 10;
|
|
1186
|
+
return Ie(oe(R)) > (ae(R) ? J : G);
|
|
1187
1187
|
}
|
|
1188
|
-
function H(
|
|
1189
|
-
return
|
|
1188
|
+
function H(R) {
|
|
1189
|
+
return Ie(oe(R)) > Ie(oe(R, !0));
|
|
1190
1190
|
}
|
|
1191
|
-
function X(
|
|
1192
|
-
if (e.is(
|
|
1193
|
-
var b = ge(
|
|
1191
|
+
function X(R) {
|
|
1192
|
+
if (e.is(Ft) || !C) {
|
|
1193
|
+
var b = ge(R);
|
|
1194
1194
|
if (b && b < To)
|
|
1195
|
-
return oe(
|
|
1195
|
+
return oe(R) / b;
|
|
1196
1196
|
}
|
|
1197
1197
|
return 0;
|
|
1198
1198
|
}
|
|
1199
|
-
function le(
|
|
1200
|
-
return f() + Hn(
|
|
1199
|
+
function le(R) {
|
|
1200
|
+
return f() + Hn(R) * it(Ie(R) * (n.flickPower || 600), _ ? 1 / 0 : t.Layout.listSize() * (n.flickMaxPages || 1));
|
|
1201
1201
|
}
|
|
1202
|
-
function oe(
|
|
1203
|
-
return ne(
|
|
1202
|
+
function oe(R, b) {
|
|
1203
|
+
return ne(R, b) - ne(P(R), b);
|
|
1204
1204
|
}
|
|
1205
|
-
function ge(
|
|
1206
|
-
return
|
|
1205
|
+
function ge(R) {
|
|
1206
|
+
return Pn(R) - Pn(P(R));
|
|
1207
1207
|
}
|
|
1208
|
-
function P(
|
|
1209
|
-
return
|
|
1208
|
+
function P(R) {
|
|
1209
|
+
return O === R && W || O;
|
|
1210
1210
|
}
|
|
1211
|
-
function ne(
|
|
1212
|
-
return (ae(
|
|
1211
|
+
function ne(R, b) {
|
|
1212
|
+
return (ae(R) ? R.changedTouches[0] : R)["page" + u(b ? "Y" : "X")];
|
|
1213
1213
|
}
|
|
1214
|
-
function ee(
|
|
1215
|
-
return
|
|
1214
|
+
function ee(R) {
|
|
1215
|
+
return R / (C && e.is(Et) ? Vi : 1);
|
|
1216
1216
|
}
|
|
1217
|
-
function Z(
|
|
1217
|
+
function Z(R) {
|
|
1218
1218
|
var b = n.noDrag;
|
|
1219
|
-
return !Ht(
|
|
1219
|
+
return !Ht(R, "." + yr + ", ." + Tn) && (!b || !Ht(R, b));
|
|
1220
1220
|
}
|
|
1221
|
-
function ae(
|
|
1222
|
-
return typeof TouchEvent < "u" &&
|
|
1221
|
+
function ae(R) {
|
|
1222
|
+
return typeof TouchEvent < "u" && R instanceof TouchEvent;
|
|
1223
1223
|
}
|
|
1224
1224
|
function B() {
|
|
1225
1225
|
return g;
|
|
1226
1226
|
}
|
|
1227
|
-
function ue(
|
|
1228
|
-
z =
|
|
1227
|
+
function ue(R) {
|
|
1228
|
+
z = R;
|
|
1229
1229
|
}
|
|
1230
1230
|
return {
|
|
1231
|
-
mount:
|
|
1231
|
+
mount: L,
|
|
1232
1232
|
disable: ue,
|
|
1233
1233
|
isDragging: B
|
|
1234
1234
|
};
|
|
@@ -1277,9 +1277,9 @@ function da(e, t, n) {
|
|
|
1277
1277
|
disable: p
|
|
1278
1278
|
};
|
|
1279
1279
|
}
|
|
1280
|
-
var
|
|
1280
|
+
var Wt = Yn + "-lazy", cn = Wt + "-srcset", ma = "[" + Wt + "], [" + cn + "]";
|
|
1281
1281
|
function ga(e, t, n) {
|
|
1282
|
-
var o = Se(e), r = o.on, a = o.off, i = o.bind, c = o.emit, s = n.lazyLoad === "sequential", d = [
|
|
1282
|
+
var o = Se(e), r = o.on, a = o.off, i = o.bind, c = o.emit, s = n.lazyLoad === "sequential", d = [At, ft], l = [];
|
|
1283
1283
|
function T() {
|
|
1284
1284
|
n.lazyLoad && (S(), r($e, S));
|
|
1285
1285
|
}
|
|
@@ -1289,8 +1289,8 @@ function ga(e, t, n) {
|
|
|
1289
1289
|
function h() {
|
|
1290
1290
|
t.Slides.forEach(function(y) {
|
|
1291
1291
|
Kn(y.slide, ma).forEach(function($) {
|
|
1292
|
-
var
|
|
1293
|
-
if (
|
|
1292
|
+
var O = He($, Wt), W = He($, cn);
|
|
1293
|
+
if (O !== $.src || W !== $.srcset) {
|
|
1294
1294
|
var _ = n.classes.spinner, g = $.parentElement, C = Kt(g, "." + _) || Ct("span", _, g);
|
|
1295
1295
|
l.push([$, y, C]), $.src || Bt($, "none");
|
|
1296
1296
|
}
|
|
@@ -1305,11 +1305,11 @@ function ga(e, t, n) {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
function u(y) {
|
|
1307
1307
|
var $ = y[0];
|
|
1308
|
-
Oe(y[1].slide, On), i($, "load error", xe(x, y)), de($, "src", He($,
|
|
1308
|
+
Oe(y[1].slide, On), i($, "load error", xe(x, y)), de($, "src", He($, Wt)), de($, "srcset", He($, cn)), De($, Wt), De($, cn);
|
|
1309
1309
|
}
|
|
1310
1310
|
function x(y, $) {
|
|
1311
|
-
var
|
|
1312
|
-
Xe(
|
|
1311
|
+
var O = y[0], W = y[1];
|
|
1312
|
+
Xe(W.slide, On), $.type !== "error" && (mt(y[2]), Bt(O, ""), c(no, O, W), c(_t)), s && f();
|
|
1313
1313
|
}
|
|
1314
1314
|
function f() {
|
|
1315
1315
|
l.length && u(l.shift());
|
|
@@ -1325,7 +1325,7 @@ function fa(e, t, n) {
|
|
|
1325
1325
|
function y() {
|
|
1326
1326
|
$(), r([ke, $e, gn], y);
|
|
1327
1327
|
var z = n.pagination;
|
|
1328
|
-
p && Bt(p, z ? "" : "none"), z && (r([et, vn, ft],
|
|
1328
|
+
p && Bt(p, z ? "" : "none"), z && (r([et, vn, ft], F), O(), F(), a(ir, {
|
|
1329
1329
|
list: x,
|
|
1330
1330
|
items: u
|
|
1331
1331
|
}, C(e.index)));
|
|
@@ -1333,31 +1333,31 @@ function fa(e, t, n) {
|
|
|
1333
1333
|
function $() {
|
|
1334
1334
|
x && (mt(p ? at(x.children) : x), Xe(x, f), Qe(u), x = null), o.destroy();
|
|
1335
1335
|
}
|
|
1336
|
-
function
|
|
1337
|
-
var z = e.length, k = n.classes,
|
|
1338
|
-
x = p || Ct("ul", k.pagination, s.track.parentElement), Oe(x, f = _n + "--" + g()), de(x, Je, "tablist"), de(x,
|
|
1339
|
-
for (var
|
|
1340
|
-
var v = Ct("li", null, x),
|
|
1336
|
+
function O() {
|
|
1337
|
+
var z = e.length, k = n.classes, L = n.i18n, M = n.perPage, q = l() ? d.getEnd() + 1 : Ot(z / M);
|
|
1338
|
+
x = p || Ct("ul", k.pagination, s.track.parentElement), Oe(x, f = _n + "--" + g()), de(x, Je, "tablist"), de(x, Le, L.select), de(x, ro, g() === wn ? "vertical" : "");
|
|
1339
|
+
for (var D = 0; D < q; D++) {
|
|
1340
|
+
var v = Ct("li", null, x), A = Ct("button", {
|
|
1341
1341
|
class: k.page,
|
|
1342
1342
|
type: "button"
|
|
1343
|
-
}, v), E = c.getIn(
|
|
1343
|
+
}, v), E = c.getIn(D).map(function(w) {
|
|
1344
1344
|
return w.slide.id;
|
|
1345
|
-
}),
|
|
1346
|
-
i(
|
|
1345
|
+
}), I = !l() && M > 1 ? L.pageX : L.slideX;
|
|
1346
|
+
i(A, "click", xe(W, D)), n.paginationKeyboard && i(A, "keydown", xe(_, D)), de(v, Je, "presentation"), de(A, Je, "tab"), de(A, Xt, E.join(" ")), de(A, Le, Nn(I, D + 1)), de(A, wt, -1), u.push({
|
|
1347
1347
|
li: v,
|
|
1348
|
-
button:
|
|
1349
|
-
page:
|
|
1348
|
+
button: A,
|
|
1349
|
+
page: D
|
|
1350
1350
|
});
|
|
1351
1351
|
}
|
|
1352
1352
|
}
|
|
1353
|
-
function
|
|
1353
|
+
function W(z) {
|
|
1354
1354
|
S(">" + z, !0);
|
|
1355
1355
|
}
|
|
1356
1356
|
function _(z, k) {
|
|
1357
|
-
var
|
|
1358
|
-
|
|
1359
|
-
var v = u[
|
|
1360
|
-
v && (qo(v.button), S(">" +
|
|
1357
|
+
var L = u.length, M = so(k), q = g(), D = -1;
|
|
1358
|
+
M === h(Cn, !1, q) ? D = ++z % L : M === h(Sn, !1, q) ? D = (--z + L) % L : M === "Home" ? D = 0 : M === "End" && (D = L - 1);
|
|
1359
|
+
var v = u[D];
|
|
1360
|
+
v && (qo(v.button), S(">" + D), Ge(k, !0));
|
|
1361
1361
|
}
|
|
1362
1362
|
function g() {
|
|
1363
1363
|
return n.paginationDirection || n.direction;
|
|
@@ -1365,15 +1365,15 @@ function fa(e, t, n) {
|
|
|
1365
1365
|
function C(z) {
|
|
1366
1366
|
return u[d.toPage(z)];
|
|
1367
1367
|
}
|
|
1368
|
-
function
|
|
1368
|
+
function F() {
|
|
1369
1369
|
var z = C(T(!0)), k = C(T());
|
|
1370
1370
|
if (z) {
|
|
1371
|
-
var
|
|
1372
|
-
Xe(
|
|
1371
|
+
var L = z.button;
|
|
1372
|
+
Xe(L, gt), De(L, xo), de(L, wt, -1);
|
|
1373
1373
|
}
|
|
1374
1374
|
if (k) {
|
|
1375
|
-
var
|
|
1376
|
-
Oe(
|
|
1375
|
+
var M = k.button;
|
|
1376
|
+
Oe(M, gt), de(M, xo, !0), de(M, wt, "");
|
|
1377
1377
|
}
|
|
1378
1378
|
a(ar, {
|
|
1379
1379
|
list: x,
|
|
@@ -1385,7 +1385,7 @@ function fa(e, t, n) {
|
|
|
1385
1385
|
mount: y,
|
|
1386
1386
|
destroy: $,
|
|
1387
1387
|
getAt: C,
|
|
1388
|
-
update:
|
|
1388
|
+
update: F
|
|
1389
1389
|
};
|
|
1390
1390
|
}
|
|
1391
1391
|
var ha = [" ", "Enter"];
|
|
@@ -1407,7 +1407,7 @@ function ya(e, t, n) {
|
|
|
1407
1407
|
function d(p, u) {
|
|
1408
1408
|
var x = Se(p);
|
|
1409
1409
|
x.on(et, function(f, y, $) {
|
|
1410
|
-
u.go(u.is(
|
|
1410
|
+
u.go(u.is(Ft) ? $ : f);
|
|
1411
1411
|
}), a.push(x);
|
|
1412
1412
|
}
|
|
1413
1413
|
function l() {
|
|
@@ -1439,12 +1439,12 @@ function va(e, t, n) {
|
|
|
1439
1439
|
}
|
|
1440
1440
|
function c(d) {
|
|
1441
1441
|
if (d.cancelable) {
|
|
1442
|
-
var l = d.deltaY, T = l < 0, S =
|
|
1443
|
-
|
|
1442
|
+
var l = d.deltaY, T = l < 0, S = Pn(d), h = n.wheelMinThreshold || 0, p = n.wheelSleep || 0;
|
|
1443
|
+
Ie(l) > h && S - a > p && (e.go(T ? "<" : ">"), a = S), s(T) && Ge(d);
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
1446
|
function s(d) {
|
|
1447
|
-
return !n.releaseWheel || e.state.is(
|
|
1447
|
+
return !n.releaseWheel || e.state.is(It) || t.Controller.getAdjacent(d) !== -1;
|
|
1448
1448
|
}
|
|
1449
1449
|
return {
|
|
1450
1450
|
mount: i
|
|
@@ -1454,7 +1454,7 @@ var ba = 90;
|
|
|
1454
1454
|
function xa(e, t, n) {
|
|
1455
1455
|
var o = Se(e), r = o.on, a = t.Elements.track, i = n.live && !n.isNavigation, c = Ct("span", Ni), s = bn(ba, xe(l, !1));
|
|
1456
1456
|
function d() {
|
|
1457
|
-
i && (S(!t.Autoplay.isPaused()), de(a, wo, !0), c.textContent = "…", r(eo, xe(S, !0)), r(to, xe(S, !1)), r([
|
|
1457
|
+
i && (S(!t.Autoplay.isPaused()), de(a, wo, !0), c.textContent = "…", r(eo, xe(S, !0)), r(to, xe(S, !1)), r([At, ft], xe(l, !0)));
|
|
1458
1458
|
}
|
|
1459
1459
|
function l(h) {
|
|
1460
1460
|
de(a, Co, h), h ? (Gt(a, c), s.start()) : (mt(c), s.cancel());
|
|
@@ -1473,8 +1473,8 @@ function xa(e, t, n) {
|
|
|
1473
1473
|
}
|
|
1474
1474
|
var Sa = /* @__PURE__ */ Object.freeze({
|
|
1475
1475
|
__proto__: null,
|
|
1476
|
-
Media:
|
|
1477
|
-
Direction:
|
|
1476
|
+
Media: Ii,
|
|
1477
|
+
Direction: Ai,
|
|
1478
1478
|
Elements: ji,
|
|
1479
1479
|
Slides: Ui,
|
|
1480
1480
|
Layout: Gi,
|
|
@@ -1548,11 +1548,11 @@ function $a(e, t, n) {
|
|
|
1548
1548
|
return {
|
|
1549
1549
|
mount: r,
|
|
1550
1550
|
start: i,
|
|
1551
|
-
cancel:
|
|
1551
|
+
cancel: Wn
|
|
1552
1552
|
};
|
|
1553
1553
|
}
|
|
1554
1554
|
function Ta(e, t, n) {
|
|
1555
|
-
var o = t.Move, r = t.Controller, a = t.Scroll, i = t.Elements.list, c = xe(
|
|
1555
|
+
var o = t.Move, r = t.Controller, a = t.Scroll, i = t.Elements.list, c = xe(We, i, "transition"), s;
|
|
1556
1556
|
function d() {
|
|
1557
1557
|
Se(e).bind(i, "transitionend", function(h) {
|
|
1558
1558
|
h.target === i && s && (T(), s());
|
|
@@ -1560,7 +1560,7 @@ function Ta(e, t, n) {
|
|
|
1560
1560
|
}
|
|
1561
1561
|
function l(h, p) {
|
|
1562
1562
|
var u = o.toPosition(h, !0), x = o.getPosition(), f = S(h);
|
|
1563
|
-
|
|
1563
|
+
Ie(u - x) >= 1 && f >= 1 ? n.useScroll ? a.scroll(u, f, !1, p) : (c("transform " + f + "ms " + n.easing), o.translate(u, !0), s = p) : (o.jump(h), p());
|
|
1564
1564
|
}
|
|
1565
1565
|
function T() {
|
|
1566
1566
|
c(""), a.cancel();
|
|
@@ -1585,7 +1585,7 @@ var _a = /* @__PURE__ */ (function() {
|
|
|
1585
1585
|
this.event = Se(), this.Components = {}, this.state = Ei(St), this.splides = [], this._o = {}, this._E = {};
|
|
1586
1586
|
var r = rt(n) ? Go(document, n) : n;
|
|
1587
1587
|
Rt(r, r + " is invalid."), this.root = r, o = nt({
|
|
1588
|
-
label: He(r,
|
|
1588
|
+
label: He(r, Le) || "",
|
|
1589
1589
|
labelledby: He(r, oo) || ""
|
|
1590
1590
|
}, wa, e.defaults, o || {});
|
|
1591
1591
|
try {
|
|
@@ -1664,7 +1664,7 @@ var Eo = [
|
|
|
1664
1664
|
[st, "onMounted"],
|
|
1665
1665
|
[zn, "onReady"],
|
|
1666
1666
|
[et, "onMove"],
|
|
1667
|
-
[
|
|
1667
|
+
[At, "onMoved"],
|
|
1668
1668
|
[Zn, "onClick"],
|
|
1669
1669
|
[Xo, "onActive"],
|
|
1670
1670
|
[Zo, "onInactive"],
|
|
@@ -1725,7 +1725,7 @@ function Vn(e, t) {
|
|
|
1725
1725
|
Array.isArray(o) ? n[r] = o.slice() : fn(o) ? n[r] = Vn(fn(n[r]) ? n[r] : {}, o) : n[r] = o;
|
|
1726
1726
|
}), n;
|
|
1727
1727
|
}
|
|
1728
|
-
var
|
|
1728
|
+
var Ia = ({ children: e, className: t, ...n }) => /* @__PURE__ */ ut.createElement("div", {
|
|
1729
1729
|
className: co("splide__track", t),
|
|
1730
1730
|
...n
|
|
1731
1731
|
}, /* @__PURE__ */ ut.createElement("ul", {
|
|
@@ -1784,7 +1784,7 @@ var Aa = ({ children: e, className: t, ...n }) => /* @__PURE__ */ ut.createEleme
|
|
|
1784
1784
|
className: co("splide", e),
|
|
1785
1785
|
ref: this.splideRef,
|
|
1786
1786
|
...this.omit(r, ["options", ...Eo.map((a) => a[1])])
|
|
1787
|
-
}, n ? /* @__PURE__ */ ut.createElement(
|
|
1787
|
+
}, n ? /* @__PURE__ */ ut.createElement(Ia, null, o) : o);
|
|
1788
1788
|
}
|
|
1789
1789
|
}, $r = ({ children: e, className: t, ...n }) => /* @__PURE__ */ ut.createElement("li", {
|
|
1790
1790
|
className: co("splide__slide", t),
|
|
@@ -1796,12 +1796,12 @@ var Aa = ({ children: e, className: t, ...n }) => /* @__PURE__ */ ut.createEleme
|
|
|
1796
1796
|
* License : MIT
|
|
1797
1797
|
* Copyright: 2022 Naotoshi Fujita
|
|
1798
1798
|
*/
|
|
1799
|
-
const
|
|
1800
|
-
link:
|
|
1801
|
-
},
|
|
1799
|
+
const Aa = "RichTextRenderer-module__link___BWeZ2", Fa = {
|
|
1800
|
+
link: Aa
|
|
1801
|
+
}, La = (e) => {
|
|
1802
1802
|
const t = e.trim();
|
|
1803
1803
|
return !t || t.startsWith('"') && t.endsWith('"') || t.startsWith("'") && t.endsWith("'") ? !1 : t.split(/\s+/g).filter(Boolean).some((o) => /^\d/.test(o));
|
|
1804
|
-
}, En = (e) => e && e.split(",").map((n) => n.trim()).filter(Boolean).map((n) =>
|
|
1804
|
+
}, En = (e) => e && e.split(",").map((n) => n.trim()).filter(Boolean).map((n) => La(n) ? `"${n.replace(/"/g, '\\"')}"` : n).join(", ");
|
|
1805
1805
|
function $t(e) {
|
|
1806
1806
|
const { color: t, ...n } = e;
|
|
1807
1807
|
return n;
|
|
@@ -1823,7 +1823,7 @@ function Ne(e, t) {
|
|
|
1823
1823
|
};
|
|
1824
1824
|
}
|
|
1825
1825
|
const kt = ({ content: e }) => {
|
|
1826
|
-
const t = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */ m("a", { className:
|
|
1826
|
+
const t = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */ m("a", { className: Fa.link, href: o.value, target: o.target, children: t(o.children) }, r) : /* @__PURE__ */ m("span", { style: Ma(o), children: o.text }, r));
|
|
1827
1827
|
return /* @__PURE__ */ m(Ze, { children: e.map((n, o) => {
|
|
1828
1828
|
const r = n.children;
|
|
1829
1829
|
return /* @__PURE__ */ m("div", { children: t(r) }, o);
|
|
@@ -1843,10 +1843,10 @@ function Ma(e) {
|
|
|
1843
1843
|
}
|
|
1844
1844
|
};
|
|
1845
1845
|
}
|
|
1846
|
-
const Ra = "SvgImage-module__svg___q3xE-",
|
|
1846
|
+
const Ra = "SvgImage-module__svg___q3xE-", Wa = "SvgImage-module__img___VsTm-", ko = {
|
|
1847
1847
|
svg: Ra,
|
|
1848
|
-
img:
|
|
1849
|
-
},
|
|
1848
|
+
img: Wa
|
|
1849
|
+
}, Pa = (e) => {
|
|
1850
1850
|
const t = e.trim();
|
|
1851
1851
|
return t.startsWith("data:image/svg+xml") ? !0 : (t.split(/[?#]/)[0] ?? t).endsWith(".svg");
|
|
1852
1852
|
}, Ha = (e) => `url("${e.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`, ot = ({ url: e, fill: t = "#000000", hoverFill: n = "#CCCCCC", className: o = "", style: r }) => {
|
|
@@ -1856,7 +1856,7 @@ const Ra = "SvgImage-module__svg___q3xE-", Pa = "SvgImage-module__img___VsTm-",
|
|
|
1856
1856
|
const c = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
|
|
1857
1857
|
i(c);
|
|
1858
1858
|
}
|
|
1859
|
-
}, []), !
|
|
1859
|
+
}, []), !Pa(e) || !a ? /* @__PURE__ */ m("img", { src: e, alt: "", className: ve(ko.img, o), style: r }) : /* @__PURE__ */ m(
|
|
1860
1860
|
"span",
|
|
1861
1861
|
{
|
|
1862
1862
|
"data-supports-mask": a,
|
|
@@ -1881,14 +1881,14 @@ const Ra = "SvgImage-module__svg___q3xE-", Pa = "SvgImage-module__img___VsTm-",
|
|
|
1881
1881
|
"bottom-right": te.bottomRightAlignment
|
|
1882
1882
|
};
|
|
1883
1883
|
function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
1884
|
-
const [r, a] = pe(null), { widthSettings: i, fontSettings: c, letterSpacing: s, textAlign: d, wordSpacing: l, fontSizeLineHeight: T, textAppearance: S, color: h } = n.imageCaption, [p, u] = pe(void 0), [x, f] = pe(null), [y, $] = pe(0), [
|
|
1884
|
+
const [r, a] = pe(null), { widthSettings: i, fontSettings: c, letterSpacing: s, textAlign: d, wordSpacing: l, fontSizeLineHeight: T, textAppearance: S, color: h } = n.imageCaption, [p, u] = pe(void 0), [x, f] = pe(null), [y, $] = pe(0), [O, W] = pe(0), { direction: _, transition: g, controls: C, pagination: F, imageCaption: z, triggers: k } = e, L = ye(g.type), { x: M, y: q } = e.controls.offset, D = (v) => {
|
|
1885
1885
|
r && r.go(v);
|
|
1886
1886
|
};
|
|
1887
1887
|
return we(() => {
|
|
1888
1888
|
if (!x) return;
|
|
1889
|
-
const v = new ResizeObserver((
|
|
1889
|
+
const v = new ResizeObserver((A) => {
|
|
1890
1890
|
if (!r) return;
|
|
1891
|
-
const [E] =
|
|
1891
|
+
const [E] = A;
|
|
1892
1892
|
u({
|
|
1893
1893
|
width: Math.round(E.contentRect.width),
|
|
1894
1894
|
height: Math.round(E.contentRect.height)
|
|
@@ -1896,7 +1896,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1896
1896
|
});
|
|
1897
1897
|
return v.observe(x), () => v.unobserve(x);
|
|
1898
1898
|
}, [x]), we(() => {
|
|
1899
|
-
!r ||
|
|
1899
|
+
!r || L.current === g.type || (W((v) => v + 1), L.current = g.type);
|
|
1900
1900
|
}, [g.type]), /* @__PURE__ */ m("div", { className: ve(te.wrapper, { [te.editor]: o }), ref: f, children: /* @__PURE__ */ he(
|
|
1901
1901
|
"div",
|
|
1902
1902
|
{
|
|
@@ -1915,12 +1915,12 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1915
1915
|
"div",
|
|
1916
1916
|
{
|
|
1917
1917
|
className: te.captionTextWrapper,
|
|
1918
|
-
children: t.map((v,
|
|
1918
|
+
children: t.map((v, A) => /* @__PURE__ */ m(
|
|
1919
1919
|
"div",
|
|
1920
1920
|
{
|
|
1921
1921
|
className: ve(te.captionText, Na[z.alignment], {
|
|
1922
|
-
[te.withPointerEvents]:
|
|
1923
|
-
[te.active]:
|
|
1922
|
+
[te.withPointerEvents]: A === y && o,
|
|
1923
|
+
[te.active]: A === y
|
|
1924
1924
|
}),
|
|
1925
1925
|
style: {
|
|
1926
1926
|
fontFamily: En(c.fontFamily),
|
|
@@ -1954,7 +1954,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1954
1954
|
}
|
|
1955
1955
|
)
|
|
1956
1956
|
},
|
|
1957
|
-
|
|
1957
|
+
A
|
|
1958
1958
|
))
|
|
1959
1959
|
}
|
|
1960
1960
|
)
|
|
@@ -1983,7 +1983,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
1983
1983
|
type: g.type === "fade in" ? "fade" : "loop",
|
|
1984
1984
|
rewind: !0
|
|
1985
1985
|
},
|
|
1986
|
-
children: t.map((v,
|
|
1986
|
+
children: t.map((v, A) => /* @__PURE__ */ m($r, { children: /* @__PURE__ */ m(
|
|
1987
1987
|
"div",
|
|
1988
1988
|
{
|
|
1989
1989
|
className: te.sliderItem,
|
|
@@ -2005,9 +2005,9 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2005
2005
|
}
|
|
2006
2006
|
)
|
|
2007
2007
|
}
|
|
2008
|
-
) },
|
|
2008
|
+
) }, A))
|
|
2009
2009
|
},
|
|
2010
|
-
|
|
2010
|
+
O
|
|
2011
2011
|
),
|
|
2012
2012
|
C.isActive && /* @__PURE__ */ he(Ze, { children: [
|
|
2013
2013
|
/* @__PURE__ */ m(
|
|
@@ -2025,11 +2025,11 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2025
2025
|
"button",
|
|
2026
2026
|
{
|
|
2027
2027
|
onClick: () => {
|
|
2028
|
-
|
|
2028
|
+
D("-1");
|
|
2029
2029
|
},
|
|
2030
2030
|
className: te.arrowInner,
|
|
2031
2031
|
style: {
|
|
2032
|
-
transform: `translate(${N(
|
|
2032
|
+
transform: `translate(${N(M, o)}, ${N(q * (_ === "horiz" ? 1 : -1), o)}) scale(${e.controls.scale / 100}) rotate(${_ === "horiz" ? "0deg" : "90deg"})`
|
|
2033
2033
|
},
|
|
2034
2034
|
children: [
|
|
2035
2035
|
C.arrowsImgUrl && /* @__PURE__ */ m(
|
|
@@ -2041,7 +2041,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2041
2041
|
className: ve(te.arrowImg, te.mirror)
|
|
2042
2042
|
}
|
|
2043
2043
|
),
|
|
2044
|
-
!C.arrowsImgUrl && /* @__PURE__ */ m(
|
|
2044
|
+
!C.arrowsImgUrl && /* @__PURE__ */ m(Io, { color: C.color, className: ve(te.arrowIcon, te.arrowImg, te.mirror) })
|
|
2045
2045
|
]
|
|
2046
2046
|
}
|
|
2047
2047
|
)
|
|
@@ -2062,9 +2062,9 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2062
2062
|
"button",
|
|
2063
2063
|
{
|
|
2064
2064
|
className: te.arrowInner,
|
|
2065
|
-
onClick: () =>
|
|
2065
|
+
onClick: () => D("+1"),
|
|
2066
2066
|
style: {
|
|
2067
|
-
transform: `translate(${N(
|
|
2067
|
+
transform: `translate(${N(M * (_ === "horiz" ? -1 : 1), o)}, ${N(q, o)}) scale(${e.controls.scale / 100}) rotate(${_ === "horiz" ? "0deg" : "90deg"})`
|
|
2068
2068
|
},
|
|
2069
2069
|
children: [
|
|
2070
2070
|
C.arrowsImgUrl && /* @__PURE__ */ m(
|
|
@@ -2076,7 +2076,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2076
2076
|
className: te.arrowImg
|
|
2077
2077
|
}
|
|
2078
2078
|
),
|
|
2079
|
-
!C.arrowsImgUrl && /* @__PURE__ */ m(
|
|
2079
|
+
!C.arrowsImgUrl && /* @__PURE__ */ m(Io, { color: C.color, className: ve(te.arrowIcon, te.arrowImg) })
|
|
2080
2080
|
]
|
|
2081
2081
|
}
|
|
2082
2082
|
)
|
|
@@ -2092,18 +2092,18 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2092
2092
|
}
|
|
2093
2093
|
}
|
|
2094
2094
|
),
|
|
2095
|
-
|
|
2095
|
+
F.isActive && /* @__PURE__ */ m(
|
|
2096
2096
|
"div",
|
|
2097
2097
|
{
|
|
2098
2098
|
className: ve(te.pagination, {
|
|
2099
|
-
[te.paginationInsideBottom]:
|
|
2100
|
-
[te.paginationInsideTop]:
|
|
2101
|
-
[te.paginationOutsideBottom]:
|
|
2102
|
-
[te.paginationOutsideTop]:
|
|
2103
|
-
[te.paginationInsideLeft]:
|
|
2104
|
-
[te.paginationInsideRight]:
|
|
2105
|
-
[te.paginationOutsideLeft]:
|
|
2106
|
-
[te.paginationOutsideRight]:
|
|
2099
|
+
[te.paginationInsideBottom]: F.position === "inside-1" && _ === "horiz",
|
|
2100
|
+
[te.paginationInsideTop]: F.position === "inside-2" && _ === "horiz",
|
|
2101
|
+
[te.paginationOutsideBottom]: F.position === "outside-1" && _ === "horiz",
|
|
2102
|
+
[te.paginationOutsideTop]: F.position === "outside-2" && _ === "horiz",
|
|
2103
|
+
[te.paginationInsideLeft]: F.position === "inside-1" && _ === "vert",
|
|
2104
|
+
[te.paginationInsideRight]: F.position === "inside-2" && _ === "vert",
|
|
2105
|
+
[te.paginationOutsideLeft]: F.position === "outside-1" && _ === "vert",
|
|
2106
|
+
[te.paginationOutsideRight]: F.position === "outside-2" && _ === "vert",
|
|
2107
2107
|
[te.paginationVertical]: _ === "vert"
|
|
2108
2108
|
}),
|
|
2109
2109
|
children: /* @__PURE__ */ m(
|
|
@@ -2111,30 +2111,30 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2111
2111
|
{
|
|
2112
2112
|
className: te.paginationInner,
|
|
2113
2113
|
style: {
|
|
2114
|
-
backgroundColor:
|
|
2115
|
-
transform: `scale(${
|
|
2114
|
+
backgroundColor: F.colors[2],
|
|
2115
|
+
transform: `scale(${F.scale / 100}) translate(${N(F.offset.x, o)}, ${N(F.offset.y, o)}) rotate(${_ === "horiz" ? "0deg" : "90deg"})`
|
|
2116
2116
|
},
|
|
2117
|
-
children: t.map((v,
|
|
2117
|
+
children: t.map((v, A) => /* @__PURE__ */ m(
|
|
2118
2118
|
"button",
|
|
2119
2119
|
{
|
|
2120
2120
|
onClick: () => {
|
|
2121
|
-
r && r.go(
|
|
2121
|
+
r && r.go(A);
|
|
2122
2122
|
},
|
|
2123
2123
|
className: ve(te.paginationItem),
|
|
2124
2124
|
children: /* @__PURE__ */ m(
|
|
2125
2125
|
"div",
|
|
2126
2126
|
{
|
|
2127
2127
|
className: ve(te.dot, {
|
|
2128
|
-
[te.activeDot]:
|
|
2128
|
+
[te.activeDot]: A === y
|
|
2129
2129
|
}),
|
|
2130
2130
|
style: {
|
|
2131
|
-
backgroundColor:
|
|
2132
|
-
"--pagination-hover-color":
|
|
2131
|
+
backgroundColor: A === y ? F.colors[0] : F.colors[1],
|
|
2132
|
+
"--pagination-hover-color": F.hover
|
|
2133
2133
|
}
|
|
2134
2134
|
}
|
|
2135
2135
|
)
|
|
2136
2136
|
},
|
|
2137
|
-
|
|
2137
|
+
A
|
|
2138
2138
|
))
|
|
2139
2139
|
}
|
|
2140
2140
|
)
|
|
@@ -2144,7 +2144,7 @@ function za({ settings: e, content: t, styles: n, isEditor: o }) {
|
|
|
2144
2144
|
}
|
|
2145
2145
|
) });
|
|
2146
2146
|
}
|
|
2147
|
-
function
|
|
2147
|
+
function Io({ color: e, className: t }) {
|
|
2148
2148
|
return /* @__PURE__ */ m("svg", { viewBox: "0 0 10 18", className: t, children: /* @__PURE__ */ m("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ m("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: e, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
2149
2149
|
}
|
|
2150
2150
|
const Ba = {
|
|
@@ -2756,7 +2756,7 @@ const Ba = {
|
|
|
2756
2756
|
link: Va,
|
|
2757
2757
|
cursor: ja
|
|
2758
2758
|
};
|
|
2759
|
-
function
|
|
2759
|
+
function Ao(e, t, n) {
|
|
2760
2760
|
for (const o of n) {
|
|
2761
2761
|
const r = new Image();
|
|
2762
2762
|
r.src = o.url;
|
|
@@ -2791,11 +2791,11 @@ async function qa(e, t, n, o) {
|
|
|
2791
2791
|
return { width: r, height: a, finalWidth: `${r}px` };
|
|
2792
2792
|
}
|
|
2793
2793
|
function Ua({ settings: e, content: t, isEditor: n }) {
|
|
2794
|
-
const [o, r] = pe(null), [a, i] = pe([]), [c, s] = pe(0), d = ye(0), [l, T] = pe({ x: 0, y: 0 }), [S, h] = pe(1), [p, u] = pe("none"), x = ye({ x: 0, y: 0 }), [f, y] = pe(!1), { sizeType: $, imageWidth:
|
|
2794
|
+
const [o, r] = pe(null), [a, i] = pe([]), [c, s] = pe(0), d = ye(0), [l, T] = pe({ x: 0, y: 0 }), [S, h] = pe(1), [p, u] = pe("none"), x = ye({ x: 0, y: 0 }), [f, y] = pe(!1), { sizeType: $, imageWidth: O, randomRangeImageWidth: W } = e.imageSize, { revealPosition: _, visible: g } = e.position, { cursorType: C, target: F, defaultCursorScale: z, defaultCursor: k, hoverCursorScale: L, hoverCursor: M } = e.cursor;
|
|
2795
2795
|
we(() => {
|
|
2796
2796
|
if (!o) return;
|
|
2797
|
-
const v = (
|
|
2798
|
-
const H = o.getBoundingClientRect(), X =
|
|
2797
|
+
const v = (I, w) => {
|
|
2798
|
+
const H = o.getBoundingClientRect(), X = I - H.left, le = w - H.top;
|
|
2799
2799
|
if (T({ x: X, y: le }), C === "system") {
|
|
2800
2800
|
u("none"), h(1);
|
|
2801
2801
|
return;
|
|
@@ -2805,40 +2805,40 @@ function Ua({ settings: e, content: t, isEditor: n }) {
|
|
|
2805
2805
|
u("none"), h(1);
|
|
2806
2806
|
return;
|
|
2807
2807
|
}
|
|
2808
|
-
const ne =
|
|
2808
|
+
const ne = Ao(oe, ge, a) || F === "area" ? { img: M ?? "none", scale: L } : { img: k ?? "none", scale: z };
|
|
2809
2809
|
u(ne.img), h(ne.scale);
|
|
2810
|
-
},
|
|
2811
|
-
|
|
2810
|
+
}, A = (I) => {
|
|
2811
|
+
I.stopPropagation(), x.current = { x: I.clientX, y: I.clientY }, v(I.clientX, I.clientY);
|
|
2812
2812
|
}, E = () => {
|
|
2813
2813
|
f && v(x.current.x, x.current.y);
|
|
2814
2814
|
};
|
|
2815
|
-
return o.addEventListener("mousemove",
|
|
2816
|
-
o.removeEventListener("mousemove",
|
|
2815
|
+
return o.addEventListener("mousemove", A), window.addEventListener("scroll", E, !0), () => {
|
|
2816
|
+
o.removeEventListener("mousemove", A), window.removeEventListener("scroll", E, !0);
|
|
2817
2817
|
};
|
|
2818
2818
|
}, [
|
|
2819
2819
|
o,
|
|
2820
2820
|
f,
|
|
2821
2821
|
l,
|
|
2822
2822
|
C,
|
|
2823
|
-
|
|
2824
|
-
|
|
2823
|
+
F,
|
|
2824
|
+
M,
|
|
2825
2825
|
k,
|
|
2826
|
-
|
|
2826
|
+
L,
|
|
2827
2827
|
z,
|
|
2828
2828
|
a
|
|
2829
2829
|
]), we(() => {
|
|
2830
2830
|
f || (u("none"), h(0));
|
|
2831
2831
|
}, [f]);
|
|
2832
|
-
const
|
|
2832
|
+
const q = async (v, A, E, I = {}) => {
|
|
2833
2833
|
const { width: w, height: H, finalWidth: X } = await qa(
|
|
2834
2834
|
v.image.url,
|
|
2835
2835
|
$,
|
|
2836
|
-
|
|
2837
|
-
|
|
2836
|
+
O,
|
|
2837
|
+
W
|
|
2838
2838
|
);
|
|
2839
2839
|
let le = 0, oe = 0;
|
|
2840
|
-
_ === "same" ? (le =
|
|
2841
|
-
const ge = Math.min(Math.max(le, w / 2),
|
|
2840
|
+
_ === "same" ? (le = A / 2, oe = E / 2) : (le = I.x ?? Math.random() * A, oe = I.y ?? Math.random() * E);
|
|
2841
|
+
const ge = Math.min(Math.max(le, w / 2), A - w / 2), P = Math.min(Math.max(oe, H / 2), E - H / 2);
|
|
2842
2842
|
return {
|
|
2843
2843
|
id: d.current++,
|
|
2844
2844
|
url: v.image.url,
|
|
@@ -2851,12 +2851,12 @@ function Ua({ settings: e, content: t, isEditor: n }) {
|
|
|
2851
2851
|
};
|
|
2852
2852
|
return we(() => {
|
|
2853
2853
|
if (!o || t.length === 0) return;
|
|
2854
|
-
const v = o.getBoundingClientRect(),
|
|
2854
|
+
const v = o.getBoundingClientRect(), A = v.width, E = v.height, I = [];
|
|
2855
2855
|
(async () => {
|
|
2856
|
-
const H = t[0], X = await
|
|
2857
|
-
|
|
2856
|
+
const H = t[0], X = await q(H, A, E);
|
|
2857
|
+
I.push(X), i(I), s(1);
|
|
2858
2858
|
})();
|
|
2859
|
-
}, [$,
|
|
2859
|
+
}, [$, O, W, _, o]), we(() => {
|
|
2860
2860
|
g === "last One" && i((v) => v.length > 0 ? [v[v.length - 1]] : []);
|
|
2861
2861
|
}, [g]), /* @__PURE__ */ he(
|
|
2862
2862
|
"div",
|
|
@@ -2864,11 +2864,11 @@ function Ua({ settings: e, content: t, isEditor: n }) {
|
|
|
2864
2864
|
ref: r,
|
|
2865
2865
|
onClick: async (v) => {
|
|
2866
2866
|
if (!o) return;
|
|
2867
|
-
const
|
|
2868
|
-
if (
|
|
2867
|
+
const A = o.getBoundingClientRect(), E = v.clientX - A.left, I = v.clientY - A.top;
|
|
2868
|
+
if (F === "image" && !Ao(E, I, a)) return;
|
|
2869
2869
|
let w = 0, H = 0;
|
|
2870
|
-
_ === "on Click" ? (w = E, H =
|
|
2871
|
-
const X = t[c], le = await
|
|
2870
|
+
_ === "on Click" ? (w = E, H = I) : _ === "same" ? (w = A.width / 2, H = A.height / 2) : (w = Math.random() * A.width, H = Math.random() * A.height);
|
|
2871
|
+
const X = t[c], le = await q(X, A.width, A.height, { x: w, y: H });
|
|
2872
2872
|
i((oe) => g === "all" ? [...oe, le] : [le]), s((oe) => oe >= t.length - 1 ? 0 : oe + 1);
|
|
2873
2873
|
},
|
|
2874
2874
|
onMouseEnter: () => y(!0),
|
|
@@ -2889,7 +2889,7 @@ function Ua({ settings: e, content: t, isEditor: n }) {
|
|
|
2889
2889
|
height: "auto",
|
|
2890
2890
|
cursor: p === "none" ? "default" : "none"
|
|
2891
2891
|
},
|
|
2892
|
-
children:
|
|
2892
|
+
children: F === "area" && v.link ? /* @__PURE__ */ m("a", { href: v.link, target: "_blank", className: vt.link, children: /* @__PURE__ */ m(
|
|
2893
2893
|
"img",
|
|
2894
2894
|
{
|
|
2895
2895
|
src: v.url,
|
|
@@ -3243,7 +3243,7 @@ const Ga = {
|
|
|
3243
3243
|
}
|
|
3244
3244
|
}
|
|
3245
3245
|
}
|
|
3246
|
-
}, Ka = "LightBox-module__hidden___9s-9x", Ya = "LightBox-module__heroImage___sTxNF", Xa = "LightBox-module__background___rm9ml", Za = "LightBox-module__editor___4ACaY", Ja = "LightBox-module__contentStyle___Bgnsq", Qa = "LightBox-module__imageStyle___tLIlB", es = "LightBox-module__imgWrapper___LuFUp", ts = "LightBox-module__contain___8-yaS", ns = "LightBox-module__cover___hNvOG", os = "LightBox-module__caption___b6L2I", rs = "LightBox-module__captionTextInner___rCGNH", is = "LightBox-module__lightboxSplide___XFuWC", as = "LightBox-module__arrow___iz38X", ss = "LightBox-module__arrowVertical___Zfz81", ls = "LightBox-module__nextArrow___zkAQN", cs = "LightBox-module__arrowInner___p48sW", ps = "LightBox-module__arrowIcon___3VaFf", us = "LightBox-module__arrowImg___pNV88", ds = "LightBox-module__mirror___pjeXc", ms = "LightBox-module__thumbsWrapper___GB-nU", gs = "LightBox-module__thumbsContainerVertical___wttk5", fs = "LightBox-module__thumbsContainer___osSma", hs = "LightBox-module__thumbsAlignStart___MO6tY", ys = "LightBox-module__thumbsAlignCenter___Q4sUx", vs = "LightBox-module__thumbsAlignEnd___p4y9R", bs = "LightBox-module__thumbItem___HvnF3", xs = "LightBox-module__closeButton___g2khP", Ss = "LightBox-module__fadeIn___0m5GW", Cs = "LightBox-module__slideInLeft___gPYwC", ws = "LightBox-module__slideInRight___S-pPp", $s = "LightBox-module__slideInTop___DFdAj", Ts = "LightBox-module__slideInBottom___m27kZ", _s = "LightBox-module__fadeOut___55qBR", Es = "LightBox-module__slideOutLeft___NvU7P", ks = "LightBox-module__slideOutRight___SK7eC",
|
|
3246
|
+
}, Ka = "LightBox-module__hidden___9s-9x", Ya = "LightBox-module__heroImage___sTxNF", Xa = "LightBox-module__background___rm9ml", Za = "LightBox-module__editor___4ACaY", Ja = "LightBox-module__contentStyle___Bgnsq", Qa = "LightBox-module__imageStyle___tLIlB", es = "LightBox-module__imgWrapper___LuFUp", ts = "LightBox-module__contain___8-yaS", ns = "LightBox-module__cover___hNvOG", os = "LightBox-module__caption___b6L2I", rs = "LightBox-module__captionTextInner___rCGNH", is = "LightBox-module__lightboxSplide___XFuWC", as = "LightBox-module__arrow___iz38X", ss = "LightBox-module__arrowVertical___Zfz81", ls = "LightBox-module__nextArrow___zkAQN", cs = "LightBox-module__arrowInner___p48sW", ps = "LightBox-module__arrowIcon___3VaFf", us = "LightBox-module__arrowImg___pNV88", ds = "LightBox-module__mirror___pjeXc", ms = "LightBox-module__thumbsWrapper___GB-nU", gs = "LightBox-module__thumbsContainerVertical___wttk5", fs = "LightBox-module__thumbsContainer___osSma", hs = "LightBox-module__thumbsAlignStart___MO6tY", ys = "LightBox-module__thumbsAlignCenter___Q4sUx", vs = "LightBox-module__thumbsAlignEnd___p4y9R", bs = "LightBox-module__thumbItem___HvnF3", xs = "LightBox-module__closeButton___g2khP", Ss = "LightBox-module__fadeIn___0m5GW", Cs = "LightBox-module__slideInLeft___gPYwC", ws = "LightBox-module__slideInRight___S-pPp", $s = "LightBox-module__slideInTop___DFdAj", Ts = "LightBox-module__slideInBottom___m27kZ", _s = "LightBox-module__fadeOut___55qBR", Es = "LightBox-module__slideOutLeft___NvU7P", ks = "LightBox-module__slideOutRight___SK7eC", Is = "LightBox-module__slideOutTop___Vgg0z", As = "LightBox-module__slideOutBottom___nJ0Ef", Fs = "LightBox-module__scaleSlide___vZriG", U = {
|
|
3247
3247
|
hidden: Ka,
|
|
3248
3248
|
heroImage: Ya,
|
|
3249
3249
|
background: Xa,
|
|
@@ -3279,9 +3279,9 @@ const Ga = {
|
|
|
3279
3279
|
fadeOut: _s,
|
|
3280
3280
|
slideOutLeft: Es,
|
|
3281
3281
|
slideOutRight: ks,
|
|
3282
|
-
slideOutTop:
|
|
3283
|
-
slideOutBottom:
|
|
3284
|
-
scaleSlide:
|
|
3282
|
+
slideOutTop: Is,
|
|
3283
|
+
slideOutBottom: As,
|
|
3284
|
+
scaleSlide: Fs
|
|
3285
3285
|
}, tn = (e, t, n) => {
|
|
3286
3286
|
const o = {}, [r, a] = e.split("-");
|
|
3287
3287
|
return r === "top" ? (o.top = "0", o.bottom = "auto") : r === "middle" ? (o.top = "50%", o.bottom = "auto") : r === "bottom" && (o.top = "auto", o.bottom = "0"), a === "left" ? (o.left = "0", o.right = "auto") : a === "center" ? (o.left = "50%", o.right = "auto") : a === "right" && (o.left = "auto", o.right = "0"), r === "middle" && a === "center" ? o.transform = `translate(calc(-50% + ${N(t.x, n)}), calc(-50% + ${N(t.y, n)}))` : r === "middle" ? o.transform = `translate(${N(t.x, n)}, calc(-50% + ${N(t.y, n)}))` : a === "center" ? o.transform = `translate(calc(-50% + ${N(t.x, n)}), ${N(t.y, n)})` : o.transform = `translate(${N(t.x, n)}, ${N(t.y, n)})`, o;
|
|
@@ -3295,7 +3295,7 @@ function Tr(e) {
|
|
|
3295
3295
|
left: parseFloat(t.paddingLeft) || 0
|
|
3296
3296
|
};
|
|
3297
3297
|
}
|
|
3298
|
-
function
|
|
3298
|
+
function Fo(e) {
|
|
3299
3299
|
const t = e.getBoundingClientRect(), n = Tr(e), o = Math.max(0, t.width - n.left - n.right), r = Math.max(0, t.height - n.top - n.bottom), a = e.naturalWidth, i = e.naturalHeight, c = o / r, s = a / i;
|
|
3300
3300
|
let d, l;
|
|
3301
3301
|
s > c ? (d = o, l = o / s) : (l = r, d = r * s);
|
|
@@ -3307,7 +3307,7 @@ function Lo(e) {
|
|
|
3307
3307
|
height: l
|
|
3308
3308
|
};
|
|
3309
3309
|
}
|
|
3310
|
-
function
|
|
3310
|
+
function Lo(e) {
|
|
3311
3311
|
const t = e.getBoundingClientRect(), n = Tr(e);
|
|
3312
3312
|
return {
|
|
3313
3313
|
left: t.left + n.left,
|
|
@@ -3329,7 +3329,7 @@ function Mo(e) {
|
|
|
3329
3329
|
}
|
|
3330
3330
|
return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/), 1;
|
|
3331
3331
|
}
|
|
3332
|
-
function
|
|
3332
|
+
function Ls(e, t) {
|
|
3333
3333
|
const n = (() => {
|
|
3334
3334
|
if (e === "fade in") return U.fadeIn;
|
|
3335
3335
|
if (e === "slide in" || e === "mix")
|
|
@@ -3425,50 +3425,50 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3425
3425
|
)
|
|
3426
3426
|
] });
|
|
3427
3427
|
}, Rs = ({ isOpen: e, onClose: t, content: n, lightboxStyles: o, settings: r, portalId: a, isEditor: i, metadata: c }) => {
|
|
3428
|
-
var
|
|
3429
|
-
const [s, d] = pe(0), [l, T] = pe(0), [S, h] = pe(!1), [p, u] = pe(!1), [x, f] = pe({}), y = ye(null), $ = ye(null),
|
|
3428
|
+
var R;
|
|
3429
|
+
const [s, d] = pe(0), [l, T] = pe(0), [S, h] = pe(!1), [p, u] = pe(!1), [x, f] = pe({}), y = ye(null), $ = ye(null), O = ye(null), W = ye(!1), _ = ye(null), g = ye(null), C = ye(null), F = ye(null), z = ye(!1), k = ye(null), [L, M] = pe(!1), { appear: q, triggers: D, slider: v, thumbnail: A, controls: E, area: I, caption: w, layout: H } = r.lightboxBlock, { appearClass: X, backdropAppearClass: le, backdropDisappearClass: oe, disappearClass: ge } = Ls(q.type, q.direction), P = (c == null ? void 0 : c.itemId) ?? null;
|
|
3430
3430
|
we(() => {
|
|
3431
3431
|
const b = () => {
|
|
3432
3432
|
setTimeout(() => {
|
|
3433
3433
|
var G, J;
|
|
3434
3434
|
(J = (G = y.current) == null ? void 0 : G.splide) == null || J.refresh();
|
|
3435
3435
|
}, 16);
|
|
3436
|
-
},
|
|
3436
|
+
}, j = () => {
|
|
3437
3437
|
T((G) => G + 1);
|
|
3438
3438
|
};
|
|
3439
|
-
return window.addEventListener("ArticleEditor.Layout:change", b), window.addEventListener("ArticleEditor.ComponentContent:change",
|
|
3440
|
-
window.removeEventListener("ArticleEditor.Layout:change", b), window.removeEventListener("ArticleEditor.ComponentContent:change",
|
|
3439
|
+
return window.addEventListener("ArticleEditor.Layout:change", b), window.addEventListener("ArticleEditor.ComponentContent:change", j), () => {
|
|
3440
|
+
window.removeEventListener("ArticleEditor.Layout:change", b), window.removeEventListener("ArticleEditor.ComponentContent:change", j);
|
|
3441
3441
|
};
|
|
3442
3442
|
}, []), we(() => {
|
|
3443
|
-
if (!e || !
|
|
3444
|
-
|
|
3443
|
+
if (!e || !A.isActive) {
|
|
3444
|
+
M(!1);
|
|
3445
3445
|
return;
|
|
3446
3446
|
}
|
|
3447
3447
|
const b = k.current;
|
|
3448
3448
|
if (!b) return;
|
|
3449
|
-
const
|
|
3450
|
-
v.direction === "horiz" ?
|
|
3449
|
+
const j = () => {
|
|
3450
|
+
v.direction === "horiz" ? M(b.scrollWidth > b.clientWidth) : M(b.scrollHeight > b.clientHeight);
|
|
3451
3451
|
};
|
|
3452
|
-
|
|
3453
|
-
const G = new ResizeObserver(
|
|
3452
|
+
j();
|
|
3453
|
+
const G = new ResizeObserver(j);
|
|
3454
3454
|
return G.observe(b), () => G.disconnect();
|
|
3455
|
-
}, [e,
|
|
3455
|
+
}, [e, A.isActive, n.length, x, v.direction]);
|
|
3456
3456
|
const ne = Ke(() => {
|
|
3457
|
-
const b = window.matchMedia("(max-width: 768px)").matches,
|
|
3458
|
-
b && !i &&
|
|
3457
|
+
const b = window.matchMedia("(max-width: 768px)").matches, j = Mo(I.color);
|
|
3458
|
+
b && !i && j > 0.9 && (document.body.style.backgroundColor = ""), h(!0), W.current = !0;
|
|
3459
3459
|
const G = (J) => {
|
|
3460
|
-
J.target === _.current && J.animationName && (_.current && g.current && _.current.removeEventListener("animationend", g.current), g.current = null,
|
|
3460
|
+
J.target === _.current && J.animationName && (_.current && g.current && _.current.removeEventListener("animationend", g.current), g.current = null, W.current && (W.current = !1, t()), h(!1));
|
|
3461
3461
|
};
|
|
3462
3462
|
_.current && (g.current = G, _.current.addEventListener("animationend", G));
|
|
3463
|
-
}, [t,
|
|
3463
|
+
}, [t, I.color, i]), ee = (b, j, G) => {
|
|
3464
3464
|
var J, se;
|
|
3465
3465
|
if (b) {
|
|
3466
|
-
if (
|
|
3467
|
-
|
|
3468
|
-
else if (
|
|
3469
|
-
const ie = b.getBoundingClientRect(), re =
|
|
3466
|
+
if (D.type === "click" && D.switch === "image")
|
|
3467
|
+
D.repeat === "close" && s === n.length - 1 ? ne() : (J = y.current) == null || J.go("+1");
|
|
3468
|
+
else if (D.type === "click" && D.switch === "50/50") {
|
|
3469
|
+
const ie = b.getBoundingClientRect(), re = j - ie.left, fe = G - ie.top, V = ie.width, Y = ie.height;
|
|
3470
3470
|
let K;
|
|
3471
|
-
v.direction === "horiz" ? K = re <
|
|
3471
|
+
v.direction === "horiz" ? K = re < V / 2 ? "-1" : "+1" : K = fe < Y / 2 ? "-1" : "+1", (se = y.current) == null || se.go(K);
|
|
3472
3472
|
}
|
|
3473
3473
|
}
|
|
3474
3474
|
}, Z = (b) => {
|
|
@@ -3476,7 +3476,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3476
3476
|
z.current = !1;
|
|
3477
3477
|
return;
|
|
3478
3478
|
}
|
|
3479
|
-
const
|
|
3479
|
+
const j = n[s], G = (j == null ? void 0 : j.image.objectFit) === "cover";
|
|
3480
3480
|
let J, se;
|
|
3481
3481
|
if ("changedTouches" in b && b.changedTouches.length > 0)
|
|
3482
3482
|
J = b.changedTouches[0].clientX, se = b.changedTouches[0].clientY;
|
|
@@ -3485,42 +3485,42 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3485
3485
|
else
|
|
3486
3486
|
return;
|
|
3487
3487
|
let ie;
|
|
3488
|
-
if (G &&
|
|
3489
|
-
const re =
|
|
3488
|
+
if (G && O.current) {
|
|
3489
|
+
const re = Lo(O.current);
|
|
3490
3490
|
ie = J >= re.left && J <= re.right && se >= re.top && se <= re.bottom;
|
|
3491
3491
|
} else {
|
|
3492
|
-
const re =
|
|
3492
|
+
const re = O.current ? Fo(O.current) : null;
|
|
3493
3493
|
if (!re) {
|
|
3494
3494
|
b.target === b.currentTarget && ne();
|
|
3495
3495
|
return;
|
|
3496
3496
|
}
|
|
3497
3497
|
ie = J >= re.x && J <= re.x + re.width && se >= re.y && se <= re.y + re.height;
|
|
3498
3498
|
}
|
|
3499
|
-
ie ? ee(
|
|
3499
|
+
ie ? ee(O.current, J, se) : ne();
|
|
3500
3500
|
}, ae = (b) => {
|
|
3501
|
-
const
|
|
3502
|
-
(
|
|
3501
|
+
const j = b.target;
|
|
3502
|
+
(j.classList.contains(U.thumbsWrapper) || j.classList.contains(U.thumbsContainer)) && Z(b);
|
|
3503
3503
|
};
|
|
3504
3504
|
we(() => {
|
|
3505
3505
|
if (!e) return;
|
|
3506
|
-
const b = (
|
|
3506
|
+
const b = (j) => {
|
|
3507
3507
|
var G, J;
|
|
3508
|
-
if (
|
|
3508
|
+
if (j.key === "Escape") {
|
|
3509
3509
|
ne();
|
|
3510
3510
|
return;
|
|
3511
3511
|
}
|
|
3512
|
-
if (
|
|
3512
|
+
if (j.key === "ArrowRight") {
|
|
3513
3513
|
d((se) => (se + 1) % Math.max(n.length, 1)), (G = y.current) == null || G.go("+1");
|
|
3514
3514
|
return;
|
|
3515
3515
|
}
|
|
3516
|
-
|
|
3516
|
+
j.key === "ArrowLeft" && (d((se) => (se - 1 + Math.max(n.length, 1)) % Math.max(n.length, 1)), (J = y.current) == null || J.go("-1"));
|
|
3517
3517
|
};
|
|
3518
3518
|
return window.addEventListener("keydown", b), () => {
|
|
3519
3519
|
window.removeEventListener("keydown", b);
|
|
3520
3520
|
};
|
|
3521
3521
|
}, [e, ne, n.length]), we(() => {
|
|
3522
3522
|
if (e) {
|
|
3523
|
-
if (d(0), T((
|
|
3523
|
+
if (d(0), T((j) => j + 1), W.current = !1, h(!1), u(!1), f({}), !P) return;
|
|
3524
3524
|
const b = new CustomEvent("page-overlay", { detail: { itemId: P } });
|
|
3525
3525
|
window.dispatchEvent(b);
|
|
3526
3526
|
}
|
|
@@ -3531,10 +3531,10 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3531
3531
|
$.current !== null && $.current !== v.type && T((b) => b + 1), $.current = v.type;
|
|
3532
3532
|
}, [v.type]), we(() => {
|
|
3533
3533
|
if (!e) return;
|
|
3534
|
-
const b = document.body.style.overflow,
|
|
3534
|
+
const b = document.body.style.overflow, j = window.matchMedia("(max-width: 768px)").matches, G = Mo(I.color);
|
|
3535
3535
|
document.body.style.overflow = "hidden", u(!1);
|
|
3536
3536
|
const J = (ie) => {
|
|
3537
|
-
ie.target === _.current && !
|
|
3537
|
+
ie.target === _.current && !W.current && ie.animationName && (j && !i && G > 0.9 && (document.body.style.backgroundColor = I.color), u(!0), _.current && C.current && _.current.removeEventListener("animationend", C.current), C.current = null);
|
|
3538
3538
|
};
|
|
3539
3539
|
_.current && (C.current = J, _.current.addEventListener("animationend", J));
|
|
3540
3540
|
const se = (ie) => {
|
|
@@ -3544,38 +3544,38 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3544
3544
|
return document.addEventListener("touchmove", se, { passive: !1 }), () => {
|
|
3545
3545
|
document.body.style.overflow = b, document.removeEventListener("touchmove", se), _.current && C.current && (_.current.removeEventListener("animationend", C.current), C.current = null), u(!1);
|
|
3546
3546
|
};
|
|
3547
|
-
}, [e, i,
|
|
3547
|
+
}, [e, i, I.color, v.type]), we(() => {
|
|
3548
3548
|
if (!e) return;
|
|
3549
|
-
const b = (
|
|
3549
|
+
const b = (j) => {
|
|
3550
3550
|
var J, se;
|
|
3551
|
-
if (
|
|
3552
|
-
|
|
3551
|
+
if (W.current) {
|
|
3552
|
+
j.stopPropagation();
|
|
3553
3553
|
return;
|
|
3554
3554
|
}
|
|
3555
3555
|
if (z.current) {
|
|
3556
3556
|
z.current = !1;
|
|
3557
3557
|
return;
|
|
3558
3558
|
}
|
|
3559
|
-
const G =
|
|
3559
|
+
const G = j.target;
|
|
3560
3560
|
if (!(G && (G.closest(`.${U.thumbsContainer}`) || G.closest(`.${U.thumbItem}`)))) {
|
|
3561
|
-
if (v.type === "slide" &&
|
|
3561
|
+
if (v.type === "slide" && D.type === "drag" && ((se = (J = y.current) == null ? void 0 : J.splide) != null && se.root)) {
|
|
3562
3562
|
const ie = y.current.splide.root;
|
|
3563
3563
|
if (G && (ie.contains(G) || ie === G))
|
|
3564
3564
|
return;
|
|
3565
3565
|
}
|
|
3566
|
-
if (
|
|
3567
|
-
const ie = n[s], re = (ie == null ? void 0 : ie.image.objectFit) === "cover", fe =
|
|
3568
|
-
let
|
|
3569
|
-
if (re &&
|
|
3570
|
-
const Y =
|
|
3571
|
-
|
|
3566
|
+
if (j.touches.length === 0 && j.changedTouches.length > 0) {
|
|
3567
|
+
const ie = n[s], re = (ie == null ? void 0 : ie.image.objectFit) === "cover", fe = j.changedTouches[0];
|
|
3568
|
+
let V;
|
|
3569
|
+
if (re && O.current) {
|
|
3570
|
+
const Y = Lo(O.current);
|
|
3571
|
+
V = fe.clientX >= Y.left && fe.clientX <= Y.right && fe.clientY >= Y.top && fe.clientY <= Y.bottom;
|
|
3572
3572
|
} else {
|
|
3573
|
-
const Y =
|
|
3573
|
+
const Y = O.current ? Fo(O.current) : null;
|
|
3574
3574
|
if (!Y) return;
|
|
3575
|
-
|
|
3575
|
+
V = fe.clientX >= Y.x && fe.clientX <= Y.x + Y.width && fe.clientY >= Y.y && fe.clientY <= Y.y + Y.height;
|
|
3576
3576
|
}
|
|
3577
|
-
if (!
|
|
3578
|
-
|
|
3577
|
+
if (!V) {
|
|
3578
|
+
j.stopPropagation(), W.current = !0;
|
|
3579
3579
|
const Y = (K) => {
|
|
3580
3580
|
K.stopPropagation(), K.preventDefault(), document.removeEventListener("click", Y, !0);
|
|
3581
3581
|
};
|
|
@@ -3588,53 +3588,53 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3588
3588
|
document.removeEventListener("touchend", b);
|
|
3589
3589
|
};
|
|
3590
3590
|
}, [e, ne, s, n]);
|
|
3591
|
-
const B = (v.type === "scale" || v.type === "fade") && v.direction === "vert" &&
|
|
3591
|
+
const B = (v.type === "scale" || v.type === "fade") && v.direction === "vert" && D.type === "drag";
|
|
3592
3592
|
we(() => {
|
|
3593
3593
|
var K, ce;
|
|
3594
3594
|
if (!e || !B || !((ce = (K = y.current) == null ? void 0 : K.splide) != null && ce.root)) return;
|
|
3595
|
-
const b = y.current.splide.root,
|
|
3596
|
-
if (
|
|
3597
|
-
const Te = Math.abs(Q -
|
|
3595
|
+
const b = y.current.splide.root, j = 30, G = (Q, me) => {
|
|
3596
|
+
if (F.current) {
|
|
3597
|
+
const Te = Math.abs(Q - F.current.x), _e = Math.abs(me - F.current.y);
|
|
3598
3598
|
(Te > 0 || _e > 0) && (z.current = !0);
|
|
3599
3599
|
}
|
|
3600
3600
|
}, J = (Q) => {
|
|
3601
|
-
|
|
3601
|
+
F.current && (Q.preventDefault(), G(Q.clientX, Q.clientY));
|
|
3602
3602
|
}, se = (Q) => {
|
|
3603
|
-
|
|
3603
|
+
F.current && Q.touches.length > 0 && (Q.preventDefault(), G(Q.touches[0].clientX, Q.touches[0].clientY));
|
|
3604
3604
|
}, ie = (Q, me) => {
|
|
3605
|
-
if (!
|
|
3606
|
-
|
|
3605
|
+
if (!F.current || !y.current) {
|
|
3606
|
+
F.current = null;
|
|
3607
3607
|
return;
|
|
3608
3608
|
}
|
|
3609
|
-
const Te = Math.abs(Q -
|
|
3610
|
-
_e >
|
|
3609
|
+
const Te = Math.abs(Q - F.current.x), _e = Math.abs(me - F.current.y);
|
|
3610
|
+
_e > j && _e > Te && y.current.go(me < F.current.y ? "+1" : "-1"), F.current = null;
|
|
3611
3611
|
}, re = (Q) => {
|
|
3612
|
-
|
|
3612
|
+
F.current && ie(Q.clientX, Q.clientY), document.removeEventListener("pointerup", re), document.removeEventListener("pointercancel", re), document.removeEventListener("pointermove", J);
|
|
3613
3613
|
}, fe = (Q) => {
|
|
3614
|
-
if (
|
|
3614
|
+
if (F.current) {
|
|
3615
3615
|
if (Q.changedTouches.length > 0) {
|
|
3616
3616
|
const me = Q.changedTouches[0];
|
|
3617
3617
|
ie(me.clientX, me.clientY);
|
|
3618
3618
|
}
|
|
3619
3619
|
document.removeEventListener("touchend", fe), document.removeEventListener("touchcancel", fe), document.removeEventListener("touchmove", se);
|
|
3620
3620
|
}
|
|
3621
|
-
},
|
|
3622
|
-
|
|
3621
|
+
}, V = (Q) => {
|
|
3622
|
+
F.current = { x: Q.clientX, y: Q.clientY }, z.current = !1, document.addEventListener("pointermove", J, { passive: !1 }), document.addEventListener("pointerup", re), document.addEventListener("pointercancel", re);
|
|
3623
3623
|
}, Y = (Q) => {
|
|
3624
|
-
Q.touches.length > 0 && (
|
|
3624
|
+
Q.touches.length > 0 && (F.current = { x: Q.touches[0].clientX, y: Q.touches[0].clientY }, z.current = !1, document.addEventListener("touchmove", se, { passive: !1 }), document.addEventListener("touchend", fe), document.addEventListener("touchcancel", fe));
|
|
3625
3625
|
};
|
|
3626
|
-
return b.addEventListener("pointerdown",
|
|
3627
|
-
b.removeEventListener("pointerdown",
|
|
3626
|
+
return b.addEventListener("pointerdown", V), b.addEventListener("touchstart", Y), () => {
|
|
3627
|
+
b.removeEventListener("pointerdown", V), b.removeEventListener("touchstart", Y), document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", re), document.removeEventListener("pointercancel", re), document.removeEventListener("touchmove", se), document.removeEventListener("touchend", fe), document.removeEventListener("touchcancel", fe), F.current = null, z.current = !1;
|
|
3628
3628
|
};
|
|
3629
3629
|
}, [e, B, l]);
|
|
3630
3630
|
const ue = {
|
|
3631
|
-
backgroundColor:
|
|
3632
|
-
backdropFilter: `blur(${
|
|
3633
|
-
animationDuration: `${parseInt(
|
|
3631
|
+
backgroundColor: I.color,
|
|
3632
|
+
backdropFilter: `blur(${I.blur}px)`,
|
|
3633
|
+
animationDuration: `${parseInt(q.duration)}ms`,
|
|
3634
3634
|
animationTimingFunction: "ease",
|
|
3635
3635
|
animationFillMode: "both"
|
|
3636
3636
|
};
|
|
3637
|
-
return typeof document > "u" || !document.getElementById(a) ? null :
|
|
3637
|
+
return typeof document > "u" || !document.getElementById(a) ? null : Fr(
|
|
3638
3638
|
/* @__PURE__ */ he(Ze, { children: [
|
|
3639
3639
|
/* @__PURE__ */ m(
|
|
3640
3640
|
"div",
|
|
@@ -3653,7 +3653,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3653
3653
|
ref: i ? _ : null,
|
|
3654
3654
|
className: ve(U.contentStyle, S ? ge : X, { [U.editor]: i }, { [U.hidden]: !e }),
|
|
3655
3655
|
style: {
|
|
3656
|
-
animationDuration: `${parseInt(
|
|
3656
|
+
animationDuration: `${parseInt(q.duration)}ms`,
|
|
3657
3657
|
animationTimingFunction: "ease",
|
|
3658
3658
|
animationFillMode: "both"
|
|
3659
3659
|
},
|
|
@@ -3670,17 +3670,17 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3670
3670
|
direction: v.direction === "horiz" || v.type === "fade" || v.type === "scale" ? "ltr" : "ttb",
|
|
3671
3671
|
pagination: !1,
|
|
3672
3672
|
// Disable Splide's drag when we need custom vertical drag handling
|
|
3673
|
-
drag:
|
|
3673
|
+
drag: D.type === "drag" && !B,
|
|
3674
3674
|
perPage: 1,
|
|
3675
3675
|
width: "100%",
|
|
3676
3676
|
height: "100%",
|
|
3677
3677
|
type: v.type === "fade" || v.type === "scale" ? "fade" : "loop",
|
|
3678
3678
|
padding: 0,
|
|
3679
|
-
rewind:
|
|
3679
|
+
rewind: D.repeat !== "close",
|
|
3680
3680
|
start: 0
|
|
3681
3681
|
},
|
|
3682
3682
|
style: { "--splide-speed": v.duration },
|
|
3683
|
-
children: n.map((b,
|
|
3683
|
+
children: n.map((b, j) => {
|
|
3684
3684
|
const G = tn(H.position, H.offset, i), J = `${N(H.padding.top, i)} ${N(H.padding.right, i)} ${N(H.padding.bottom, i)} ${N(H.padding.left, i)}`, se = v.type === "scale" ? (() => {
|
|
3685
3685
|
const { transform: ie, ...re } = G;
|
|
3686
3686
|
return {
|
|
@@ -3694,7 +3694,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3694
3694
|
return /* @__PURE__ */ m($r, { children: /* @__PURE__ */ m("div", { className: U.imgWrapper, onClick: Z, children: /* @__PURE__ */ m(
|
|
3695
3695
|
"img",
|
|
3696
3696
|
{
|
|
3697
|
-
ref:
|
|
3697
|
+
ref: j === s ? O : null,
|
|
3698
3698
|
className: ve(U.imageStyle, {
|
|
3699
3699
|
[U.contain]: b.image.objectFit === "contain",
|
|
3700
3700
|
[U.cover]: b.image.objectFit === "cover",
|
|
@@ -3704,7 +3704,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3704
3704
|
alt: b.image.name ?? "",
|
|
3705
3705
|
style: { ...se, pointerEvents: b.image.objectFit === "contain" ? "none" : "auto" }
|
|
3706
3706
|
}
|
|
3707
|
-
) }) },
|
|
3707
|
+
) }) }, j);
|
|
3708
3708
|
})
|
|
3709
3709
|
},
|
|
3710
3710
|
l
|
|
@@ -3773,21 +3773,21 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3773
3773
|
}
|
|
3774
3774
|
)
|
|
3775
3775
|
] }),
|
|
3776
|
-
|
|
3777
|
-
const b = tn(
|
|
3778
|
-
return /* @__PURE__ */ m("button", { className: U.closeButton, style: { ...b, transform: G }, onClick: ne, "aria-label": "Close lightbox", children: /* @__PURE__ */ m(ot, { url:
|
|
3776
|
+
I.closeIconUrl && (() => {
|
|
3777
|
+
const b = tn(I.closeIconAlign, I.closeIconOffset, i), j = `scale(${I.closeIconScale})`, G = b.transform ? `${b.transform} ${j}` : j;
|
|
3778
|
+
return /* @__PURE__ */ m("button", { className: U.closeButton, style: { ...b, transform: G }, onClick: ne, "aria-label": "Close lightbox", children: /* @__PURE__ */ m(ot, { url: I.closeIconUrl, fill: I.closeIconColor ?? "#000000", hoverFill: I.closeIconHover ?? "#cccccc" }) });
|
|
3779
3779
|
})(),
|
|
3780
|
-
w && w.isActive && o.imageCaption && ((
|
|
3781
|
-
const { widthSettings: b, fontSettings:
|
|
3780
|
+
w && w.isActive && o.imageCaption && ((R = n[s]) == null ? void 0 : R.imageCaption) && (() => {
|
|
3781
|
+
const { widthSettings: b, fontSettings: j, letterSpacing: G, textAlign: J, wordSpacing: se, fontSizeLineHeight: ie, textAppearance: re, color: fe } = o.imageCaption;
|
|
3782
3782
|
return /* @__PURE__ */ m(
|
|
3783
3783
|
"div",
|
|
3784
3784
|
{
|
|
3785
3785
|
className: U.caption,
|
|
3786
3786
|
style: {
|
|
3787
3787
|
...tn(w.alignment, w.offset, i),
|
|
3788
|
-
fontFamily: En(
|
|
3789
|
-
fontWeight:
|
|
3790
|
-
fontStyle:
|
|
3788
|
+
fontFamily: En(j.fontFamily),
|
|
3789
|
+
fontWeight: j.fontWeight,
|
|
3790
|
+
fontStyle: j.fontStyle,
|
|
3791
3791
|
width: b.sizing === "auto" ? "max-content" : N(b.width, i),
|
|
3792
3792
|
letterSpacing: N(G, i),
|
|
3793
3793
|
wordSpacing: N(se, i),
|
|
@@ -3799,7 +3799,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3799
3799
|
fontVariant: re.fontVariant ?? "normal",
|
|
3800
3800
|
color: fe
|
|
3801
3801
|
},
|
|
3802
|
-
onClick: (
|
|
3802
|
+
onClick: (V) => V.stopPropagation(),
|
|
3803
3803
|
children: /* @__PURE__ */ m(
|
|
3804
3804
|
"div",
|
|
3805
3805
|
{
|
|
@@ -3815,12 +3815,12 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3815
3815
|
}
|
|
3816
3816
|
);
|
|
3817
3817
|
})(),
|
|
3818
|
-
|
|
3819
|
-
const [b,
|
|
3818
|
+
A.isActive && (() => {
|
|
3819
|
+
const [b, j] = A.position.split("-"), G = v.direction === "horiz" ? `${b}-left` : A.position, J = tn(G, A.offset, i), se = () => {
|
|
3820
3820
|
if (v.direction === "horiz") {
|
|
3821
|
-
if (
|
|
3822
|
-
if (
|
|
3823
|
-
if (
|
|
3821
|
+
if (j === "left") return "flex-start";
|
|
3822
|
+
if (j === "center") return "center";
|
|
3823
|
+
if (j === "right") return "flex-end";
|
|
3824
3824
|
} else {
|
|
3825
3825
|
if (b === "top") return "flex-start";
|
|
3826
3826
|
if (b === "middle") return "center";
|
|
@@ -3853,20 +3853,20 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3853
3853
|
{
|
|
3854
3854
|
className: ve(U.thumbsContainer, {
|
|
3855
3855
|
[U.thumbsContainerVertical]: v.direction === "vert",
|
|
3856
|
-
[U.thumbsAlignStart]:
|
|
3857
|
-
[U.thumbsAlignCenter]:
|
|
3858
|
-
[U.thumbsAlignEnd]:
|
|
3856
|
+
[U.thumbsAlignStart]: A.align === "start",
|
|
3857
|
+
[U.thumbsAlignCenter]: A.align === "center",
|
|
3858
|
+
[U.thumbsAlignEnd]: A.align === "end"
|
|
3859
3859
|
}),
|
|
3860
3860
|
style: {
|
|
3861
|
-
gap: N(
|
|
3862
|
-
justifyContent:
|
|
3861
|
+
gap: N(A.grid.gap, i),
|
|
3862
|
+
justifyContent: L ? "flex-start" : se()
|
|
3863
3863
|
},
|
|
3864
3864
|
children: n.map((ie, re) => {
|
|
3865
|
-
const fe = re === s,
|
|
3866
|
-
if (
|
|
3867
|
-
if (!
|
|
3865
|
+
const fe = re === s, V = x[re], K = A.grid.size * (fe ? A.activeState.scale : 1), ce = () => {
|
|
3866
|
+
if (A.fit !== "fit") return {};
|
|
3867
|
+
if (!V)
|
|
3868
3868
|
return v.direction === "horiz" ? { height: N(K, i) } : { width: N(K, i) };
|
|
3869
|
-
const Q =
|
|
3869
|
+
const Q = V.width / V.height;
|
|
3870
3870
|
if (v.direction === "horiz") {
|
|
3871
3871
|
const me = K, Te = me * Q;
|
|
3872
3872
|
return {
|
|
@@ -3886,13 +3886,13 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3886
3886
|
{
|
|
3887
3887
|
className: U.thumbItem,
|
|
3888
3888
|
style: {
|
|
3889
|
-
...v.direction === "horiz" &&
|
|
3890
|
-
...v.direction === "vert" &&
|
|
3891
|
-
...
|
|
3889
|
+
...v.direction === "horiz" && A.fit !== "fit" ? { height: N(K, i) } : {},
|
|
3890
|
+
...v.direction === "vert" && A.fit !== "fit" ? { width: N(K, i) } : {},
|
|
3891
|
+
...A.fit === "cover" ? { width: N(K, i), height: N(K, i) } : {},
|
|
3892
3892
|
...ce(),
|
|
3893
3893
|
transition: fe ? "all 0.25s ease-out" : "none",
|
|
3894
|
-
opacity: fe ?
|
|
3895
|
-
"--thumb-hover":
|
|
3894
|
+
opacity: fe ? A.activeState.opacity / 100 : A.opacity / 100,
|
|
3895
|
+
"--thumb-hover": A.activeState.opacity / 100
|
|
3896
3896
|
},
|
|
3897
3897
|
onClick: (Q) => {
|
|
3898
3898
|
var me;
|
|
@@ -3900,7 +3900,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3900
3900
|
},
|
|
3901
3901
|
onMouseEnter: () => {
|
|
3902
3902
|
var Q;
|
|
3903
|
-
|
|
3903
|
+
A.triggers === "hov" && ((Q = y.current) == null || Q.go(re));
|
|
3904
3904
|
},
|
|
3905
3905
|
children: /* @__PURE__ */ m(
|
|
3906
3906
|
"img",
|
|
@@ -3915,9 +3915,9 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3915
3915
|
}));
|
|
3916
3916
|
},
|
|
3917
3917
|
style: {
|
|
3918
|
-
objectFit:
|
|
3919
|
-
...
|
|
3920
|
-
...
|
|
3918
|
+
objectFit: A.fit === "cover" ? "cover" : "contain",
|
|
3919
|
+
...A.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
|
|
3920
|
+
...A.fit === "cover" ? { width: "100%", height: "100%" } : {}
|
|
3921
3921
|
}
|
|
3922
3922
|
}
|
|
3923
3923
|
)
|
|
@@ -3940,7 +3940,7 @@ const Ms = ({ settings: e, content: t, styles: n, portalId: o, activeEvent: r, i
|
|
|
3940
3940
|
function Ro({ color: e, className: t }) {
|
|
3941
3941
|
return /* @__PURE__ */ m("svg", { viewBox: "0 0 10 18", className: t, children: /* @__PURE__ */ m("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ m("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: e, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
3942
3942
|
}
|
|
3943
|
-
const
|
|
3943
|
+
const Ws = {
|
|
3944
3944
|
element: Ms,
|
|
3945
3945
|
id: "lightbox",
|
|
3946
3946
|
name: "Lightbox",
|
|
@@ -5014,7 +5014,7 @@ const Ps = {
|
|
|
5014
5014
|
function nn(e) {
|
|
5015
5015
|
return `calc(var(--cntrl-article-width, 100vw) * ${e / 1440})`;
|
|
5016
5016
|
}
|
|
5017
|
-
function
|
|
5017
|
+
function Ps(e) {
|
|
5018
5018
|
return `
|
|
5019
5019
|
.${e}-wrapper {
|
|
5020
5020
|
display: flex;
|
|
@@ -5170,22 +5170,22 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5170
5170
|
inputPadding: f,
|
|
5171
5171
|
inputColor: y,
|
|
5172
5172
|
inputTextColor: $,
|
|
5173
|
-
inputBorderColor:
|
|
5174
|
-
placeholderColor:
|
|
5173
|
+
inputBorderColor: O,
|
|
5174
|
+
placeholderColor: W,
|
|
5175
5175
|
buttonColor: _,
|
|
5176
5176
|
buttonTextColor: g,
|
|
5177
5177
|
buttonBorderColor: C,
|
|
5178
|
-
labelTextColor:
|
|
5178
|
+
labelTextColor: F,
|
|
5179
5179
|
successColor: z,
|
|
5180
5180
|
errorColor: k,
|
|
5181
|
-
fontFamily:
|
|
5182
|
-
inputFontSettings:
|
|
5183
|
-
inputFontSize:
|
|
5184
|
-
inputLineHeight:
|
|
5181
|
+
fontFamily: L,
|
|
5182
|
+
inputFontSettings: M,
|
|
5183
|
+
inputFontSize: q,
|
|
5184
|
+
inputLineHeight: D,
|
|
5185
5185
|
inputLetterSpacing: v,
|
|
5186
|
-
inputWordSpacing:
|
|
5186
|
+
inputWordSpacing: A,
|
|
5187
5187
|
inputTextAppearance: E,
|
|
5188
|
-
buttonFontSettings:
|
|
5188
|
+
buttonFontSettings: I,
|
|
5189
5189
|
buttonFontSize: w,
|
|
5190
5190
|
buttonLineHeight: H,
|
|
5191
5191
|
buttonLetterSpacing: X,
|
|
@@ -5199,27 +5199,27 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5199
5199
|
labelTextAppearance: ae,
|
|
5200
5200
|
statusFontSettings: B,
|
|
5201
5201
|
statusFontSize: ue,
|
|
5202
|
-
statusLineHeight:
|
|
5202
|
+
statusLineHeight: R,
|
|
5203
5203
|
statusLetterSpacing: b,
|
|
5204
|
-
statusWordSpacing:
|
|
5204
|
+
statusWordSpacing: j,
|
|
5205
5205
|
statusTextAppearance: G,
|
|
5206
5206
|
successMessage: J,
|
|
5207
5207
|
errorMessage: se,
|
|
5208
5208
|
stateOverrides: ie
|
|
5209
|
-
} = e, re = a === "B", fe = c.slice(0, Math.min(i, c.length)),
|
|
5209
|
+
} = e, re = a === "B", fe = c.slice(0, Math.min(i, c.length)), V = {
|
|
5210
5210
|
fontSettings: {
|
|
5211
|
-
fontFamily:
|
|
5212
|
-
fontWeight: (
|
|
5213
|
-
fontStyle: (
|
|
5211
|
+
fontFamily: L,
|
|
5212
|
+
fontWeight: (M == null ? void 0 : M.fontWeight) ?? 400,
|
|
5213
|
+
fontStyle: (M == null ? void 0 : M.fontStyle) ?? "normal"
|
|
5214
5214
|
},
|
|
5215
|
-
fontSize:
|
|
5216
|
-
lineHeight:
|
|
5215
|
+
fontSize: q ?? 0.01,
|
|
5216
|
+
lineHeight: D,
|
|
5217
5217
|
letterSpacing: v ?? 0,
|
|
5218
|
-
wordSpacing:
|
|
5218
|
+
wordSpacing: A ?? 0,
|
|
5219
5219
|
textAppearance: E,
|
|
5220
5220
|
color: $
|
|
5221
|
-
}, Y = $t(Ne(
|
|
5222
|
-
(
|
|
5221
|
+
}, Y = $t(Ne(V, t)), K = N(x ?? 0, t), ce = N(
|
|
5222
|
+
(D ?? q ?? 0.01) + ((f == null ? void 0 : f.top) ?? 0) + ((f == null ? void 0 : f.bottom) ?? 0) + (a === "C" ? x ?? 0 : (x ?? 0) * 2),
|
|
5223
5223
|
t
|
|
5224
5224
|
), Q = {
|
|
5225
5225
|
...Y,
|
|
@@ -5239,9 +5239,9 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5239
5239
|
minHeight: ce
|
|
5240
5240
|
}, me = {
|
|
5241
5241
|
fontSettings: {
|
|
5242
|
-
fontFamily:
|
|
5243
|
-
fontWeight: (
|
|
5244
|
-
fontStyle: (
|
|
5242
|
+
fontFamily: L,
|
|
5243
|
+
fontWeight: (I == null ? void 0 : I.fontWeight) ?? 400,
|
|
5244
|
+
fontStyle: (I == null ? void 0 : I.fontStyle) ?? "normal"
|
|
5245
5245
|
},
|
|
5246
5246
|
fontSize: w ?? 0.01,
|
|
5247
5247
|
lineHeight: H,
|
|
@@ -5251,7 +5251,7 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5251
5251
|
color: g
|
|
5252
5252
|
}, Te = $t(Ne(me, t)), _e = N(S ?? 0, t), ht = {
|
|
5253
5253
|
fontSettings: {
|
|
5254
|
-
fontFamily:
|
|
5254
|
+
fontFamily: L,
|
|
5255
5255
|
fontWeight: (ge == null ? void 0 : ge.fontWeight) ?? 400,
|
|
5256
5256
|
fontStyle: (ge == null ? void 0 : ge.fontStyle) ?? "normal"
|
|
5257
5257
|
},
|
|
@@ -5260,41 +5260,41 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5260
5260
|
letterSpacing: ee ?? 0,
|
|
5261
5261
|
wordSpacing: Z ?? 0,
|
|
5262
5262
|
textAppearance: ae,
|
|
5263
|
-
color:
|
|
5263
|
+
color: F
|
|
5264
5264
|
}, tt = Ne(ht, t), Ce = {
|
|
5265
5265
|
fontSettings: {
|
|
5266
|
-
fontFamily:
|
|
5266
|
+
fontFamily: L,
|
|
5267
5267
|
fontWeight: (B == null ? void 0 : B.fontWeight) ?? 400,
|
|
5268
5268
|
fontStyle: (B == null ? void 0 : B.fontStyle) ?? "normal"
|
|
5269
5269
|
},
|
|
5270
5270
|
fontSize: ue ?? 0.01,
|
|
5271
|
-
lineHeight:
|
|
5271
|
+
lineHeight: R,
|
|
5272
5272
|
letterSpacing: b ?? 0,
|
|
5273
|
-
wordSpacing:
|
|
5273
|
+
wordSpacing: j ?? 0,
|
|
5274
5274
|
textAppearance: G,
|
|
5275
5275
|
color: z
|
|
5276
5276
|
}, Be = $t(Ne(Ce, t)), ct = zo(r, {
|
|
5277
5277
|
inputColor: y,
|
|
5278
5278
|
inputTextColor: $,
|
|
5279
|
-
inputBorderColor:
|
|
5280
|
-
placeholderColor:
|
|
5279
|
+
inputBorderColor: O,
|
|
5280
|
+
placeholderColor: W != null && W.trim() ? W : "#cccccc",
|
|
5281
5281
|
buttonColor: _,
|
|
5282
5282
|
buttonTextColor: g,
|
|
5283
5283
|
buttonBorderColor: C,
|
|
5284
|
-
labelTextColor:
|
|
5284
|
+
labelTextColor: F,
|
|
5285
5285
|
successColor: z,
|
|
5286
5286
|
errorColor: k
|
|
5287
5287
|
}, Ns, zs, ie), [Ee, je] = pe(
|
|
5288
5288
|
() => Object.fromEntries(fe.map((be) => [be.name, ""]))
|
|
5289
|
-
), [po,
|
|
5289
|
+
), [po, Lt] = pe("idle"), [_r, Jt] = pe(null), kn = o === "success" ? "success" : o === "error" ? "error" : po, Er = o === "error" ? se : _r, Qt = o === "filled", Mt = Fe(() => {
|
|
5290
5290
|
if (!Qt) return Ee;
|
|
5291
5291
|
let be = null;
|
|
5292
5292
|
for (const qe of fe)
|
|
5293
5293
|
(Ee[qe.name] ?? "").trim().length > 0 || (be = be ?? { ...Ee }, be[qe.name] = "Filled");
|
|
5294
5294
|
return be ?? Ee;
|
|
5295
|
-
}, [Ee, Qt, fe]), kr = kn === "error" ? pn(fe, Mt) : null,
|
|
5295
|
+
}, [Ee, Qt, fe]), kr = kn === "error" ? pn(fe, Mt) : null, Ir = `${o && o !== "default" ? `${r}-state-${o}` : ""}`.trim(), uo = n == null ? void 0 : n.submitUrl, mo = (be, qe) => {
|
|
5296
5296
|
je((Ue) => ({ ...Ue, [be]: qe }));
|
|
5297
|
-
},
|
|
5297
|
+
}, Ar = async (be) => {
|
|
5298
5298
|
be.preventDefault();
|
|
5299
5299
|
const qe = Object.fromEntries(
|
|
5300
5300
|
fe.map((Re) => {
|
|
@@ -5303,16 +5303,16 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5303
5303
|
}).filter(([, Re]) => Re)
|
|
5304
5304
|
);
|
|
5305
5305
|
if (!uo) {
|
|
5306
|
-
|
|
5306
|
+
Lt("error"), Jt("No integrations were found for this form.");
|
|
5307
5307
|
return;
|
|
5308
5308
|
}
|
|
5309
5309
|
if (Object.keys(qe).length === 0) return;
|
|
5310
5310
|
const Ue = pn(fe, Ee);
|
|
5311
5311
|
if (Ue) {
|
|
5312
|
-
|
|
5312
|
+
Lt("error"), Jt(Ue);
|
|
5313
5313
|
return;
|
|
5314
5314
|
}
|
|
5315
|
-
|
|
5315
|
+
Lt("submitting"), Jt(null);
|
|
5316
5316
|
try {
|
|
5317
5317
|
const Re = await fetch(uo, {
|
|
5318
5318
|
method: "POST",
|
|
@@ -5323,17 +5323,17 @@ function Hs({ settings: e, isEditor: t, metadata: n, activeEvent: o }) {
|
|
|
5323
5323
|
const yt = await Re.text();
|
|
5324
5324
|
throw new Error(yt || `Request failed: ${Re.status}`);
|
|
5325
5325
|
}
|
|
5326
|
-
|
|
5326
|
+
Lt("success"), je(Object.fromEntries(fe.map((yt) => [yt.name, ""])));
|
|
5327
5327
|
} catch (Re) {
|
|
5328
|
-
|
|
5328
|
+
Lt("error"), Jt(Re instanceof Error ? Re.message : "Something went wrong");
|
|
5329
5329
|
}
|
|
5330
5330
|
};
|
|
5331
|
-
return /* @__PURE__ */ he("div", { className: `${r}-wrapper ${r}-type-${a} ${
|
|
5332
|
-
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html:
|
|
5331
|
+
return /* @__PURE__ */ he("div", { className: `${r}-wrapper ${r}-type-${a} ${Ir}`.trim(), style: ct, children: [
|
|
5332
|
+
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: Ps(r) } }),
|
|
5333
5333
|
/* @__PURE__ */ he(
|
|
5334
5334
|
"form",
|
|
5335
5335
|
{
|
|
5336
|
-
onSubmit:
|
|
5336
|
+
onSubmit: Ar,
|
|
5337
5337
|
className: `${r}-form`,
|
|
5338
5338
|
style: { gap: N(d ?? 0, t) },
|
|
5339
5339
|
children: [
|
|
@@ -6899,32 +6899,32 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6899
6899
|
buttonFontSize: f,
|
|
6900
6900
|
buttonLineHeight: y,
|
|
6901
6901
|
buttonLetterSpacing: $,
|
|
6902
|
-
buttonWordSpacing:
|
|
6903
|
-
buttonTextAppearance:
|
|
6902
|
+
buttonWordSpacing: O,
|
|
6903
|
+
buttonTextAppearance: W,
|
|
6904
6904
|
statusFontSettings: _,
|
|
6905
6905
|
statusFontSize: g,
|
|
6906
6906
|
statusLineHeight: C,
|
|
6907
|
-
statusLetterSpacing:
|
|
6907
|
+
statusLetterSpacing: F,
|
|
6908
6908
|
statusWordSpacing: z,
|
|
6909
6909
|
statusTextAppearance: k,
|
|
6910
|
-
iconMaxWidth:
|
|
6911
|
-
minHeight:
|
|
6912
|
-
corners:
|
|
6913
|
-
stroke:
|
|
6910
|
+
iconMaxWidth: L,
|
|
6911
|
+
minHeight: M,
|
|
6912
|
+
corners: q,
|
|
6913
|
+
stroke: D,
|
|
6914
6914
|
stateOverrides: v,
|
|
6915
|
-
inputPadding:
|
|
6915
|
+
inputPadding: A,
|
|
6916
6916
|
buttonPadding: E,
|
|
6917
|
-
successMessage:
|
|
6917
|
+
successMessage: I = "Thanks for subscribing!",
|
|
6918
6918
|
errorMessage: w = "Please, fill all required fields."
|
|
6919
6919
|
} = e, H = a.slice(0, Math.min(s, a.length)), [X, le] = pe(
|
|
6920
6920
|
() => Object.fromEntries(H.map((Ce) => [Ce.name, ""]))
|
|
6921
|
-
), [oe, ge] = pe("idle"), [P, ne] = pe(null), ee = o === "success" ? "success" : o === "error" ? "error" : oe, Z = o === "error" ? w : P, ae = o === "filled", B =
|
|
6921
|
+
), [oe, ge] = pe("idle"), [P, ne] = pe(null), ee = o === "success" ? "success" : o === "error" ? "error" : oe, Z = o === "error" ? w : P, ae = o === "filled", B = Fe(() => {
|
|
6922
6922
|
if (!ae) return X;
|
|
6923
6923
|
let Ce = null;
|
|
6924
6924
|
for (const Be of H)
|
|
6925
6925
|
(X[Be.name] ?? "").trim().length > 0 || (Ce = Ce ?? { ...X }, Ce[Be.name] = "Filled");
|
|
6926
6926
|
return Ce ?? X;
|
|
6927
|
-
}, [ae, X, H]), ue = ee === "error" ? pn(H, B) : null,
|
|
6927
|
+
}, [ae, X, H]), ue = ee === "error" ? pn(H, B) : null, R = o && o !== "default" ? `${r}-state-${o}` : "", b = H.some((Ce) => (B[Ce.name] ?? "").trim().length > 0), j = R !== `${r}-state-filled` && b ? `${r}-state-filled` : "", G = `${R} ${j}`.trim(), J = n == null ? void 0 : n.submitUrl, se = c ?? "", ie = (i == null ? void 0 : i.icon) ?? "", re = (i == null ? void 0 : i.mode) === "On", fe = se || "Submit", V = {
|
|
6928
6928
|
fontSettings: {
|
|
6929
6929
|
fontFamily: d,
|
|
6930
6930
|
fontWeight: (l == null ? void 0 : l.fontWeight) ?? 400,
|
|
@@ -6945,8 +6945,8 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6945
6945
|
fontSize: f ?? 0.01,
|
|
6946
6946
|
lineHeight: y,
|
|
6947
6947
|
letterSpacing: $ ?? 0,
|
|
6948
|
-
wordSpacing:
|
|
6949
|
-
textAppearance:
|
|
6948
|
+
wordSpacing: O ?? 0,
|
|
6949
|
+
textAppearance: W,
|
|
6950
6950
|
color: e.buttonTextColor ?? "#ffffff"
|
|
6951
6951
|
}, K = {
|
|
6952
6952
|
fontSettings: {
|
|
@@ -6956,24 +6956,24 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
6956
6956
|
},
|
|
6957
6957
|
fontSize: g ?? 0.01,
|
|
6958
6958
|
lineHeight: C,
|
|
6959
|
-
letterSpacing:
|
|
6959
|
+
letterSpacing: F ?? 0,
|
|
6960
6960
|
wordSpacing: z ?? 0,
|
|
6961
6961
|
textAppearance: k,
|
|
6962
6962
|
color: e.successColor ?? "#22c55e"
|
|
6963
|
-
}, ce = $t(Ne(
|
|
6963
|
+
}, ce = $t(Ne(V, t)), Q = $t(Ne(Y, t)), me = $t(Ne(K, t)), Te = zo(r, {
|
|
6964
6964
|
strokeColor: e.strokeColor,
|
|
6965
6965
|
inputColor: e.inputColor,
|
|
6966
6966
|
placeholderColor: e.placeholderColor,
|
|
6967
6967
|
buttonColor: e.buttonColor,
|
|
6968
6968
|
successColor: e.successColor,
|
|
6969
6969
|
errorColor: e.errorColor,
|
|
6970
|
-
inputTextColor: e.inputTextColor ?? (
|
|
6970
|
+
inputTextColor: e.inputTextColor ?? (V == null ? void 0 : V.color) ?? "#111111",
|
|
6971
6971
|
buttonTextColor: e.buttonTextColor ?? (Y == null ? void 0 : Y.color) ?? "#ffffff"
|
|
6972
6972
|
}, Gs, Ks, v), _e = {
|
|
6973
|
-
borderRadius: N(
|
|
6974
|
-
borderWidth: N(
|
|
6973
|
+
borderRadius: N(q, t),
|
|
6974
|
+
borderWidth: N(D, t),
|
|
6975
6975
|
borderStyle: "solid"
|
|
6976
|
-
}, ht = { borderLeftWidth: N(
|
|
6976
|
+
}, ht = { borderLeftWidth: N(D, t) }, tt = async (Ce) => {
|
|
6977
6977
|
Ce.preventDefault();
|
|
6978
6978
|
const Be = Object.fromEntries(
|
|
6979
6979
|
H.map((Ee) => {
|
|
@@ -7016,8 +7016,8 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7016
7016
|
className: `${r}-form`,
|
|
7017
7017
|
style: {
|
|
7018
7018
|
..._e,
|
|
7019
|
-
height: N(
|
|
7020
|
-
minHeight: N(
|
|
7019
|
+
height: N(M, t),
|
|
7020
|
+
minHeight: N(M, t)
|
|
7021
7021
|
},
|
|
7022
7022
|
children: [
|
|
7023
7023
|
/* @__PURE__ */ m(
|
|
@@ -7038,10 +7038,10 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7038
7038
|
className: `${r}-input`,
|
|
7039
7039
|
style: {
|
|
7040
7040
|
...ce,
|
|
7041
|
-
paddingRight: N(
|
|
7042
|
-
paddingLeft: N(
|
|
7043
|
-
paddingTop: N(
|
|
7044
|
-
paddingBottom: N(
|
|
7041
|
+
paddingRight: N(A.right, t),
|
|
7042
|
+
paddingLeft: N(A.left, t),
|
|
7043
|
+
paddingTop: N(A.top, t),
|
|
7044
|
+
paddingBottom: N(A.bottom, t)
|
|
7045
7045
|
}
|
|
7046
7046
|
},
|
|
7047
7047
|
Ce.name
|
|
@@ -7067,7 +7067,7 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7067
7067
|
{
|
|
7068
7068
|
url: ie,
|
|
7069
7069
|
className: `${r}-submitBtnIcon`,
|
|
7070
|
-
style: { maxWidth: N(
|
|
7070
|
+
style: { maxWidth: N(L ?? 0, t) },
|
|
7071
7071
|
fill: `var(--${r}-button-text-color)`,
|
|
7072
7072
|
hoverFill: `var(--${r}-button-text-color)`
|
|
7073
7073
|
}
|
|
@@ -7082,7 +7082,7 @@ const Us = ({ settings: e, isEditor: t, metadata: n, activeEvent: o }) => {
|
|
|
7082
7082
|
{
|
|
7083
7083
|
className: `${r}-success`,
|
|
7084
7084
|
style: { ...me },
|
|
7085
|
-
children:
|
|
7085
|
+
children: I
|
|
7086
7086
|
}
|
|
7087
7087
|
),
|
|
7088
7088
|
ee === "error" && /* @__PURE__ */ m(
|
|
@@ -8190,7 +8190,101 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8190
8190
|
},
|
|
8191
8191
|
schema: Qs,
|
|
8192
8192
|
sourceCode: Ys
|
|
8193
|
-
}
|
|
8193
|
+
};
|
|
8194
|
+
function Wo(e) {
|
|
8195
|
+
return `
|
|
8196
|
+
.${e}-marquee-wrapper {
|
|
8197
|
+
overflow: hidden;
|
|
8198
|
+
width: 100%;
|
|
8199
|
+
height: auto;
|
|
8200
|
+
}
|
|
8201
|
+
|
|
8202
|
+
.${e}-marquee-track {
|
|
8203
|
+
display: flex;
|
|
8204
|
+
flex-direction: row;
|
|
8205
|
+
width: max-content;
|
|
8206
|
+
will-change: transform;
|
|
8207
|
+
backface-visibility: hidden;
|
|
8208
|
+
transform: translateZ(0);
|
|
8209
|
+
-webkit-backface-visibility: hidden;
|
|
8210
|
+
-webkit-transform: translateZ(0);
|
|
8211
|
+
perspective: 1000px;
|
|
8212
|
+
}
|
|
8213
|
+
|
|
8214
|
+
.${e}-marquee-set {
|
|
8215
|
+
display: flex;
|
|
8216
|
+
flex-direction: row;
|
|
8217
|
+
flex: 0 0 auto;
|
|
8218
|
+
|
|
8219
|
+
}
|
|
8220
|
+
|
|
8221
|
+
.${e}-wrapper {
|
|
8222
|
+
position: relative;
|
|
8223
|
+
width: 100%;
|
|
8224
|
+
height: 100%;
|
|
8225
|
+
order: 1;
|
|
8226
|
+
}
|
|
8227
|
+
|
|
8228
|
+
.${e}-cover {
|
|
8229
|
+
position: absolute;
|
|
8230
|
+
width: 100%;
|
|
8231
|
+
height: 100%;
|
|
8232
|
+
top: 0;
|
|
8233
|
+
left: 0;
|
|
8234
|
+
}
|
|
8235
|
+
|
|
8236
|
+
.${e}-elements-overlay {
|
|
8237
|
+
position: relative;
|
|
8238
|
+
inset: 0;
|
|
8239
|
+
display: flex;
|
|
8240
|
+
flex-direction: column;
|
|
8241
|
+
pointer-events: none;
|
|
8242
|
+
}
|
|
8243
|
+
|
|
8244
|
+
.${e}-control {
|
|
8245
|
+
position: relative;
|
|
8246
|
+
z-index: 2;
|
|
8247
|
+
width: 100%;
|
|
8248
|
+
}
|
|
8249
|
+
|
|
8250
|
+
.${e}-control::before {
|
|
8251
|
+
content: "";
|
|
8252
|
+
position: absolute;
|
|
8253
|
+
top: 0;
|
|
8254
|
+
left: 0;
|
|
8255
|
+
width: 100%;
|
|
8256
|
+
height: 100%;
|
|
8257
|
+
min-height: 20px;
|
|
8258
|
+
pointer-events: auto;
|
|
8259
|
+
z-index: 10;
|
|
8260
|
+
}
|
|
8261
|
+
|
|
8262
|
+
.${e}-image-hover-brightness img {
|
|
8263
|
+
transition: filter 0.3s ease;
|
|
8264
|
+
}
|
|
8265
|
+
|
|
8266
|
+
.${e}-image-hover-brightness:hover img {
|
|
8267
|
+
filter: brightness(1.25);
|
|
8268
|
+
}
|
|
8269
|
+
|
|
8270
|
+
.${e}-image-hover-grayscale img {
|
|
8271
|
+
transition: filter 0.3s ease;
|
|
8272
|
+
}
|
|
8273
|
+
|
|
8274
|
+
.${e}-image-hover-grayscale:hover img {
|
|
8275
|
+
filter: grayscale(100%);
|
|
8276
|
+
}
|
|
8277
|
+
|
|
8278
|
+
.${e}-image-hover-saturate img {
|
|
8279
|
+
transition: filter 0.3s ease;
|
|
8280
|
+
}
|
|
8281
|
+
|
|
8282
|
+
.${e}-image-hover-saturate:hover img {
|
|
8283
|
+
filter: saturate(2);
|
|
8284
|
+
}
|
|
8285
|
+
`;
|
|
8286
|
+
}
|
|
8287
|
+
const tl = ({
|
|
8194
8288
|
item: e,
|
|
8195
8289
|
prefix: t,
|
|
8196
8290
|
imageFit: n,
|
|
@@ -8204,41 +8298,45 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8204
8298
|
scaled: l,
|
|
8205
8299
|
onFirstSetImageDone: T
|
|
8206
8300
|
}) => {
|
|
8207
|
-
var _, g, C,
|
|
8208
|
-
const S = ye(null), [h, p] = pe(null), u = (_ = e.link) == null ? void 0 : _.trim(), x = (
|
|
8301
|
+
var _, g, C, F, z, k;
|
|
8302
|
+
const S = ye(null), [h, p] = pe(null), u = (_ = e.link) == null ? void 0 : _.trim(), x = (e.text ?? []).some(
|
|
8303
|
+
(L) => (L.children ?? []).some(
|
|
8304
|
+
(M) => typeof M.text == "string" && M.text.trim().length > 0
|
|
8305
|
+
)
|
|
8306
|
+
), f = n === "contain" && !!((g = e.image) != null && g.url) && x, y = Ke(() => {
|
|
8209
8307
|
if (!f) {
|
|
8210
8308
|
p(null);
|
|
8211
8309
|
return;
|
|
8212
8310
|
}
|
|
8213
|
-
const
|
|
8214
|
-
if (!
|
|
8215
|
-
const
|
|
8216
|
-
|
|
8311
|
+
const L = S.current;
|
|
8312
|
+
if (!L) return;
|
|
8313
|
+
const M = L.getBoundingClientRect().width;
|
|
8314
|
+
M > 0 && p(M);
|
|
8217
8315
|
}, [f]);
|
|
8218
|
-
|
|
8316
|
+
Pe(() => {
|
|
8219
8317
|
y();
|
|
8220
8318
|
}, [
|
|
8221
8319
|
y,
|
|
8222
|
-
(
|
|
8320
|
+
(C = e.image) == null ? void 0 : C.url,
|
|
8223
8321
|
n,
|
|
8224
8322
|
o,
|
|
8225
8323
|
r,
|
|
8226
8324
|
s
|
|
8227
|
-
]),
|
|
8325
|
+
]), Pe(() => {
|
|
8228
8326
|
if (!f) return;
|
|
8229
|
-
const
|
|
8230
|
-
if (!
|
|
8231
|
-
const
|
|
8232
|
-
return
|
|
8233
|
-
}, [f, y, (
|
|
8327
|
+
const L = S.current;
|
|
8328
|
+
if (!L) return;
|
|
8329
|
+
const M = new ResizeObserver(y);
|
|
8330
|
+
return M.observe(L), () => M.disconnect();
|
|
8331
|
+
}, [f, y, (F = e.image) == null ? void 0 : F.url]);
|
|
8234
8332
|
const $ = () => {
|
|
8235
8333
|
y(), d && (T == null || T());
|
|
8236
|
-
},
|
|
8334
|
+
}, O = ((z = e.image) == null ? void 0 : z.url) && /* @__PURE__ */ m(
|
|
8237
8335
|
"img",
|
|
8238
8336
|
{
|
|
8239
8337
|
ref: S,
|
|
8240
8338
|
src: e.image.url,
|
|
8241
|
-
alt: ((
|
|
8339
|
+
alt: ((k = e.image) == null ? void 0 : k.name) ?? "",
|
|
8242
8340
|
style: {
|
|
8243
8341
|
pointerEvents: "auto",
|
|
8244
8342
|
objectFit: n,
|
|
@@ -8248,7 +8346,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8248
8346
|
onLoad: d ? $ : y,
|
|
8249
8347
|
onError: d ? $ : y
|
|
8250
8348
|
}
|
|
8251
|
-
),
|
|
8349
|
+
), W = x && /* @__PURE__ */ he(Ze, { children: [
|
|
8252
8350
|
/* @__PURE__ */ m(
|
|
8253
8351
|
"div",
|
|
8254
8352
|
{
|
|
@@ -8298,7 +8396,7 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8298
8396
|
overflow: "hidden",
|
|
8299
8397
|
flexShrink: 0
|
|
8300
8398
|
},
|
|
8301
|
-
children:
|
|
8399
|
+
children: O && (u ? /* @__PURE__ */ m(
|
|
8302
8400
|
"a",
|
|
8303
8401
|
{
|
|
8304
8402
|
href: u,
|
|
@@ -8314,110 +8412,16 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
|
8314
8412
|
textDecoration: "none",
|
|
8315
8413
|
color: "inherit"
|
|
8316
8414
|
},
|
|
8317
|
-
children:
|
|
8415
|
+
children: O
|
|
8318
8416
|
}
|
|
8319
|
-
) :
|
|
8417
|
+
) : O)
|
|
8320
8418
|
}
|
|
8321
8419
|
),
|
|
8322
|
-
|
|
8420
|
+
W
|
|
8323
8421
|
]
|
|
8324
8422
|
}
|
|
8325
8423
|
);
|
|
8326
|
-
}
|
|
8327
|
-
function Po(e) {
|
|
8328
|
-
return `
|
|
8329
|
-
.${e}-marquee-wrapper {
|
|
8330
|
-
overflow: hidden;
|
|
8331
|
-
width: 100%;
|
|
8332
|
-
height: auto;
|
|
8333
|
-
}
|
|
8334
|
-
|
|
8335
|
-
.${e}-marquee-track {
|
|
8336
|
-
display: flex;
|
|
8337
|
-
flex-direction: row;
|
|
8338
|
-
width: max-content;
|
|
8339
|
-
will-change: transform;
|
|
8340
|
-
backface-visibility: hidden;
|
|
8341
|
-
transform: translateZ(0);
|
|
8342
|
-
-webkit-backface-visibility: hidden;
|
|
8343
|
-
-webkit-transform: translateZ(0);
|
|
8344
|
-
perspective: 1000px;
|
|
8345
|
-
}
|
|
8346
|
-
|
|
8347
|
-
.${e}-marquee-set {
|
|
8348
|
-
display: flex;
|
|
8349
|
-
flex-direction: row;
|
|
8350
|
-
flex: 0 0 auto;
|
|
8351
|
-
|
|
8352
|
-
}
|
|
8353
|
-
|
|
8354
|
-
.${e}-wrapper {
|
|
8355
|
-
position: relative;
|
|
8356
|
-
width: 100%;
|
|
8357
|
-
height: 100%;
|
|
8358
|
-
order: 1;
|
|
8359
|
-
}
|
|
8360
|
-
|
|
8361
|
-
.${e}-cover {
|
|
8362
|
-
position: absolute;
|
|
8363
|
-
width: 100%;
|
|
8364
|
-
height: 100%;
|
|
8365
|
-
top: 0;
|
|
8366
|
-
left: 0;
|
|
8367
|
-
}
|
|
8368
|
-
|
|
8369
|
-
.${e}-elements-overlay {
|
|
8370
|
-
position: relative;
|
|
8371
|
-
inset: 0;
|
|
8372
|
-
display: flex;
|
|
8373
|
-
flex-direction: column;
|
|
8374
|
-
pointer-events: none;
|
|
8375
|
-
}
|
|
8376
|
-
|
|
8377
|
-
.${e}-control {
|
|
8378
|
-
position: relative;
|
|
8379
|
-
z-index: 2;
|
|
8380
|
-
width: 100%;
|
|
8381
|
-
}
|
|
8382
|
-
|
|
8383
|
-
.${e}-control::before {
|
|
8384
|
-
content: "";
|
|
8385
|
-
position: absolute;
|
|
8386
|
-
top: 0;
|
|
8387
|
-
left: 0;
|
|
8388
|
-
width: 100%;
|
|
8389
|
-
height: 100%;
|
|
8390
|
-
min-height: 20px;
|
|
8391
|
-
pointer-events: auto;
|
|
8392
|
-
z-index: 10;
|
|
8393
|
-
}
|
|
8394
|
-
|
|
8395
|
-
.${e}-image-hover-brightness img {
|
|
8396
|
-
transition: filter 0.3s ease;
|
|
8397
|
-
}
|
|
8398
|
-
|
|
8399
|
-
.${e}-image-hover-brightness:hover img {
|
|
8400
|
-
filter: brightness(1.25);
|
|
8401
|
-
}
|
|
8402
|
-
|
|
8403
|
-
.${e}-image-hover-grayscale img {
|
|
8404
|
-
transition: filter 0.3s ease;
|
|
8405
|
-
}
|
|
8406
|
-
|
|
8407
|
-
.${e}-image-hover-grayscale:hover img {
|
|
8408
|
-
filter: grayscale(100%);
|
|
8409
|
-
}
|
|
8410
|
-
|
|
8411
|
-
.${e}-image-hover-saturate img {
|
|
8412
|
-
transition: filter 0.3s ease;
|
|
8413
|
-
}
|
|
8414
|
-
|
|
8415
|
-
.${e}-image-hover-saturate:hover img {
|
|
8416
|
-
filter: saturate(2);
|
|
8417
|
-
}
|
|
8418
|
-
`;
|
|
8419
|
-
}
|
|
8420
|
-
const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
8424
|
+
}, nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
8421
8425
|
var t, n, o, r, a;
|
|
8422
8426
|
return {
|
|
8423
8427
|
fontSettings: {
|
|
@@ -8437,31 +8441,31 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8437
8441
|
color: e.textColor ?? "#000000"
|
|
8438
8442
|
};
|
|
8439
8443
|
}, al = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
8440
|
-
const { prefix: r } = Vt(), { speed: a, direction: i, pauseOnHover: c, gap: s, imageMaxWidth: d, imageMaxHeight: l, textMarginTop: T } = e, S = e.hoverEffect === "off" ? void 0 : `${r}-image-hover-${e.hoverEffect}`, h =
|
|
8444
|
+
const { prefix: r } = Vt(), { speed: a, direction: i, pauseOnHover: c, gap: s, imageMaxWidth: d, imageMaxHeight: l, textMarginTop: T } = e, S = e.hoverEffect === "off" ? void 0 : `${r}-image-hover-${e.hoverEffect}`, h = Fe(() => il(e), [e]), p = e.imageFit === "cover" ? "cover" : "contain", u = !o, x = Math.max(0, a) * nl, f = (ee) => N(ee, n ?? !1), y = ye(null), $ = ye(null), O = ye(null), [W, _] = pe(0), [g, C] = pe(0), [F, z] = pe(0), k = u && c === "on", [L, M] = pe(!1), q = ye(!1), D = ye(0), v = ye(0), A = ye({ w: -1, n: 0 }), E = ye(0), I = ye(0), w = ye(null), H = Fe(
|
|
8441
8445
|
() => (t ?? []).map((ee) => {
|
|
8442
8446
|
var Z;
|
|
8443
8447
|
return ((Z = ee.image) == null ? void 0 : Z.url) ?? "";
|
|
8444
8448
|
}).join("\0"),
|
|
8445
8449
|
[t]
|
|
8446
|
-
), X =
|
|
8450
|
+
), X = Fe(
|
|
8447
8451
|
() => (t ?? []).filter((ee) => {
|
|
8448
8452
|
var Z;
|
|
8449
8453
|
return !!((Z = ee.image) != null && Z.url);
|
|
8450
8454
|
}).length,
|
|
8451
8455
|
[t]
|
|
8452
|
-
), le =
|
|
8453
|
-
|
|
8454
|
-
|
|
8455
|
-
}, [H]),
|
|
8456
|
+
), le = Fe(() => !u || (t == null ? void 0 : t.length) === 0 ? 1 : g <= 0 || W <= 0 ? 2 : Math.max(2, Math.ceil(W / g) + 1), [u, t == null ? void 0 : t.length, g, W, p]);
|
|
8457
|
+
Pe(() => {
|
|
8458
|
+
I.current = 0;
|
|
8459
|
+
}, [H]), Pe(() => {
|
|
8456
8460
|
if (!u) return;
|
|
8457
|
-
const ee = y.current, Z =
|
|
8461
|
+
const ee = y.current, Z = O.current;
|
|
8458
8462
|
if (!ee || !Z) return;
|
|
8459
8463
|
const ae = { id: 0 }, B = () => {
|
|
8460
|
-
const b = ee.getBoundingClientRect().width,
|
|
8461
|
-
|
|
8462
|
-
const G = Z.offsetWidth > 0 ? Z.offsetWidth : Math.max(0, Math.round(
|
|
8463
|
-
|
|
8464
|
-
const J =
|
|
8464
|
+
const b = ee.getBoundingClientRect().width, j = Z.getBoundingClientRect().width;
|
|
8465
|
+
j > 0 && (v.current = j);
|
|
8466
|
+
const G = Z.offsetWidth > 0 ? Z.offsetWidth : Math.max(0, Math.round(j));
|
|
8467
|
+
A.current.w !== G ? A.current = { w: G, n: 1 } : A.current.n += 1;
|
|
8468
|
+
const J = A.current.n >= ol, se = X === 0 || I.current >= X;
|
|
8465
8469
|
if (_(b), G > 0 && (g <= 0 || G !== g)) {
|
|
8466
8470
|
if (E.current += 1, se && (J || E.current > rl)) {
|
|
8467
8471
|
E.current = 0, C(G);
|
|
@@ -8475,37 +8479,37 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8475
8479
|
cancelAnimationFrame(ae.id), ae.id = requestAnimationFrame(B);
|
|
8476
8480
|
};
|
|
8477
8481
|
w.current = ue, ue();
|
|
8478
|
-
const
|
|
8479
|
-
return
|
|
8480
|
-
w.current = null, cancelAnimationFrame(ae.id),
|
|
8482
|
+
const R = new ResizeObserver(ue);
|
|
8483
|
+
return R.observe(ee), R.observe(Z), () => {
|
|
8484
|
+
w.current = null, cancelAnimationFrame(ae.id), R.disconnect();
|
|
8481
8485
|
};
|
|
8482
8486
|
}, [u, X, g, p]), we(() => {
|
|
8483
|
-
|
|
8484
|
-
}, [
|
|
8487
|
+
q.current = L;
|
|
8488
|
+
}, [L]), Pe(() => {
|
|
8485
8489
|
if (!u) return;
|
|
8486
|
-
const ee = $.current, Z =
|
|
8490
|
+
const ee = $.current, Z = O.current;
|
|
8487
8491
|
if (!ee || !Z || g <= 0 || x <= 0) return;
|
|
8488
8492
|
if (v.current <= 0) {
|
|
8489
|
-
const
|
|
8490
|
-
|
|
8493
|
+
const R = Z.getBoundingClientRect().width;
|
|
8494
|
+
R > 0 && (v.current = R);
|
|
8491
8495
|
}
|
|
8492
8496
|
const ae = v.current > 0 ? v.current : g;
|
|
8493
|
-
i === "right" &&
|
|
8494
|
-
const B = { raf: 0, lastTime: 0 }, ue = (
|
|
8495
|
-
B.lastTime === 0 && (B.lastTime =
|
|
8496
|
-
const b = Math.min(100,
|
|
8497
|
-
if (B.lastTime =
|
|
8497
|
+
i === "right" && D.current >= 0 ? D.current = -ae : i === "left" && D.current > 0 && (D.current = 0);
|
|
8498
|
+
const B = { raf: 0, lastTime: 0 }, ue = (R) => {
|
|
8499
|
+
B.lastTime === 0 && (B.lastTime = R);
|
|
8500
|
+
const b = Math.min(100, R - B.lastTime) / 1e3;
|
|
8501
|
+
if (B.lastTime = R, !(k && q.current)) {
|
|
8498
8502
|
const G = x * b;
|
|
8499
|
-
|
|
8503
|
+
D.current += i === "left" ? -G : G;
|
|
8500
8504
|
const J = v.current > 0 ? v.current : g;
|
|
8501
|
-
J > 0 && (i === "left" &&
|
|
8505
|
+
J > 0 && (i === "left" && D.current <= -J ? D.current += J : i === "right" && D.current >= 0 && (D.current -= J)), ee.style.transform = `translate3d(${D.current}px, 0, 0)`;
|
|
8502
8506
|
}
|
|
8503
8507
|
B.raf = requestAnimationFrame(ue);
|
|
8504
8508
|
};
|
|
8505
|
-
return ee.style.transform = `translate3d(${
|
|
8509
|
+
return ee.style.transform = `translate3d(${D.current}px, 0, 0)`, B.raf = requestAnimationFrame(ue), () => {
|
|
8506
8510
|
cancelAnimationFrame(B.raf);
|
|
8507
8511
|
};
|
|
8508
|
-
}, [u, x, i, g, k]),
|
|
8512
|
+
}, [u, x, i, g, k]), Pe(() => {
|
|
8509
8513
|
if (!u) {
|
|
8510
8514
|
z(0);
|
|
8511
8515
|
return;
|
|
@@ -8527,14 +8531,14 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8527
8531
|
};
|
|
8528
8532
|
}, [u, le, t, n, s, d, l, g, p, h, T]);
|
|
8529
8533
|
const oe = () => {
|
|
8530
|
-
k &&
|
|
8534
|
+
k && M(!0);
|
|
8531
8535
|
}, ge = () => {
|
|
8532
|
-
k &&
|
|
8536
|
+
k && M(!1);
|
|
8533
8537
|
}, P = () => {
|
|
8534
8538
|
var ee;
|
|
8535
|
-
|
|
8539
|
+
I.current = Math.min(
|
|
8536
8540
|
X,
|
|
8537
|
-
|
|
8541
|
+
I.current + 1
|
|
8538
8542
|
), (ee = w.current) == null || ee.call(w);
|
|
8539
8543
|
}, ne = (ee, Z, ae) => /* @__PURE__ */ he(
|
|
8540
8544
|
"div",
|
|
@@ -8595,10 +8599,10 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8595
8599
|
style: {
|
|
8596
8600
|
overflow: "hidden",
|
|
8597
8601
|
width: "100%",
|
|
8598
|
-
...g > 0 &&
|
|
8602
|
+
...g > 0 && F > 0 ? { height: F } : {}
|
|
8599
8603
|
},
|
|
8600
8604
|
children: [
|
|
8601
|
-
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html:
|
|
8605
|
+
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: Wo(r) } }),
|
|
8602
8606
|
/* @__PURE__ */ m(
|
|
8603
8607
|
"div",
|
|
8604
8608
|
{
|
|
@@ -8622,7 +8626,7 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8622
8626
|
children: Array.from({ length: le }, (ee, Z) => /* @__PURE__ */ m(
|
|
8623
8627
|
"div",
|
|
8624
8628
|
{
|
|
8625
|
-
ref: Z === 0 ?
|
|
8629
|
+
ref: Z === 0 ? O : void 0,
|
|
8626
8630
|
className: `${r}-marquee-set`,
|
|
8627
8631
|
style: {
|
|
8628
8632
|
display: "flex",
|
|
@@ -8644,7 +8648,7 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8644
8648
|
]
|
|
8645
8649
|
}
|
|
8646
8650
|
) : /* @__PURE__ */ he("div", { className: `${r}-wrapper`, children: [
|
|
8647
|
-
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html:
|
|
8651
|
+
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: Wo(r) } }),
|
|
8648
8652
|
/* @__PURE__ */ m(
|
|
8649
8653
|
"div",
|
|
8650
8654
|
{
|
|
@@ -8663,13 +8667,13 @@ const nl = 30, ol = 12, rl = 180, il = (e) => {
|
|
|
8663
8667
|
}
|
|
8664
8668
|
)
|
|
8665
8669
|
] });
|
|
8666
|
-
}, sl = `import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
8670
|
+
}, sl = `import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
8667
8671
|
import cn from 'classnames';
|
|
8668
8672
|
import { CommonComponentProps } from '../props';
|
|
8673
|
+
import { RichTextRenderer } from '../helpers/RichTextRenderer/RichTextRenderer';
|
|
8669
8674
|
import { scalingValue } from '../utils/scalingValue';
|
|
8670
8675
|
import { useScopedStyles } from '../utils/useScopedStyles';
|
|
8671
|
-
import { type TextStyles } from '../utils/textStylesToCss';
|
|
8672
|
-
import { MarqueeCard } from './MarqueeCard';
|
|
8676
|
+
import { textStylesToCss, type TextStyles } from '../utils/textStylesToCss';
|
|
8673
8677
|
|
|
8674
8678
|
function getCSS(P: string): string {
|
|
8675
8679
|
return \`
|
|
@@ -8765,6 +8769,39 @@ function getCSS(P: string): string {
|
|
|
8765
8769
|
\`;
|
|
8766
8770
|
}
|
|
8767
8771
|
|
|
8772
|
+
export type MarqueeItem = {
|
|
8773
|
+
image?: {
|
|
8774
|
+
url?: string;
|
|
8775
|
+
name?: string;
|
|
8776
|
+
};
|
|
8777
|
+
text?: any[];
|
|
8778
|
+
link?: string;
|
|
8779
|
+
};
|
|
8780
|
+
|
|
8781
|
+
export type MarqueeSettings = {
|
|
8782
|
+
speed: number;
|
|
8783
|
+
direction: 'left' | 'right';
|
|
8784
|
+
pauseOnHover: 'on' | 'off';
|
|
8785
|
+
hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate';
|
|
8786
|
+
gap: number;
|
|
8787
|
+
imageMaxWidth: number;
|
|
8788
|
+
imageMaxHeight: number;
|
|
8789
|
+
imageFit?: 'cover' | 'contain';
|
|
8790
|
+
textFontFamily?: string;
|
|
8791
|
+
textFontSettings?: { fontWeight?: number; fontStyle?: string };
|
|
8792
|
+
textFontSize?: number;
|
|
8793
|
+
textLineHeight?: number;
|
|
8794
|
+
textLetterSpacing?: number;
|
|
8795
|
+
textWordSpacing?: number;
|
|
8796
|
+
textTextAppearance?: {
|
|
8797
|
+
textTransform?: string;
|
|
8798
|
+
textDecoration?: string;
|
|
8799
|
+
fontVariant?: string;
|
|
8800
|
+
};
|
|
8801
|
+
textColor?: string;
|
|
8802
|
+
textMarginTop?: number;
|
|
8803
|
+
};
|
|
8804
|
+
|
|
8768
8805
|
type MarqueeProps = {
|
|
8769
8806
|
settings: MarqueeSettings;
|
|
8770
8807
|
content?: MarqueeItem[];
|
|
@@ -8772,6 +8809,179 @@ type MarqueeProps = {
|
|
|
8772
8809
|
isPreviewMode?: boolean;
|
|
8773
8810
|
} & CommonComponentProps;
|
|
8774
8811
|
|
|
8812
|
+
type MarqueeItemCardProps = {
|
|
8813
|
+
item: MarqueeItem;
|
|
8814
|
+
prefix: string;
|
|
8815
|
+
imageFit: 'cover' | 'contain';
|
|
8816
|
+
imageMaxWidth: number;
|
|
8817
|
+
imageMaxHeight: number;
|
|
8818
|
+
textMarginTop?: number;
|
|
8819
|
+
textStyle: TextStyles;
|
|
8820
|
+
imageHoverClass?: string;
|
|
8821
|
+
isEditor?: boolean;
|
|
8822
|
+
isFirstSet?: boolean;
|
|
8823
|
+
scaled: (value: number) => string;
|
|
8824
|
+
onFirstSetImageDone?: () => void;
|
|
8825
|
+
};
|
|
8826
|
+
|
|
8827
|
+
const MarqueeItemCard = ({
|
|
8828
|
+
item,
|
|
8829
|
+
prefix: P,
|
|
8830
|
+
imageFit,
|
|
8831
|
+
imageMaxWidth,
|
|
8832
|
+
imageMaxHeight,
|
|
8833
|
+
textMarginTop,
|
|
8834
|
+
textStyle,
|
|
8835
|
+
imageHoverClass,
|
|
8836
|
+
isEditor,
|
|
8837
|
+
isFirstSet,
|
|
8838
|
+
scaled,
|
|
8839
|
+
onFirstSetImageDone,
|
|
8840
|
+
}: MarqueeItemCardProps) => {
|
|
8841
|
+
const imageRef = useRef<HTMLImageElement | null>(null);
|
|
8842
|
+
const [imageWidth, setImageWidth] = useState<number | null>(null);
|
|
8843
|
+
const linkHref = item.link?.trim();
|
|
8844
|
+
const hasText = (item.text ?? []).some((block) =>
|
|
8845
|
+
(block.children ?? []).some(
|
|
8846
|
+
(child: { text?: string }) => typeof child.text === 'string' && child.text.trim().length > 0,
|
|
8847
|
+
),
|
|
8848
|
+
);
|
|
8849
|
+
const shouldMatchTextToImage = imageFit === 'contain' && Boolean(item.image?.url) && hasText;
|
|
8850
|
+
|
|
8851
|
+
const measureImage = useCallback(() => {
|
|
8852
|
+
if (!shouldMatchTextToImage) {
|
|
8853
|
+
setImageWidth(null);
|
|
8854
|
+
return;
|
|
8855
|
+
}
|
|
8856
|
+
const el = imageRef.current;
|
|
8857
|
+
if (!el) return;
|
|
8858
|
+
const w = el.getBoundingClientRect().width;
|
|
8859
|
+
if (w > 0) setImageWidth(w);
|
|
8860
|
+
}, [shouldMatchTextToImage]);
|
|
8861
|
+
|
|
8862
|
+
useLayoutEffect(() => {
|
|
8863
|
+
measureImage();
|
|
8864
|
+
}, [
|
|
8865
|
+
measureImage,
|
|
8866
|
+
item.image?.url,
|
|
8867
|
+
imageFit,
|
|
8868
|
+
imageMaxWidth,
|
|
8869
|
+
imageMaxHeight,
|
|
8870
|
+
isEditor,
|
|
8871
|
+
]);
|
|
8872
|
+
|
|
8873
|
+
useLayoutEffect(() => {
|
|
8874
|
+
if (!shouldMatchTextToImage) return;
|
|
8875
|
+
const el = imageRef.current;
|
|
8876
|
+
if (!el) return;
|
|
8877
|
+
const ro = new ResizeObserver(measureImage);
|
|
8878
|
+
ro.observe(el);
|
|
8879
|
+
return () => ro.disconnect();
|
|
8880
|
+
}, [shouldMatchTextToImage, measureImage, item.image?.url]);
|
|
8881
|
+
|
|
8882
|
+
const handleImageDone = () => {
|
|
8883
|
+
measureImage();
|
|
8884
|
+
if (isFirstSet) onFirstSetImageDone?.();
|
|
8885
|
+
};
|
|
8886
|
+
|
|
8887
|
+
const imageNode =
|
|
8888
|
+
item.image?.url &&
|
|
8889
|
+
(
|
|
8890
|
+
<img
|
|
8891
|
+
ref={imageRef}
|
|
8892
|
+
src={item.image.url}
|
|
8893
|
+
alt={item.image?.name ?? ''}
|
|
8894
|
+
style={{
|
|
8895
|
+
pointerEvents: 'auto',
|
|
8896
|
+
objectFit: imageFit,
|
|
8897
|
+
objectPosition: 'top',
|
|
8898
|
+
...(imageFit === 'contain'
|
|
8899
|
+
? { width: 'auto', maxWidth: '100%', maxHeight: '100%', height: 'auto' }
|
|
8900
|
+
: { width: '100%', height: '100%' }),
|
|
8901
|
+
}}
|
|
8902
|
+
onLoad={isFirstSet ? handleImageDone : measureImage}
|
|
8903
|
+
onError={isFirstSet ? handleImageDone : measureImage}
|
|
8904
|
+
/>
|
|
8905
|
+
);
|
|
8906
|
+
|
|
8907
|
+
const textNode = hasText && (
|
|
8908
|
+
<>
|
|
8909
|
+
<div
|
|
8910
|
+
{...(isEditor
|
|
8911
|
+
? { 'data-controls': 'textMarginTop', 'data-controls-axis': 'y' as const }
|
|
8912
|
+
: {})}
|
|
8913
|
+
className={isEditor ? \`\${P}-control\` : undefined}
|
|
8914
|
+
style={{
|
|
8915
|
+
width: '100%',
|
|
8916
|
+
height: scaled(textMarginTop ?? 0),
|
|
8917
|
+
flexShrink: 0,
|
|
8918
|
+
}}
|
|
8919
|
+
/>
|
|
8920
|
+
<div
|
|
8921
|
+
style={{
|
|
8922
|
+
...textStylesToCss(textStyle, isEditor),
|
|
8923
|
+
width: imageWidth != null ? \`\${imageWidth}px\` : '100%',
|
|
8924
|
+
flexShrink: 0,
|
|
8925
|
+
pointerEvents: 'auto',
|
|
8926
|
+
}}
|
|
8927
|
+
>
|
|
8928
|
+
<RichTextRenderer content={item.text!} />
|
|
8929
|
+
</div>
|
|
8930
|
+
</>
|
|
8931
|
+
);
|
|
8932
|
+
|
|
8933
|
+
return (
|
|
8934
|
+
<div
|
|
8935
|
+
style={{
|
|
8936
|
+
display: 'flex',
|
|
8937
|
+
flexDirection: 'column',
|
|
8938
|
+
alignItems: 'start',
|
|
8939
|
+
...(imageFit === 'contain' ? { maxWidth: scaled(imageMaxWidth) } : { width: scaled(imageMaxWidth) }),
|
|
8940
|
+
}}
|
|
8941
|
+
>
|
|
8942
|
+
<div
|
|
8943
|
+
className={imageHoverClass}
|
|
8944
|
+
style={{
|
|
8945
|
+
display: 'flex',
|
|
8946
|
+
flexDirection: 'column',
|
|
8947
|
+
justifyContent: 'flex-start',
|
|
8948
|
+
alignItems: 'center',
|
|
8949
|
+
width: '100%',
|
|
8950
|
+
height: scaled(imageMaxHeight),
|
|
8951
|
+
overflow: 'hidden',
|
|
8952
|
+
flexShrink: 0,
|
|
8953
|
+
}}
|
|
8954
|
+
>
|
|
8955
|
+
{imageNode &&
|
|
8956
|
+
(linkHref ? (
|
|
8957
|
+
<a
|
|
8958
|
+
href={linkHref}
|
|
8959
|
+
target='_blank'
|
|
8960
|
+
rel='noopener noreferrer'
|
|
8961
|
+
style={{
|
|
8962
|
+
display: 'flex',
|
|
8963
|
+
flexDirection: 'column',
|
|
8964
|
+
justifyContent: 'flex-start',
|
|
8965
|
+
alignItems: 'center',
|
|
8966
|
+
alignSelf: 'flex-start',
|
|
8967
|
+
...(imageFit === 'cover'
|
|
8968
|
+
? { width: '100%', height: '100%' }
|
|
8969
|
+
: { height: 'auto', width: 'auto', maxWidth: '100%', maxHeight: '100%' }),
|
|
8970
|
+
textDecoration: 'none',
|
|
8971
|
+
color: 'inherit',
|
|
8972
|
+
}}
|
|
8973
|
+
>
|
|
8974
|
+
{imageNode}
|
|
8975
|
+
</a>
|
|
8976
|
+
) : (
|
|
8977
|
+
imageNode
|
|
8978
|
+
))}
|
|
8979
|
+
</div>
|
|
8980
|
+
{textNode}
|
|
8981
|
+
</div>
|
|
8982
|
+
);
|
|
8983
|
+
};
|
|
8984
|
+
|
|
8775
8985
|
const PX_PER_SEC_PER_SPEED_UNIT = 30;
|
|
8776
8986
|
const SET_WIDTH_STREAK_MIN = 12;
|
|
8777
8987
|
const SET_WIDTH_RAF_FALLBACK = 180;
|
|
@@ -9001,7 +9211,7 @@ export const Marquee = ({ settings, content, isEditor, isPreviewMode }: MarqueeP
|
|
|
9001
9211
|
willChange: 'transform',
|
|
9002
9212
|
}}
|
|
9003
9213
|
>
|
|
9004
|
-
<
|
|
9214
|
+
<MarqueeItemCard
|
|
9005
9215
|
item={item}
|
|
9006
9216
|
prefix={P}
|
|
9007
9217
|
imageFit={imageFit}
|
|
@@ -9111,39 +9321,6 @@ export const Marquee = ({ settings, content, isEditor, isPreviewMode }: MarqueeP
|
|
|
9111
9321
|
</div>
|
|
9112
9322
|
);
|
|
9113
9323
|
};
|
|
9114
|
-
|
|
9115
|
-
export type MarqueeItem = {
|
|
9116
|
-
image?: {
|
|
9117
|
-
url?: string;
|
|
9118
|
-
name?: string;
|
|
9119
|
-
};
|
|
9120
|
-
text?: any[];
|
|
9121
|
-
link?: string;
|
|
9122
|
-
};
|
|
9123
|
-
|
|
9124
|
-
export type MarqueeSettings = {
|
|
9125
|
-
speed: number;
|
|
9126
|
-
direction: 'left' | 'right';
|
|
9127
|
-
pauseOnHover: 'on' | 'off';
|
|
9128
|
-
hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate';
|
|
9129
|
-
gap: number;
|
|
9130
|
-
imageMaxWidth: number;
|
|
9131
|
-
imageMaxHeight: number;
|
|
9132
|
-
imageFit?: 'cover' | 'contain';
|
|
9133
|
-
textFontFamily?: string;
|
|
9134
|
-
textFontSettings?: { fontWeight?: number; fontStyle?: string };
|
|
9135
|
-
textFontSize?: number;
|
|
9136
|
-
textLineHeight?: number;
|
|
9137
|
-
textLetterSpacing?: number;
|
|
9138
|
-
textWordSpacing?: number;
|
|
9139
|
-
textTextAppearance?: {
|
|
9140
|
-
textTransform?: string;
|
|
9141
|
-
textDecoration?: string;
|
|
9142
|
-
fontVariant?: string;
|
|
9143
|
-
};
|
|
9144
|
-
textColor?: string;
|
|
9145
|
-
textMarginTop?: number;
|
|
9146
|
-
};
|
|
9147
9324
|
`, ll = {
|
|
9148
9325
|
type: "object",
|
|
9149
9326
|
version: 1,
|
|
@@ -9275,7 +9452,7 @@ export type MarqueeSettings = {
|
|
|
9275
9452
|
pauseOnHover: "off",
|
|
9276
9453
|
hoverEffect: "off",
|
|
9277
9454
|
imageFit: "contain",
|
|
9278
|
-
textFontFamily: "
|
|
9455
|
+
textFontFamily: "Arial",
|
|
9279
9456
|
textFontSettings: {
|
|
9280
9457
|
fontWeight: 400,
|
|
9281
9458
|
fontStyle: "normal"
|
|
@@ -9296,7 +9473,7 @@ export type MarqueeSettings = {
|
|
|
9296
9473
|
imageMaxWidth: 0.8,
|
|
9297
9474
|
imageMaxHeight: 0.21,
|
|
9298
9475
|
textFontSize: 0.04,
|
|
9299
|
-
textLineHeight: 0.
|
|
9476
|
+
textLineHeight: 0.04,
|
|
9300
9477
|
textMarginTop: 0.02
|
|
9301
9478
|
},
|
|
9302
9479
|
d: {
|
|
@@ -9304,8 +9481,8 @@ export type MarqueeSettings = {
|
|
|
9304
9481
|
gap: 0.02,
|
|
9305
9482
|
imageMaxWidth: 0.15,
|
|
9306
9483
|
imageMaxHeight: 0.1,
|
|
9307
|
-
textFontSize: 0.
|
|
9308
|
-
textLineHeight: 0.
|
|
9484
|
+
textFontSize: 0.01,
|
|
9485
|
+
textLineHeight: 0.01,
|
|
9309
9486
|
textMarginTop: 8e-3
|
|
9310
9487
|
}
|
|
9311
9488
|
},
|
|
@@ -9349,17 +9526,10 @@ export type MarqueeSettings = {
|
|
|
9349
9526
|
"textFontFamily",
|
|
9350
9527
|
"textFontSettings",
|
|
9351
9528
|
{
|
|
9352
|
-
type: "
|
|
9353
|
-
|
|
9354
|
-
|
|
9355
|
-
|
|
9356
|
-
{
|
|
9357
|
-
type: "row",
|
|
9358
|
-
items: ["textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing"]
|
|
9359
|
-
},
|
|
9360
|
-
"textTextAppearance"
|
|
9361
|
-
]
|
|
9362
|
-
}
|
|
9529
|
+
type: "row",
|
|
9530
|
+
items: ["textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing"]
|
|
9531
|
+
},
|
|
9532
|
+
"textTextAppearance"
|
|
9363
9533
|
]
|
|
9364
9534
|
}
|
|
9365
9535
|
]
|
|
@@ -9385,7 +9555,7 @@ export type MarqueeSettings = {
|
|
|
9385
9555
|
}
|
|
9386
9556
|
},
|
|
9387
9557
|
text: {
|
|
9388
|
-
|
|
9558
|
+
placeholder: "Add Text...",
|
|
9389
9559
|
label: "Text",
|
|
9390
9560
|
display: {
|
|
9391
9561
|
type: "rich-text"
|
|
@@ -9406,7 +9576,12 @@ export type MarqueeSettings = {
|
|
|
9406
9576
|
url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZNCQFC3T744H0KX6R3FR.jpeg",
|
|
9407
9577
|
name: ""
|
|
9408
9578
|
},
|
|
9409
|
-
text: [
|
|
9579
|
+
text: [
|
|
9580
|
+
{
|
|
9581
|
+
type: "paragraph",
|
|
9582
|
+
children: [{ text: "" }]
|
|
9583
|
+
}
|
|
9584
|
+
],
|
|
9410
9585
|
link: ""
|
|
9411
9586
|
},
|
|
9412
9587
|
{
|
|
@@ -9414,7 +9589,12 @@ export type MarqueeSettings = {
|
|
|
9414
9589
|
url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7RZRTSS60YBFT6Y37ZX00T.jpeg",
|
|
9415
9590
|
name: ""
|
|
9416
9591
|
},
|
|
9417
|
-
text: [
|
|
9592
|
+
text: [
|
|
9593
|
+
{
|
|
9594
|
+
type: "paragraph",
|
|
9595
|
+
children: [{ text: "" }]
|
|
9596
|
+
}
|
|
9597
|
+
],
|
|
9418
9598
|
link: ""
|
|
9419
9599
|
},
|
|
9420
9600
|
{
|
|
@@ -9422,7 +9602,12 @@ export type MarqueeSettings = {
|
|
|
9422
9602
|
url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ9M9YJPQ5JWKCHDEW5M1GJD.jpeg",
|
|
9423
9603
|
name: ""
|
|
9424
9604
|
},
|
|
9425
|
-
text: [
|
|
9605
|
+
text: [
|
|
9606
|
+
{
|
|
9607
|
+
type: "paragraph",
|
|
9608
|
+
children: [{ text: "" }]
|
|
9609
|
+
}
|
|
9610
|
+
],
|
|
9426
9611
|
link: ""
|
|
9427
9612
|
},
|
|
9428
9613
|
{
|
|
@@ -9430,7 +9615,12 @@ export type MarqueeSettings = {
|
|
|
9430
9615
|
url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S04EHBXQS1T4KVAMZNZQM.jpeg",
|
|
9431
9616
|
name: ""
|
|
9432
9617
|
},
|
|
9433
|
-
text: [
|
|
9618
|
+
text: [
|
|
9619
|
+
{
|
|
9620
|
+
type: "paragraph",
|
|
9621
|
+
children: [{ text: "" }]
|
|
9622
|
+
}
|
|
9623
|
+
],
|
|
9434
9624
|
link: ""
|
|
9435
9625
|
},
|
|
9436
9626
|
{
|
|
@@ -9438,7 +9628,12 @@ export type MarqueeSettings = {
|
|
|
9438
9628
|
url: "https://cdn.cntrl.site/projects/01KM5KBNFNRT3D0JP64K5EY92A/articles-assets/01KQ7S08Q40WHD39024VNDWF2Q.jpeg",
|
|
9439
9629
|
name: ""
|
|
9440
9630
|
},
|
|
9441
|
-
text: [
|
|
9631
|
+
text: [
|
|
9632
|
+
{
|
|
9633
|
+
type: "paragraph",
|
|
9634
|
+
children: [{ text: "" }]
|
|
9635
|
+
}
|
|
9636
|
+
],
|
|
9442
9637
|
link: ""
|
|
9443
9638
|
}
|
|
9444
9639
|
]
|
|
@@ -9472,7 +9667,7 @@ export type MarqueeSettings = {
|
|
|
9472
9667
|
]
|
|
9473
9668
|
}
|
|
9474
9669
|
};
|
|
9475
|
-
function
|
|
9670
|
+
function Po(e) {
|
|
9476
9671
|
return `
|
|
9477
9672
|
.${e}-marquee-wrapper {
|
|
9478
9673
|
overflow: hidden;
|
|
@@ -9563,83 +9758,83 @@ function Wo(e) {
|
|
|
9563
9758
|
`;
|
|
9564
9759
|
}
|
|
9565
9760
|
const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
9566
|
-
const { prefix: r } = Vt(), { autoplay: a, align: i, speed: c, direction: s, pauseOnHover: d, gap: l, cardWidth: T, corners: S, stroke: h, strokeColor: p, bgColor: u, padding: x, logoMarginTop: f, logoWidth: y, logoHeight: $, captionMarginTop:
|
|
9761
|
+
const { prefix: r } = Vt(), { autoplay: a, align: i, speed: c, direction: s, pauseOnHover: d, gap: l, cardWidth: T, corners: S, stroke: h, strokeColor: p, bgColor: u, padding: x, logoMarginTop: f, logoWidth: y, logoHeight: $, captionMarginTop: O } = e, W = a === "on" && !o, _ = W, g = Math.max(0, c) * pl, C = (V) => N(V, n ?? !1), F = ye(null), z = ye(null), k = ye(null), [L, M] = pe(0), [q, D] = pe(0), [v, A] = pe(0), E = _ && d === "on", [I, w] = pe(!1), H = ye(null), [X, le] = pe(0), [oe, ge] = pe(0), P = ye(null), ne = (V) => {
|
|
9567
9762
|
var K, ce, Q, me, Te;
|
|
9568
9763
|
return {
|
|
9569
9764
|
fontSettings: {
|
|
9570
|
-
fontFamily: (e == null ? void 0 : e[`${
|
|
9571
|
-
fontWeight: ((K = e == null ? void 0 : e[`${
|
|
9572
|
-
fontStyle: ((ce = e == null ? void 0 : e[`${
|
|
9765
|
+
fontFamily: (e == null ? void 0 : e[`${V}FontFamily`]) ?? "Arial",
|
|
9766
|
+
fontWeight: ((K = e == null ? void 0 : e[`${V}FontSettings`]) == null ? void 0 : K.fontWeight) ?? 400,
|
|
9767
|
+
fontStyle: ((ce = e == null ? void 0 : e[`${V}FontSettings`]) == null ? void 0 : ce.fontStyle) ?? "normal"
|
|
9573
9768
|
},
|
|
9574
9769
|
textAppearance: {
|
|
9575
|
-
textTransform: ((Q = e == null ? void 0 : e[`${
|
|
9576
|
-
textDecoration: ((me = e == null ? void 0 : e[`${
|
|
9577
|
-
fontVariant: ((Te = e == null ? void 0 : e[`${
|
|
9578
|
-
},
|
|
9579
|
-
letterSpacing: (e == null ? void 0 : e[`${
|
|
9580
|
-
wordSpacing: (e == null ? void 0 : e[`${
|
|
9581
|
-
fontSize: (e == null ? void 0 : e[`${
|
|
9582
|
-
lineHeight: (e == null ? void 0 : e[`${
|
|
9583
|
-
color: (e == null ? void 0 : e[`${
|
|
9770
|
+
textTransform: ((Q = e == null ? void 0 : e[`${V}TextAppearance`]) == null ? void 0 : Q.textTransform) ?? "none",
|
|
9771
|
+
textDecoration: ((me = e == null ? void 0 : e[`${V}TextAppearance`]) == null ? void 0 : me.textDecoration) ?? "none",
|
|
9772
|
+
fontVariant: ((Te = e == null ? void 0 : e[`${V}TextAppearance`]) == null ? void 0 : Te.fontVariant) ?? "normal"
|
|
9773
|
+
},
|
|
9774
|
+
letterSpacing: (e == null ? void 0 : e[`${V}LetterSpacing`]) ?? 0,
|
|
9775
|
+
wordSpacing: (e == null ? void 0 : e[`${V}WordSpacing`]) ?? 0,
|
|
9776
|
+
fontSize: (e == null ? void 0 : e[`${V}FontSize`]) ?? 0.01,
|
|
9777
|
+
lineHeight: (e == null ? void 0 : e[`${V}LineHeight`]) ?? 0.01,
|
|
9778
|
+
color: (e == null ? void 0 : e[`${V}Color`]) ?? "#000000"
|
|
9584
9779
|
};
|
|
9585
|
-
}, ee = ne("text"), Z = ne("caption"), ae =
|
|
9586
|
-
() => ((t == null ? void 0 : t.length) ?? 0) > 1 && (t ?? []).some((
|
|
9780
|
+
}, ee = ne("text"), Z = ne("caption"), ae = Fe(
|
|
9781
|
+
() => ((t == null ? void 0 : t.length) ?? 0) > 1 && (t ?? []).some((V) => {
|
|
9587
9782
|
var Y, K;
|
|
9588
|
-
return (((Y =
|
|
9783
|
+
return (((Y = V.text) == null ? void 0 : Y.length) ?? 0) > 0 || (((K = V.caption) == null ? void 0 : K.length) ?? 0) > 0;
|
|
9589
9784
|
}),
|
|
9590
9785
|
[t]
|
|
9591
|
-
), B =
|
|
9592
|
-
|
|
9593
|
-
if (!
|
|
9594
|
-
const
|
|
9595
|
-
if (!
|
|
9786
|
+
), B = Fe(() => !W || (t == null ? void 0 : t.length) === 0 ? 1 : q <= 0 || L <= 0 ? 2 : Math.max(2, Math.ceil(L / q) + 1), [W, t == null ? void 0 : t.length, q, L]);
|
|
9787
|
+
Pe(() => {
|
|
9788
|
+
if (!W) return;
|
|
9789
|
+
const V = F.current, Y = k.current;
|
|
9790
|
+
if (!V || !Y) return;
|
|
9596
9791
|
let K = 0;
|
|
9597
9792
|
const ce = () => {
|
|
9598
|
-
const Te =
|
|
9599
|
-
if (P.current = _e,
|
|
9600
|
-
|
|
9793
|
+
const Te = V.getBoundingClientRect().width, _e = Y.getBoundingClientRect().width, ht = P.current, tt = typeof ht == "number" && Math.abs(ht - _e) <= 0.25;
|
|
9794
|
+
if (P.current = _e, M(Te), typeof _e == "number" && _e > 0 && q <= 0) {
|
|
9795
|
+
D(_e);
|
|
9601
9796
|
return;
|
|
9602
9797
|
}
|
|
9603
|
-
tt && _e !==
|
|
9798
|
+
tt && _e !== q ? D(_e) : !tt && q <= 0 && (cancelAnimationFrame(K), K = requestAnimationFrame(ce));
|
|
9604
9799
|
}, Q = () => {
|
|
9605
9800
|
cancelAnimationFrame(K), K = requestAnimationFrame(ce);
|
|
9606
9801
|
};
|
|
9607
9802
|
Q();
|
|
9608
9803
|
const me = new ResizeObserver(Q);
|
|
9609
|
-
return me.observe(
|
|
9804
|
+
return me.observe(V), me.observe(Y), () => {
|
|
9610
9805
|
cancelAnimationFrame(K), me.disconnect();
|
|
9611
9806
|
};
|
|
9612
|
-
}, [
|
|
9613
|
-
const
|
|
9614
|
-
if (!
|
|
9615
|
-
const Y =
|
|
9616
|
-
|
|
9617
|
-
}, [
|
|
9618
|
-
if (!
|
|
9619
|
-
|
|
9807
|
+
}, [W, q]), Pe(() => {
|
|
9808
|
+
const V = z.current;
|
|
9809
|
+
if (!W || !V || !_) return;
|
|
9810
|
+
const Y = q > 0 ? q : 0, K = Y > 0 && g > 0 ? Y / g * 1e3 : 0, ce = `${Math.max(0, K) / 1e3}s`;
|
|
9811
|
+
V.style.setProperty("--marquee-distance", `${Y}px`), V.style.setProperty("--marquee-duration", ce);
|
|
9812
|
+
}, [W, _, g, q]), Pe(() => {
|
|
9813
|
+
if (!W) {
|
|
9814
|
+
A(0);
|
|
9620
9815
|
return;
|
|
9621
9816
|
}
|
|
9622
|
-
const
|
|
9623
|
-
if (!
|
|
9817
|
+
const V = k.current, Y = z.current;
|
|
9818
|
+
if (!V || !Y) return;
|
|
9624
9819
|
const K = () => {
|
|
9625
9820
|
let Q = 0;
|
|
9626
|
-
for (let me = 0; me <
|
|
9627
|
-
const _e =
|
|
9821
|
+
for (let me = 0; me < V.children.length; me++) {
|
|
9822
|
+
const _e = V.children[me].firstElementChild;
|
|
9628
9823
|
_e && (Q = Math.max(Q, _e.offsetHeight));
|
|
9629
9824
|
}
|
|
9630
|
-
Q <= 0 && (Q = Y.offsetHeight),
|
|
9825
|
+
Q <= 0 && (Q = Y.offsetHeight), A(Q > 0 ? Q : 0);
|
|
9631
9826
|
};
|
|
9632
9827
|
K();
|
|
9633
9828
|
const ce = new ResizeObserver(K);
|
|
9634
|
-
return ce.observe(
|
|
9829
|
+
return ce.observe(V), ce.observe(Y), () => {
|
|
9635
9830
|
ce.disconnect();
|
|
9636
9831
|
};
|
|
9637
|
-
}, [
|
|
9832
|
+
}, [W, B, t, n, l, T, x, h, S, y, $, X, oe]);
|
|
9638
9833
|
const ue = () => {
|
|
9639
9834
|
E && w(!0);
|
|
9640
|
-
},
|
|
9835
|
+
}, R = () => {
|
|
9641
9836
|
E && w(!1);
|
|
9642
|
-
}, b =
|
|
9837
|
+
}, b = Fe(() => {
|
|
9643
9838
|
switch (i) {
|
|
9644
9839
|
case "center":
|
|
9645
9840
|
return "center";
|
|
@@ -9649,7 +9844,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9649
9844
|
default:
|
|
9650
9845
|
return "flex-start";
|
|
9651
9846
|
}
|
|
9652
|
-
}, [i]),
|
|
9847
|
+
}, [i]), j = Fe(() => {
|
|
9653
9848
|
switch (i) {
|
|
9654
9849
|
case "center":
|
|
9655
9850
|
return "center";
|
|
@@ -9660,7 +9855,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9660
9855
|
return "left";
|
|
9661
9856
|
}
|
|
9662
9857
|
}, [i]), G = Ke(
|
|
9663
|
-
(
|
|
9858
|
+
(V, Y, K, ce) => /* @__PURE__ */ he(
|
|
9664
9859
|
"div",
|
|
9665
9860
|
{
|
|
9666
9861
|
style: {
|
|
@@ -9684,8 +9879,8 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9684
9879
|
{
|
|
9685
9880
|
...ce != null && ce.dataMeasureKind ? { "data-testimonial-measure": ce.dataMeasureKind } : {},
|
|
9686
9881
|
style: {
|
|
9687
|
-
...Ne(
|
|
9688
|
-
textAlign:
|
|
9882
|
+
...Ne(V, n),
|
|
9883
|
+
textAlign: j,
|
|
9689
9884
|
pointerEvents: "auto",
|
|
9690
9885
|
...typeof (ce == null ? void 0 : ce.minHeightPx) == "number" && ce.minHeightPx > 0 ? { minHeight: ce.minHeightPx } : {}
|
|
9691
9886
|
},
|
|
@@ -9696,9 +9891,9 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9696
9891
|
},
|
|
9697
9892
|
K
|
|
9698
9893
|
),
|
|
9699
|
-
[b,
|
|
9894
|
+
[b, j, n]
|
|
9700
9895
|
), J = Ke(
|
|
9701
|
-
(
|
|
9896
|
+
(V, Y, K) => {
|
|
9702
9897
|
var ce, Q, me;
|
|
9703
9898
|
return /* @__PURE__ */ he(
|
|
9704
9899
|
"div",
|
|
@@ -9719,11 +9914,11 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9719
9914
|
"div",
|
|
9720
9915
|
{
|
|
9721
9916
|
className: `${r}-elements-overlay`,
|
|
9722
|
-
style: { alignItems: b, textAlign:
|
|
9917
|
+
style: { alignItems: b, textAlign: j },
|
|
9723
9918
|
children: [
|
|
9724
|
-
|
|
9919
|
+
V.text && G(
|
|
9725
9920
|
ee,
|
|
9726
|
-
|
|
9921
|
+
V.text,
|
|
9727
9922
|
"text",
|
|
9728
9923
|
K != null && K.dataMeasureAttrs ? { dataMeasureKind: "text" } : typeof (K == null ? void 0 : K.textMinHeightPx) == "number" && K.textMinHeightPx > 0 ? { minHeightPx: K.textMinHeightPx } : void 0
|
|
9729
9924
|
),
|
|
@@ -9745,20 +9940,20 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9745
9940
|
style: { height: C(f) }
|
|
9746
9941
|
}
|
|
9747
9942
|
),
|
|
9748
|
-
/* @__PURE__ */ m("div", { style: { width: C(y), height: C($) }, children: ((ce =
|
|
9943
|
+
/* @__PURE__ */ m("div", { style: { width: C(y), height: C($) }, children: ((ce = V.logo) == null ? void 0 : ce.url) && /* @__PURE__ */ m(
|
|
9749
9944
|
"img",
|
|
9750
9945
|
{
|
|
9751
|
-
src:
|
|
9752
|
-
alt: ((Q =
|
|
9753
|
-
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((me =
|
|
9946
|
+
src: V.logo.url,
|
|
9947
|
+
alt: ((Q = V.logo) == null ? void 0 : Q.name) ?? "",
|
|
9948
|
+
style: { pointerEvents: "auto", width: "100%", height: "100%", objectFit: ((me = V.logo) == null ? void 0 : me.objectFit) || "contain" }
|
|
9754
9949
|
}
|
|
9755
9950
|
) })
|
|
9756
9951
|
]
|
|
9757
9952
|
}
|
|
9758
9953
|
),
|
|
9759
|
-
|
|
9954
|
+
V.caption && G(Z, V.caption, "caption", {
|
|
9760
9955
|
controlsName: "captionMarginTop",
|
|
9761
|
-
marginTop:
|
|
9956
|
+
marginTop: O,
|
|
9762
9957
|
...K != null && K.dataMeasureAttrs ? { dataMeasureKind: "caption" } : typeof (K == null ? void 0 : K.captionMinHeightPx) == "number" && K.captionMinHeightPx > 0 ? { minHeightPx: K.captionMinHeightPx } : {}
|
|
9763
9958
|
})
|
|
9764
9959
|
]
|
|
@@ -9771,7 +9966,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9771
9966
|
},
|
|
9772
9967
|
[
|
|
9773
9968
|
u,
|
|
9774
|
-
|
|
9969
|
+
O,
|
|
9775
9970
|
Z,
|
|
9776
9971
|
T,
|
|
9777
9972
|
S,
|
|
@@ -9779,7 +9974,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9779
9974
|
f,
|
|
9780
9975
|
y,
|
|
9781
9976
|
b,
|
|
9782
|
-
|
|
9977
|
+
j,
|
|
9783
9978
|
x.bottom,
|
|
9784
9979
|
x.left,
|
|
9785
9980
|
x.right,
|
|
@@ -9790,22 +9985,22 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9790
9985
|
ee,
|
|
9791
9986
|
n
|
|
9792
9987
|
]
|
|
9793
|
-
), se = Ke((
|
|
9794
|
-
le(
|
|
9988
|
+
), se = Ke((V) => {
|
|
9989
|
+
le(V.maxTextPx), ge(V.maxCaptionPx);
|
|
9795
9990
|
}, []);
|
|
9796
|
-
|
|
9991
|
+
Pe(() => {
|
|
9797
9992
|
if (!ae) {
|
|
9798
9993
|
se({ maxTextPx: 0, maxCaptionPx: 0 });
|
|
9799
9994
|
return;
|
|
9800
9995
|
}
|
|
9801
|
-
const
|
|
9802
|
-
if (!
|
|
9996
|
+
const V = H.current;
|
|
9997
|
+
if (!V) return;
|
|
9803
9998
|
const Y = () => {
|
|
9804
|
-
Bo(
|
|
9999
|
+
Bo(V, se);
|
|
9805
10000
|
};
|
|
9806
10001
|
Y();
|
|
9807
10002
|
const K = new ResizeObserver(Y);
|
|
9808
|
-
return K.observe(
|
|
10003
|
+
return K.observe(V), () => {
|
|
9809
10004
|
K.disconnect();
|
|
9810
10005
|
};
|
|
9811
10006
|
}, [ae, se, t, J]);
|
|
@@ -9823,9 +10018,9 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9823
10018
|
pointerEvents: "none",
|
|
9824
10019
|
zIndex: -1
|
|
9825
10020
|
},
|
|
9826
|
-
children: (t ?? []).map((
|
|
10021
|
+
children: (t ?? []).map((V, Y) => J(V, `measure-${Y}`, { dataMeasureAttrs: !0 }))
|
|
9827
10022
|
}
|
|
9828
|
-
) : null, fe = (
|
|
10023
|
+
) : null, fe = (V, Y) => /* @__PURE__ */ he(
|
|
9829
10024
|
"div",
|
|
9830
10025
|
{
|
|
9831
10026
|
style: {
|
|
@@ -9838,7 +10033,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9838
10033
|
willChange: "transform"
|
|
9839
10034
|
},
|
|
9840
10035
|
children: [
|
|
9841
|
-
J(
|
|
10036
|
+
J(V, `card-${Y}`, ie),
|
|
9842
10037
|
n && /* @__PURE__ */ m(
|
|
9843
10038
|
"div",
|
|
9844
10039
|
{
|
|
@@ -9859,10 +10054,10 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9859
10054
|
},
|
|
9860
10055
|
Y
|
|
9861
10056
|
);
|
|
9862
|
-
return
|
|
10057
|
+
return W && ((t == null ? void 0 : t.length) ?? 0) > 0 ? /* @__PURE__ */ he(
|
|
9863
10058
|
"div",
|
|
9864
10059
|
{
|
|
9865
|
-
ref:
|
|
10060
|
+
ref: F,
|
|
9866
10061
|
className: ve(`${r}-wrapper`, `${r}-marquee-wrapper`),
|
|
9867
10062
|
"aria-label": "Testimonials",
|
|
9868
10063
|
style: {
|
|
@@ -9871,7 +10066,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9871
10066
|
...v > 0 ? { height: v } : {}
|
|
9872
10067
|
},
|
|
9873
10068
|
children: [
|
|
9874
|
-
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html:
|
|
10069
|
+
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: Po(r) } }),
|
|
9875
10070
|
re,
|
|
9876
10071
|
/* @__PURE__ */ m(
|
|
9877
10072
|
"div",
|
|
@@ -9880,7 +10075,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9880
10075
|
className: `${r}-marquee-track`,
|
|
9881
10076
|
"data-direction": s,
|
|
9882
10077
|
onMouseEnter: ue,
|
|
9883
|
-
onMouseLeave:
|
|
10078
|
+
onMouseLeave: R,
|
|
9884
10079
|
style: {
|
|
9885
10080
|
display: "flex",
|
|
9886
10081
|
flexDirection: "row",
|
|
@@ -9892,9 +10087,9 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9892
10087
|
transform: "translateZ(0)",
|
|
9893
10088
|
WebkitTransform: "translateZ(0)",
|
|
9894
10089
|
perspective: "1000px",
|
|
9895
|
-
...E ? { "--marquee-play-state":
|
|
10090
|
+
...E ? { "--marquee-play-state": I ? "paused" : "running" } : { "--marquee-play-state": "running" }
|
|
9896
10091
|
},
|
|
9897
|
-
children: Array.from({ length: B }, (
|
|
10092
|
+
children: Array.from({ length: B }, (V, Y) => /* @__PURE__ */ m(
|
|
9898
10093
|
"div",
|
|
9899
10094
|
{
|
|
9900
10095
|
ref: Y === 0 ? k : void 0,
|
|
@@ -9918,7 +10113,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9918
10113
|
]
|
|
9919
10114
|
}
|
|
9920
10115
|
) : /* @__PURE__ */ he("div", { className: `${r}-wrapper`, children: [
|
|
9921
|
-
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html:
|
|
10116
|
+
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: Po(r) } }),
|
|
9922
10117
|
re,
|
|
9923
10118
|
/* @__PURE__ */ m(
|
|
9924
10119
|
"div",
|
|
@@ -9932,7 +10127,7 @@ const pl = 30, ul = ({ settings: e, content: t, isEditor: n, isPreviewMode: o })
|
|
|
9932
10127
|
},
|
|
9933
10128
|
"aria-label": "Testimonials",
|
|
9934
10129
|
children: t == null ? void 0 : t.map(
|
|
9935
|
-
(
|
|
10130
|
+
(V, Y) => fe(V, Y)
|
|
9936
10131
|
)
|
|
9937
10132
|
}
|
|
9938
10133
|
)
|
|
@@ -11161,7 +11356,7 @@ function fl(e) {
|
|
|
11161
11356
|
`;
|
|
11162
11357
|
}
|
|
11163
11358
|
const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
11164
|
-
const { prefix: r } = Vt(), a = t || [], { autoplay: i, delay: c, align: s, width: d, imageMarginTop: l, textMarginTop: T, captionMarginTop: S, imageWidth: h, imageHeight: p, controlsWidth: u, controlsColor: x, controlsHoverColor: f } = e, y = i === "on" && !o, [$,
|
|
11359
|
+
const { prefix: r } = Vt(), a = t || [], { autoplay: i, delay: c, align: s, width: d, imageMarginTop: l, textMarginTop: T, captionMarginTop: S, imageWidth: h, imageHeight: p, controlsWidth: u, controlsColor: x, controlsHoverColor: f } = e, y = i === "on" && !o, [$, O] = pe(0), [W, _] = pe(null), [g, C] = pe(!1), F = ye(null), z = Fe(() => {
|
|
11165
11360
|
switch (s) {
|
|
11166
11361
|
case "center":
|
|
11167
11362
|
return "center";
|
|
@@ -11171,7 +11366,7 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11171
11366
|
default:
|
|
11172
11367
|
return "flex-start";
|
|
11173
11368
|
}
|
|
11174
|
-
}, [s]), k =
|
|
11369
|
+
}, [s]), k = Fe(() => {
|
|
11175
11370
|
switch (s) {
|
|
11176
11371
|
case "center":
|
|
11177
11372
|
return "center";
|
|
@@ -11183,18 +11378,18 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11183
11378
|
}
|
|
11184
11379
|
}, [s]);
|
|
11185
11380
|
we(() => {
|
|
11186
|
-
|
|
11381
|
+
O(0), _(null), C(!1);
|
|
11187
11382
|
}, [a.length]);
|
|
11188
|
-
const
|
|
11189
|
-
var
|
|
11383
|
+
const L = a[$], M = W === null ? null : a[W], q = (B) => {
|
|
11384
|
+
var R, b, j, G, J;
|
|
11190
11385
|
return {
|
|
11191
11386
|
fontSettings: {
|
|
11192
11387
|
fontFamily: (e == null ? void 0 : e[`${B}FontFamily`]) ?? "Arial",
|
|
11193
|
-
fontWeight: ((
|
|
11388
|
+
fontWeight: ((R = e == null ? void 0 : e[`${B}FontSettings`]) == null ? void 0 : R.fontWeight) ?? 400,
|
|
11194
11389
|
fontStyle: ((b = e == null ? void 0 : e[`${B}FontSettings`]) == null ? void 0 : b.fontStyle) ?? "normal"
|
|
11195
11390
|
},
|
|
11196
11391
|
textAppearance: {
|
|
11197
|
-
textTransform: ((
|
|
11392
|
+
textTransform: ((j = e == null ? void 0 : e[`${B}TextAppearance`]) == null ? void 0 : j.textTransform) ?? "none",
|
|
11198
11393
|
textDecoration: ((G = e == null ? void 0 : e[`${B}TextAppearance`]) == null ? void 0 : G.textDecoration) ?? "none",
|
|
11199
11394
|
fontVariant: ((J = e == null ? void 0 : e[`${B}TextAppearance`]) == null ? void 0 : J.fontVariant) ?? "normal"
|
|
11200
11395
|
},
|
|
@@ -11204,30 +11399,30 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11204
11399
|
wordSpacing: (e == null ? void 0 : e[`${B}WordSpacing`]) ?? 0,
|
|
11205
11400
|
color: (e == null ? void 0 : e[`${B}Color`]) ?? "#000000"
|
|
11206
11401
|
};
|
|
11207
|
-
},
|
|
11208
|
-
var ue,
|
|
11209
|
-
return (((ue = B.text) == null ? void 0 : ue.length) ?? 0) > 0 || (((
|
|
11210
|
-
}), E = ye(null), [
|
|
11211
|
-
_(null), C(!1),
|
|
11402
|
+
}, D = q("text"), v = q("caption"), A = a.length > 1 && a.some((B) => {
|
|
11403
|
+
var ue, R;
|
|
11404
|
+
return (((ue = B.text) == null ? void 0 : ue.length) ?? 0) > 0 || (((R = B.caption) == null ? void 0 : R.length) ?? 0) > 0;
|
|
11405
|
+
}), E = ye(null), [I, w] = pe(0), [H, X] = pe(0), le = e.controls ?? { mode: "Off", icon: null }, oe = a.length > 1, ge = Ke((B, ue) => !oe || ue === B ? B : (F.current && window.clearTimeout(F.current), _(B), C(!0), F.current = window.setTimeout(() => {
|
|
11406
|
+
_(null), C(!1), F.current = null;
|
|
11212
11407
|
}, 300), ue), [oe]), P = Ke(() => {
|
|
11213
|
-
oe &&
|
|
11408
|
+
oe && O((B) => ge(B, (B - 1 + a.length) % a.length));
|
|
11214
11409
|
}, [oe, ge, a.length]), ne = Ke(() => {
|
|
11215
|
-
oe &&
|
|
11410
|
+
oe && O((B) => ge(B, (B + 1) % a.length));
|
|
11216
11411
|
}, [oe, ge, a.length]);
|
|
11217
11412
|
we(() => {
|
|
11218
11413
|
if (!y || !oe) return;
|
|
11219
11414
|
const B = Math.max(300, Number.isFinite(c * 1e3) ? c * 1e3 : 0), ue = window.setInterval(() => {
|
|
11220
|
-
|
|
11415
|
+
O((R) => ge(R, (R + 1) % a.length));
|
|
11221
11416
|
}, B);
|
|
11222
11417
|
return () => {
|
|
11223
11418
|
window.clearInterval(ue);
|
|
11224
11419
|
};
|
|
11225
11420
|
}, [y, oe, ge, a.length, c]), we(() => () => {
|
|
11226
|
-
|
|
11421
|
+
F.current && window.clearTimeout(F.current);
|
|
11227
11422
|
}, []);
|
|
11228
11423
|
const ee = (B, ue) => {
|
|
11229
11424
|
var G, J, se, ie;
|
|
11230
|
-
const
|
|
11425
|
+
const R = ue == null ? void 0 : ue.textMinHeightPx, b = ue == null ? void 0 : ue.captionMinHeightPx, j = ue == null ? void 0 : ue.dataMeasureAttrs;
|
|
11231
11426
|
return /* @__PURE__ */ he(Ze, { children: [
|
|
11232
11427
|
B.text && /* @__PURE__ */ he("div", { style: { display: "flex", flexDirection: "column", alignItems: z, width: "100%" }, children: [
|
|
11233
11428
|
/* @__PURE__ */ m(
|
|
@@ -11241,10 +11436,10 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11241
11436
|
/* @__PURE__ */ m(
|
|
11242
11437
|
"div",
|
|
11243
11438
|
{
|
|
11244
|
-
...
|
|
11439
|
+
...j && { "data-testimonial-measure": "text" },
|
|
11245
11440
|
style: {
|
|
11246
|
-
...Ne(
|
|
11247
|
-
...
|
|
11441
|
+
...Ne(D, n),
|
|
11442
|
+
...R && R > 0 ? { minHeight: R } : {},
|
|
11248
11443
|
textAlign: k,
|
|
11249
11444
|
pointerEvents: "auto"
|
|
11250
11445
|
},
|
|
@@ -11283,7 +11478,7 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11283
11478
|
/* @__PURE__ */ m(
|
|
11284
11479
|
"div",
|
|
11285
11480
|
{
|
|
11286
|
-
...
|
|
11481
|
+
...j ? { "data-testimonial-measure": "caption" } : {},
|
|
11287
11482
|
style: {
|
|
11288
11483
|
...Ne(v, n),
|
|
11289
11484
|
...b && b > 0 ? { minHeight: b } : {},
|
|
@@ -11298,8 +11493,8 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11298
11493
|
}, Z = Ke((B) => {
|
|
11299
11494
|
w(B.maxTextPx), X(B.maxCaptionPx);
|
|
11300
11495
|
}, []);
|
|
11301
|
-
if (
|
|
11302
|
-
if (!
|
|
11496
|
+
if (Pe(() => {
|
|
11497
|
+
if (!A) {
|
|
11303
11498
|
Z({ maxTextPx: 0, maxCaptionPx: 0 });
|
|
11304
11499
|
return;
|
|
11305
11500
|
}
|
|
@@ -11309,12 +11504,12 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11309
11504
|
Bo(B, Z);
|
|
11310
11505
|
};
|
|
11311
11506
|
ue();
|
|
11312
|
-
const
|
|
11313
|
-
return
|
|
11314
|
-
|
|
11507
|
+
const R = new ResizeObserver(ue);
|
|
11508
|
+
return R.observe(B), () => {
|
|
11509
|
+
R.disconnect();
|
|
11315
11510
|
};
|
|
11316
|
-
}, [
|
|
11317
|
-
const ae =
|
|
11511
|
+
}, [A, Z, t]), !L) return /* @__PURE__ */ m(Ze, {});
|
|
11512
|
+
const ae = A ? { textMinHeightPx: I, captionMinHeightPx: H } : void 0;
|
|
11318
11513
|
return /* @__PURE__ */ m(Ze, { children: /* @__PURE__ */ he("div", { className: `${r}-container`, children: [
|
|
11319
11514
|
/* @__PURE__ */ m("style", { dangerouslySetInnerHTML: { __html: fl(r) } }),
|
|
11320
11515
|
/* @__PURE__ */ he(
|
|
@@ -11323,7 +11518,7 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11323
11518
|
className: `${r}-wrapper`,
|
|
11324
11519
|
style: { width: N(d ?? 0, n ?? !1), alignItems: z },
|
|
11325
11520
|
children: [
|
|
11326
|
-
|
|
11521
|
+
A && /* @__PURE__ */ m(
|
|
11327
11522
|
"div",
|
|
11328
11523
|
{
|
|
11329
11524
|
ref: E,
|
|
@@ -11342,8 +11537,8 @@ const hl = ({ settings: e, content: t, isEditor: n, isPreviewMode: o }) => {
|
|
|
11342
11537
|
}
|
|
11343
11538
|
),
|
|
11344
11539
|
/* @__PURE__ */ he("div", { className: `${r}-fade-stack`, children: [
|
|
11345
|
-
|
|
11346
|
-
/* @__PURE__ */ m("div", { className: ve(`${r}-fade-item-current`, g ? `${r}-fade-in` : void 0), children: ee(
|
|
11540
|
+
M && g && /* @__PURE__ */ m("div", { className: ve(`${r}-fade-item-prev`, `${r}-fade-out`), children: ee(M, ae) }),
|
|
11541
|
+
/* @__PURE__ */ m("div", { className: ve(`${r}-fade-item-current`, g ? `${r}-fade-in` : void 0), children: ee(L, ae) })
|
|
11347
11542
|
] })
|
|
11348
11543
|
]
|
|
11349
11544
|
}
|
|
@@ -12366,7 +12561,7 @@ type TestimonialsSettings = {
|
|
|
12366
12561
|
}, kl = [
|
|
12367
12562
|
Ba,
|
|
12368
12563
|
Ga,
|
|
12369
|
-
|
|
12564
|
+
Ws,
|
|
12370
12565
|
js,
|
|
12371
12566
|
el,
|
|
12372
12567
|
cl,
|