@cntrl-site/components 1.0.1-alpha.14 → 1.0.1-alpha.16
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/ControlSlider/ControlSliderComponent.d.ts +2 -571
- package/dist/Components/ImageRevealSlider/ControlImageRevealSliderComponent.d.ts +2 -248
- package/dist/Components/OnelinerForm/OnelinerFormComponent.d.ts +1 -1
- package/dist/Components/utils/buildColorVars.d.ts +2 -0
- package/dist/Components/utils/formFieldValidation.d.ts +0 -2
- package/dist/Components/utils/index.d.ts +1 -0
- package/dist/components.css +1 -1
- package/dist/index.js +18 -68
- package/dist/index.mjs +971 -1043
- package/dist/types/Component.d.ts +13 -0
- package/dist/useScopedStyles-BSwFAT27.mjs +49 -0
- package/dist/useScopedStyles-DpVdqfXj.js +1 -0
- package/dist/utils.js +1 -1
- package/dist/utils.mjs +7 -6
- package/package.json +1 -1
- package/dist/useScopedStyles-Bibm8h9Z.js +0 -1
- package/dist/useScopedStyles-Da2iLz5N.mjs +0 -34
package/dist/index.mjs
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import oe, { useState as ct, useEffect as bt, useRef as wt, useCallback as
|
|
1
|
+
import { jsx as P, Fragment as Te, jsxs as St } from "react/jsx-runtime";
|
|
2
|
+
import oe, { useState as ct, useEffect as bt, useRef as wt, useCallback as dr } from "react";
|
|
3
3
|
import dt from "classnames";
|
|
4
|
-
import { s as F, u as
|
|
5
|
-
import { createPortal as
|
|
6
|
-
function
|
|
4
|
+
import { s as F, u as Co, b as xo, g as Xe } from "./useScopedStyles-BSwFAT27.mjs";
|
|
5
|
+
import { createPortal as gr } from "react-dom";
|
|
6
|
+
function zl(t) {
|
|
7
7
|
return t.type === "object" && t.version === 1;
|
|
8
8
|
}
|
|
9
|
-
const
|
|
10
|
-
wrapper:
|
|
11
|
-
hoverArrow:
|
|
12
|
-
sliderItem:
|
|
13
|
-
sliderImage:
|
|
14
|
-
arrow:
|
|
15
|
-
arrowVertical:
|
|
16
|
-
nextArrow:
|
|
17
|
-
arrowInner:
|
|
18
|
-
arrowIcon:
|
|
9
|
+
const fr = "ControlSlider-module__wrapper___sHEkd", mr = "ControlSlider-module__hoverArrow___A-dOH", yr = "ControlSlider-module__sliderItem___QQSkR", hr = "ControlSlider-module__sliderImage___9hRl-", vr = "ControlSlider-module__arrow___05ghY", br = "ControlSlider-module__arrowVertical___tBfVN", Sr = "ControlSlider-module__nextArrow___-30Yc", Cr = "ControlSlider-module__arrowInner___aEra3", xr = "ControlSlider-module__arrowIcon___S4ztF", _r = "ControlSlider-module__arrowImg___2dwJW", $r = "ControlSlider-module__mirror___brd6U", wr = "ControlSlider-module__pagination___bicLF", Tr = "ControlSlider-module__paginationInner___bT-P-", Lr = "ControlSlider-module__paginationVertical___zYqKw", Er = "ControlSlider-module__paginationItem___nTRbk", Ar = "ControlSlider-module__dot___p1Qun", Ir = "ControlSlider-module__activeDot___LHFaj", kr = "ControlSlider-module__paginationInsideBottom___R3FWn", Fr = "ControlSlider-module__paginationInsideTop___V-qb-", Rr = "ControlSlider-module__paginationOutsideBottom___14w8D", Pr = "ControlSlider-module__paginationOutsideTop___SCLqB", Br = "ControlSlider-module__paginationInsideLeft___yOBRZ", Or = "ControlSlider-module__paginationInsideRight___Rtt3o", Nr = "ControlSlider-module__paginationOutsideLeft___lahaw", Wr = "ControlSlider-module__paginationOutsideRight___EtuQa", zr = "ControlSlider-module__imgWrapper___UjEgB", Vr = "ControlSlider-module__captionBlock___dJ6-j", Mr = "ControlSlider-module__captionTextWrapper___HFlpf", Dr = "ControlSlider-module__captionText___uGBVc", Hr = "ControlSlider-module__active___WZK4G", jr = "ControlSlider-module__withPointerEvents___t-18M", Ur = "ControlSlider-module__topLeftAlignment___zjnGM", Yr = "ControlSlider-module__topCenterAlignment___gD1xW", Gr = "ControlSlider-module__topRightAlignment___NMapS", qr = "ControlSlider-module__middleLeftAlignment___OnUrY", Xr = "ControlSlider-module__middleCenterAlignment___Tdkl0", Kr = "ControlSlider-module__middleRightAlignment___wEbfX", Jr = "ControlSlider-module__bottomLeftAlignment___cTP2-", Zr = "ControlSlider-module__bottomCenterAlignment___c54fB", Qr = "ControlSlider-module__bottomRightAlignment___kEwrz", ti = "ControlSlider-module__clickOverlay___DZA28", ei = "ControlSlider-module__contain___pLyq7", ni = "ControlSlider-module__cover___KdDat", U = {
|
|
10
|
+
wrapper: fr,
|
|
11
|
+
hoverArrow: mr,
|
|
12
|
+
sliderItem: yr,
|
|
13
|
+
sliderImage: hr,
|
|
14
|
+
arrow: vr,
|
|
15
|
+
arrowVertical: br,
|
|
16
|
+
nextArrow: Sr,
|
|
17
|
+
arrowInner: Cr,
|
|
18
|
+
arrowIcon: xr,
|
|
19
19
|
arrowImg: _r,
|
|
20
|
-
mirror:
|
|
21
|
-
pagination:
|
|
22
|
-
paginationInner:
|
|
23
|
-
paginationVertical:
|
|
20
|
+
mirror: $r,
|
|
21
|
+
pagination: wr,
|
|
22
|
+
paginationInner: Tr,
|
|
23
|
+
paginationVertical: Lr,
|
|
24
24
|
paginationItem: Er,
|
|
25
|
-
dot:
|
|
26
|
-
activeDot:
|
|
27
|
-
paginationInsideBottom:
|
|
28
|
-
paginationInsideTop:
|
|
29
|
-
paginationOutsideBottom:
|
|
25
|
+
dot: Ar,
|
|
26
|
+
activeDot: Ir,
|
|
27
|
+
paginationInsideBottom: kr,
|
|
28
|
+
paginationInsideTop: Fr,
|
|
29
|
+
paginationOutsideBottom: Rr,
|
|
30
30
|
paginationOutsideTop: Pr,
|
|
31
31
|
paginationInsideLeft: Br,
|
|
32
|
-
paginationInsideRight:
|
|
33
|
-
paginationOutsideLeft:
|
|
34
|
-
paginationOutsideRight:
|
|
35
|
-
imgWrapper:
|
|
36
|
-
captionBlock:
|
|
37
|
-
captionTextWrapper:
|
|
38
|
-
captionText:
|
|
39
|
-
active:
|
|
40
|
-
withPointerEvents:
|
|
41
|
-
topLeftAlignment:
|
|
42
|
-
topCenterAlignment:
|
|
43
|
-
topRightAlignment:
|
|
44
|
-
middleLeftAlignment:
|
|
45
|
-
middleCenterAlignment:
|
|
46
|
-
middleRightAlignment:
|
|
47
|
-
bottomLeftAlignment:
|
|
48
|
-
bottomCenterAlignment:
|
|
49
|
-
bottomRightAlignment:
|
|
50
|
-
clickOverlay:
|
|
51
|
-
contain:
|
|
52
|
-
cover:
|
|
32
|
+
paginationInsideRight: Or,
|
|
33
|
+
paginationOutsideLeft: Nr,
|
|
34
|
+
paginationOutsideRight: Wr,
|
|
35
|
+
imgWrapper: zr,
|
|
36
|
+
captionBlock: Vr,
|
|
37
|
+
captionTextWrapper: Mr,
|
|
38
|
+
captionText: Dr,
|
|
39
|
+
active: Hr,
|
|
40
|
+
withPointerEvents: jr,
|
|
41
|
+
topLeftAlignment: Ur,
|
|
42
|
+
topCenterAlignment: Yr,
|
|
43
|
+
topRightAlignment: Gr,
|
|
44
|
+
middleLeftAlignment: qr,
|
|
45
|
+
middleCenterAlignment: Xr,
|
|
46
|
+
middleRightAlignment: Kr,
|
|
47
|
+
bottomLeftAlignment: Jr,
|
|
48
|
+
bottomCenterAlignment: Zr,
|
|
49
|
+
bottomRightAlignment: Qr,
|
|
50
|
+
clickOverlay: ti,
|
|
51
|
+
contain: ei,
|
|
52
|
+
cover: ni
|
|
53
53
|
};
|
|
54
|
-
function
|
|
54
|
+
function oi(t, e) {
|
|
55
55
|
for (var n = 0; n < e.length; n++) {
|
|
56
56
|
var o = e[n];
|
|
57
57
|
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
function
|
|
61
|
-
return e &&
|
|
60
|
+
function ri(t, e, n) {
|
|
61
|
+
return e && oi(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
|
|
62
62
|
}
|
|
63
|
-
var Jn = "(prefers-reduced-motion: reduce)", fe = 1,
|
|
63
|
+
var Jn = "(prefers-reduced-motion: reduce)", fe = 1, ii = 2, he = 3, Se = 4, Pe = 5, Ue = 6, Ke = 7, ai = {
|
|
64
64
|
CREATED: fe,
|
|
65
|
-
MOUNTED:
|
|
65
|
+
MOUNTED: ii,
|
|
66
66
|
IDLE: he,
|
|
67
67
|
MOVING: Se,
|
|
68
|
-
SCROLLING:
|
|
68
|
+
SCROLLING: Pe,
|
|
69
69
|
DRAGGING: Ue,
|
|
70
70
|
DESTROYED: Ke
|
|
71
71
|
};
|
|
@@ -89,61 +89,61 @@ function en(t, e) {
|
|
|
89
89
|
function Le(t) {
|
|
90
90
|
return !In(t) && en("object", t);
|
|
91
91
|
}
|
|
92
|
-
var
|
|
92
|
+
var An = Array.isArray, $o = ut(en, "function"), Jt = ut(en, "string"), Be = ut(en, "undefined");
|
|
93
93
|
function In(t) {
|
|
94
94
|
return t === null;
|
|
95
95
|
}
|
|
96
|
-
function
|
|
96
|
+
function wo(t) {
|
|
97
97
|
try {
|
|
98
98
|
return t instanceof (t.ownerDocument.defaultView || window).HTMLElement;
|
|
99
99
|
} catch {
|
|
100
100
|
return !1;
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
function
|
|
104
|
-
return
|
|
103
|
+
function Oe(t) {
|
|
104
|
+
return An(t) ? t : [t];
|
|
105
105
|
}
|
|
106
|
-
function
|
|
107
|
-
|
|
106
|
+
function At(t, e) {
|
|
107
|
+
Oe(t).forEach(e);
|
|
108
108
|
}
|
|
109
109
|
function kn(t, e) {
|
|
110
110
|
return t.indexOf(e) > -1;
|
|
111
111
|
}
|
|
112
112
|
function Ye(t, e) {
|
|
113
|
-
return t.push.apply(t,
|
|
113
|
+
return t.push.apply(t, Oe(e)), t;
|
|
114
114
|
}
|
|
115
115
|
function Mt(t, e, n) {
|
|
116
|
-
t &&
|
|
116
|
+
t && At(e, function(o) {
|
|
117
117
|
o && t.classList[n ? "add" : "remove"](o);
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
|
-
function
|
|
120
|
+
function Bt(t, e) {
|
|
121
121
|
Mt(t, Jt(e) ? e.split(" ") : e, !0);
|
|
122
122
|
}
|
|
123
123
|
function Ne(t, e) {
|
|
124
|
-
|
|
124
|
+
At(e, t.appendChild.bind(t));
|
|
125
125
|
}
|
|
126
126
|
function Fn(t, e) {
|
|
127
|
-
|
|
127
|
+
At(t, function(n) {
|
|
128
128
|
var o = (e || n).parentNode;
|
|
129
129
|
o && o.insertBefore(n, e);
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
|
-
function
|
|
133
|
-
return
|
|
132
|
+
function Ee(t, e) {
|
|
133
|
+
return wo(t) && (t.msMatchesSelector || t.matches).call(t, e);
|
|
134
134
|
}
|
|
135
|
-
function
|
|
135
|
+
function To(t, e) {
|
|
136
136
|
var n = t ? Qt(t.children) : [];
|
|
137
137
|
return e ? n.filter(function(o) {
|
|
138
|
-
return
|
|
138
|
+
return Ee(o, e);
|
|
139
139
|
}) : n;
|
|
140
140
|
}
|
|
141
141
|
function We(t, e) {
|
|
142
|
-
return e ?
|
|
142
|
+
return e ? To(t, e)[0] : t.firstElementChild;
|
|
143
143
|
}
|
|
144
|
-
var
|
|
144
|
+
var Ae = Object.keys;
|
|
145
145
|
function re(t, e, n) {
|
|
146
|
-
return t && (n ?
|
|
146
|
+
return t && (n ? Ae(t).reverse() : Ae(t)).forEach(function(o) {
|
|
147
147
|
o !== "__proto__" && e(t[o], o);
|
|
148
148
|
}), t;
|
|
149
149
|
}
|
|
@@ -157,18 +157,18 @@ function Ie(t) {
|
|
|
157
157
|
function Kt(t) {
|
|
158
158
|
return Qt(arguments, 1).forEach(function(e) {
|
|
159
159
|
re(e, function(n, o) {
|
|
160
|
-
|
|
160
|
+
An(n) ? t[o] = n.slice() : Le(n) ? t[o] = Kt({}, Le(t[o]) ? t[o] : {}, n) : t[o] = n;
|
|
161
161
|
});
|
|
162
162
|
}), t;
|
|
163
163
|
}
|
|
164
164
|
function Qn(t, e) {
|
|
165
|
-
|
|
165
|
+
At(e || Ae(t), function(n) {
|
|
166
166
|
delete t[n];
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
|
-
function
|
|
170
|
-
|
|
171
|
-
|
|
169
|
+
function Ot(t, e) {
|
|
170
|
+
At(t, function(n) {
|
|
171
|
+
At(e, function(o) {
|
|
172
172
|
n && n.removeAttribute(o);
|
|
173
173
|
});
|
|
174
174
|
});
|
|
@@ -176,23 +176,23 @@ function Bt(t, e) {
|
|
|
176
176
|
function Q(t, e, n) {
|
|
177
177
|
Le(e) ? re(e, function(o, r) {
|
|
178
178
|
Q(t, r, o);
|
|
179
|
-
}) :
|
|
180
|
-
In(n) || n === "" ?
|
|
179
|
+
}) : At(t, function(o) {
|
|
180
|
+
In(n) || n === "" ? Ot(o, e) : o.setAttribute(e, String(n));
|
|
181
181
|
});
|
|
182
182
|
}
|
|
183
183
|
function me(t, e, n) {
|
|
184
184
|
var o = document.createElement(t);
|
|
185
|
-
return e && (Jt(e) ?
|
|
185
|
+
return e && (Jt(e) ? Bt(o, e) : Q(o, e)), n && Ne(n, o), o;
|
|
186
186
|
}
|
|
187
187
|
function Ft(t, e, n) {
|
|
188
|
-
if (
|
|
188
|
+
if (Be(n))
|
|
189
189
|
return getComputedStyle(t)[e];
|
|
190
190
|
In(n) || (t.style[e] = "" + n);
|
|
191
191
|
}
|
|
192
192
|
function ke(t, e) {
|
|
193
193
|
Ft(t, "display", e);
|
|
194
194
|
}
|
|
195
|
-
function
|
|
195
|
+
function Lo(t) {
|
|
196
196
|
t.setActive && t.setActive() || t.focus({
|
|
197
197
|
preventScroll: !0
|
|
198
198
|
});
|
|
@@ -207,7 +207,7 @@ function Lt(t) {
|
|
|
207
207
|
return t.getBoundingClientRect();
|
|
208
208
|
}
|
|
209
209
|
function ie(t) {
|
|
210
|
-
|
|
210
|
+
At(t, function(e) {
|
|
211
211
|
e && e.parentNode && e.parentNode.removeChild(e);
|
|
212
212
|
});
|
|
213
213
|
}
|
|
@@ -217,7 +217,7 @@ function Eo(t) {
|
|
|
217
217
|
function Vt(t, e) {
|
|
218
218
|
t.preventDefault(), e && (t.stopPropagation(), t.stopImmediatePropagation());
|
|
219
219
|
}
|
|
220
|
-
function
|
|
220
|
+
function Ao(t, e) {
|
|
221
221
|
return t && t.querySelector(e);
|
|
222
222
|
}
|
|
223
223
|
function Rn(t, e) {
|
|
@@ -232,14 +232,14 @@ function Cn(t) {
|
|
|
232
232
|
function ne(t) {
|
|
233
233
|
return Jt(t) ? t : t ? t + "px" : "";
|
|
234
234
|
}
|
|
235
|
-
var ze = "splide",
|
|
236
|
-
function
|
|
235
|
+
var ze = "splide", Pn = "data-" + ze;
|
|
236
|
+
function _e(t, e) {
|
|
237
237
|
if (!t)
|
|
238
238
|
throw new Error("[" + ze + "] " + (e || ""));
|
|
239
239
|
}
|
|
240
|
-
var Zt = Math.min, Je = Math.max, Ze = Math.floor, Fe = Math.ceil,
|
|
241
|
-
function
|
|
242
|
-
return
|
|
240
|
+
var Zt = Math.min, Je = Math.max, Ze = Math.floor, Fe = Math.ceil, _t = Math.abs;
|
|
241
|
+
function Io(t, e, n) {
|
|
242
|
+
return _t(t - e) < n;
|
|
243
243
|
}
|
|
244
244
|
function Ge(t, e, n, o) {
|
|
245
245
|
var r = Zt(e, n), a = Je(e, n);
|
|
@@ -252,46 +252,46 @@ function de(t, e, n) {
|
|
|
252
252
|
function xn(t) {
|
|
253
253
|
return +(t > 0) - +(t < 0);
|
|
254
254
|
}
|
|
255
|
-
function
|
|
256
|
-
return
|
|
255
|
+
function _n(t, e) {
|
|
256
|
+
return At(e, function(n) {
|
|
257
257
|
t = t.replace("%s", "" + n);
|
|
258
258
|
}), t;
|
|
259
259
|
}
|
|
260
|
-
function
|
|
260
|
+
function Bn(t) {
|
|
261
261
|
return t < 10 ? "0" + t : "" + t;
|
|
262
262
|
}
|
|
263
263
|
var eo = {};
|
|
264
|
-
function
|
|
265
|
-
return "" + t +
|
|
264
|
+
function li(t) {
|
|
265
|
+
return "" + t + Bn(eo[t] = (eo[t] || 0) + 1);
|
|
266
266
|
}
|
|
267
|
-
function
|
|
267
|
+
function ko() {
|
|
268
268
|
var t = [];
|
|
269
|
-
function e(i, c,
|
|
269
|
+
function e(i, c, s, p) {
|
|
270
270
|
r(i, c, function(u, C, h) {
|
|
271
|
-
var g = "addEventListener" in u,
|
|
272
|
-
g ? u.addEventListener(C,
|
|
271
|
+
var g = "addEventListener" in u, l = g ? u.removeEventListener.bind(u, C, s, p) : u.removeListener.bind(u, s);
|
|
272
|
+
g ? u.addEventListener(C, s, p) : u.addListener(s), t.push([u, C, h, s, l]);
|
|
273
273
|
});
|
|
274
274
|
}
|
|
275
|
-
function n(i, c,
|
|
275
|
+
function n(i, c, s) {
|
|
276
276
|
r(i, c, function(p, u, C) {
|
|
277
277
|
t = t.filter(function(h) {
|
|
278
|
-
return h[0] === p && h[1] === u && h[2] === C && (!
|
|
278
|
+
return h[0] === p && h[1] === u && h[2] === C && (!s || h[3] === s) ? (h[4](), !1) : !0;
|
|
279
279
|
});
|
|
280
280
|
});
|
|
281
281
|
}
|
|
282
|
-
function o(i, c,
|
|
282
|
+
function o(i, c, s) {
|
|
283
283
|
var p, u = !0;
|
|
284
284
|
return typeof CustomEvent == "function" ? p = new CustomEvent(c, {
|
|
285
285
|
bubbles: u,
|
|
286
|
-
detail:
|
|
287
|
-
}) : (p = document.createEvent("CustomEvent"), p.initCustomEvent(c, u, !1,
|
|
286
|
+
detail: s
|
|
287
|
+
}) : (p = document.createEvent("CustomEvent"), p.initCustomEvent(c, u, !1, s)), i.dispatchEvent(p), p;
|
|
288
288
|
}
|
|
289
|
-
function r(i, c,
|
|
290
|
-
|
|
291
|
-
p &&
|
|
289
|
+
function r(i, c, s) {
|
|
290
|
+
At(i, function(p) {
|
|
291
|
+
p && At(c, function(u) {
|
|
292
292
|
u.split(" ").forEach(function(C) {
|
|
293
293
|
var h = C.split(".");
|
|
294
|
-
|
|
294
|
+
s(p, h[0], h[1]);
|
|
295
295
|
});
|
|
296
296
|
});
|
|
297
297
|
});
|
|
@@ -308,12 +308,12 @@ function Fo() {
|
|
|
308
308
|
destroy: a
|
|
309
309
|
};
|
|
310
310
|
}
|
|
311
|
-
var te = "mounted",
|
|
311
|
+
var te = "mounted", $n = "ready", Ut = "move", Ce = "moved", On = "click", Fo = "active", Ro = "inactive", Po = "visible", Bo = "hidden", ht = "refresh", Ct = "updated", ve = "resize", nn = "resized", Oo = "drag", No = "dragging", Wo = "dragged", on = "scroll", le = "scrolled", si = "overflow", Nn = "destroy", zo = "arrows:mounted", Vo = "arrows:updated", Mo = "pagination:mounted", Do = "pagination:updated", Wn = "navigation:mounted", zn = "autoplay:play", Ho = "autoplay:playing", Vn = "autoplay:pause", Mn = "lazyload:loaded", jo = "sk", Uo = "sh", Qe = "ei";
|
|
312
312
|
function gt(t) {
|
|
313
|
-
var e = t ? t.event.bus : document.createDocumentFragment(), n =
|
|
313
|
+
var e = t ? t.event.bus : document.createDocumentFragment(), n = ko();
|
|
314
314
|
function o(a, i) {
|
|
315
|
-
n.bind(e,
|
|
316
|
-
i.apply(i,
|
|
315
|
+
n.bind(e, Oe(a).join(" "), function(c) {
|
|
316
|
+
i.apply(i, An(c.detail) ? c.detail : []);
|
|
317
317
|
});
|
|
318
318
|
}
|
|
319
319
|
function r(a) {
|
|
@@ -327,112 +327,112 @@ function gt(t) {
|
|
|
327
327
|
});
|
|
328
328
|
}
|
|
329
329
|
function rn(t, e, n, o) {
|
|
330
|
-
var r = Date.now, a, i = 0, c,
|
|
330
|
+
var r = Date.now, a, i = 0, c, s = !0, p = 0;
|
|
331
331
|
function u() {
|
|
332
|
-
if (!
|
|
332
|
+
if (!s) {
|
|
333
333
|
if (i = t ? Zt((r() - a) / t, 1) : 1, n && n(i), i >= 1 && (e(), a = r(), o && ++p >= o))
|
|
334
334
|
return h();
|
|
335
335
|
c = Zn(u);
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
function C(b) {
|
|
339
|
-
b ||
|
|
339
|
+
b || l(), a = r() - (b ? i * t : 0), s = !1, c = Zn(u);
|
|
340
340
|
}
|
|
341
341
|
function h() {
|
|
342
|
-
|
|
342
|
+
s = !0;
|
|
343
343
|
}
|
|
344
344
|
function g() {
|
|
345
345
|
a = r(), i = 0, n && n(i);
|
|
346
346
|
}
|
|
347
|
-
function
|
|
348
|
-
c && cancelAnimationFrame(c), i = 0, c = 0,
|
|
347
|
+
function l() {
|
|
348
|
+
c && cancelAnimationFrame(c), i = 0, c = 0, s = !0;
|
|
349
349
|
}
|
|
350
350
|
function d(b) {
|
|
351
351
|
t = b;
|
|
352
352
|
}
|
|
353
353
|
function w() {
|
|
354
|
-
return
|
|
354
|
+
return s;
|
|
355
355
|
}
|
|
356
356
|
return {
|
|
357
357
|
start: C,
|
|
358
358
|
rewind: g,
|
|
359
359
|
pause: h,
|
|
360
|
-
cancel:
|
|
360
|
+
cancel: l,
|
|
361
361
|
set: d,
|
|
362
362
|
isPaused: w
|
|
363
363
|
};
|
|
364
364
|
}
|
|
365
|
-
function
|
|
365
|
+
function ci(t) {
|
|
366
366
|
var e = t;
|
|
367
367
|
function n(r) {
|
|
368
368
|
e = r;
|
|
369
369
|
}
|
|
370
370
|
function o(r) {
|
|
371
|
-
return kn(
|
|
371
|
+
return kn(Oe(r), e);
|
|
372
372
|
}
|
|
373
373
|
return {
|
|
374
374
|
set: n,
|
|
375
375
|
is: o
|
|
376
376
|
};
|
|
377
377
|
}
|
|
378
|
-
function
|
|
378
|
+
function ui(t, e) {
|
|
379
379
|
var n = rn(0, t, null, 1);
|
|
380
380
|
return function() {
|
|
381
381
|
n.isPaused() && n.start();
|
|
382
382
|
};
|
|
383
383
|
}
|
|
384
|
-
function
|
|
385
|
-
var o = t.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i =
|
|
386
|
-
function
|
|
387
|
-
var
|
|
388
|
-
|
|
389
|
-
return
|
|
384
|
+
function pi(t, e, n) {
|
|
385
|
+
var o = t.state, r = n.breakpoints || {}, a = n.reducedMotion || {}, i = ko(), c = [];
|
|
386
|
+
function s() {
|
|
387
|
+
var l = n.mediaQuery === "min";
|
|
388
|
+
Ae(r).sort(function(d, w) {
|
|
389
|
+
return l ? +d - +w : +w - +d;
|
|
390
390
|
}).forEach(function(d) {
|
|
391
|
-
u(r[d], "(" + (
|
|
391
|
+
u(r[d], "(" + (l ? "min" : "max") + "-width:" + d + "px)");
|
|
392
392
|
}), u(a, Jn), C();
|
|
393
393
|
}
|
|
394
|
-
function p(
|
|
395
|
-
|
|
394
|
+
function p(l) {
|
|
395
|
+
l && i.destroy();
|
|
396
396
|
}
|
|
397
|
-
function u(
|
|
397
|
+
function u(l, d) {
|
|
398
398
|
var w = matchMedia(d);
|
|
399
|
-
i.bind(w, "change", C), c.push([
|
|
399
|
+
i.bind(w, "change", C), c.push([l, w]);
|
|
400
400
|
}
|
|
401
401
|
function C() {
|
|
402
|
-
var
|
|
402
|
+
var l = o.is(Ke), d = n.direction, w = c.reduce(function(b, y) {
|
|
403
403
|
return Kt(b, y[1].matches ? y[0] : {});
|
|
404
404
|
}, {});
|
|
405
|
-
Qn(n), g(w), n.destroy ? t.destroy(n.destroy === "completely") :
|
|
405
|
+
Qn(n), g(w), n.destroy ? t.destroy(n.destroy === "completely") : l ? (p(!0), t.mount()) : d !== n.direction && t.refresh();
|
|
406
406
|
}
|
|
407
|
-
function h(
|
|
408
|
-
matchMedia(Jn).matches && (
|
|
407
|
+
function h(l) {
|
|
408
|
+
matchMedia(Jn).matches && (l ? Kt(n, a) : Qn(n, Ae(a)));
|
|
409
409
|
}
|
|
410
|
-
function g(
|
|
411
|
-
Kt(n,
|
|
410
|
+
function g(l, d, w) {
|
|
411
|
+
Kt(n, l), d && Kt(Object.getPrototypeOf(n), l), (w || !o.is(fe)) && t.emit(Ct, n);
|
|
412
412
|
}
|
|
413
413
|
return {
|
|
414
|
-
setup:
|
|
414
|
+
setup: s,
|
|
415
415
|
destroy: p,
|
|
416
416
|
reduce: h,
|
|
417
417
|
set: g
|
|
418
418
|
};
|
|
419
419
|
}
|
|
420
|
-
var an = "Arrow", ln = an + "Left", sn = an + "Right",
|
|
420
|
+
var an = "Arrow", ln = an + "Left", sn = an + "Right", Yo = an + "Up", Go = an + "Down", no = "rtl", cn = "ttb", gn = {
|
|
421
421
|
width: ["height"],
|
|
422
422
|
left: ["top", "right"],
|
|
423
423
|
right: ["bottom", "left"],
|
|
424
424
|
x: ["y"],
|
|
425
425
|
X: ["Y"],
|
|
426
426
|
Y: ["X"],
|
|
427
|
-
ArrowLeft: [
|
|
428
|
-
ArrowRight: [
|
|
427
|
+
ArrowLeft: [Yo, sn],
|
|
428
|
+
ArrowRight: [Go, ln]
|
|
429
429
|
};
|
|
430
|
-
function
|
|
430
|
+
function di(t, e, n) {
|
|
431
431
|
function o(a, i, c) {
|
|
432
432
|
c = c || n.direction;
|
|
433
|
-
var
|
|
434
|
-
return gn[a] && gn[a][
|
|
435
|
-
var C = gn[p.toLowerCase()][
|
|
433
|
+
var s = c === no && !i ? 1 : c === cn ? 0 : -1;
|
|
434
|
+
return gn[a] && gn[a][s] || a.replace(/width|left|right/i, function(p, u) {
|
|
435
|
+
var C = gn[p.toLowerCase()][s] || p;
|
|
436
436
|
return u > 0 ? C.charAt(0).toUpperCase() + C.slice(1) : C;
|
|
437
437
|
});
|
|
438
438
|
}
|
|
@@ -444,57 +444,57 @@ function gi(t, e, n) {
|
|
|
444
444
|
orient: r
|
|
445
445
|
};
|
|
446
446
|
}
|
|
447
|
-
var Ht = "role", ye = "tabindex",
|
|
447
|
+
var Ht = "role", ye = "tabindex", gi = "disabled", Pt = "aria-", Ve = Pt + "controls", qo = Pt + "current", oo = Pt + "selected", Et = Pt + "label", Dn = Pt + "labelledby", Xo = Pt + "hidden", Hn = Pt + "orientation", Re = Pt + "roledescription", ro = Pt + "live", io = Pt + "busy", ao = Pt + "atomic", jn = [Ht, ye, gi, Ve, qo, Et, Dn, Xo, Hn, Re], Nt = ze + "__", ee = "is-", fn = ze, lo = Nt + "track", fi = Nt + "list", un = Nt + "slide", Ko = un + "--clone", mi = un + "__container", Un = Nt + "arrows", pn = Nt + "arrow", Jo = pn + "--prev", Zo = pn + "--next", dn = Nt + "pagination", Qo = dn + "__page", yi = Nt + "progress", hi = yi + "__bar", vi = Nt + "toggle", bi = Nt + "spinner", Si = Nt + "sr", Ci = ee + "initialized", ae = ee + "active", tr = ee + "prev", er = ee + "next", wn = ee + "visible", Tn = ee + "loading", nr = ee + "focus-in", or = ee + "overflow", xi = [ae, wn, tr, er, Tn, nr, or], _i = {
|
|
448
448
|
slide: un,
|
|
449
|
-
clone:
|
|
449
|
+
clone: Ko,
|
|
450
450
|
arrows: Un,
|
|
451
451
|
arrow: pn,
|
|
452
|
-
prev:
|
|
453
|
-
next:
|
|
452
|
+
prev: Jo,
|
|
453
|
+
next: Zo,
|
|
454
454
|
pagination: dn,
|
|
455
|
-
page:
|
|
456
|
-
spinner:
|
|
455
|
+
page: Qo,
|
|
456
|
+
spinner: bi
|
|
457
457
|
};
|
|
458
|
-
function
|
|
459
|
-
if (
|
|
458
|
+
function $i(t, e) {
|
|
459
|
+
if ($o(t.closest))
|
|
460
460
|
return t.closest(e);
|
|
461
|
-
for (var n = t; n && n.nodeType === 1 && !
|
|
461
|
+
for (var n = t; n && n.nodeType === 1 && !Ee(n, e); )
|
|
462
462
|
n = n.parentElement;
|
|
463
463
|
return n;
|
|
464
464
|
}
|
|
465
|
-
var
|
|
466
|
-
function
|
|
467
|
-
var o = gt(t), r = o.on, a = o.bind, i = t.root, c = n.i18n,
|
|
465
|
+
var wi = 5, so = 200, rr = "touchstart mousedown", mn = "touchmove mousemove", yn = "touchend touchcancel mouseup click";
|
|
466
|
+
function Ti(t, e, n) {
|
|
467
|
+
var o = gt(t), r = o.on, a = o.bind, i = t.root, c = n.i18n, s = {}, p = [], u = [], C = [], h, g, l;
|
|
468
468
|
function d() {
|
|
469
469
|
x(), V(), y();
|
|
470
470
|
}
|
|
471
471
|
function w() {
|
|
472
|
-
r(ht, b), r(ht, d), r(Ct, y), a(document,
|
|
473
|
-
|
|
472
|
+
r(ht, b), r(ht, d), r(Ct, y), a(document, rr + " keydown", function(v) {
|
|
473
|
+
l = v.type === "keydown";
|
|
474
474
|
}, {
|
|
475
475
|
capture: !0
|
|
476
476
|
}), a(i, "focusin", function() {
|
|
477
|
-
Mt(i,
|
|
477
|
+
Mt(i, nr, !!l);
|
|
478
478
|
});
|
|
479
479
|
}
|
|
480
480
|
function b(v) {
|
|
481
481
|
var T = jn.concat("style");
|
|
482
|
-
jt(p), Dt(i, u), Dt(h, C),
|
|
482
|
+
jt(p), Dt(i, u), Dt(h, C), Ot([h, g], T), Ot(i, v ? T : ["style", Re]);
|
|
483
483
|
}
|
|
484
484
|
function y() {
|
|
485
|
-
Dt(i, u), Dt(h, C), u = L(fn), C = L(lo),
|
|
485
|
+
Dt(i, u), Dt(h, C), u = L(fn), C = L(lo), Bt(i, u), Bt(h, C), Q(i, Et, n.label), Q(i, Dn, n.labelledby);
|
|
486
486
|
}
|
|
487
487
|
function x() {
|
|
488
|
-
h = N("." + lo), g = We(h, "." +
|
|
488
|
+
h = N("." + lo), g = We(h, "." + fi), _e(h && g, "A track/list element is missing."), Ye(p, To(g, "." + un + ":not(." + Ko + ")")), re({
|
|
489
489
|
arrows: Un,
|
|
490
490
|
pagination: dn,
|
|
491
|
-
prev:
|
|
492
|
-
next:
|
|
493
|
-
bar:
|
|
494
|
-
toggle:
|
|
491
|
+
prev: Jo,
|
|
492
|
+
next: Zo,
|
|
493
|
+
bar: hi,
|
|
494
|
+
toggle: vi
|
|
495
495
|
}, function(v, T) {
|
|
496
|
-
|
|
497
|
-
}), Ie(
|
|
496
|
+
s[T] = N("." + v);
|
|
497
|
+
}), Ie(s, {
|
|
498
498
|
root: i,
|
|
499
499
|
track: h,
|
|
500
500
|
list: g,
|
|
@@ -502,79 +502,79 @@ function Li(t, e, n) {
|
|
|
502
502
|
});
|
|
503
503
|
}
|
|
504
504
|
function V() {
|
|
505
|
-
var v = i.id ||
|
|
505
|
+
var v = i.id || li(ze), T = n.role;
|
|
506
506
|
i.id = v, h.id = h.id || v + "-track", g.id = g.id || v + "-list", !Rt(i, Ht) && i.tagName !== "SECTION" && T && Q(i, Ht, T), Q(i, Re, c.carousel), Q(g, Ht, "presentation");
|
|
507
507
|
}
|
|
508
508
|
function N(v) {
|
|
509
|
-
var T =
|
|
510
|
-
return T &&
|
|
509
|
+
var T = Ao(i, v);
|
|
510
|
+
return T && $i(T, "." + fn) === i ? T : void 0;
|
|
511
511
|
}
|
|
512
512
|
function L(v) {
|
|
513
513
|
return [v + "--" + n.type, v + "--" + n.direction, n.drag && v + "--draggable", n.isNavigation && v + "--nav", v === fn && ae];
|
|
514
514
|
}
|
|
515
|
-
return Ie(
|
|
515
|
+
return Ie(s, {
|
|
516
516
|
setup: d,
|
|
517
517
|
mount: w,
|
|
518
518
|
destroy: b
|
|
519
519
|
});
|
|
520
520
|
}
|
|
521
521
|
var be = "slide", xe = "loop", Me = "fade";
|
|
522
|
-
function
|
|
523
|
-
var r = gt(t), a = r.on, i = r.emit, c = r.bind,
|
|
522
|
+
function Li(t, e, n, o) {
|
|
523
|
+
var r = gt(t), a = r.on, i = r.emit, c = r.bind, s = t.Components, p = t.root, u = t.options, C = u.isNavigation, h = u.updateOnMove, g = u.i18n, l = u.pagination, d = u.slideFocus, w = s.Direction.resolve, b = Rt(o, "style"), y = Rt(o, Et), x = n > -1, V = We(o, "." + mi), N;
|
|
524
524
|
function L() {
|
|
525
|
-
x || (o.id = p.id + "-slide" +
|
|
525
|
+
x || (o.id = p.id + "-slide" + Bn(e + 1), Q(o, Ht, l ? "tabpanel" : "group"), Q(o, Re, g.slide), Q(o, Et, y || _n(g.slideLabel, [e + 1, t.length]))), v();
|
|
526
526
|
}
|
|
527
527
|
function v() {
|
|
528
|
-
c(o, "click", ut(i,
|
|
528
|
+
c(o, "click", ut(i, On, _)), c(o, "keydown", ut(i, jo, _)), a([Ce, Uo, le], A), a(Wn, k), h && a(Ut, z);
|
|
529
529
|
}
|
|
530
530
|
function T() {
|
|
531
|
-
N = !0, r.destroy(), Dt(o,
|
|
531
|
+
N = !0, r.destroy(), Dt(o, xi), Ot(o, jn), Q(o, "style", b), Q(o, Et, y || "");
|
|
532
532
|
}
|
|
533
533
|
function k() {
|
|
534
|
-
var
|
|
535
|
-
var
|
|
536
|
-
return
|
|
534
|
+
var $ = t.splides.map(function(S) {
|
|
535
|
+
var O = S.splide.Components.Slides.getAt(e);
|
|
536
|
+
return O ? O.slide.id : "";
|
|
537
537
|
}).join(" ");
|
|
538
|
-
Q(o,
|
|
538
|
+
Q(o, Et, _n(g.slideX, (x ? n : e) + 1)), Q(o, Ve, $), Q(o, Ht, d ? "button" : ""), d && Ot(o, Re);
|
|
539
539
|
}
|
|
540
540
|
function z() {
|
|
541
|
-
N ||
|
|
541
|
+
N || A();
|
|
542
542
|
}
|
|
543
|
-
function
|
|
543
|
+
function A() {
|
|
544
544
|
if (!N) {
|
|
545
|
-
var
|
|
546
|
-
R(),
|
|
545
|
+
var $ = t.index;
|
|
546
|
+
R(), B(), Mt(o, tr, e === $ - 1), Mt(o, er, e === $ + 1);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
549
|
function R() {
|
|
550
|
-
var
|
|
551
|
-
|
|
552
|
-
}
|
|
553
|
-
function
|
|
554
|
-
var
|
|
555
|
-
if (t.state.is([Se,
|
|
556
|
-
var
|
|
557
|
-
|
|
550
|
+
var $ = H();
|
|
551
|
+
$ !== to(o, ae) && (Mt(o, ae, $), Q(o, qo, C && $ || ""), i($ ? Fo : Ro, _));
|
|
552
|
+
}
|
|
553
|
+
function B() {
|
|
554
|
+
var $ = m(), S = !$ && (!H() || x);
|
|
555
|
+
if (t.state.is([Se, Pe]) || Q(o, Xo, S || ""), Q(Rn(o, u.focusableNodes || ""), ye, S ? -1 : ""), d && Q(o, ye, S ? -1 : 0), $ !== to(o, wn) && (Mt(o, wn, $), i($ ? Po : Bo, _)), !$ && document.activeElement === o) {
|
|
556
|
+
var O = s.Slides.getAt(t.index);
|
|
557
|
+
O && Lo(O.slide);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
function j(
|
|
561
|
-
Ft(
|
|
560
|
+
function j($, S, O) {
|
|
561
|
+
Ft(O && V || o, $, S);
|
|
562
562
|
}
|
|
563
563
|
function H() {
|
|
564
|
-
var
|
|
565
|
-
return
|
|
564
|
+
var $ = t.index;
|
|
565
|
+
return $ === e || u.cloneStatus && $ === n;
|
|
566
566
|
}
|
|
567
567
|
function m() {
|
|
568
568
|
if (t.is(Me))
|
|
569
569
|
return H();
|
|
570
|
-
var
|
|
571
|
-
return Ze(
|
|
570
|
+
var $ = Lt(s.Elements.track), S = Lt(o), O = w("left", !0), G = w("right", !0);
|
|
571
|
+
return Ze($[O]) <= Fe(S[O]) && Ze(S[G]) <= Fe($[G]);
|
|
572
572
|
}
|
|
573
|
-
function I(
|
|
574
|
-
var
|
|
575
|
-
return !x && (u.rewind || t.is(xe)) && (
|
|
573
|
+
function I($, S) {
|
|
574
|
+
var O = _t($ - e);
|
|
575
|
+
return !x && (u.rewind || t.is(xe)) && (O = Zt(O, t.length - O)), O <= S;
|
|
576
576
|
}
|
|
577
|
-
var
|
|
577
|
+
var _ = {
|
|
578
578
|
index: e,
|
|
579
579
|
slideIndex: n,
|
|
580
580
|
slide: o,
|
|
@@ -582,88 +582,88 @@ function Ai(t, e, n, o) {
|
|
|
582
582
|
isClone: x,
|
|
583
583
|
mount: L,
|
|
584
584
|
destroy: T,
|
|
585
|
-
update:
|
|
585
|
+
update: A,
|
|
586
586
|
style: j,
|
|
587
587
|
isWithin: I
|
|
588
588
|
};
|
|
589
|
-
return
|
|
589
|
+
return _;
|
|
590
590
|
}
|
|
591
591
|
function Ei(t, e, n) {
|
|
592
|
-
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = e.Elements,
|
|
592
|
+
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = e.Elements, s = c.slides, p = c.list, u = [];
|
|
593
593
|
function C() {
|
|
594
594
|
h(), r(ht, g), r(ht, h);
|
|
595
595
|
}
|
|
596
596
|
function h() {
|
|
597
|
-
|
|
598
|
-
d(
|
|
597
|
+
s.forEach(function(A, R) {
|
|
598
|
+
d(A, R, -1);
|
|
599
599
|
});
|
|
600
600
|
}
|
|
601
601
|
function g() {
|
|
602
|
-
N(function(
|
|
603
|
-
|
|
602
|
+
N(function(A) {
|
|
603
|
+
A.destroy();
|
|
604
604
|
}), jt(u);
|
|
605
605
|
}
|
|
606
|
-
function
|
|
607
|
-
N(function(
|
|
608
|
-
|
|
606
|
+
function l() {
|
|
607
|
+
N(function(A) {
|
|
608
|
+
A.update();
|
|
609
609
|
});
|
|
610
610
|
}
|
|
611
|
-
function d(
|
|
612
|
-
var j =
|
|
611
|
+
function d(A, R, B) {
|
|
612
|
+
var j = Li(t, R, B, A);
|
|
613
613
|
j.mount(), u.push(j), u.sort(function(H, m) {
|
|
614
614
|
return H.index - m.index;
|
|
615
615
|
});
|
|
616
616
|
}
|
|
617
|
-
function w(
|
|
618
|
-
return
|
|
617
|
+
function w(A) {
|
|
618
|
+
return A ? L(function(R) {
|
|
619
619
|
return !R.isClone;
|
|
620
620
|
}) : u;
|
|
621
621
|
}
|
|
622
|
-
function b(
|
|
623
|
-
var R = e.Controller,
|
|
622
|
+
function b(A) {
|
|
623
|
+
var R = e.Controller, B = R.toIndex(A), j = R.hasFocus() ? 1 : n.perPage;
|
|
624
624
|
return L(function(H) {
|
|
625
|
-
return Ge(H.index,
|
|
625
|
+
return Ge(H.index, B, B + j - 1);
|
|
626
626
|
});
|
|
627
627
|
}
|
|
628
|
-
function y(
|
|
629
|
-
return L(
|
|
628
|
+
function y(A) {
|
|
629
|
+
return L(A)[0];
|
|
630
630
|
}
|
|
631
|
-
function x(
|
|
632
|
-
|
|
633
|
-
if (Jt(
|
|
634
|
-
var j =
|
|
635
|
-
j ? Fn(
|
|
631
|
+
function x(A, R) {
|
|
632
|
+
At(A, function(B) {
|
|
633
|
+
if (Jt(B) && (B = Eo(B)), wo(B)) {
|
|
634
|
+
var j = s[R];
|
|
635
|
+
j ? Fn(B, j) : Ne(p, B), Bt(B, n.classes.slide), T(B, ut(a, ve));
|
|
636
636
|
}
|
|
637
637
|
}), a(ht);
|
|
638
638
|
}
|
|
639
|
-
function V(
|
|
640
|
-
ie(L(
|
|
639
|
+
function V(A) {
|
|
640
|
+
ie(L(A).map(function(R) {
|
|
641
641
|
return R.slide;
|
|
642
642
|
})), a(ht);
|
|
643
643
|
}
|
|
644
|
-
function N(
|
|
645
|
-
w(R).forEach(
|
|
644
|
+
function N(A, R) {
|
|
645
|
+
w(R).forEach(A);
|
|
646
646
|
}
|
|
647
|
-
function L(
|
|
648
|
-
return u.filter(
|
|
649
|
-
return Jt(
|
|
647
|
+
function L(A) {
|
|
648
|
+
return u.filter($o(A) ? A : function(R) {
|
|
649
|
+
return Jt(A) ? Ee(R.slide, A) : kn(Oe(A), R.index);
|
|
650
650
|
});
|
|
651
651
|
}
|
|
652
|
-
function v(
|
|
652
|
+
function v(A, R, B) {
|
|
653
653
|
N(function(j) {
|
|
654
|
-
j.style(
|
|
654
|
+
j.style(A, R, B);
|
|
655
655
|
});
|
|
656
656
|
}
|
|
657
|
-
function T(
|
|
658
|
-
var
|
|
659
|
-
j ?
|
|
657
|
+
function T(A, R) {
|
|
658
|
+
var B = Rn(A, "img"), j = B.length;
|
|
659
|
+
j ? B.forEach(function(H) {
|
|
660
660
|
i(H, "load error", function() {
|
|
661
661
|
--j || R();
|
|
662
662
|
});
|
|
663
663
|
}) : R();
|
|
664
664
|
}
|
|
665
|
-
function k(
|
|
666
|
-
return
|
|
665
|
+
function k(A) {
|
|
666
|
+
return A ? s.length : u.length;
|
|
667
667
|
}
|
|
668
668
|
function z() {
|
|
669
669
|
return u.length > n.perPage;
|
|
@@ -671,7 +671,7 @@ function Ei(t, e, n) {
|
|
|
671
671
|
return {
|
|
672
672
|
mount: C,
|
|
673
673
|
destroy: g,
|
|
674
|
-
update:
|
|
674
|
+
update: l,
|
|
675
675
|
register: d,
|
|
676
676
|
get: w,
|
|
677
677
|
getIn: b,
|
|
@@ -685,25 +685,25 @@ function Ei(t, e, n) {
|
|
|
685
685
|
isEnough: z
|
|
686
686
|
};
|
|
687
687
|
}
|
|
688
|
-
function
|
|
689
|
-
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = e.Slides,
|
|
688
|
+
function Ai(t, e, n) {
|
|
689
|
+
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = e.Slides, s = e.Direction.resolve, p = e.Elements, u = p.root, C = p.track, h = p.list, g = c.getAt, l = c.style, d, w, b;
|
|
690
690
|
function y() {
|
|
691
|
-
x(), a(window, "resize load",
|
|
691
|
+
x(), a(window, "resize load", ui(ut(i, ve))), r([Ct, ht], x), r(ve, V);
|
|
692
692
|
}
|
|
693
693
|
function x() {
|
|
694
|
-
d = n.direction === cn, Ft(u, "maxWidth", ne(n.width)), Ft(C,
|
|
694
|
+
d = n.direction === cn, Ft(u, "maxWidth", ne(n.width)), Ft(C, s("paddingLeft"), N(!1)), Ft(C, s("paddingRight"), N(!0)), V(!0);
|
|
695
695
|
}
|
|
696
|
-
function V(
|
|
697
|
-
var
|
|
698
|
-
(
|
|
696
|
+
function V(_) {
|
|
697
|
+
var $ = Lt(u);
|
|
698
|
+
(_ || w.width !== $.width || w.height !== $.height) && (Ft(C, "height", L()), l(s("marginRight"), ne(n.gap)), l("width", T()), l("height", k(), !0), w = $, i(nn), b !== (b = I()) && (Mt(u, or, b), i(si, b)));
|
|
699
699
|
}
|
|
700
|
-
function N(
|
|
701
|
-
var
|
|
702
|
-
return
|
|
700
|
+
function N(_) {
|
|
701
|
+
var $ = n.padding, S = s(_ ? "right" : "left");
|
|
702
|
+
return $ && ne($[S] || (Le($) ? 0 : $)) || "0px";
|
|
703
703
|
}
|
|
704
704
|
function L() {
|
|
705
|
-
var
|
|
706
|
-
return d && (
|
|
705
|
+
var _ = "";
|
|
706
|
+
return d && (_ = v(), _e(_, "height or heightRatio is missing."), _ = "calc(" + _ + " - " + N(!1) + " - " + N(!0) + ")"), _;
|
|
707
707
|
}
|
|
708
708
|
function v() {
|
|
709
709
|
return ne(n.height || Lt(h).width * n.heightRatio);
|
|
@@ -715,86 +715,86 @@ function Ii(t, e, n) {
|
|
|
715
715
|
return ne(n.fixedHeight) || (d ? n.autoHeight ? null : z() : v());
|
|
716
716
|
}
|
|
717
717
|
function z() {
|
|
718
|
-
var
|
|
719
|
-
return "calc((100%" + (
|
|
718
|
+
var _ = ne(n.gap);
|
|
719
|
+
return "calc((100%" + (_ && " + " + _) + ")/" + (n.perPage || 1) + (_ && " - " + _) + ")";
|
|
720
720
|
}
|
|
721
|
-
function
|
|
722
|
-
return Lt(h)[
|
|
721
|
+
function A() {
|
|
722
|
+
return Lt(h)[s("width")];
|
|
723
723
|
}
|
|
724
|
-
function R(
|
|
725
|
-
var S = g(
|
|
726
|
-
return S ? Lt(S.slide)[
|
|
724
|
+
function R(_, $) {
|
|
725
|
+
var S = g(_ || 0);
|
|
726
|
+
return S ? Lt(S.slide)[s("width")] + ($ ? 0 : H()) : 0;
|
|
727
727
|
}
|
|
728
|
-
function
|
|
729
|
-
var S = g(
|
|
728
|
+
function B(_, $) {
|
|
729
|
+
var S = g(_);
|
|
730
730
|
if (S) {
|
|
731
|
-
var
|
|
732
|
-
return
|
|
731
|
+
var O = Lt(S.slide)[s("right")], G = Lt(h)[s("left")];
|
|
732
|
+
return _t(O - G) + ($ ? 0 : H());
|
|
733
733
|
}
|
|
734
734
|
return 0;
|
|
735
735
|
}
|
|
736
|
-
function j(
|
|
737
|
-
return
|
|
736
|
+
function j(_) {
|
|
737
|
+
return B(t.length - 1) - B(0) + R(0, _);
|
|
738
738
|
}
|
|
739
739
|
function H() {
|
|
740
|
-
var
|
|
741
|
-
return
|
|
740
|
+
var _ = g(0);
|
|
741
|
+
return _ && parseFloat(Ft(_.slide, s("marginRight"))) || 0;
|
|
742
742
|
}
|
|
743
|
-
function m(
|
|
744
|
-
return parseFloat(Ft(C,
|
|
743
|
+
function m(_) {
|
|
744
|
+
return parseFloat(Ft(C, s("padding" + (_ ? "Right" : "Left")))) || 0;
|
|
745
745
|
}
|
|
746
746
|
function I() {
|
|
747
|
-
return t.is(Me) || j(!0) >
|
|
747
|
+
return t.is(Me) || j(!0) > A();
|
|
748
748
|
}
|
|
749
749
|
return {
|
|
750
750
|
mount: y,
|
|
751
751
|
resize: V,
|
|
752
|
-
listSize:
|
|
752
|
+
listSize: A,
|
|
753
753
|
slideSize: R,
|
|
754
754
|
sliderSize: j,
|
|
755
|
-
totalSize:
|
|
755
|
+
totalSize: B,
|
|
756
756
|
getPadding: m,
|
|
757
757
|
isOverflow: I
|
|
758
758
|
};
|
|
759
759
|
}
|
|
760
|
-
var
|
|
761
|
-
function
|
|
762
|
-
var o = gt(t), r = o.on, a = e.Elements, i = e.Slides, c = e.Direction.resolve,
|
|
760
|
+
var Ii = 2;
|
|
761
|
+
function ki(t, e, n) {
|
|
762
|
+
var o = gt(t), r = o.on, a = e.Elements, i = e.Slides, c = e.Direction.resolve, s = [], p;
|
|
763
763
|
function u() {
|
|
764
|
-
r(ht, C), r([Ct, ve], g), (p = w()) && (
|
|
764
|
+
r(ht, C), r([Ct, ve], g), (p = w()) && (l(p), e.Layout.resize(!0));
|
|
765
765
|
}
|
|
766
766
|
function C() {
|
|
767
767
|
h(), u();
|
|
768
768
|
}
|
|
769
769
|
function h() {
|
|
770
|
-
ie(
|
|
770
|
+
ie(s), jt(s), o.destroy();
|
|
771
771
|
}
|
|
772
772
|
function g() {
|
|
773
773
|
var b = w();
|
|
774
774
|
p !== b && (p < b || !b) && o.emit(ht);
|
|
775
775
|
}
|
|
776
|
-
function
|
|
776
|
+
function l(b) {
|
|
777
777
|
var y = i.get().slice(), x = y.length;
|
|
778
778
|
if (x) {
|
|
779
779
|
for (; y.length < b; )
|
|
780
780
|
Ye(y, y);
|
|
781
781
|
Ye(y.slice(-b), y.slice(0, b)).forEach(function(V, N) {
|
|
782
782
|
var L = N < b, v = d(V.slide, N);
|
|
783
|
-
L ? Fn(v, y[0].slide) : Ne(a.list, v), Ye(
|
|
783
|
+
L ? Fn(v, y[0].slide) : Ne(a.list, v), Ye(s, v), i.register(v, N - b + (L ? 0 : x), V.index);
|
|
784
784
|
});
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
function d(b, y) {
|
|
788
788
|
var x = b.cloneNode(!0);
|
|
789
|
-
return
|
|
789
|
+
return Bt(x, n.classes.clone), x.id = t.root.id + "-clone" + Bn(y + 1), x;
|
|
790
790
|
}
|
|
791
791
|
function w() {
|
|
792
792
|
var b = n.clones;
|
|
793
793
|
if (!t.is(xe))
|
|
794
794
|
b = 0;
|
|
795
|
-
else if (
|
|
795
|
+
else if (Be(b)) {
|
|
796
796
|
var y = n[c("fixedWidth")] && e.Layout.slideSize(0), x = y && Fe(Lt(a.track)[c("width")] / y);
|
|
797
|
-
b = x || n[c("autoWidth")] && t.length || n.perPage *
|
|
797
|
+
b = x || n[c("autoWidth")] && t.length || n.perPage * Ii;
|
|
798
798
|
}
|
|
799
799
|
return b;
|
|
800
800
|
}
|
|
@@ -803,77 +803,77 @@ function Fi(t, e, n) {
|
|
|
803
803
|
destroy: h
|
|
804
804
|
};
|
|
805
805
|
}
|
|
806
|
-
function
|
|
807
|
-
var o = gt(t), r = o.on, a = o.emit, i = t.state.set, c = e.Layout,
|
|
806
|
+
function Fi(t, e, n) {
|
|
807
|
+
var o = gt(t), r = o.on, a = o.emit, i = t.state.set, c = e.Layout, s = c.slideSize, p = c.getPadding, u = c.totalSize, C = c.listSize, h = c.sliderSize, g = e.Direction, l = g.resolve, d = g.orient, w = e.Elements, b = w.list, y = w.track, x;
|
|
808
808
|
function V() {
|
|
809
809
|
x = e.Transition, r([te, nn, Ct, ht], N);
|
|
810
810
|
}
|
|
811
811
|
function N() {
|
|
812
812
|
e.Controller.isBusy() || (e.Scroll.cancel(), v(t.index), e.Slides.update());
|
|
813
813
|
}
|
|
814
|
-
function L(S,
|
|
815
|
-
S !==
|
|
816
|
-
i(he), a(Ce,
|
|
814
|
+
function L(S, O, G, nt) {
|
|
815
|
+
S !== O && _(S > G) && (A(), T(z(j(), S > G), !0)), i(Se), a(Ut, O, G, S), x.start(O, function() {
|
|
816
|
+
i(he), a(Ce, O, G, S), nt && nt();
|
|
817
817
|
});
|
|
818
818
|
}
|
|
819
819
|
function v(S) {
|
|
820
|
-
T(
|
|
820
|
+
T(B(S, !0));
|
|
821
821
|
}
|
|
822
|
-
function T(S,
|
|
822
|
+
function T(S, O) {
|
|
823
823
|
if (!t.is(Me)) {
|
|
824
|
-
var G =
|
|
825
|
-
Ft(b, "transform", "translate" +
|
|
824
|
+
var G = O ? S : k(S);
|
|
825
|
+
Ft(b, "transform", "translate" + l("X") + "(" + G + "px)"), S !== G && a(Uo);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
828
|
function k(S) {
|
|
829
829
|
if (t.is(xe)) {
|
|
830
|
-
var
|
|
830
|
+
var O = R(S), G = O > e.Controller.getEnd(), nt = O < 0;
|
|
831
831
|
(nt || G) && (S = z(S, G));
|
|
832
832
|
}
|
|
833
833
|
return S;
|
|
834
834
|
}
|
|
835
|
-
function z(S,
|
|
836
|
-
var G = S - I(
|
|
837
|
-
return S -= d(nt * (Fe(
|
|
835
|
+
function z(S, O) {
|
|
836
|
+
var G = S - I(O), nt = h();
|
|
837
|
+
return S -= d(nt * (Fe(_t(G) / nt) || 1)) * (O ? 1 : -1), S;
|
|
838
838
|
}
|
|
839
|
-
function
|
|
839
|
+
function A() {
|
|
840
840
|
T(j(), !0), x.cancel();
|
|
841
841
|
}
|
|
842
842
|
function R(S) {
|
|
843
|
-
for (var
|
|
844
|
-
var lt =
|
|
845
|
-
if (
|
|
846
|
-
nt =
|
|
843
|
+
for (var O = e.Slides.get(), G = 0, nt = 1 / 0, tt = 0; tt < O.length; tt++) {
|
|
844
|
+
var lt = O[tt].index, E = _t(B(lt, !0) - S);
|
|
845
|
+
if (E <= nt)
|
|
846
|
+
nt = E, G = lt;
|
|
847
847
|
else
|
|
848
848
|
break;
|
|
849
849
|
}
|
|
850
850
|
return G;
|
|
851
851
|
}
|
|
852
|
-
function
|
|
852
|
+
function B(S, O) {
|
|
853
853
|
var G = d(u(S - 1) - m(S));
|
|
854
|
-
return
|
|
854
|
+
return O ? H(G) : G;
|
|
855
855
|
}
|
|
856
856
|
function j() {
|
|
857
|
-
var S =
|
|
857
|
+
var S = l("left");
|
|
858
858
|
return Lt(b)[S] - Lt(y)[S] + d(p(!1));
|
|
859
859
|
}
|
|
860
860
|
function H(S) {
|
|
861
861
|
return n.trimSpace && t.is(be) && (S = de(S, 0, d(h(!0) - C()))), S;
|
|
862
862
|
}
|
|
863
863
|
function m(S) {
|
|
864
|
-
var
|
|
865
|
-
return
|
|
864
|
+
var O = n.focus;
|
|
865
|
+
return O === "center" ? (C() - s(S, !0)) / 2 : +O * s(S) || 0;
|
|
866
866
|
}
|
|
867
867
|
function I(S) {
|
|
868
|
-
return
|
|
868
|
+
return B(S ? e.Controller.getEnd() : 0, !!n.trimSpace);
|
|
869
869
|
}
|
|
870
|
-
function
|
|
871
|
-
var
|
|
872
|
-
return S ?
|
|
870
|
+
function _(S) {
|
|
871
|
+
var O = d(z(j(), S));
|
|
872
|
+
return S ? O >= 0 : O <= b[l("scrollWidth")] - Lt(y)[l("width")];
|
|
873
873
|
}
|
|
874
|
-
function
|
|
875
|
-
|
|
876
|
-
var G = S !== !0 && d(
|
|
874
|
+
function $(S, O) {
|
|
875
|
+
O = Be(O) ? j() : O;
|
|
876
|
+
var G = S !== !0 && d(O) < d(I(!1)), nt = S !== !1 && d(O) > d(I(!0));
|
|
877
877
|
return G || nt;
|
|
878
878
|
}
|
|
879
879
|
return {
|
|
@@ -882,120 +882,120 @@ function Ri(t, e, n) {
|
|
|
882
882
|
jump: v,
|
|
883
883
|
translate: T,
|
|
884
884
|
shift: z,
|
|
885
|
-
cancel:
|
|
885
|
+
cancel: A,
|
|
886
886
|
toIndex: R,
|
|
887
|
-
toPosition:
|
|
887
|
+
toPosition: B,
|
|
888
888
|
getPosition: j,
|
|
889
889
|
getLimit: I,
|
|
890
|
-
exceededLimit:
|
|
890
|
+
exceededLimit: $,
|
|
891
891
|
reposition: N
|
|
892
892
|
};
|
|
893
893
|
}
|
|
894
|
-
function
|
|
895
|
-
var o = gt(t), r = o.on, a = o.emit, i = e.Move, c = i.getPosition,
|
|
894
|
+
function Ri(t, e, n) {
|
|
895
|
+
var o = gt(t), r = o.on, a = o.emit, i = e.Move, c = i.getPosition, s = i.getLimit, p = i.toPosition, u = e.Slides, C = u.isEnough, h = u.getLength, g = n.omitEnd, l = t.is(xe), d = t.is(be), w = ut(j, !1), b = ut(j, !0), y = n.start || 0, x, V = y, N, L, v;
|
|
896
896
|
function T() {
|
|
897
897
|
k(), r([Ct, ht, Qe], k), r(nn, z);
|
|
898
898
|
}
|
|
899
899
|
function k() {
|
|
900
|
-
N = h(!0), L = n.perMove, v = n.perPage, x =
|
|
901
|
-
var
|
|
902
|
-
|
|
900
|
+
N = h(!0), L = n.perMove, v = n.perPage, x = _();
|
|
901
|
+
var E = de(y, 0, g ? x : N - 1);
|
|
902
|
+
E !== y && (y = E, i.reposition());
|
|
903
903
|
}
|
|
904
904
|
function z() {
|
|
905
|
-
x !==
|
|
905
|
+
x !== _() && a(Qe);
|
|
906
906
|
}
|
|
907
|
-
function E
|
|
907
|
+
function A(E, K, yt) {
|
|
908
908
|
if (!lt()) {
|
|
909
|
-
var it =
|
|
909
|
+
var it = B(E), mt = I(it);
|
|
910
910
|
mt > -1 && (K || mt !== y) && (G(mt), i.move(it, mt, V, yt));
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
|
-
function R(
|
|
914
|
-
e.Scroll.scroll(
|
|
913
|
+
function R(E, K, yt, it) {
|
|
914
|
+
e.Scroll.scroll(E, K, yt, function() {
|
|
915
915
|
var mt = I(i.toIndex(c()));
|
|
916
916
|
G(g ? Zt(mt, x) : mt), it && it();
|
|
917
917
|
});
|
|
918
918
|
}
|
|
919
|
-
function
|
|
919
|
+
function B(E) {
|
|
920
920
|
var K = y;
|
|
921
|
-
if (Jt(
|
|
922
|
-
var yt =
|
|
923
|
-
it === "+" || it === "-" ? K = H(y + +("" + it + (+mt || 1)), y) : it === ">" ? K = mt ?
|
|
921
|
+
if (Jt(E)) {
|
|
922
|
+
var yt = E.match(/([+\-<>])(\d+)?/) || [], it = yt[1], mt = yt[2];
|
|
923
|
+
it === "+" || it === "-" ? K = H(y + +("" + it + (+mt || 1)), y) : it === ">" ? K = mt ? $(+mt) : w(!0) : it === "<" && (K = b(!0));
|
|
924
924
|
} else
|
|
925
|
-
K =
|
|
925
|
+
K = l ? E : de(E, 0, x);
|
|
926
926
|
return K;
|
|
927
927
|
}
|
|
928
|
-
function j(
|
|
929
|
-
var yt = L || (tt() ? 1 : v), it = H(y + yt * (
|
|
930
|
-
return it === -1 && d && !
|
|
928
|
+
function j(E, K) {
|
|
929
|
+
var yt = L || (tt() ? 1 : v), it = H(y + yt * (E ? -1 : 1), y, !(L || tt()));
|
|
930
|
+
return it === -1 && d && !Io(c(), s(!E), 1) ? E ? 0 : x : K ? it : I(it);
|
|
931
931
|
}
|
|
932
|
-
function H(
|
|
932
|
+
function H(E, K, yt) {
|
|
933
933
|
if (C() || tt()) {
|
|
934
|
-
var it = m(
|
|
935
|
-
it !==
|
|
934
|
+
var it = m(E);
|
|
935
|
+
it !== E && (K = E, E = it, yt = !1), E < 0 || E > x ? !L && (Ge(0, E, K, !0) || Ge(x, K, E, !0)) ? E = $(S(E)) : l ? E = yt ? E < 0 ? -(N % v || v) : N : E : n.rewind ? E = E < 0 ? x : 0 : E = -1 : yt && E !== K && (E = $(S(K) + (E < K ? -1 : 1)));
|
|
936
936
|
} else
|
|
937
|
-
|
|
938
|
-
return
|
|
939
|
-
}
|
|
940
|
-
function m(
|
|
941
|
-
if (d && n.trimSpace === "move" &&
|
|
942
|
-
for (var K = c(); K === p(
|
|
943
|
-
|
|
944
|
-
return
|
|
945
|
-
}
|
|
946
|
-
function I(
|
|
947
|
-
return
|
|
948
|
-
}
|
|
949
|
-
function
|
|
950
|
-
for (var
|
|
951
|
-
if (p(N - 1, !0) !== p(
|
|
952
|
-
|
|
937
|
+
E = -1;
|
|
938
|
+
return E;
|
|
939
|
+
}
|
|
940
|
+
function m(E) {
|
|
941
|
+
if (d && n.trimSpace === "move" && E !== y)
|
|
942
|
+
for (var K = c(); K === p(E, !0) && Ge(E, 0, t.length - 1, !n.rewind); )
|
|
943
|
+
E < y ? --E : ++E;
|
|
944
|
+
return E;
|
|
945
|
+
}
|
|
946
|
+
function I(E) {
|
|
947
|
+
return l ? (E + N) % N || 0 : E;
|
|
948
|
+
}
|
|
949
|
+
function _() {
|
|
950
|
+
for (var E = N - (tt() || l && L ? 1 : v); g && E-- > 0; )
|
|
951
|
+
if (p(N - 1, !0) !== p(E, !0)) {
|
|
952
|
+
E++;
|
|
953
953
|
break;
|
|
954
954
|
}
|
|
955
|
-
return de(
|
|
955
|
+
return de(E, 0, N - 1);
|
|
956
956
|
}
|
|
957
|
-
function
|
|
958
|
-
return de(tt() ?
|
|
957
|
+
function $(E) {
|
|
958
|
+
return de(tt() ? E : v * E, 0, x);
|
|
959
959
|
}
|
|
960
|
-
function S(
|
|
961
|
-
return tt() ? Zt(
|
|
960
|
+
function S(E) {
|
|
961
|
+
return tt() ? Zt(E, x) : Ze((E >= x ? N - 1 : E) / v);
|
|
962
962
|
}
|
|
963
|
-
function
|
|
964
|
-
var K = i.toIndex(
|
|
963
|
+
function O(E) {
|
|
964
|
+
var K = i.toIndex(E);
|
|
965
965
|
return d ? de(K, 0, x) : K;
|
|
966
966
|
}
|
|
967
|
-
function G(
|
|
968
|
-
|
|
967
|
+
function G(E) {
|
|
968
|
+
E !== y && (V = y, y = E);
|
|
969
969
|
}
|
|
970
|
-
function nt(
|
|
971
|
-
return
|
|
970
|
+
function nt(E) {
|
|
971
|
+
return E ? V : y;
|
|
972
972
|
}
|
|
973
973
|
function tt() {
|
|
974
|
-
return !
|
|
974
|
+
return !Be(n.focus) || n.isNavigation;
|
|
975
975
|
}
|
|
976
976
|
function lt() {
|
|
977
|
-
return t.state.is([Se,
|
|
977
|
+
return t.state.is([Se, Pe]) && !!n.waitForTransition;
|
|
978
978
|
}
|
|
979
979
|
return {
|
|
980
980
|
mount: T,
|
|
981
|
-
go:
|
|
981
|
+
go: A,
|
|
982
982
|
scroll: R,
|
|
983
983
|
getNext: w,
|
|
984
984
|
getPrev: b,
|
|
985
985
|
getAdjacent: j,
|
|
986
|
-
getEnd:
|
|
986
|
+
getEnd: _,
|
|
987
987
|
setIndex: G,
|
|
988
988
|
getIndex: nt,
|
|
989
|
-
toIndex:
|
|
989
|
+
toIndex: $,
|
|
990
990
|
toPage: S,
|
|
991
|
-
toDest:
|
|
991
|
+
toDest: O,
|
|
992
992
|
hasFocus: tt,
|
|
993
993
|
isBusy: lt
|
|
994
994
|
};
|
|
995
995
|
}
|
|
996
996
|
var Pi = "http://www.w3.org/2000/svg", Bi = "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z", De = 40;
|
|
997
|
-
function
|
|
998
|
-
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = n.classes,
|
|
997
|
+
function Oi(t, e, n) {
|
|
998
|
+
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = n.classes, s = n.i18n, p = e.Elements, u = e.Controller, C = p.arrows, h = p.track, g = C, l = p.prev, d = p.next, w, b, y = {};
|
|
999
999
|
function x() {
|
|
1000
1000
|
N(), r(Ct, V);
|
|
1001
1001
|
}
|
|
@@ -1004,49 +1004,49 @@ function Ni(t, e, n) {
|
|
|
1004
1004
|
}
|
|
1005
1005
|
function N() {
|
|
1006
1006
|
var R = n.arrows;
|
|
1007
|
-
R && !(
|
|
1008
|
-
prev:
|
|
1007
|
+
R && !(l && d) && k(), l && d && (Ie(y, {
|
|
1008
|
+
prev: l,
|
|
1009
1009
|
next: d
|
|
1010
|
-
}), ke(g, R ? "" : "none"),
|
|
1010
|
+
}), ke(g, R ? "" : "none"), Bt(g, b = Un + "--" + n.direction), R && (v(), A(), Q([l, d], Ve, h.id), i(zo, l, d)));
|
|
1011
1011
|
}
|
|
1012
1012
|
function L() {
|
|
1013
|
-
o.destroy(), Dt(g, b), w ? (ie(C ? [
|
|
1013
|
+
o.destroy(), Dt(g, b), w ? (ie(C ? [l, d] : g), l = d = null) : Ot([l, d], jn);
|
|
1014
1014
|
}
|
|
1015
1015
|
function v() {
|
|
1016
|
-
r([te, Ce, ht, le, Qe],
|
|
1016
|
+
r([te, Ce, ht, le, Qe], A), a(d, "click", ut(T, ">")), a(l, "click", ut(T, "<"));
|
|
1017
1017
|
}
|
|
1018
1018
|
function T(R) {
|
|
1019
1019
|
u.go(R, !0);
|
|
1020
1020
|
}
|
|
1021
1021
|
function k() {
|
|
1022
|
-
g = C || me("div", c.arrows),
|
|
1022
|
+
g = C || me("div", c.arrows), l = z(!0), d = z(!1), w = !0, Ne(g, [l, d]), !C && Fn(g, h);
|
|
1023
1023
|
}
|
|
1024
1024
|
function z(R) {
|
|
1025
|
-
var
|
|
1026
|
-
return Eo(
|
|
1025
|
+
var B = '<button class="' + c.arrow + " " + (R ? c.prev : c.next) + '" type="button"><svg xmlns="' + Pi + '" viewBox="0 0 ' + De + " " + De + '" width="' + De + '" height="' + De + '" focusable="false"><path d="' + (n.arrowPath || Bi) + '" />';
|
|
1026
|
+
return Eo(B);
|
|
1027
1027
|
}
|
|
1028
|
-
function
|
|
1029
|
-
if (
|
|
1030
|
-
var R = t.index,
|
|
1031
|
-
|
|
1028
|
+
function A() {
|
|
1029
|
+
if (l && d) {
|
|
1030
|
+
var R = t.index, B = u.getPrev(), j = u.getNext(), H = B > -1 && R < B ? s.last : s.prev, m = j > -1 && R > j ? s.first : s.next;
|
|
1031
|
+
l.disabled = B < 0, d.disabled = j < 0, Q(l, Et, H), Q(d, Et, m), i(Vo, l, d, B, j);
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
return {
|
|
1035
1035
|
arrows: y,
|
|
1036
1036
|
mount: x,
|
|
1037
1037
|
destroy: L,
|
|
1038
|
-
update:
|
|
1038
|
+
update: A
|
|
1039
1039
|
};
|
|
1040
1040
|
}
|
|
1041
|
-
var
|
|
1042
|
-
function
|
|
1043
|
-
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = rn(n.interval, t.go.bind(t, ">"), v),
|
|
1041
|
+
var Ni = Pn + "-interval";
|
|
1042
|
+
function Wi(t, e, n) {
|
|
1043
|
+
var o = gt(t), r = o.on, a = o.bind, i = o.emit, c = rn(n.interval, t.go.bind(t, ">"), v), s = c.isPaused, p = e.Elements, u = e.Elements, C = u.root, h = u.toggle, g = n.autoplay, l, d, w = g === "pause";
|
|
1044
1044
|
function b() {
|
|
1045
1045
|
g && (y(), h && Q(h, Ve, p.track.id), w || x(), L());
|
|
1046
1046
|
}
|
|
1047
1047
|
function y() {
|
|
1048
1048
|
n.pauseOnHover && a(C, "mouseenter mouseleave", function(k) {
|
|
1049
|
-
|
|
1049
|
+
l = k.type === "mouseenter", N();
|
|
1050
1050
|
}), n.pauseOnFocus && a(C, "focusin focusout", function(k) {
|
|
1051
1051
|
d = k.type === "focusin", N();
|
|
1052
1052
|
}), h && a(h, "click", function() {
|
|
@@ -1054,73 +1054,73 @@ function zi(t, e, n) {
|
|
|
1054
1054
|
}), r([Ut, on, ht], c.rewind), r(Ut, T);
|
|
1055
1055
|
}
|
|
1056
1056
|
function x() {
|
|
1057
|
-
|
|
1057
|
+
s() && e.Slides.isEnough() && (c.start(!n.resetProgress), d = l = w = !1, L(), i(zn));
|
|
1058
1058
|
}
|
|
1059
1059
|
function V(k) {
|
|
1060
|
-
k === void 0 && (k = !0), w = !!k, L(),
|
|
1060
|
+
k === void 0 && (k = !0), w = !!k, L(), s() || (c.pause(), i(Vn));
|
|
1061
1061
|
}
|
|
1062
1062
|
function N() {
|
|
1063
|
-
w || (
|
|
1063
|
+
w || (l || d ? V(!1) : x());
|
|
1064
1064
|
}
|
|
1065
1065
|
function L() {
|
|
1066
|
-
h && (Mt(h, ae, !w), Q(h,
|
|
1066
|
+
h && (Mt(h, ae, !w), Q(h, Et, n.i18n[w ? "play" : "pause"]));
|
|
1067
1067
|
}
|
|
1068
1068
|
function v(k) {
|
|
1069
1069
|
var z = p.bar;
|
|
1070
|
-
z && Ft(z, "width", k * 100 + "%"), i(
|
|
1070
|
+
z && Ft(z, "width", k * 100 + "%"), i(Ho, k);
|
|
1071
1071
|
}
|
|
1072
1072
|
function T(k) {
|
|
1073
1073
|
var z = e.Slides.getAt(k);
|
|
1074
|
-
c.set(z && +Rt(z.slide,
|
|
1074
|
+
c.set(z && +Rt(z.slide, Ni) || n.interval);
|
|
1075
1075
|
}
|
|
1076
1076
|
return {
|
|
1077
1077
|
mount: b,
|
|
1078
1078
|
destroy: c.cancel,
|
|
1079
1079
|
play: x,
|
|
1080
1080
|
pause: V,
|
|
1081
|
-
isPaused:
|
|
1081
|
+
isPaused: s
|
|
1082
1082
|
};
|
|
1083
1083
|
}
|
|
1084
|
-
function
|
|
1084
|
+
function zi(t, e, n) {
|
|
1085
1085
|
var o = gt(t), r = o.on;
|
|
1086
1086
|
function a() {
|
|
1087
1087
|
n.cover && (r(Mn, ut(c, !0)), r([te, Ct, ht], ut(i, !0)));
|
|
1088
1088
|
}
|
|
1089
|
-
function i(
|
|
1089
|
+
function i(s) {
|
|
1090
1090
|
e.Slides.forEach(function(p) {
|
|
1091
1091
|
var u = We(p.container || p.slide, "img");
|
|
1092
|
-
u && u.src && c(
|
|
1092
|
+
u && u.src && c(s, u, p);
|
|
1093
1093
|
});
|
|
1094
1094
|
}
|
|
1095
|
-
function c(
|
|
1096
|
-
u.style("background",
|
|
1095
|
+
function c(s, p, u) {
|
|
1096
|
+
u.style("background", s ? 'center/cover no-repeat url("' + p.src + '")' : "", !0), ke(p, s ? "none" : "");
|
|
1097
1097
|
}
|
|
1098
1098
|
return {
|
|
1099
1099
|
mount: a,
|
|
1100
1100
|
destroy: ut(i, !1)
|
|
1101
1101
|
};
|
|
1102
1102
|
}
|
|
1103
|
-
var
|
|
1104
|
-
function
|
|
1105
|
-
var o = gt(t), r = o.on, a = o.emit, i = t.state.set, c = e.Move,
|
|
1103
|
+
var Vi = 10, Mi = 600, Di = 0.6, Hi = 1.5, ji = 800;
|
|
1104
|
+
function Ui(t, e, n) {
|
|
1105
|
+
var o = gt(t), r = o.on, a = o.emit, i = t.state.set, c = e.Move, s = c.getPosition, p = c.getLimit, u = c.exceededLimit, C = c.translate, h = t.is(be), g, l, d = 1;
|
|
1106
1106
|
function w() {
|
|
1107
1107
|
r(Ut, V), r([Ct, ht], N);
|
|
1108
1108
|
}
|
|
1109
|
-
function b(v, T, k, z,
|
|
1110
|
-
var R =
|
|
1109
|
+
function b(v, T, k, z, A) {
|
|
1110
|
+
var R = s();
|
|
1111
1111
|
if (V(), k && (!h || !u())) {
|
|
1112
|
-
var
|
|
1113
|
-
v = c.toPosition(e.Controller.toDest(v %
|
|
1112
|
+
var B = e.Layout.sliderSize(), j = xn(v) * B * Ze(_t(v) / B) || 0;
|
|
1113
|
+
v = c.toPosition(e.Controller.toDest(v % B)) + j;
|
|
1114
1114
|
}
|
|
1115
|
-
var H =
|
|
1116
|
-
d = 1, T = H ? 0 : T || Je(
|
|
1115
|
+
var H = Io(R, v, 1);
|
|
1116
|
+
d = 1, T = H ? 0 : T || Je(_t(v - R) / Hi, ji), l = z, g = rn(T, y, ut(x, R, v, A), 1), i(Pe), a(on), g.start();
|
|
1117
1117
|
}
|
|
1118
1118
|
function y() {
|
|
1119
|
-
i(he),
|
|
1119
|
+
i(he), l && l(), a(le);
|
|
1120
1120
|
}
|
|
1121
1121
|
function x(v, T, k, z) {
|
|
1122
|
-
var
|
|
1123
|
-
C(
|
|
1122
|
+
var A = s(), R = v + (T - v) * L(z), B = (R - A) * d;
|
|
1123
|
+
C(A + B), h && !k && u() && (d *= Di, _t(B) < Vi && b(p(u(!0)), Mi, !1, l, !0));
|
|
1124
1124
|
}
|
|
1125
1125
|
function V() {
|
|
1126
1126
|
g && g.cancel();
|
|
@@ -1143,50 +1143,50 @@ var ge = {
|
|
|
1143
1143
|
passive: !1,
|
|
1144
1144
|
capture: !0
|
|
1145
1145
|
};
|
|
1146
|
-
function
|
|
1147
|
-
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = o.unbind,
|
|
1146
|
+
function Yi(t, e, n) {
|
|
1147
|
+
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = o.unbind, s = t.state, p = e.Move, u = e.Scroll, C = e.Controller, h = e.Elements.track, g = e.Media.reduce, l = e.Direction, d = l.resolve, w = l.orient, b = p.getPosition, y = p.exceededLimit, x, V, N, L, v, T = !1, k, z, A;
|
|
1148
1148
|
function R() {
|
|
1149
|
-
i(h, mn, Sn, ge), i(h, yn, Sn, ge), i(h,
|
|
1149
|
+
i(h, mn, Sn, ge), i(h, yn, Sn, ge), i(h, rr, j, ge), i(h, "click", I, {
|
|
1150
1150
|
capture: !0
|
|
1151
|
-
}), i(h, "dragstart", Vt), r([te, Ct],
|
|
1151
|
+
}), i(h, "dragstart", Vt), r([te, Ct], B);
|
|
1152
1152
|
}
|
|
1153
|
-
function
|
|
1153
|
+
function B() {
|
|
1154
1154
|
var M = n.drag;
|
|
1155
1155
|
zt(!M), L = M === "free";
|
|
1156
1156
|
}
|
|
1157
1157
|
function j(M) {
|
|
1158
1158
|
if (k = !1, !z) {
|
|
1159
1159
|
var f = mt(M);
|
|
1160
|
-
it(M.target) && (f || !M.button) && (C.isBusy() ? Vt(M, !0) : (
|
|
1160
|
+
it(M.target) && (f || !M.button) && (C.isBusy() ? Vt(M, !0) : (A = f ? h : window, v = s.is([Se, Pe]), N = null, i(A, mn, H, ge), i(A, yn, m, ge), p.cancel(), u.cancel(), _(M)));
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
1163
|
function H(M) {
|
|
1164
|
-
if (
|
|
1164
|
+
if (s.is(Ue) || (s.set(Ue), a(Oo)), M.cancelable)
|
|
1165
1165
|
if (v) {
|
|
1166
1166
|
p.translate(x + yt(tt(M)));
|
|
1167
1167
|
var f = lt(M) > so, D = T !== (T = y());
|
|
1168
|
-
(f || D) &&
|
|
1169
|
-
} else
|
|
1168
|
+
(f || D) && _(M), k = !0, a(No), Vt(M);
|
|
1169
|
+
} else O(M) && (v = S(M), Vt(M));
|
|
1170
1170
|
}
|
|
1171
1171
|
function m(M) {
|
|
1172
|
-
|
|
1172
|
+
s.is(Ue) && (s.set(he), a(Wo)), v && ($(M), Vt(M)), c(A, mn, H), c(A, yn, m), v = !1;
|
|
1173
1173
|
}
|
|
1174
1174
|
function I(M) {
|
|
1175
1175
|
!z && k && Vt(M, !0);
|
|
1176
1176
|
}
|
|
1177
|
-
function
|
|
1177
|
+
function _(M) {
|
|
1178
1178
|
N = V, V = M, x = b();
|
|
1179
1179
|
}
|
|
1180
|
-
function
|
|
1180
|
+
function $(M) {
|
|
1181
1181
|
var f = G(M), D = nt(f), q = n.rewind && n.rewindByDrag;
|
|
1182
1182
|
g(!1), L ? C.scroll(D, 0, n.snap) : t.is(Me) ? C.go(w(xn(f)) < 0 ? q ? "<" : "-" : q ? ">" : "+") : t.is(be) && T && q ? C.go(y(!0) ? ">" : "<") : C.go(C.toDest(D), !0), g(!0);
|
|
1183
1183
|
}
|
|
1184
1184
|
function S(M) {
|
|
1185
1185
|
var f = n.dragMinThreshold, D = Le(f), q = D && f.mouse || 0, Y = (D ? f.touch : +f) || 10;
|
|
1186
|
-
return
|
|
1186
|
+
return _t(tt(M)) > (mt(M) ? Y : q);
|
|
1187
1187
|
}
|
|
1188
|
-
function
|
|
1189
|
-
return
|
|
1188
|
+
function O(M) {
|
|
1189
|
+
return _t(tt(M)) > _t(tt(M, !0));
|
|
1190
1190
|
}
|
|
1191
1191
|
function G(M) {
|
|
1192
1192
|
if (t.is(xe) || !T) {
|
|
@@ -1197,26 +1197,26 @@ function Gi(t, e, n) {
|
|
|
1197
1197
|
return 0;
|
|
1198
1198
|
}
|
|
1199
1199
|
function nt(M) {
|
|
1200
|
-
return b() + xn(M) * Zt(
|
|
1200
|
+
return b() + xn(M) * Zt(_t(M) * (n.flickPower || 600), L ? 1 / 0 : e.Layout.listSize() * (n.flickMaxPages || 1));
|
|
1201
1201
|
}
|
|
1202
1202
|
function tt(M, f) {
|
|
1203
|
-
return K(M, f) - K(
|
|
1203
|
+
return K(M, f) - K(E(M), f);
|
|
1204
1204
|
}
|
|
1205
1205
|
function lt(M) {
|
|
1206
|
-
return Cn(M) - Cn(
|
|
1206
|
+
return Cn(M) - Cn(E(M));
|
|
1207
1207
|
}
|
|
1208
|
-
function
|
|
1208
|
+
function E(M) {
|
|
1209
1209
|
return V === M && N || V;
|
|
1210
1210
|
}
|
|
1211
1211
|
function K(M, f) {
|
|
1212
1212
|
return (mt(M) ? M.changedTouches[0] : M)["page" + d(f ? "Y" : "X")];
|
|
1213
1213
|
}
|
|
1214
1214
|
function yt(M) {
|
|
1215
|
-
return M / (T && t.is(be) ?
|
|
1215
|
+
return M / (T && t.is(be) ? wi : 1);
|
|
1216
1216
|
}
|
|
1217
1217
|
function it(M) {
|
|
1218
1218
|
var f = n.noDrag;
|
|
1219
|
-
return !
|
|
1219
|
+
return !Ee(M, "." + Qo + ", ." + pn) && (!f || !Ee(M, f));
|
|
1220
1220
|
}
|
|
1221
1221
|
function mt(M) {
|
|
1222
1222
|
return typeof TouchEvent < "u" && M instanceof TouchEvent;
|
|
@@ -1233,19 +1233,19 @@ function Gi(t, e, n) {
|
|
|
1233
1233
|
isDragging: Wt
|
|
1234
1234
|
};
|
|
1235
1235
|
}
|
|
1236
|
-
var
|
|
1236
|
+
var Gi = {
|
|
1237
1237
|
Spacebar: " ",
|
|
1238
1238
|
Right: sn,
|
|
1239
1239
|
Left: ln,
|
|
1240
|
-
Up:
|
|
1241
|
-
Down:
|
|
1240
|
+
Up: Yo,
|
|
1241
|
+
Down: Go
|
|
1242
1242
|
};
|
|
1243
1243
|
function Yn(t) {
|
|
1244
|
-
return t = Jt(t) ? t : t.key,
|
|
1244
|
+
return t = Jt(t) ? t : t.key, Gi[t] || t;
|
|
1245
1245
|
}
|
|
1246
1246
|
var co = "keydown";
|
|
1247
|
-
function
|
|
1248
|
-
var o = gt(t), r = o.on, a = o.bind, i = o.unbind, c = t.root,
|
|
1247
|
+
function qi(t, e, n) {
|
|
1248
|
+
var o = gt(t), r = o.on, a = o.bind, i = o.unbind, c = t.root, s = e.Direction.resolve, p, u;
|
|
1249
1249
|
function C() {
|
|
1250
1250
|
h(), r(Ct, g), r(Ct, h), r(Ut, d);
|
|
1251
1251
|
}
|
|
@@ -1256,7 +1256,7 @@ function Xi(t, e, n) {
|
|
|
1256
1256
|
function g() {
|
|
1257
1257
|
i(p, co);
|
|
1258
1258
|
}
|
|
1259
|
-
function
|
|
1259
|
+
function l(b) {
|
|
1260
1260
|
u = b;
|
|
1261
1261
|
}
|
|
1262
1262
|
function d() {
|
|
@@ -1268,28 +1268,28 @@ function Xi(t, e, n) {
|
|
|
1268
1268
|
function w(b) {
|
|
1269
1269
|
if (!u) {
|
|
1270
1270
|
var y = Yn(b);
|
|
1271
|
-
y ===
|
|
1271
|
+
y === s(ln) ? t.go("<") : y === s(sn) && t.go(">");
|
|
1272
1272
|
}
|
|
1273
1273
|
}
|
|
1274
1274
|
return {
|
|
1275
1275
|
mount: C,
|
|
1276
1276
|
destroy: g,
|
|
1277
|
-
disable:
|
|
1277
|
+
disable: l
|
|
1278
1278
|
};
|
|
1279
1279
|
}
|
|
1280
|
-
var
|
|
1281
|
-
function
|
|
1282
|
-
var o = gt(t), r = o.on, a = o.off, i = o.bind, c = o.emit,
|
|
1280
|
+
var $e = Pn + "-lazy", qe = $e + "-srcset", Xi = "[" + $e + "], [" + qe + "]";
|
|
1281
|
+
function Ki(t, e, n) {
|
|
1282
|
+
var o = gt(t), r = o.on, a = o.off, i = o.bind, c = o.emit, s = n.lazyLoad === "sequential", p = [Ce, le], u = [];
|
|
1283
1283
|
function C() {
|
|
1284
1284
|
n.lazyLoad && (h(), r(ht, h));
|
|
1285
1285
|
}
|
|
1286
1286
|
function h() {
|
|
1287
|
-
jt(u), g(),
|
|
1287
|
+
jt(u), g(), s ? b() : (a(p), r(p, l), l());
|
|
1288
1288
|
}
|
|
1289
1289
|
function g() {
|
|
1290
1290
|
e.Slides.forEach(function(y) {
|
|
1291
|
-
Rn(y.slide,
|
|
1292
|
-
var V = Rt(x,
|
|
1291
|
+
Rn(y.slide, Xi).forEach(function(x) {
|
|
1292
|
+
var V = Rt(x, $e), N = Rt(x, qe);
|
|
1293
1293
|
if (V !== x.src || N !== x.srcset) {
|
|
1294
1294
|
var L = n.classes.spinner, v = x.parentElement, T = We(v, "." + L) || me("span", L, v);
|
|
1295
1295
|
u.push([x, y, T]), x.src || ke(x, "none");
|
|
@@ -1297,7 +1297,7 @@ function Ji(t, e, n) {
|
|
|
1297
1297
|
});
|
|
1298
1298
|
});
|
|
1299
1299
|
}
|
|
1300
|
-
function
|
|
1300
|
+
function l() {
|
|
1301
1301
|
u = u.filter(function(y) {
|
|
1302
1302
|
var x = n.perPage * ((n.preloadPages || 1) + 1) - 1;
|
|
1303
1303
|
return y[1].isWithin(t.index, x) ? d(y) : !0;
|
|
@@ -1305,11 +1305,11 @@ function Ji(t, e, n) {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
function d(y) {
|
|
1307
1307
|
var x = y[0];
|
|
1308
|
-
|
|
1308
|
+
Bt(y[1].slide, Tn), i(x, "load error", ut(w, y)), Q(x, "src", Rt(x, $e)), Q(x, "srcset", Rt(x, qe)), Ot(x, $e), Ot(x, qe);
|
|
1309
1309
|
}
|
|
1310
1310
|
function w(y, x) {
|
|
1311
1311
|
var V = y[0], N = y[1];
|
|
1312
|
-
Dt(N.slide, Tn), x.type !== "error" && (ie(y[2]), ke(V, ""), c(Mn, V, N), c(ve)),
|
|
1312
|
+
Dt(N.slide, Tn), x.type !== "error" && (ie(y[2]), ke(V, ""), c(Mn, V, N), c(ve)), s && b();
|
|
1313
1313
|
}
|
|
1314
1314
|
function b() {
|
|
1315
1315
|
u.length && d(u.shift());
|
|
@@ -1317,33 +1317,33 @@ function Ji(t, e, n) {
|
|
|
1317
1317
|
return {
|
|
1318
1318
|
mount: C,
|
|
1319
1319
|
destroy: ut(jt, u),
|
|
1320
|
-
check:
|
|
1320
|
+
check: l
|
|
1321
1321
|
};
|
|
1322
1322
|
}
|
|
1323
|
-
function
|
|
1324
|
-
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = e.Slides,
|
|
1323
|
+
function Ji(t, e, n) {
|
|
1324
|
+
var o = gt(t), r = o.on, a = o.emit, i = o.bind, c = e.Slides, s = e.Elements, p = e.Controller, u = p.hasFocus, C = p.getIndex, h = p.go, g = e.Direction.resolve, l = s.pagination, d = [], w, b;
|
|
1325
1325
|
function y() {
|
|
1326
1326
|
x(), r([Ct, ht, Qe], y);
|
|
1327
1327
|
var z = n.pagination;
|
|
1328
|
-
|
|
1328
|
+
l && ke(l, z ? "" : "none"), z && (r([Ut, on, le], k), V(), k(), a(Mo, {
|
|
1329
1329
|
list: w,
|
|
1330
1330
|
items: d
|
|
1331
1331
|
}, T(t.index)));
|
|
1332
1332
|
}
|
|
1333
1333
|
function x() {
|
|
1334
|
-
w && (ie(
|
|
1334
|
+
w && (ie(l ? Qt(w.children) : w), Dt(w, b), jt(d), w = null), o.destroy();
|
|
1335
1335
|
}
|
|
1336
1336
|
function V() {
|
|
1337
|
-
var z = t.length,
|
|
1338
|
-
w =
|
|
1337
|
+
var z = t.length, A = n.classes, R = n.i18n, B = n.perPage, j = u() ? p.getEnd() + 1 : Fe(z / B);
|
|
1338
|
+
w = l || me("ul", A.pagination, s.track.parentElement), Bt(w, b = dn + "--" + v()), Q(w, Ht, "tablist"), Q(w, Et, R.select), Q(w, Hn, v() === cn ? "vertical" : "");
|
|
1339
1339
|
for (var H = 0; H < j; H++) {
|
|
1340
1340
|
var m = me("li", null, w), I = me("button", {
|
|
1341
|
-
class:
|
|
1341
|
+
class: A.page,
|
|
1342
1342
|
type: "button"
|
|
1343
|
-
}, m),
|
|
1343
|
+
}, m), _ = c.getIn(H).map(function(S) {
|
|
1344
1344
|
return S.slide.id;
|
|
1345
|
-
}),
|
|
1346
|
-
i(I, "click", ut(N, H)), n.paginationKeyboard && i(I, "keydown", ut(L, H)), Q(m, Ht, "presentation"), Q(I, Ht, "tab"), Q(I, Ve,
|
|
1345
|
+
}), $ = !u() && B > 1 ? R.pageX : R.slideX;
|
|
1346
|
+
i(I, "click", ut(N, H)), n.paginationKeyboard && i(I, "keydown", ut(L, H)), Q(m, Ht, "presentation"), Q(I, Ht, "tab"), Q(I, Ve, _.join(" ")), Q(I, Et, _n($, H + 1)), Q(I, ye, -1), d.push({
|
|
1347
1347
|
li: m,
|
|
1348
1348
|
button: I,
|
|
1349
1349
|
page: H
|
|
@@ -1353,11 +1353,11 @@ function Zi(t, e, n) {
|
|
|
1353
1353
|
function N(z) {
|
|
1354
1354
|
h(">" + z, !0);
|
|
1355
1355
|
}
|
|
1356
|
-
function L(z,
|
|
1357
|
-
var R = d.length,
|
|
1358
|
-
|
|
1356
|
+
function L(z, A) {
|
|
1357
|
+
var R = d.length, B = Yn(A), j = v(), H = -1;
|
|
1358
|
+
B === g(sn, !1, j) ? H = ++z % R : B === g(ln, !1, j) ? H = (--z + R) % R : B === "Home" ? H = 0 : B === "End" && (H = R - 1);
|
|
1359
1359
|
var m = d[H];
|
|
1360
|
-
m && (
|
|
1360
|
+
m && (Lo(m.button), h(">" + H), Vt(A, !0));
|
|
1361
1361
|
}
|
|
1362
1362
|
function v() {
|
|
1363
1363
|
return n.paginationDirection || n.direction;
|
|
@@ -1366,19 +1366,19 @@ function Zi(t, e, n) {
|
|
|
1366
1366
|
return d[p.toPage(z)];
|
|
1367
1367
|
}
|
|
1368
1368
|
function k() {
|
|
1369
|
-
var z = T(C(!0)),
|
|
1369
|
+
var z = T(C(!0)), A = T(C());
|
|
1370
1370
|
if (z) {
|
|
1371
1371
|
var R = z.button;
|
|
1372
|
-
Dt(R, ae),
|
|
1372
|
+
Dt(R, ae), Ot(R, oo), Q(R, ye, -1);
|
|
1373
1373
|
}
|
|
1374
|
-
if (
|
|
1375
|
-
var
|
|
1376
|
-
|
|
1374
|
+
if (A) {
|
|
1375
|
+
var B = A.button;
|
|
1376
|
+
Bt(B, ae), Q(B, oo, !0), Q(B, ye, "");
|
|
1377
1377
|
}
|
|
1378
|
-
a(
|
|
1378
|
+
a(Do, {
|
|
1379
1379
|
list: w,
|
|
1380
1380
|
items: d
|
|
1381
|
-
}, z,
|
|
1381
|
+
}, z, A);
|
|
1382
1382
|
}
|
|
1383
1383
|
return {
|
|
1384
1384
|
items: d,
|
|
@@ -1388,79 +1388,79 @@ function Zi(t, e, n) {
|
|
|
1388
1388
|
update: k
|
|
1389
1389
|
};
|
|
1390
1390
|
}
|
|
1391
|
-
var
|
|
1392
|
-
function
|
|
1391
|
+
var Zi = [" ", "Enter"];
|
|
1392
|
+
function Qi(t, e, n) {
|
|
1393
1393
|
var o = n.isNavigation, r = n.slideFocus, a = [];
|
|
1394
1394
|
function i() {
|
|
1395
|
-
t.splides.forEach(function(
|
|
1396
|
-
|
|
1395
|
+
t.splides.forEach(function(l) {
|
|
1396
|
+
l.isParent || (p(t, l.splide), p(l.splide, t));
|
|
1397
1397
|
}), o && u();
|
|
1398
1398
|
}
|
|
1399
1399
|
function c() {
|
|
1400
|
-
a.forEach(function(
|
|
1401
|
-
|
|
1400
|
+
a.forEach(function(l) {
|
|
1401
|
+
l.destroy();
|
|
1402
1402
|
}), jt(a);
|
|
1403
1403
|
}
|
|
1404
|
-
function
|
|
1404
|
+
function s() {
|
|
1405
1405
|
c(), i();
|
|
1406
1406
|
}
|
|
1407
|
-
function p(
|
|
1408
|
-
var w = gt(
|
|
1407
|
+
function p(l, d) {
|
|
1408
|
+
var w = gt(l);
|
|
1409
1409
|
w.on(Ut, function(b, y, x) {
|
|
1410
1410
|
d.go(d.is(xe) ? x : b);
|
|
1411
1411
|
}), a.push(w);
|
|
1412
1412
|
}
|
|
1413
1413
|
function u() {
|
|
1414
|
-
var
|
|
1415
|
-
d(
|
|
1414
|
+
var l = gt(t), d = l.on;
|
|
1415
|
+
d(On, h), d(jo, g), d([te, Ct], C), a.push(l), l.emit(Wn, t.splides);
|
|
1416
1416
|
}
|
|
1417
1417
|
function C() {
|
|
1418
1418
|
Q(e.Elements.list, Hn, n.direction === cn ? "vertical" : "");
|
|
1419
1419
|
}
|
|
1420
|
-
function h(
|
|
1421
|
-
t.go(
|
|
1420
|
+
function h(l) {
|
|
1421
|
+
t.go(l.index);
|
|
1422
1422
|
}
|
|
1423
|
-
function g(
|
|
1424
|
-
kn(
|
|
1423
|
+
function g(l, d) {
|
|
1424
|
+
kn(Zi, Yn(d)) && (h(l), Vt(d));
|
|
1425
1425
|
}
|
|
1426
1426
|
return {
|
|
1427
1427
|
setup: ut(e.Media.set, {
|
|
1428
|
-
slideFocus:
|
|
1428
|
+
slideFocus: Be(r) ? o : r
|
|
1429
1429
|
}, !0),
|
|
1430
1430
|
mount: i,
|
|
1431
1431
|
destroy: c,
|
|
1432
|
-
remount:
|
|
1432
|
+
remount: s
|
|
1433
1433
|
};
|
|
1434
1434
|
}
|
|
1435
|
-
function
|
|
1435
|
+
function ta(t, e, n) {
|
|
1436
1436
|
var o = gt(t), r = o.bind, a = 0;
|
|
1437
1437
|
function i() {
|
|
1438
1438
|
n.wheel && r(e.Elements.track, "wheel", c, ge);
|
|
1439
1439
|
}
|
|
1440
1440
|
function c(p) {
|
|
1441
1441
|
if (p.cancelable) {
|
|
1442
|
-
var u = p.deltaY, C = u < 0, h = Cn(p), g = n.wheelMinThreshold || 0,
|
|
1443
|
-
|
|
1442
|
+
var u = p.deltaY, C = u < 0, h = Cn(p), g = n.wheelMinThreshold || 0, l = n.wheelSleep || 0;
|
|
1443
|
+
_t(u) > g && h - a > l && (t.go(C ? "<" : ">"), a = h), s(C) && Vt(p);
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
|
-
function
|
|
1446
|
+
function s(p) {
|
|
1447
1447
|
return !n.releaseWheel || t.state.is(Se) || e.Controller.getAdjacent(p) !== -1;
|
|
1448
1448
|
}
|
|
1449
1449
|
return {
|
|
1450
1450
|
mount: i
|
|
1451
1451
|
};
|
|
1452
1452
|
}
|
|
1453
|
-
var
|
|
1454
|
-
function
|
|
1455
|
-
var o = gt(t), r = o.on, a = e.Elements.track, i = n.live && !n.isNavigation, c = me("span",
|
|
1453
|
+
var ea = 90;
|
|
1454
|
+
function na(t, e, n) {
|
|
1455
|
+
var o = gt(t), r = o.on, a = e.Elements.track, i = n.live && !n.isNavigation, c = me("span", Si), s = rn(ea, ut(u, !1));
|
|
1456
1456
|
function p() {
|
|
1457
1457
|
i && (h(!e.Autoplay.isPaused()), Q(a, ao, !0), c.textContent = "…", r(zn, ut(h, !0)), r(Vn, ut(h, !1)), r([Ce, le], ut(u, !0)));
|
|
1458
1458
|
}
|
|
1459
1459
|
function u(g) {
|
|
1460
|
-
Q(a, io, g), g ? (Ne(a, c),
|
|
1460
|
+
Q(a, io, g), g ? (Ne(a, c), s.start()) : (ie(c), s.cancel());
|
|
1461
1461
|
}
|
|
1462
1462
|
function C() {
|
|
1463
|
-
|
|
1463
|
+
Ot(a, [ro, ao, io]), ie(c);
|
|
1464
1464
|
}
|
|
1465
1465
|
function h(g) {
|
|
1466
1466
|
i && Q(a, ro, g ? "off" : "polite");
|
|
@@ -1471,28 +1471,28 @@ function oa(t, e, n) {
|
|
|
1471
1471
|
destroy: C
|
|
1472
1472
|
};
|
|
1473
1473
|
}
|
|
1474
|
-
var
|
|
1474
|
+
var oa = /* @__PURE__ */ Object.freeze({
|
|
1475
1475
|
__proto__: null,
|
|
1476
|
-
Media:
|
|
1477
|
-
Direction:
|
|
1478
|
-
Elements:
|
|
1476
|
+
Media: pi,
|
|
1477
|
+
Direction: di,
|
|
1478
|
+
Elements: Ti,
|
|
1479
1479
|
Slides: Ei,
|
|
1480
|
-
Layout:
|
|
1481
|
-
Clones:
|
|
1482
|
-
Move:
|
|
1483
|
-
Controller:
|
|
1484
|
-
Arrows:
|
|
1485
|
-
Autoplay:
|
|
1486
|
-
Cover:
|
|
1487
|
-
Scroll:
|
|
1488
|
-
Drag:
|
|
1489
|
-
Keyboard:
|
|
1490
|
-
LazyLoad:
|
|
1491
|
-
Pagination:
|
|
1492
|
-
Sync:
|
|
1493
|
-
Wheel:
|
|
1494
|
-
Live:
|
|
1495
|
-
}),
|
|
1480
|
+
Layout: Ai,
|
|
1481
|
+
Clones: ki,
|
|
1482
|
+
Move: Fi,
|
|
1483
|
+
Controller: Ri,
|
|
1484
|
+
Arrows: Oi,
|
|
1485
|
+
Autoplay: Wi,
|
|
1486
|
+
Cover: zi,
|
|
1487
|
+
Scroll: Ui,
|
|
1488
|
+
Drag: Yi,
|
|
1489
|
+
Keyboard: qi,
|
|
1490
|
+
LazyLoad: Ki,
|
|
1491
|
+
Pagination: Ji,
|
|
1492
|
+
Sync: Qi,
|
|
1493
|
+
Wheel: ta,
|
|
1494
|
+
Live: na
|
|
1495
|
+
}), ra = {
|
|
1496
1496
|
prev: "Previous slide",
|
|
1497
1497
|
next: "Next slide",
|
|
1498
1498
|
first: "Go to first slide",
|
|
@@ -1505,7 +1505,7 @@ var ra = /* @__PURE__ */ Object.freeze({
|
|
|
1505
1505
|
slide: "slide",
|
|
1506
1506
|
select: "Select a slide to show",
|
|
1507
1507
|
slideLabel: "%s of %s"
|
|
1508
|
-
},
|
|
1508
|
+
}, ia = {
|
|
1509
1509
|
type: "slide",
|
|
1510
1510
|
role: "region",
|
|
1511
1511
|
speed: 400,
|
|
@@ -1525,14 +1525,14 @@ var ra = /* @__PURE__ */ Object.freeze({
|
|
|
1525
1525
|
focusableNodes: "a, button, textarea, input, select, iframe",
|
|
1526
1526
|
live: !0,
|
|
1527
1527
|
classes: _i,
|
|
1528
|
-
i18n:
|
|
1528
|
+
i18n: ra,
|
|
1529
1529
|
reducedMotion: {
|
|
1530
1530
|
speed: 0,
|
|
1531
1531
|
rewindSpeed: 0,
|
|
1532
1532
|
autoplay: "pause"
|
|
1533
1533
|
}
|
|
1534
1534
|
};
|
|
1535
|
-
function
|
|
1535
|
+
function aa(t, e, n) {
|
|
1536
1536
|
var o = e.Slides;
|
|
1537
1537
|
function r() {
|
|
1538
1538
|
gt(t).on([te, ht], a);
|
|
@@ -1542,8 +1542,8 @@ function la(t, e, n) {
|
|
|
1542
1542
|
c.style("transform", "translateX(-" + 100 * c.index + "%)");
|
|
1543
1543
|
});
|
|
1544
1544
|
}
|
|
1545
|
-
function i(c,
|
|
1546
|
-
o.style("transition", "opacity " + n.speed + "ms " + n.easing), _o(
|
|
1545
|
+
function i(c, s) {
|
|
1546
|
+
o.style("transition", "opacity " + n.speed + "ms " + n.easing), _o(s);
|
|
1547
1547
|
}
|
|
1548
1548
|
return {
|
|
1549
1549
|
mount: r,
|
|
@@ -1551,26 +1551,26 @@ function la(t, e, n) {
|
|
|
1551
1551
|
cancel: Sn
|
|
1552
1552
|
};
|
|
1553
1553
|
}
|
|
1554
|
-
function
|
|
1555
|
-
var o = e.Move, r = e.Controller, a = e.Scroll, i = e.Elements.list, c = ut(Ft, i, "transition"),
|
|
1554
|
+
function la(t, e, n) {
|
|
1555
|
+
var o = e.Move, r = e.Controller, a = e.Scroll, i = e.Elements.list, c = ut(Ft, i, "transition"), s;
|
|
1556
1556
|
function p() {
|
|
1557
1557
|
gt(t).bind(i, "transitionend", function(g) {
|
|
1558
|
-
g.target === i &&
|
|
1558
|
+
g.target === i && s && (C(), s());
|
|
1559
1559
|
});
|
|
1560
1560
|
}
|
|
1561
|
-
function u(g,
|
|
1561
|
+
function u(g, l) {
|
|
1562
1562
|
var d = o.toPosition(g, !0), w = o.getPosition(), b = h(g);
|
|
1563
|
-
|
|
1563
|
+
_t(d - w) >= 1 && b >= 1 ? n.useScroll ? a.scroll(d, b, !1, l) : (c("transform " + b + "ms " + n.easing), o.translate(d, !0), s = l) : (o.jump(g), l());
|
|
1564
1564
|
}
|
|
1565
1565
|
function C() {
|
|
1566
1566
|
c(""), a.cancel();
|
|
1567
1567
|
}
|
|
1568
1568
|
function h(g) {
|
|
1569
|
-
var
|
|
1570
|
-
if (t.is(be) &&
|
|
1569
|
+
var l = n.rewindSpeed;
|
|
1570
|
+
if (t.is(be) && l) {
|
|
1571
1571
|
var d = r.getIndex(!0), w = r.getEnd();
|
|
1572
1572
|
if (d === 0 && g >= w || d >= w && g === 0)
|
|
1573
|
-
return
|
|
1573
|
+
return l;
|
|
1574
1574
|
}
|
|
1575
1575
|
return n.speed;
|
|
1576
1576
|
}
|
|
@@ -1580,34 +1580,34 @@ function sa(t, e, n) {
|
|
|
1580
1580
|
cancel: C
|
|
1581
1581
|
};
|
|
1582
1582
|
}
|
|
1583
|
-
var
|
|
1583
|
+
var sa = /* @__PURE__ */ (function() {
|
|
1584
1584
|
function t(n, o) {
|
|
1585
|
-
this.event = gt(), this.Components = {}, this.state =
|
|
1586
|
-
var r = Jt(n) ?
|
|
1587
|
-
|
|
1588
|
-
label: Rt(r,
|
|
1585
|
+
this.event = gt(), this.Components = {}, this.state = ci(fe), this.splides = [], this._o = {}, this._E = {};
|
|
1586
|
+
var r = Jt(n) ? Ao(document, n) : n;
|
|
1587
|
+
_e(r, r + " is invalid."), this.root = r, o = Kt({
|
|
1588
|
+
label: Rt(r, Et) || "",
|
|
1589
1589
|
labelledby: Rt(r, Dn) || ""
|
|
1590
|
-
},
|
|
1590
|
+
}, ia, t.defaults, o || {});
|
|
1591
1591
|
try {
|
|
1592
|
-
Kt(o, JSON.parse(Rt(r,
|
|
1592
|
+
Kt(o, JSON.parse(Rt(r, Pn)));
|
|
1593
1593
|
} catch {
|
|
1594
|
-
|
|
1594
|
+
_e(!1, "Invalid JSON");
|
|
1595
1595
|
}
|
|
1596
1596
|
this._o = Object.create(Kt({}, o));
|
|
1597
1597
|
}
|
|
1598
1598
|
var e = t.prototype;
|
|
1599
1599
|
return e.mount = function(o, r) {
|
|
1600
1600
|
var a = this, i = this.state, c = this.Components;
|
|
1601
|
-
|
|
1602
|
-
var
|
|
1601
|
+
_e(i.is([fe, Ke]), "Already mounted!"), i.set(fe), this._C = c, this._T = r || this._T || (this.is(Me) ? aa : la), this._E = o || this._E;
|
|
1602
|
+
var s = Ie({}, oa, this._E, {
|
|
1603
1603
|
Transition: this._T
|
|
1604
1604
|
});
|
|
1605
|
-
return re(
|
|
1605
|
+
return re(s, function(p, u) {
|
|
1606
1606
|
var C = p(a, c, a._o);
|
|
1607
1607
|
c[u] = C, C.setup && C.setup();
|
|
1608
1608
|
}), re(c, function(p) {
|
|
1609
1609
|
p.mount && p.mount();
|
|
1610
|
-
}), this.emit(te),
|
|
1610
|
+
}), this.emit(te), Bt(this.root, Ci), i.set(he), this.emit($n), this;
|
|
1611
1611
|
}, e.sync = function(o) {
|
|
1612
1612
|
return this.splides.push({
|
|
1613
1613
|
splide: o
|
|
@@ -1635,10 +1635,10 @@ var ca = /* @__PURE__ */ (function() {
|
|
|
1635
1635
|
}, e.destroy = function(o) {
|
|
1636
1636
|
o === void 0 && (o = !0);
|
|
1637
1637
|
var r = this.event, a = this.state;
|
|
1638
|
-
return a.is(fe) ? gt(this).on(
|
|
1638
|
+
return a.is(fe) ? gt(this).on($n, this.destroy.bind(this, o)) : (re(this._C, function(i) {
|
|
1639
1639
|
i.destroy && i.destroy(o);
|
|
1640
1640
|
}, !0), r.emit(Nn), r.destroy(), o && jt(this.splides), a.set(Ke)), this;
|
|
1641
|
-
},
|
|
1641
|
+
}, ri(t, [{
|
|
1642
1642
|
key: "options",
|
|
1643
1643
|
get: function() {
|
|
1644
1644
|
return this._o;
|
|
@@ -1657,36 +1657,36 @@ var ca = /* @__PURE__ */ (function() {
|
|
|
1657
1657
|
return this._C.Controller.getIndex();
|
|
1658
1658
|
}
|
|
1659
1659
|
}]), t;
|
|
1660
|
-
})(), Gn =
|
|
1660
|
+
})(), Gn = sa;
|
|
1661
1661
|
Gn.defaults = {};
|
|
1662
|
-
Gn.STATES =
|
|
1662
|
+
Gn.STATES = ai;
|
|
1663
1663
|
var uo = [
|
|
1664
1664
|
[te, "onMounted"],
|
|
1665
|
-
[
|
|
1665
|
+
[$n, "onReady"],
|
|
1666
1666
|
[Ut, "onMove"],
|
|
1667
1667
|
[Ce, "onMoved"],
|
|
1668
|
-
[
|
|
1669
|
-
[
|
|
1670
|
-
[
|
|
1668
|
+
[On, "onClick"],
|
|
1669
|
+
[Fo, "onActive"],
|
|
1670
|
+
[Ro, "onInactive"],
|
|
1671
1671
|
[Po, "onVisible"],
|
|
1672
1672
|
[Bo, "onHidden"],
|
|
1673
1673
|
[ht, "onRefresh"],
|
|
1674
1674
|
[Ct, "onUpdated"],
|
|
1675
1675
|
[ve, "onResize"],
|
|
1676
1676
|
[nn, "onResized"],
|
|
1677
|
-
[
|
|
1678
|
-
[
|
|
1679
|
-
[
|
|
1677
|
+
[Oo, "onDrag"],
|
|
1678
|
+
[No, "onDragging"],
|
|
1679
|
+
[Wo, "onDragged"],
|
|
1680
1680
|
[on, "onScroll"],
|
|
1681
1681
|
[le, "onScrolled"],
|
|
1682
1682
|
[Nn, "onDestroy"],
|
|
1683
|
-
[
|
|
1684
|
-
[
|
|
1685
|
-
[
|
|
1686
|
-
[
|
|
1683
|
+
[zo, "onArrowsMounted"],
|
|
1684
|
+
[Vo, "onArrowsUpdated"],
|
|
1685
|
+
[Mo, "onPaginationMounted"],
|
|
1686
|
+
[Do, "onPaginationUpdated"],
|
|
1687
1687
|
[Wn, "onNavigationMounted"],
|
|
1688
1688
|
[zn, "onAutoplayPlay"],
|
|
1689
|
-
[
|
|
1689
|
+
[Ho, "onAutoplayPlaying"],
|
|
1690
1690
|
[Vn, "onAutoplayPause"],
|
|
1691
1691
|
[Mn, "onLazyLoadLoaded"]
|
|
1692
1692
|
];
|
|
@@ -1705,10 +1705,10 @@ function Ln(t, e) {
|
|
|
1705
1705
|
}
|
|
1706
1706
|
return t === e;
|
|
1707
1707
|
}
|
|
1708
|
-
function
|
|
1708
|
+
function ca(t, e) {
|
|
1709
1709
|
return t.length === e.length && !t.some((n, o) => n !== e[o]);
|
|
1710
1710
|
}
|
|
1711
|
-
function
|
|
1711
|
+
function ua(t, e) {
|
|
1712
1712
|
if (t) {
|
|
1713
1713
|
const n = Object.keys(t);
|
|
1714
1714
|
for (let o = 0; o < n.length; o++) {
|
|
@@ -1719,24 +1719,24 @@ function pa(t, e) {
|
|
|
1719
1719
|
}
|
|
1720
1720
|
return t;
|
|
1721
1721
|
}
|
|
1722
|
-
function
|
|
1722
|
+
function En(t, e) {
|
|
1723
1723
|
const n = t;
|
|
1724
|
-
return
|
|
1725
|
-
Array.isArray(o) ? n[r] = o.slice() : tn(o) ? n[r] =
|
|
1724
|
+
return ua(e, (o, r) => {
|
|
1725
|
+
Array.isArray(o) ? n[r] = o.slice() : tn(o) ? n[r] = En(tn(n[r]) ? n[r] : {}, o) : n[r] = o;
|
|
1726
1726
|
}), n;
|
|
1727
1727
|
}
|
|
1728
|
-
var
|
|
1728
|
+
var pa = ({ children: t, className: e, ...n }) => /* @__PURE__ */ oe.createElement("div", {
|
|
1729
1729
|
className: qn("splide__track", e),
|
|
1730
1730
|
...n
|
|
1731
1731
|
}, /* @__PURE__ */ oe.createElement("ul", {
|
|
1732
1732
|
className: "splide__list"
|
|
1733
|
-
}, t)),
|
|
1733
|
+
}, t)), ir = class extends oe.Component {
|
|
1734
1734
|
constructor() {
|
|
1735
1735
|
super(...arguments), this.splideRef = oe.createRef(), this.slides = [];
|
|
1736
1736
|
}
|
|
1737
1737
|
componentDidMount() {
|
|
1738
1738
|
const { options: t, extensions: e, transition: n } = this.props, { current: o } = this.splideRef;
|
|
1739
|
-
o && (this.splide = new Gn(o, t), this.bind(this.splide), this.splide.mount(e, n), this.options =
|
|
1739
|
+
o && (this.splide = new Gn(o, t), this.bind(this.splide), this.splide.mount(e, n), this.options = En({}, t || {}), this.slides = this.getSlides());
|
|
1740
1740
|
}
|
|
1741
1741
|
componentWillUnmount() {
|
|
1742
1742
|
this.splide && (this.splide.destroy(), this.splide = void 0), this.options = void 0, this.slides.length = 0;
|
|
@@ -1745,9 +1745,9 @@ var da = ({ children: t, className: e, ...n }) => /* @__PURE__ */ oe.createEleme
|
|
|
1745
1745
|
if (!this.splide)
|
|
1746
1746
|
return;
|
|
1747
1747
|
const { options: t } = this.props;
|
|
1748
|
-
t && !Ln(this.options, t) && (this.splide.options = t, this.options =
|
|
1748
|
+
t && !Ln(this.options, t) && (this.splide.options = t, this.options = En({}, t));
|
|
1749
1749
|
const e = this.getSlides();
|
|
1750
|
-
|
|
1750
|
+
ca(this.slides, e) || (this.splide.refresh(), this.slides = e);
|
|
1751
1751
|
}
|
|
1752
1752
|
sync(t) {
|
|
1753
1753
|
var e;
|
|
@@ -1784,9 +1784,9 @@ var da = ({ children: t, className: e, ...n }) => /* @__PURE__ */ oe.createEleme
|
|
|
1784
1784
|
className: qn("splide", t),
|
|
1785
1785
|
ref: this.splideRef,
|
|
1786
1786
|
...this.omit(r, ["options", ...uo.map((a) => a[1])])
|
|
1787
|
-
}, n ? /* @__PURE__ */ oe.createElement(
|
|
1787
|
+
}, n ? /* @__PURE__ */ oe.createElement(pa, null, o) : o);
|
|
1788
1788
|
}
|
|
1789
|
-
},
|
|
1789
|
+
}, ar = ({ children: t, className: e, ...n }) => /* @__PURE__ */ oe.createElement("li", {
|
|
1790
1790
|
className: qn("splide__slide", e),
|
|
1791
1791
|
...n
|
|
1792
1792
|
}, t);
|
|
@@ -1796,16 +1796,16 @@ var da = ({ children: t, className: e, ...n }) => /* @__PURE__ */ oe.createEleme
|
|
|
1796
1796
|
* License : MIT
|
|
1797
1797
|
* Copyright: 2022 Naotoshi Fujita
|
|
1798
1798
|
*/
|
|
1799
|
-
const
|
|
1800
|
-
link:
|
|
1801
|
-
},
|
|
1802
|
-
const e = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */
|
|
1803
|
-
return /* @__PURE__ */
|
|
1799
|
+
const da = "RichTextRenderer-module__link___BWeZ2", ga = {
|
|
1800
|
+
link: da
|
|
1801
|
+
}, lr = ({ content: t }) => {
|
|
1802
|
+
const e = (n) => n.map((o, r) => o.type === "link" ? /* @__PURE__ */ P("a", { className: ga.link, href: o.value, target: o.target, children: e(o.children) }, r) : /* @__PURE__ */ P("span", { style: fa(o), children: o.text }, r));
|
|
1803
|
+
return /* @__PURE__ */ P(Te, { children: t.map((n, o) => {
|
|
1804
1804
|
const r = n.children;
|
|
1805
|
-
return /* @__PURE__ */
|
|
1805
|
+
return /* @__PURE__ */ P("div", { children: e(r) }, o);
|
|
1806
1806
|
}) });
|
|
1807
1807
|
};
|
|
1808
|
-
function
|
|
1808
|
+
function fa(t) {
|
|
1809
1809
|
return {
|
|
1810
1810
|
...t.fontFamily && { fontFamily: t.fontFamily },
|
|
1811
1811
|
...t.fontWeight && { fontWeight: t.fontWeight },
|
|
@@ -1819,9 +1819,9 @@ function ma(t) {
|
|
|
1819
1819
|
}
|
|
1820
1820
|
};
|
|
1821
1821
|
}
|
|
1822
|
-
const
|
|
1823
|
-
svg:
|
|
1824
|
-
img:
|
|
1822
|
+
const ma = "SvgImage-module__svg___q3xE-", ya = "SvgImage-module__img___VsTm-", po = {
|
|
1823
|
+
svg: ma,
|
|
1824
|
+
img: ya
|
|
1825
1825
|
}, we = ({ url: t, fill: e = "#000000", hoverFill: n = "#CCCCCC", className: o = "" }) => {
|
|
1826
1826
|
const [r, a] = ct(!0);
|
|
1827
1827
|
return bt(() => {
|
|
@@ -1829,7 +1829,7 @@ const ya = "SvgImage-module__svg___q3xE-", ha = "SvgImage-module__img___VsTm-",
|
|
|
1829
1829
|
const i = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
|
|
1830
1830
|
a(i);
|
|
1831
1831
|
}
|
|
1832
|
-
}, []), !t.endsWith(".svg") || !r ? /* @__PURE__ */
|
|
1832
|
+
}, []), !t.endsWith(".svg") || !r ? /* @__PURE__ */ P("img", { src: t, alt: "", className: dt(po.img, o) }) : /* @__PURE__ */ P(
|
|
1833
1833
|
"span",
|
|
1834
1834
|
{
|
|
1835
1835
|
"data-supports-mask": r,
|
|
@@ -1841,7 +1841,7 @@ const ya = "SvgImage-module__svg___q3xE-", ha = "SvgImage-module__img___VsTm-",
|
|
|
1841
1841
|
}
|
|
1842
1842
|
}
|
|
1843
1843
|
);
|
|
1844
|
-
},
|
|
1844
|
+
}, ha = {
|
|
1845
1845
|
"top-left": U.topLeftAlignment,
|
|
1846
1846
|
"top-center": U.topCenterAlignment,
|
|
1847
1847
|
"top-right": U.topRightAlignment,
|
|
@@ -1852,45 +1852,45 @@ const ya = "SvgImage-module__svg___q3xE-", ha = "SvgImage-module__img___VsTm-",
|
|
|
1852
1852
|
"bottom-center": U.bottomCenterAlignment,
|
|
1853
1853
|
"bottom-right": U.bottomRightAlignment
|
|
1854
1854
|
};
|
|
1855
|
-
function
|
|
1856
|
-
const [r, a] = ct(null), { widthSettings: i, fontSettings: c, letterSpacing:
|
|
1855
|
+
function va({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
1856
|
+
const [r, a] = ct(null), { widthSettings: i, fontSettings: c, letterSpacing: s, textAlign: p, wordSpacing: u, fontSizeLineHeight: C, textAppearance: h, color: g } = n.imageCaption, [l, d] = ct(void 0), [w, b] = ct(null), [y, x] = ct(0), [V, N] = ct(0), { direction: L, transition: v, controls: T, pagination: k, imageCaption: z, triggers: A } = t, R = wt(v.type), { x: B, y: j } = t.controls.offset, H = (m) => {
|
|
1857
1857
|
r && r.go(m);
|
|
1858
1858
|
};
|
|
1859
1859
|
return bt(() => {
|
|
1860
1860
|
if (!w) return;
|
|
1861
1861
|
const m = new ResizeObserver((I) => {
|
|
1862
1862
|
if (!r) return;
|
|
1863
|
-
const [
|
|
1863
|
+
const [_] = I;
|
|
1864
1864
|
d({
|
|
1865
|
-
width: Math.round(
|
|
1866
|
-
height: Math.round(
|
|
1865
|
+
width: Math.round(_.contentRect.width),
|
|
1866
|
+
height: Math.round(_.contentRect.height)
|
|
1867
1867
|
});
|
|
1868
1868
|
});
|
|
1869
1869
|
return m.observe(w), () => m.unobserve(w);
|
|
1870
1870
|
}, [w]), bt(() => {
|
|
1871
1871
|
!r || R.current === v.type || (N((m) => m + 1), R.current = v.type);
|
|
1872
|
-
}, [v.type]), /* @__PURE__ */
|
|
1872
|
+
}, [v.type]), /* @__PURE__ */ P("div", { className: dt(U.wrapper, { [U.editor]: o }), ref: b, children: /* @__PURE__ */ St(
|
|
1873
1873
|
"div",
|
|
1874
1874
|
{
|
|
1875
1875
|
className: U.sliderInner,
|
|
1876
1876
|
style: {
|
|
1877
|
-
width:
|
|
1878
|
-
height:
|
|
1877
|
+
width: l ? l.width : "100%",
|
|
1878
|
+
height: l ? l.height : "100%",
|
|
1879
1879
|
backgroundColor: v.backgroundColor && v.type === "fade in" ? v.backgroundColor : "transparent"
|
|
1880
1880
|
},
|
|
1881
1881
|
children: [
|
|
1882
|
-
t.imageCaption.isActive && /* @__PURE__ */
|
|
1882
|
+
t.imageCaption.isActive && /* @__PURE__ */ P(
|
|
1883
1883
|
"div",
|
|
1884
1884
|
{
|
|
1885
1885
|
className: dt(U.captionBlock),
|
|
1886
|
-
children: /* @__PURE__ */
|
|
1886
|
+
children: /* @__PURE__ */ P(
|
|
1887
1887
|
"div",
|
|
1888
1888
|
{
|
|
1889
1889
|
className: U.captionTextWrapper,
|
|
1890
|
-
children: e.map((m, I) => /* @__PURE__ */
|
|
1890
|
+
children: e.map((m, I) => /* @__PURE__ */ P(
|
|
1891
1891
|
"div",
|
|
1892
1892
|
{
|
|
1893
|
-
className: dt(U.captionText,
|
|
1893
|
+
className: dt(U.captionText, ha[z.alignment], {
|
|
1894
1894
|
[U.withPointerEvents]: I === y && o,
|
|
1895
1895
|
[U.active]: I === y
|
|
1896
1896
|
}),
|
|
@@ -1899,7 +1899,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1899
1899
|
fontWeight: c.fontWeight,
|
|
1900
1900
|
fontStyle: c.fontStyle,
|
|
1901
1901
|
width: i.sizing === "auto" ? "max-content" : F(i.width, o),
|
|
1902
|
-
letterSpacing: F(
|
|
1902
|
+
letterSpacing: F(s, o),
|
|
1903
1903
|
wordSpacing: F(u, o),
|
|
1904
1904
|
textAlign: p,
|
|
1905
1905
|
fontSize: F(C.fontSize, o),
|
|
@@ -1910,7 +1910,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1910
1910
|
color: g,
|
|
1911
1911
|
transitionDuration: v.duration ? `${Math.round(parseInt(v.duration) / 2)}ms` : "500ms"
|
|
1912
1912
|
},
|
|
1913
|
-
children: /* @__PURE__ */
|
|
1913
|
+
children: /* @__PURE__ */ P(
|
|
1914
1914
|
"div",
|
|
1915
1915
|
{
|
|
1916
1916
|
"data-styles": "imageCaption",
|
|
@@ -1922,7 +1922,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1922
1922
|
top: F(z.offset.y, o),
|
|
1923
1923
|
left: F(z.offset.x, o)
|
|
1924
1924
|
},
|
|
1925
|
-
children: /* @__PURE__ */
|
|
1925
|
+
children: /* @__PURE__ */ P(lr, { content: m.imageCaption })
|
|
1926
1926
|
}
|
|
1927
1927
|
)
|
|
1928
1928
|
},
|
|
@@ -1932,8 +1932,8 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1932
1932
|
)
|
|
1933
1933
|
}
|
|
1934
1934
|
),
|
|
1935
|
-
/* @__PURE__ */
|
|
1936
|
-
|
|
1935
|
+
/* @__PURE__ */ P(
|
|
1936
|
+
ir,
|
|
1937
1937
|
{
|
|
1938
1938
|
onMove: (m) => {
|
|
1939
1939
|
x(m.index);
|
|
@@ -1942,28 +1942,28 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1942
1942
|
options: {
|
|
1943
1943
|
arrows: !1,
|
|
1944
1944
|
speed: v.duration ? parseInt(v.duration) : 500,
|
|
1945
|
-
autoplay:
|
|
1946
|
-
...
|
|
1947
|
-
interval: parseInt(
|
|
1945
|
+
autoplay: A.autoPlay !== null,
|
|
1946
|
+
...A.autoPlay !== null && {
|
|
1947
|
+
interval: parseInt(A.autoPlay) * 1e3
|
|
1948
1948
|
},
|
|
1949
1949
|
direction: L === "horiz" || v.type === "fade in" ? "ltr" : "ttb",
|
|
1950
1950
|
pagination: !1,
|
|
1951
|
-
drag:
|
|
1951
|
+
drag: A.triggersList.drag,
|
|
1952
1952
|
perPage: 1,
|
|
1953
|
-
width:
|
|
1954
|
-
height:
|
|
1953
|
+
width: l ? l.width : "100%",
|
|
1954
|
+
height: l ? l.height : "100%",
|
|
1955
1955
|
type: v.type === "fade in" ? "fade" : "loop",
|
|
1956
1956
|
rewind: !0
|
|
1957
1957
|
},
|
|
1958
|
-
children: e.map((m, I) => /* @__PURE__ */
|
|
1958
|
+
children: e.map((m, I) => /* @__PURE__ */ P(ar, { children: /* @__PURE__ */ P(
|
|
1959
1959
|
"div",
|
|
1960
1960
|
{
|
|
1961
1961
|
className: U.sliderItem,
|
|
1962
|
-
children: /* @__PURE__ */
|
|
1962
|
+
children: /* @__PURE__ */ P(
|
|
1963
1963
|
"div",
|
|
1964
1964
|
{
|
|
1965
1965
|
className: U.imgWrapper,
|
|
1966
|
-
children: /* @__PURE__ */
|
|
1966
|
+
children: /* @__PURE__ */ P(
|
|
1967
1967
|
"img",
|
|
1968
1968
|
{
|
|
1969
1969
|
className: dt(U.sliderImage, {
|
|
@@ -1982,7 +1982,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
1982
1982
|
V
|
|
1983
1983
|
),
|
|
1984
1984
|
T.isActive && /* @__PURE__ */ St(Te, { children: [
|
|
1985
|
-
/* @__PURE__ */
|
|
1985
|
+
/* @__PURE__ */ P(
|
|
1986
1986
|
"div",
|
|
1987
1987
|
{
|
|
1988
1988
|
className: dt(U.arrow, {
|
|
@@ -2001,10 +2001,10 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2001
2001
|
},
|
|
2002
2002
|
className: U.arrowInner,
|
|
2003
2003
|
style: {
|
|
2004
|
-
transform: `translate(${F(
|
|
2004
|
+
transform: `translate(${F(B, o)}, ${F(j * (L === "horiz" ? 1 : -1), o)}) scale(${t.controls.scale / 100}) rotate(${L === "horiz" ? "0deg" : "90deg"})`
|
|
2005
2005
|
},
|
|
2006
2006
|
children: [
|
|
2007
|
-
T.arrowsImgUrl && /* @__PURE__ */
|
|
2007
|
+
T.arrowsImgUrl && /* @__PURE__ */ P(
|
|
2008
2008
|
we,
|
|
2009
2009
|
{
|
|
2010
2010
|
url: T.arrowsImgUrl,
|
|
@@ -2013,13 +2013,13 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2013
2013
|
className: dt(U.arrowImg, U.mirror)
|
|
2014
2014
|
}
|
|
2015
2015
|
),
|
|
2016
|
-
!T.arrowsImgUrl && /* @__PURE__ */
|
|
2016
|
+
!T.arrowsImgUrl && /* @__PURE__ */ P(go, { color: T.color, className: dt(U.arrowIcon, U.arrowImg, U.mirror) })
|
|
2017
2017
|
]
|
|
2018
2018
|
}
|
|
2019
2019
|
)
|
|
2020
2020
|
}
|
|
2021
2021
|
),
|
|
2022
|
-
/* @__PURE__ */
|
|
2022
|
+
/* @__PURE__ */ P(
|
|
2023
2023
|
"div",
|
|
2024
2024
|
{
|
|
2025
2025
|
className: dt(U.arrow, U.nextArrow, {
|
|
@@ -2036,10 +2036,10 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2036
2036
|
className: U.arrowInner,
|
|
2037
2037
|
onClick: () => H("+1"),
|
|
2038
2038
|
style: {
|
|
2039
|
-
transform: `translate(${F(
|
|
2039
|
+
transform: `translate(${F(B * (L === "horiz" ? -1 : 1), o)}, ${F(j, o)}) scale(${t.controls.scale / 100}) rotate(${L === "horiz" ? "0deg" : "90deg"})`
|
|
2040
2040
|
},
|
|
2041
2041
|
children: [
|
|
2042
|
-
T.arrowsImgUrl && /* @__PURE__ */
|
|
2042
|
+
T.arrowsImgUrl && /* @__PURE__ */ P(
|
|
2043
2043
|
we,
|
|
2044
2044
|
{
|
|
2045
2045
|
url: T.arrowsImgUrl,
|
|
@@ -2048,14 +2048,14 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2048
2048
|
className: U.arrowImg
|
|
2049
2049
|
}
|
|
2050
2050
|
),
|
|
2051
|
-
!T.arrowsImgUrl && /* @__PURE__ */
|
|
2051
|
+
!T.arrowsImgUrl && /* @__PURE__ */ P(go, { color: T.color, className: dt(U.arrowIcon, U.arrowImg) })
|
|
2052
2052
|
]
|
|
2053
2053
|
}
|
|
2054
2054
|
)
|
|
2055
2055
|
}
|
|
2056
2056
|
)
|
|
2057
2057
|
] }),
|
|
2058
|
-
|
|
2058
|
+
A.triggersList.click && /* @__PURE__ */ P(
|
|
2059
2059
|
"div",
|
|
2060
2060
|
{
|
|
2061
2061
|
className: U.clickOverlay,
|
|
@@ -2064,7 +2064,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2064
2064
|
}
|
|
2065
2065
|
}
|
|
2066
2066
|
),
|
|
2067
|
-
k.isActive && /* @__PURE__ */
|
|
2067
|
+
k.isActive && /* @__PURE__ */ P(
|
|
2068
2068
|
"div",
|
|
2069
2069
|
{
|
|
2070
2070
|
className: dt(U.pagination, {
|
|
@@ -2078,7 +2078,7 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2078
2078
|
[U.paginationOutsideRight]: k.position === "outside-2" && L === "vert",
|
|
2079
2079
|
[U.paginationVertical]: L === "vert"
|
|
2080
2080
|
}),
|
|
2081
|
-
children: /* @__PURE__ */
|
|
2081
|
+
children: /* @__PURE__ */ P(
|
|
2082
2082
|
"div",
|
|
2083
2083
|
{
|
|
2084
2084
|
className: U.paginationInner,
|
|
@@ -2086,14 +2086,14 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2086
2086
|
backgroundColor: k.colors[2],
|
|
2087
2087
|
transform: `scale(${k.scale / 100}) translate(${F(k.offset.x, o)}, ${F(k.offset.y, o)}) rotate(${L === "horiz" ? "0deg" : "90deg"})`
|
|
2088
2088
|
},
|
|
2089
|
-
children: e.map((m, I) => /* @__PURE__ */
|
|
2089
|
+
children: e.map((m, I) => /* @__PURE__ */ P(
|
|
2090
2090
|
"button",
|
|
2091
2091
|
{
|
|
2092
2092
|
onClick: () => {
|
|
2093
2093
|
r && r.go(I);
|
|
2094
2094
|
},
|
|
2095
2095
|
className: dt(U.paginationItem),
|
|
2096
|
-
children: /* @__PURE__ */
|
|
2096
|
+
children: /* @__PURE__ */ P(
|
|
2097
2097
|
"div",
|
|
2098
2098
|
{
|
|
2099
2099
|
className: dt(U.dot, {
|
|
@@ -2117,10 +2117,10 @@ function ba({ settings: t, content: e, styles: n, isEditor: o }) {
|
|
|
2117
2117
|
) });
|
|
2118
2118
|
}
|
|
2119
2119
|
function go({ color: t, className: e }) {
|
|
2120
|
-
return /* @__PURE__ */
|
|
2120
|
+
return /* @__PURE__ */ P("svg", { viewBox: "0 0 10 18", className: e, children: /* @__PURE__ */ P("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ P("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: t, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
2121
2121
|
}
|
|
2122
|
-
const
|
|
2123
|
-
element:
|
|
2122
|
+
const ba = {
|
|
2123
|
+
element: va,
|
|
2124
2124
|
id: "control-slider",
|
|
2125
2125
|
name: "Slider",
|
|
2126
2126
|
preview: {
|
|
@@ -2131,6 +2131,14 @@ const Sa = {
|
|
|
2131
2131
|
width: 400,
|
|
2132
2132
|
height: 400
|
|
2133
2133
|
},
|
|
2134
|
+
assetsPaths: {
|
|
2135
|
+
content: [{ path: "image.url", placeholderEnabled: !0 }],
|
|
2136
|
+
parameters: [{ path: "settings.controls.arrowsImgUrl" }]
|
|
2137
|
+
},
|
|
2138
|
+
fontSettingsPaths: {
|
|
2139
|
+
content: [],
|
|
2140
|
+
parameters: [{ path: "styles.imageCaption.fontSettings" }]
|
|
2141
|
+
},
|
|
2134
2142
|
schema: {
|
|
2135
2143
|
type: "object",
|
|
2136
2144
|
properties: {
|
|
@@ -2507,8 +2515,7 @@ const Sa = {
|
|
|
2507
2515
|
content: {
|
|
2508
2516
|
type: "array",
|
|
2509
2517
|
settings: {
|
|
2510
|
-
addItemFromFileExplorer: !0
|
|
2511
|
-
defaultWidth: 500
|
|
2518
|
+
addItemFromFileExplorer: !0
|
|
2512
2519
|
},
|
|
2513
2520
|
items: {
|
|
2514
2521
|
type: "object",
|
|
@@ -2517,8 +2524,6 @@ const Sa = {
|
|
|
2517
2524
|
type: "object",
|
|
2518
2525
|
label: "Image",
|
|
2519
2526
|
display: {
|
|
2520
|
-
minWidth: 58,
|
|
2521
|
-
maxWidth: 108,
|
|
2522
2527
|
type: "media-input"
|
|
2523
2528
|
},
|
|
2524
2529
|
properties: {
|
|
@@ -2539,9 +2544,7 @@ const Sa = {
|
|
|
2539
2544
|
placeholder: "Add Caption...",
|
|
2540
2545
|
label: "Description",
|
|
2541
2546
|
display: {
|
|
2542
|
-
type: "rich-text"
|
|
2543
|
-
minWidth: 300,
|
|
2544
|
-
maxWidth: 550
|
|
2547
|
+
type: "rich-text"
|
|
2545
2548
|
}
|
|
2546
2549
|
}
|
|
2547
2550
|
},
|
|
@@ -2719,18 +2722,18 @@ const Sa = {
|
|
|
2719
2722
|
},
|
|
2720
2723
|
required: ["settings", "content", "styles"]
|
|
2721
2724
|
}
|
|
2722
|
-
},
|
|
2723
|
-
imageRevealSlider:
|
|
2724
|
-
image:
|
|
2725
|
-
link:
|
|
2725
|
+
}, Sa = "ImageRevealSlider-module__imageRevealSlider___UE5Ob", Ca = "ImageRevealSlider-module__image___Qjt-e", xa = "ImageRevealSlider-module__link___N-iLG", _a = "ImageRevealSlider-module__cursor___2U03d", ue = {
|
|
2726
|
+
imageRevealSlider: Sa,
|
|
2727
|
+
image: Ca,
|
|
2728
|
+
link: xa,
|
|
2726
2729
|
cursor: _a
|
|
2727
2730
|
};
|
|
2728
2731
|
function fo(t, e, n) {
|
|
2729
2732
|
for (const o of n) {
|
|
2730
2733
|
const r = new Image();
|
|
2731
2734
|
r.src = o.url;
|
|
2732
|
-
const a = o.width ? Number.parseFloat(o.width) : r.naturalWidth, i = r.naturalHeight / r.naturalWidth * a, c = a / 2,
|
|
2733
|
-
if (t >= o.x - c && t <= o.x + c && e >= o.y -
|
|
2735
|
+
const a = o.width ? Number.parseFloat(o.width) : r.naturalWidth, i = r.naturalHeight / r.naturalWidth * a, c = a / 2, s = i / 2;
|
|
2736
|
+
if (t >= o.x - c && t <= o.x + c && e >= o.y - s && e <= o.y + s)
|
|
2734
2737
|
return !0;
|
|
2735
2738
|
}
|
|
2736
2739
|
return !1;
|
|
@@ -2743,7 +2746,7 @@ function hn(t) {
|
|
|
2743
2746
|
};
|
|
2744
2747
|
});
|
|
2745
2748
|
}
|
|
2746
|
-
async function
|
|
2749
|
+
async function $a(t, e, n, o) {
|
|
2747
2750
|
let r, a;
|
|
2748
2751
|
if (e === "custom") {
|
|
2749
2752
|
r = n;
|
|
@@ -2759,30 +2762,30 @@ async function wa(t, e, n, o) {
|
|
|
2759
2762
|
}
|
|
2760
2763
|
return { width: r, height: a, finalWidth: `${r}px` };
|
|
2761
2764
|
}
|
|
2762
|
-
function
|
|
2763
|
-
const [o, r] = ct(null), [a, i] = ct([]), [c,
|
|
2765
|
+
function wa({ settings: t, content: e, isEditor: n }) {
|
|
2766
|
+
const [o, r] = ct(null), [a, i] = ct([]), [c, s] = ct(0), p = wt(0), [u, C] = ct({ x: 0, y: 0 }), [h, g] = ct(1), [l, d] = ct("none"), w = wt({ x: 0, y: 0 }), [b, y] = ct(!1), { sizeType: x, imageWidth: V, randomRangeImageWidth: N } = t.imageSize, { revealPosition: L, visible: v } = t.position, { cursorType: T, target: k, defaultCursorScale: z, defaultCursor: A, hoverCursorScale: R, hoverCursor: B } = t.cursor;
|
|
2764
2767
|
bt(() => {
|
|
2765
2768
|
if (!o) return;
|
|
2766
|
-
const m = (
|
|
2767
|
-
const
|
|
2769
|
+
const m = ($, S) => {
|
|
2770
|
+
const O = o.getBoundingClientRect(), G = $ - O.left, nt = S - O.top;
|
|
2768
2771
|
if (C({ x: G, y: nt }), T === "system") {
|
|
2769
2772
|
d("none"), g(1);
|
|
2770
2773
|
return;
|
|
2771
2774
|
}
|
|
2772
|
-
const tt = G, lt = nt,
|
|
2773
|
-
if (
|
|
2775
|
+
const tt = G, lt = nt, E = document.elementFromPoint(O.left + tt, O.top + lt);
|
|
2776
|
+
if (E && E.closest("a")) {
|
|
2774
2777
|
d("none"), g(1);
|
|
2775
2778
|
return;
|
|
2776
2779
|
}
|
|
2777
|
-
const K = fo(tt, lt, a) || k === "area" ? { img:
|
|
2780
|
+
const K = fo(tt, lt, a) || k === "area" ? { img: B ?? "none", scale: R } : { img: A ?? "none", scale: z };
|
|
2778
2781
|
d(K.img), g(K.scale);
|
|
2779
|
-
}, I = (
|
|
2780
|
-
|
|
2781
|
-
},
|
|
2782
|
+
}, I = ($) => {
|
|
2783
|
+
$.stopPropagation(), w.current = { x: $.clientX, y: $.clientY }, m($.clientX, $.clientY);
|
|
2784
|
+
}, _ = () => {
|
|
2782
2785
|
b && m(w.current.x, w.current.y);
|
|
2783
2786
|
};
|
|
2784
|
-
return o.addEventListener("mousemove", I), window.addEventListener("scroll",
|
|
2785
|
-
o.removeEventListener("mousemove", I), window.removeEventListener("scroll",
|
|
2787
|
+
return o.addEventListener("mousemove", I), window.addEventListener("scroll", _, !0), () => {
|
|
2788
|
+
o.removeEventListener("mousemove", I), window.removeEventListener("scroll", _, !0);
|
|
2786
2789
|
};
|
|
2787
2790
|
}, [
|
|
2788
2791
|
o,
|
|
@@ -2790,40 +2793,40 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2790
2793
|
u,
|
|
2791
2794
|
T,
|
|
2792
2795
|
k,
|
|
2793
|
-
|
|
2794
|
-
|
|
2796
|
+
B,
|
|
2797
|
+
A,
|
|
2795
2798
|
R,
|
|
2796
2799
|
z,
|
|
2797
2800
|
a
|
|
2798
2801
|
]), bt(() => {
|
|
2799
2802
|
b || (d("none"), g(0));
|
|
2800
2803
|
}, [b]);
|
|
2801
|
-
const j = async (m, I,
|
|
2802
|
-
const { width: S, height:
|
|
2804
|
+
const j = async (m, I, _, $ = {}) => {
|
|
2805
|
+
const { width: S, height: O, finalWidth: G } = await $a(
|
|
2803
2806
|
m.image.url,
|
|
2804
2807
|
x,
|
|
2805
2808
|
V,
|
|
2806
2809
|
N
|
|
2807
2810
|
);
|
|
2808
2811
|
let nt = 0, tt = 0;
|
|
2809
|
-
L === "same" ? (nt = I / 2, tt =
|
|
2810
|
-
const lt = Math.min(Math.max(nt, S / 2), I - S / 2),
|
|
2812
|
+
L === "same" ? (nt = I / 2, tt = _ / 2) : (nt = $.x ?? Math.random() * I, tt = $.y ?? Math.random() * _);
|
|
2813
|
+
const lt = Math.min(Math.max(nt, S / 2), I - S / 2), E = Math.min(Math.max(tt, O / 2), _ - O / 2);
|
|
2811
2814
|
return {
|
|
2812
2815
|
id: p.current++,
|
|
2813
2816
|
url: m.image.url,
|
|
2814
2817
|
link: m.link,
|
|
2815
2818
|
name: m.image.name,
|
|
2816
2819
|
x: lt,
|
|
2817
|
-
y:
|
|
2820
|
+
y: E,
|
|
2818
2821
|
width: G
|
|
2819
2822
|
};
|
|
2820
2823
|
};
|
|
2821
2824
|
return bt(() => {
|
|
2822
2825
|
if (!o || e.length === 0) return;
|
|
2823
|
-
const m = o.getBoundingClientRect(), I = m.width,
|
|
2826
|
+
const m = o.getBoundingClientRect(), I = m.width, _ = m.height, $ = [];
|
|
2824
2827
|
(async () => {
|
|
2825
|
-
const
|
|
2826
|
-
|
|
2828
|
+
const O = e[0], G = await j(O, I, _);
|
|
2829
|
+
$.push(G), i($), s(1);
|
|
2827
2830
|
})();
|
|
2828
2831
|
}, [x, V, N, L, o]), bt(() => {
|
|
2829
2832
|
v === "last One" && i((m) => m.length > 0 ? [m[m.length - 1]] : []);
|
|
@@ -2833,19 +2836,19 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2833
2836
|
ref: r,
|
|
2834
2837
|
onClick: async (m) => {
|
|
2835
2838
|
if (!o) return;
|
|
2836
|
-
const I = o.getBoundingClientRect(),
|
|
2837
|
-
if (k === "image" && !fo(
|
|
2838
|
-
let S = 0,
|
|
2839
|
-
L === "on Click" ? (S =
|
|
2840
|
-
const G = e[c], nt = await j(G, I.width, I.height, { x: S, y:
|
|
2841
|
-
i((tt) => v === "all" ? [...tt, nt] : [nt]),
|
|
2839
|
+
const I = o.getBoundingClientRect(), _ = m.clientX - I.left, $ = m.clientY - I.top;
|
|
2840
|
+
if (k === "image" && !fo(_, $, a)) return;
|
|
2841
|
+
let S = 0, O = 0;
|
|
2842
|
+
L === "on Click" ? (S = _, O = $) : L === "same" ? (S = I.width / 2, O = I.height / 2) : (S = Math.random() * I.width, O = Math.random() * I.height);
|
|
2843
|
+
const G = e[c], nt = await j(G, I.width, I.height, { x: S, y: O });
|
|
2844
|
+
i((tt) => v === "all" ? [...tt, nt] : [nt]), s((tt) => tt >= e.length - 1 ? 0 : tt + 1);
|
|
2842
2845
|
},
|
|
2843
2846
|
onMouseEnter: () => y(!0),
|
|
2844
2847
|
onMouseLeave: () => y(!1),
|
|
2845
2848
|
className: ue.imageRevealSlider,
|
|
2846
|
-
style: { cursor:
|
|
2849
|
+
style: { cursor: l === "none" ? "default" : "none" },
|
|
2847
2850
|
children: [
|
|
2848
|
-
a.map((m) => /* @__PURE__ */
|
|
2851
|
+
a.map((m) => /* @__PURE__ */ P(
|
|
2849
2852
|
"div",
|
|
2850
2853
|
{
|
|
2851
2854
|
className: ue.wrapper,
|
|
@@ -2856,9 +2859,9 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2856
2859
|
transform: "translate(-50%, -50%)",
|
|
2857
2860
|
width: m.width ?? "auto",
|
|
2858
2861
|
height: "auto",
|
|
2859
|
-
cursor:
|
|
2862
|
+
cursor: l === "none" ? "default" : "none"
|
|
2860
2863
|
},
|
|
2861
|
-
children: k === "area" && m.link ? /* @__PURE__ */
|
|
2864
|
+
children: k === "area" && m.link ? /* @__PURE__ */ P("a", { href: m.link, target: "_blank", className: ue.link, children: /* @__PURE__ */ P(
|
|
2862
2865
|
"img",
|
|
2863
2866
|
{
|
|
2864
2867
|
src: m.url,
|
|
@@ -2866,7 +2869,7 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2866
2869
|
className: ue.image
|
|
2867
2870
|
},
|
|
2868
2871
|
m.id
|
|
2869
|
-
) }) : /* @__PURE__ */
|
|
2872
|
+
) }) : /* @__PURE__ */ P(
|
|
2870
2873
|
"img",
|
|
2871
2874
|
{
|
|
2872
2875
|
src: m.url,
|
|
@@ -2878,7 +2881,7 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2878
2881
|
},
|
|
2879
2882
|
m.id
|
|
2880
2883
|
)),
|
|
2881
|
-
b && /* @__PURE__ */
|
|
2884
|
+
b && /* @__PURE__ */ P(
|
|
2882
2885
|
"div",
|
|
2883
2886
|
{
|
|
2884
2887
|
className: ue.cursor,
|
|
@@ -2886,7 +2889,7 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2886
2889
|
left: `${u.x}px`,
|
|
2887
2890
|
top: `${u.y}px`,
|
|
2888
2891
|
transform: `translate(-50%, -50%) scale(${h})`,
|
|
2889
|
-
backgroundImage: `url('${
|
|
2892
|
+
backgroundImage: `url('${l}')`,
|
|
2890
2893
|
backgroundSize: "cover",
|
|
2891
2894
|
backgroundPosition: "center",
|
|
2892
2895
|
position: "absolute",
|
|
@@ -2898,8 +2901,8 @@ function Ta({ settings: t, content: e, isEditor: n }) {
|
|
|
2898
2901
|
}
|
|
2899
2902
|
);
|
|
2900
2903
|
}
|
|
2901
|
-
const
|
|
2902
|
-
element:
|
|
2904
|
+
const Ta = {
|
|
2905
|
+
element: wa,
|
|
2903
2906
|
id: "control-image-reveal",
|
|
2904
2907
|
name: "Click Gallery",
|
|
2905
2908
|
preview: {
|
|
@@ -2910,6 +2913,14 @@ const La = {
|
|
|
2910
2913
|
width: "100%",
|
|
2911
2914
|
height: "100%"
|
|
2912
2915
|
},
|
|
2916
|
+
assetsPaths: {
|
|
2917
|
+
content: [{ path: "image.url", placeholderEnabled: !0 }],
|
|
2918
|
+
parameters: [{ path: "settings.cursor.defaultCursor" }, { path: "settings.cursor.hoverCursor" }]
|
|
2919
|
+
},
|
|
2920
|
+
fontSettingsPaths: {
|
|
2921
|
+
content: [],
|
|
2922
|
+
parameters: []
|
|
2923
|
+
},
|
|
2913
2924
|
schema: {
|
|
2914
2925
|
type: "object",
|
|
2915
2926
|
properties: {
|
|
@@ -3131,8 +3142,7 @@ const La = {
|
|
|
3131
3142
|
content: {
|
|
3132
3143
|
type: "array",
|
|
3133
3144
|
settings: {
|
|
3134
|
-
addItemFromFileExplorer: !0
|
|
3135
|
-
defaultWidth: 500
|
|
3145
|
+
addItemFromFileExplorer: !0
|
|
3136
3146
|
},
|
|
3137
3147
|
items: {
|
|
3138
3148
|
type: "object",
|
|
@@ -3142,8 +3152,6 @@ const La = {
|
|
|
3142
3152
|
label: "Image",
|
|
3143
3153
|
display: {
|
|
3144
3154
|
isObjectFitEditable: !1,
|
|
3145
|
-
minWidth: 58,
|
|
3146
|
-
maxWidth: 108,
|
|
3147
3155
|
type: "media-input"
|
|
3148
3156
|
},
|
|
3149
3157
|
properties: {
|
|
@@ -3164,9 +3172,7 @@ const La = {
|
|
|
3164
3172
|
label: "URL",
|
|
3165
3173
|
placeholder: "Enter link...",
|
|
3166
3174
|
display: {
|
|
3167
|
-
type: "text-input"
|
|
3168
|
-
minWidth: 300,
|
|
3169
|
-
maxWidth: 550
|
|
3175
|
+
type: "text-input"
|
|
3170
3176
|
}
|
|
3171
3177
|
}
|
|
3172
3178
|
},
|
|
@@ -3209,50 +3215,50 @@ const La = {
|
|
|
3209
3215
|
}
|
|
3210
3216
|
}
|
|
3211
3217
|
}
|
|
3212
|
-
},
|
|
3213
|
-
hidden:
|
|
3218
|
+
}, La = "LightBox-module__hidden___9s-9x", Ea = "LightBox-module__heroImage___sTxNF", Aa = "LightBox-module__background___rm9ml", Ia = "LightBox-module__editor___4ACaY", ka = "LightBox-module__contentStyle___Bgnsq", Fa = "LightBox-module__imageStyle___tLIlB", Ra = "LightBox-module__imgWrapper___LuFUp", Pa = "LightBox-module__contain___8-yaS", Ba = "LightBox-module__cover___hNvOG", Oa = "LightBox-module__caption___b6L2I", Na = "LightBox-module__captionTextInner___rCGNH", Wa = "LightBox-module__lightboxSplide___XFuWC", za = "LightBox-module__arrow___iz38X", Va = "LightBox-module__arrowVertical___Zfz81", Ma = "LightBox-module__nextArrow___zkAQN", Da = "LightBox-module__arrowInner___p48sW", Ha = "LightBox-module__arrowIcon___3VaFf", ja = "LightBox-module__arrowImg___pNV88", Ua = "LightBox-module__mirror___pjeXc", Ya = "LightBox-module__thumbsWrapper___GB-nU", Ga = "LightBox-module__thumbsContainerVertical___wttk5", qa = "LightBox-module__thumbsContainer___osSma", Xa = "LightBox-module__thumbsAlignStart___MO6tY", Ka = "LightBox-module__thumbsAlignCenter___Q4sUx", Ja = "LightBox-module__thumbsAlignEnd___p4y9R", Za = "LightBox-module__thumbItem___HvnF3", Qa = "LightBox-module__closeButton___g2khP", tl = "LightBox-module__fadeIn___0m5GW", el = "LightBox-module__slideInLeft___gPYwC", nl = "LightBox-module__slideInRight___S-pPp", ol = "LightBox-module__slideInTop___DFdAj", rl = "LightBox-module__slideInBottom___m27kZ", il = "LightBox-module__fadeOut___55qBR", al = "LightBox-module__slideOutLeft___NvU7P", ll = "LightBox-module__slideOutRight___SK7eC", sl = "LightBox-module__slideOutTop___Vgg0z", cl = "LightBox-module__slideOutBottom___nJ0Ef", ul = "LightBox-module__scaleSlide___vZriG", W = {
|
|
3219
|
+
hidden: La,
|
|
3214
3220
|
heroImage: Ea,
|
|
3215
|
-
background:
|
|
3216
|
-
editor:
|
|
3217
|
-
contentStyle:
|
|
3218
|
-
imageStyle:
|
|
3219
|
-
imgWrapper:
|
|
3221
|
+
background: Aa,
|
|
3222
|
+
editor: Ia,
|
|
3223
|
+
contentStyle: ka,
|
|
3224
|
+
imageStyle: Fa,
|
|
3225
|
+
imgWrapper: Ra,
|
|
3220
3226
|
contain: Pa,
|
|
3221
3227
|
cover: Ba,
|
|
3222
|
-
caption:
|
|
3223
|
-
captionTextInner:
|
|
3224
|
-
lightboxSplide:
|
|
3225
|
-
arrow:
|
|
3226
|
-
arrowVertical:
|
|
3227
|
-
nextArrow:
|
|
3228
|
-
arrowInner:
|
|
3229
|
-
arrowIcon:
|
|
3230
|
-
arrowImg:
|
|
3231
|
-
mirror:
|
|
3232
|
-
thumbsWrapper:
|
|
3233
|
-
thumbsContainerVertical:
|
|
3234
|
-
thumbsContainer:
|
|
3235
|
-
thumbsAlignStart:
|
|
3236
|
-
thumbsAlignCenter:
|
|
3237
|
-
thumbsAlignEnd:
|
|
3238
|
-
thumbItem:
|
|
3239
|
-
closeButton:
|
|
3240
|
-
fadeIn:
|
|
3241
|
-
slideInLeft:
|
|
3242
|
-
slideInRight:
|
|
3243
|
-
slideInTop:
|
|
3244
|
-
slideInBottom:
|
|
3245
|
-
fadeOut:
|
|
3246
|
-
slideOutLeft:
|
|
3247
|
-
slideOutRight:
|
|
3248
|
-
slideOutTop:
|
|
3249
|
-
slideOutBottom:
|
|
3250
|
-
scaleSlide:
|
|
3228
|
+
caption: Oa,
|
|
3229
|
+
captionTextInner: Na,
|
|
3230
|
+
lightboxSplide: Wa,
|
|
3231
|
+
arrow: za,
|
|
3232
|
+
arrowVertical: Va,
|
|
3233
|
+
nextArrow: Ma,
|
|
3234
|
+
arrowInner: Da,
|
|
3235
|
+
arrowIcon: Ha,
|
|
3236
|
+
arrowImg: ja,
|
|
3237
|
+
mirror: Ua,
|
|
3238
|
+
thumbsWrapper: Ya,
|
|
3239
|
+
thumbsContainerVertical: Ga,
|
|
3240
|
+
thumbsContainer: qa,
|
|
3241
|
+
thumbsAlignStart: Xa,
|
|
3242
|
+
thumbsAlignCenter: Ka,
|
|
3243
|
+
thumbsAlignEnd: Ja,
|
|
3244
|
+
thumbItem: Za,
|
|
3245
|
+
closeButton: Qa,
|
|
3246
|
+
fadeIn: tl,
|
|
3247
|
+
slideInLeft: el,
|
|
3248
|
+
slideInRight: nl,
|
|
3249
|
+
slideInTop: ol,
|
|
3250
|
+
slideInBottom: rl,
|
|
3251
|
+
fadeOut: il,
|
|
3252
|
+
slideOutLeft: al,
|
|
3253
|
+
slideOutRight: ll,
|
|
3254
|
+
slideOutTop: sl,
|
|
3255
|
+
slideOutBottom: cl,
|
|
3256
|
+
scaleSlide: ul
|
|
3251
3257
|
}, He = (t, e, n) => {
|
|
3252
3258
|
const o = {}, [r, a] = t.split("-");
|
|
3253
3259
|
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% + ${F(e.x, n)}), calc(-50% + ${F(e.y, n)}))` : r === "middle" ? o.transform = `translate(${F(e.x, n)}, calc(-50% + ${F(e.y, n)}))` : a === "center" ? o.transform = `translate(calc(-50% + ${F(e.x, n)}), ${F(e.y, n)})` : o.transform = `translate(${F(e.x, n)}, ${F(e.y, n)})`, o;
|
|
3254
3260
|
};
|
|
3255
|
-
function
|
|
3261
|
+
function sr(t) {
|
|
3256
3262
|
const e = window.getComputedStyle(t);
|
|
3257
3263
|
return {
|
|
3258
3264
|
top: parseFloat(e.paddingTop) || 0,
|
|
@@ -3262,19 +3268,19 @@ function cr(t) {
|
|
|
3262
3268
|
};
|
|
3263
3269
|
}
|
|
3264
3270
|
function mo(t) {
|
|
3265
|
-
const e = t.getBoundingClientRect(), n =
|
|
3271
|
+
const e = t.getBoundingClientRect(), n = sr(t), o = Math.max(0, e.width - n.left - n.right), r = Math.max(0, e.height - n.top - n.bottom), a = t.naturalWidth, i = t.naturalHeight, c = o / r, s = a / i;
|
|
3266
3272
|
let p, u;
|
|
3267
|
-
|
|
3268
|
-
const C = e.left + n.left, h = e.top + n.top, g = (o - p) / 2 + C,
|
|
3273
|
+
s > c ? (p = o, u = o / s) : (u = r, p = r * s);
|
|
3274
|
+
const C = e.left + n.left, h = e.top + n.top, g = (o - p) / 2 + C, l = (r - u) / 2 + h;
|
|
3269
3275
|
return {
|
|
3270
3276
|
x: g,
|
|
3271
|
-
y:
|
|
3277
|
+
y: l,
|
|
3272
3278
|
width: p,
|
|
3273
3279
|
height: u
|
|
3274
3280
|
};
|
|
3275
3281
|
}
|
|
3276
3282
|
function yo(t) {
|
|
3277
|
-
const e = t.getBoundingClientRect(), n =
|
|
3283
|
+
const e = t.getBoundingClientRect(), n = sr(t);
|
|
3278
3284
|
return {
|
|
3279
3285
|
left: e.left + n.left,
|
|
3280
3286
|
right: e.right - n.right,
|
|
@@ -3295,7 +3301,7 @@ function ho(t) {
|
|
|
3295
3301
|
}
|
|
3296
3302
|
return t.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/), 1;
|
|
3297
3303
|
}
|
|
3298
|
-
function
|
|
3304
|
+
function pl(t, e) {
|
|
3299
3305
|
const n = (() => {
|
|
3300
3306
|
if (t === "fade in") return W.fadeIn;
|
|
3301
3307
|
if (t === "slide in" || t === "mix")
|
|
@@ -3363,22 +3369,22 @@ function dl(t, e) {
|
|
|
3363
3369
|
})();
|
|
3364
3370
|
return { appearClass: n, backdropAppearClass: o, backdropDisappearClass: r, disappearClass: a };
|
|
3365
3371
|
}
|
|
3366
|
-
const
|
|
3367
|
-
const [i, c] = ct(!1), { url:
|
|
3372
|
+
const dl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, isEditor: a }) => {
|
|
3373
|
+
const [i, c] = ct(!1), { url: s } = t.thumbnailBlock.cover;
|
|
3368
3374
|
return bt(() => {
|
|
3369
3375
|
r === "close" && c(!1), r === "open" && c(!0);
|
|
3370
3376
|
}, [r]), /* @__PURE__ */ St(Te, { children: [
|
|
3371
|
-
/* @__PURE__ */
|
|
3377
|
+
/* @__PURE__ */ P(
|
|
3372
3378
|
"img",
|
|
3373
3379
|
{
|
|
3374
|
-
src:
|
|
3380
|
+
src: s,
|
|
3375
3381
|
alt: "Cover",
|
|
3376
3382
|
className: W.heroImage,
|
|
3377
3383
|
onClick: () => c(!0)
|
|
3378
3384
|
}
|
|
3379
3385
|
),
|
|
3380
|
-
/* @__PURE__ */
|
|
3381
|
-
|
|
3386
|
+
/* @__PURE__ */ P(
|
|
3387
|
+
gl,
|
|
3382
3388
|
{
|
|
3383
3389
|
isOpen: i,
|
|
3384
3390
|
onClose: () => c(!1),
|
|
@@ -3390,9 +3396,9 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3390
3396
|
}
|
|
3391
3397
|
)
|
|
3392
3398
|
] });
|
|
3393
|
-
},
|
|
3399
|
+
}, gl = ({ isOpen: t, onClose: e, content: n, lightboxStyles: o, settings: r, portalId: a, isEditor: i, metadata: c }) => {
|
|
3394
3400
|
var M;
|
|
3395
|
-
const [
|
|
3401
|
+
const [s, p] = ct(0), [u, C] = ct(0), [h, g] = ct(!1), [l, d] = ct(!1), [w, b] = ct({}), y = wt(null), x = wt(null), V = wt(null), N = wt(!1), L = wt(null), v = wt(null), T = wt(null), k = wt(null), z = wt(!1), A = wt(null), [R, B] = ct(!1), { appear: j, triggers: H, slider: m, thumbnail: I, controls: _, area: $, caption: S, layout: O } = r.lightboxBlock, { appearClass: G, backdropAppearClass: nt, backdropDisappearClass: tt, disappearClass: lt } = pl(j.type, j.direction), E = (c == null ? void 0 : c.itemId) ?? null;
|
|
3396
3402
|
bt(() => {
|
|
3397
3403
|
const f = () => {
|
|
3398
3404
|
setTimeout(() => {
|
|
@@ -3407,30 +3413,30 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3407
3413
|
};
|
|
3408
3414
|
}, []), bt(() => {
|
|
3409
3415
|
if (!t || !I.isActive) {
|
|
3410
|
-
|
|
3416
|
+
B(!1);
|
|
3411
3417
|
return;
|
|
3412
3418
|
}
|
|
3413
|
-
const f =
|
|
3419
|
+
const f = A.current;
|
|
3414
3420
|
if (!f) return;
|
|
3415
3421
|
const D = () => {
|
|
3416
|
-
m.direction === "horiz" ?
|
|
3422
|
+
m.direction === "horiz" ? B(f.scrollWidth > f.clientWidth) : B(f.scrollHeight > f.clientHeight);
|
|
3417
3423
|
};
|
|
3418
3424
|
D();
|
|
3419
3425
|
const q = new ResizeObserver(D);
|
|
3420
3426
|
return q.observe(f), () => q.disconnect();
|
|
3421
3427
|
}, [t, I.isActive, n.length, w, m.direction]);
|
|
3422
|
-
const K =
|
|
3423
|
-
const f = window.matchMedia("(max-width: 768px)").matches, D = ho(
|
|
3428
|
+
const K = dr(() => {
|
|
3429
|
+
const f = window.matchMedia("(max-width: 768px)").matches, D = ho($.color);
|
|
3424
3430
|
f && !i && D > 0.9 && (document.body.style.backgroundColor = ""), g(!0), N.current = !0;
|
|
3425
3431
|
const q = (Y) => {
|
|
3426
3432
|
Y.target === L.current && Y.animationName && (L.current && v.current && L.current.removeEventListener("animationend", v.current), v.current = null, N.current && (N.current = !1, e()), g(!1));
|
|
3427
3433
|
};
|
|
3428
3434
|
L.current && (v.current = q, L.current.addEventListener("animationend", q));
|
|
3429
|
-
}, [e,
|
|
3435
|
+
}, [e, $.color, i]), yt = (f, D, q) => {
|
|
3430
3436
|
var Y, et;
|
|
3431
3437
|
if (f) {
|
|
3432
3438
|
if (H.type === "click" && H.switch === "image")
|
|
3433
|
-
H.repeat === "close" &&
|
|
3439
|
+
H.repeat === "close" && s === n.length - 1 ? K() : (Y = y.current) == null || Y.go("+1");
|
|
3434
3440
|
else if (H.type === "click" && H.switch === "50/50") {
|
|
3435
3441
|
const J = f.getBoundingClientRect(), X = D - J.left, at = q - J.top, ft = J.width, rt = J.height;
|
|
3436
3442
|
let ot;
|
|
@@ -3442,7 +3448,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3442
3448
|
z.current = !1;
|
|
3443
3449
|
return;
|
|
3444
3450
|
}
|
|
3445
|
-
const D = n[
|
|
3451
|
+
const D = n[s], q = (D == null ? void 0 : D.image.objectFit) === "cover";
|
|
3446
3452
|
let Y, et;
|
|
3447
3453
|
if ("changedTouches" in f && f.changedTouches.length > 0)
|
|
3448
3454
|
Y = f.changedTouches[0].clientX, et = f.changedTouches[0].clientY;
|
|
@@ -3486,21 +3492,21 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3486
3492
|
};
|
|
3487
3493
|
}, [t, K, n.length]), bt(() => {
|
|
3488
3494
|
if (t) {
|
|
3489
|
-
if (p(0), C((D) => D + 1), N.current = !1, g(!1), d(!1), b({}), !
|
|
3490
|
-
const f = new CustomEvent("page-overlay", { detail: { itemId:
|
|
3495
|
+
if (p(0), C((D) => D + 1), N.current = !1, g(!1), d(!1), b({}), !E) return;
|
|
3496
|
+
const f = new CustomEvent("page-overlay", { detail: { itemId: E } });
|
|
3491
3497
|
window.dispatchEvent(f);
|
|
3492
3498
|
}
|
|
3493
3499
|
return () => {
|
|
3494
3500
|
L.current && v.current && (L.current.removeEventListener("animationend", v.current), v.current = null), d(!1);
|
|
3495
3501
|
};
|
|
3496
|
-
}, [t,
|
|
3502
|
+
}, [t, E]), bt(() => {
|
|
3497
3503
|
x.current !== null && x.current !== m.type && C((f) => f + 1), x.current = m.type;
|
|
3498
3504
|
}, [m.type]), bt(() => {
|
|
3499
3505
|
if (!t) return;
|
|
3500
|
-
const f = document.body.style.overflow, D = window.matchMedia("(max-width: 768px)").matches, q = ho(
|
|
3506
|
+
const f = document.body.style.overflow, D = window.matchMedia("(max-width: 768px)").matches, q = ho($.color);
|
|
3501
3507
|
document.body.style.overflow = "hidden", d(!1);
|
|
3502
3508
|
const Y = (J) => {
|
|
3503
|
-
J.target === L.current && !N.current && J.animationName && (D && !i && q > 0.9 && (document.body.style.backgroundColor =
|
|
3509
|
+
J.target === L.current && !N.current && J.animationName && (D && !i && q > 0.9 && (document.body.style.backgroundColor = $.color), d(!0), L.current && T.current && L.current.removeEventListener("animationend", T.current), T.current = null);
|
|
3504
3510
|
};
|
|
3505
3511
|
L.current && (T.current = Y, L.current.addEventListener("animationend", Y));
|
|
3506
3512
|
const et = (J) => {
|
|
@@ -3510,7 +3516,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3510
3516
|
return document.addEventListener("touchmove", et, { passive: !1 }), () => {
|
|
3511
3517
|
document.body.style.overflow = f, document.removeEventListener("touchmove", et), L.current && T.current && (L.current.removeEventListener("animationend", T.current), T.current = null), d(!1);
|
|
3512
3518
|
};
|
|
3513
|
-
}, [t, i,
|
|
3519
|
+
}, [t, i, $.color, m.type]), bt(() => {
|
|
3514
3520
|
if (!t) return;
|
|
3515
3521
|
const f = (D) => {
|
|
3516
3522
|
var Y, et;
|
|
@@ -3530,7 +3536,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3530
3536
|
return;
|
|
3531
3537
|
}
|
|
3532
3538
|
if (D.touches.length === 0 && D.changedTouches.length > 0) {
|
|
3533
|
-
const J = n[
|
|
3539
|
+
const J = n[s], X = (J == null ? void 0 : J.image.objectFit) === "cover", at = D.changedTouches[0];
|
|
3534
3540
|
let ft;
|
|
3535
3541
|
if (X && V.current) {
|
|
3536
3542
|
const rt = yo(V.current);
|
|
@@ -3553,7 +3559,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3553
3559
|
return document.addEventListener("touchend", f, { passive: !0 }), () => {
|
|
3554
3560
|
document.removeEventListener("touchend", f);
|
|
3555
3561
|
};
|
|
3556
|
-
}, [t, K,
|
|
3562
|
+
}, [t, K, s, n]);
|
|
3557
3563
|
const Wt = (m.type === "scale" || m.type === "fade") && m.direction === "vert" && H.type === "drag";
|
|
3558
3564
|
bt(() => {
|
|
3559
3565
|
var ot, Yt;
|
|
@@ -3594,22 +3600,22 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3594
3600
|
};
|
|
3595
3601
|
}, [t, Wt, u]);
|
|
3596
3602
|
const zt = {
|
|
3597
|
-
backgroundColor:
|
|
3598
|
-
backdropFilter: `blur(${
|
|
3603
|
+
backgroundColor: $.color,
|
|
3604
|
+
backdropFilter: `blur(${$.blur}px)`,
|
|
3599
3605
|
animationDuration: `${parseInt(j.duration)}ms`,
|
|
3600
3606
|
animationTimingFunction: "ease",
|
|
3601
3607
|
animationFillMode: "both"
|
|
3602
3608
|
};
|
|
3603
|
-
return document.getElementById(a) ?
|
|
3609
|
+
return document.getElementById(a) ? gr(
|
|
3604
3610
|
/* @__PURE__ */ St(Te, { children: [
|
|
3605
|
-
/* @__PURE__ */
|
|
3611
|
+
/* @__PURE__ */ P(
|
|
3606
3612
|
"div",
|
|
3607
3613
|
{
|
|
3608
3614
|
ref: i ? null : L,
|
|
3609
3615
|
className: dt(W.background, h ? tt : nt, { [W.editor]: i }, { [W.hidden]: !t }),
|
|
3610
3616
|
style: {
|
|
3611
3617
|
...zt,
|
|
3612
|
-
...
|
|
3618
|
+
...l && !i && !h ? { position: "absolute" } : {}
|
|
3613
3619
|
}
|
|
3614
3620
|
}
|
|
3615
3621
|
),
|
|
@@ -3624,8 +3630,8 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3624
3630
|
animationFillMode: "both"
|
|
3625
3631
|
},
|
|
3626
3632
|
children: [
|
|
3627
|
-
/* @__PURE__ */
|
|
3628
|
-
|
|
3633
|
+
/* @__PURE__ */ P(
|
|
3634
|
+
ir,
|
|
3629
3635
|
{
|
|
3630
3636
|
onMove: (f) => p(f.index),
|
|
3631
3637
|
ref: y,
|
|
@@ -3647,7 +3653,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3647
3653
|
},
|
|
3648
3654
|
style: { "--splide-speed": m.duration },
|
|
3649
3655
|
children: n.map((f, D) => {
|
|
3650
|
-
const q = He(
|
|
3656
|
+
const q = He(O.position, O.offset, i), Y = `${F(O.padding.top, i)} ${F(O.padding.right, i)} ${F(O.padding.bottom, i)} ${F(O.padding.left, i)}`, et = m.type === "scale" ? (() => {
|
|
3651
3657
|
const { transform: J, ...X } = q;
|
|
3652
3658
|
return {
|
|
3653
3659
|
...X,
|
|
@@ -3657,10 +3663,10 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3657
3663
|
"--position-transform": J || "none"
|
|
3658
3664
|
};
|
|
3659
3665
|
})() : { ...q, position: "absolute", padding: Y, boxSizing: "border-box" };
|
|
3660
|
-
return /* @__PURE__ */
|
|
3666
|
+
return /* @__PURE__ */ P(ar, { children: /* @__PURE__ */ P("div", { className: W.imgWrapper, onClick: it, children: /* @__PURE__ */ P(
|
|
3661
3667
|
"img",
|
|
3662
3668
|
{
|
|
3663
|
-
ref: D ===
|
|
3669
|
+
ref: D === s ? V : null,
|
|
3664
3670
|
className: dt(W.imageStyle, {
|
|
3665
3671
|
[W.contain]: f.image.objectFit === "contain",
|
|
3666
3672
|
[W.cover]: f.image.objectFit === "cover",
|
|
@@ -3675,77 +3681,77 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3675
3681
|
},
|
|
3676
3682
|
u
|
|
3677
3683
|
),
|
|
3678
|
-
|
|
3679
|
-
/* @__PURE__ */
|
|
3684
|
+
_.isActive && /* @__PURE__ */ St(Te, { children: [
|
|
3685
|
+
/* @__PURE__ */ P(
|
|
3680
3686
|
"div",
|
|
3681
3687
|
{
|
|
3682
3688
|
className: dt(W.arrow, { [W.arrowVertical]: m.direction === "vert" }),
|
|
3683
|
-
style: { color:
|
|
3689
|
+
style: { color: _.color, "--arrow-hover-color": _.hover },
|
|
3684
3690
|
children: /* @__PURE__ */ St(
|
|
3685
3691
|
"button",
|
|
3686
3692
|
{
|
|
3687
3693
|
className: W.arrowInner,
|
|
3688
|
-
style: { transform: `translate(${F(
|
|
3694
|
+
style: { transform: `translate(${F(_.offset.x, i)}, ${F(_.offset.y * (m.direction === "horiz" ? 1 : -1), i)}) scale(${_.scale}) rotate(${m.direction === "horiz" ? "0deg" : "90deg"})` },
|
|
3689
3695
|
onClick: () => {
|
|
3690
3696
|
var f;
|
|
3691
3697
|
return (f = y.current) == null ? void 0 : f.go("-1");
|
|
3692
3698
|
},
|
|
3693
3699
|
"aria-label": "Previous",
|
|
3694
3700
|
children: [
|
|
3695
|
-
|
|
3701
|
+
_.arrowsImgUrl && /* @__PURE__ */ P(
|
|
3696
3702
|
we,
|
|
3697
3703
|
{
|
|
3698
|
-
url:
|
|
3699
|
-
fill:
|
|
3700
|
-
hoverFill:
|
|
3704
|
+
url: _.arrowsImgUrl,
|
|
3705
|
+
fill: _.color,
|
|
3706
|
+
hoverFill: _.hover,
|
|
3701
3707
|
className: dt(W.arrowImg, W.mirror)
|
|
3702
3708
|
}
|
|
3703
3709
|
),
|
|
3704
|
-
|
|
3710
|
+
!_.arrowsImgUrl && /* @__PURE__ */ P(vo, { color: _.color, className: dt(W.arrowIcon, W.arrowImg, W.mirror) })
|
|
3705
3711
|
]
|
|
3706
3712
|
}
|
|
3707
3713
|
)
|
|
3708
3714
|
}
|
|
3709
3715
|
),
|
|
3710
|
-
/* @__PURE__ */
|
|
3716
|
+
/* @__PURE__ */ P(
|
|
3711
3717
|
"div",
|
|
3712
3718
|
{
|
|
3713
3719
|
className: dt(W.arrow, W.nextArrow, { [W.arrowVertical]: m.direction === "vert" }),
|
|
3714
|
-
style: { color:
|
|
3720
|
+
style: { color: _.color, "--arrow-hover-color": _.hover },
|
|
3715
3721
|
children: /* @__PURE__ */ St(
|
|
3716
3722
|
"button",
|
|
3717
3723
|
{
|
|
3718
3724
|
className: W.arrowInner,
|
|
3719
|
-
style: { transform: `translate(${F(
|
|
3725
|
+
style: { transform: `translate(${F(_.offset.x * (m.direction === "horiz" ? -1 : 1), i)}, ${F(_.offset.y, i)}) scale(${_.scale}) rotate(${m.direction === "horiz" ? "0deg" : "90deg"})` },
|
|
3720
3726
|
onClick: () => {
|
|
3721
3727
|
var f;
|
|
3722
3728
|
return (f = y.current) == null ? void 0 : f.go("+1");
|
|
3723
3729
|
},
|
|
3724
3730
|
"aria-label": "Next",
|
|
3725
3731
|
children: [
|
|
3726
|
-
|
|
3732
|
+
_.arrowsImgUrl && /* @__PURE__ */ P(
|
|
3727
3733
|
we,
|
|
3728
3734
|
{
|
|
3729
|
-
url:
|
|
3730
|
-
fill:
|
|
3731
|
-
hoverFill:
|
|
3735
|
+
url: _.arrowsImgUrl,
|
|
3736
|
+
fill: _.color,
|
|
3737
|
+
hoverFill: _.hover,
|
|
3732
3738
|
className: W.arrowImg
|
|
3733
3739
|
}
|
|
3734
3740
|
),
|
|
3735
|
-
|
|
3741
|
+
!_.arrowsImgUrl && /* @__PURE__ */ P(vo, { color: _.color, className: dt(W.arrowIcon, W.arrowImg) })
|
|
3736
3742
|
]
|
|
3737
3743
|
}
|
|
3738
3744
|
)
|
|
3739
3745
|
}
|
|
3740
3746
|
)
|
|
3741
3747
|
] }),
|
|
3742
|
-
|
|
3743
|
-
const f = He(
|
|
3744
|
-
return /* @__PURE__ */
|
|
3748
|
+
$.closeIconUrl && (() => {
|
|
3749
|
+
const f = He($.closeIconAlign, $.closeIconOffset, i), D = `scale(${$.closeIconScale})`, q = f.transform ? `${f.transform} ${D}` : D;
|
|
3750
|
+
return /* @__PURE__ */ P("button", { className: W.closeButton, style: { ...f, transform: q }, onClick: K, "aria-label": "Close lightbox", children: /* @__PURE__ */ P(we, { url: $.closeIconUrl, fill: $.closeIconColor ?? "#000000", hoverFill: $.closeIconHover ?? "#cccccc" }) });
|
|
3745
3751
|
})(),
|
|
3746
|
-
S && S.isActive && o.imageCaption && ((M = n[
|
|
3752
|
+
S && S.isActive && o.imageCaption && ((M = n[s]) == null ? void 0 : M.imageCaption) && (() => {
|
|
3747
3753
|
const { widthSettings: f, fontSettings: D, letterSpacing: q, textAlign: Y, wordSpacing: et, fontSizeLineHeight: J, textAppearance: X, color: at } = o.imageCaption;
|
|
3748
|
-
return /* @__PURE__ */
|
|
3754
|
+
return /* @__PURE__ */ P(
|
|
3749
3755
|
"div",
|
|
3750
3756
|
{
|
|
3751
3757
|
className: W.caption,
|
|
@@ -3766,7 +3772,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3766
3772
|
color: at
|
|
3767
3773
|
},
|
|
3768
3774
|
onClick: (ft) => ft.stopPropagation(),
|
|
3769
|
-
children: /* @__PURE__ */
|
|
3775
|
+
children: /* @__PURE__ */ P(
|
|
3770
3776
|
"div",
|
|
3771
3777
|
{
|
|
3772
3778
|
"data-styles": "imageCaption",
|
|
@@ -3775,7 +3781,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3775
3781
|
"--link-color": S.linkColor,
|
|
3776
3782
|
"--link-hover-color": S.linkHoverColor
|
|
3777
3783
|
},
|
|
3778
|
-
children: /* @__PURE__ */
|
|
3784
|
+
children: /* @__PURE__ */ P(lr, { content: n[s].imageCaption })
|
|
3779
3785
|
}
|
|
3780
3786
|
)
|
|
3781
3787
|
}
|
|
@@ -3794,10 +3800,10 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3794
3800
|
}
|
|
3795
3801
|
return "flex-start";
|
|
3796
3802
|
};
|
|
3797
|
-
return /* @__PURE__ */
|
|
3803
|
+
return /* @__PURE__ */ P(
|
|
3798
3804
|
"div",
|
|
3799
3805
|
{
|
|
3800
|
-
ref:
|
|
3806
|
+
ref: A,
|
|
3801
3807
|
className: W.thumbsWrapper,
|
|
3802
3808
|
onClick: (J) => mt(J),
|
|
3803
3809
|
style: {
|
|
@@ -3814,7 +3820,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3814
3820
|
overflowX: "hidden"
|
|
3815
3821
|
}
|
|
3816
3822
|
},
|
|
3817
|
-
children: /* @__PURE__ */
|
|
3823
|
+
children: /* @__PURE__ */ P(
|
|
3818
3824
|
"div",
|
|
3819
3825
|
{
|
|
3820
3826
|
className: dt(W.thumbsContainer, {
|
|
@@ -3828,7 +3834,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3828
3834
|
justifyContent: R ? "flex-start" : et()
|
|
3829
3835
|
},
|
|
3830
3836
|
children: n.map((J, X) => {
|
|
3831
|
-
const at = X ===
|
|
3837
|
+
const at = X === s, ft = w[X], ot = I.grid.size * (at ? I.activeState.scale : 1), Yt = () => {
|
|
3832
3838
|
if (I.fit !== "fit") return {};
|
|
3833
3839
|
if (!ft)
|
|
3834
3840
|
return m.direction === "horiz" ? { height: F(ot, i) } : { width: F(ot, i) };
|
|
@@ -3847,7 +3853,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3847
3853
|
};
|
|
3848
3854
|
}
|
|
3849
3855
|
};
|
|
3850
|
-
return /* @__PURE__ */
|
|
3856
|
+
return /* @__PURE__ */ P(
|
|
3851
3857
|
"button",
|
|
3852
3858
|
{
|
|
3853
3859
|
className: W.thumbItem,
|
|
@@ -3868,7 +3874,7 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3868
3874
|
var Z;
|
|
3869
3875
|
I.triggers === "hov" && ((Z = y.current) == null || Z.go(X));
|
|
3870
3876
|
},
|
|
3871
|
-
children: /* @__PURE__ */
|
|
3877
|
+
children: /* @__PURE__ */ P(
|
|
3872
3878
|
"img",
|
|
3873
3879
|
{
|
|
3874
3880
|
src: J.image.url,
|
|
@@ -3904,10 +3910,10 @@ const gl = ({ settings: t, content: e, styles: n, portalId: o, activeEvent: r, i
|
|
|
3904
3910
|
) : null;
|
|
3905
3911
|
};
|
|
3906
3912
|
function vo({ color: t, className: e }) {
|
|
3907
|
-
return /* @__PURE__ */
|
|
3913
|
+
return /* @__PURE__ */ P("svg", { viewBox: "0 0 10 18", className: e, children: /* @__PURE__ */ P("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ P("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: t, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
|
|
3908
3914
|
}
|
|
3909
|
-
const
|
|
3910
|
-
element:
|
|
3915
|
+
const fl = {
|
|
3916
|
+
element: dl,
|
|
3911
3917
|
id: "lightbox",
|
|
3912
3918
|
name: "Lightbox",
|
|
3913
3919
|
preview: {
|
|
@@ -3918,6 +3924,18 @@ const ml = {
|
|
|
3918
3924
|
width: 440,
|
|
3919
3925
|
height: 550
|
|
3920
3926
|
},
|
|
3927
|
+
fontSettingsPaths: {
|
|
3928
|
+
content: [],
|
|
3929
|
+
parameters: [{ path: "styles.imageCaption.fontSettings" }]
|
|
3930
|
+
},
|
|
3931
|
+
assetsPaths: {
|
|
3932
|
+
content: [{ path: "image.url", placeholderEnabled: !0 }],
|
|
3933
|
+
parameters: [
|
|
3934
|
+
{ path: "settings.thumbnailBlock.cover.url", placeholderEnabled: !0 },
|
|
3935
|
+
{ path: "settings.controls.arrowsImgUrl" },
|
|
3936
|
+
{ path: "settings.area.closeIconUrl" }
|
|
3937
|
+
]
|
|
3938
|
+
},
|
|
3921
3939
|
schema: {
|
|
3922
3940
|
type: "object",
|
|
3923
3941
|
properties: {
|
|
@@ -4757,8 +4775,7 @@ const ml = {
|
|
|
4757
4775
|
content: {
|
|
4758
4776
|
type: "array",
|
|
4759
4777
|
settings: {
|
|
4760
|
-
addItemFromFileExplorer: !0
|
|
4761
|
-
defaultWidth: 500
|
|
4778
|
+
addItemFromFileExplorer: !0
|
|
4762
4779
|
},
|
|
4763
4780
|
items: {
|
|
4764
4781
|
type: "object",
|
|
@@ -4767,9 +4784,7 @@ const ml = {
|
|
|
4767
4784
|
type: "object",
|
|
4768
4785
|
label: "Image",
|
|
4769
4786
|
display: {
|
|
4770
|
-
type: "media-input"
|
|
4771
|
-
minWidth: 58,
|
|
4772
|
-
maxWidth: 108
|
|
4787
|
+
type: "media-input"
|
|
4773
4788
|
},
|
|
4774
4789
|
properties: {
|
|
4775
4790
|
url: {
|
|
@@ -4789,9 +4804,7 @@ const ml = {
|
|
|
4789
4804
|
label: "Description",
|
|
4790
4805
|
placeholder: "Add Caption...",
|
|
4791
4806
|
display: {
|
|
4792
|
-
type: "rich-text"
|
|
4793
|
-
minWidth: 300,
|
|
4794
|
-
maxWidth: 550
|
|
4807
|
+
type: "rich-text"
|
|
4795
4808
|
}
|
|
4796
4809
|
}
|
|
4797
4810
|
},
|
|
@@ -4973,7 +4986,7 @@ const ml = {
|
|
|
4973
4986
|
function pe(t) {
|
|
4974
4987
|
return `calc(var(--cntrl-article-width, 100vw) * ${t / 1440})`;
|
|
4975
4988
|
}
|
|
4976
|
-
function
|
|
4989
|
+
function ml(t) {
|
|
4977
4990
|
return `
|
|
4978
4991
|
.${t}-wrapper {
|
|
4979
4992
|
display: flex;
|
|
@@ -5016,7 +5029,7 @@ function yl(t) {
|
|
|
5016
5029
|
background-color: var(--${t}-input-color);
|
|
5017
5030
|
color: var(--${t}-input-text-color);
|
|
5018
5031
|
border-color: var(--${t}-input-border-color);
|
|
5019
|
-
transition: color 250ms, border-color 250ms, background-color 250ms
|
|
5032
|
+
transition: color 250ms, border-color 250ms, background-color 250ms;
|
|
5020
5033
|
}
|
|
5021
5034
|
.${t}-input::placeholder {
|
|
5022
5035
|
color: var(--${t}-placeholder-color);
|
|
@@ -5055,7 +5068,6 @@ function yl(t) {
|
|
|
5055
5068
|
resize: vertical;
|
|
5056
5069
|
}
|
|
5057
5070
|
.${t}-input:disabled {
|
|
5058
|
-
background: #f5f5f5;
|
|
5059
5071
|
cursor: not-allowed;
|
|
5060
5072
|
}
|
|
5061
5073
|
.${t}-button {
|
|
@@ -5087,11 +5099,11 @@ function yl(t) {
|
|
|
5087
5099
|
}
|
|
5088
5100
|
.${t}-input:focus-visible,
|
|
5089
5101
|
.${t}-wrapper.${t}-state-focus .${t}-input {
|
|
5090
|
-
outline:
|
|
5102
|
+
outline: none;
|
|
5091
5103
|
}
|
|
5092
5104
|
.${t}-button:focus-visible,
|
|
5093
5105
|
.${t}-wrapper.${t}-state-focus .${t}-button {
|
|
5094
|
-
outline:
|
|
5106
|
+
outline: none;
|
|
5095
5107
|
}
|
|
5096
5108
|
.${t}-success {
|
|
5097
5109
|
margin-top: ${pe(8)};
|
|
@@ -5109,18 +5121,18 @@ function yl(t) {
|
|
|
5109
5121
|
}
|
|
5110
5122
|
`;
|
|
5111
5123
|
}
|
|
5112
|
-
function
|
|
5113
|
-
const { prefix: r } =
|
|
5124
|
+
function yl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
5125
|
+
const { prefix: r } = Co(), {
|
|
5114
5126
|
type: a = "A",
|
|
5115
5127
|
fieldsToShow: i = 2,
|
|
5116
5128
|
fields: c = [],
|
|
5117
|
-
buttonLabel:
|
|
5129
|
+
buttonLabel: s,
|
|
5118
5130
|
gap: p,
|
|
5119
5131
|
fieldsGap: u,
|
|
5120
5132
|
buttonCorners: C,
|
|
5121
5133
|
buttonStroke: h,
|
|
5122
5134
|
buttonPadding: g,
|
|
5123
|
-
isButtonFullWidth:
|
|
5135
|
+
isButtonFullWidth: l,
|
|
5124
5136
|
inputCorners: d,
|
|
5125
5137
|
inputStroke: w,
|
|
5126
5138
|
inputPadding: b,
|
|
@@ -5133,22 +5145,22 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5133
5145
|
buttonBorderColor: T,
|
|
5134
5146
|
labelTextColor: k,
|
|
5135
5147
|
successColor: z,
|
|
5136
|
-
errorColor:
|
|
5148
|
+
errorColor: A,
|
|
5137
5149
|
fontFamily: R,
|
|
5138
|
-
inputFontSettings:
|
|
5150
|
+
inputFontSettings: B,
|
|
5139
5151
|
inputFontSize: j,
|
|
5140
5152
|
inputLineHeight: H,
|
|
5141
5153
|
inputLetterSpacing: m,
|
|
5142
5154
|
inputWordSpacing: I,
|
|
5143
|
-
inputTextAppearance:
|
|
5144
|
-
buttonFontSettings:
|
|
5155
|
+
inputTextAppearance: _,
|
|
5156
|
+
buttonFontSettings: $,
|
|
5145
5157
|
buttonFontSize: S,
|
|
5146
|
-
buttonLineHeight:
|
|
5158
|
+
buttonLineHeight: O,
|
|
5147
5159
|
buttonLetterSpacing: G,
|
|
5148
5160
|
buttonWordSpacing: nt,
|
|
5149
5161
|
buttonTextAppearance: tt,
|
|
5150
5162
|
labelFontSettings: lt,
|
|
5151
|
-
labelFontSize:
|
|
5163
|
+
labelFontSize: E,
|
|
5152
5164
|
labelLineHeight: K,
|
|
5153
5165
|
labelLetterSpacing: yt,
|
|
5154
5166
|
labelWordSpacing: it,
|
|
@@ -5159,14 +5171,14 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5159
5171
|
} = t, f = a === "B", D = c.slice(0, Math.min(i, c.length)), q = {
|
|
5160
5172
|
fontSettings: {
|
|
5161
5173
|
fontFamily: R,
|
|
5162
|
-
fontWeight: (
|
|
5163
|
-
fontStyle: (
|
|
5174
|
+
fontWeight: (B == null ? void 0 : B.fontWeight) ?? 400,
|
|
5175
|
+
fontStyle: (B == null ? void 0 : B.fontStyle) ?? "normal"
|
|
5164
5176
|
},
|
|
5165
5177
|
fontSize: j ?? 0.01,
|
|
5166
5178
|
lineHeight: H,
|
|
5167
5179
|
letterSpacing: m ?? 0,
|
|
5168
5180
|
wordSpacing: I ?? 0,
|
|
5169
|
-
textAppearance:
|
|
5181
|
+
textAppearance: _
|
|
5170
5182
|
}, Y = vn(q, e), et = F(w ?? 0, e), J = {
|
|
5171
5183
|
...Y,
|
|
5172
5184
|
borderStyle: "solid",
|
|
@@ -5183,11 +5195,11 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5183
5195
|
}, X = {
|
|
5184
5196
|
fontSettings: {
|
|
5185
5197
|
fontFamily: R,
|
|
5186
|
-
fontWeight: (
|
|
5187
|
-
fontStyle: (
|
|
5198
|
+
fontWeight: ($ == null ? void 0 : $.fontWeight) ?? 400,
|
|
5199
|
+
fontStyle: ($ == null ? void 0 : $.fontStyle) ?? "normal"
|
|
5188
5200
|
},
|
|
5189
5201
|
fontSize: S ?? 0.01,
|
|
5190
|
-
lineHeight:
|
|
5202
|
+
lineHeight: O,
|
|
5191
5203
|
letterSpacing: G ?? 0,
|
|
5192
5204
|
wordSpacing: nt ?? 0,
|
|
5193
5205
|
textAppearance: tt
|
|
@@ -5197,12 +5209,12 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5197
5209
|
fontWeight: (lt == null ? void 0 : lt.fontWeight) ?? 400,
|
|
5198
5210
|
fontStyle: (lt == null ? void 0 : lt.fontStyle) ?? "normal"
|
|
5199
5211
|
},
|
|
5200
|
-
fontSize:
|
|
5212
|
+
fontSize: E ?? 0.01,
|
|
5201
5213
|
lineHeight: K,
|
|
5202
5214
|
letterSpacing: yt ?? 0,
|
|
5203
5215
|
wordSpacing: it ?? 0,
|
|
5204
5216
|
textAppearance: mt
|
|
5205
|
-
}, ot = vn(rt, e), Yt =
|
|
5217
|
+
}, ot = vn(rt, e), Yt = xo(r, {
|
|
5206
5218
|
inputColor: y,
|
|
5207
5219
|
inputTextColor: x,
|
|
5208
5220
|
inputBorderColor: V,
|
|
@@ -5212,12 +5224,12 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5212
5224
|
buttonBorderColor: T,
|
|
5213
5225
|
labelTextColor: k,
|
|
5214
5226
|
successColor: z,
|
|
5215
|
-
errorColor:
|
|
5216
|
-
}, M), [Z, st] = ct(
|
|
5227
|
+
errorColor: A
|
|
5228
|
+
}, hl, vl, M), [Z, st] = ct(
|
|
5217
5229
|
() => Object.fromEntries(D.map((pt) => [pt.name, ""]))
|
|
5218
|
-
), [xt, It] = ct("idle"), [vt, Gt] = ct(null), qt = o === "success" ? "success" : o === "error" ? "error" : xt,
|
|
5230
|
+
), [xt, It] = ct("idle"), [vt, Gt] = ct(null), qt = o === "success" ? "success" : o === "error" ? "error" : xt, $t = o === "error" ? zt : vt, Tt = o === "filled" ? Object.fromEntries(D.map((pt) => [pt.name, "Filled"])) : Z, cr = qt === "error" ? Xe(D, Tt) : null, ur = `${o && o !== "default" ? `${r}-state-${o}` : ""}`.trim(), Xn = n == null ? void 0 : n.submitUrl, Kn = (pt, se) => {
|
|
5219
5231
|
st((Xt) => ({ ...Xt, [pt]: se }));
|
|
5220
|
-
},
|
|
5232
|
+
}, pr = async (pt) => {
|
|
5221
5233
|
pt.preventDefault();
|
|
5222
5234
|
const se = Object.fromEntries(
|
|
5223
5235
|
D.map((kt) => {
|
|
@@ -5247,23 +5259,23 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5247
5259
|
It("error"), Gt(kt instanceof Error ? kt.message : "Something went wrong");
|
|
5248
5260
|
}
|
|
5249
5261
|
};
|
|
5250
|
-
return /* @__PURE__ */ St("div", { className: `${r}-wrapper ${r}-type-${a} ${
|
|
5251
|
-
/* @__PURE__ */
|
|
5262
|
+
return /* @__PURE__ */ St("div", { className: `${r}-wrapper ${r}-type-${a} ${ur}`.trim(), style: Yt, children: [
|
|
5263
|
+
/* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: ml(r) } }),
|
|
5252
5264
|
/* @__PURE__ */ St(
|
|
5253
5265
|
"form",
|
|
5254
5266
|
{
|
|
5255
|
-
onSubmit:
|
|
5267
|
+
onSubmit: pr,
|
|
5256
5268
|
className: `${r}-form`,
|
|
5257
5269
|
style: { gap: F(p ?? 0, e) },
|
|
5258
5270
|
children: [
|
|
5259
|
-
/* @__PURE__ */
|
|
5271
|
+
/* @__PURE__ */ P(
|
|
5260
5272
|
"div",
|
|
5261
5273
|
{
|
|
5262
5274
|
className: `${r}-fields`,
|
|
5263
5275
|
style: { gap: F(u ?? 0, e) },
|
|
5264
5276
|
children: D.map((pt, se) => /* @__PURE__ */ St("div", { className: `${r}-field-group${f ? ` ${r}-labeled` : ""}`, children: [
|
|
5265
|
-
f && /* @__PURE__ */
|
|
5266
|
-
pt.type === "textarea" ? /* @__PURE__ */
|
|
5277
|
+
f && /* @__PURE__ */ P("span", { className: `${r}-field-label`, style: ot ? { ...ot, lineHeight: ot.fontSize } : void 0, children: pt.label || pt.name }),
|
|
5278
|
+
pt.type === "textarea" ? /* @__PURE__ */ P(
|
|
5267
5279
|
"textarea",
|
|
5268
5280
|
{
|
|
5269
5281
|
name: pt.name,
|
|
@@ -5277,7 +5289,7 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5277
5289
|
"data-filled": (Tt[pt.name] ?? "").trim().length > 0,
|
|
5278
5290
|
"data-field-type": "textarea"
|
|
5279
5291
|
}
|
|
5280
|
-
) : /* @__PURE__ */
|
|
5292
|
+
) : /* @__PURE__ */ P(
|
|
5281
5293
|
"input",
|
|
5282
5294
|
{
|
|
5283
5295
|
type: pt.type === "phone" ? "tel" : pt.type === "email" ? "email" : "text",
|
|
@@ -5295,7 +5307,7 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5295
5307
|
] }, se))
|
|
5296
5308
|
}
|
|
5297
5309
|
),
|
|
5298
|
-
/* @__PURE__ */
|
|
5310
|
+
/* @__PURE__ */ P("div", { className: `${r}-overlay-anchor`, children: /* @__PURE__ */ P(
|
|
5299
5311
|
"button",
|
|
5300
5312
|
{
|
|
5301
5313
|
type: "submit",
|
|
@@ -5309,23 +5321,23 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5309
5321
|
paddingBottom: F((g == null ? void 0 : g.bottom) ?? 0, e),
|
|
5310
5322
|
paddingLeft: F((g == null ? void 0 : g.left) ?? 0, e),
|
|
5311
5323
|
...at,
|
|
5312
|
-
...
|
|
5324
|
+
...l ? {
|
|
5313
5325
|
width: "100%",
|
|
5314
5326
|
textAlign: "center",
|
|
5315
5327
|
whiteSpace: "normal"
|
|
5316
5328
|
} : {}
|
|
5317
5329
|
},
|
|
5318
|
-
children: /* @__PURE__ */
|
|
5330
|
+
children: /* @__PURE__ */ P(
|
|
5319
5331
|
"span",
|
|
5320
5332
|
{
|
|
5321
5333
|
className: `${r}-overlay-anchor`,
|
|
5322
|
-
style:
|
|
5334
|
+
style: l ? {
|
|
5323
5335
|
display: "inline-block",
|
|
5324
5336
|
maxWidth: "100%",
|
|
5325
5337
|
whiteSpace: "normal",
|
|
5326
5338
|
textAlign: "center"
|
|
5327
5339
|
} : void 0,
|
|
5328
|
-
children: xt === "submitting" ? "..." :
|
|
5340
|
+
children: xt === "submitting" ? "..." : s
|
|
5329
5341
|
}
|
|
5330
5342
|
)
|
|
5331
5343
|
}
|
|
@@ -5333,7 +5345,7 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5333
5345
|
]
|
|
5334
5346
|
}
|
|
5335
5347
|
),
|
|
5336
|
-
qt === "success" && /* @__PURE__ */
|
|
5348
|
+
qt === "success" && /* @__PURE__ */ P(
|
|
5337
5349
|
"p",
|
|
5338
5350
|
{
|
|
5339
5351
|
className: `${r}-success`,
|
|
@@ -5341,18 +5353,18 @@ function hl({ settings: t, isEditor: e, metadata: n, activeEvent: o }) {
|
|
|
5341
5353
|
children: Wt
|
|
5342
5354
|
}
|
|
5343
5355
|
),
|
|
5344
|
-
qt === "error" && /* @__PURE__ */
|
|
5356
|
+
qt === "error" && /* @__PURE__ */ P(
|
|
5345
5357
|
"p",
|
|
5346
5358
|
{
|
|
5347
5359
|
className: `${r}-error`,
|
|
5348
5360
|
style: { ...Y, lineHeight: Y == null ? void 0 : Y.fontSize },
|
|
5349
5361
|
role: "alert",
|
|
5350
|
-
children:
|
|
5362
|
+
children: cr ?? $t ?? zt
|
|
5351
5363
|
}
|
|
5352
5364
|
)
|
|
5353
5365
|
] });
|
|
5354
5366
|
}
|
|
5355
|
-
const
|
|
5367
|
+
const hl = {
|
|
5356
5368
|
inputColor: "input-color",
|
|
5357
5369
|
inputTextColor: "input-text-color",
|
|
5358
5370
|
inputBorderColor: "input-border-color",
|
|
@@ -5364,21 +5376,6 @@ const bo = {
|
|
|
5364
5376
|
successColor: "success-color",
|
|
5365
5377
|
errorColor: "error-color"
|
|
5366
5378
|
}, vl = ["hover", "focus", "filled", "success", "error"];
|
|
5367
|
-
function bl(t, e, n) {
|
|
5368
|
-
const o = {};
|
|
5369
|
-
for (const [r, a] of Object.entries(bo))
|
|
5370
|
-
o[`--${t}-${a}`] = e[r];
|
|
5371
|
-
if (n)
|
|
5372
|
-
for (const r of vl) {
|
|
5373
|
-
const a = n[r];
|
|
5374
|
-
if (a)
|
|
5375
|
-
for (const [i, c] of Object.entries(bo)) {
|
|
5376
|
-
const l = a[i];
|
|
5377
|
-
l !== void 0 && (o[`--${t}-${r}-${c}`] = l);
|
|
5378
|
-
}
|
|
5379
|
-
}
|
|
5380
|
-
return o;
|
|
5381
|
-
}
|
|
5382
5379
|
function vn(t, e) {
|
|
5383
5380
|
var n, o, r;
|
|
5384
5381
|
return {
|
|
@@ -5394,9 +5391,9 @@ function vn(t, e) {
|
|
|
5394
5391
|
fontVariant: (r = t.textAppearance) == null ? void 0 : r.fontVariant
|
|
5395
5392
|
};
|
|
5396
5393
|
}
|
|
5397
|
-
const
|
|
5394
|
+
const bl = `import React, { useState } from 'react';
|
|
5398
5395
|
import { CommonComponentProps } from '../props';
|
|
5399
|
-
import { getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
5396
|
+
import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
5400
5397
|
|
|
5401
5398
|
function sv(px: number): string {
|
|
5402
5399
|
return \`calc(var(--cntrl-article-width, 100vw) * \${px / 1440})\`;
|
|
@@ -5445,7 +5442,7 @@ function getCSS(P: string): string {
|
|
|
5445
5442
|
background-color: var(--\${P}-input-color);
|
|
5446
5443
|
color: var(--\${P}-input-text-color);
|
|
5447
5444
|
border-color: var(--\${P}-input-border-color);
|
|
5448
|
-
transition: color 250ms, border-color 250ms, background-color 250ms
|
|
5445
|
+
transition: color 250ms, border-color 250ms, background-color 250ms;
|
|
5449
5446
|
}
|
|
5450
5447
|
.\${P}-input::placeholder {
|
|
5451
5448
|
color: var(--\${P}-placeholder-color);
|
|
@@ -5484,7 +5481,6 @@ function getCSS(P: string): string {
|
|
|
5484
5481
|
resize: vertical;
|
|
5485
5482
|
}
|
|
5486
5483
|
.\${P}-input:disabled {
|
|
5487
|
-
background: #f5f5f5;
|
|
5488
5484
|
cursor: not-allowed;
|
|
5489
5485
|
}
|
|
5490
5486
|
.\${P}-button {
|
|
@@ -5516,11 +5512,11 @@ function getCSS(P: string): string {
|
|
|
5516
5512
|
}
|
|
5517
5513
|
.\${P}-input:focus-visible,
|
|
5518
5514
|
.\${P}-wrapper.\${P}-state-focus .\${P}-input {
|
|
5519
|
-
outline:
|
|
5515
|
+
outline: none;
|
|
5520
5516
|
}
|
|
5521
5517
|
.\${P}-button:focus-visible,
|
|
5522
5518
|
.\${P}-wrapper.\${P}-state-focus .\${P}-button {
|
|
5523
|
-
outline:
|
|
5519
|
+
outline: none;
|
|
5524
5520
|
}
|
|
5525
5521
|
.\${P}-success {
|
|
5526
5522
|
margin-top: \${sv(8)};
|
|
@@ -5672,7 +5668,7 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
|
|
|
5672
5668
|
labelTextColor,
|
|
5673
5669
|
successColor,
|
|
5674
5670
|
errorColor,
|
|
5675
|
-
}, stateOverrides);
|
|
5671
|
+
}, COLOR_VAR_MAP, STATE_KEYS, stateOverrides);
|
|
5676
5672
|
|
|
5677
5673
|
const [fieldValues, setFieldValues] = useState<Record<string, string>>(() =>
|
|
5678
5674
|
Object.fromEntries(visibleFields.map((f) => [f.name, '']))
|
|
@@ -5737,7 +5733,7 @@ export function Form({ settings, isEditor, metadata, activeEvent }: FormProps) {
|
|
|
5737
5733
|
|
|
5738
5734
|
return (
|
|
5739
5735
|
<div className={\`\${P}-wrapper \${P}-type-\${type} \${wrapperStateClasses}\`.trim()} style={colorVars}>
|
|
5740
|
-
<style
|
|
5736
|
+
<style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
|
|
5741
5737
|
<form
|
|
5742
5738
|
onSubmit={handleSubmit}
|
|
5743
5739
|
className={\`\${P}-form\`}
|
|
@@ -5954,30 +5950,6 @@ const COLOR_VAR_MAP: Record<ColorKeys, string> = {
|
|
|
5954
5950
|
|
|
5955
5951
|
const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
5956
5952
|
|
|
5957
|
-
function buildColorVars(
|
|
5958
|
-
P: string,
|
|
5959
|
-
defaults: Record<ColorKeys, string>,
|
|
5960
|
-
stateOverrides?: Record<string, StateColorOverrides>,
|
|
5961
|
-
): React.CSSProperties {
|
|
5962
|
-
const vars: Record<string, string> = {};
|
|
5963
|
-
for (const [key, varSuffix] of Object.entries(COLOR_VAR_MAP)) {
|
|
5964
|
-
vars[\`--\${P}-\${varSuffix}\`] = defaults[key as ColorKeys];
|
|
5965
|
-
}
|
|
5966
|
-
if (stateOverrides) {
|
|
5967
|
-
for (const state of STATE_KEYS) {
|
|
5968
|
-
const overrides = stateOverrides[state];
|
|
5969
|
-
if (!overrides) continue;
|
|
5970
|
-
for (const [key, varSuffix] of Object.entries(COLOR_VAR_MAP)) {
|
|
5971
|
-
const val = overrides[key as ColorKeys];
|
|
5972
|
-
if (val !== undefined) {
|
|
5973
|
-
vars[\`--\${P}-\${state}-\${varSuffix}\`] = val;
|
|
5974
|
-
}
|
|
5975
|
-
}
|
|
5976
|
-
}
|
|
5977
|
-
}
|
|
5978
|
-
return vars as unknown as React.CSSProperties;
|
|
5979
|
-
}
|
|
5980
|
-
|
|
5981
5953
|
function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSProperties {
|
|
5982
5954
|
return {
|
|
5983
5955
|
fontFamily: textStyles.fontSettings.fontFamily,
|
|
@@ -5992,7 +5964,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
5992
5964
|
fontVariant: textStyles.textAppearance?.fontVariant
|
|
5993
5965
|
};
|
|
5994
5966
|
}
|
|
5995
|
-
`,
|
|
5967
|
+
`, Sl = [
|
|
5996
5968
|
{ name: "email", type: "email", placeholder: "Enter your email", label: "Email", isRequired: !0, error: "Please, enter a valid e-mail." },
|
|
5997
5969
|
{ name: "name", type: "text", placeholder: "Enter your name", label: "Name", isRequired: !1, error: "Please, enter your name." },
|
|
5998
5970
|
{ name: "company", type: "text", placeholder: "Enter company", label: "Company", isRequired: !1, error: "Please, enter your company name." },
|
|
@@ -6009,7 +5981,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6009
5981
|
fontStyle: { type: "string" }
|
|
6010
5982
|
}
|
|
6011
5983
|
}
|
|
6012
|
-
},
|
|
5984
|
+
}, Cl = [
|
|
6013
5985
|
"inputColor",
|
|
6014
5986
|
"inputTextColor",
|
|
6015
5987
|
"inputBorderColor",
|
|
@@ -6020,7 +5992,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6020
5992
|
"labelTextColor",
|
|
6021
5993
|
"successColor",
|
|
6022
5994
|
"errorColor"
|
|
6023
|
-
],
|
|
5995
|
+
], xl = {
|
|
6024
5996
|
type: "object",
|
|
6025
5997
|
version: 1,
|
|
6026
5998
|
settings: {
|
|
@@ -6139,49 +6111,49 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6139
6111
|
inputColor: {
|
|
6140
6112
|
type: "string",
|
|
6141
6113
|
scope: "layout",
|
|
6142
|
-
title: "Input
|
|
6114
|
+
title: "Input Fill",
|
|
6143
6115
|
display: { type: "palette-color-picker" }
|
|
6144
6116
|
},
|
|
6145
6117
|
inputTextColor: {
|
|
6146
6118
|
type: "string",
|
|
6147
6119
|
scope: "layout",
|
|
6148
|
-
title: "Input
|
|
6120
|
+
title: "Input Label",
|
|
6149
6121
|
display: { type: "palette-color-picker" }
|
|
6150
6122
|
},
|
|
6151
6123
|
inputBorderColor: {
|
|
6152
6124
|
type: "string",
|
|
6153
6125
|
scope: "layout",
|
|
6154
|
-
title: "Input
|
|
6126
|
+
title: "Input Stroke",
|
|
6155
6127
|
display: { type: "palette-color-picker" }
|
|
6156
6128
|
},
|
|
6157
6129
|
placeholderColor: {
|
|
6158
6130
|
type: "string",
|
|
6159
6131
|
scope: "layout",
|
|
6160
|
-
title: "
|
|
6132
|
+
title: "Filler text",
|
|
6161
6133
|
display: { type: "palette-color-picker" }
|
|
6162
6134
|
},
|
|
6163
6135
|
buttonColor: {
|
|
6164
6136
|
type: "string",
|
|
6165
6137
|
scope: "layout",
|
|
6166
|
-
title: "Button
|
|
6138
|
+
title: "Button Fill",
|
|
6167
6139
|
display: { type: "palette-color-picker" }
|
|
6168
6140
|
},
|
|
6169
6141
|
buttonTextColor: {
|
|
6170
6142
|
type: "string",
|
|
6171
6143
|
scope: "layout",
|
|
6172
|
-
title: "Button
|
|
6144
|
+
title: "Button Label",
|
|
6173
6145
|
display: { type: "palette-color-picker" }
|
|
6174
6146
|
},
|
|
6175
6147
|
isButtonFullWidth: {
|
|
6176
6148
|
type: "boolean",
|
|
6177
6149
|
scope: "layout",
|
|
6178
6150
|
title: "Full Width",
|
|
6179
|
-
display: { type: "toggle", enum: ["
|
|
6151
|
+
display: { type: "toggle", enum: ["On", "Off"] }
|
|
6180
6152
|
},
|
|
6181
6153
|
buttonBorderColor: {
|
|
6182
6154
|
type: "string",
|
|
6183
6155
|
scope: "layout",
|
|
6184
|
-
title: "Button
|
|
6156
|
+
title: "Button Stroke",
|
|
6185
6157
|
display: { type: "palette-color-picker" }
|
|
6186
6158
|
},
|
|
6187
6159
|
labelTextColor: {
|
|
@@ -6323,7 +6295,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6323
6295
|
},
|
|
6324
6296
|
defaults: {
|
|
6325
6297
|
fieldsToShow: 2,
|
|
6326
|
-
fields:
|
|
6298
|
+
fields: Sl,
|
|
6327
6299
|
type: "A",
|
|
6328
6300
|
inputColor: "#FFFFFF",
|
|
6329
6301
|
inputTextColor: "#999999",
|
|
@@ -6445,6 +6417,14 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6445
6417
|
{
|
|
6446
6418
|
if: { name: "type", value: "C" },
|
|
6447
6419
|
then: { name: "properties.inputCorners.display.visible", value: !1 }
|
|
6420
|
+
},
|
|
6421
|
+
{
|
|
6422
|
+
if: { name: "buttonStroke", value: 0 },
|
|
6423
|
+
then: { name: "properties.buttonBorderColor.display.visible", value: !1 }
|
|
6424
|
+
},
|
|
6425
|
+
{
|
|
6426
|
+
if: { name: "inputStroke", value: 0 },
|
|
6427
|
+
then: { name: "properties.inputBorderColor.display.visible", value: !1 }
|
|
6448
6428
|
}
|
|
6449
6429
|
]
|
|
6450
6430
|
},
|
|
@@ -6533,13 +6513,13 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6533
6513
|
}
|
|
6534
6514
|
],
|
|
6535
6515
|
paletteBookmark: {
|
|
6536
|
-
items: [...
|
|
6516
|
+
items: [...Cl],
|
|
6537
6517
|
panelIds: ["general", "typeStyle"],
|
|
6538
6518
|
stateItems: {
|
|
6539
|
-
default: ["
|
|
6540
|
-
hover: ["inputColor", "inputBorderColor", "
|
|
6541
|
-
focus: ["inputColor", "inputBorderColor", "
|
|
6542
|
-
filled: ["
|
|
6519
|
+
default: ["placeholderColor", "inputColor", "inputBorderColor", "buttonTextColor", "buttonColor", "buttonBorderColor", "labelTextColor"],
|
|
6520
|
+
hover: ["inputColor", "inputBorderColor", "buttonTextColor", "buttonColor", "buttonBorderColor"],
|
|
6521
|
+
focus: ["inputColor", "inputBorderColor", "buttonTextColor", "buttonColor", "buttonBorderColor"],
|
|
6522
|
+
filled: ["inputTextColor", "inputColor", "inputBorderColor", "buttonTextColor"],
|
|
6543
6523
|
success: ["successColor"],
|
|
6544
6524
|
error: ["errorColor"]
|
|
6545
6525
|
}
|
|
@@ -6547,7 +6527,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6547
6527
|
allowedPlugins: ["newsletter"],
|
|
6548
6528
|
states: ["default", "hover", "focus", "filled", "success", "error"]
|
|
6549
6529
|
}, _l = {
|
|
6550
|
-
element:
|
|
6530
|
+
element: yl,
|
|
6551
6531
|
id: "form",
|
|
6552
6532
|
name: "Newsletter Stacked",
|
|
6553
6533
|
preview: {
|
|
@@ -6559,13 +6539,13 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
6559
6539
|
width: 400,
|
|
6560
6540
|
height: 42
|
|
6561
6541
|
},
|
|
6562
|
-
schema:
|
|
6563
|
-
sourceCode:
|
|
6542
|
+
schema: xl,
|
|
6543
|
+
sourceCode: bl
|
|
6564
6544
|
};
|
|
6565
6545
|
function je(t) {
|
|
6566
6546
|
return `calc(var(--cntrl-article-width, 100vw) * ${t / 1440})`;
|
|
6567
6547
|
}
|
|
6568
|
-
function
|
|
6548
|
+
function $l(t) {
|
|
6569
6549
|
return `
|
|
6570
6550
|
.${t}-wrapper {
|
|
6571
6551
|
display: flex;
|
|
@@ -6731,18 +6711,18 @@ function wl(t) {
|
|
|
6731
6711
|
}
|
|
6732
6712
|
`;
|
|
6733
6713
|
}
|
|
6734
|
-
const
|
|
6735
|
-
const { prefix: r } =
|
|
6714
|
+
const wl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
6715
|
+
const { prefix: r } = Co(), {
|
|
6736
6716
|
fields: a = [{ name: "email", type: "email", placeholder: "Your email" }],
|
|
6737
6717
|
buttonContent: i,
|
|
6738
6718
|
submitButtonContent: c,
|
|
6739
|
-
buttonLabel:
|
|
6719
|
+
buttonLabel: s,
|
|
6740
6720
|
buttonIcon: p,
|
|
6741
6721
|
fieldsToShow: u = 1,
|
|
6742
6722
|
fontFamily: C,
|
|
6743
6723
|
input: h,
|
|
6744
6724
|
button: g,
|
|
6745
|
-
inputFontSettings:
|
|
6725
|
+
inputFontSettings: l,
|
|
6746
6726
|
inputFontSize: d,
|
|
6747
6727
|
inputLineHeight: w,
|
|
6748
6728
|
inputLetterSpacing: b,
|
|
@@ -6755,20 +6735,20 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6755
6735
|
buttonWordSpacing: T,
|
|
6756
6736
|
buttonTextAppearance: k,
|
|
6757
6737
|
minHeight: z,
|
|
6758
|
-
corners:
|
|
6738
|
+
corners: A,
|
|
6759
6739
|
stroke: R,
|
|
6760
|
-
stateOverrides:
|
|
6740
|
+
stateOverrides: B,
|
|
6761
6741
|
inputPadding: j,
|
|
6762
6742
|
buttonPadding: H,
|
|
6763
6743
|
successMessage: m = "Thanks for subscribing!",
|
|
6764
6744
|
errorMessage: I = "Please, fill all required fields."
|
|
6765
|
-
} = t,
|
|
6766
|
-
() => Object.fromEntries(
|
|
6767
|
-
), [
|
|
6745
|
+
} = t, _ = a.slice(0, Math.min(u, a.length)), [$, S] = ct(
|
|
6746
|
+
() => Object.fromEntries(_.map((vt) => [vt.name, ""]))
|
|
6747
|
+
), [O, G] = ct("idle"), [nt, tt] = ct(null), lt = o === "success" ? "success" : o === "error" ? "error" : O, E = o === "error" ? I : nt, K = o === "filled" ? Object.fromEntries(_.map((vt) => [vt.name, "Filled"])) : $, yt = lt === "error" ? Xe(_, K) : null, it = o && o !== "default" ? `${r}-state-${o}` : "", mt = _.some((vt) => (K[vt.name] ?? "").trim().length > 0), Wt = it !== `${r}-state-filled` && mt ? `${r}-state-filled` : "", zt = `${it} ${Wt}`.trim(), M = n == null ? void 0 : n.submitUrl, f = i, D = (f == null ? void 0 : f.mode) === "Icon" || (f == null ? void 0 : f.mode) === "Label" ? f.mode : c === "Icon" ? "Icon" : "Label", q = f === void 0 ? s : f.label !== void 0 ? f.label : s, Y = f === void 0 ? p : f.icon !== void 0 ? f.icon : p, et = q ?? "", J = Y ?? "", X = D === "Icon", at = et || "Submit", ft = l || d !== void 0 || w !== void 0 || b !== void 0 || y !== void 0 || x !== void 0 ? {
|
|
6768
6748
|
fontSettings: {
|
|
6769
6749
|
fontFamily: C,
|
|
6770
|
-
fontWeight: (
|
|
6771
|
-
fontStyle: (
|
|
6750
|
+
fontWeight: (l == null ? void 0 : l.fontWeight) ?? 400,
|
|
6751
|
+
fontStyle: (l == null ? void 0 : l.fontStyle) ?? "normal"
|
|
6772
6752
|
},
|
|
6773
6753
|
fontSize: d ?? 0.01,
|
|
6774
6754
|
lineHeight: w,
|
|
@@ -6802,7 +6782,7 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6802
6782
|
fontFamily: C ?? g.fontSettings.fontFamily
|
|
6803
6783
|
},
|
|
6804
6784
|
color: t.buttonTextColor ?? g.color ?? "#ffffff"
|
|
6805
|
-
} : void 0, ot = ft ?
|
|
6785
|
+
} : void 0, ot = ft ? bo(ft, e) : void 0, Yt = rt ? bo(rt, e) : void 0, Z = xo(r, {
|
|
6806
6786
|
strokeColor: t.strokeColor,
|
|
6807
6787
|
inputColor: t.inputColor,
|
|
6808
6788
|
placeholderColor: t.placeholderColor,
|
|
@@ -6811,42 +6791,42 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6811
6791
|
errorColor: t.errorColor,
|
|
6812
6792
|
inputTextColor: t.inputTextColor ?? (ft == null ? void 0 : ft.color) ?? "#111111",
|
|
6813
6793
|
buttonTextColor: t.buttonTextColor ?? (rt == null ? void 0 : rt.color) ?? "#ffffff"
|
|
6814
|
-
},
|
|
6815
|
-
borderRadius: F(
|
|
6794
|
+
}, Tl, Ll, B), st = {
|
|
6795
|
+
borderRadius: F(A, e),
|
|
6816
6796
|
borderWidth: F(R, e),
|
|
6817
6797
|
borderStyle: "solid"
|
|
6818
6798
|
}, xt = { borderLeftWidth: F(R, e) }, It = async (vt) => {
|
|
6819
6799
|
vt.preventDefault();
|
|
6820
6800
|
const Gt = Object.fromEntries(
|
|
6821
|
-
|
|
6801
|
+
_.map(($t) => {
|
|
6822
6802
|
var Tt;
|
|
6823
|
-
return [
|
|
6824
|
-
}).filter(([,
|
|
6803
|
+
return [$t.name, ((Tt = $[$t.name]) == null ? void 0 : Tt.trim()) ?? ""];
|
|
6804
|
+
}).filter(([, $t]) => $t)
|
|
6825
6805
|
);
|
|
6826
6806
|
if (!M || Object.keys(Gt).length === 0) return;
|
|
6827
|
-
const qt = Xe(
|
|
6807
|
+
const qt = Xe(_, $);
|
|
6828
6808
|
if (qt) {
|
|
6829
6809
|
G("error"), tt(qt);
|
|
6830
6810
|
return;
|
|
6831
6811
|
}
|
|
6832
6812
|
G("submitting"), tt(null);
|
|
6833
6813
|
try {
|
|
6834
|
-
const
|
|
6814
|
+
const $t = await fetch(M, {
|
|
6835
6815
|
method: "POST",
|
|
6836
6816
|
headers: { "Content-Type": "application/json" },
|
|
6837
6817
|
body: JSON.stringify(Gt)
|
|
6838
6818
|
});
|
|
6839
|
-
if (
|
|
6840
|
-
const Tt = await
|
|
6841
|
-
throw new Error(Tt || `Request failed: ${
|
|
6819
|
+
if (!$t.ok) {
|
|
6820
|
+
const Tt = await $t.text();
|
|
6821
|
+
throw new Error(Tt || `Request failed: ${$t.status}`);
|
|
6842
6822
|
}
|
|
6843
|
-
G("success"), S(Object.fromEntries(
|
|
6844
|
-
} catch (
|
|
6845
|
-
G("error"), tt(
|
|
6823
|
+
G("success"), S(Object.fromEntries(_.map((Tt) => [Tt.name, ""])));
|
|
6824
|
+
} catch ($t) {
|
|
6825
|
+
G("error"), tt($t instanceof Error ? $t.message : "Something went wrong");
|
|
6846
6826
|
}
|
|
6847
6827
|
};
|
|
6848
6828
|
return /* @__PURE__ */ St("div", { className: `${r}-wrapper ${zt}`.trim(), style: Z, children: [
|
|
6849
|
-
/* @__PURE__ */
|
|
6829
|
+
/* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: $l(r) } }),
|
|
6850
6830
|
/* @__PURE__ */ St(
|
|
6851
6831
|
"form",
|
|
6852
6832
|
{
|
|
@@ -6858,12 +6838,12 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6858
6838
|
minHeight: F(z, e)
|
|
6859
6839
|
},
|
|
6860
6840
|
children: [
|
|
6861
|
-
/* @__PURE__ */
|
|
6841
|
+
/* @__PURE__ */ P(
|
|
6862
6842
|
"div",
|
|
6863
6843
|
{
|
|
6864
6844
|
className: `${r}-inputWrap ${r}-overlayAnchor`,
|
|
6865
6845
|
style: { flex: 1, minWidth: 0 },
|
|
6866
|
-
children:
|
|
6846
|
+
children: _.map((vt) => /* @__PURE__ */ P(
|
|
6867
6847
|
"input",
|
|
6868
6848
|
{
|
|
6869
6849
|
type: vt.type === "email" ? "email" : vt.type === "phone" ? "tel" : "text",
|
|
@@ -6886,7 +6866,7 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6886
6866
|
))
|
|
6887
6867
|
}
|
|
6888
6868
|
),
|
|
6889
|
-
/* @__PURE__ */
|
|
6869
|
+
/* @__PURE__ */ P("div", { className: `${r}-overlayAnchor`, children: /* @__PURE__ */ P(
|
|
6890
6870
|
"button",
|
|
6891
6871
|
{
|
|
6892
6872
|
type: "submit",
|
|
@@ -6900,13 +6880,13 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6900
6880
|
paddingTop: F(H.top, e),
|
|
6901
6881
|
paddingBottom: F(H.bottom, e)
|
|
6902
6882
|
},
|
|
6903
|
-
children:
|
|
6883
|
+
children: O === "submitting" ? "..." : X ? J ? /* @__PURE__ */ P("img", { src: J, alt: "", draggable: !1 }) : null : et
|
|
6904
6884
|
}
|
|
6905
6885
|
) })
|
|
6906
6886
|
]
|
|
6907
6887
|
}
|
|
6908
6888
|
),
|
|
6909
|
-
lt === "success" && /* @__PURE__ */
|
|
6889
|
+
lt === "success" && /* @__PURE__ */ P(
|
|
6910
6890
|
"p",
|
|
6911
6891
|
{
|
|
6912
6892
|
className: `${r}-success`,
|
|
@@ -6914,17 +6894,17 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6914
6894
|
children: m
|
|
6915
6895
|
}
|
|
6916
6896
|
),
|
|
6917
|
-
lt === "error" && /* @__PURE__ */
|
|
6897
|
+
lt === "error" && /* @__PURE__ */ P(
|
|
6918
6898
|
"p",
|
|
6919
6899
|
{
|
|
6920
6900
|
className: `${r}-error`,
|
|
6921
6901
|
style: { ...ot, lineHeight: ot == null ? void 0 : ot.fontSize },
|
|
6922
6902
|
role: "alert",
|
|
6923
|
-
children: yt ??
|
|
6903
|
+
children: yt ?? E ?? I
|
|
6924
6904
|
}
|
|
6925
6905
|
)
|
|
6926
6906
|
] });
|
|
6927
|
-
},
|
|
6907
|
+
}, Tl = {
|
|
6928
6908
|
strokeColor: "stroke-color",
|
|
6929
6909
|
inputColor: "input-color",
|
|
6930
6910
|
placeholderColor: "placeholder-color",
|
|
@@ -6934,22 +6914,7 @@ const Tl = ({ settings: t, isEditor: e, metadata: n, activeEvent: o }) => {
|
|
|
6934
6914
|
successColor: "success-color",
|
|
6935
6915
|
errorColor: "error-color"
|
|
6936
6916
|
}, Ll = ["hover", "focus", "filled", "success", "error"];
|
|
6937
|
-
function
|
|
6938
|
-
const o = {};
|
|
6939
|
-
for (const [r, a] of Object.entries(So))
|
|
6940
|
-
o[`--${t}-${a}`] = e[r];
|
|
6941
|
-
if (n)
|
|
6942
|
-
for (const r of Ll) {
|
|
6943
|
-
const a = n[r];
|
|
6944
|
-
if (a)
|
|
6945
|
-
for (const [i, c] of Object.entries(So)) {
|
|
6946
|
-
const l = a[i];
|
|
6947
|
-
l !== void 0 && (o[`--${t}-${r}-${c}`] = l);
|
|
6948
|
-
}
|
|
6949
|
-
}
|
|
6950
|
-
return o;
|
|
6951
|
-
}
|
|
6952
|
-
function Co(t, e) {
|
|
6917
|
+
function bo(t, e) {
|
|
6953
6918
|
var n, o, r;
|
|
6954
6919
|
return {
|
|
6955
6920
|
fontFamily: t.fontSettings.fontFamily,
|
|
@@ -6966,7 +6931,7 @@ function Co(t, e) {
|
|
|
6966
6931
|
}
|
|
6967
6932
|
const El = `import React, { useState } from 'react';
|
|
6968
6933
|
import { CommonComponentProps } from '../props';
|
|
6969
|
-
import { getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
6934
|
+
import { buildColorVars, getFormFieldValidationError, scalingValue, useScopedStyles } from '../utils/index';
|
|
6970
6935
|
|
|
6971
6936
|
function sv(px: number): string {
|
|
6972
6937
|
return \`calc(var(--cntrl-article-width, 100vw) * \${px / 1440})\`;
|
|
@@ -7295,7 +7260,7 @@ export const OnelinerForm = ({ settings, isEditor, metadata, activeEvent }: Onel
|
|
|
7295
7260
|
errorColor: settings.errorColor,
|
|
7296
7261
|
inputTextColor: settings.inputTextColor ?? resolvedInputTextStyle?.color ?? '#111111',
|
|
7297
7262
|
buttonTextColor: settings.buttonTextColor ?? resolvedButtonTextStyle?.color ?? '#ffffff',
|
|
7298
|
-
}, stateOverrides);
|
|
7263
|
+
}, COLOR_VAR_MAP, STATE_KEYS, stateOverrides);
|
|
7299
7264
|
|
|
7300
7265
|
const formStyle: React.CSSProperties = {
|
|
7301
7266
|
borderRadius: scalingValue(corners, isEditor),
|
|
@@ -7344,7 +7309,7 @@ export const OnelinerForm = ({ settings, isEditor, metadata, activeEvent }: Onel
|
|
|
7344
7309
|
|
|
7345
7310
|
return (
|
|
7346
7311
|
<div className={\`\${P}-wrapper \${wrapperStateClasses}\`.trim()} style={colorVars}>
|
|
7347
|
-
<style
|
|
7312
|
+
<style dangerouslySetInnerHTML={{ __html: getCSS(P) }} />
|
|
7348
7313
|
<form
|
|
7349
7314
|
onSubmit={handleSubmit}
|
|
7350
7315
|
className={\`\${P}-form\`}
|
|
@@ -7527,30 +7492,6 @@ const COLOR_VAR_MAP: Record<OnelinerColorKeys, string> = {
|
|
|
7527
7492
|
|
|
7528
7493
|
const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;
|
|
7529
7494
|
|
|
7530
|
-
function buildColorVars(
|
|
7531
|
-
P: string,
|
|
7532
|
-
defaults: Record<OnelinerColorKeys, string>,
|
|
7533
|
-
stateOverrides?: Record<string, StateColorOverrides>,
|
|
7534
|
-
): React.CSSProperties {
|
|
7535
|
-
const vars: Record<string, string> = {};
|
|
7536
|
-
for (const [key, varSuffix] of Object.entries(COLOR_VAR_MAP)) {
|
|
7537
|
-
vars[\`--\${P}-\${varSuffix}\`] = defaults[key as OnelinerColorKeys];
|
|
7538
|
-
}
|
|
7539
|
-
if (stateOverrides) {
|
|
7540
|
-
for (const state of STATE_KEYS) {
|
|
7541
|
-
const overrides = stateOverrides[state];
|
|
7542
|
-
if (!overrides) continue;
|
|
7543
|
-
for (const [key, varSuffix] of Object.entries(COLOR_VAR_MAP)) {
|
|
7544
|
-
const val = overrides[key as OnelinerColorKeys];
|
|
7545
|
-
if (val !== undefined) {
|
|
7546
|
-
vars[\`--\${P}-\${state}-\${varSuffix}\`] = val;
|
|
7547
|
-
}
|
|
7548
|
-
}
|
|
7549
|
-
}
|
|
7550
|
-
}
|
|
7551
|
-
return vars as unknown as React.CSSProperties;
|
|
7552
|
-
}
|
|
7553
|
-
|
|
7554
7495
|
function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSProperties {
|
|
7555
7496
|
return {
|
|
7556
7497
|
fontFamily: textStyles.fontSettings.fontFamily,
|
|
@@ -7565,12 +7506,12 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7565
7506
|
fontVariant: textStyles.textAppearance?.fontVariant,
|
|
7566
7507
|
};
|
|
7567
7508
|
}
|
|
7568
|
-
`,
|
|
7509
|
+
`, Al = [
|
|
7569
7510
|
{ name: "email", type: "email", placeholder: "Enter your email", label: "Email", isRequired: !0, error: "Please, enter a valid e-mail." },
|
|
7570
7511
|
{ name: "name", type: "text", placeholder: "Enter your name", label: "Name", isRequired: !1, error: "Please, enter your name." },
|
|
7571
7512
|
{ name: "company", type: "text", placeholder: "Enter company", label: "Company", isRequired: !1, error: "Please, enter your company name." },
|
|
7572
7513
|
{ name: "phone", type: "phone", placeholder: "Enter your phone", label: "Phone", isRequired: !1, error: "Please, enter a valid phone number." }
|
|
7573
|
-
],
|
|
7514
|
+
], So = {
|
|
7574
7515
|
fontSettings: {
|
|
7575
7516
|
type: "object",
|
|
7576
7517
|
display: { type: "font-settings-weight" },
|
|
@@ -7579,7 +7520,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7579
7520
|
fontStyle: { type: "string" }
|
|
7580
7521
|
}
|
|
7581
7522
|
}
|
|
7582
|
-
},
|
|
7523
|
+
}, Il = [
|
|
7583
7524
|
"strokeColor",
|
|
7584
7525
|
"inputColor",
|
|
7585
7526
|
"inputTextColor",
|
|
@@ -7588,7 +7529,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7588
7529
|
"buttonTextColor",
|
|
7589
7530
|
"successColor",
|
|
7590
7531
|
"errorColor"
|
|
7591
|
-
],
|
|
7532
|
+
], kl = {
|
|
7592
7533
|
type: "object",
|
|
7593
7534
|
version: 1,
|
|
7594
7535
|
settings: {
|
|
@@ -7685,37 +7626,37 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7685
7626
|
strokeColor: {
|
|
7686
7627
|
type: "string",
|
|
7687
7628
|
scope: "layout",
|
|
7688
|
-
title: "
|
|
7629
|
+
title: "Stroke",
|
|
7689
7630
|
display: { type: "palette-color-picker" }
|
|
7690
7631
|
},
|
|
7691
7632
|
inputColor: {
|
|
7692
7633
|
type: "string",
|
|
7693
7634
|
scope: "layout",
|
|
7694
|
-
title: "Input
|
|
7635
|
+
title: "Input Fill",
|
|
7695
7636
|
display: { type: "palette-color-picker" }
|
|
7696
7637
|
},
|
|
7697
7638
|
inputTextColor: {
|
|
7698
7639
|
type: "string",
|
|
7699
7640
|
scope: "layout",
|
|
7700
|
-
title: "Input
|
|
7641
|
+
title: "Input Label",
|
|
7701
7642
|
display: { type: "palette-color-picker" }
|
|
7702
7643
|
},
|
|
7703
7644
|
placeholderColor: {
|
|
7704
7645
|
type: "string",
|
|
7705
7646
|
scope: "layout",
|
|
7706
|
-
title: "
|
|
7647
|
+
title: "Filler Text",
|
|
7707
7648
|
display: { type: "palette-color-picker" }
|
|
7708
7649
|
},
|
|
7709
7650
|
buttonColor: {
|
|
7710
7651
|
type: "string",
|
|
7711
7652
|
scope: "layout",
|
|
7712
|
-
title: "Button
|
|
7653
|
+
title: "Button Fill",
|
|
7713
7654
|
display: { type: "palette-color-picker" }
|
|
7714
7655
|
},
|
|
7715
7656
|
buttonTextColor: {
|
|
7716
7657
|
type: "string",
|
|
7717
7658
|
scope: "layout",
|
|
7718
|
-
title: "Button
|
|
7659
|
+
title: "Button Label",
|
|
7719
7660
|
display: { type: "palette-color-picker" }
|
|
7720
7661
|
},
|
|
7721
7662
|
successColor: {
|
|
@@ -7747,7 +7688,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7747
7688
|
scope: "layout"
|
|
7748
7689
|
},
|
|
7749
7690
|
inputFontSettings: {
|
|
7750
|
-
...
|
|
7691
|
+
...So.fontSettings,
|
|
7751
7692
|
scope: "layout",
|
|
7752
7693
|
title: "Input"
|
|
7753
7694
|
},
|
|
@@ -7782,7 +7723,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7782
7723
|
display: { type: "text-appearance" }
|
|
7783
7724
|
},
|
|
7784
7725
|
buttonFontSettings: {
|
|
7785
|
-
...
|
|
7726
|
+
...So.fontSettings,
|
|
7786
7727
|
scope: "layout",
|
|
7787
7728
|
title: "Button"
|
|
7788
7729
|
},
|
|
@@ -7818,7 +7759,7 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7818
7759
|
}
|
|
7819
7760
|
},
|
|
7820
7761
|
defaults: {
|
|
7821
|
-
fields:
|
|
7762
|
+
fields: Al,
|
|
7822
7763
|
fieldsToShow: 1,
|
|
7823
7764
|
buttonContent: {
|
|
7824
7765
|
mode: "Icon",
|
|
@@ -7826,21 +7767,6 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7826
7767
|
icon: "https://cdn.cntrl.site/component-assets/arrow.svg"
|
|
7827
7768
|
},
|
|
7828
7769
|
fontFamily: "Arial",
|
|
7829
|
-
// inputPadding: {
|
|
7830
|
-
// right: 0.01,
|
|
7831
|
-
// left: 0.01,
|
|
7832
|
-
// top: 0.01,
|
|
7833
|
-
// bottom: 0.01,
|
|
7834
|
-
// },
|
|
7835
|
-
// buttonPadding: {
|
|
7836
|
-
// right: 0.01,
|
|
7837
|
-
// left: 0.01,
|
|
7838
|
-
// top: 0.005,
|
|
7839
|
-
// bottom: 0.005,
|
|
7840
|
-
// },
|
|
7841
|
-
// minHeight: 0.028,
|
|
7842
|
-
// corners: 0.05,
|
|
7843
|
-
// stroke: 0.001,
|
|
7844
7770
|
strokeColor: "#0A00F8",
|
|
7845
7771
|
inputColor: "#ffffff",
|
|
7846
7772
|
inputTextColor: "#0A00F8",
|
|
@@ -7856,8 +7782,6 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7856
7782
|
fontWeight: 400,
|
|
7857
7783
|
fontStyle: "normal"
|
|
7858
7784
|
},
|
|
7859
|
-
// inputFontSize: 0.01,
|
|
7860
|
-
// inputLineHeight: 0.01,
|
|
7861
7785
|
inputLetterSpacing: 0,
|
|
7862
7786
|
inputWordSpacing: 0,
|
|
7863
7787
|
inputTextAppearance: {
|
|
@@ -7869,8 +7793,6 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7869
7793
|
fontWeight: 400,
|
|
7870
7794
|
fontStyle: "normal"
|
|
7871
7795
|
},
|
|
7872
|
-
// buttonFontSize: 0.01,
|
|
7873
|
-
// buttonLineHeight: 0.01,
|
|
7874
7796
|
buttonLetterSpacing: 0,
|
|
7875
7797
|
buttonWordSpacing: 0,
|
|
7876
7798
|
buttonTextAppearance: {
|
|
@@ -7881,11 +7803,11 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7881
7803
|
},
|
|
7882
7804
|
layoutDefaults: {
|
|
7883
7805
|
m: {
|
|
7884
|
-
minHeight: 0.
|
|
7806
|
+
minHeight: 0.1,
|
|
7885
7807
|
stroke: 26e-4,
|
|
7886
7808
|
corners: 0.192,
|
|
7887
|
-
buttonPadding: { top: 0.
|
|
7888
|
-
inputPadding: { top: 0.
|
|
7809
|
+
buttonPadding: { top: 0.02, right: 0.04, bottom: 0.02, left: 0.04 },
|
|
7810
|
+
inputPadding: { top: 0.01, right: 0.03, bottom: 0.01, left: 0.03 },
|
|
7889
7811
|
inputFontSize: 0.0373,
|
|
7890
7812
|
inputLineHeight: 0.0373,
|
|
7891
7813
|
buttonFontSize: 0.0373,
|
|
@@ -7902,7 +7824,13 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7902
7824
|
buttonFontSize: 0.01,
|
|
7903
7825
|
buttonLineHeight: 0.01
|
|
7904
7826
|
}
|
|
7905
|
-
}
|
|
7827
|
+
},
|
|
7828
|
+
displayRules: [
|
|
7829
|
+
{
|
|
7830
|
+
if: { name: "stroke", value: 0 },
|
|
7831
|
+
then: { name: "properties.strokeColor.display.visible", value: !1 }
|
|
7832
|
+
}
|
|
7833
|
+
]
|
|
7906
7834
|
},
|
|
7907
7835
|
panels: [
|
|
7908
7836
|
{
|
|
@@ -7958,12 +7886,12 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7958
7886
|
}
|
|
7959
7887
|
],
|
|
7960
7888
|
paletteBookmark: {
|
|
7961
|
-
items: [...
|
|
7889
|
+
items: [...Il],
|
|
7962
7890
|
panelIds: ["general", "typeStyle"],
|
|
7963
7891
|
stateItems: {
|
|
7964
|
-
default: ["strokeColor", "
|
|
7965
|
-
hover: ["strokeColor", "inputColor", "
|
|
7966
|
-
focus: ["strokeColor", "inputTextColor", "
|
|
7892
|
+
default: ["strokeColor", "placeholderColor", "inputColor", "buttonTextColor", "buttonColor"],
|
|
7893
|
+
hover: ["strokeColor", "inputColor", "buttonTextColor", "buttonColor"],
|
|
7894
|
+
focus: ["strokeColor", "inputTextColor", "buttonTextColor", "buttonColor"],
|
|
7967
7895
|
filled: ["strokeColor", "inputColor", "inputTextColor", "buttonTextColor"],
|
|
7968
7896
|
success: ["successColor"],
|
|
7969
7897
|
error: ["errorColor"]
|
|
@@ -7971,8 +7899,8 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7971
7899
|
},
|
|
7972
7900
|
allowedPlugins: ["newsletter"],
|
|
7973
7901
|
states: ["default", "hover", "focus", "filled", "success", "error"]
|
|
7974
|
-
},
|
|
7975
|
-
element:
|
|
7902
|
+
}, Fl = {
|
|
7903
|
+
element: wl,
|
|
7976
7904
|
id: "oneliner-form",
|
|
7977
7905
|
name: "Newsletter Single Line",
|
|
7978
7906
|
version: 1,
|
|
@@ -7981,19 +7909,19 @@ function textStylesToCss(textStyles: TextStyles, isEditor?: boolean): React.CSSP
|
|
|
7981
7909
|
url: "https://cdn.cntrl.site/component-assets/onelinerImg.png"
|
|
7982
7910
|
},
|
|
7983
7911
|
defaultSize: {
|
|
7984
|
-
width:
|
|
7912
|
+
width: 300,
|
|
7985
7913
|
height: 60
|
|
7986
7914
|
},
|
|
7987
|
-
schema:
|
|
7915
|
+
schema: kl,
|
|
7988
7916
|
sourceCode: El
|
|
7989
|
-
},
|
|
7990
|
-
|
|
7991
|
-
|
|
7992
|
-
|
|
7917
|
+
}, Vl = [
|
|
7918
|
+
ba,
|
|
7919
|
+
Ta,
|
|
7920
|
+
fl,
|
|
7993
7921
|
_l,
|
|
7994
|
-
|
|
7922
|
+
Fl
|
|
7995
7923
|
];
|
|
7996
7924
|
export {
|
|
7997
|
-
|
|
7998
|
-
|
|
7925
|
+
Vl as components,
|
|
7926
|
+
zl as isSchemaV1
|
|
7999
7927
|
};
|