webim-adapter 0.21.0 → 0.23.0
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/build/webim-adapter.js +900 -840
- package/build/webim-embed.js +11 -11
- package/build/webim-ssr.js +694 -636
- package/package.json +1 -1
package/build/webim-ssr.js
CHANGED
|
@@ -13,121 +13,152 @@ var p = /* @__PURE__ */ new Set([
|
|
|
13
13
|
"yi",
|
|
14
14
|
"dv",
|
|
15
15
|
"ckb"
|
|
16
|
-
]), m = (e) => p.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", h = (e, t) => e === "ltr" || e === "rtl" ? e : t ? m(t) : void 0
|
|
17
|
-
new Map([
|
|
16
|
+
]), m = (e) => p.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", h = (e, t) => e === "ltr" || e === "rtl" ? e : t ? m(t) : void 0, g = new Map([
|
|
18
17
|
{
|
|
19
18
|
family: "Bebas Neue",
|
|
20
|
-
fallback: "sans-serif"
|
|
19
|
+
fallback: "sans-serif",
|
|
20
|
+
weights: "400"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
family: "Crimson Text",
|
|
24
|
-
fallback: "serif"
|
|
24
|
+
fallback: "serif",
|
|
25
|
+
weights: "400;600;700"
|
|
25
26
|
},
|
|
26
27
|
{
|
|
27
28
|
family: "DM Sans",
|
|
28
|
-
fallback: "sans-serif"
|
|
29
|
+
fallback: "sans-serif",
|
|
30
|
+
weights: "100..1000"
|
|
29
31
|
},
|
|
30
32
|
{
|
|
31
33
|
family: "Fira Sans",
|
|
32
|
-
fallback: "sans-serif"
|
|
34
|
+
fallback: "sans-serif",
|
|
35
|
+
weights: "100;200;300;400;500;600;700;800;900"
|
|
33
36
|
},
|
|
34
37
|
{
|
|
35
38
|
family: "Inter",
|
|
36
|
-
fallback: "sans-serif"
|
|
39
|
+
fallback: "sans-serif",
|
|
40
|
+
weights: "100..900"
|
|
37
41
|
},
|
|
38
42
|
{
|
|
39
43
|
family: "JetBrains Mono",
|
|
40
|
-
fallback: "monospace"
|
|
44
|
+
fallback: "monospace",
|
|
45
|
+
weights: "100..800"
|
|
41
46
|
},
|
|
42
47
|
{
|
|
43
48
|
family: "Josefin Sans",
|
|
44
|
-
fallback: "sans-serif"
|
|
49
|
+
fallback: "sans-serif",
|
|
50
|
+
weights: "100..700"
|
|
45
51
|
},
|
|
46
52
|
{
|
|
47
53
|
family: "Karla",
|
|
48
|
-
fallback: "sans-serif"
|
|
54
|
+
fallback: "sans-serif",
|
|
55
|
+
weights: "200..800"
|
|
49
56
|
},
|
|
50
57
|
{
|
|
51
58
|
family: "Lato",
|
|
52
|
-
fallback: "sans-serif"
|
|
59
|
+
fallback: "sans-serif",
|
|
60
|
+
weights: "100;300;400;700;900"
|
|
53
61
|
},
|
|
54
62
|
{
|
|
55
63
|
family: "Lora",
|
|
56
|
-
fallback: "serif"
|
|
64
|
+
fallback: "serif",
|
|
65
|
+
weights: "400..700"
|
|
57
66
|
},
|
|
58
67
|
{
|
|
59
68
|
family: "Manrope",
|
|
60
|
-
fallback: "sans-serif"
|
|
69
|
+
fallback: "sans-serif",
|
|
70
|
+
weights: "200..800"
|
|
61
71
|
},
|
|
62
72
|
{
|
|
63
73
|
family: "Merriweather",
|
|
64
|
-
fallback: "serif"
|
|
74
|
+
fallback: "serif",
|
|
75
|
+
weights: "300..900"
|
|
65
76
|
},
|
|
66
77
|
{
|
|
67
78
|
family: "Montserrat",
|
|
68
|
-
fallback: "sans-serif"
|
|
79
|
+
fallback: "sans-serif",
|
|
80
|
+
weights: "100..900"
|
|
69
81
|
},
|
|
70
82
|
{
|
|
71
83
|
family: "Nunito",
|
|
72
|
-
fallback: "sans-serif"
|
|
84
|
+
fallback: "sans-serif",
|
|
85
|
+
weights: "200..1000"
|
|
73
86
|
},
|
|
74
87
|
{
|
|
75
88
|
family: "Open Sans",
|
|
76
|
-
fallback: "sans-serif"
|
|
89
|
+
fallback: "sans-serif",
|
|
90
|
+
weights: "300..800"
|
|
77
91
|
},
|
|
78
92
|
{
|
|
79
93
|
family: "Oswald",
|
|
80
|
-
fallback: "sans-serif"
|
|
94
|
+
fallback: "sans-serif",
|
|
95
|
+
weights: "200..700"
|
|
81
96
|
},
|
|
82
97
|
{
|
|
83
98
|
family: "Outfit",
|
|
84
|
-
fallback: "sans-serif"
|
|
99
|
+
fallback: "sans-serif",
|
|
100
|
+
weights: "100..900"
|
|
85
101
|
},
|
|
86
102
|
{
|
|
87
103
|
family: "Playfair Display",
|
|
88
|
-
fallback: "serif"
|
|
104
|
+
fallback: "serif",
|
|
105
|
+
weights: "400..900"
|
|
89
106
|
},
|
|
90
107
|
{
|
|
91
108
|
family: "Poppins",
|
|
92
|
-
fallback: "sans-serif"
|
|
109
|
+
fallback: "sans-serif",
|
|
110
|
+
weights: "100;200;300;400;500;600;700;800;900"
|
|
93
111
|
},
|
|
94
112
|
{
|
|
95
113
|
family: "Quicksand",
|
|
96
|
-
fallback: "sans-serif"
|
|
114
|
+
fallback: "sans-serif",
|
|
115
|
+
weights: "300..700"
|
|
97
116
|
},
|
|
98
117
|
{
|
|
99
118
|
family: "Raleway",
|
|
100
|
-
fallback: "sans-serif"
|
|
119
|
+
fallback: "sans-serif",
|
|
120
|
+
weights: "100..900"
|
|
101
121
|
},
|
|
102
122
|
{
|
|
103
123
|
family: "Roboto",
|
|
104
|
-
fallback: "sans-serif"
|
|
124
|
+
fallback: "sans-serif",
|
|
125
|
+
weights: "100..900"
|
|
105
126
|
},
|
|
106
127
|
{
|
|
107
128
|
family: "Rubik",
|
|
108
|
-
fallback: "sans-serif"
|
|
129
|
+
fallback: "sans-serif",
|
|
130
|
+
weights: "300..900"
|
|
109
131
|
},
|
|
110
132
|
{
|
|
111
133
|
family: "Source Sans 3",
|
|
112
|
-
fallback: "sans-serif"
|
|
134
|
+
fallback: "sans-serif",
|
|
135
|
+
weights: "200..900"
|
|
113
136
|
},
|
|
114
137
|
{
|
|
115
138
|
family: "Space Grotesk",
|
|
116
|
-
fallback: "sans-serif"
|
|
139
|
+
fallback: "sans-serif",
|
|
140
|
+
weights: "300..700"
|
|
117
141
|
},
|
|
118
142
|
{
|
|
119
143
|
family: "Work Sans",
|
|
120
|
-
fallback: "sans-serif"
|
|
144
|
+
fallback: "sans-serif",
|
|
145
|
+
weights: "100..900"
|
|
121
146
|
}
|
|
122
|
-
].map((e) => [e.family, e]))
|
|
123
|
-
|
|
124
|
-
return
|
|
147
|
+
].map((e) => [e.family, e])), _ = (e) => `"${e.family}", ${e.fallback}`, v = (e) => {
|
|
148
|
+
let t = g.get(e)?.weights;
|
|
149
|
+
return `family=${e.replace(/ /g, "+")}${t ? `:wght@${t}` : ""}`;
|
|
150
|
+
};
|
|
151
|
+
function y(e) {
|
|
152
|
+
return e.length ? `https://fonts.googleapis.com/css2?${e.map(v).join("&")}&display=swap` : null;
|
|
125
153
|
}
|
|
126
|
-
var
|
|
154
|
+
var b = (e) => y([e]), x = (e) => {
|
|
127
155
|
let t = typeof e == "string" && e.match(/^"([^"]+)"/);
|
|
128
156
|
return t ? t[1] : null;
|
|
157
|
+
}, S = (e) => {
|
|
158
|
+
let t = g.get(e);
|
|
159
|
+
return t ? _(t) : null;
|
|
129
160
|
};
|
|
130
|
-
function
|
|
161
|
+
function C(e, t) {
|
|
131
162
|
let n = /* @__PURE__ */ new Set(), r = (e) => {
|
|
132
163
|
for (let t of Object.values(e || {})) for (let e of [
|
|
133
164
|
"style",
|
|
@@ -135,7 +166,7 @@ function y(e, t) {
|
|
|
135
166
|
"pressed",
|
|
136
167
|
"focused"
|
|
137
168
|
]) {
|
|
138
|
-
let r =
|
|
169
|
+
let r = x(t.props?.[e]?.fontFamily);
|
|
139
170
|
r && n.add(r);
|
|
140
171
|
}
|
|
141
172
|
};
|
|
@@ -145,38 +176,38 @@ function y(e, t) {
|
|
|
145
176
|
}
|
|
146
177
|
//#endregion
|
|
147
178
|
//#region ../ui/src/components/builder/styles.js
|
|
148
|
-
var
|
|
179
|
+
var w = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.textDecorationThickness.textUnderlineOffset.top.right.bottom.left".split(".")), T = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, E = [
|
|
149
180
|
"borderWidth",
|
|
150
181
|
"borderStyle",
|
|
151
182
|
"borderColor",
|
|
152
183
|
"borderRadius",
|
|
153
184
|
"gap"
|
|
154
185
|
];
|
|
155
|
-
function
|
|
186
|
+
function D(e) {
|
|
156
187
|
let t = {};
|
|
157
|
-
for (let n of
|
|
188
|
+
for (let n of E) {
|
|
158
189
|
let r = e?.[n];
|
|
159
|
-
r != null && r !== "" && (t[n] =
|
|
190
|
+
r != null && r !== "" && (t[n] = w.has(n) ? T(r) : r);
|
|
160
191
|
}
|
|
161
|
-
for (let [n, r] of Object.entries(e || {})) r == null || r === "" ||
|
|
192
|
+
for (let [n, r] of Object.entries(e || {})) r == null || r === "" || E.includes(n) || (t[n] = w.has(n) ? T(r) : r);
|
|
162
193
|
let { gradientType: n, gradientAngle: r, gradientFrom: i, gradientTo: a } = t;
|
|
163
194
|
delete t.gradientType, delete t.gradientAngle, delete t.gradientFrom, delete t.gradientTo;
|
|
164
195
|
let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: l, textShadowColor: u } = t;
|
|
165
196
|
delete t.textShadows, delete t.textShadowX, delete t.textShadowY, delete t.textShadowBlur, delete t.textShadowColor;
|
|
166
|
-
let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${
|
|
197
|
+
let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${T(e.x ?? 0)} ${T(e.y ?? 0)} ${T(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
|
|
167
198
|
[
|
|
168
199
|
s,
|
|
169
200
|
c,
|
|
170
201
|
l,
|
|
171
202
|
u
|
|
172
|
-
].some((e) => e !== void 0) && d.push(`${
|
|
173
|
-
let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${
|
|
203
|
+
].some((e) => e !== void 0) && d.push(`${T(s ?? 0)} ${T(c ?? 0)} ${T(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
|
|
204
|
+
let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${T(e.x ?? 0)}, ${T(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${f(e.a ?? 0)})` : e.type === "skew" ? `skew(${f(e.x ?? 0)}, ${f(e.y ?? 0)})` : null, { transforms: m, translateX: h, translateY: g, scale: _, rotate: v, skewX: y, skewY: b } = t;
|
|
174
205
|
delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
|
|
175
|
-
let
|
|
176
|
-
(h !== void 0 || g !== void 0) &&
|
|
177
|
-
let
|
|
206
|
+
let x = (Array.isArray(m) ? m : []).filter((e) => e && e.on !== !1).map(p).filter(Boolean);
|
|
207
|
+
(h !== void 0 || g !== void 0) && x.push(`translate(${T(h ?? 0)}, ${T(g ?? 0)})`), _ !== void 0 && x.push(`scale(${_})`), v !== void 0 && x.push(`rotate(${f(v)})`), (y !== void 0 || b !== void 0) && x.push(`skew(${f(y ?? 0)}, ${f(b ?? 0)})`), x.length && (t.transform = x.join(" "));
|
|
208
|
+
let S = (e) => `${e.inset ? "inset " : ""}${T(e.x ?? 0)} ${T(e.y ?? 0)} ${T(e.blur ?? 0)} ${T(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: C, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
|
|
178
209
|
delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
|
|
179
|
-
let N = (Array.isArray(
|
|
210
|
+
let N = (Array.isArray(C) ? C : []).filter((e) => e && e.on !== !1).map(S);
|
|
180
211
|
[
|
|
181
212
|
D,
|
|
182
213
|
O,
|
|
@@ -184,7 +215,7 @@ function C(e) {
|
|
|
184
215
|
A,
|
|
185
216
|
j,
|
|
186
217
|
M
|
|
187
|
-
].some((e) => e !== void 0) && N.push(
|
|
218
|
+
].some((e) => e !== void 0) && N.push(S({
|
|
188
219
|
x: D,
|
|
189
220
|
y: O,
|
|
190
221
|
blur: k,
|
|
@@ -192,76 +223,76 @@ function C(e) {
|
|
|
192
223
|
color: j,
|
|
193
224
|
inset: M
|
|
194
225
|
})), N.length && (t.boxShadow = N.join(", "));
|
|
195
|
-
let P = (e) => e.type === "blur" ? `blur(${
|
|
226
|
+
let P = (e) => e.type === "blur" ? `blur(${T(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: ee, backdropFilters: te, filterBlur: ne, filterGrayscale: re, filterBrightness: I, filterContrast: L, filterSaturate: ie } = t;
|
|
196
227
|
delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
|
|
197
|
-
let
|
|
198
|
-
|
|
199
|
-
let
|
|
200
|
-
|
|
201
|
-
let { textStrokeWidth:
|
|
202
|
-
delete t.textStrokeWidth, delete t.textStrokeColor, (
|
|
203
|
-
let { clipText:
|
|
204
|
-
delete t.clipText,
|
|
205
|
-
let { transitions:
|
|
228
|
+
let R = F(ee);
|
|
229
|
+
ne !== void 0 && R.push(`blur(${T(ne)})`), re !== void 0 && R.push(`grayscale(${re}%)`), I !== void 0 && R.push(`brightness(${I}%)`), L !== void 0 && R.push(`contrast(${L}%)`), ie !== void 0 && R.push(`saturate(${ie}%)`), R.length && (t.filter = R.join(" "));
|
|
230
|
+
let ae = F(te);
|
|
231
|
+
ae.length && (t.backdropFilter = ae.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
|
|
232
|
+
let { textStrokeWidth: oe, textStrokeColor: z } = t;
|
|
233
|
+
delete t.textStrokeWidth, delete t.textStrokeColor, (oe !== void 0 || z !== void 0) && (t.WebkitTextStroke = `${T(oe ?? 1)} ${z || "currentColor"}`);
|
|
234
|
+
let { clipText: B } = t;
|
|
235
|
+
delete t.clipText, B && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
|
|
236
|
+
let { transitions: se, transitionDuration: ce, transitionEasing: le, transitionProperty: V } = t, H = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
|
|
206
237
|
delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
|
|
207
|
-
let
|
|
208
|
-
if (
|
|
238
|
+
let U = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${H(e.duration ?? 200)} ${e.easing || "ease"}`);
|
|
239
|
+
if (ce !== void 0 && U.push(`${V || "all"} ${H(ce)} ${le || "ease"}`), U.length && (t.transition = U.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
|
|
209
240
|
let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
|
|
210
241
|
t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
|
|
211
242
|
}
|
|
212
243
|
delete t.backgroundVideo;
|
|
213
|
-
let { overlayColor:
|
|
214
|
-
if (delete t.overlayColor, delete t.overlayOpacity,
|
|
215
|
-
let e = `color-mix(in srgb, ${
|
|
244
|
+
let { overlayColor: ue, overlayOpacity: de } = t;
|
|
245
|
+
if (delete t.overlayColor, delete t.overlayOpacity, ue) {
|
|
246
|
+
let e = `color-mix(in srgb, ${ue} ${de ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
|
|
216
247
|
t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
|
|
217
248
|
}
|
|
218
249
|
t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
|
|
219
|
-
let { backgroundLayers:
|
|
250
|
+
let { backgroundLayers: W } = t;
|
|
220
251
|
delete t.backgroundLayers;
|
|
221
|
-
let
|
|
222
|
-
if (
|
|
252
|
+
let fe = (Array.isArray(W) ? W : []).filter((e) => e && e.on !== !1);
|
|
253
|
+
if (fe.length) {
|
|
223
254
|
let e = [], n = [], r = [], i = [], a = [];
|
|
224
|
-
for (let t of
|
|
255
|
+
for (let t of fe) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
|
|
225
256
|
else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
|
|
226
257
|
else {
|
|
227
258
|
if (!t.src) continue;
|
|
228
|
-
e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${
|
|
259
|
+
e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${T(t.w ?? "auto")} ${T(t.h ?? "auto")}` : t.size || "cover"), r.push(`${T(t.posX ?? 0)} ${T(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
|
|
229
260
|
}
|
|
230
261
|
e.length && (t.backgroundImage && (e.push(t.backgroundImage), n.push(t.backgroundSize || "cover"), r.push(t.backgroundPosition || "center"), i.push(t.backgroundRepeat || "no-repeat"), a.push("scroll")), t.backgroundImage = e.join(", "), t.backgroundSize = n.join(", "), t.backgroundPosition = r.join(", "), t.backgroundRepeat = i.join(", "), t.backgroundAttachment = a.join(", "));
|
|
231
262
|
}
|
|
232
263
|
return t;
|
|
233
264
|
}
|
|
234
|
-
var
|
|
265
|
+
var O = {
|
|
235
266
|
hover: ":hover",
|
|
236
267
|
pressed: ":active",
|
|
237
268
|
focused: ":focus"
|
|
238
|
-
},
|
|
269
|
+
}, k = /* @__PURE__ */ new Set([
|
|
239
270
|
"style",
|
|
240
271
|
"class",
|
|
241
272
|
"id",
|
|
242
273
|
"data-wb",
|
|
243
274
|
"data-wb-class",
|
|
244
275
|
"data-slot"
|
|
245
|
-
]),
|
|
246
|
-
function
|
|
276
|
+
]), A = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !k.has(e.toLowerCase());
|
|
277
|
+
function j(e, t, n = []) {
|
|
247
278
|
t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
|
|
248
279
|
for (let t of n) e.removeAttribute(t);
|
|
249
280
|
let r = [];
|
|
250
281
|
for (let n of t.attributes ?? []) {
|
|
251
282
|
let t = String(n?.name ?? "").trim();
|
|
252
|
-
|
|
283
|
+
A(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
|
|
253
284
|
}
|
|
254
285
|
return r;
|
|
255
286
|
}
|
|
256
|
-
var
|
|
257
|
-
function
|
|
258
|
-
let i = Object.entries(
|
|
287
|
+
var M = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
|
|
288
|
+
function N(e, t, n, r = !1) {
|
|
289
|
+
let i = Object.entries(D(t)).map(([e, t]) => `${M(e)}: ${t} !important;`).join(" ");
|
|
259
290
|
return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
|
|
260
291
|
}
|
|
261
|
-
function
|
|
262
|
-
return Object.entries(
|
|
292
|
+
function P(e, t, n) {
|
|
293
|
+
return Object.entries(O).map(([r, i]) => N(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
|
|
263
294
|
}
|
|
264
|
-
var
|
|
295
|
+
var F = [
|
|
265
296
|
{
|
|
266
297
|
key: "tablet",
|
|
267
298
|
max: 991
|
|
@@ -274,17 +305,17 @@ var j = [
|
|
|
274
305
|
key: "mobile",
|
|
275
306
|
max: 478
|
|
276
307
|
}
|
|
277
|
-
],
|
|
278
|
-
function
|
|
279
|
-
return
|
|
280
|
-
let i = t?.[n] ?
|
|
308
|
+
], ee = (e) => Object.entries(D(e)).map(([e, t]) => `${M(e)}: ${t} !important;`).join(" ");
|
|
309
|
+
function te(e, t) {
|
|
310
|
+
return F.map(({ key: n, max: r }) => {
|
|
311
|
+
let i = t?.[n] ? ee(t[n]) : "";
|
|
281
312
|
return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
|
|
282
313
|
}).filter(Boolean).join("\n");
|
|
283
314
|
}
|
|
284
|
-
function
|
|
315
|
+
function ne(e, t) {
|
|
285
316
|
let n = [], r = (e) => {
|
|
286
317
|
for (let [t, r] of Object.entries(e || {})) {
|
|
287
|
-
let e =
|
|
318
|
+
let e = te(t, r.props);
|
|
288
319
|
e && n.push(e);
|
|
289
320
|
}
|
|
290
321
|
};
|
|
@@ -292,10 +323,10 @@ function P(e, t) {
|
|
|
292
323
|
for (let e of Object.values(t || {})) r(e.template?.nodes);
|
|
293
324
|
return n.join("\n");
|
|
294
325
|
}
|
|
295
|
-
function
|
|
326
|
+
function re(e, t) {
|
|
296
327
|
let n = [], r = (e) => {
|
|
297
328
|
for (let [t, r] of Object.entries(e || {})) {
|
|
298
|
-
let e =
|
|
329
|
+
let e = P(t, r.props);
|
|
299
330
|
e && n.push(e);
|
|
300
331
|
}
|
|
301
332
|
};
|
|
@@ -340,12 +371,12 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
|
|
|
340
371
|
contrastText: "#052e2b"
|
|
341
372
|
}
|
|
342
373
|
}
|
|
343
|
-
},
|
|
374
|
+
}, ie = {
|
|
344
375
|
font: "system",
|
|
345
376
|
headingFont: "inherit",
|
|
346
377
|
light: L.light,
|
|
347
378
|
dark: L.dark
|
|
348
|
-
},
|
|
379
|
+
}, R = {
|
|
349
380
|
system: {
|
|
350
381
|
label: "System",
|
|
351
382
|
value: I
|
|
@@ -366,7 +397,7 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
|
|
|
366
397
|
label: "Mono",
|
|
367
398
|
value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
|
|
368
399
|
}
|
|
369
|
-
},
|
|
400
|
+
}, ae = (e, t) => R[e]?.value ?? S(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), oe = (e, ...t) => {
|
|
370
401
|
let n = Object.assign({}, e, ...t);
|
|
371
402
|
return n.primary = {
|
|
372
403
|
...e.primary,
|
|
@@ -382,16 +413,16 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
|
|
|
382
413
|
}), {})
|
|
383
414
|
}, n;
|
|
384
415
|
};
|
|
385
|
-
function
|
|
416
|
+
function z(e) {
|
|
386
417
|
let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
|
|
387
418
|
return {
|
|
388
|
-
font: r ??
|
|
389
|
-
headingFont: i ??
|
|
390
|
-
light:
|
|
391
|
-
dark:
|
|
419
|
+
font: r ?? ie.font,
|
|
420
|
+
headingFont: i ?? ie.headingFont,
|
|
421
|
+
light: oe(L.light, a, t),
|
|
422
|
+
dark: oe(L.dark, n)
|
|
392
423
|
};
|
|
393
424
|
}
|
|
394
|
-
function
|
|
425
|
+
function B(e) {
|
|
395
426
|
return {
|
|
396
427
|
"--page-bg": e.background,
|
|
397
428
|
"--page-text": e.text,
|
|
@@ -407,55 +438,55 @@ function V(e) {
|
|
|
407
438
|
"--page-secondary-contrast": e.secondary.contrastText
|
|
408
439
|
};
|
|
409
440
|
}
|
|
410
|
-
function
|
|
411
|
-
let t =
|
|
441
|
+
function se(e) {
|
|
442
|
+
let t = z(e);
|
|
412
443
|
return {
|
|
413
444
|
backgroundColor: "var(--page-bg)",
|
|
414
445
|
color: "var(--page-text)",
|
|
415
|
-
fontFamily:
|
|
416
|
-
"--page-heading-font": t.headingFont === "inherit" ? "inherit" :
|
|
446
|
+
fontFamily: ae(t.font, I),
|
|
447
|
+
"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ae(t.headingFont, "inherit")
|
|
417
448
|
};
|
|
418
449
|
}
|
|
419
|
-
function
|
|
420
|
-
let n =
|
|
450
|
+
function ce(e, t = "light") {
|
|
451
|
+
let n = z(e);
|
|
421
452
|
return {
|
|
422
|
-
...
|
|
423
|
-
...
|
|
453
|
+
...se(e),
|
|
454
|
+
...B(n[t] ?? n.light)
|
|
424
455
|
};
|
|
425
456
|
}
|
|
426
|
-
function
|
|
457
|
+
function le(e, t) {
|
|
427
458
|
return e?.themeRef && t?.[e.themeRef] || e?.theme;
|
|
428
459
|
}
|
|
429
460
|
//#endregion
|
|
430
461
|
//#region ../ui/src/components/builder/views.jsx
|
|
431
|
-
var
|
|
462
|
+
var V = n({
|
|
432
463
|
tenant: "",
|
|
433
464
|
apiUrl: "/api",
|
|
434
465
|
locale: "",
|
|
435
466
|
settings: null
|
|
436
|
-
}),
|
|
467
|
+
}), H = n(null), U = (e) => {
|
|
437
468
|
let t = Number(e?.__page);
|
|
438
469
|
if (Number.isFinite(t) && t >= 1) return Math.floor(t);
|
|
439
470
|
if (typeof window > "u") return 1;
|
|
440
471
|
let n = Number(new URLSearchParams(window.location.search).get("page"));
|
|
441
472
|
return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
|
|
442
|
-
},
|
|
473
|
+
}, ue = () => {
|
|
443
474
|
if (typeof window > "u") return {};
|
|
444
475
|
let e = {};
|
|
445
476
|
return new URLSearchParams(window.location.search).forEach((t, n) => {
|
|
446
477
|
n.startsWith("f_") && n.length > 2 && t !== "" && (e[n.slice(2)] = t);
|
|
447
478
|
}), e;
|
|
448
|
-
},
|
|
479
|
+
}, de = (e) => {
|
|
449
480
|
let t = {
|
|
450
481
|
...e && typeof e == "object" && !Array.isArray(e) ? e : {},
|
|
451
|
-
...
|
|
482
|
+
...ue()
|
|
452
483
|
};
|
|
453
484
|
return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
|
|
454
|
-
},
|
|
455
|
-
function
|
|
485
|
+
}, W = n(null), fe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
486
|
+
function G(e, t) {
|
|
456
487
|
if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
|
|
457
488
|
}
|
|
458
|
-
var
|
|
489
|
+
var pe = (e) => {
|
|
459
490
|
let t = [];
|
|
460
491
|
for (let [n, r] of Object.entries(e ?? {})) {
|
|
461
492
|
if (!/^[\w-]+$/.test(n)) continue;
|
|
@@ -465,36 +496,36 @@ var ce = (e) => {
|
|
|
465
496
|
}
|
|
466
497
|
return t;
|
|
467
498
|
};
|
|
468
|
-
function
|
|
499
|
+
function K(e) {
|
|
469
500
|
return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : typeof e == "object" && !Array.isArray(e) && Number.isFinite(Number(e.lat)) && Number.isFinite(Number(e.lng)) ? `${e.lat}, ${e.lng}` : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
|
|
470
501
|
}
|
|
471
|
-
function
|
|
472
|
-
let n = t?.data ?? {}, r =
|
|
502
|
+
function me(e, t) {
|
|
503
|
+
let n = t?.data ?? {}, r = pe(n);
|
|
473
504
|
if (!r.length) return e;
|
|
474
|
-
let i = RegExp(`:(${r.map(
|
|
505
|
+
let i = RegExp(`:(${r.map(fe).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
|
|
475
506
|
return a(e);
|
|
476
507
|
}
|
|
477
|
-
var
|
|
508
|
+
var he = {
|
|
478
509
|
margin: 0,
|
|
479
510
|
fontWeight: 700,
|
|
480
511
|
lineHeight: 1.2,
|
|
481
512
|
fontFamily: "var(--page-heading-font, inherit)"
|
|
482
|
-
},
|
|
513
|
+
}, ge = { margin: 0 }, q = {
|
|
483
514
|
display: "inline-block",
|
|
484
515
|
textDecoration: "none",
|
|
485
516
|
cursor: "pointer",
|
|
486
517
|
backgroundColor: "var(--page-accent, #111827)",
|
|
487
518
|
color: "var(--page-accent-text, #ffffff)"
|
|
488
|
-
},
|
|
519
|
+
}, _e = {
|
|
489
520
|
flexGrow: 1,
|
|
490
521
|
display: "flex",
|
|
491
522
|
flexDirection: "column",
|
|
492
523
|
position: "relative"
|
|
493
|
-
},
|
|
524
|
+
}, ve = {
|
|
494
525
|
display: "flex",
|
|
495
526
|
flexDirection: "column"
|
|
496
527
|
};
|
|
497
|
-
function
|
|
528
|
+
function ye({ style: e }) {
|
|
498
529
|
let t = e?.backgroundVideo;
|
|
499
530
|
if (!t) return null;
|
|
500
531
|
let n = {
|
|
@@ -520,32 +551,32 @@ function me({ style: e }) {
|
|
|
520
551
|
background: r
|
|
521
552
|
} })] });
|
|
522
553
|
}
|
|
523
|
-
var
|
|
554
|
+
var be = (e, t) => e?.backgroundVideo ? {
|
|
524
555
|
position: "relative",
|
|
525
556
|
...t,
|
|
526
|
-
...
|
|
557
|
+
...D(e)
|
|
527
558
|
} : {
|
|
528
559
|
...t,
|
|
529
|
-
...
|
|
560
|
+
...D(e)
|
|
530
561
|
};
|
|
531
|
-
function
|
|
562
|
+
function xe({ style: e, nodeRef: t, children: n }) {
|
|
532
563
|
return /* @__PURE__ */ f("div", {
|
|
533
564
|
ref: t,
|
|
534
565
|
style: {
|
|
535
|
-
...
|
|
536
|
-
...
|
|
566
|
+
..._e,
|
|
567
|
+
...D(e)
|
|
537
568
|
},
|
|
538
|
-
children: [/* @__PURE__ */ d(
|
|
569
|
+
children: [/* @__PURE__ */ d(ye, { style: e }), n]
|
|
539
570
|
});
|
|
540
571
|
}
|
|
541
|
-
function
|
|
572
|
+
function Se({ style: e, nodeRef: t, children: n }) {
|
|
542
573
|
return /* @__PURE__ */ f("section", {
|
|
543
574
|
ref: t,
|
|
544
|
-
style:
|
|
545
|
-
children: [/* @__PURE__ */ d(
|
|
575
|
+
style: be(e, ve),
|
|
576
|
+
children: [/* @__PURE__ */ d(ye, { style: e }), n]
|
|
546
577
|
});
|
|
547
578
|
}
|
|
548
|
-
function
|
|
579
|
+
function Ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
|
|
549
580
|
let i = t ? {
|
|
550
581
|
position: "relative",
|
|
551
582
|
minHeight: 240
|
|
@@ -554,32 +585,32 @@ function ve({ style: e, freeLayout: t, nodeRef: n, children: r }) {
|
|
|
554
585
|
ref: n,
|
|
555
586
|
style: i ? {
|
|
556
587
|
...i,
|
|
557
|
-
...
|
|
558
|
-
} :
|
|
559
|
-
children: [/* @__PURE__ */ d(
|
|
588
|
+
...be(e)
|
|
589
|
+
} : be(e),
|
|
590
|
+
children: [/* @__PURE__ */ d(ye, { style: e }), r]
|
|
560
591
|
});
|
|
561
592
|
}
|
|
562
|
-
function
|
|
593
|
+
function we({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
|
|
563
594
|
return /* @__PURE__ */ d(n, {
|
|
564
595
|
ref: a,
|
|
565
596
|
style: {
|
|
566
|
-
...
|
|
567
|
-
...
|
|
597
|
+
...he,
|
|
598
|
+
...D(r)
|
|
568
599
|
},
|
|
569
|
-
children:
|
|
600
|
+
children: J(t, e, i)
|
|
570
601
|
});
|
|
571
602
|
}
|
|
572
|
-
var
|
|
573
|
-
fontFamily:
|
|
603
|
+
var Te = {
|
|
604
|
+
fontFamily: R.mono.value,
|
|
574
605
|
background: "rgba(148, 163, 184, 0.18)",
|
|
575
606
|
padding: "1px 5px",
|
|
576
607
|
borderRadius: 4,
|
|
577
608
|
fontSize: "0.9em"
|
|
578
609
|
};
|
|
579
|
-
function
|
|
610
|
+
function Ee(e, t = [], n, r) {
|
|
580
611
|
let i = e;
|
|
581
612
|
return t.includes("sup") ? i = /* @__PURE__ */ d("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ d("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ d("code", {
|
|
582
|
-
style:
|
|
613
|
+
style: Te,
|
|
583
614
|
children: i
|
|
584
615
|
})), t.includes("strike") && (i = /* @__PURE__ */ d("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ d("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ d("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ d("strong", { children: i })), n && (i = /* @__PURE__ */ d("a", {
|
|
585
616
|
href: n,
|
|
@@ -589,13 +620,13 @@ function xe(e, t = [], n, r) {
|
|
|
589
620
|
children: i
|
|
590
621
|
})), i;
|
|
591
622
|
}
|
|
592
|
-
function
|
|
623
|
+
function J(e, n, r) {
|
|
593
624
|
return e?.length ? e.map((e, n) => {
|
|
594
625
|
if (e.slot) return /* @__PURE__ */ d(t, { children: r?.[e.slot] ?? null }, n);
|
|
595
|
-
if (e.parts) return /* @__PURE__ */ d(t, { children:
|
|
626
|
+
if (e.parts) return /* @__PURE__ */ d(t, { children: J(e.parts, "", r) }, n);
|
|
596
627
|
let i = e.text;
|
|
597
628
|
return e.sup ? i = /* @__PURE__ */ d("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ d("sub", { children: i })), e.code && (i = /* @__PURE__ */ d("code", {
|
|
598
|
-
style:
|
|
629
|
+
style: Te,
|
|
599
630
|
children: i
|
|
600
631
|
})), e.strike && (i = /* @__PURE__ */ d("s", { children: i })), e.underline && (i = /* @__PURE__ */ d("u", { children: i })), e.italic && (i = /* @__PURE__ */ d("em", { children: i })), e.bold && (i = /* @__PURE__ */ d("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ d("span", {
|
|
601
632
|
style: {
|
|
@@ -612,13 +643,13 @@ function Y(e, n, r) {
|
|
|
612
643
|
})), /* @__PURE__ */ d(t, { children: i }, n);
|
|
613
644
|
}) : n;
|
|
614
645
|
}
|
|
615
|
-
function
|
|
646
|
+
function De({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
|
|
616
647
|
return /* @__PURE__ */ d("span", {
|
|
617
|
-
style:
|
|
618
|
-
children: e?.length ?
|
|
648
|
+
style: D(a),
|
|
649
|
+
children: e?.length ? J(e, t) : Ee(t, n, r, i)
|
|
619
650
|
});
|
|
620
651
|
}
|
|
621
|
-
var
|
|
652
|
+
var Oe = {
|
|
622
653
|
h1: 40,
|
|
623
654
|
h2: 32,
|
|
624
655
|
h3: 26,
|
|
@@ -626,7 +657,7 @@ var Ce = {
|
|
|
626
657
|
h5: 19,
|
|
627
658
|
h6: 16
|
|
628
659
|
};
|
|
629
|
-
function
|
|
660
|
+
function ke({ align: e = "center", width: t, wrap: n } = {}) {
|
|
630
661
|
let r = t ? `${t}%` : void 0;
|
|
631
662
|
if (e === "full") return { width: "100%" };
|
|
632
663
|
let i = e === "left" || e === "right";
|
|
@@ -660,8 +691,8 @@ function we({ align: e = "center", width: t, wrap: n } = {}) {
|
|
|
660
691
|
marginRight: "auto"
|
|
661
692
|
};
|
|
662
693
|
}
|
|
663
|
-
function
|
|
664
|
-
let r = n ?? ((e, n) =>
|
|
694
|
+
function Ae(e = [], t, n) {
|
|
695
|
+
let r = n ?? ((e, n) => J(e, n, t));
|
|
665
696
|
return e.map((t, n) => {
|
|
666
697
|
let i = {
|
|
667
698
|
marginTop: 0,
|
|
@@ -683,7 +714,7 @@ function Te(e = [], t, n) {
|
|
|
683
714
|
marginLeft: 0,
|
|
684
715
|
marginRight: 0,
|
|
685
716
|
...i,
|
|
686
|
-
...
|
|
717
|
+
...ke(t)
|
|
687
718
|
},
|
|
688
719
|
children: [t.href ? /* @__PURE__ */ d("a", {
|
|
689
720
|
href: t.href,
|
|
@@ -702,16 +733,16 @@ function Te(e = [], t, n) {
|
|
|
702
733
|
})]
|
|
703
734
|
}, n);
|
|
704
735
|
}
|
|
705
|
-
if (t.type === "video") return
|
|
736
|
+
if (t.type === "video") return Ve(t.url) ? /* @__PURE__ */ d("div", {
|
|
706
737
|
style: {
|
|
707
738
|
...i,
|
|
708
|
-
...
|
|
739
|
+
...ke({
|
|
709
740
|
align: t.align,
|
|
710
741
|
wrap: t.wrap,
|
|
711
742
|
width: t.width ?? 100
|
|
712
743
|
})
|
|
713
744
|
},
|
|
714
|
-
children: /* @__PURE__ */ d(
|
|
745
|
+
children: /* @__PURE__ */ d(He, {
|
|
715
746
|
url: t.url,
|
|
716
747
|
autoplay: t.autoplay,
|
|
717
748
|
muted: t.muted,
|
|
@@ -773,17 +804,17 @@ function Te(e = [], t, n) {
|
|
|
773
804
|
}
|
|
774
805
|
if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
|
|
775
806
|
style: {
|
|
776
|
-
...
|
|
807
|
+
...Me,
|
|
777
808
|
...i
|
|
778
809
|
},
|
|
779
810
|
children: r(t.parts, t.text)
|
|
780
811
|
}, n);
|
|
781
|
-
if (
|
|
812
|
+
if (Oe[t.type]) {
|
|
782
813
|
let e = t.type;
|
|
783
814
|
return /* @__PURE__ */ d(e, {
|
|
784
815
|
style: {
|
|
785
|
-
...
|
|
786
|
-
fontSize:
|
|
816
|
+
...he,
|
|
817
|
+
fontSize: Oe[t.type],
|
|
787
818
|
...i
|
|
788
819
|
},
|
|
789
820
|
children: r(t.parts, t.text)
|
|
@@ -791,95 +822,95 @@ function Te(e = [], t, n) {
|
|
|
791
822
|
}
|
|
792
823
|
return /* @__PURE__ */ d("p", {
|
|
793
824
|
style: {
|
|
794
|
-
...
|
|
825
|
+
...ge,
|
|
795
826
|
...i
|
|
796
827
|
},
|
|
797
828
|
children: r(t.parts, t.text)
|
|
798
829
|
}, n);
|
|
799
830
|
});
|
|
800
831
|
}
|
|
801
|
-
function
|
|
832
|
+
function je({ content: e, style: t, linked: n, nodeRef: r }) {
|
|
802
833
|
return /* @__PURE__ */ d("div", {
|
|
803
834
|
ref: r,
|
|
804
835
|
style: {
|
|
805
836
|
display: "flow-root",
|
|
806
|
-
...
|
|
837
|
+
...D(t)
|
|
807
838
|
},
|
|
808
|
-
children:
|
|
839
|
+
children: Ae(e, n)
|
|
809
840
|
});
|
|
810
841
|
}
|
|
811
|
-
var
|
|
842
|
+
var Me = {
|
|
812
843
|
margin: 0,
|
|
813
844
|
padding: "8px 0 8px 20px",
|
|
814
845
|
borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
|
|
815
846
|
};
|
|
816
|
-
function
|
|
847
|
+
function Ne({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
|
|
817
848
|
return /* @__PURE__ */ d("blockquote", {
|
|
818
849
|
ref: i,
|
|
819
850
|
style: {
|
|
820
|
-
...
|
|
821
|
-
...
|
|
851
|
+
...Me,
|
|
852
|
+
...D(n)
|
|
822
853
|
},
|
|
823
|
-
children:
|
|
854
|
+
children: J(t, e, r)
|
|
824
855
|
});
|
|
825
856
|
}
|
|
826
|
-
function
|
|
857
|
+
function Pe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
|
|
827
858
|
return /* @__PURE__ */ d(e ? "ol" : "ul", {
|
|
828
859
|
ref: r,
|
|
829
860
|
style: {
|
|
830
861
|
margin: 0,
|
|
831
862
|
paddingLeft: 24,
|
|
832
|
-
...
|
|
863
|
+
...D(n)
|
|
833
864
|
},
|
|
834
865
|
children: t.map((e, t) => /* @__PURE__ */ d("li", {
|
|
835
866
|
style: { marginBottom: 4 },
|
|
836
|
-
children:
|
|
867
|
+
children: J(e.parts, e.text)
|
|
837
868
|
}, t))
|
|
838
869
|
});
|
|
839
870
|
}
|
|
840
|
-
function
|
|
871
|
+
function Fe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
|
|
841
872
|
return /* @__PURE__ */ d("p", {
|
|
842
873
|
ref: i,
|
|
843
874
|
style: {
|
|
844
|
-
...
|
|
845
|
-
...
|
|
875
|
+
...ge,
|
|
876
|
+
...D(n)
|
|
846
877
|
},
|
|
847
|
-
children:
|
|
878
|
+
children: J(t, e, r)
|
|
848
879
|
});
|
|
849
880
|
}
|
|
850
|
-
var
|
|
881
|
+
var Ie = {
|
|
851
882
|
color: "var(--page-accent, inherit)",
|
|
852
883
|
textDecoration: "underline",
|
|
853
884
|
textUnderlineOffset: 3,
|
|
854
885
|
cursor: "pointer"
|
|
855
886
|
};
|
|
856
|
-
function
|
|
887
|
+
function Le({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
|
|
857
888
|
return /* @__PURE__ */ d("a", {
|
|
858
889
|
ref: o,
|
|
859
890
|
href: n || "#",
|
|
860
891
|
target: r || void 0,
|
|
861
892
|
rel: r === "_blank" ? "noopener noreferrer" : void 0,
|
|
862
893
|
style: {
|
|
863
|
-
...
|
|
864
|
-
...
|
|
894
|
+
...Ie,
|
|
895
|
+
...D(i)
|
|
865
896
|
},
|
|
866
|
-
children:
|
|
897
|
+
children: J(t, e, a)
|
|
867
898
|
});
|
|
868
899
|
}
|
|
869
|
-
function
|
|
900
|
+
function Re({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
|
|
870
901
|
return /* @__PURE__ */ d("a", {
|
|
871
902
|
ref: o,
|
|
872
903
|
href: n || "#",
|
|
873
904
|
target: r || void 0,
|
|
874
905
|
rel: r === "_blank" ? "noopener noreferrer" : void 0,
|
|
875
906
|
style: {
|
|
876
|
-
...
|
|
877
|
-
...
|
|
907
|
+
...q,
|
|
908
|
+
...D(i)
|
|
878
909
|
},
|
|
879
|
-
children:
|
|
910
|
+
children: J(t, e, a)
|
|
880
911
|
});
|
|
881
912
|
}
|
|
882
|
-
function
|
|
913
|
+
function ze({ src: e, alt: t, style: n, nodeRef: r }) {
|
|
883
914
|
return e ? /* @__PURE__ */ d("img", {
|
|
884
915
|
ref: r,
|
|
885
916
|
src: e,
|
|
@@ -887,11 +918,11 @@ function Pe({ src: e, alt: t, style: n, nodeRef: r }) {
|
|
|
887
918
|
style: {
|
|
888
919
|
display: "block",
|
|
889
920
|
maxWidth: "100%",
|
|
890
|
-
...
|
|
921
|
+
...D(n)
|
|
891
922
|
}
|
|
892
923
|
}) : null;
|
|
893
924
|
}
|
|
894
|
-
function
|
|
925
|
+
function Be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
|
|
895
926
|
return e ? /* @__PURE__ */ d("video", {
|
|
896
927
|
ref: s,
|
|
897
928
|
src: e,
|
|
@@ -905,13 +936,13 @@ function Fe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
|
|
|
905
936
|
display: "block",
|
|
906
937
|
width: "100%",
|
|
907
938
|
maxWidth: "100%",
|
|
908
|
-
...
|
|
939
|
+
...D(o)
|
|
909
940
|
}
|
|
910
941
|
}) : null;
|
|
911
942
|
}
|
|
912
|
-
var
|
|
913
|
-
function
|
|
914
|
-
let c =
|
|
943
|
+
var Ve = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
|
|
944
|
+
function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
|
|
945
|
+
let c = Ve(e);
|
|
915
946
|
if (!c) return null;
|
|
916
947
|
let l = new URLSearchParams({ rel: "0" });
|
|
917
948
|
return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ d("div", {
|
|
@@ -920,7 +951,7 @@ function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
|
|
|
920
951
|
position: "relative",
|
|
921
952
|
width: "100%",
|
|
922
953
|
paddingTop: "56.25%",
|
|
923
|
-
...
|
|
954
|
+
...D(o)
|
|
924
955
|
},
|
|
925
956
|
children: /* @__PURE__ */ d("iframe", {
|
|
926
957
|
src: `https://www.youtube-nocookie.com/embed/${c}?${l}`,
|
|
@@ -937,7 +968,7 @@ function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
|
|
|
937
968
|
})
|
|
938
969
|
});
|
|
939
970
|
}
|
|
940
|
-
function
|
|
971
|
+
function Ue({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
|
|
941
972
|
return e ? /* @__PURE__ */ d("iframe", {
|
|
942
973
|
ref: i,
|
|
943
974
|
src: e,
|
|
@@ -949,11 +980,11 @@ function Re({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
|
|
|
949
980
|
width: "100%",
|
|
950
981
|
height: 300,
|
|
951
982
|
border: 0,
|
|
952
|
-
...
|
|
983
|
+
...D(r)
|
|
953
984
|
}
|
|
954
985
|
}) : null;
|
|
955
986
|
}
|
|
956
|
-
function
|
|
987
|
+
function We({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
|
|
957
988
|
let [i, o] = l(null);
|
|
958
989
|
return a(() => {
|
|
959
990
|
i && (i.innerHTML = e || "", t && i.querySelectorAll("script").forEach((e) => {
|
|
@@ -969,10 +1000,10 @@ function ze({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
|
|
|
969
1000
|
ref: (e) => {
|
|
970
1001
|
o(e), r && r(e);
|
|
971
1002
|
},
|
|
972
|
-
style:
|
|
1003
|
+
style: D(n)
|
|
973
1004
|
});
|
|
974
1005
|
}
|
|
975
|
-
function
|
|
1006
|
+
function Ge({ height: e, nodeRef: t }) {
|
|
976
1007
|
return /* @__PURE__ */ d("div", {
|
|
977
1008
|
ref: t,
|
|
978
1009
|
style: {
|
|
@@ -982,18 +1013,18 @@ function Be({ height: e, nodeRef: t }) {
|
|
|
982
1013
|
}
|
|
983
1014
|
});
|
|
984
1015
|
}
|
|
985
|
-
function
|
|
1016
|
+
function Ke({ style: e, nodeRef: t }) {
|
|
986
1017
|
return /* @__PURE__ */ d("div", {
|
|
987
1018
|
ref: t,
|
|
988
1019
|
style: {
|
|
989
1020
|
height: 1,
|
|
990
1021
|
alignSelf: "stretch",
|
|
991
1022
|
flexShrink: 0,
|
|
992
|
-
...
|
|
1023
|
+
...D(e)
|
|
993
1024
|
}
|
|
994
1025
|
});
|
|
995
1026
|
}
|
|
996
|
-
var
|
|
1027
|
+
var qe = {
|
|
997
1028
|
position: "absolute",
|
|
998
1029
|
top: "50%",
|
|
999
1030
|
transform: "translateY(-50%)",
|
|
@@ -1010,7 +1041,7 @@ var He = {
|
|
|
1010
1041
|
alignItems: "center",
|
|
1011
1042
|
justifyContent: "center",
|
|
1012
1043
|
padding: 0
|
|
1013
|
-
},
|
|
1044
|
+
}, Je = {
|
|
1014
1045
|
bottom: {
|
|
1015
1046
|
inset: "auto 0 0 0",
|
|
1016
1047
|
padding: "40px 24px 20px",
|
|
@@ -1029,8 +1060,8 @@ var He = {
|
|
|
1029
1060
|
padding: 24,
|
|
1030
1061
|
textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
|
|
1031
1062
|
}
|
|
1032
|
-
},
|
|
1033
|
-
function
|
|
1063
|
+
}, Ye = 48;
|
|
1064
|
+
function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
|
|
1034
1065
|
let [p, m] = l(0), [h, g] = l(!1), [_, v] = l(null), y = e ? Math.min(p, e - 1) : 0;
|
|
1035
1066
|
if (a(() => {
|
|
1036
1067
|
if (!n || h || _ || e < 2) return;
|
|
@@ -1046,7 +1077,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
|
|
|
1046
1077
|
let b = (t) => m((t + e) % e), x = () => {
|
|
1047
1078
|
if (!_) return;
|
|
1048
1079
|
let { dx: e } = _;
|
|
1049
|
-
v(null), e < -48 ? b(y + 1) : e >
|
|
1080
|
+
v(null), e < -48 ? b(y + 1) : e > Ye && b(y - 1);
|
|
1050
1081
|
};
|
|
1051
1082
|
return /* @__PURE__ */ f("div", {
|
|
1052
1083
|
ref: c,
|
|
@@ -1071,7 +1102,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
|
|
|
1071
1102
|
touchAction: "pan-y",
|
|
1072
1103
|
userSelect: _ ? "none" : void 0,
|
|
1073
1104
|
cursor: _ ? "grabbing" : void 0,
|
|
1074
|
-
...
|
|
1105
|
+
...D(s)
|
|
1075
1106
|
},
|
|
1076
1107
|
children: [/* @__PURE__ */ d("div", {
|
|
1077
1108
|
style: {
|
|
@@ -1094,7 +1125,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
|
|
|
1094
1125
|
type: "button",
|
|
1095
1126
|
"aria-label": "Previous slide",
|
|
1096
1127
|
style: {
|
|
1097
|
-
...
|
|
1128
|
+
...qe,
|
|
1098
1129
|
left: 12
|
|
1099
1130
|
},
|
|
1100
1131
|
onClick: () => b(y - 1),
|
|
@@ -1104,7 +1135,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
|
|
|
1104
1135
|
type: "button",
|
|
1105
1136
|
"aria-label": "Next slide",
|
|
1106
1137
|
style: {
|
|
1107
|
-
...
|
|
1138
|
+
...qe,
|
|
1108
1139
|
right: 12
|
|
1109
1140
|
},
|
|
1110
1141
|
onClick: () => b(y + 1),
|
|
@@ -1138,7 +1169,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
|
|
|
1138
1169
|
] })]
|
|
1139
1170
|
});
|
|
1140
1171
|
}
|
|
1141
|
-
var
|
|
1172
|
+
var Ze = (e, t) => ({
|
|
1142
1173
|
position: "absolute",
|
|
1143
1174
|
inset: 0,
|
|
1144
1175
|
backgroundImage: e ? `url(${e})` : "none",
|
|
@@ -1146,18 +1177,18 @@ var Ke = (e, t) => ({
|
|
|
1146
1177
|
backgroundSize: "cover",
|
|
1147
1178
|
backgroundPosition: "center"
|
|
1148
1179
|
});
|
|
1149
|
-
function
|
|
1150
|
-
return e.length ? /* @__PURE__ */ d(
|
|
1180
|
+
function Qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
|
|
1181
|
+
return e.length ? /* @__PURE__ */ d(Xe, {
|
|
1151
1182
|
...r,
|
|
1152
1183
|
count: e.length,
|
|
1153
1184
|
renderSlide: (r) => {
|
|
1154
1185
|
let i = e[r];
|
|
1155
|
-
return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style:
|
|
1186
|
+
return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ze(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
|
|
1156
1187
|
style: {
|
|
1157
1188
|
position: "absolute",
|
|
1158
1189
|
color: "#fff",
|
|
1159
1190
|
textAlign: n,
|
|
1160
|
-
...
|
|
1191
|
+
...Je[t] ?? Je.bottom
|
|
1161
1192
|
},
|
|
1162
1193
|
children: [i.title && /* @__PURE__ */ d("div", {
|
|
1163
1194
|
style: {
|
|
@@ -1177,13 +1208,13 @@ function qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
|
|
|
1177
1208
|
}
|
|
1178
1209
|
}) : null;
|
|
1179
1210
|
}
|
|
1180
|
-
function
|
|
1181
|
-
return e.length ? /* @__PURE__ */ d(
|
|
1211
|
+
function $e({ slides: e = [], linked: t, ...n }) {
|
|
1212
|
+
return e.length ? /* @__PURE__ */ d(Xe, {
|
|
1182
1213
|
...n,
|
|
1183
1214
|
count: e.length,
|
|
1184
1215
|
renderSlide: (n) => {
|
|
1185
1216
|
let r = e[n];
|
|
1186
|
-
return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style:
|
|
1217
|
+
return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ze(r.image, r.color) }), /* @__PURE__ */ d("div", {
|
|
1187
1218
|
style: {
|
|
1188
1219
|
position: "absolute",
|
|
1189
1220
|
inset: 0,
|
|
@@ -1195,7 +1226,7 @@ function Je({ slides: e = [], linked: t, ...n }) {
|
|
|
1195
1226
|
}
|
|
1196
1227
|
}) : null;
|
|
1197
1228
|
}
|
|
1198
|
-
function
|
|
1229
|
+
function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
|
|
1199
1230
|
let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = c ? (e) => e.preventDefault() : void 0, [g, _] = l(null), v = i && !c && g !== null && p[g];
|
|
1200
1231
|
a(() => {
|
|
1201
1232
|
if (!v) return;
|
|
@@ -1220,7 +1251,7 @@ function Ye({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
|
|
|
1220
1251
|
columnCount: Math.min(Math.max(Number(t) || 3, 1), 8),
|
|
1221
1252
|
columnGap: m,
|
|
1222
1253
|
width: "100%",
|
|
1223
|
-
...
|
|
1254
|
+
...D(o)
|
|
1224
1255
|
},
|
|
1225
1256
|
children: [
|
|
1226
1257
|
p.map((e, t) => {
|
|
@@ -1394,29 +1425,29 @@ function Ye({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
|
|
|
1394
1425
|
]
|
|
1395
1426
|
});
|
|
1396
1427
|
}
|
|
1397
|
-
var
|
|
1428
|
+
var tt = {
|
|
1398
1429
|
color: "inherit",
|
|
1399
1430
|
textDecoration: "none",
|
|
1400
1431
|
fontSize: 14,
|
|
1401
1432
|
opacity: .85
|
|
1402
|
-
},
|
|
1433
|
+
}, nt = {
|
|
1403
1434
|
background: "var(--page-bg, #ffffff)",
|
|
1404
1435
|
color: "var(--page-text, #111827)",
|
|
1405
1436
|
border: "1px solid rgba(148, 163, 184, 0.25)",
|
|
1406
1437
|
boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
|
|
1407
1438
|
zIndex: 60
|
|
1408
1439
|
};
|
|
1409
|
-
function
|
|
1440
|
+
function rt({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
|
|
1410
1441
|
let [h, g] = l(null), [_, v] = l(!1), [y, b] = l(!1), [x, S] = l(null);
|
|
1411
1442
|
a(() => {
|
|
1412
1443
|
if (!h) return;
|
|
1413
1444
|
let e = new ResizeObserver(() => v(h.offsetWidth < m));
|
|
1414
1445
|
return e.observe(h), () => e.disconnect();
|
|
1415
1446
|
}, [h, m]);
|
|
1416
|
-
let
|
|
1447
|
+
let C = p === "hamburger" || p === "auto" && _, w = (e, t) => /* @__PURE__ */ f("a", {
|
|
1417
1448
|
href: e.href || "#",
|
|
1418
1449
|
style: {
|
|
1419
|
-
...
|
|
1450
|
+
...tt,
|
|
1420
1451
|
display: "block",
|
|
1421
1452
|
...t
|
|
1422
1453
|
},
|
|
@@ -1442,7 +1473,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1442
1473
|
padding: "14px 24px",
|
|
1443
1474
|
width: "100%",
|
|
1444
1475
|
position: "relative",
|
|
1445
|
-
...
|
|
1476
|
+
...D(s)
|
|
1446
1477
|
},
|
|
1447
1478
|
children: [
|
|
1448
1479
|
(n || e) && (() => {
|
|
@@ -1479,7 +1510,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1479
1510
|
});
|
|
1480
1511
|
})(),
|
|
1481
1512
|
/* @__PURE__ */ d("div", { style: { flexGrow: 1 } }),
|
|
1482
|
-
|
|
1513
|
+
C ? /* @__PURE__ */ d("button", {
|
|
1483
1514
|
type: "button",
|
|
1484
1515
|
"aria-label": y ? "Close menu" : "Open menu",
|
|
1485
1516
|
onClick: () => b(!y),
|
|
@@ -1504,7 +1535,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1504
1535
|
let t = e.children ?? [];
|
|
1505
1536
|
if (!t.length) return /* @__PURE__ */ d("a", {
|
|
1506
1537
|
href: e.href || "#",
|
|
1507
|
-
style:
|
|
1538
|
+
style: tt,
|
|
1508
1539
|
children: e.label
|
|
1509
1540
|
}, e.key);
|
|
1510
1541
|
let n = e.type === "mega";
|
|
@@ -1518,7 +1549,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1518
1549
|
children: [/* @__PURE__ */ f("a", {
|
|
1519
1550
|
href: e.href || "#",
|
|
1520
1551
|
style: {
|
|
1521
|
-
...
|
|
1552
|
+
...tt,
|
|
1522
1553
|
cursor: "pointer"
|
|
1523
1554
|
},
|
|
1524
1555
|
children: [
|
|
@@ -1534,7 +1565,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1534
1565
|
]
|
|
1535
1566
|
}), x === e.key && (n ? /* @__PURE__ */ d("div", {
|
|
1536
1567
|
style: {
|
|
1537
|
-
...
|
|
1568
|
+
...nt,
|
|
1538
1569
|
position: "absolute",
|
|
1539
1570
|
left: 0,
|
|
1540
1571
|
right: 0,
|
|
@@ -1544,13 +1575,13 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1544
1575
|
gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
|
|
1545
1576
|
gap: 16
|
|
1546
1577
|
},
|
|
1547
|
-
children: t.map((e) =>
|
|
1578
|
+
children: t.map((e) => w(e, {
|
|
1548
1579
|
padding: "6px 8px",
|
|
1549
1580
|
borderRadius: 6
|
|
1550
1581
|
}))
|
|
1551
1582
|
}) : /* @__PURE__ */ d("div", {
|
|
1552
1583
|
style: {
|
|
1553
|
-
...
|
|
1584
|
+
...nt,
|
|
1554
1585
|
position: "absolute",
|
|
1555
1586
|
top: "100%",
|
|
1556
1587
|
left: 0,
|
|
@@ -1560,7 +1591,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1560
1591
|
display: "flex",
|
|
1561
1592
|
flexDirection: "column"
|
|
1562
1593
|
},
|
|
1563
|
-
children: t.map((e) =>
|
|
1594
|
+
children: t.map((e) => w(e, {
|
|
1564
1595
|
padding: "8px 12px",
|
|
1565
1596
|
borderRadius: 6
|
|
1566
1597
|
}))
|
|
@@ -1568,7 +1599,7 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1568
1599
|
}, e.key);
|
|
1569
1600
|
})
|
|
1570
1601
|
}),
|
|
1571
|
-
|
|
1602
|
+
C && y && /* @__PURE__ */ d("div", {
|
|
1572
1603
|
style: {
|
|
1573
1604
|
flexBasis: "100%",
|
|
1574
1605
|
width: "100%",
|
|
@@ -1579,24 +1610,24 @@ function Qe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
|
|
|
1579
1610
|
children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
|
|
1580
1611
|
href: e.href || "#",
|
|
1581
1612
|
style: {
|
|
1582
|
-
...
|
|
1613
|
+
...tt,
|
|
1583
1614
|
padding: "10px 4px",
|
|
1584
1615
|
fontWeight: (e.children ?? []).length ? 600 : 400,
|
|
1585
1616
|
opacity: 1
|
|
1586
1617
|
},
|
|
1587
1618
|
children: e.label
|
|
1588
|
-
}), (e.children ?? []).map((e) =>
|
|
1619
|
+
}), (e.children ?? []).map((e) => w(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
|
|
1589
1620
|
})
|
|
1590
1621
|
]
|
|
1591
1622
|
});
|
|
1592
1623
|
}
|
|
1593
|
-
function
|
|
1624
|
+
function it({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
|
|
1594
1625
|
let [i, a] = l(0), o = e.length ? Math.min(i, e.length - 1) : 0;
|
|
1595
1626
|
return e.length ? /* @__PURE__ */ f("div", {
|
|
1596
1627
|
ref: r,
|
|
1597
1628
|
style: {
|
|
1598
1629
|
width: "100%",
|
|
1599
|
-
...
|
|
1630
|
+
...D(n)
|
|
1600
1631
|
},
|
|
1601
1632
|
children: [/* @__PURE__ */ d("div", {
|
|
1602
1633
|
style: {
|
|
@@ -1630,7 +1661,7 @@ function $e({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
|
|
|
1630
1661
|
}, e.key))]
|
|
1631
1662
|
}) : null;
|
|
1632
1663
|
}
|
|
1633
|
-
function
|
|
1664
|
+
function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
|
|
1634
1665
|
let [a, o] = l(() => new Set(e.length ? [e[0].key] : []));
|
|
1635
1666
|
if (!e.length) return null;
|
|
1636
1667
|
let s = (e) => o((t) => {
|
|
@@ -1641,7 +1672,7 @@ function et({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
|
|
|
1641
1672
|
ref: i,
|
|
1642
1673
|
style: {
|
|
1643
1674
|
width: "100%",
|
|
1644
|
-
...
|
|
1675
|
+
...D(r)
|
|
1645
1676
|
},
|
|
1646
1677
|
children: e.map((n, r) => {
|
|
1647
1678
|
let i = a.has(n.key);
|
|
@@ -1687,15 +1718,15 @@ function et({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
|
|
|
1687
1718
|
})
|
|
1688
1719
|
});
|
|
1689
1720
|
}
|
|
1690
|
-
var
|
|
1721
|
+
var ot = {
|
|
1691
1722
|
display: "flex",
|
|
1692
1723
|
flexDirection: "column",
|
|
1693
1724
|
gap: "12px"
|
|
1694
|
-
},
|
|
1725
|
+
}, Y = {
|
|
1695
1726
|
fontSize: "14px",
|
|
1696
1727
|
fontWeight: 500,
|
|
1697
1728
|
color: "var(--page-text, #111827)"
|
|
1698
|
-
},
|
|
1729
|
+
}, X = {
|
|
1699
1730
|
padding: "10px 12px",
|
|
1700
1731
|
border: "1px solid #d1d5db",
|
|
1701
1732
|
borderRadius: "6px",
|
|
@@ -1705,18 +1736,18 @@ var tt = {
|
|
|
1705
1736
|
boxSizing: "border-box",
|
|
1706
1737
|
backgroundColor: "#ffffff",
|
|
1707
1738
|
color: "#111827"
|
|
1708
|
-
},
|
|
1739
|
+
}, st = {
|
|
1709
1740
|
display: "flex",
|
|
1710
1741
|
alignItems: "center",
|
|
1711
1742
|
gap: "8px",
|
|
1712
1743
|
fontSize: "14px",
|
|
1713
1744
|
color: "var(--page-text, #111827)"
|
|
1714
|
-
},
|
|
1745
|
+
}, Z = (e) => e ? {
|
|
1715
1746
|
readOnly: !0,
|
|
1716
1747
|
tabIndex: -1,
|
|
1717
1748
|
onMouseDown: (e) => e.preventDefault()
|
|
1718
1749
|
} : {};
|
|
1719
|
-
function
|
|
1750
|
+
function ct(e, t) {
|
|
1720
1751
|
if (!e) return !0;
|
|
1721
1752
|
let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
|
|
1722
1753
|
switch (e.op) {
|
|
@@ -1730,11 +1761,11 @@ function rt(e, t) {
|
|
|
1730
1761
|
default: return !1;
|
|
1731
1762
|
}
|
|
1732
1763
|
}
|
|
1733
|
-
var
|
|
1764
|
+
var lt = {
|
|
1734
1765
|
display: "flex",
|
|
1735
1766
|
flexDirection: "column",
|
|
1736
1767
|
gap: 6
|
|
1737
|
-
},
|
|
1768
|
+
}, ut = {
|
|
1738
1769
|
font: "inherit",
|
|
1739
1770
|
fontSize: 15,
|
|
1740
1771
|
padding: "10px 12px",
|
|
@@ -1745,16 +1776,16 @@ var it = {
|
|
|
1745
1776
|
width: "100%",
|
|
1746
1777
|
boxSizing: "border-box"
|
|
1747
1778
|
};
|
|
1748
|
-
function
|
|
1779
|
+
function dt(e, t) {
|
|
1749
1780
|
let n = Array.isArray(e?.options) ? e.options : [];
|
|
1750
1781
|
if (!e?.parentField) return n;
|
|
1751
1782
|
let r = t?.[e.parentField];
|
|
1752
1783
|
return r ? n.filter((e) => typeof e == "string" ? !1 : !e.parent || e.parent === r) : [];
|
|
1753
1784
|
}
|
|
1754
|
-
function
|
|
1785
|
+
function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
1755
1786
|
let a = /* @__PURE__ */ f("span", {
|
|
1756
1787
|
style: {
|
|
1757
|
-
...
|
|
1788
|
+
...Y,
|
|
1758
1789
|
fontSize: 14
|
|
1759
1790
|
},
|
|
1760
1791
|
children: [e.label, e.required ? " *" : ""]
|
|
@@ -1763,7 +1794,7 @@ function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
|
1763
1794
|
required: e.required || void 0,
|
|
1764
1795
|
placeholder: e.placeholder || void 0,
|
|
1765
1796
|
disabled: r || void 0,
|
|
1766
|
-
style:
|
|
1797
|
+
style: ut,
|
|
1767
1798
|
value: t ?? "",
|
|
1768
1799
|
onChange: (t) => n(e.name, t.target.value)
|
|
1769
1800
|
};
|
|
@@ -1792,7 +1823,7 @@ function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
|
1792
1823
|
borderRadius: 8,
|
|
1793
1824
|
display: "block"
|
|
1794
1825
|
}
|
|
1795
|
-
}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(
|
|
1826
|
+
}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(He, {
|
|
1796
1827
|
url: e.src,
|
|
1797
1828
|
style: { width: "100%" }
|
|
1798
1829
|
}) : /* @__PURE__ */ d("video", {
|
|
@@ -1804,14 +1835,14 @@ function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
|
1804
1835
|
display: "block"
|
|
1805
1836
|
}
|
|
1806
1837
|
}) : null : /* @__PURE__ */ f("label", {
|
|
1807
|
-
style:
|
|
1838
|
+
style: lt,
|
|
1808
1839
|
children: [
|
|
1809
1840
|
a,
|
|
1810
1841
|
e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
|
|
1811
1842
|
...o,
|
|
1812
1843
|
rows: 4,
|
|
1813
1844
|
style: {
|
|
1814
|
-
...
|
|
1845
|
+
...ut,
|
|
1815
1846
|
resize: "vertical"
|
|
1816
1847
|
}
|
|
1817
1848
|
}) : e.type === "select" ? /* @__PURE__ */ f("select", {
|
|
@@ -1820,7 +1851,7 @@ function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
|
1820
1851
|
children: [/* @__PURE__ */ d("option", {
|
|
1821
1852
|
value: "",
|
|
1822
1853
|
children: e.placeholder || "—"
|
|
1823
|
-
}),
|
|
1854
|
+
}), dt(e, i).map((e, t) => /* @__PURE__ */ d("option", {
|
|
1824
1855
|
value: typeof e == "string" ? e : e.value,
|
|
1825
1856
|
children: typeof e == "string" ? e : e.label ?? e.value
|
|
1826
1857
|
}, t))]
|
|
@@ -1867,12 +1898,12 @@ function st({ field: e, value: t, onChange: n, inert: r, values: i }) {
|
|
|
1867
1898
|
]
|
|
1868
1899
|
});
|
|
1869
1900
|
}
|
|
1870
|
-
function
|
|
1871
|
-
let { tenant: y, apiUrl: b } = i(
|
|
1901
|
+
function pt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
|
|
1902
|
+
let { tenant: y, apiUrl: b } = i(V), [x, S] = l("form"), [C, w] = l(null), [T, E] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
|
|
1872
1903
|
a(() => {
|
|
1873
1904
|
if (!c || !s) return;
|
|
1874
1905
|
let e = !0;
|
|
1875
|
-
return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e &&
|
|
1906
|
+
return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e && w(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && w(null)), () => {
|
|
1876
1907
|
e = !1;
|
|
1877
1908
|
};
|
|
1878
1909
|
}, [
|
|
@@ -1885,27 +1916,27 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1885
1916
|
section: null,
|
|
1886
1917
|
fields: []
|
|
1887
1918
|
}];
|
|
1888
|
-
for (let e of Array.isArray(
|
|
1919
|
+
for (let e of Array.isArray(C?.fields) ? C.fields : []) e.type === "section" ? j.push({
|
|
1889
1920
|
section: e,
|
|
1890
1921
|
fields: []
|
|
1891
1922
|
}) : j[j.length - 1].fields.push(e);
|
|
1892
|
-
let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section ||
|
|
1923
|
+
let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || ct(e.section.condition, T)).map((e) => ({
|
|
1893
1924
|
...e,
|
|
1894
|
-
fields: e.fields.filter((e) =>
|
|
1895
|
-
})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)),
|
|
1896
|
-
let t =
|
|
1925
|
+
fields: e.fields.filter((e) => ct(e.condition, T))
|
|
1926
|
+
})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), ee = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), te = ee.filter((e) => {
|
|
1927
|
+
let t = T[e.name];
|
|
1897
1928
|
return e.required && (t == null || t === "" || t === !1);
|
|
1898
|
-
}),
|
|
1929
|
+
}), ne = F >= N.length - 1, re = (e, t) => E((n) => {
|
|
1899
1930
|
let r = {
|
|
1900
1931
|
...n,
|
|
1901
1932
|
[e]: t
|
|
1902
1933
|
};
|
|
1903
|
-
for (let t of Array.isArray(
|
|
1934
|
+
for (let t of Array.isArray(C?.fields) ? C.fields : []) t?.parentField === e && delete r[t.name];
|
|
1904
1935
|
return r;
|
|
1905
1936
|
});
|
|
1906
1937
|
return /* @__PURE__ */ f("div", {
|
|
1907
1938
|
ref: m,
|
|
1908
|
-
style:
|
|
1939
|
+
style: D(e),
|
|
1909
1940
|
children: [
|
|
1910
1941
|
/* @__PURE__ */ d("form", {
|
|
1911
1942
|
action: t || void 0,
|
|
@@ -1916,7 +1947,7 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1916
1947
|
if (e.preventDefault(), !h) {
|
|
1917
1948
|
if (s) {
|
|
1918
1949
|
let t = {};
|
|
1919
|
-
if (c) for (let [e, n] of Object.entries(
|
|
1950
|
+
if (c) for (let [e, n] of Object.entries(T)) n != null && n !== "" && (t[e] = n);
|
|
1920
1951
|
else for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
|
|
1921
1952
|
try {
|
|
1922
1953
|
let e = await fetch(`${b || "/api"}/forms/${s}/submit`, {
|
|
@@ -1949,11 +1980,11 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1949
1980
|
}
|
|
1950
1981
|
},
|
|
1951
1982
|
style: {
|
|
1952
|
-
...
|
|
1983
|
+
...ot,
|
|
1953
1984
|
display: A === "success" ? "none" : "flex"
|
|
1954
1985
|
},
|
|
1955
1986
|
children: c && s ? /* @__PURE__ */ f(u, { children: [
|
|
1956
|
-
P && /* @__PURE__ */ d(
|
|
1987
|
+
P && /* @__PURE__ */ d(Ft, {
|
|
1957
1988
|
steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
|
|
1958
1989
|
active: F + 1,
|
|
1959
1990
|
style: { marginBottom: 8 }
|
|
@@ -1966,11 +1997,11 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1966
1997
|
},
|
|
1967
1998
|
children: N[F].section.help
|
|
1968
1999
|
}),
|
|
1969
|
-
|
|
2000
|
+
ee.map((e) => /* @__PURE__ */ d(ft, {
|
|
1970
2001
|
field: e,
|
|
1971
|
-
value:
|
|
1972
|
-
values:
|
|
1973
|
-
onChange:
|
|
2002
|
+
value: T[e.name],
|
|
2003
|
+
values: T,
|
|
2004
|
+
onChange: re,
|
|
1974
2005
|
inert: h
|
|
1975
2006
|
}, e.name)),
|
|
1976
2007
|
/* @__PURE__ */ f("div", {
|
|
@@ -1985,7 +2016,7 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1985
2016
|
disabled: h || void 0,
|
|
1986
2017
|
onClick: () => k(F - 1),
|
|
1987
2018
|
style: {
|
|
1988
|
-
...
|
|
2019
|
+
...q,
|
|
1989
2020
|
background: "transparent",
|
|
1990
2021
|
color: "inherit",
|
|
1991
2022
|
border: 0,
|
|
@@ -1993,26 +2024,26 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
1993
2024
|
cursor: "pointer"
|
|
1994
2025
|
},
|
|
1995
2026
|
children: "Back"
|
|
1996
|
-
}), P && !
|
|
2027
|
+
}), P && !ne ? /* @__PURE__ */ d("button", {
|
|
1997
2028
|
type: "button",
|
|
1998
|
-
disabled: h ||
|
|
2029
|
+
disabled: h || te.length > 0,
|
|
1999
2030
|
onClick: () => k(F + 1),
|
|
2000
2031
|
style: {
|
|
2001
|
-
...
|
|
2032
|
+
...q,
|
|
2002
2033
|
border: 0,
|
|
2003
2034
|
padding: "10px 22px",
|
|
2004
2035
|
borderRadius: 8,
|
|
2005
2036
|
fontSize: 15,
|
|
2006
2037
|
fontWeight: 600,
|
|
2007
2038
|
cursor: "pointer",
|
|
2008
|
-
opacity:
|
|
2039
|
+
opacity: te.length ? .5 : 1
|
|
2009
2040
|
},
|
|
2010
2041
|
children: "Next"
|
|
2011
2042
|
}) : /* @__PURE__ */ d("button", {
|
|
2012
2043
|
type: "submit",
|
|
2013
2044
|
disabled: h || void 0,
|
|
2014
2045
|
style: {
|
|
2015
|
-
...
|
|
2046
|
+
...q,
|
|
2016
2047
|
border: 0,
|
|
2017
2048
|
padding: "10px 22px",
|
|
2018
2049
|
borderRadius: 8,
|
|
@@ -2039,10 +2070,10 @@ function ct({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
|
|
|
2039
2070
|
]
|
|
2040
2071
|
});
|
|
2041
2072
|
}
|
|
2042
|
-
var
|
|
2073
|
+
var Q = null, mt = null, ht = (e) => {
|
|
2043
2074
|
let t = typeof e == "string" && e.trim() ? e.trim() : "";
|
|
2044
|
-
if (
|
|
2045
|
-
if (
|
|
2075
|
+
if (Q && mt === t) return Q;
|
|
2076
|
+
if (Q && typeof window < "u") {
|
|
2046
2077
|
for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
|
|
2047
2078
|
delete window[e];
|
|
2048
2079
|
} catch {
|
|
@@ -2050,22 +2081,22 @@ var $ = null, lt = null, ut = (e) => {
|
|
|
2050
2081
|
}
|
|
2051
2082
|
document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
|
|
2052
2083
|
}
|
|
2053
|
-
return
|
|
2084
|
+
return mt = t, Q = new Promise((e) => {
|
|
2054
2085
|
if (typeof window > "u") return;
|
|
2055
2086
|
if (window.grecaptcha?.render) return e(window.grecaptcha);
|
|
2056
2087
|
window.__webimRecaptchaReady = () => e(window.grecaptcha);
|
|
2057
2088
|
let n = document.createElement("script");
|
|
2058
2089
|
n.src = `https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit${t ? `&hl=${encodeURIComponent(t)}` : ""}`, n.async = !0, document.head.appendChild(n);
|
|
2059
|
-
}),
|
|
2090
|
+
}), Q;
|
|
2060
2091
|
};
|
|
2061
|
-
function
|
|
2062
|
-
let p = i(
|
|
2092
|
+
function gt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
|
|
2093
|
+
let p = i(V), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = c(null), _ = c(u);
|
|
2063
2094
|
if (_.current = u, a(() => {
|
|
2064
2095
|
if (l || !h || !g.current) return;
|
|
2065
2096
|
let e = !0, i = (t) => {
|
|
2066
2097
|
e && typeof _.current == "function" && _.current(t);
|
|
2067
2098
|
};
|
|
2068
|
-
return
|
|
2099
|
+
return ht(r).then((r) => {
|
|
2069
2100
|
if (!(!e || !g.current || !r?.render)) {
|
|
2070
2101
|
g.current.innerHTML = "", i("");
|
|
2071
2102
|
try {
|
|
@@ -2092,7 +2123,7 @@ function dt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
|
|
|
2092
2123
|
let e = t === "dark";
|
|
2093
2124
|
return /* @__PURE__ */ f("div", {
|
|
2094
2125
|
ref: s,
|
|
2095
|
-
style:
|
|
2126
|
+
style: D(o),
|
|
2096
2127
|
children: [/* @__PURE__ */ f("div", {
|
|
2097
2128
|
style: {
|
|
2098
2129
|
width: n === "compact" ? 164 : 302,
|
|
@@ -2143,21 +2174,21 @@ function dt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
|
|
|
2143
2174
|
}
|
|
2144
2175
|
return h ? /* @__PURE__ */ d("div", {
|
|
2145
2176
|
ref: s,
|
|
2146
|
-
style:
|
|
2177
|
+
style: D(o),
|
|
2147
2178
|
children: /* @__PURE__ */ d("div", { ref: g })
|
|
2148
2179
|
}) : null;
|
|
2149
2180
|
}
|
|
2150
|
-
function
|
|
2181
|
+
function _t({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
|
|
2151
2182
|
return /* @__PURE__ */ d("label", {
|
|
2152
2183
|
ref: r,
|
|
2153
2184
|
style: {
|
|
2154
|
-
...
|
|
2155
|
-
...
|
|
2185
|
+
...Y,
|
|
2186
|
+
...D(n)
|
|
2156
2187
|
},
|
|
2157
|
-
children:
|
|
2188
|
+
children: J(t, e, i)
|
|
2158
2189
|
});
|
|
2159
2190
|
}
|
|
2160
|
-
function
|
|
2191
|
+
function vt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
|
|
2161
2192
|
return /* @__PURE__ */ d("input", {
|
|
2162
2193
|
ref: a,
|
|
2163
2194
|
type: e,
|
|
@@ -2165,13 +2196,13 @@ function pt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
|
|
|
2165
2196
|
placeholder: n,
|
|
2166
2197
|
required: !o && !!r,
|
|
2167
2198
|
style: {
|
|
2168
|
-
...
|
|
2169
|
-
...
|
|
2199
|
+
...X,
|
|
2200
|
+
...D(i)
|
|
2170
2201
|
},
|
|
2171
|
-
...
|
|
2202
|
+
...Z(o)
|
|
2172
2203
|
});
|
|
2173
2204
|
}
|
|
2174
|
-
function
|
|
2205
|
+
function yt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
|
|
2175
2206
|
return /* @__PURE__ */ d("textarea", {
|
|
2176
2207
|
ref: a,
|
|
2177
2208
|
name: e || void 0,
|
|
@@ -2179,19 +2210,19 @@ function mt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
|
|
|
2179
2210
|
rows: n,
|
|
2180
2211
|
required: !o && !!r,
|
|
2181
2212
|
style: {
|
|
2182
|
-
...
|
|
2213
|
+
...X,
|
|
2183
2214
|
resize: "vertical",
|
|
2184
|
-
...
|
|
2215
|
+
...D(i)
|
|
2185
2216
|
},
|
|
2186
|
-
...
|
|
2217
|
+
...Z(o)
|
|
2187
2218
|
});
|
|
2188
2219
|
}
|
|
2189
|
-
function
|
|
2220
|
+
function bt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
|
|
2190
2221
|
return /* @__PURE__ */ f("label", {
|
|
2191
2222
|
ref: o,
|
|
2192
2223
|
style: {
|
|
2193
|
-
...
|
|
2194
|
-
...
|
|
2224
|
+
...st,
|
|
2225
|
+
...D(a)
|
|
2195
2226
|
},
|
|
2196
2227
|
children: [/* @__PURE__ */ d("input", {
|
|
2197
2228
|
type: e,
|
|
@@ -2207,7 +2238,7 @@ function ht({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
|
|
|
2207
2238
|
}), t]
|
|
2208
2239
|
});
|
|
2209
2240
|
}
|
|
2210
|
-
function
|
|
2241
|
+
function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
|
|
2211
2242
|
return /* @__PURE__ */ f("select", {
|
|
2212
2243
|
ref: a,
|
|
2213
2244
|
name: e || void 0,
|
|
@@ -2216,9 +2247,9 @@ function gt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
|
|
|
2216
2247
|
onMouseDown: o ? (e) => e.preventDefault() : void 0,
|
|
2217
2248
|
tabIndex: o ? -1 : void 0,
|
|
2218
2249
|
style: {
|
|
2219
|
-
...
|
|
2250
|
+
...X,
|
|
2220
2251
|
appearance: "auto",
|
|
2221
|
-
...
|
|
2252
|
+
...D(i)
|
|
2222
2253
|
},
|
|
2223
2254
|
children: [t !== "" && /* @__PURE__ */ d("option", {
|
|
2224
2255
|
value: "",
|
|
@@ -2230,19 +2261,19 @@ function gt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
|
|
|
2230
2261
|
}, t))]
|
|
2231
2262
|
});
|
|
2232
2263
|
}
|
|
2233
|
-
function
|
|
2264
|
+
function St({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
|
|
2234
2265
|
let [s, c] = l(null);
|
|
2235
2266
|
return /* @__PURE__ */ f("label", {
|
|
2236
2267
|
ref: a,
|
|
2237
2268
|
style: {
|
|
2238
|
-
...
|
|
2269
|
+
...X,
|
|
2239
2270
|
display: "flex",
|
|
2240
2271
|
alignItems: "center",
|
|
2241
2272
|
gap: "8px",
|
|
2242
2273
|
cursor: o ? "default" : "pointer",
|
|
2243
2274
|
borderStyle: "dashed",
|
|
2244
2275
|
color: s ? "#111827" : "#6b7280",
|
|
2245
|
-
...
|
|
2276
|
+
...D(i)
|
|
2246
2277
|
},
|
|
2247
2278
|
children: [
|
|
2248
2279
|
/* @__PURE__ */ d("input", {
|
|
@@ -2262,12 +2293,12 @@ function _t({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
|
|
|
2262
2293
|
]
|
|
2263
2294
|
});
|
|
2264
2295
|
}
|
|
2265
|
-
function
|
|
2296
|
+
function Ct({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
|
|
2266
2297
|
return /* @__PURE__ */ d("button", {
|
|
2267
2298
|
ref: n,
|
|
2268
2299
|
type: r ? "button" : "submit",
|
|
2269
2300
|
style: {
|
|
2270
|
-
...
|
|
2301
|
+
...q,
|
|
2271
2302
|
border: 0,
|
|
2272
2303
|
cursor: "pointer",
|
|
2273
2304
|
alignSelf: "flex-start",
|
|
@@ -2277,12 +2308,12 @@ function vt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
|
|
|
2277
2308
|
fontWeight: 600,
|
|
2278
2309
|
lineHeight: 1.4,
|
|
2279
2310
|
fontFamily: "inherit",
|
|
2280
|
-
...
|
|
2311
|
+
...D(t)
|
|
2281
2312
|
},
|
|
2282
2313
|
children: e
|
|
2283
2314
|
});
|
|
2284
2315
|
}
|
|
2285
|
-
function
|
|
2316
|
+
function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
|
|
2286
2317
|
let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
|
|
2287
2318
|
return /* @__PURE__ */ d("div", {
|
|
2288
2319
|
ref: r,
|
|
@@ -2291,7 +2322,7 @@ function yt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
|
|
|
2291
2322
|
gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
|
|
2292
2323
|
gap: 16,
|
|
2293
2324
|
width: "100%",
|
|
2294
|
-
...
|
|
2325
|
+
...D(n)
|
|
2295
2326
|
},
|
|
2296
2327
|
children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ d("div", {
|
|
2297
2328
|
style: { minWidth: 0 },
|
|
@@ -2299,20 +2330,28 @@ function yt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
|
|
|
2299
2330
|
}, t))
|
|
2300
2331
|
});
|
|
2301
2332
|
}
|
|
2302
|
-
function
|
|
2303
|
-
let { tenant: v, apiUrl: y, locale: b } = i(
|
|
2333
|
+
function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
|
|
2334
|
+
let { tenant: v, apiUrl: y, locale: b } = i(V), x = i(W), S = i(H), [, C] = l(0);
|
|
2335
|
+
a(() => {
|
|
2336
|
+
if (typeof window > "u") return;
|
|
2337
|
+
let e = () => C((e) => e + 1);
|
|
2338
|
+
return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
|
|
2339
|
+
window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
|
|
2340
|
+
};
|
|
2341
|
+
}, []);
|
|
2342
|
+
let w = de(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), O = E ? null : S?.[e], k = m ? U(S) : 1, [A, j] = l(null);
|
|
2304
2343
|
if (a(() => {
|
|
2305
|
-
if (!e ||
|
|
2344
|
+
if (!e || O) return;
|
|
2306
2345
|
let n = !0, r = new URLSearchParams();
|
|
2307
2346
|
if (b && r.set("locale", b), E && r.set("data_filter", T), m && !e.startsWith("api:")) {
|
|
2308
2347
|
let e = Math.max(1, Number(t) || 6);
|
|
2309
|
-
r.set("offset", String((
|
|
2348
|
+
r.set("offset", String((k - 1) * e)), r.set("limit", String(e));
|
|
2310
2349
|
}
|
|
2311
2350
|
let i = r.toString(), a = e.startsWith("api:") ? `${y}/data/${encodeURIComponent(e.slice(4))}` : `${y}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
|
|
2312
2351
|
return fetch(a, { headers: v ? { "x-tenant": v } : {} }).then((e) => e.json()).then((e) => {
|
|
2313
2352
|
let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
|
|
2314
|
-
return n &&
|
|
2315
|
-
}).catch(() => n &&
|
|
2353
|
+
return n && j(t.filter((e) => e && typeof e == "object"));
|
|
2354
|
+
}).catch(() => n && j([])), () => {
|
|
2316
2355
|
n = !1;
|
|
2317
2356
|
};
|
|
2318
2357
|
}, [
|
|
@@ -2320,42 +2359,42 @@ function bt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
|
|
|
2320
2359
|
v,
|
|
2321
2360
|
y,
|
|
2322
2361
|
b,
|
|
2323
|
-
D,
|
|
2324
|
-
m,
|
|
2325
2362
|
O,
|
|
2363
|
+
m,
|
|
2364
|
+
k,
|
|
2326
2365
|
t,
|
|
2327
2366
|
E,
|
|
2328
2367
|
T
|
|
2329
2368
|
]), !e) return null;
|
|
2330
|
-
let
|
|
2369
|
+
let M = Math.max(1, Number(t) || 6), N = m ? O || e.startsWith("api:") ? (O ?? A ?? []).slice((k - 1) * M, k * M) : (A ?? []).slice(0, M) : (O ?? A ?? []).slice(0, M), P = Math.min(Math.max(Number(r) || 3, 1), 6), F = n === "list" ? {
|
|
2331
2370
|
display: "flex",
|
|
2332
2371
|
flexDirection: "column",
|
|
2333
2372
|
gap: 20
|
|
2334
2373
|
} : {
|
|
2335
2374
|
display: "grid",
|
|
2336
|
-
gridTemplateColumns: `repeat(${
|
|
2375
|
+
gridTemplateColumns: `repeat(${P}, minmax(0, 1fr))`,
|
|
2337
2376
|
gap: 24
|
|
2338
2377
|
};
|
|
2339
2378
|
return u && p && x?.render ? /* @__PURE__ */ d("div", {
|
|
2340
2379
|
ref: _,
|
|
2341
2380
|
style: {
|
|
2342
2381
|
width: "100%",
|
|
2343
|
-
...
|
|
2344
|
-
...
|
|
2382
|
+
...F,
|
|
2383
|
+
...D(g)
|
|
2345
2384
|
},
|
|
2346
|
-
children:
|
|
2385
|
+
children: N.map((e) => /* @__PURE__ */ d("div", {
|
|
2347
2386
|
style: { minWidth: 0 },
|
|
2348
|
-
children: x.render(p, (t) =>
|
|
2387
|
+
children: x.render(p, (t) => me(t, e))
|
|
2349
2388
|
}, e.id ?? e?.data?.slug))
|
|
2350
2389
|
}) : /* @__PURE__ */ d("div", {
|
|
2351
2390
|
ref: _,
|
|
2352
2391
|
style: {
|
|
2353
2392
|
width: "100%",
|
|
2354
|
-
...
|
|
2355
|
-
...
|
|
2393
|
+
...F,
|
|
2394
|
+
...D(g)
|
|
2356
2395
|
},
|
|
2357
|
-
children:
|
|
2358
|
-
let t = o ?
|
|
2396
|
+
children: N.map((e) => {
|
|
2397
|
+
let t = o ? G(e?.data, o) : null, r = s ? K(G(e?.data, s)) : null, i = c ? G(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : K(i), u = n === "list";
|
|
2359
2398
|
return /* @__PURE__ */ f("div", {
|
|
2360
2399
|
style: {
|
|
2361
2400
|
display: "flex",
|
|
@@ -2402,7 +2441,7 @@ function bt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
|
|
|
2402
2441
|
lineHeight: 1.55,
|
|
2403
2442
|
opacity: .85
|
|
2404
2443
|
},
|
|
2405
|
-
children:
|
|
2444
|
+
children: Ae(a)
|
|
2406
2445
|
})
|
|
2407
2446
|
]
|
|
2408
2447
|
})]
|
|
@@ -2410,16 +2449,20 @@ function bt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
|
|
|
2410
2449
|
})
|
|
2411
2450
|
});
|
|
2412
2451
|
}
|
|
2413
|
-
function
|
|
2414
|
-
let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} :
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2452
|
+
function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
|
|
2453
|
+
let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : ue(), s = {
|
|
2454
|
+
height: 34,
|
|
2455
|
+
padding: "0 12px",
|
|
2456
|
+
borderRadius: 8,
|
|
2457
|
+
border: "1px solid var(--page-border, rgba(100, 116, 139, 0.4))",
|
|
2458
|
+
background: "var(--page-bg, #ffffff)",
|
|
2420
2459
|
color: "var(--page-text, #111827)",
|
|
2460
|
+
fontSize: 13,
|
|
2461
|
+
fontFamily: "inherit",
|
|
2462
|
+
outline: "none",
|
|
2421
2463
|
minWidth: 140,
|
|
2422
|
-
flex: "
|
|
2464
|
+
flex: "0 1 auto",
|
|
2465
|
+
boxSizing: "border-box"
|
|
2423
2466
|
}, c = (e) => {
|
|
2424
2467
|
let t = e && typeof e == "object" ? e.value : e, n = e && typeof e == "object" ? e.label ?? e.value : e;
|
|
2425
2468
|
return {
|
|
@@ -2430,75 +2473,90 @@ function xt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
|
|
|
2430
2473
|
return /* @__PURE__ */ f("form", {
|
|
2431
2474
|
ref: r,
|
|
2432
2475
|
method: "get",
|
|
2433
|
-
onSubmit:
|
|
2476
|
+
onSubmit: (e) => {
|
|
2477
|
+
if (i) {
|
|
2478
|
+
e.preventDefault();
|
|
2479
|
+
return;
|
|
2480
|
+
}
|
|
2481
|
+
if (typeof window > "u" || !window.history?.pushState) return;
|
|
2482
|
+
e.preventDefault();
|
|
2483
|
+
let t = new URLSearchParams(window.location.search);
|
|
2484
|
+
for (let e of [...t.keys()]) (e.startsWith("f_") || e === "page") && t.delete(e);
|
|
2485
|
+
for (let [n, r] of new FormData(e.currentTarget).entries()) n.startsWith("f_") && typeof r == "string" && r.trim() !== "" && t.set(n, r);
|
|
2486
|
+
let n = t.toString();
|
|
2487
|
+
window.history.pushState({}, "", `${window.location.pathname}${n ? `?${n}` : ""}`), window.dispatchEvent(new Event("webim:urlchange"));
|
|
2488
|
+
},
|
|
2434
2489
|
style: {
|
|
2435
2490
|
display: "flex",
|
|
2436
2491
|
flexWrap: "wrap",
|
|
2437
|
-
alignItems: "
|
|
2438
|
-
gap:
|
|
2492
|
+
alignItems: "center",
|
|
2493
|
+
gap: 8,
|
|
2439
2494
|
width: "100%",
|
|
2440
|
-
...
|
|
2495
|
+
...D(n)
|
|
2441
2496
|
},
|
|
2442
|
-
children: [a.map((e) => /* @__PURE__ */ f("
|
|
2497
|
+
children: [a.map((e) => Array.isArray(e.options) && e.options.length > 0 || e.type === "option" || e.type === "select" ? /* @__PURE__ */ f("select", {
|
|
2498
|
+
name: `f_${e.name}`,
|
|
2499
|
+
defaultValue: o[e.name] ?? "",
|
|
2443
2500
|
style: s,
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
return /* @__PURE__ */ d("option", {
|
|
2455
|
-
value: t.value,
|
|
2456
|
-
children: t.label
|
|
2457
|
-
}, t.value);
|
|
2458
|
-
})]
|
|
2459
|
-
}) : e.type === "switch" ? /* @__PURE__ */ f("select", {
|
|
2460
|
-
name: `f_${e.name}`,
|
|
2461
|
-
defaultValue: o[e.name] ?? "",
|
|
2462
|
-
style: Z,
|
|
2463
|
-
...Q(i),
|
|
2464
|
-
children: [
|
|
2465
|
-
/* @__PURE__ */ d("option", {
|
|
2466
|
-
value: "",
|
|
2467
|
-
children: "—"
|
|
2468
|
-
}),
|
|
2469
|
-
/* @__PURE__ */ d("option", {
|
|
2470
|
-
value: "true",
|
|
2471
|
-
children: "Yes"
|
|
2472
|
-
}),
|
|
2473
|
-
/* @__PURE__ */ d("option", {
|
|
2474
|
-
value: "false",
|
|
2475
|
-
children: "No"
|
|
2476
|
-
})
|
|
2477
|
-
]
|
|
2478
|
-
}) : /* @__PURE__ */ d("input", {
|
|
2479
|
-
type: "text",
|
|
2480
|
-
name: `f_${e.name}`,
|
|
2481
|
-
defaultValue: o[e.name] ?? "",
|
|
2482
|
-
placeholder: e.label || e.name,
|
|
2483
|
-
style: Z,
|
|
2484
|
-
...Q(i)
|
|
2501
|
+
...Z(i),
|
|
2502
|
+
children: [/* @__PURE__ */ d("option", {
|
|
2503
|
+
value: "",
|
|
2504
|
+
children: e.label || e.name
|
|
2505
|
+
}), (Array.isArray(e.options) ? e.options : []).map((e) => {
|
|
2506
|
+
let t = c(e);
|
|
2507
|
+
return /* @__PURE__ */ d("option", {
|
|
2508
|
+
value: t.value,
|
|
2509
|
+
children: t.label
|
|
2510
|
+
}, t.value);
|
|
2485
2511
|
})]
|
|
2512
|
+
}, e.name) : e.type === "switch" ? /* @__PURE__ */ f("select", {
|
|
2513
|
+
name: `f_${e.name}`,
|
|
2514
|
+
defaultValue: o[e.name] ?? "",
|
|
2515
|
+
style: s,
|
|
2516
|
+
...Z(i),
|
|
2517
|
+
children: [
|
|
2518
|
+
/* @__PURE__ */ d("option", {
|
|
2519
|
+
value: "",
|
|
2520
|
+
children: e.label || e.name
|
|
2521
|
+
}),
|
|
2522
|
+
/* @__PURE__ */ d("option", {
|
|
2523
|
+
value: "true",
|
|
2524
|
+
children: "Yes"
|
|
2525
|
+
}),
|
|
2526
|
+
/* @__PURE__ */ d("option", {
|
|
2527
|
+
value: "false",
|
|
2528
|
+
children: "No"
|
|
2529
|
+
})
|
|
2530
|
+
]
|
|
2531
|
+
}, e.name) : /* @__PURE__ */ d("input", {
|
|
2532
|
+
type: "text",
|
|
2533
|
+
name: `f_${e.name}`,
|
|
2534
|
+
defaultValue: o[e.name] ?? "",
|
|
2535
|
+
placeholder: e.label || e.name,
|
|
2536
|
+
style: s,
|
|
2537
|
+
...Z(i)
|
|
2486
2538
|
}, e.name)), /* @__PURE__ */ d("button", {
|
|
2487
2539
|
type: "submit",
|
|
2488
2540
|
style: {
|
|
2489
|
-
...
|
|
2490
|
-
|
|
2541
|
+
...s,
|
|
2542
|
+
minWidth: 0,
|
|
2543
|
+
padding: "0 18px",
|
|
2544
|
+
border: "none",
|
|
2545
|
+
background: "var(--page-accent, #111827)",
|
|
2546
|
+
color: "var(--page-accent-text, #ffffff)",
|
|
2547
|
+
fontWeight: 600,
|
|
2548
|
+
cursor: i ? "default" : "pointer"
|
|
2491
2549
|
},
|
|
2492
|
-
...
|
|
2550
|
+
...Z(i),
|
|
2493
2551
|
children: t
|
|
2494
2552
|
})]
|
|
2495
2553
|
});
|
|
2496
2554
|
}
|
|
2497
|
-
function
|
|
2555
|
+
function Dt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
|
|
2498
2556
|
return e.length ? /* @__PURE__ */ d("nav", {
|
|
2499
2557
|
ref: r,
|
|
2500
2558
|
"aria-label": "Breadcrumb",
|
|
2501
|
-
style: { ...
|
|
2559
|
+
style: { ...D(n) },
|
|
2502
2560
|
children: /* @__PURE__ */ d("ol", {
|
|
2503
2561
|
style: {
|
|
2504
2562
|
display: "flex",
|
|
@@ -2544,8 +2602,8 @@ function St({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
|
|
|
2544
2602
|
})
|
|
2545
2603
|
}) : null;
|
|
2546
2604
|
}
|
|
2547
|
-
function
|
|
2548
|
-
let { tenant: g, apiUrl: _ } = i(
|
|
2605
|
+
function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
|
|
2606
|
+
let { tenant: g, apiUrl: _ } = i(V), v = i(H), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
|
|
2549
2607
|
a(() => {
|
|
2550
2608
|
if (!o || Number.isFinite(x)) return;
|
|
2551
2609
|
let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
|
|
@@ -2562,9 +2620,9 @@ function Ct({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
|
|
|
2562
2620
|
_,
|
|
2563
2621
|
x
|
|
2564
2622
|
]);
|
|
2565
|
-
let S = Math.max(1, Number(s) || 6),
|
|
2566
|
-
if (o &&
|
|
2567
|
-
let
|
|
2623
|
+
let S = Math.max(1, Number(s) || 6), C = Number.isFinite(x) ? x : y;
|
|
2624
|
+
if (o && C === null || o && u && !(C > 0)) return null;
|
|
2625
|
+
let w = Math.min(Math.max(o ? Math.ceil(C / S) : Number(e) || 1, 1), 50), T = Math.min(Math.max(o ? U(v) : Number(t) || 1, 1), w), E = (e) => {
|
|
2568
2626
|
if (o) {
|
|
2569
2627
|
if (typeof window < "u") {
|
|
2570
2628
|
let t = new URLSearchParams(window.location.search);
|
|
@@ -2596,48 +2654,48 @@ function Ct({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
|
|
|
2596
2654
|
gap: 8,
|
|
2597
2655
|
alignItems: "center",
|
|
2598
2656
|
justifyContent: O,
|
|
2599
|
-
...
|
|
2657
|
+
...D(m)
|
|
2600
2658
|
},
|
|
2601
2659
|
children: [
|
|
2602
2660
|
n && /* @__PURE__ */ d("a", {
|
|
2603
|
-
href:
|
|
2661
|
+
href: T > 1 ? E(T - 1) : "#",
|
|
2604
2662
|
onClick: k,
|
|
2605
2663
|
"aria-label": "Previous",
|
|
2606
2664
|
style: {
|
|
2607
2665
|
...A(!1),
|
|
2608
|
-
opacity:
|
|
2666
|
+
opacity: T > 1 ? 1 : .4
|
|
2609
2667
|
},
|
|
2610
2668
|
children: "‹"
|
|
2611
2669
|
}),
|
|
2612
|
-
Array.from({ length:
|
|
2613
|
-
href:
|
|
2670
|
+
Array.from({ length: w }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
|
|
2671
|
+
href: E(e),
|
|
2614
2672
|
onClick: k,
|
|
2615
|
-
"aria-current": e ===
|
|
2616
|
-
style: A(e ===
|
|
2673
|
+
"aria-current": e === T ? "page" : void 0,
|
|
2674
|
+
style: A(e === T),
|
|
2617
2675
|
children: e
|
|
2618
2676
|
}, e)),
|
|
2619
2677
|
n && /* @__PURE__ */ d("a", {
|
|
2620
|
-
href:
|
|
2678
|
+
href: T < w ? E(T + 1) : "#",
|
|
2621
2679
|
onClick: k,
|
|
2622
2680
|
"aria-label": "Next",
|
|
2623
2681
|
style: {
|
|
2624
2682
|
...A(!1),
|
|
2625
|
-
opacity:
|
|
2683
|
+
opacity: T < w ? 1 : .4
|
|
2626
2684
|
},
|
|
2627
2685
|
children: "›"
|
|
2628
2686
|
})
|
|
2629
2687
|
]
|
|
2630
2688
|
});
|
|
2631
2689
|
}
|
|
2632
|
-
var
|
|
2690
|
+
var kt = "webim.page_mode", At = () => {
|
|
2633
2691
|
if (typeof window > "u") return "auto";
|
|
2634
2692
|
try {
|
|
2635
|
-
let e = window.localStorage.getItem(
|
|
2693
|
+
let e = window.localStorage.getItem(kt);
|
|
2636
2694
|
return e === "light" || e === "dark" ? e : "auto";
|
|
2637
2695
|
} catch {
|
|
2638
2696
|
return "auto";
|
|
2639
2697
|
}
|
|
2640
|
-
},
|
|
2698
|
+
}, jt = (e) => {
|
|
2641
2699
|
let t = {
|
|
2642
2700
|
width: 16,
|
|
2643
2701
|
height: 16,
|
|
@@ -2669,13 +2727,13 @@ var wt = "webim.page_mode", Tt = () => {
|
|
|
2669
2727
|
rx: "2"
|
|
2670
2728
|
}), /* @__PURE__ */ d("path", { d: "M8 21h8M12 17v4" })]
|
|
2671
2729
|
});
|
|
2672
|
-
},
|
|
2730
|
+
}, $ = {
|
|
2673
2731
|
light: "Light theme",
|
|
2674
2732
|
dark: "Dark theme",
|
|
2675
2733
|
auto: "Follow the device theme"
|
|
2676
2734
|
};
|
|
2677
|
-
function
|
|
2678
|
-
let [o, s] = l(i ? "auto" :
|
|
2735
|
+
function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
|
|
2736
|
+
let [o, s] = l(i ? "auto" : At), u = c(null), f = (e) => {
|
|
2679
2737
|
u.current = e, typeof r == "function" && r(e);
|
|
2680
2738
|
};
|
|
2681
2739
|
a(() => {
|
|
@@ -2683,7 +2741,7 @@ function Ot({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
|
|
|
2683
2741
|
let e = u.current?.closest?.(".webim-page");
|
|
2684
2742
|
e && (o === "light" || o === "dark" ? e.setAttribute("data-webim-mode", o) : e.removeAttribute("data-webim-mode"));
|
|
2685
2743
|
try {
|
|
2686
|
-
o === "auto" ? window.localStorage.removeItem(
|
|
2744
|
+
o === "auto" ? window.localStorage.removeItem(kt) : window.localStorage.setItem(kt, o);
|
|
2687
2745
|
} catch {}
|
|
2688
2746
|
}, [o, i]);
|
|
2689
2747
|
let p = t === !1 ? ["light", "dark"] : [
|
|
@@ -2714,12 +2772,12 @@ function Ot({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
|
|
|
2714
2772
|
padding: 3,
|
|
2715
2773
|
borderRadius: 999,
|
|
2716
2774
|
border: "1px solid rgba(148, 163, 184, 0.4)",
|
|
2717
|
-
...
|
|
2775
|
+
...D(n)
|
|
2718
2776
|
},
|
|
2719
2777
|
children: p.map((e) => /* @__PURE__ */ d("button", {
|
|
2720
2778
|
type: "button",
|
|
2721
|
-
title:
|
|
2722
|
-
"aria-label":
|
|
2779
|
+
title: $[e],
|
|
2780
|
+
"aria-label": $[e],
|
|
2723
2781
|
"aria-pressed": e === m,
|
|
2724
2782
|
onClick: i ? void 0 : () => s(e),
|
|
2725
2783
|
style: {
|
|
@@ -2730,27 +2788,27 @@ function Ot({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
|
|
|
2730
2788
|
background: e === m ? "var(--page-accent, #111827)" : "transparent",
|
|
2731
2789
|
opacity: e === m ? 1 : .7
|
|
2732
2790
|
},
|
|
2733
|
-
children:
|
|
2791
|
+
children: jt(e)
|
|
2734
2792
|
}, e))
|
|
2735
2793
|
});
|
|
2736
2794
|
let g = p[(p.indexOf(m) + 1) % p.length];
|
|
2737
2795
|
return /* @__PURE__ */ d("button", {
|
|
2738
2796
|
ref: f,
|
|
2739
2797
|
type: "button",
|
|
2740
|
-
title:
|
|
2741
|
-
"aria-label": `Theme: ${
|
|
2798
|
+
title: $[m],
|
|
2799
|
+
"aria-label": `Theme: ${$[m]} — switch to ${$[g]}`,
|
|
2742
2800
|
onClick: i ? void 0 : () => s(g),
|
|
2743
2801
|
style: {
|
|
2744
2802
|
...h,
|
|
2745
2803
|
width: 36,
|
|
2746
2804
|
height: 36,
|
|
2747
2805
|
border: "1px solid rgba(148, 163, 184, 0.4)",
|
|
2748
|
-
...
|
|
2806
|
+
...D(n)
|
|
2749
2807
|
},
|
|
2750
|
-
children:
|
|
2808
|
+
children: jt(m)
|
|
2751
2809
|
});
|
|
2752
2810
|
}
|
|
2753
|
-
var
|
|
2811
|
+
var Nt = {
|
|
2754
2812
|
facebook: {
|
|
2755
2813
|
label: "Facebook",
|
|
2756
2814
|
color: "#1877f2",
|
|
@@ -2817,8 +2875,8 @@ var kt = {
|
|
|
2817
2875
|
d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
|
|
2818
2876
|
}
|
|
2819
2877
|
};
|
|
2820
|
-
function
|
|
2821
|
-
let l = Array.isArray(e) ? e.filter((e) => e &&
|
|
2878
|
+
function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
|
|
2879
|
+
let l = Array.isArray(e) ? e.filter((e) => e && Nt[e.network]) : [];
|
|
2822
2880
|
if (!l.length) return null;
|
|
2823
2881
|
let u = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(u * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
|
|
2824
2882
|
return /* @__PURE__ */ d("div", {
|
|
@@ -2828,10 +2886,10 @@ function At({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
|
|
|
2828
2886
|
flexWrap: "wrap",
|
|
2829
2887
|
alignItems: "center",
|
|
2830
2888
|
gap: p,
|
|
2831
|
-
...
|
|
2889
|
+
...D(o)
|
|
2832
2890
|
},
|
|
2833
2891
|
children: l.map((e, r) => {
|
|
2834
|
-
let i =
|
|
2892
|
+
let i = Nt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
|
|
2835
2893
|
return /* @__PURE__ */ d("a", {
|
|
2836
2894
|
href: e.url || "#",
|
|
2837
2895
|
onClick: h,
|
|
@@ -2865,7 +2923,7 @@ function At({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
|
|
|
2865
2923
|
})
|
|
2866
2924
|
});
|
|
2867
2925
|
}
|
|
2868
|
-
function
|
|
2926
|
+
function Ft({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
|
|
2869
2927
|
if (!e.length) return null;
|
|
2870
2928
|
let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
|
|
2871
2929
|
width: 32,
|
|
@@ -2903,7 +2961,7 @@ function jt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
|
|
|
2903
2961
|
flexDirection: r ? "column" : "row",
|
|
2904
2962
|
alignItems: r ? "stretch" : "flex-start",
|
|
2905
2963
|
gap: r ? 4 : 8,
|
|
2906
|
-
...
|
|
2964
|
+
...D(i)
|
|
2907
2965
|
},
|
|
2908
2966
|
children: e.map((e, n) => {
|
|
2909
2967
|
let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
|
|
@@ -2943,7 +3001,7 @@ function jt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
|
|
|
2943
3001
|
})
|
|
2944
3002
|
});
|
|
2945
3003
|
}
|
|
2946
|
-
var
|
|
3004
|
+
var It = {
|
|
2947
3005
|
small: {
|
|
2948
3006
|
w: 132,
|
|
2949
3007
|
h: 46,
|
|
@@ -2965,10 +3023,10 @@ var Mt = {
|
|
|
2965
3023
|
title: 12.5,
|
|
2966
3024
|
avatar: 46
|
|
2967
3025
|
}
|
|
2968
|
-
},
|
|
2969
|
-
|
|
2970
|
-
function
|
|
2971
|
-
let r =
|
|
3026
|
+
}, Lt = (e) => It[e] ?? It.medium;
|
|
3027
|
+
It.medium.w, It.medium.h;
|
|
3028
|
+
function Rt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
|
|
3029
|
+
let r = Lt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
|
|
2972
3030
|
for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
|
|
2973
3031
|
let d = /* @__PURE__ */ new Map(), f = (e, t) => {
|
|
2974
3032
|
if (t.has(e.id)) return 0;
|
|
@@ -3020,19 +3078,19 @@ function Pt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
|
|
|
3020
3078
|
horizontal: n
|
|
3021
3079
|
};
|
|
3022
3080
|
}
|
|
3023
|
-
var
|
|
3081
|
+
var zt = (e, t) => {
|
|
3024
3082
|
let n = String(e ?? "");
|
|
3025
3083
|
return n.length > t ? `${n.slice(0, t - 1)}…` : n;
|
|
3026
|
-
},
|
|
3084
|
+
}, Bt = (e) => {
|
|
3027
3085
|
let t = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i.exec(String(e ?? "").trim());
|
|
3028
3086
|
if (!t) return "#ffffff";
|
|
3029
3087
|
let n = t[1];
|
|
3030
3088
|
n.length === 3 && (n = [...n].map((e) => e + e).join(""));
|
|
3031
3089
|
let r = parseInt(n, 16);
|
|
3032
3090
|
return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
|
|
3033
|
-
},
|
|
3034
|
-
function
|
|
3035
|
-
let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" :
|
|
3091
|
+
}, Vt = (e) => !!(e?.cv?.trim?.() || e?.photo);
|
|
3092
|
+
function Ht(e, t = {}) {
|
|
3093
|
+
let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : K(e);
|
|
3036
3094
|
return n.map((e) => {
|
|
3037
3095
|
let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
|
|
3038
3096
|
return {
|
|
@@ -3046,11 +3104,11 @@ function Rt(e, t = {}) {
|
|
|
3046
3104
|
};
|
|
3047
3105
|
});
|
|
3048
3106
|
}
|
|
3049
|
-
var
|
|
3107
|
+
var Ut = {
|
|
3050
3108
|
size: 36,
|
|
3051
3109
|
pad: 10
|
|
3052
3110
|
};
|
|
3053
|
-
function
|
|
3111
|
+
function Wt({ node: e, onClose: t }) {
|
|
3054
3112
|
return a(() => {
|
|
3055
3113
|
let e = (e) => e.key === "Escape" && t();
|
|
3056
3114
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
@@ -3168,12 +3226,12 @@ function Bt({ node: e, onClose: t }) {
|
|
|
3168
3226
|
})
|
|
3169
3227
|
});
|
|
3170
3228
|
}
|
|
3171
|
-
function
|
|
3172
|
-
let b = o(), [x, S] = l(null), { tenant:
|
|
3229
|
+
function Gt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
|
|
3230
|
+
let b = o(), [x, S] = l(null), { tenant: C, apiUrl: w } = i(V), T = i(H)?.[t], [E, O] = l(null);
|
|
3173
3231
|
a(() => {
|
|
3174
|
-
if (!t ||
|
|
3232
|
+
if (!t || T) return;
|
|
3175
3233
|
let e = !0;
|
|
3176
|
-
return fetch(`${
|
|
3234
|
+
return fetch(`${w}/dynamic/${encodeURIComponent(t)}`, { headers: C ? { "x-tenant": C } : {} }).then((e) => e.json()).then((t) => {
|
|
3177
3235
|
let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
|
|
3178
3236
|
e && O(n);
|
|
3179
3237
|
}).catch(() => e && O([])), () => {
|
|
@@ -3181,18 +3239,18 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3181
3239
|
};
|
|
3182
3240
|
}, [
|
|
3183
3241
|
t,
|
|
3242
|
+
C,
|
|
3184
3243
|
w,
|
|
3185
|
-
T
|
|
3186
|
-
E
|
|
3244
|
+
T
|
|
3187
3245
|
]);
|
|
3188
|
-
let k = t ?
|
|
3246
|
+
let k = t ? Ht(T ?? E ?? [], {
|
|
3189
3247
|
nameField: n,
|
|
3190
3248
|
titleField: r,
|
|
3191
3249
|
photoField: s,
|
|
3192
3250
|
parentField: c,
|
|
3193
3251
|
cvField: p,
|
|
3194
3252
|
hrefField: m
|
|
3195
|
-
}) : e, A =
|
|
3253
|
+
}) : e, A = Lt(h), { boxes: j, links: M, width: N, height: P } = Rt(k, {
|
|
3196
3254
|
size: h,
|
|
3197
3255
|
horizontal: g
|
|
3198
3256
|
});
|
|
@@ -3205,7 +3263,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3205
3263
|
fontSize: 13,
|
|
3206
3264
|
opacity: .7,
|
|
3207
3265
|
textAlign: "center",
|
|
3208
|
-
...
|
|
3266
|
+
...D(_)
|
|
3209
3267
|
},
|
|
3210
3268
|
children: [
|
|
3211
3269
|
"Org Chart — no published entries in “",
|
|
@@ -3219,7 +3277,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3219
3277
|
style: {
|
|
3220
3278
|
maxWidth: "100%",
|
|
3221
3279
|
overflowX: "auto",
|
|
3222
|
-
...
|
|
3280
|
+
...D(_)
|
|
3223
3281
|
},
|
|
3224
3282
|
children: [/* @__PURE__ */ f("svg", {
|
|
3225
3283
|
viewBox: `0 0 ${N} ${P}`,
|
|
@@ -3238,7 +3296,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3238
3296
|
stroke: "rgba(148, 163, 184, 0.7)",
|
|
3239
3297
|
strokeWidth: "1.5"
|
|
3240
3298
|
}, t)), j.map(({ node: e, x: t, y: n }) => {
|
|
3241
|
-
let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ?
|
|
3299
|
+
let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Bt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Bt(e.color2) : s, l = y && (Vt(e) || e.href), p = () => Vt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ut.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
|
|
3242
3300
|
return /* @__PURE__ */ f("g", {
|
|
3243
3301
|
onClick: l ? p : void 0,
|
|
3244
3302
|
style: l ? { cursor: "pointer" } : void 0,
|
|
@@ -3302,13 +3360,13 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3302
3360
|
e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
|
|
3303
3361
|
id: `${b}-${e.id}`,
|
|
3304
3362
|
children: /* @__PURE__ */ d("circle", {
|
|
3305
|
-
cx: t +
|
|
3363
|
+
cx: t + Ut.pad + A.avatar / 2,
|
|
3306
3364
|
cy: n + A.h / 2,
|
|
3307
3365
|
r: A.avatar / 2
|
|
3308
3366
|
})
|
|
3309
3367
|
}), /* @__PURE__ */ d("image", {
|
|
3310
3368
|
href: e.photo,
|
|
3311
|
-
x: t +
|
|
3369
|
+
x: t + Ut.pad,
|
|
3312
3370
|
y: n + (A.h - A.avatar) / 2,
|
|
3313
3371
|
width: A.avatar,
|
|
3314
3372
|
height: A.avatar,
|
|
@@ -3322,7 +3380,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3322
3380
|
fontSize: A.title,
|
|
3323
3381
|
fontWeight: "600",
|
|
3324
3382
|
fill: s,
|
|
3325
|
-
children:
|
|
3383
|
+
children: zt(e.title, g + 4)
|
|
3326
3384
|
}), e.name && /* @__PURE__ */ d("text", {
|
|
3327
3385
|
x: m,
|
|
3328
3386
|
y: n + _ + _ / 2 + A.name * .35,
|
|
@@ -3330,7 +3388,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3330
3388
|
fontSize: A.name,
|
|
3331
3389
|
fontWeight: "600",
|
|
3332
3390
|
fill: c,
|
|
3333
|
-
children:
|
|
3391
|
+
children: zt(e.name, g)
|
|
3334
3392
|
})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
|
|
3335
3393
|
x: m,
|
|
3336
3394
|
y: n + (v[1] ? A.h * .43 : A.h * .57),
|
|
@@ -3338,7 +3396,7 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3338
3396
|
fontSize: A.name,
|
|
3339
3397
|
fontWeight: "600",
|
|
3340
3398
|
fill: s,
|
|
3341
|
-
children:
|
|
3399
|
+
children: zt(v[0], g)
|
|
3342
3400
|
}), v[1] && /* @__PURE__ */ d("text", {
|
|
3343
3401
|
x: m,
|
|
3344
3402
|
y: n + A.h * .73,
|
|
@@ -3346,19 +3404,19 @@ function Vt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
|
|
|
3346
3404
|
fontSize: A.title,
|
|
3347
3405
|
opacity: "0.7",
|
|
3348
3406
|
fill: s,
|
|
3349
|
-
children:
|
|
3407
|
+
children: zt(v[1], g + 4)
|
|
3350
3408
|
})] })
|
|
3351
3409
|
]
|
|
3352
3410
|
}, e.id);
|
|
3353
3411
|
})]
|
|
3354
|
-
}), x && /* @__PURE__ */ d(
|
|
3412
|
+
}), x && /* @__PURE__ */ d(Wt, {
|
|
3355
3413
|
node: x,
|
|
3356
3414
|
onClose: () => S(null)
|
|
3357
3415
|
})]
|
|
3358
3416
|
});
|
|
3359
3417
|
}
|
|
3360
|
-
function
|
|
3361
|
-
let { tenant: g, apiUrl: _ } = i(
|
|
3418
|
+
function Kt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
|
|
3419
|
+
let { tenant: g, apiUrl: _ } = i(V), v = i(H), y = v?.[n], b = u ? U(v) : 1, [x, S] = l(null);
|
|
3362
3420
|
if (a(() => {
|
|
3363
3421
|
if (!n || y) return;
|
|
3364
3422
|
let e = !0, t = Math.max(1, Number(r) || 10), i = u && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", a = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${i}`;
|
|
@@ -3377,13 +3435,13 @@ function Ht({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
|
|
|
3377
3435
|
b,
|
|
3378
3436
|
r
|
|
3379
3437
|
]), !e.length) return null;
|
|
3380
|
-
let
|
|
3438
|
+
let C = Math.max(1, Number(r) || 10), w = n ? u ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * C, b * C) : (x ?? []).slice(0, C) : (y ?? x ?? []).slice(0, C) : null, T = w ? w.map((t) => e.map((e) => K(G(t?.data, e.field)))) : t, E = !!n && !(n && !y && x === null) && T.length === 0, O = c ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
|
|
3381
3439
|
return /* @__PURE__ */ d("div", {
|
|
3382
3440
|
ref: h,
|
|
3383
3441
|
style: {
|
|
3384
3442
|
width: "100%",
|
|
3385
3443
|
overflowX: "auto",
|
|
3386
|
-
...
|
|
3444
|
+
...D(m)
|
|
3387
3445
|
},
|
|
3388
3446
|
children: /* @__PURE__ */ f("table", {
|
|
3389
3447
|
style: {
|
|
@@ -3401,7 +3459,7 @@ function Ht({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
|
|
|
3401
3459
|
...A
|
|
3402
3460
|
},
|
|
3403
3461
|
children: e.label ?? e
|
|
3404
|
-
}, t)) }) }), /* @__PURE__ */ f("tbody", { children: [
|
|
3462
|
+
}, t)) }) }), /* @__PURE__ */ f("tbody", { children: [E && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
|
|
3405
3463
|
colSpan: e.length,
|
|
3406
3464
|
style: {
|
|
3407
3465
|
padding: O,
|
|
@@ -3410,7 +3468,7 @@ function Ht({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
|
|
|
3410
3468
|
...A
|
|
3411
3469
|
},
|
|
3412
3470
|
children: p || "No data yet"
|
|
3413
|
-
}) }),
|
|
3471
|
+
}) }), T.map((t, n) => /* @__PURE__ */ d("tr", {
|
|
3414
3472
|
style: o && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
|
|
3415
3473
|
children: e.map((e, n) => /* @__PURE__ */ d("td", {
|
|
3416
3474
|
style: {
|
|
@@ -3423,79 +3481,79 @@ function Ht({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
|
|
|
3423
3481
|
})
|
|
3424
3482
|
});
|
|
3425
3483
|
}
|
|
3426
|
-
var
|
|
3427
|
-
PageRoot:
|
|
3428
|
-
Section:
|
|
3429
|
-
Container:
|
|
3430
|
-
Heading:
|
|
3431
|
-
TextBlock:
|
|
3432
|
-
ButtonBlock:
|
|
3433
|
-
ImageBlock:
|
|
3434
|
-
Spacer:
|
|
3435
|
-
Divider:
|
|
3436
|
-
SliderBlock:
|
|
3437
|
-
CanvasSlider:
|
|
3438
|
-
TabsBlock:
|
|
3439
|
-
QuickStack:
|
|
3440
|
-
CollectionList:
|
|
3441
|
-
CollectionSearch:
|
|
3442
|
-
BreadcrumbsBlock:
|
|
3443
|
-
PaginationBlock:
|
|
3444
|
-
StepperBlock:
|
|
3445
|
-
SocialLinksBlock:
|
|
3446
|
-
ThemeModeBlock:
|
|
3447
|
-
OrgChartBlock:
|
|
3448
|
-
TableBlock:
|
|
3449
|
-
MasonryBlock:
|
|
3450
|
-
AccordionBlock:
|
|
3451
|
-
NavbarBlock:
|
|
3452
|
-
ListBlock:
|
|
3453
|
-
TextSpan:
|
|
3454
|
-
QuoteBlock:
|
|
3455
|
-
TextLink:
|
|
3456
|
-
RichTextBlock:
|
|
3457
|
-
RichContentBlock:
|
|
3458
|
-
VideoBlock:
|
|
3459
|
-
YouTubeBlock:
|
|
3460
|
-
IframeBlock:
|
|
3461
|
-
EmbedBlock:
|
|
3462
|
-
FormBlock:
|
|
3463
|
-
FormLabel:
|
|
3464
|
-
FormInput:
|
|
3465
|
-
FormTextarea:
|
|
3466
|
-
FormCheckbox: (e) => /* @__PURE__ */ d(
|
|
3484
|
+
var qt = {
|
|
3485
|
+
PageRoot: xe,
|
|
3486
|
+
Section: Se,
|
|
3487
|
+
Container: Ce,
|
|
3488
|
+
Heading: we,
|
|
3489
|
+
TextBlock: Fe,
|
|
3490
|
+
ButtonBlock: Re,
|
|
3491
|
+
ImageBlock: ze,
|
|
3492
|
+
Spacer: Ge,
|
|
3493
|
+
Divider: Ke,
|
|
3494
|
+
SliderBlock: Qe,
|
|
3495
|
+
CanvasSlider: $e,
|
|
3496
|
+
TabsBlock: it,
|
|
3497
|
+
QuickStack: wt,
|
|
3498
|
+
CollectionList: Tt,
|
|
3499
|
+
CollectionSearch: Et,
|
|
3500
|
+
BreadcrumbsBlock: Dt,
|
|
3501
|
+
PaginationBlock: Ot,
|
|
3502
|
+
StepperBlock: Ft,
|
|
3503
|
+
SocialLinksBlock: Pt,
|
|
3504
|
+
ThemeModeBlock: Mt,
|
|
3505
|
+
OrgChartBlock: Gt,
|
|
3506
|
+
TableBlock: Kt,
|
|
3507
|
+
MasonryBlock: et,
|
|
3508
|
+
AccordionBlock: at,
|
|
3509
|
+
NavbarBlock: rt,
|
|
3510
|
+
ListBlock: Pe,
|
|
3511
|
+
TextSpan: De,
|
|
3512
|
+
QuoteBlock: Ne,
|
|
3513
|
+
TextLink: Le,
|
|
3514
|
+
RichTextBlock: je,
|
|
3515
|
+
RichContentBlock: je,
|
|
3516
|
+
VideoBlock: Be,
|
|
3517
|
+
YouTubeBlock: He,
|
|
3518
|
+
IframeBlock: Ue,
|
|
3519
|
+
EmbedBlock: We,
|
|
3520
|
+
FormBlock: pt,
|
|
3521
|
+
FormLabel: _t,
|
|
3522
|
+
FormInput: vt,
|
|
3523
|
+
FormTextarea: yt,
|
|
3524
|
+
FormCheckbox: (e) => /* @__PURE__ */ d(bt, {
|
|
3467
3525
|
kind: "checkbox",
|
|
3468
3526
|
...e
|
|
3469
3527
|
}),
|
|
3470
|
-
FormRadio: (e) => /* @__PURE__ */ d(
|
|
3528
|
+
FormRadio: (e) => /* @__PURE__ */ d(bt, {
|
|
3471
3529
|
kind: "radio",
|
|
3472
3530
|
...e
|
|
3473
3531
|
}),
|
|
3474
|
-
FormSelect:
|
|
3475
|
-
FormFile:
|
|
3476
|
-
FormRecaptcha:
|
|
3477
|
-
FormSubmit:
|
|
3478
|
-
},
|
|
3532
|
+
FormSelect: xt,
|
|
3533
|
+
FormFile: St,
|
|
3534
|
+
FormRecaptcha: gt,
|
|
3535
|
+
FormSubmit: Ct
|
|
3536
|
+
}, Jt = {
|
|
3479
3537
|
id: "auth",
|
|
3480
3538
|
label: "Accounts",
|
|
3481
3539
|
category: "Apps",
|
|
3482
3540
|
keys: ["SiteLoginForm", "SiteAccountMenu"],
|
|
3483
3541
|
ssr: "shell",
|
|
3484
3542
|
settings: ["site.authRedirect"]
|
|
3485
|
-
},
|
|
3543
|
+
}, Yt = n({
|
|
3486
3544
|
user: null,
|
|
3487
3545
|
status: "idle",
|
|
3488
3546
|
ensure: () => {},
|
|
3489
3547
|
refresh: () => {},
|
|
3490
3548
|
signOut: () => {}
|
|
3491
|
-
}),
|
|
3492
|
-
let e = i(
|
|
3549
|
+
}), Xt = () => {
|
|
3550
|
+
let e = i(Yt);
|
|
3493
3551
|
return a(() => {
|
|
3494
3552
|
e.ensure();
|
|
3495
3553
|
}, [e]), e;
|
|
3496
3554
|
};
|
|
3497
|
-
function
|
|
3498
|
-
let u = i(
|
|
3555
|
+
function Zt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
|
|
3556
|
+
let u = i(V), f = a || u?.apiUrl || "/api", p = o || u?.tenant || "", [m, h] = l(t ?? null), [g, _] = l(t ? "user" : n ? "guest" : "idle"), v = c(!1), y = r((e, t) => fetch(`${f}${e}`, {
|
|
3499
3557
|
...t,
|
|
3500
3558
|
credentials: "include",
|
|
3501
3559
|
headers: {
|
|
@@ -3527,24 +3585,24 @@ function qt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
|
|
|
3527
3585
|
b,
|
|
3528
3586
|
x
|
|
3529
3587
|
]);
|
|
3530
|
-
return /* @__PURE__ */ d(
|
|
3588
|
+
return /* @__PURE__ */ d(Yt.Provider, {
|
|
3531
3589
|
value: C,
|
|
3532
3590
|
children: e
|
|
3533
3591
|
});
|
|
3534
3592
|
}
|
|
3535
|
-
function
|
|
3536
|
-
let { status: n } =
|
|
3593
|
+
function Qt({ when: e, children: t }) {
|
|
3594
|
+
let { status: n } = Xt();
|
|
3537
3595
|
return !e || e === "always" ? t : n === "idle" || n === "loading" ? null : e === "user" == (n === "user") ? t : null;
|
|
3538
3596
|
}
|
|
3539
3597
|
//#endregion
|
|
3540
3598
|
//#region ../ui/src/components/builder/apps/auth/views.jsx
|
|
3541
|
-
function
|
|
3542
|
-
let { tenant: h, apiUrl: g, settings: _ } = i(
|
|
3599
|
+
function $t({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
|
|
3600
|
+
let { tenant: h, apiUrl: g, settings: _ } = i(V), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
|
|
3543
3601
|
if (e.preventDefault(), u) return;
|
|
3544
3602
|
let n = new FormData(e.currentTarget);
|
|
3545
|
-
|
|
3603
|
+
C(!0), x("");
|
|
3546
3604
|
try {
|
|
3547
|
-
let e = await fetch(`${g || "/api"}/site/${
|
|
3605
|
+
let e = await fetch(`${g || "/api"}/site/${w ? "register" : "login"}`, {
|
|
3548
3606
|
method: "post",
|
|
3549
3607
|
headers: {
|
|
3550
3608
|
"content-type": "application/json",
|
|
@@ -3554,19 +3612,19 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3554
3612
|
body: JSON.stringify({
|
|
3555
3613
|
email: n.get("email"),
|
|
3556
3614
|
password: n.get("password"),
|
|
3557
|
-
...
|
|
3615
|
+
...w ? { name: n.get("name") || "" } : {}
|
|
3558
3616
|
})
|
|
3559
3617
|
}), r = await e.json().catch(() => null);
|
|
3560
3618
|
if (!e.ok || r?.success === !1) {
|
|
3561
|
-
x(r?.error?.message || "Sign-in failed"), y("error"),
|
|
3619
|
+
x(r?.error?.message || "Sign-in failed"), y("error"), C(!1);
|
|
3562
3620
|
return;
|
|
3563
3621
|
}
|
|
3564
3622
|
if (y("success"), typeof window < "u") {
|
|
3565
|
-
let e =
|
|
3623
|
+
let e = E(t) || E(new URLSearchParams(window.location.search).get("next")) || E(_?.["site.authRedirect"]) || E(_?.["apps.auth.redirect"]) || "/";
|
|
3566
3624
|
window.location.assign(e);
|
|
3567
3625
|
}
|
|
3568
3626
|
} catch {
|
|
3569
|
-
x("Sign-in failed"), y("error"),
|
|
3627
|
+
x("Sign-in failed"), y("error"), C(!1);
|
|
3570
3628
|
}
|
|
3571
3629
|
};
|
|
3572
3630
|
return /* @__PURE__ */ f("div", {
|
|
@@ -3575,32 +3633,32 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3575
3633
|
display: "grid",
|
|
3576
3634
|
gap: 12,
|
|
3577
3635
|
maxWidth: 360,
|
|
3578
|
-
...
|
|
3636
|
+
...D(s)
|
|
3579
3637
|
},
|
|
3580
3638
|
children: [
|
|
3581
3639
|
/* @__PURE__ */ f("form", {
|
|
3582
3640
|
onSubmit: O,
|
|
3583
3641
|
style: {
|
|
3584
|
-
display:
|
|
3642
|
+
display: T === "form" ? "grid" : "none",
|
|
3585
3643
|
gap: 10
|
|
3586
3644
|
},
|
|
3587
3645
|
children: [
|
|
3588
|
-
|
|
3646
|
+
w ? /* @__PURE__ */ f("label", {
|
|
3589
3647
|
style: {
|
|
3590
|
-
...
|
|
3648
|
+
...Y,
|
|
3591
3649
|
display: "grid",
|
|
3592
3650
|
gap: 6
|
|
3593
3651
|
},
|
|
3594
3652
|
children: [a, /* @__PURE__ */ d("input", {
|
|
3595
3653
|
name: "name",
|
|
3596
3654
|
type: "text",
|
|
3597
|
-
style:
|
|
3598
|
-
...
|
|
3655
|
+
style: X,
|
|
3656
|
+
...Z(u)
|
|
3599
3657
|
})]
|
|
3600
3658
|
}) : null,
|
|
3601
3659
|
/* @__PURE__ */ f("label", {
|
|
3602
3660
|
style: {
|
|
3603
|
-
...
|
|
3661
|
+
...Y,
|
|
3604
3662
|
display: "grid",
|
|
3605
3663
|
gap: 6
|
|
3606
3664
|
},
|
|
@@ -3608,13 +3666,13 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3608
3666
|
name: "email",
|
|
3609
3667
|
type: "email",
|
|
3610
3668
|
required: !u,
|
|
3611
|
-
style:
|
|
3612
|
-
...
|
|
3669
|
+
style: X,
|
|
3670
|
+
...Z(u)
|
|
3613
3671
|
})]
|
|
3614
3672
|
}),
|
|
3615
3673
|
/* @__PURE__ */ f("label", {
|
|
3616
3674
|
style: {
|
|
3617
|
-
...
|
|
3675
|
+
...Y,
|
|
3618
3676
|
display: "grid",
|
|
3619
3677
|
gap: 6
|
|
3620
3678
|
},
|
|
@@ -3622,15 +3680,15 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3622
3680
|
name: "password",
|
|
3623
3681
|
type: "password",
|
|
3624
3682
|
required: !u,
|
|
3625
|
-
style:
|
|
3626
|
-
...
|
|
3683
|
+
style: X,
|
|
3684
|
+
...Z(u)
|
|
3627
3685
|
})]
|
|
3628
3686
|
}),
|
|
3629
3687
|
/* @__PURE__ */ d("button", {
|
|
3630
3688
|
type: u ? "button" : "submit",
|
|
3631
3689
|
disabled: S || void 0,
|
|
3632
3690
|
style: {
|
|
3633
|
-
...
|
|
3691
|
+
...q,
|
|
3634
3692
|
border: 0,
|
|
3635
3693
|
padding: "10px 22px",
|
|
3636
3694
|
borderRadius: 8,
|
|
@@ -3639,7 +3697,7 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3639
3697
|
cursor: "pointer",
|
|
3640
3698
|
opacity: S ? .6 : 1
|
|
3641
3699
|
},
|
|
3642
|
-
children: o || (
|
|
3700
|
+
children: o || (w ? "Create account" : "Sign in")
|
|
3643
3701
|
}),
|
|
3644
3702
|
b ? /* @__PURE__ */ d("p", {
|
|
3645
3703
|
style: {
|
|
@@ -3652,18 +3710,18 @@ function Yt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
|
|
|
3652
3710
|
]
|
|
3653
3711
|
}),
|
|
3654
3712
|
/* @__PURE__ */ d("div", {
|
|
3655
|
-
style: { display:
|
|
3713
|
+
style: { display: T === "success" ? "block" : "none" },
|
|
3656
3714
|
children: p?.success ?? null
|
|
3657
3715
|
}),
|
|
3658
3716
|
/* @__PURE__ */ d("div", {
|
|
3659
|
-
style: { display:
|
|
3717
|
+
style: { display: T === "error" ? "block" : "none" },
|
|
3660
3718
|
children: p?.error ?? null
|
|
3661
3719
|
})
|
|
3662
3720
|
]
|
|
3663
3721
|
});
|
|
3664
3722
|
}
|
|
3665
|
-
function
|
|
3666
|
-
let { user: c, status: l, signOut: u } =
|
|
3723
|
+
function en({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
|
|
3724
|
+
let { user: c, status: l, signOut: u } = Xt(), p = a ? s || "user" : l, m = a ? {
|
|
3667
3725
|
name: "Ada Lovelace",
|
|
3668
3726
|
email: "ada@example.com"
|
|
3669
3727
|
} : c;
|
|
@@ -3671,7 +3729,7 @@ function Xt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
|
|
|
3671
3729
|
ref: i,
|
|
3672
3730
|
style: {
|
|
3673
3731
|
minHeight: 24,
|
|
3674
|
-
...
|
|
3732
|
+
...D(r)
|
|
3675
3733
|
}
|
|
3676
3734
|
}) : p === "user" ? /* @__PURE__ */ f("div", {
|
|
3677
3735
|
ref: i,
|
|
@@ -3679,12 +3737,12 @@ function Xt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
|
|
|
3679
3737
|
display: "flex",
|
|
3680
3738
|
alignItems: "center",
|
|
3681
3739
|
gap: 10,
|
|
3682
|
-
...
|
|
3740
|
+
...D(r)
|
|
3683
3741
|
},
|
|
3684
3742
|
children: [
|
|
3685
3743
|
/* @__PURE__ */ f("span", {
|
|
3686
3744
|
style: {
|
|
3687
|
-
...
|
|
3745
|
+
...Y,
|
|
3688
3746
|
fontWeight: 600
|
|
3689
3747
|
},
|
|
3690
3748
|
children: [
|
|
@@ -3695,7 +3753,7 @@ function Xt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
|
|
|
3695
3753
|
}),
|
|
3696
3754
|
n && m?.email ? /* @__PURE__ */ d("span", {
|
|
3697
3755
|
style: {
|
|
3698
|
-
...
|
|
3756
|
+
...Y,
|
|
3699
3757
|
opacity: .7
|
|
3700
3758
|
},
|
|
3701
3759
|
children: m.email
|
|
@@ -3704,14 +3762,14 @@ function Xt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
|
|
|
3704
3762
|
type: "button",
|
|
3705
3763
|
onClick: a ? void 0 : u,
|
|
3706
3764
|
style: {
|
|
3707
|
-
...
|
|
3765
|
+
...q,
|
|
3708
3766
|
border: 0,
|
|
3709
3767
|
padding: "8px 16px",
|
|
3710
3768
|
borderRadius: 8,
|
|
3711
3769
|
fontSize: 14,
|
|
3712
3770
|
cursor: a ? "default" : "pointer"
|
|
3713
3771
|
},
|
|
3714
|
-
...
|
|
3772
|
+
...Z(a),
|
|
3715
3773
|
children: t
|
|
3716
3774
|
})
|
|
3717
3775
|
]
|
|
@@ -3721,49 +3779,49 @@ function Xt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
|
|
|
3721
3779
|
display: "flex",
|
|
3722
3780
|
alignItems: "center",
|
|
3723
3781
|
gap: 10,
|
|
3724
|
-
...
|
|
3782
|
+
...D(r)
|
|
3725
3783
|
},
|
|
3726
3784
|
children: o?.signedOut ?? null
|
|
3727
3785
|
});
|
|
3728
3786
|
}
|
|
3729
3787
|
//#endregion
|
|
3730
3788
|
//#region ../ui/src/components/builder/apps/index.js
|
|
3731
|
-
var
|
|
3732
|
-
SiteLoginForm:
|
|
3733
|
-
SiteAccountMenu:
|
|
3789
|
+
var tn = [Jt], nn = {
|
|
3790
|
+
SiteLoginForm: $t,
|
|
3791
|
+
SiteAccountMenu: en
|
|
3734
3792
|
};
|
|
3735
|
-
new Set(
|
|
3793
|
+
new Set(tn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
|
|
3736
3794
|
//#endregion
|
|
3737
3795
|
//#region ../ui/src/components/builder/plugins/runtime.js
|
|
3738
|
-
var
|
|
3739
|
-
function
|
|
3740
|
-
if (
|
|
3796
|
+
var rn = /* @__PURE__ */ new Map();
|
|
3797
|
+
function an(e) {
|
|
3798
|
+
if (rn.has(e)) return rn.get(e);
|
|
3741
3799
|
let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
|
|
3742
3800
|
/* @vite-ignore */
|
|
3743
3801
|
/* webpackIgnore: true */
|
|
3744
3802
|
t
|
|
3745
3803
|
).finally(() => URL.revokeObjectURL(t));
|
|
3746
|
-
return
|
|
3804
|
+
return rn.set(e, n), n;
|
|
3747
3805
|
}
|
|
3748
|
-
function
|
|
3806
|
+
function on(e) {
|
|
3749
3807
|
let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
|
|
3750
3808
|
return n && typeof n == "object" ? n : {};
|
|
3751
3809
|
}
|
|
3752
3810
|
//#endregion
|
|
3753
3811
|
//#region ../ui/src/components/builder/plugins/view.jsx
|
|
3754
|
-
async function
|
|
3755
|
-
let n = await
|
|
3812
|
+
async function sn(e, t) {
|
|
3813
|
+
let n = await an(e);
|
|
3756
3814
|
return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
|
|
3757
3815
|
}
|
|
3758
|
-
var
|
|
3816
|
+
var cn = {
|
|
3759
3817
|
padding: "10px 12px",
|
|
3760
3818
|
border: "1px dashed rgba(148, 163, 184, 0.5)",
|
|
3761
3819
|
borderRadius: 8,
|
|
3762
3820
|
fontSize: 12,
|
|
3763
3821
|
opacity: .6
|
|
3764
3822
|
};
|
|
3765
|
-
function
|
|
3766
|
-
let s = i(
|
|
3823
|
+
function ln({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
|
|
3824
|
+
let s = i(V), l = on(s?.settings)[e], u = c(null), p = c(null), m = {
|
|
3767
3825
|
tenant: s?.tenant ?? "",
|
|
3768
3826
|
apiUrl: s?.apiUrl ?? "/api",
|
|
3769
3827
|
locale: s?.locale ?? "",
|
|
@@ -3775,7 +3833,7 @@ function an({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
|
|
|
3775
3833
|
let e = u.current;
|
|
3776
3834
|
if (!l?.code || !e) return;
|
|
3777
3835
|
let n = !0;
|
|
3778
|
-
return
|
|
3836
|
+
return sn(l.code, t).then((e) => {
|
|
3779
3837
|
if (!(!n || !e || !u.current)) {
|
|
3780
3838
|
p.current = e;
|
|
3781
3839
|
try {
|
|
@@ -3800,13 +3858,13 @@ function an({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
|
|
|
3800
3858
|
} catch {}
|
|
3801
3859
|
}, [g]), l ? /* @__PURE__ */ d("div", {
|
|
3802
3860
|
ref: o,
|
|
3803
|
-
style:
|
|
3861
|
+
style: D(r),
|
|
3804
3862
|
children: /* @__PURE__ */ d("div", { ref: u })
|
|
3805
3863
|
}) : /* @__PURE__ */ f("div", {
|
|
3806
3864
|
ref: o,
|
|
3807
3865
|
style: {
|
|
3808
|
-
...
|
|
3809
|
-
...
|
|
3866
|
+
...cn,
|
|
3867
|
+
...D(r)
|
|
3810
3868
|
},
|
|
3811
3869
|
children: [
|
|
3812
3870
|
"Plugin “",
|
|
@@ -3817,12 +3875,12 @@ function an({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
|
|
|
3817
3875
|
}
|
|
3818
3876
|
//#endregion
|
|
3819
3877
|
//#region ../ui/src/components/builder/render.jsx
|
|
3820
|
-
var
|
|
3821
|
-
...
|
|
3822
|
-
...
|
|
3823
|
-
PluginBlock:
|
|
3878
|
+
var un = {
|
|
3879
|
+
...qt,
|
|
3880
|
+
...nn,
|
|
3881
|
+
PluginBlock: ln
|
|
3824
3882
|
};
|
|
3825
|
-
function
|
|
3883
|
+
function dn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
|
|
3826
3884
|
let o = n[e];
|
|
3827
3885
|
if (!o || o.hidden) return null;
|
|
3828
3886
|
let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
|
|
@@ -3830,74 +3888,74 @@ function sn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
|
|
|
3830
3888
|
let n = o.props?.componentId, s = r?.[n];
|
|
3831
3889
|
if (!s?.template || i.has(n)) return null;
|
|
3832
3890
|
let c = new Set(i).add(n);
|
|
3833
|
-
return /* @__PURE__ */ d(t, { children:
|
|
3891
|
+
return /* @__PURE__ */ d(t, { children: dn(s.template.rootId, s.template.nodes, r, c, a) }, e);
|
|
3834
3892
|
}
|
|
3835
|
-
let l =
|
|
3893
|
+
let l = un[s];
|
|
3836
3894
|
if (!l) return null;
|
|
3837
|
-
let u = (o.nodes ?? []).map((e) =>
|
|
3895
|
+
let u = (o.nodes ?? []).map((e) => dn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, dn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
|
|
3838
3896
|
...c,
|
|
3839
3897
|
...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
|
|
3840
3898
|
linked: p,
|
|
3841
3899
|
nodeRef: (t) => {
|
|
3842
|
-
t && (t.setAttribute("data-wb", e),
|
|
3900
|
+
t && (t.setAttribute("data-wb", e), j(t, c));
|
|
3843
3901
|
},
|
|
3844
3902
|
children: u.length ? u : void 0
|
|
3845
3903
|
}, e);
|
|
3846
|
-
return c.when && c.when !== "always" ? /* @__PURE__ */ d(
|
|
3904
|
+
return c.when && c.when !== "always" ? /* @__PURE__ */ d(Qt, {
|
|
3847
3905
|
when: c.when,
|
|
3848
3906
|
children: m
|
|
3849
3907
|
}, e) : m;
|
|
3850
3908
|
}
|
|
3851
3909
|
//#endregion
|
|
3852
3910
|
//#region ../ui/src/components/builder/PageRenderer.jsx
|
|
3853
|
-
var
|
|
3854
|
-
.webim-page[data-webim-mode="dark"] { ${Object.entries(
|
|
3855
|
-
function
|
|
3856
|
-
let
|
|
3911
|
+
var fn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), pn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
|
|
3912
|
+
.webim-page[data-webim-mode="dark"] { ${Object.entries(B(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
|
|
3913
|
+
function mn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: _ }) {
|
|
3914
|
+
let v = o?.js?.trim();
|
|
3857
3915
|
if (a(() => {
|
|
3858
|
-
if (!
|
|
3916
|
+
if (!v) return;
|
|
3859
3917
|
let e = document.createElement("script");
|
|
3860
|
-
return e.text =
|
|
3861
|
-
}, [
|
|
3862
|
-
let
|
|
3918
|
+
return e.text = v, document.body.appendChild(e), () => e.remove();
|
|
3919
|
+
}, [v]), !e?.ROOT) return null;
|
|
3920
|
+
let y = {
|
|
3863
3921
|
lang: p || void 0,
|
|
3864
3922
|
dir: h(m, p)
|
|
3865
|
-
},
|
|
3923
|
+
}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", S = {
|
|
3866
3924
|
minHeight: "100%",
|
|
3867
3925
|
display: "flex",
|
|
3868
3926
|
flexDirection: "column"
|
|
3869
|
-
}, w =
|
|
3927
|
+
}, w = dn("ROOT", e, n), T = s(() => ({ render: (t, r) => dn(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = re(e, n), D = ne(e, n), O = o?.css?.trim(), k = z(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !R[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
|
|
3870
3928
|
rel: "stylesheet",
|
|
3871
3929
|
precedence: "default",
|
|
3872
|
-
href:
|
|
3873
|
-
}, e)),
|
|
3874
|
-
return r === "auto" ? /* @__PURE__ */ d(
|
|
3930
|
+
href: b(e)
|
|
3931
|
+
}, e)), M = pn(k);
|
|
3932
|
+
return r === "auto" ? /* @__PURE__ */ d(V.Provider, {
|
|
3875
3933
|
value: {
|
|
3876
3934
|
tenant: c || "",
|
|
3877
3935
|
apiUrl: l || "/api",
|
|
3878
3936
|
locale: p || "",
|
|
3879
3937
|
settings: g ?? null
|
|
3880
3938
|
},
|
|
3881
|
-
children: /* @__PURE__ */ d(
|
|
3882
|
-
initialUser:
|
|
3883
|
-
children: /* @__PURE__ */ d(
|
|
3939
|
+
children: /* @__PURE__ */ d(Zt, {
|
|
3940
|
+
initialUser: _,
|
|
3941
|
+
children: /* @__PURE__ */ d(H.Provider, {
|
|
3884
3942
|
value: u ?? null,
|
|
3885
|
-
children: /* @__PURE__ */ d(
|
|
3943
|
+
children: /* @__PURE__ */ d(W.Provider, {
|
|
3886
3944
|
value: T,
|
|
3887
3945
|
children: /* @__PURE__ */ f("div", {
|
|
3888
|
-
...
|
|
3946
|
+
...y,
|
|
3889
3947
|
className: "webim-page",
|
|
3890
3948
|
style: {
|
|
3891
|
-
...
|
|
3892
|
-
...
|
|
3949
|
+
...S,
|
|
3950
|
+
...se(t),
|
|
3893
3951
|
...i
|
|
3894
3952
|
},
|
|
3895
3953
|
children: [
|
|
3896
|
-
/* @__PURE__ */ d("style", { children: `.webim-page { ${
|
|
3897
|
-
@media (prefers-color-scheme: dark) { .webim-page { ${
|
|
3898
|
-
/* @__PURE__ */ d("style", { children:
|
|
3899
|
-
|
|
3900
|
-
/* @__PURE__ */ d("style", { children:
|
|
3954
|
+
/* @__PURE__ */ d("style", { children: `.webim-page { ${fn(B(k.light))} }
|
|
3955
|
+
@media (prefers-color-scheme: dark) { .webim-page { ${fn(B(k.dark))} } }` }),
|
|
3956
|
+
/* @__PURE__ */ d("style", { children: M }),
|
|
3957
|
+
j,
|
|
3958
|
+
/* @__PURE__ */ d("style", { children: x }),
|
|
3901
3959
|
E && /* @__PURE__ */ d("style", { children: E }),
|
|
3902
3960
|
D && /* @__PURE__ */ d("style", { children: D }),
|
|
3903
3961
|
O && /* @__PURE__ */ d("style", { children: O }),
|
|
@@ -3907,31 +3965,31 @@ function un({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
|
|
|
3907
3965
|
})
|
|
3908
3966
|
})
|
|
3909
3967
|
})
|
|
3910
|
-
}) : /* @__PURE__ */ d(
|
|
3968
|
+
}) : /* @__PURE__ */ d(V.Provider, {
|
|
3911
3969
|
value: {
|
|
3912
3970
|
tenant: c || "",
|
|
3913
3971
|
apiUrl: l || "/api",
|
|
3914
3972
|
locale: p || "",
|
|
3915
3973
|
settings: g ?? null
|
|
3916
3974
|
},
|
|
3917
|
-
children: /* @__PURE__ */ d(
|
|
3918
|
-
initialUser:
|
|
3919
|
-
children: /* @__PURE__ */ d(
|
|
3975
|
+
children: /* @__PURE__ */ d(Zt, {
|
|
3976
|
+
initialUser: _,
|
|
3977
|
+
children: /* @__PURE__ */ d(H.Provider, {
|
|
3920
3978
|
value: u ?? null,
|
|
3921
|
-
children: /* @__PURE__ */ d(
|
|
3979
|
+
children: /* @__PURE__ */ d(W.Provider, {
|
|
3922
3980
|
value: T,
|
|
3923
3981
|
children: /* @__PURE__ */ f("div", {
|
|
3924
|
-
...
|
|
3982
|
+
...y,
|
|
3925
3983
|
className: "webim-page",
|
|
3926
3984
|
style: {
|
|
3927
|
-
...
|
|
3928
|
-
...
|
|
3985
|
+
...S,
|
|
3986
|
+
...ce(t, r),
|
|
3929
3987
|
...i
|
|
3930
3988
|
},
|
|
3931
3989
|
children: [
|
|
3932
|
-
|
|
3933
|
-
/* @__PURE__ */ d("style", { children:
|
|
3934
|
-
/* @__PURE__ */ d("style", { children:
|
|
3990
|
+
j,
|
|
3991
|
+
/* @__PURE__ */ d("style", { children: M }),
|
|
3992
|
+
/* @__PURE__ */ d("style", { children: x }),
|
|
3935
3993
|
E && /* @__PURE__ */ d("style", { children: E }),
|
|
3936
3994
|
D && /* @__PURE__ */ d("style", { children: D }),
|
|
3937
3995
|
O && /* @__PURE__ */ d("style", { children: O }),
|
|
@@ -3945,8 +4003,8 @@ function un({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
|
|
|
3945
4003
|
}
|
|
3946
4004
|
//#endregion
|
|
3947
4005
|
//#region src/WebimContent.jsx
|
|
3948
|
-
function
|
|
3949
|
-
return e?.blocks?.ROOT ? /* @__PURE__ */ d(
|
|
4006
|
+
function hn({ bundle: e, mode: t = "auto", style: n }) {
|
|
4007
|
+
return e?.blocks?.ROOT ? /* @__PURE__ */ d(mn, {
|
|
3950
4008
|
blocks: e.blocks,
|
|
3951
4009
|
theme: e.theme,
|
|
3952
4010
|
components: e.components,
|
|
@@ -3963,7 +4021,7 @@ function dn({ bundle: e, mode: t = "auto", style: n }) {
|
|
|
3963
4021
|
}
|
|
3964
4022
|
//#endregion
|
|
3965
4023
|
//#region src/bundle.js
|
|
3966
|
-
function
|
|
4024
|
+
function gn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
|
|
3967
4025
|
let a = {
|
|
3968
4026
|
...t?.global ?? {},
|
|
3969
4027
|
...t?.tenant ?? {}
|
|
@@ -3973,7 +4031,7 @@ function fn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
|
|
|
3973
4031
|
title: e.title,
|
|
3974
4032
|
slug: e.slug,
|
|
3975
4033
|
blocks: i && o.i18n?.[i]?.blocks || e.blocks,
|
|
3976
|
-
theme:
|
|
4034
|
+
theme: le(o, a.builder_themes?.themes),
|
|
3977
4035
|
components: a.builder_components?.components ?? {},
|
|
3978
4036
|
custom: o.custom,
|
|
3979
4037
|
seo: o.seo,
|
|
@@ -3987,18 +4045,18 @@ function fn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
|
|
|
3987
4045
|
}
|
|
3988
4046
|
//#endregion
|
|
3989
4047
|
//#region src/fetchPage.js
|
|
3990
|
-
var
|
|
4048
|
+
var _n = async (e) => {
|
|
3991
4049
|
let t = await e.json().catch(() => null);
|
|
3992
4050
|
if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
|
|
3993
4051
|
return t?.payload ?? t;
|
|
3994
4052
|
};
|
|
3995
|
-
async function
|
|
4053
|
+
async function vn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
|
|
3996
4054
|
if (!e) throw Error("fetchPage: apiUrl is required");
|
|
3997
4055
|
if (!n) throw Error("fetchPage: slug is required");
|
|
3998
4056
|
let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
|
|
3999
4057
|
...t ? { "x-tenant": t } : {},
|
|
4000
4058
|
...a ? { authorization: `Bearer ${a}` } : {}
|
|
4001
|
-
}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(
|
|
4059
|
+
}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(_n), c(`${l}/settings/public`, { headers: u }).then(_n)]), p = gn({
|
|
4002
4060
|
page: d,
|
|
4003
4061
|
settings: f,
|
|
4004
4062
|
tenant: t,
|
|
@@ -4006,7 +4064,7 @@ async function mn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
|
|
|
4006
4064
|
locale: r
|
|
4007
4065
|
}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
|
|
4008
4066
|
if (m.length) {
|
|
4009
|
-
let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(
|
|
4067
|
+
let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(_n).then((e) => {
|
|
4010
4068
|
let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
|
|
4011
4069
|
return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
|
|
4012
4070
|
}).catch(() => [[t, []]])));
|
|
@@ -4020,40 +4078,40 @@ async function mn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
|
|
|
4020
4078
|
}
|
|
4021
4079
|
//#endregion
|
|
4022
4080
|
//#region src/ssr.jsx
|
|
4023
|
-
var
|
|
4081
|
+
var yn = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
|
|
4024
4082
|
"&": "&",
|
|
4025
4083
|
"<": "<",
|
|
4026
4084
|
">": ">",
|
|
4027
4085
|
"\"": """
|
|
4028
4086
|
})[e]);
|
|
4029
|
-
function
|
|
4030
|
-
return e(/* @__PURE__ */ d(
|
|
4087
|
+
function bn(t, { mode: n = "auto", style: r } = {}) {
|
|
4088
|
+
return e(/* @__PURE__ */ d(hn, {
|
|
4031
4089
|
bundle: t,
|
|
4032
4090
|
mode: n,
|
|
4033
4091
|
style: r
|
|
4034
4092
|
}));
|
|
4035
4093
|
}
|
|
4036
|
-
function
|
|
4094
|
+
function xn(e, { mode: t = "auto", lang: n } = {}) {
|
|
4037
4095
|
let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
|
|
4038
4096
|
"<meta charset=\"utf-8\"/>",
|
|
4039
4097
|
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
|
|
4040
|
-
`<title>${
|
|
4041
|
-
r.description && `<meta name="description" content="${
|
|
4042
|
-
`<meta property="og:title" content="${
|
|
4043
|
-
r.image && `<meta property="og:image" content="${
|
|
4098
|
+
`<title>${yn(o)}</title>`,
|
|
4099
|
+
r.description && `<meta name="description" content="${yn(r.description)}"/>`,
|
|
4100
|
+
`<meta property="og:title" content="${yn(o)}"/>`,
|
|
4101
|
+
r.image && `<meta property="og:image" content="${yn(r.image)}"/>`,
|
|
4044
4102
|
r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
|
|
4045
4103
|
"<style>html,body{margin:0;height:100%}</style>"
|
|
4046
4104
|
].filter(Boolean).join("\n");
|
|
4047
4105
|
return `<!doctype html>
|
|
4048
|
-
<html lang="${
|
|
4106
|
+
<html lang="${yn(i)}"${a ? ` dir="${a}"` : ""}>
|
|
4049
4107
|
<head>
|
|
4050
4108
|
${c}
|
|
4051
4109
|
</head>
|
|
4052
4110
|
<body>
|
|
4053
|
-
${
|
|
4111
|
+
${bn(e, { mode: t })}
|
|
4054
4112
|
${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
|
|
4055
4113
|
</body>
|
|
4056
4114
|
</html>`;
|
|
4057
4115
|
}
|
|
4058
4116
|
//#endregion
|
|
4059
|
-
export {
|
|
4117
|
+
export { gn as assembleBundle, vn as fetchPage, bn as renderBundleHtml, xn as renderPageDocument };
|