@skylivellc/lienzo-editor 0.11.0 → 0.11.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{LienzoEditor-BwTphBsD.js → LienzoEditor-CXhUonso.js} +745 -731
- package/dist/LienzoEditor-CXhUonso.js.map +1 -0
- package/dist/element.js +1 -1
- package/dist/index.js +1 -1
- package/dist/standalone/lienzo-editor.js +6 -5
- package/dist/standalone/lienzo-editor.js.map +1 -1
- package/dist/types/i18n/en.d.ts +2 -0
- package/package.json +2 -2
- package/dist/LienzoEditor-BwTphBsD.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, isRef as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, toRaw as E, unref as D, useId as O, useModel as k, vModelDynamic as A, vModelText as ee, vShow as j, watch as M, watchEffect as te, withCtx as N, withDirectives as ne, withModifiers as P } from "vue";
|
|
2
2
|
import { CORE_ACTION_TYPES as re, DocumentError as F, parseDocument as ie, parseSiteSettings as ae, renderPage as oe, trustedHtml as se } from "@skylivellc/lienzo-core";
|
|
3
|
-
import { AlignCenter as ce, AlignCenterHorizontal as I, AlignCenterVertical as le, AlignEndHorizontal as ue, AlignEndVertical as de, AlignHorizontalDistributeCenter as fe, AlignLeft as pe, AlignRight as me, AlignStartHorizontal as he, AlignStartVertical as ge, AlignVerticalDistributeCenter as _e, ArrowDownToLine as ve, ArrowUpToLine as ye, ChevronDown as be, ChevronUp as xe, CircleHelp as Se, Copy as Ce, CopyPlus as we, Eye as Te, FoldHorizontal as Ee, FoldVertical as De, Frame as Oe, GalleryHorizontalEnd as ke, History as Ae, Image as je, Images as Me, Layers as Ne,
|
|
3
|
+
import { AlignCenter as ce, AlignCenterHorizontal as I, AlignCenterVertical as le, AlignEndHorizontal as ue, AlignEndVertical as de, AlignHorizontalDistributeCenter as fe, AlignLeft as pe, AlignRight as me, AlignStartHorizontal as he, AlignStartVertical as ge, AlignVerticalDistributeCenter as _e, ArrowDownToLine as ve, ArrowUpToLine as ye, ChevronDown as be, ChevronUp as xe, CircleHelp as Se, Copy as Ce, CopyPlus as we, Eye as Te, FoldHorizontal as Ee, FoldVertical as De, Frame as Oe, GalleryHorizontalEnd as ke, History as Ae, Image as je, Images as Me, Layers as Ne, LayoutTemplate as Pe, ListFilter as Fe, Lock as L, LockOpen as Ie, Menu as Le, Minus as Re, Monitor as ze, MousePointerClick as Be, PanelTop as Ve, PencilLine as He, Pilcrow as Ue, Plus as We, Redo2 as Ge, RotateCcw as Ke, RotateCw as qe, Smartphone as Je, Sparkles as Ye, Square as Xe, SquareCheck as Ze, TextCursorInput as Qe, Trash2 as $e, Type as et, Undo2 as tt, Upload as nt, Video as rt, X as it } from "@lucide/vue";
|
|
4
4
|
//#region src/model/document.ts
|
|
5
|
-
var
|
|
5
|
+
var at = [
|
|
6
6
|
"heading",
|
|
7
7
|
"text",
|
|
8
8
|
"image",
|
|
@@ -18,27 +18,27 @@ var it = [
|
|
|
18
18
|
"textarea",
|
|
19
19
|
"select",
|
|
20
20
|
"checkbox"
|
|
21
|
-
],
|
|
22
|
-
function
|
|
21
|
+
], ot = new Set(at), st = (e) => ot.has(e), ct = (e) => "title" in e;
|
|
22
|
+
function lt(e) {
|
|
23
23
|
return [...e.sections, ...e.modals ?? []];
|
|
24
24
|
}
|
|
25
25
|
function R(e, t) {
|
|
26
|
-
return
|
|
26
|
+
return lt(e).find((e) => e.id === t);
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function ut(e, t) {
|
|
29
29
|
return t === "desktop" ? e.layout.desktop : e.layout.mobile ?? e.layout.desktop;
|
|
30
30
|
}
|
|
31
|
-
function
|
|
31
|
+
function dt(e, t, n) {
|
|
32
32
|
t === "desktop" ? e.layout.desktop = n : e.layout.mobile = n;
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function ft(e, t) {
|
|
35
35
|
return t === "desktop" ? e.height.desktop : e.height.mobile;
|
|
36
36
|
}
|
|
37
|
-
var
|
|
37
|
+
var pt = (e) => e.elements.some((e) => !e.layout.mobile);
|
|
38
38
|
function z(e) {
|
|
39
39
|
return `${e}-${Math.random().toString(36).slice(2, 9)}`;
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function mt(e, t = 24) {
|
|
42
42
|
let n = B(e);
|
|
43
43
|
return {
|
|
44
44
|
...n,
|
|
@@ -55,7 +55,7 @@ function pt(e, t = 24) {
|
|
|
55
55
|
function B(e) {
|
|
56
56
|
return JSON.parse(JSON.stringify(e));
|
|
57
57
|
}
|
|
58
|
-
function
|
|
58
|
+
function ht() {
|
|
59
59
|
return {
|
|
60
60
|
id: z("section"),
|
|
61
61
|
height: {
|
|
@@ -70,7 +70,7 @@ function mt() {
|
|
|
70
70
|
elements: []
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
|
-
var
|
|
73
|
+
var gt = [
|
|
74
74
|
{
|
|
75
75
|
key: "sm",
|
|
76
76
|
width: 420
|
|
@@ -92,13 +92,13 @@ var ht = [
|
|
|
92
92
|
width: 1200
|
|
93
93
|
}
|
|
94
94
|
];
|
|
95
|
-
function
|
|
95
|
+
function _t(e) {
|
|
96
96
|
return {
|
|
97
97
|
id: z("modal"),
|
|
98
98
|
title: e,
|
|
99
99
|
size: "md",
|
|
100
100
|
show_title: !0,
|
|
101
|
-
width:
|
|
101
|
+
width: gt[1].width,
|
|
102
102
|
height: {
|
|
103
103
|
desktop: 320,
|
|
104
104
|
mobile: 420
|
|
@@ -112,7 +112,7 @@ function gt(e) {
|
|
|
112
112
|
}
|
|
113
113
|
//#endregion
|
|
114
114
|
//#region src/model/geometry.ts
|
|
115
|
-
var
|
|
115
|
+
var vt = [
|
|
116
116
|
"nw",
|
|
117
117
|
"n",
|
|
118
118
|
"ne",
|
|
@@ -121,24 +121,24 @@ var _t = [
|
|
|
121
121
|
"s",
|
|
122
122
|
"sw",
|
|
123
123
|
"w"
|
|
124
|
-
],
|
|
124
|
+
], yt = [
|
|
125
125
|
"left",
|
|
126
126
|
"hcenter",
|
|
127
127
|
"right",
|
|
128
128
|
"top",
|
|
129
129
|
"vmiddle",
|
|
130
130
|
"bottom"
|
|
131
|
-
], V = (e, t, n) => Math.min(n, Math.max(t, e)), H = (e, t = 4) => Math.round(e / t) * t,
|
|
131
|
+
], V = (e, t, n) => Math.min(n, Math.max(t, e)), H = (e, t = 4) => Math.round(e / t) * t, bt = (e) => ({
|
|
132
132
|
x: V(e.x, -10, 110),
|
|
133
133
|
y: V(e.y, -400, 3e3),
|
|
134
134
|
w: V(e.w, .5, 100),
|
|
135
135
|
h: V(e.h, 1, 3e3)
|
|
136
136
|
});
|
|
137
|
-
function
|
|
137
|
+
function xt(e, t, n, r) {
|
|
138
138
|
let i = (e) => e / r * 100, a = { ...e };
|
|
139
|
-
return n === null ? (a.x = H(e.x + i(t.x), .5), a.y = H(e.y + t.y)) : (n.includes("e") && (a.w = e.w + i(t.x)), n.includes("s") && (a.h = H(e.h + t.y)), n.includes("w") && (a.x = H(e.x + i(t.x), .5), a.w = e.w - i(t.x)), n.includes("n") && (a.y = H(e.y + t.y), a.h = H(e.h - t.y)), a.w = H(a.w, .5)),
|
|
139
|
+
return n === null ? (a.x = H(e.x + i(t.x), .5), a.y = H(e.y + t.y)) : (n.includes("e") && (a.w = e.w + i(t.x)), n.includes("s") && (a.h = H(e.h + t.y)), n.includes("w") && (a.x = H(e.x + i(t.x), .5), a.w = e.w - i(t.x)), n.includes("n") && (a.y = H(e.y + t.y), a.h = H(e.h - t.y)), a.w = H(a.w, .5)), bt(a);
|
|
140
140
|
}
|
|
141
|
-
function
|
|
141
|
+
function St(e, t, n) {
|
|
142
142
|
let r = [
|
|
143
143
|
0,
|
|
144
144
|
t / 2,
|
|
@@ -157,7 +157,7 @@ function xt(e, t, n) {
|
|
|
157
157
|
y: i
|
|
158
158
|
};
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function Ct(e, t, n) {
|
|
161
161
|
let r = null;
|
|
162
162
|
for (let i of e) for (let e of t) {
|
|
163
163
|
let t = e - i;
|
|
@@ -168,7 +168,7 @@ function St(e, t, n) {
|
|
|
168
168
|
}
|
|
169
169
|
return r;
|
|
170
170
|
}
|
|
171
|
-
function
|
|
171
|
+
function wt(e, t, n, r, i) {
|
|
172
172
|
let a = { ...e }, o = e.x / 100 * n, s = e.w / 100 * n, c = {
|
|
173
173
|
x: [],
|
|
174
174
|
y: []
|
|
@@ -180,7 +180,7 @@ function Ct(e, t, n, r, i) {
|
|
|
180
180
|
e.y,
|
|
181
181
|
e.y + e.h / 2,
|
|
182
182
|
e.y + e.h
|
|
183
|
-
], d =
|
|
183
|
+
], d = Ct(l, t.x, r.x), f = Ct(u, t.y, r.y);
|
|
184
184
|
if (d) {
|
|
185
185
|
let e = d.shift / n * 100;
|
|
186
186
|
c.x.push(d.line), i ? i.includes("e") ? a.w += e : (a.x += e, a.w -= e) : a.x += e;
|
|
@@ -190,7 +190,7 @@ function Ct(e, t, n, r, i) {
|
|
|
190
190
|
guides: c
|
|
191
191
|
};
|
|
192
192
|
}
|
|
193
|
-
function
|
|
193
|
+
function Tt(e, t, n) {
|
|
194
194
|
switch (t) {
|
|
195
195
|
case "left": return {
|
|
196
196
|
...e,
|
|
@@ -218,7 +218,7 @@ function wt(e, t, n) {
|
|
|
218
218
|
};
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
-
function
|
|
221
|
+
function Et(e, t) {
|
|
222
222
|
let n = Math.min(...e.map((e) => e.x)), r = Math.max(...e.map((e) => e.x + e.w)), i = Math.min(...e.map((e) => e.y)), a = Math.max(...e.map((e) => e.y + e.h));
|
|
223
223
|
return e.map((e) => {
|
|
224
224
|
switch (t) {
|
|
@@ -249,7 +249,7 @@ function Tt(e, t) {
|
|
|
249
249
|
}
|
|
250
250
|
});
|
|
251
251
|
}
|
|
252
|
-
function
|
|
252
|
+
function Dt(e, t) {
|
|
253
253
|
if (e.length < 3) return [...e];
|
|
254
254
|
let n = e.map((e, t) => ({
|
|
255
255
|
box: e,
|
|
@@ -265,17 +265,17 @@ function Et(e, t) {
|
|
|
265
265
|
}
|
|
266
266
|
}), a;
|
|
267
267
|
}
|
|
268
|
-
function
|
|
268
|
+
function Ot(e) {
|
|
269
269
|
return Math.min(999, Math.max(0, ...e) + 1);
|
|
270
270
|
}
|
|
271
|
-
function
|
|
271
|
+
function kt(e) {
|
|
272
272
|
return Math.max(0, Math.min(1, ...e) - 1);
|
|
273
273
|
}
|
|
274
|
-
function
|
|
274
|
+
function At(e) {
|
|
275
275
|
let t = e.reduce((e, t) => Math.max(e, t.y + t.h), 0);
|
|
276
276
|
return Math.max(80, H(t + 64));
|
|
277
277
|
}
|
|
278
|
-
function
|
|
278
|
+
function jt(e, t, n) {
|
|
279
279
|
let r = e.map((e, t) => ({
|
|
280
280
|
...e,
|
|
281
281
|
index: t
|
|
@@ -296,14 +296,14 @@ function At(e, t, n) {
|
|
|
296
296
|
}
|
|
297
297
|
//#endregion
|
|
298
298
|
//#region src/model/theme.ts
|
|
299
|
-
var
|
|
299
|
+
var Mt = [
|
|
300
300
|
"primary",
|
|
301
301
|
"secondary",
|
|
302
302
|
"background",
|
|
303
303
|
"surface",
|
|
304
304
|
"text",
|
|
305
305
|
"muted"
|
|
306
|
-
],
|
|
306
|
+
], Nt = new Set(Mt), Pt = (e) => typeof e == "string" && Nt.has(e), Ft = [
|
|
307
307
|
{
|
|
308
308
|
name: "palette.blue",
|
|
309
309
|
colors: {
|
|
@@ -359,7 +359,7 @@ var jt = [
|
|
|
359
359
|
muted: "#6b7280"
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
],
|
|
362
|
+
], It = [
|
|
363
363
|
"Inter",
|
|
364
364
|
"Poppins",
|
|
365
365
|
"Montserrat",
|
|
@@ -370,12 +370,12 @@ var jt = [
|
|
|
370
370
|
"Playfair Display",
|
|
371
371
|
"Merriweather",
|
|
372
372
|
"Source Sans 3"
|
|
373
|
-
],
|
|
373
|
+
], Lt = (e) => `font.${e}`, Rt = [
|
|
374
374
|
1080,
|
|
375
375
|
1200,
|
|
376
376
|
1320,
|
|
377
377
|
1440
|
|
378
|
-
],
|
|
378
|
+
], zt = (e) => `theme.width.${e}`, Bt = [
|
|
379
379
|
{
|
|
380
380
|
name: "gradient.preset.primary",
|
|
381
381
|
gradient: {
|
|
@@ -412,12 +412,12 @@ var jt = [
|
|
|
412
412
|
angle: 200
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
|
-
],
|
|
416
|
-
function
|
|
417
|
-
let n =
|
|
415
|
+
], Vt = (e, t) => e ? Pt(e) ? t[e] : e : "transparent";
|
|
416
|
+
function Ht(e, t) {
|
|
417
|
+
let n = Vt(e.from, t), r = Vt(e.to, t);
|
|
418
418
|
return e.type === "radial" ? `radial-gradient(circle at 50% 50%, ${n}, ${r})` : `linear-gradient(${e.angle ?? 135}deg, ${n}, ${r})`;
|
|
419
419
|
}
|
|
420
|
-
function
|
|
420
|
+
function Ut(e, t) {
|
|
421
421
|
let n = (e) => [
|
|
422
422
|
1,
|
|
423
423
|
3,
|
|
@@ -425,20 +425,20 @@ function Ht(e, t) {
|
|
|
425
425
|
].map((t) => parseInt(e.slice(t, t + 2), 16)), [r = 0, i = 0, a = 0] = n(e), [o = 0, s = 0, c = 0] = n(t);
|
|
426
426
|
return (r - o) ** 2 + (i - s) ** 2 + (a - c) ** 2;
|
|
427
427
|
}
|
|
428
|
-
function Ut(e, t) {
|
|
429
|
-
return /^#[0-9a-fA-F]{6}$/.test(e) ? [...jt].sort((n, r) => Ht(e.toLowerCase(), t[n].toLowerCase()) - Ht(e.toLowerCase(), t[r].toLowerCase()))[0] ?? "text" : "text";
|
|
430
|
-
}
|
|
431
428
|
function Wt(e, t) {
|
|
432
|
-
|
|
429
|
+
return /^#[0-9a-fA-F]{6}$/.test(e) ? [...Mt].sort((n, r) => Ut(e.toLowerCase(), t[n].toLowerCase()) - Ut(e.toLowerCase(), t[r].toLowerCase()))[0] ?? "text" : "text";
|
|
430
|
+
}
|
|
431
|
+
function Gt(e, t) {
|
|
432
|
+
for (let n of lt(e)) {
|
|
433
433
|
let e = n.background.color;
|
|
434
|
-
e && !
|
|
434
|
+
e && !Pt(e) && (n.background.color = Wt(e, t));
|
|
435
435
|
for (let e of n.elements) for (let n of ["color", "background"]) {
|
|
436
436
|
let r = e.style[n];
|
|
437
|
-
r && !
|
|
437
|
+
r && !Pt(r) && (e.style[n] = Wt(r, t));
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
function
|
|
441
|
+
function Kt(e) {
|
|
442
442
|
return `https://fonts.googleapis.com/css2?${[...new Set(e)].map((e) => `family=${e.replaceAll(" ", "+")}:wght@300;400;500;600;700;800`).join("&")}&display=swap`;
|
|
443
443
|
}
|
|
444
444
|
//#endregion
|
|
@@ -449,12 +449,12 @@ var U = [
|
|
|
449
449
|
"border",
|
|
450
450
|
"effects",
|
|
451
451
|
"motion"
|
|
452
|
-
],
|
|
452
|
+
], qt = [
|
|
453
453
|
"fill",
|
|
454
454
|
"border",
|
|
455
455
|
"effects",
|
|
456
456
|
"motion"
|
|
457
|
-
],
|
|
457
|
+
], Jt = (e) => (t) => ({
|
|
458
458
|
box: {
|
|
459
459
|
x: 10,
|
|
460
460
|
w: 40,
|
|
@@ -478,7 +478,7 @@ var U = [
|
|
|
478
478
|
radius: 10,
|
|
479
479
|
padding: 10
|
|
480
480
|
}
|
|
481
|
-
}),
|
|
481
|
+
}), Yt = {
|
|
482
482
|
heading: {
|
|
483
483
|
label: "type.heading",
|
|
484
484
|
group: "content",
|
|
@@ -529,7 +529,7 @@ var U = [
|
|
|
529
529
|
image: {
|
|
530
530
|
label: "type.image",
|
|
531
531
|
group: "content",
|
|
532
|
-
styles:
|
|
532
|
+
styles: qt,
|
|
533
533
|
inline: null,
|
|
534
534
|
create: () => ({
|
|
535
535
|
box: {
|
|
@@ -579,7 +579,7 @@ var U = [
|
|
|
579
579
|
divider: {
|
|
580
580
|
label: "type.divider",
|
|
581
581
|
group: "content",
|
|
582
|
-
styles:
|
|
582
|
+
styles: qt,
|
|
583
583
|
inline: null,
|
|
584
584
|
create: () => ({
|
|
585
585
|
box: {
|
|
@@ -657,7 +657,7 @@ var U = [
|
|
|
657
657
|
w: 100,
|
|
658
658
|
h: 72
|
|
659
659
|
},
|
|
660
|
-
...
|
|
660
|
+
...Xt(e)[0]
|
|
661
661
|
})
|
|
662
662
|
},
|
|
663
663
|
gallery: {
|
|
@@ -705,31 +705,31 @@ var U = [
|
|
|
705
705
|
group: "form",
|
|
706
706
|
styles: U,
|
|
707
707
|
inline: null,
|
|
708
|
-
create:
|
|
708
|
+
create: Jt("input")
|
|
709
709
|
},
|
|
710
710
|
textarea: {
|
|
711
711
|
label: "type.textarea",
|
|
712
712
|
group: "form",
|
|
713
713
|
styles: U,
|
|
714
714
|
inline: null,
|
|
715
|
-
create:
|
|
715
|
+
create: Jt("textarea")
|
|
716
716
|
},
|
|
717
717
|
select: {
|
|
718
718
|
label: "type.select",
|
|
719
719
|
group: "form",
|
|
720
720
|
styles: U,
|
|
721
721
|
inline: null,
|
|
722
|
-
create:
|
|
722
|
+
create: Jt("select")
|
|
723
723
|
},
|
|
724
724
|
checkbox: {
|
|
725
725
|
label: "type.checkbox",
|
|
726
726
|
group: "form",
|
|
727
727
|
styles: U,
|
|
728
728
|
inline: null,
|
|
729
|
-
create:
|
|
729
|
+
create: Jt("checkbox")
|
|
730
730
|
}
|
|
731
731
|
};
|
|
732
|
-
function
|
|
732
|
+
function Xt(e) {
|
|
733
733
|
let t = (t) => ({
|
|
734
734
|
label: e(t),
|
|
735
735
|
action: {
|
|
@@ -889,11 +889,11 @@ function Yt(e) {
|
|
|
889
889
|
}
|
|
890
890
|
];
|
|
891
891
|
}
|
|
892
|
-
function
|
|
893
|
-
if (
|
|
892
|
+
function Zt(e, t) {
|
|
893
|
+
if (st(e.type)) return {
|
|
894
894
|
kind: "core",
|
|
895
895
|
element: e,
|
|
896
|
-
spec:
|
|
896
|
+
spec: Yt[e.type]
|
|
897
897
|
};
|
|
898
898
|
let n = t.elements.find((t) => t.type === e.type);
|
|
899
899
|
return n ? {
|
|
@@ -905,8 +905,8 @@ function Xt(e, t) {
|
|
|
905
905
|
element: e
|
|
906
906
|
};
|
|
907
907
|
}
|
|
908
|
-
function
|
|
909
|
-
let r = e.kind === "core" ?
|
|
908
|
+
function Qt(e, t, n) {
|
|
909
|
+
let r = e.kind === "core" ? Yt[e.type].create(n) : $t(e.spec), i = e.kind === "core" ? e.type : e.spec.type;
|
|
910
910
|
return {
|
|
911
911
|
id: z(i),
|
|
912
912
|
type: i,
|
|
@@ -922,7 +922,7 @@ function Zt(e, t, n) {
|
|
|
922
922
|
style: r.style
|
|
923
923
|
};
|
|
924
924
|
}
|
|
925
|
-
function
|
|
925
|
+
function $t(e) {
|
|
926
926
|
let t = {};
|
|
927
927
|
for (let n of e.fields) n.kind !== "image" && n.kind !== "action" && n.default !== void 0 && (t[n.key] = n.default);
|
|
928
928
|
return {
|
|
@@ -935,7 +935,7 @@ function Qt(e) {
|
|
|
935
935
|
style: {}
|
|
936
936
|
};
|
|
937
937
|
}
|
|
938
|
-
function
|
|
938
|
+
function en(e, t) {
|
|
939
939
|
let n = e.props, r = [
|
|
940
940
|
n.text,
|
|
941
941
|
n.label,
|
|
@@ -945,7 +945,7 @@ function $t(e, t) {
|
|
|
945
945
|
}
|
|
946
946
|
//#endregion
|
|
947
947
|
//#region src/model/history.ts
|
|
948
|
-
function
|
|
948
|
+
function tn(e, t = 50) {
|
|
949
949
|
let n = [e], r = 0, i = (e) => {
|
|
950
950
|
let t = r + e;
|
|
951
951
|
return t < 0 || t >= n.length ? null : (r = t, n[r] ?? null);
|
|
@@ -969,7 +969,7 @@ function en(e, t = 50) {
|
|
|
969
969
|
}
|
|
970
970
|
//#endregion
|
|
971
971
|
//#region src/i18n/en.ts
|
|
972
|
-
var
|
|
972
|
+
var nn = {
|
|
973
973
|
"load.loading": "Loading the editor…",
|
|
974
974
|
"load.failed": "Couldn't load the editor: {message}",
|
|
975
975
|
"load.retry": "Try again",
|
|
@@ -1018,12 +1018,14 @@ var tn = {
|
|
|
1018
1018
|
"common.add": "Add",
|
|
1019
1019
|
"common.new": "New",
|
|
1020
1020
|
"tabs.elements": "Elements",
|
|
1021
|
+
"tabs.blocks": "Blocks",
|
|
1021
1022
|
"tabs.layers": "Layers",
|
|
1022
1023
|
"tabs.modals": "Modals",
|
|
1023
1024
|
"tabs.media": "Media",
|
|
1024
1025
|
"elements.addHint": "Click to add it, or drag it onto the canvas",
|
|
1025
1026
|
"elements.app": "From your app",
|
|
1026
1027
|
"elements.appHint": "These elements show live data from your app.",
|
|
1028
|
+
"elements.sectionsHint": "A whole section, ready to edit. It lands at the end of the page.",
|
|
1027
1029
|
"elements.sections": "Ready-made sections",
|
|
1028
1030
|
"elements.form": "Form",
|
|
1029
1031
|
"elements.formHint": "Fields are sent by a button whose action is \"Submit the form\". They must be in the same section or modal as the button.",
|
|
@@ -1586,7 +1588,7 @@ var tn = {
|
|
|
1586
1588
|
"newPage.slugFallback": "address",
|
|
1587
1589
|
"theme.hex": "{label}, hex code",
|
|
1588
1590
|
"site.localeHint": "Two letters, optionally with the country: en, es, pt-BR."
|
|
1589
|
-
},
|
|
1591
|
+
}, rn = {
|
|
1590
1592
|
"load.loading": "Cargando el editor...",
|
|
1591
1593
|
"load.failed": "No se pudo cargar el editor: {message}",
|
|
1592
1594
|
"load.retry": "Intentar de nuevo",
|
|
@@ -1635,12 +1637,14 @@ var tn = {
|
|
|
1635
1637
|
"common.add": "Agregar",
|
|
1636
1638
|
"common.new": "Nueva",
|
|
1637
1639
|
"tabs.elements": "Elementos",
|
|
1640
|
+
"tabs.blocks": "Bloques",
|
|
1638
1641
|
"tabs.layers": "Capas",
|
|
1639
1642
|
"tabs.modals": "Ventanas",
|
|
1640
1643
|
"tabs.media": "Medios",
|
|
1641
1644
|
"elements.addHint": "Haz clic para agregarlo, o arrástralo al lienzo",
|
|
1642
1645
|
"elements.app": "De tu aplicación",
|
|
1643
1646
|
"elements.appHint": "Estos elementos muestran datos vivos de tu aplicación.",
|
|
1647
|
+
"elements.sectionsHint": "Una sección entera, lista para editar. Entra al final de la página.",
|
|
1644
1648
|
"elements.sections": "Secciones listas",
|
|
1645
1649
|
"elements.form": "Formulario",
|
|
1646
1650
|
"elements.formHint": "Los campos se envían con un botón cuya acción sea «Enviar el formulario». Deben estar en la misma sección o ventana que el botón.",
|
|
@@ -2203,30 +2207,30 @@ var tn = {
|
|
|
2203
2207
|
"newPage.slugFallback": "direccion",
|
|
2204
2208
|
"theme.hex": "{label}, código hex",
|
|
2205
2209
|
"site.localeHint": "Dos letras, y si quieres el país: en, es, pt-BR."
|
|
2206
|
-
},
|
|
2207
|
-
en:
|
|
2208
|
-
es:
|
|
2210
|
+
}, an = {
|
|
2211
|
+
en: nn,
|
|
2212
|
+
es: rn
|
|
2209
2213
|
};
|
|
2210
|
-
function
|
|
2214
|
+
function on(e, t = {}) {
|
|
2211
2215
|
let n = e.split("-")[0] ?? e, r = [
|
|
2212
2216
|
t[e] ?? {},
|
|
2213
|
-
|
|
2217
|
+
an[e] ?? {},
|
|
2214
2218
|
t[n] ?? {},
|
|
2215
|
-
|
|
2219
|
+
an[n] ?? {},
|
|
2216
2220
|
t.en ?? {}
|
|
2217
|
-
], i = (e) => r.find((t) => t[e] !== void 0)?.[e] ??
|
|
2221
|
+
], i = (e) => r.find((t) => t[e] !== void 0)?.[e] ?? nn[e];
|
|
2218
2222
|
return {
|
|
2219
2223
|
locale: e,
|
|
2220
|
-
t: (e, t) =>
|
|
2224
|
+
t: (e, t) => sn(i(e), t),
|
|
2221
2225
|
localized: (t) => t[e] ?? t[n] ?? t.en
|
|
2222
2226
|
};
|
|
2223
2227
|
}
|
|
2224
|
-
function
|
|
2228
|
+
function sn(e, t) {
|
|
2225
2229
|
return t ? e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e) : e;
|
|
2226
2230
|
}
|
|
2227
2231
|
//#endregion
|
|
2228
2232
|
//#region src/model/templates.ts
|
|
2229
|
-
var
|
|
2233
|
+
var cn = on("en").t;
|
|
2230
2234
|
function W(e, t, n) {
|
|
2231
2235
|
return {
|
|
2232
2236
|
id: z("section"),
|
|
@@ -2236,7 +2240,7 @@ function W(e, t, n) {
|
|
|
2236
2240
|
},
|
|
2237
2241
|
background: t,
|
|
2238
2242
|
elements: n.map((e, t) => {
|
|
2239
|
-
let n =
|
|
2243
|
+
let n = Yt[e.type].create(cn);
|
|
2240
2244
|
return {
|
|
2241
2245
|
id: z(e.type),
|
|
2242
2246
|
type: e.type,
|
|
@@ -2260,14 +2264,14 @@ function W(e, t, n) {
|
|
|
2260
2264
|
var G = (e) => ({
|
|
2261
2265
|
type: "color",
|
|
2262
2266
|
color: e
|
|
2263
|
-
}),
|
|
2267
|
+
}), ln = {
|
|
2264
2268
|
color: "secondary",
|
|
2265
2269
|
background: "background",
|
|
2266
2270
|
border_width: 1,
|
|
2267
2271
|
border_color: "muted",
|
|
2268
2272
|
radius: 12,
|
|
2269
2273
|
padding: 12
|
|
2270
|
-
},
|
|
2274
|
+
}, un = (e, t, n, r) => [
|
|
2271
2275
|
{
|
|
2272
2276
|
type: "icon",
|
|
2273
2277
|
box: {
|
|
@@ -2317,7 +2321,7 @@ var G = (e) => ({
|
|
|
2317
2321
|
line_height: 1.5
|
|
2318
2322
|
}
|
|
2319
2323
|
}
|
|
2320
|
-
],
|
|
2324
|
+
], dn = (e, t, n, r, i) => [
|
|
2321
2325
|
{
|
|
2322
2326
|
type: "shape",
|
|
2323
2327
|
box: {
|
|
@@ -2409,7 +2413,7 @@ var G = (e) => ({
|
|
|
2409
2413
|
size: 15
|
|
2410
2414
|
}
|
|
2411
2415
|
}
|
|
2412
|
-
],
|
|
2416
|
+
], fn = (e, t, n, r) => [
|
|
2413
2417
|
{
|
|
2414
2418
|
type: "heading",
|
|
2415
2419
|
box: {
|
|
@@ -2463,7 +2467,7 @@ var G = (e) => ({
|
|
|
2463
2467
|
line_height: 1.6
|
|
2464
2468
|
}
|
|
2465
2469
|
}
|
|
2466
|
-
],
|
|
2470
|
+
], pn = (e, t, n) => [
|
|
2467
2471
|
{
|
|
2468
2472
|
type: "image",
|
|
2469
2473
|
box: {
|
|
@@ -2514,7 +2518,7 @@ var G = (e) => ({
|
|
|
2514
2518
|
size: 14
|
|
2515
2519
|
}
|
|
2516
2520
|
}
|
|
2517
|
-
],
|
|
2521
|
+
], mn = (e, t, n) => [
|
|
2518
2522
|
{
|
|
2519
2523
|
type: "heading",
|
|
2520
2524
|
box: {
|
|
@@ -2563,7 +2567,7 @@ var G = (e) => ({
|
|
|
2563
2567
|
opacity: .25
|
|
2564
2568
|
}
|
|
2565
2569
|
}
|
|
2566
|
-
],
|
|
2570
|
+
], hn = {
|
|
2567
2571
|
hero: () => W(680, G("background"), [
|
|
2568
2572
|
{
|
|
2569
2573
|
type: "shape",
|
|
@@ -2702,9 +2706,9 @@ var G = (e) => ({
|
|
|
2702
2706
|
line_height: 1.6
|
|
2703
2707
|
}
|
|
2704
2708
|
},
|
|
2705
|
-
...
|
|
2706
|
-
...
|
|
2707
|
-
...
|
|
2709
|
+
...un(100, "star", "Clear from the start", "You know what you get and what it costs before anything begins."),
|
|
2710
|
+
...un(190, "clock", "On time", "We agree on dates up front and keep you posted at every step."),
|
|
2711
|
+
...un(280, "heart", "Here afterwards", "Questions after the work is done get the same attention.")
|
|
2708
2712
|
]),
|
|
2709
2713
|
about: () => W(480, G("background"), [
|
|
2710
2714
|
{
|
|
@@ -2934,7 +2938,7 @@ var G = (e) => ({
|
|
|
2934
2938
|
required: !0,
|
|
2935
2939
|
input_type: "text"
|
|
2936
2940
|
},
|
|
2937
|
-
style:
|
|
2941
|
+
style: ln
|
|
2938
2942
|
},
|
|
2939
2943
|
{
|
|
2940
2944
|
type: "input",
|
|
@@ -2950,7 +2954,7 @@ var G = (e) => ({
|
|
|
2950
2954
|
required: !0,
|
|
2951
2955
|
input_type: "email"
|
|
2952
2956
|
},
|
|
2953
|
-
style:
|
|
2957
|
+
style: ln
|
|
2954
2958
|
},
|
|
2955
2959
|
{
|
|
2956
2960
|
type: "select",
|
|
@@ -2971,7 +2975,7 @@ var G = (e) => ({
|
|
|
2971
2975
|
"Other"
|
|
2972
2976
|
]
|
|
2973
2977
|
},
|
|
2974
|
-
style:
|
|
2978
|
+
style: ln
|
|
2975
2979
|
},
|
|
2976
2980
|
{
|
|
2977
2981
|
type: "textarea",
|
|
@@ -2986,7 +2990,7 @@ var G = (e) => ({
|
|
|
2986
2990
|
placeholder: "Optional",
|
|
2987
2991
|
required: !1
|
|
2988
2992
|
},
|
|
2989
|
-
style:
|
|
2993
|
+
style: ln
|
|
2990
2994
|
},
|
|
2991
2995
|
{
|
|
2992
2996
|
type: "checkbox",
|
|
@@ -3450,9 +3454,9 @@ var G = (e) => ({
|
|
|
3450
3454
|
weight: 700
|
|
3451
3455
|
}
|
|
3452
3456
|
},
|
|
3453
|
-
...
|
|
3454
|
-
...
|
|
3455
|
-
...
|
|
3457
|
+
...fn(6, "1", "You write to us", "Tell us what you need and when you need it."),
|
|
3458
|
+
...fn(37, "2", "We answer with a plan", "A date, a price and what is included."),
|
|
3459
|
+
...fn(68, "3", "We start", "You see progress every week, not at the end.")
|
|
3456
3460
|
]),
|
|
3457
3461
|
pricing: () => W(560, G("background"), [
|
|
3458
3462
|
{
|
|
@@ -3474,9 +3478,9 @@ var G = (e) => ({
|
|
|
3474
3478
|
weight: 700
|
|
3475
3479
|
}
|
|
3476
3480
|
},
|
|
3477
|
-
...
|
|
3478
|
-
...
|
|
3479
|
-
...
|
|
3481
|
+
...dn(8, "Start", "$19", "One site\nOne editor\nEmail support", !1),
|
|
3482
|
+
...dn(38, "Studio", "$49", "Five sites\nFive editors\nSupport in a day", !0),
|
|
3483
|
+
...dn(68, "Agency", "$99", "Sites without a limit\nYour own domain\nSupport in an hour", !1)
|
|
3480
3484
|
]),
|
|
3481
3485
|
team: () => W(500, G("surface"), [
|
|
3482
3486
|
{
|
|
@@ -3498,10 +3502,10 @@ var G = (e) => ({
|
|
|
3498
3502
|
weight: 700
|
|
3499
3503
|
}
|
|
3500
3504
|
},
|
|
3501
|
-
...
|
|
3502
|
-
...
|
|
3503
|
-
...
|
|
3504
|
-
...
|
|
3505
|
+
...pn(6, "Name Surname", "What they do"),
|
|
3506
|
+
...pn(29, "Name Surname", "What they do"),
|
|
3507
|
+
...pn(52, "Name Surname", "What they do"),
|
|
3508
|
+
...pn(75, "Name Surname", "What they do")
|
|
3505
3509
|
]),
|
|
3506
3510
|
faq: () => W(620, G("background"), [
|
|
3507
3511
|
{
|
|
@@ -3523,10 +3527,10 @@ var G = (e) => ({
|
|
|
3523
3527
|
weight: 700
|
|
3524
3528
|
}
|
|
3525
3529
|
},
|
|
3526
|
-
...
|
|
3527
|
-
...
|
|
3528
|
-
...
|
|
3529
|
-
...
|
|
3530
|
+
...mn(160, "How long does it take?", "Two to four weeks, counted from the day the content is ready."),
|
|
3531
|
+
...mn(270, "What do you need from me?", "Texts, pictures and someone who can decide."),
|
|
3532
|
+
...mn(380, "Can I edit it later?", "Yes. The site is yours and it is edited here, without us."),
|
|
3533
|
+
...mn(490, "What if I do not like it?", "You see it before it is published, and we change it.")
|
|
3530
3534
|
]),
|
|
3531
3535
|
newsletter: () => W(360, G("primary"), [
|
|
3532
3536
|
{
|
|
@@ -3725,7 +3729,7 @@ var G = (e) => ({
|
|
|
3725
3729
|
}
|
|
3726
3730
|
}
|
|
3727
3731
|
])
|
|
3728
|
-
},
|
|
3732
|
+
}, gn = [
|
|
3729
3733
|
{
|
|
3730
3734
|
key: "hero",
|
|
3731
3735
|
name: "template.hero",
|
|
@@ -3816,7 +3820,7 @@ var G = (e) => ({
|
|
|
3816
3820
|
name: "template.footerBig",
|
|
3817
3821
|
group: "close"
|
|
3818
3822
|
}
|
|
3819
|
-
],
|
|
3823
|
+
], _n = [
|
|
3820
3824
|
{
|
|
3821
3825
|
key: "open",
|
|
3822
3826
|
name: "template.group.open"
|
|
@@ -3833,7 +3837,7 @@ var G = (e) => ({
|
|
|
3833
3837
|
key: "close",
|
|
3834
3838
|
name: "template.group.close"
|
|
3835
3839
|
}
|
|
3836
|
-
],
|
|
3840
|
+
], vn = {
|
|
3837
3841
|
full: [
|
|
3838
3842
|
"hero",
|
|
3839
3843
|
"features",
|
|
@@ -3853,7 +3857,7 @@ var G = (e) => ({
|
|
|
3853
3857
|
"contact",
|
|
3854
3858
|
"footer"
|
|
3855
3859
|
]
|
|
3856
|
-
},
|
|
3860
|
+
}, yn = [
|
|
3857
3861
|
{
|
|
3858
3862
|
key: "full",
|
|
3859
3863
|
name: "pageTemplate.full",
|
|
@@ -3869,10 +3873,10 @@ var G = (e) => ({
|
|
|
3869
3873
|
name: "pageTemplate.landing",
|
|
3870
3874
|
note: "pageTemplate.landing.note"
|
|
3871
3875
|
}
|
|
3872
|
-
],
|
|
3876
|
+
], bn = (e) => hn[e](), xn = (e) => vn[e].map((e) => hn[e]());
|
|
3873
3877
|
//#endregion
|
|
3874
3878
|
//#region src/state/autosave.ts
|
|
3875
|
-
function
|
|
3879
|
+
function Sn({ read: e, save: t, delay: n = 1500, offlineRetry: r = 5e3 }) {
|
|
3876
3880
|
let i = w({
|
|
3877
3881
|
kind: "saved",
|
|
3878
3882
|
at: null
|
|
@@ -3896,7 +3900,7 @@ function xn({ read: e, save: t, delay: n = 1500, offlineRetry: r = 5e3 }) {
|
|
|
3896
3900
|
return p === s ? h.ok ? (o = f, a() === o ? (i.value = {
|
|
3897
3901
|
kind: "saved",
|
|
3898
3902
|
at: /* @__PURE__ */ new Date()
|
|
3899
|
-
}, !0) : (i.value = { kind: "pending" }, u(n), !1)) : (i.value =
|
|
3903
|
+
}, !0) : (i.value = { kind: "pending" }, u(n), !1)) : (i.value = Cn(h.failure), i.value.kind === "offline" && u(r), !1) : !1;
|
|
3900
3904
|
}
|
|
3901
3905
|
let f = () => {
|
|
3902
3906
|
i.value.kind === "offline" && d();
|
|
@@ -3937,7 +3941,7 @@ function xn({ read: e, save: t, delay: n = 1500, offlineRetry: r = 5e3 }) {
|
|
|
3937
3941
|
}
|
|
3938
3942
|
};
|
|
3939
3943
|
}
|
|
3940
|
-
function
|
|
3944
|
+
function Cn(e) {
|
|
3941
3945
|
switch (e.kind) {
|
|
3942
3946
|
case "offline": return { kind: "offline" };
|
|
3943
3947
|
case "conflict": return { kind: "conflict" };
|
|
@@ -3954,7 +3958,7 @@ function Sn(e) {
|
|
|
3954
3958
|
}
|
|
3955
3959
|
//#endregion
|
|
3956
3960
|
//#region src/state/previews.ts
|
|
3957
|
-
function
|
|
3961
|
+
function wn(e, t = 250) {
|
|
3958
3962
|
let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = w(0), a;
|
|
3959
3963
|
async function o() {
|
|
3960
3964
|
let t = [...r.entries()];
|
|
@@ -3972,7 +3976,7 @@ function Cn(e, t = 250) {
|
|
|
3972
3976
|
return {
|
|
3973
3977
|
version: i,
|
|
3974
3978
|
get(e) {
|
|
3975
|
-
let i =
|
|
3979
|
+
let i = Tn(e);
|
|
3976
3980
|
return n.get(i) || (n.set(i, { status: "loading" }), r.set(i, {
|
|
3977
3981
|
id: e.id,
|
|
3978
3982
|
type: e.type,
|
|
@@ -3981,19 +3985,19 @@ function Cn(e, t = 250) {
|
|
|
3981
3985
|
}
|
|
3982
3986
|
};
|
|
3983
3987
|
}
|
|
3984
|
-
function
|
|
3988
|
+
function Tn(e) {
|
|
3985
3989
|
let t = Object.keys(e.props).sort().map((t) => [t, e.props[t]]);
|
|
3986
3990
|
return JSON.stringify([e.type, t]);
|
|
3987
3991
|
}
|
|
3988
3992
|
//#endregion
|
|
3989
3993
|
//#region src/state/editor.ts
|
|
3990
|
-
var
|
|
3994
|
+
var En = "lienzo-editor-clipboard", Dn = Symbol("lienzo-editor");
|
|
3991
3995
|
function K() {
|
|
3992
|
-
let e = l(
|
|
3996
|
+
let e = l(Dn);
|
|
3993
3997
|
if (!e) throw Error("useEditor() outside <LienzoEditor>");
|
|
3994
3998
|
return e;
|
|
3995
3999
|
}
|
|
3996
|
-
function
|
|
4000
|
+
function On({ client: e, i18n: n }) {
|
|
3997
4001
|
let r = n.t, i = y({
|
|
3998
4002
|
load: { kind: "loading" },
|
|
3999
4003
|
workspace: {
|
|
@@ -4026,7 +4030,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4026
4030
|
renderIssues: [],
|
|
4027
4031
|
publishing: !1,
|
|
4028
4032
|
toasts: []
|
|
4029
|
-
}), a =
|
|
4033
|
+
}), a = tn(""), o = w(0), s = wn(e), c = Sn({
|
|
4030
4034
|
read: () => B({
|
|
4031
4035
|
page: i.page?.id ?? null,
|
|
4032
4036
|
title: i.page?.title ?? "",
|
|
@@ -4041,7 +4045,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4041
4045
|
let n = await e("PUT /pages/:id", { id: t.page }, {
|
|
4042
4046
|
baseRevision: i.revision,
|
|
4043
4047
|
title: t.title,
|
|
4044
|
-
seo:
|
|
4048
|
+
seo: An(t.seo),
|
|
4045
4049
|
draft: t.draft
|
|
4046
4050
|
});
|
|
4047
4051
|
return i.page?.id === t.page ? n.ok ? (i.revision = n.value.revision, { ok: !0 }) : (n.failure.kind === "conflict" && (i.dialog = "conflict"), n) : { ok: !0 };
|
|
@@ -4112,7 +4116,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4112
4116
|
if (e instanceof F) {
|
|
4113
4117
|
i.load = {
|
|
4114
4118
|
kind: "failed",
|
|
4115
|
-
message:
|
|
4119
|
+
message: kn(e.issues[0])
|
|
4116
4120
|
};
|
|
4117
4121
|
return;
|
|
4118
4122
|
}
|
|
@@ -4140,7 +4144,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4140
4144
|
} catch (e) {
|
|
4141
4145
|
if (e instanceof F) return i.load = {
|
|
4142
4146
|
kind: "failed",
|
|
4143
|
-
message: r("load.invalidDraft", { issue:
|
|
4147
|
+
message: r("load.invalidDraft", { issue: kn(e.issues[0]) })
|
|
4144
4148
|
}, !1;
|
|
4145
4149
|
throw e;
|
|
4146
4150
|
}
|
|
@@ -4256,7 +4260,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4256
4260
|
function I(e, t, n) {
|
|
4257
4261
|
let a = t ? R(i.draft, t.canvas) : m.value;
|
|
4258
4262
|
if (!a) return;
|
|
4259
|
-
let o =
|
|
4263
|
+
let o = Qt(e, t ? t.y : a.elements.length * 24 + 40, r);
|
|
4260
4264
|
n && (o.props = {
|
|
4261
4265
|
...o.props,
|
|
4262
4266
|
src: n
|
|
@@ -4286,7 +4290,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4286
4290
|
}
|
|
4287
4291
|
function de(e, t) {
|
|
4288
4292
|
let n = /* @__PURE__ */ new Map(), r = Math.max(0, ...e.elements.map((e) => e.z)), a = t.map((e, t) => {
|
|
4289
|
-
let i =
|
|
4293
|
+
let i = mt(e), a = i.group ? n.get(i.group) ?? n.set(i.group, z("group")).get(i.group) : null;
|
|
4290
4294
|
return {
|
|
4291
4295
|
...i,
|
|
4292
4296
|
group: a,
|
|
@@ -4303,7 +4307,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4303
4307
|
function fe() {
|
|
4304
4308
|
let e = h.value;
|
|
4305
4309
|
if (e.length !== 0) try {
|
|
4306
|
-
window.localStorage.setItem(
|
|
4310
|
+
window.localStorage.setItem(En, JSON.stringify(e)), b(e.length === 1 ? r("toast.copied") : r("toast.copiedMany", { n: e.length }));
|
|
4307
4311
|
} catch {
|
|
4308
4312
|
b(r("toast.copyFailed"), "error");
|
|
4309
4313
|
}
|
|
@@ -4311,8 +4315,8 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4311
4315
|
function pe() {
|
|
4312
4316
|
let e = m.value, t = [];
|
|
4313
4317
|
try {
|
|
4314
|
-
let e = JSON.parse(window.localStorage.getItem(
|
|
4315
|
-
t = Array.isArray(e) ? e.filter((e) =>
|
|
4318
|
+
let e = JSON.parse(window.localStorage.getItem(En) ?? "[]");
|
|
4319
|
+
t = Array.isArray(e) ? e.filter((e) => jn(e, l.value)) : [];
|
|
4316
4320
|
} catch {
|
|
4317
4321
|
t = [];
|
|
4318
4322
|
}
|
|
@@ -4323,16 +4327,16 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4323
4327
|
if (t.length === 0 || !n) return;
|
|
4324
4328
|
let r = new Set(t.map((e) => e.id)), i = n.elements.filter((e) => !r.has(e.id)).map((e) => e.z), a = [...t].sort((e, t) => e.z - t.z);
|
|
4325
4329
|
a.forEach((t, n) => {
|
|
4326
|
-
t.z = e === "front" ?
|
|
4330
|
+
t.z = e === "front" ? Ot(i) + n : kt(i) - (a.length - 1 - n);
|
|
4327
4331
|
}), j();
|
|
4328
4332
|
}
|
|
4329
4333
|
function he(e) {
|
|
4330
4334
|
let t = h.value, n = m.value;
|
|
4331
|
-
t.length !== 0 && n && (t.length === 1 ?
|
|
4335
|
+
t.length !== 0 && n && (t.length === 1 ? dt(t[0], i.device, Tt(ut(t[0], i.device), e, ft(n, i.device))) : Et(t.map((e) => ut(e, i.device)), e).forEach((e, n) => dt(t[n], i.device, e)), j());
|
|
4332
4336
|
}
|
|
4333
4337
|
function ge(e) {
|
|
4334
4338
|
let t = h.value;
|
|
4335
|
-
|
|
4339
|
+
Dt(t.map((e) => ut(e, i.device)), e).forEach((e, n) => dt(t[n], i.device, e)), j();
|
|
4336
4340
|
}
|
|
4337
4341
|
function _e() {
|
|
4338
4342
|
let e = h.value, t = g.value ?? e[0] ?? null;
|
|
@@ -4365,11 +4369,11 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4365
4369
|
}
|
|
4366
4370
|
function xe(e, t) {
|
|
4367
4371
|
let n = m.value;
|
|
4368
|
-
if (!n || i.device === "mobile" &&
|
|
4372
|
+
if (!n || i.device === "mobile" && pt(n)) return;
|
|
4369
4373
|
let r = h.value.filter((e) => !e.locked);
|
|
4370
4374
|
for (let n of r) {
|
|
4371
|
-
let r =
|
|
4372
|
-
|
|
4375
|
+
let r = ut(n, i.device);
|
|
4376
|
+
dt(n, i.device, bt({
|
|
4373
4377
|
...r,
|
|
4374
4378
|
x: r.x + e * .5,
|
|
4375
4379
|
y: r.y + t
|
|
@@ -4381,11 +4385,11 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4381
4385
|
let t = m.value;
|
|
4382
4386
|
for (let { id: n, box: r } of e) {
|
|
4383
4387
|
let e = t?.elements.find((e) => e.id === n);
|
|
4384
|
-
e &&
|
|
4388
|
+
e && dt(e, i.device, r);
|
|
4385
4389
|
}
|
|
4386
4390
|
j();
|
|
4387
4391
|
}
|
|
4388
|
-
function Ce(e =
|
|
4392
|
+
function Ce(e = ht(), t) {
|
|
4389
4393
|
let n = t === void 0 ? -1 : i.draft.sections.findIndex((e) => e.id === t);
|
|
4390
4394
|
n === -1 ? i.draft.sections.push(e) : i.draft.sections.splice(n + 1, 0, e), i.view = { kind: "page" }, i.selection = {
|
|
4391
4395
|
kind: "canvas",
|
|
@@ -4393,7 +4397,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4393
4397
|
}, j();
|
|
4394
4398
|
}
|
|
4395
4399
|
function we(e) {
|
|
4396
|
-
let t =
|
|
4400
|
+
let t = xn(e);
|
|
4397
4401
|
i.draft.sections = t, i.selection = {
|
|
4398
4402
|
kind: "canvas",
|
|
4399
4403
|
canvas: t[0].id
|
|
@@ -4444,17 +4448,17 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4444
4448
|
}), j();
|
|
4445
4449
|
}
|
|
4446
4450
|
function ke(e) {
|
|
4447
|
-
e.height.desktop = Math.min(
|
|
4451
|
+
e.height.desktop = Math.min(ct(e) ? 2e3 : 3e3, At(e.elements.map((e) => e.layout.desktop))), j();
|
|
4448
4452
|
}
|
|
4449
4453
|
function Ae(e) {
|
|
4450
|
-
let t =
|
|
4454
|
+
let t = ct(e) ? e.width : d.value.max_width, { boxes: n, height: i } = jt(e.elements.map((e) => ({
|
|
4451
4455
|
desktop: e.layout.desktop,
|
|
4452
4456
|
text: e.type === "text"
|
|
4453
4457
|
})), t, 390);
|
|
4454
|
-
e.elements.forEach((e, t) => e.layout.mobile = n[t] ?? null), e.height.mobile = Math.min(
|
|
4458
|
+
e.elements.forEach((e, t) => e.layout.mobile = n[t] ?? null), e.height.mobile = Math.min(ct(e) ? 2400 : 4e3, i), j(), b(r("toast.mobileGenerated"));
|
|
4455
4459
|
}
|
|
4456
4460
|
function je() {
|
|
4457
|
-
let e =
|
|
4461
|
+
let e = _t(r("modals.defaultTitle"));
|
|
4458
4462
|
i.draft.modals = [...i.draft.modals ?? [], e], j(), Me(e.id);
|
|
4459
4463
|
}
|
|
4460
4464
|
function Me(e) {
|
|
@@ -4511,7 +4515,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4511
4515
|
try {
|
|
4512
4516
|
i.draft = B(ie(r.value.draft, l.value));
|
|
4513
4517
|
} catch (e) {
|
|
4514
|
-
if (e instanceof F) return
|
|
4518
|
+
if (e instanceof F) return kn(e.issues[0]);
|
|
4515
4519
|
throw e;
|
|
4516
4520
|
}
|
|
4517
4521
|
return i.revision = r.value.revision, n.versions = r.value.versions, c.reset(), null;
|
|
@@ -4633,7 +4637,7 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4633
4637
|
frameWidth: _,
|
|
4634
4638
|
canUndo: N,
|
|
4635
4639
|
canRedo: ne,
|
|
4636
|
-
kindOf: (e) =>
|
|
4640
|
+
kindOf: (e) => Zt(e, l.value),
|
|
4637
4641
|
notify: b,
|
|
4638
4642
|
failureText: S,
|
|
4639
4643
|
dismiss: x,
|
|
@@ -4685,14 +4689,14 @@ function Dn({ client: e, i18n: n }) {
|
|
|
4685
4689
|
dispose: () => c.dispose()
|
|
4686
4690
|
};
|
|
4687
4691
|
}
|
|
4688
|
-
var
|
|
4692
|
+
var kn = (e) => e ? `${e.path}: ${e.message}` : "", An = (e) => ({
|
|
4689
4693
|
title: e.title.trim() === "" ? null : e.title,
|
|
4690
4694
|
description: e.description.trim() === "" ? null : e.description
|
|
4691
4695
|
});
|
|
4692
|
-
function
|
|
4696
|
+
function jn(e, t) {
|
|
4693
4697
|
try {
|
|
4694
4698
|
return ie({ sections: [{
|
|
4695
|
-
...
|
|
4699
|
+
...ht(),
|
|
4696
4700
|
elements: [e]
|
|
4697
4701
|
}] }, t), !0;
|
|
4698
4702
|
} catch (e) {
|
|
@@ -4702,19 +4706,19 @@ function An(e, t) {
|
|
|
4702
4706
|
}
|
|
4703
4707
|
//#endregion
|
|
4704
4708
|
//#region src/state/shortcuts.ts
|
|
4705
|
-
var
|
|
4709
|
+
var Mn = /* @__PURE__ */ new Set([
|
|
4706
4710
|
"INPUT",
|
|
4707
4711
|
"TEXTAREA",
|
|
4708
4712
|
"SELECT"
|
|
4709
4713
|
]);
|
|
4710
|
-
function
|
|
4714
|
+
function Nn(e) {
|
|
4711
4715
|
let t = e.composedPath()[0];
|
|
4712
4716
|
if (!t || typeof t.tagName != "string") return !1;
|
|
4713
4717
|
let n = t;
|
|
4714
|
-
return
|
|
4718
|
+
return Mn.has(n.tagName) || n.isContentEditable;
|
|
4715
4719
|
}
|
|
4716
|
-
function
|
|
4717
|
-
if (
|
|
4720
|
+
function Pn(e, t) {
|
|
4721
|
+
if (Nn(t) || e.state.dialog !== null || e.state.library !== null || e.state.previewing) return;
|
|
4718
4722
|
let n = e.state.selection.kind === "elements", r = t.metaKey || t.ctrlKey, i = t.key.toLowerCase();
|
|
4719
4723
|
if (!r) switch (t.key) {
|
|
4720
4724
|
case "Escape":
|
|
@@ -4760,10 +4764,10 @@ function Nn(e, t) {
|
|
|
4760
4764
|
}
|
|
4761
4765
|
//#endregion
|
|
4762
4766
|
//#region ../core/dist/lienzo.css?raw
|
|
4763
|
-
var Pn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-frame[data-flow]{height:auto;min-height:calc(var(--fh) * var(--u));display:flex;gap:calc(var(--fg,24) * var(--u));padding:calc(56 * var(--u)) calc(24 * var(--u));box-sizing:border-box}\n.lz-frame[data-flow=column]{flex-direction:column}\n.lz-frame[data-flow=row]{flex-direction:row;flex-wrap:wrap;align-items:flex-start}\n.lz-frame[data-flow=column][data-flow-align=center]{align-items:center}\n.lz-frame[data-flow=column][data-flow-align=end]{align-items:flex-end}\n.lz-frame[data-flow=column][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow=row][data-flow-align=center]{justify-content:center}\n.lz-frame[data-flow=row][data-flow-align=end]{justify-content:flex-end}\n.lz-frame[data-flow=row][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow] .lz-el{position:static;order:var(--ord);height:auto;max-width:100%}\n.lz-frame[data-flow=column] .lz-el{width:calc(var(--w) * 1%)}\n.lz-frame[data-flow=row] .lz-el{width:calc(var(--w) * 1%);flex:0 1 auto}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);letter-spacing:calc(var(--ls,0) * 1em);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\nimg.lz-el{object-fit:cover}\n.lz-gallery{display:grid;gap:calc(14 * var(--u));width:100%;height:100%;overflow:auto}\n.lz-gallery[data-layout=grid]{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-content:start}\n.lz-gallery[data-cols=\"1\"]{--cols:1}\n.lz-gallery[data-cols=\"2\"]{--cols:2}\n.lz-gallery[data-cols=\"3\"]{--cols:3}\n.lz-gallery[data-cols=\"4\"]{--cols:4}\n.lz-gallery[data-cols=\"5\"]{--cols:5}\n.lz-gallery[data-cols=\"6\"]{--cols:6}\n.lz-slider{position:relative;width:100%;height:100%;overflow:hidden}\n.lz-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:inherit}\n.lz-slider-track::-webkit-scrollbar{display:none}\n.lz-slide{flex:0 0 100%;width:100%;height:100%;object-fit:var(--_fit,cover);scroll-snap-align:center;border-radius:inherit}\n.lz-slider-arrow{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:calc(44 * var(--u));height:calc(44 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .86);color:#0f172a;cursor:pointer;opacity:0;transition:opacity .2s}\n.lz-slider:hover .lz-slider-arrow,.lz-slider-arrow:focus-visible{opacity:1}\n@media (hover:none){.lz-slider-arrow{opacity:1}}\n.lz-slider-arrow[data-to=previous]{left:calc(12 * var(--u))}\n.lz-slider-arrow[data-to=next]{right:calc(12 * var(--u))}\n.lz-slider-arrow::before{content:\"\";width:35%;height:35%;border-top:2px solid currentColor;border-right:2px solid currentColor}\n.lz-slider-arrow[data-to=previous]::before{rotate:-135deg;margin-left:18%}\n.lz-slider-arrow[data-to=next]::before{rotate:45deg;margin-right:18%}\n.lz-slider-dots{position:absolute;left:50%;translate:-50% 0;bottom:calc(12 * var(--u));display:flex;gap:calc(8 * var(--u))}\n.lz-slider-dots button{width:calc(9 * var(--u));height:calc(9 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .55);cursor:pointer}\n.lz-slider-dots button[data-on]{background:#fff}\n.lz-gallery[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:minmax(42%,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}\n.lz-gallery[data-layout=strip] .lz-gallery-item{scroll-snap-align:start}\n.lz-gallery-item{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:calc(var(--r) * var(--u))}\n.lz-gallery[data-layout=grid] .lz-gallery-item{aspect-ratio:4 / 3;height:auto}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-section[data-wide] .lz-navbar[data-sticky]{width:100%}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=ribbon]{padding:0 calc(26 * var(--u));background:var(--bg,var(--text));color:var(--c,var(--background))}\n.lz-navbar[data-template=outline]{border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:0 calc(22 * var(--u))}\n.lz-navbar[data-template=minimal] .lz-navbar-brand{font-size:1em;font-weight:600}\n.lz-navbar[data-template=minimal] .lz-navbar-links{gap:calc(16 * var(--u));font-size:.86em}\n.lz-navbar[data-template=stack]{flex-direction:column;justify-content:center;gap:calc(10 * var(--u))}\n.lz-navbar[data-template=stack] .lz-navbar-links{margin:0}\n.lz-navbar[data-template=rail]{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--u));padding:calc(22 * var(--u)) calc(18 * var(--u))}\n.lz-navbar[data-template=rail] .lz-navbar-links{flex-direction:column;align-items:flex-start;gap:calc(14 * var(--u));margin:calc(8 * var(--u)) 0 0}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar[data-layout=right]{justify-content:flex-end}\n.lz-navbar[data-layout=right] .lz-navbar-brand{order:1}\n.lz-navbar[data-sticky][data-at=bottom]{top:auto;bottom:0}\n.lz-navbar[data-scrolled][data-at=bottom]{box-shadow:0 -8px 24px rgba(15,23,42,.1)}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-frame[data-flow]{height:auto;min-height:calc(var(--fmh) * var(--u));flex-direction:column;padding:32px 20px}.lz-frame[data-flow] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", Fn = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
|
|
4767
|
+
var Fn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-section[data-wide]>.lz-frame{max-width:none}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-frame[data-flow]{height:auto;min-height:calc(var(--fh) * var(--u));display:flex;gap:calc(var(--fg,24) * var(--u));padding:calc(56 * var(--u)) calc(24 * var(--u));box-sizing:border-box}\n.lz-frame[data-flow=column]{flex-direction:column}\n.lz-frame[data-flow=row]{flex-direction:row;flex-wrap:wrap;align-items:flex-start}\n.lz-frame[data-flow=column][data-flow-align=center]{align-items:center}\n.lz-frame[data-flow=column][data-flow-align=end]{align-items:flex-end}\n.lz-frame[data-flow=column][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow=row][data-flow-align=center]{justify-content:center}\n.lz-frame[data-flow=row][data-flow-align=end]{justify-content:flex-end}\n.lz-frame[data-flow=row][data-flow-align=between]{justify-content:space-between}\n.lz-frame[data-flow] .lz-el{position:static;order:var(--ord);height:auto;max-width:100%}\n.lz-frame[data-flow=column] .lz-el{width:calc(var(--w) * 1%)}\n.lz-frame[data-flow=row] .lz-el{width:calc(var(--w) * 1%);flex:0 1 auto}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el:is(h1,h2,h3,h4,p){white-space:pre-line}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);letter-spacing:calc(var(--ls,0) * 1em);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-case=upper]{text-transform:uppercase}\n.lz-el[data-case=lower]{text-transform:lowercase}\n.lz-el[data-case=title]{text-transform:capitalize}\n.lz-el[data-text=outline]{-webkit-text-stroke:calc(1.5 * var(--u)) currentColor;-webkit-text-fill-color:transparent}\n.lz-el[data-text=glow]{text-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb,currentColor 70%,transparent),0 0 calc(44 * var(--u)) color-mix(in srgb,currentColor 45%,transparent)}\n.lz-el[data-auto]{height:auto}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim=blur]{filter:blur(calc(10 * var(--u)));transition-property:opacity,transform,filter}.lz-el[data-anim=reveal]{clip-path:inset(0 100% 0 0);transition-property:opacity,transform,clip-path}.lz-el[data-anim=blur].is-in{filter:none}.lz-el[data-anim=reveal].is-in{clip-path:inset(0)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}.lz-el[data-hover=sink]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(4 * var(--u))) scale(.98)}.lz-el[data-hover=tilt]:hover{transform:var(--_rot,) var(--_flip,) perspective(600px) rotateX(6deg) rotateY(-6deg)}.lz-el[data-hover=glow]:hover{box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--primary) 55%,transparent),0 18px 44px color-mix(in srgb,var(--primary) 28%,transparent)}}\n@keyframes lz-rise{from{translate:0 7cqh}to{translate:0 -7cqh}}\n@keyframes lz-drift{from{translate:-4cqw 0}to{translate:4cqw 0}}\n@keyframes lz-zoom{from{scale:1}to{scale:1.12}}\n@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lz-el[data-scroll]{animation:linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.lz-el[data-scroll=rise]{animation-name:lz-rise}.lz-el[data-scroll=drift]{animation-name:lz-drift}.lz-el[data-scroll=zoom]{animation-name:lz-zoom}}}\nimg.lz-el{object-fit:cover}\n.lz-gallery{display:grid;gap:calc(14 * var(--u));width:100%;height:100%;overflow:auto}\n.lz-gallery[data-layout=grid]{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-content:start}\n.lz-gallery[data-cols=\"1\"]{--cols:1}\n.lz-gallery[data-cols=\"2\"]{--cols:2}\n.lz-gallery[data-cols=\"3\"]{--cols:3}\n.lz-gallery[data-cols=\"4\"]{--cols:4}\n.lz-gallery[data-cols=\"5\"]{--cols:5}\n.lz-gallery[data-cols=\"6\"]{--cols:6}\n.lz-slider{position:relative;width:100%;height:100%;overflow:hidden}\n.lz-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:inherit}\n.lz-slider-track::-webkit-scrollbar{display:none}\n.lz-slide{flex:0 0 100%;width:100%;height:100%;object-fit:var(--_fit,cover);scroll-snap-align:center;border-radius:inherit}\n.lz-slider-arrow{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:calc(44 * var(--u));height:calc(44 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .86);color:#0f172a;cursor:pointer;opacity:0;transition:opacity .2s}\n.lz-slider:hover .lz-slider-arrow,.lz-slider-arrow:focus-visible{opacity:1}\n@media (hover:none){.lz-slider-arrow{opacity:1}}\n.lz-slider-arrow[data-to=previous]{left:calc(12 * var(--u))}\n.lz-slider-arrow[data-to=next]{right:calc(12 * var(--u))}\n.lz-slider-arrow::before{content:\"\";width:35%;height:35%;border-top:2px solid currentColor;border-right:2px solid currentColor}\n.lz-slider-arrow[data-to=previous]::before{rotate:-135deg;margin-left:18%}\n.lz-slider-arrow[data-to=next]::before{rotate:45deg;margin-right:18%}\n.lz-slider-dots{position:absolute;left:50%;translate:-50% 0;bottom:calc(12 * var(--u));display:flex;gap:calc(8 * var(--u))}\n.lz-slider-dots button{width:calc(9 * var(--u));height:calc(9 * var(--u));padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .55);cursor:pointer}\n.lz-slider-dots button[data-on]{background:#fff}\n.lz-gallery[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:minmax(42%,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}\n.lz-gallery[data-layout=strip] .lz-gallery-item{scroll-snap-align:start}\n.lz-gallery-item{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:calc(var(--r) * var(--u))}\n.lz-gallery[data-layout=grid] .lz-gallery-item{aspect-ratio:4 / 3;height:auto}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-section[data-wide] .lz-navbar[data-sticky]{width:100%}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--sbgc,var(--bg,var(--background)));color:var(--sfgc,var(--c,var(--text)));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar[data-template=floating]{width:calc(100% - calc(48 * var(--u)));margin:calc(14 * var(--u)) auto;border-radius:calc(14 * var(--u));padding:0 calc(24 * var(--u));background:var(--bg,var(--surface));box-shadow:0 14px 38px rgba(15,23,42,.16)}\n.lz-navbar[data-template=boxed] .lz-navbar-links a{padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:calc(6 * var(--u))}\n.lz-navbar[data-template=boxed] .lz-navbar-links a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}\n.lz-navbar[data-template=ribbon]{padding:0 calc(26 * var(--u));background:var(--bg,var(--text));color:var(--c,var(--background))}\n.lz-navbar[data-template=outline]{border:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:0 calc(22 * var(--u))}\n.lz-navbar[data-template=minimal] .lz-navbar-brand{font-size:1em;font-weight:600}\n.lz-navbar[data-template=minimal] .lz-navbar-links{gap:calc(16 * var(--u));font-size:.86em}\n.lz-navbar[data-template=stack]{flex-direction:column;justify-content:center;gap:calc(10 * var(--u))}\n.lz-navbar[data-template=stack] .lz-navbar-links{margin:0}\n.lz-navbar[data-template=rail]{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(18 * var(--u));padding:calc(22 * var(--u)) calc(18 * var(--u))}\n.lz-navbar[data-template=rail] .lz-navbar-links{flex-direction:column;align-items:flex-start;gap:calc(14 * var(--u));margin:calc(8 * var(--u)) 0 0}\n.lz-navbar[data-template=tracked] .lz-navbar-links{gap:calc(30 * var(--u))}\n.lz-navbar[data-template=tracked] .lz-navbar-links a{text-transform:uppercase;letter-spacing:.14em;font-size:.82em}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar[data-layout=right]{justify-content:flex-end}\n.lz-navbar[data-layout=right] .lz-navbar-brand{order:1}\n.lz-navbar[data-sticky][data-at=bottom]{top:auto;bottom:0}\n.lz-navbar[data-scrolled][data-at=bottom]{box-shadow:0 -8px 24px rgba(15,23,42,.1)}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-el{font-size:calc(var(--fms,var(--fs)) * var(--u))}.lz-frame:not([data-stack]) .lz-el[data-auto]{height:auto}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-frame[data-flow]{height:auto;min-height:calc(var(--fmh) * var(--u));flex-direction:column;padding:32px 20px}.lz-frame[data-flow] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width))}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", In = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
|
|
4764
4768
|
//#endregion
|
|
4765
4769
|
//#region src/canvas/render.ts
|
|
4766
|
-
function
|
|
4770
|
+
function Ln(e) {
|
|
4767
4771
|
return {
|
|
4768
4772
|
catalog: e.catalog.value,
|
|
4769
4773
|
site: e.site.value,
|
|
@@ -4777,7 +4781,7 @@ function In(e) {
|
|
|
4777
4781
|
}
|
|
4778
4782
|
};
|
|
4779
4783
|
}
|
|
4780
|
-
async function
|
|
4784
|
+
async function Rn(e, t, n) {
|
|
4781
4785
|
let r;
|
|
4782
4786
|
try {
|
|
4783
4787
|
r = ie(e, t.catalog);
|
|
@@ -4814,23 +4818,23 @@ async function Ln(e, t, n) {
|
|
|
4814
4818
|
action: () => "#",
|
|
4815
4819
|
appElement: (e) => {
|
|
4816
4820
|
let n = t.preview(e);
|
|
4817
|
-
return n.status === "ready" ? se(n.html) : se(`<div class="lze-app-placeholder" data-status="${n.status}">${
|
|
4821
|
+
return n.status === "ready" ? se(n.html) : se(`<div class="lze-app-placeholder" data-status="${n.status}">${Bn(n.status === "loading" ? t.labels.loading : t.labels.failed)}</div>`);
|
|
4818
4822
|
},
|
|
4819
4823
|
form: null
|
|
4820
4824
|
}
|
|
4821
4825
|
})
|
|
4822
4826
|
};
|
|
4823
4827
|
}
|
|
4824
|
-
var
|
|
4828
|
+
var zn = {
|
|
4825
4829
|
"&": "&",
|
|
4826
4830
|
"<": "<",
|
|
4827
4831
|
">": ">",
|
|
4828
4832
|
"\"": """,
|
|
4829
4833
|
"'": "'"
|
|
4830
|
-
},
|
|
4834
|
+
}, Bn = (e) => e.replace(/[&<>"']/g, (e) => zn[e] ?? e), Vn = (e) => e.replace(/[^A-Za-z0-9_-]/g, "") || "x";
|
|
4831
4835
|
//#endregion
|
|
4832
4836
|
//#region src/canvas/frame.ts
|
|
4833
|
-
function
|
|
4837
|
+
function Hn(e) {
|
|
4834
4838
|
let t = e.contentDocument;
|
|
4835
4839
|
if (!t) throw Error("The canvas iframe has no document");
|
|
4836
4840
|
let n = t;
|
|
@@ -4840,9 +4844,9 @@ function Vn(e) {
|
|
|
4840
4844
|
return t.replaceSync(e), t;
|
|
4841
4845
|
}, a = i("");
|
|
4842
4846
|
n.adoptedStyleSheets = [
|
|
4843
|
-
i(
|
|
4847
|
+
i(Fn),
|
|
4844
4848
|
a,
|
|
4845
|
-
i(
|
|
4849
|
+
i(In)
|
|
4846
4850
|
];
|
|
4847
4851
|
let o = n.createElement("link");
|
|
4848
4852
|
o.rel = "stylesheet", n.head.append(o);
|
|
@@ -4852,7 +4856,7 @@ function Vn(e) {
|
|
|
4852
4856
|
};
|
|
4853
4857
|
function u(e, t, n, r) {
|
|
4854
4858
|
a.replaceSync(t), o.href !== r.fontsHref && (o.href = r.fontsHref), s.style.setProperty("--lze-empty-image", JSON.stringify(r.emptyImage)), s.style.setProperty("--lze-empty-video", JSON.stringify(r.emptyVideo)), d(e), l = p(n), s.toggleAttribute("data-lze-modal", r.modal !== null), s.querySelectorAll("dialog.lz-modal").forEach((e) => {
|
|
4855
|
-
e.toggleAttribute("data-lze-open", r.modal !== null && e.id === `m-${
|
|
4859
|
+
e.toggleAttribute("data-lze-open", r.modal !== null && e.id === `m-${Vn(r.modal)}`);
|
|
4856
4860
|
}), s.querySelectorAll(".lz-stack").forEach((e) => {
|
|
4857
4861
|
let t = f(e.id, n), i = t === null ? 0 : r.panels[t] ?? 0;
|
|
4858
4862
|
e.querySelectorAll(":scope > .lz-stack-panels > .lz-stack-panel").forEach((e, t) => e.toggleAttribute("data-on", t === i)), e.querySelectorAll(":scope > .lz-stack-nav > button").forEach((e, t) => e.setAttribute("aria-pressed", String(t === i)));
|
|
@@ -4871,25 +4875,25 @@ function Vn(e) {
|
|
|
4871
4875
|
s.querySelectorAll(".lz-el[style]").forEach((e) => e.removeAttribute("style")), c = i;
|
|
4872
4876
|
}
|
|
4873
4877
|
function f(e, t) {
|
|
4874
|
-
return t.sections.find((t) => t.group?.id && `g-${
|
|
4878
|
+
return t.sections.find((t) => t.group?.id && `g-${Vn(t.group.id)}` === e)?.group?.id ?? null;
|
|
4875
4879
|
}
|
|
4876
4880
|
function p(e) {
|
|
4877
4881
|
let t = {
|
|
4878
4882
|
canvases: /* @__PURE__ */ new Map(),
|
|
4879
4883
|
elements: /* @__PURE__ */ new Map()
|
|
4880
4884
|
};
|
|
4881
|
-
for (let n of
|
|
4882
|
-
t.canvases.set(
|
|
4883
|
-
for (let e of n.elements) t.elements.set(
|
|
4885
|
+
for (let n of lt(e)) {
|
|
4886
|
+
t.canvases.set(Vn(n.id), n.id);
|
|
4887
|
+
for (let e of n.elements) t.elements.set(Vn(e.id), {
|
|
4884
4888
|
canvas: n.id,
|
|
4885
4889
|
element: e.id
|
|
4886
4890
|
});
|
|
4887
4891
|
}
|
|
4888
4892
|
return t;
|
|
4889
4893
|
}
|
|
4890
|
-
let m = (e) => n.getElementById(`e-${
|
|
4894
|
+
let m = (e) => n.getElementById(`e-${Vn(e)}`), h = (e) => n.getElementById(`s-${Vn(e)}`) ?? n.getElementById(`m-${Vn(e)}`), g = (e) => h(e)?.querySelector(".lz-frame") ?? null;
|
|
4891
4895
|
function _(e) {
|
|
4892
|
-
let t =
|
|
4896
|
+
let t = Un(e) ? e.nodeType === 1 ? e : e.parentElement : null, n = t?.closest(".lz-el"), r = n ? l.elements.get(n.id.slice(2)) : void 0;
|
|
4893
4897
|
if (n && r) return {
|
|
4894
4898
|
canvas: r.canvas,
|
|
4895
4899
|
element: r.element,
|
|
@@ -4913,7 +4917,7 @@ function Vn(e) {
|
|
|
4913
4917
|
};
|
|
4914
4918
|
function y(e, t) {
|
|
4915
4919
|
let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
|
|
4916
|
-
for (let i of
|
|
4920
|
+
for (let i of lt(e)) {
|
|
4917
4921
|
let e = h(i.id), a = g(i.id);
|
|
4918
4922
|
if (!e || !a || a.offsetParent === null) continue;
|
|
4919
4923
|
let o = v(a), s = t === "desktop" ? i.height.desktop : i.height.mobile;
|
|
@@ -4961,11 +4965,11 @@ function Vn(e) {
|
|
|
4961
4965
|
contentHeight: () => n.documentElement.scrollHeight
|
|
4962
4966
|
};
|
|
4963
4967
|
}
|
|
4964
|
-
var
|
|
4968
|
+
var Un = (e) => e !== null && typeof e.nodeType == "number", Wn = { class: "lze-context-label" }, Gn = { class: "lze-context-row" }, Kn = [
|
|
4965
4969
|
"title",
|
|
4966
4970
|
"aria-label",
|
|
4967
4971
|
"onClick"
|
|
4968
|
-
],
|
|
4972
|
+
], qn = ["data-align"], Jn = /* @__PURE__ */ c({
|
|
4969
4973
|
__name: "ContextMenu",
|
|
4970
4974
|
props: { at: {} },
|
|
4971
4975
|
emits: ["close"],
|
|
@@ -5049,8 +5053,8 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5049
5053
|
}, T(w.value ? D(d)("menu.unlock") : D(d)("menu.lock")), 1),
|
|
5050
5054
|
S.value ? (_(), i(e, { key: 2 }, [
|
|
5051
5055
|
n[19] ||= a("hr", null, null, -1),
|
|
5052
|
-
a("p",
|
|
5053
|
-
a("div",
|
|
5056
|
+
a("p", Wn, T(D(d)("multi.align")), 1),
|
|
5057
|
+
a("div", Gn, [(_(!0), i(e, null, x(D(yt), (e) => (_(), i("button", {
|
|
5054
5058
|
key: e,
|
|
5055
5059
|
type: "button",
|
|
5056
5060
|
role: "menuitem",
|
|
@@ -5061,7 +5065,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5061
5065
|
class: "lze-context-align",
|
|
5062
5066
|
"data-align": e,
|
|
5063
5067
|
"aria-hidden": "true"
|
|
5064
|
-
}, null, 8,
|
|
5068
|
+
}, null, 8, qn)], 8, Kn))), 128))]),
|
|
5065
5069
|
y.value.length > 2 ? (_(), i(e, { key: 0 }, [a("button", {
|
|
5066
5070
|
type: "button",
|
|
5067
5071
|
role: "menuitem",
|
|
@@ -5097,23 +5101,23 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5097
5101
|
}, T(D(d)("zoom.actual")), 1)
|
|
5098
5102
|
], 64))], 36));
|
|
5099
5103
|
}
|
|
5100
|
-
}),
|
|
5104
|
+
}), Yn = ["onClick"], Xn = ["data-current", "onClick"], Zn = [
|
|
5101
5105
|
"title",
|
|
5102
5106
|
"aria-label",
|
|
5103
5107
|
"onClick"
|
|
5104
|
-
],
|
|
5108
|
+
], Qn = [
|
|
5105
5109
|
"title",
|
|
5106
5110
|
"aria-label",
|
|
5107
5111
|
"onClick"
|
|
5108
|
-
],
|
|
5112
|
+
], $n = [
|
|
5109
5113
|
"title",
|
|
5110
5114
|
"aria-label",
|
|
5111
5115
|
"onClick"
|
|
5112
|
-
],
|
|
5116
|
+
], er = ["data-locked"], tr = [
|
|
5113
5117
|
"data-handle",
|
|
5114
5118
|
"aria-label",
|
|
5115
5119
|
"onPointerdown"
|
|
5116
|
-
],
|
|
5120
|
+
], nr = ["title", "aria-label"], rr = ["title", "aria-label"], ir = ["aria-label", "data-below"], ar = ["title", "aria-label"], or = ["title", "aria-label"], sr = ["title", "aria-label"], cr = ["title", "aria-label"], lr = /* @__PURE__ */ c({
|
|
5117
5121
|
__name: "Overlay",
|
|
5118
5122
|
props: {
|
|
5119
5123
|
layout: {},
|
|
@@ -5213,7 +5217,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5213
5217
|
class: "lze-btn",
|
|
5214
5218
|
onPointerdown: c[0] ||= P(() => {}, ["stop"]),
|
|
5215
5219
|
onClick: (t) => u("generateMobile", e.id)
|
|
5216
|
-
}, T(D(f)("section.generateMobile")), 41,
|
|
5220
|
+
}, T(D(f)("section.generateMobile")), 41, Yn)], 4))), 128)),
|
|
5217
5221
|
(_(!0), i(e, null, x(E.value, (e) => (_(), i("button", {
|
|
5218
5222
|
key: `chip-${e.id}`,
|
|
5219
5223
|
type: "button",
|
|
@@ -5225,7 +5229,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5225
5229
|
}),
|
|
5226
5230
|
onPointerdown: c[1] ||= P(() => {}, ["stop"]),
|
|
5227
5231
|
onClick: (t) => D(d).selectCanvas(e.id)
|
|
5228
|
-
}, T(e.label), 45,
|
|
5232
|
+
}, T(e.label), 45, Xn))), 128)),
|
|
5229
5233
|
(_(!0), i(e, null, x(E.value.filter((e) => e.empty), (e) => (_(), i("p", {
|
|
5230
5234
|
key: `empty-${e.id}`,
|
|
5231
5235
|
class: "lze-section-empty",
|
|
@@ -5249,10 +5253,10 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5249
5253
|
title: D(f)("section.addAfter"),
|
|
5250
5254
|
"aria-label": D(f)("section.addAfter"),
|
|
5251
5255
|
onClick: (t) => D(d).addSection(void 0, e.id)
|
|
5252
|
-
}, [s(D(
|
|
5256
|
+
}, [s(D(We), {
|
|
5253
5257
|
size: 15,
|
|
5254
5258
|
"aria-hidden": "true"
|
|
5255
|
-
})], 8,
|
|
5259
|
+
})], 8, Zn),
|
|
5256
5260
|
a("button", {
|
|
5257
5261
|
type: "button",
|
|
5258
5262
|
class: "lze-icon-btn",
|
|
@@ -5262,7 +5266,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5262
5266
|
}, [s(D(we), {
|
|
5263
5267
|
size: 15,
|
|
5264
5268
|
"aria-hidden": "true"
|
|
5265
|
-
})], 8,
|
|
5269
|
+
})], 8, Qn),
|
|
5266
5270
|
D(d).state.draft.sections.length > 1 ? (_(), i("button", {
|
|
5267
5271
|
key: 0,
|
|
5268
5272
|
type: "button",
|
|
@@ -5271,10 +5275,10 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5271
5275
|
title: D(f)("section.delete"),
|
|
5272
5276
|
"aria-label": D(f)("section.delete"),
|
|
5273
5277
|
onClick: (t) => D(d).removeSection(e.id)
|
|
5274
|
-
}, [s(D(
|
|
5278
|
+
}, [s(D($e), {
|
|
5275
5279
|
size: 15,
|
|
5276
5280
|
"aria-hidden": "true"
|
|
5277
|
-
})], 8,
|
|
5281
|
+
})], 8, $n)) : r("", !0)
|
|
5278
5282
|
], 36))), 128)),
|
|
5279
5283
|
o.guides && S.value ? (_(), i(e, { key: 2 }, [(_(!0), i(e, null, x(o.guides.lines.x, (e) => (_(), i("div", {
|
|
5280
5284
|
key: `x${e}`,
|
|
@@ -5303,12 +5307,12 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5303
5307
|
...O(e.rect),
|
|
5304
5308
|
transform: e.rotate ? `rotate(${e.rotate}deg)` : void 0
|
|
5305
5309
|
})
|
|
5306
|
-
}, [e.element.locked ? (_(), n(D(
|
|
5310
|
+
}, [e.element.locked ? (_(), n(D(L), {
|
|
5307
5311
|
key: 0,
|
|
5308
5312
|
class: "lze-lock",
|
|
5309
5313
|
size: 12,
|
|
5310
5314
|
"aria-hidden": "true"
|
|
5311
|
-
})) : r("", !0)], 12,
|
|
5315
|
+
})) : r("", !0)], 12, er))), 128)),
|
|
5312
5316
|
g.value ? (_(), i("div", {
|
|
5313
5317
|
key: 3,
|
|
5314
5318
|
class: "lze-handles",
|
|
@@ -5317,7 +5321,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5317
5321
|
transform: g.value.rotate ? `rotate(${g.value.rotate}deg)` : void 0
|
|
5318
5322
|
})
|
|
5319
5323
|
}, [
|
|
5320
|
-
(_(!0), i(e, null, x(D(
|
|
5324
|
+
(_(!0), i(e, null, x(D(vt), (e) => (_(), i("button", {
|
|
5321
5325
|
key: e,
|
|
5322
5326
|
type: "button",
|
|
5323
5327
|
class: "lze-handle",
|
|
@@ -5325,7 +5329,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5325
5329
|
"aria-label": D(f)("canvas.resize", { handle: e }),
|
|
5326
5330
|
tabindex: "-1",
|
|
5327
5331
|
onPointerdown: P((t) => u("resize", t, e), ["stop", "prevent"])
|
|
5328
|
-
}, null, 40,
|
|
5332
|
+
}, null, 40, tr))), 128)),
|
|
5329
5333
|
g.value.element.type === "divider" ? r("", !0) : (_(), i("button", {
|
|
5330
5334
|
key: 0,
|
|
5331
5335
|
type: "button",
|
|
@@ -5333,17 +5337,17 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5333
5337
|
title: D(f)("canvas.radius", { n: g.value.element.style.radius ?? 0 }),
|
|
5334
5338
|
"aria-label": D(f)("canvas.radius", { n: g.value.element.style.radius ?? 0 }),
|
|
5335
5339
|
onPointerdown: c[3] ||= P((e) => u("radius", e), ["stop", "prevent"])
|
|
5336
|
-
}, null, 40,
|
|
5340
|
+
}, null, 40, nr)),
|
|
5337
5341
|
a("button", {
|
|
5338
5342
|
type: "button",
|
|
5339
5343
|
class: "lze-rotate",
|
|
5340
5344
|
title: D(f)("canvas.rotate", { n: g.value.element.style.rotate ?? 0 }),
|
|
5341
5345
|
"aria-label": D(f)("canvas.rotate", { n: g.value.element.style.rotate ?? 0 }),
|
|
5342
5346
|
onPointerdown: c[4] ||= P((e) => u("rotate", e), ["stop", "prevent"])
|
|
5343
|
-
}, [s(D(
|
|
5347
|
+
}, [s(D(qe), {
|
|
5344
5348
|
size: 13,
|
|
5345
5349
|
"aria-hidden": "true"
|
|
5346
|
-
})], 40,
|
|
5350
|
+
})], 40, rr)
|
|
5347
5351
|
], 4)) : r("", !0),
|
|
5348
5352
|
v.value && o.live.size === 0 ? (_(), i("div", {
|
|
5349
5353
|
key: 4,
|
|
@@ -5366,7 +5370,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5366
5370
|
}, [s(D(Ce), {
|
|
5367
5371
|
size: 16,
|
|
5368
5372
|
"aria-hidden": "true"
|
|
5369
|
-
})], 8,
|
|
5373
|
+
})], 8, ar),
|
|
5370
5374
|
a("button", {
|
|
5371
5375
|
type: "button",
|
|
5372
5376
|
class: "lze-icon-btn",
|
|
@@ -5376,7 +5380,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5376
5380
|
}, [s(D(ye), {
|
|
5377
5381
|
size: 16,
|
|
5378
5382
|
"aria-hidden": "true"
|
|
5379
|
-
})], 8,
|
|
5383
|
+
})], 8, or),
|
|
5380
5384
|
a("button", {
|
|
5381
5385
|
type: "button",
|
|
5382
5386
|
class: "lze-icon-btn",
|
|
@@ -5386,7 +5390,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5386
5390
|
}, [s(D(ve), {
|
|
5387
5391
|
size: 16,
|
|
5388
5392
|
"aria-hidden": "true"
|
|
5389
|
-
})], 8,
|
|
5393
|
+
})], 8, sr),
|
|
5390
5394
|
c[10] ||= a("span", {
|
|
5391
5395
|
class: "lze-divider",
|
|
5392
5396
|
"aria-hidden": "true"
|
|
@@ -5398,36 +5402,36 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5398
5402
|
title: D(f)("common.delete"),
|
|
5399
5403
|
"aria-label": D(f)("common.delete"),
|
|
5400
5404
|
onClick: c[8] ||= (e) => D(d).removeSelected()
|
|
5401
|
-
}, [s(D(
|
|
5405
|
+
}, [s(D($e), {
|
|
5402
5406
|
size: 16,
|
|
5403
5407
|
"aria-hidden": "true"
|
|
5404
|
-
})], 8,
|
|
5405
|
-
], 44,
|
|
5408
|
+
})], 8, cr)
|
|
5409
|
+
], 44, ir)) : r("", !0)
|
|
5406
5410
|
], 4));
|
|
5407
5411
|
}
|
|
5408
|
-
}),
|
|
5412
|
+
}), ur = ["data-space"], dr = {
|
|
5409
5413
|
key: 0,
|
|
5410
5414
|
class: "lze-render-issue",
|
|
5411
5415
|
role: "alert"
|
|
5412
|
-
},
|
|
5416
|
+
}, fr = {
|
|
5413
5417
|
key: 1,
|
|
5414
5418
|
class: "lze-modal-banner"
|
|
5415
|
-
},
|
|
5419
|
+
}, pr = ["data-device", "aria-label"], mr = ["title"], hr = {
|
|
5416
5420
|
key: 2,
|
|
5417
5421
|
class: "lze-empty-hint"
|
|
5418
|
-
},
|
|
5422
|
+
}, gr = {
|
|
5419
5423
|
key: 3,
|
|
5420
5424
|
class: "lze-hint-bubble",
|
|
5421
5425
|
"aria-live": "polite"
|
|
5422
|
-
},
|
|
5426
|
+
}, _r = ["aria-label"], vr = ["title", "aria-label"], yr = ["title"], br = ["title", "aria-label"], xr = ["title", "aria-label"], Sr = .1, Cr = 4, wr = /* @__PURE__ */ c({
|
|
5423
5427
|
__name: "Canvas",
|
|
5424
5428
|
setup(e, { expose: o }) {
|
|
5425
5429
|
let c = K(), l = c.t, u = b(), d = b(), f = b(), v = b(), y = b(0), x = b(320), S = w({
|
|
5426
5430
|
canvases: /* @__PURE__ */ new Map(),
|
|
5427
5431
|
elements: /* @__PURE__ */ new Map()
|
|
5428
|
-
}), C = b(null), O = w(null), k = w(/* @__PURE__ */ new Map()), A = w(null), ee = b(null), j = null, te = t(() => V((y.value - 48) / c.frameWidth.value,
|
|
5432
|
+
}), C = b(null), O = w(null), k = w(/* @__PURE__ */ new Map()), A = w(null), ee = b(null), j = null, te = t(() => V((y.value - 48) / c.frameWidth.value, Sr, 1)), N = t(() => c.state.zoom ?? te.value), ne = t(() => Math.round(N.value * 100));
|
|
5429
5433
|
async function re(e, t) {
|
|
5430
|
-
let n = u.value, r = d.value, i = V(e,
|
|
5434
|
+
let n = u.value, r = d.value, i = V(e, Sr, Cr);
|
|
5431
5435
|
if (!n || !r) {
|
|
5432
5436
|
c.state.zoom = i;
|
|
5433
5437
|
return;
|
|
@@ -5496,7 +5500,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5496
5500
|
else return !1;
|
|
5497
5501
|
return e.preventDefault(), !0;
|
|
5498
5502
|
}
|
|
5499
|
-
let _e = t(() => new Set(c.canvases.value.filter((e) => "flow" in e && e.flow && e.flow !== "free" || c.state.device === "mobile" &&
|
|
5503
|
+
let _e = t(() => new Set(c.canvases.value.filter((e) => "flow" in e && e.flow && e.flow !== "free" || c.state.device === "mobile" && pt(e)).map((e) => e.id))), ve = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ye = 0, be = !1, xe = !1;
|
|
5500
5504
|
function Se() {
|
|
5501
5505
|
ye ||= requestAnimationFrame(() => {
|
|
5502
5506
|
ye = 0, Ce();
|
|
@@ -5509,7 +5513,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5509
5513
|
}
|
|
5510
5514
|
be = !0;
|
|
5511
5515
|
try {
|
|
5512
|
-
let e = E(c.state.draft), t = await
|
|
5516
|
+
let e = E(c.state.draft), t = await Rn(e, Ln(c), "edit");
|
|
5513
5517
|
if (!t.ok) {
|
|
5514
5518
|
c.state.renderIssues = t.issues;
|
|
5515
5519
|
return;
|
|
@@ -5517,7 +5521,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5517
5521
|
c.state.renderIssues = [], j.update(t.page.body, t.page.css, e, {
|
|
5518
5522
|
modal: c.state.view.kind === "modal" ? c.state.view.id : null,
|
|
5519
5523
|
panels: c.state.panels,
|
|
5520
|
-
fontsHref:
|
|
5524
|
+
fontsHref: Kt([c.theme.value.heading_font, c.theme.value.body_font]),
|
|
5521
5525
|
emptyImage: l("canvas.emptyImage"),
|
|
5522
5526
|
emptyVideo: l("canvas.emptyVideo")
|
|
5523
5527
|
}), we();
|
|
@@ -5563,14 +5567,14 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5563
5567
|
},
|
|
5564
5568
|
factor: r,
|
|
5565
5569
|
metrics: o,
|
|
5566
|
-
anchors:
|
|
5570
|
+
anchors: St(a.elements.filter((e) => !d.has(e.id)).map((e) => ut(e, s)), o.frame.w, ft(a, s)),
|
|
5567
5571
|
target: {
|
|
5568
5572
|
id: l.id,
|
|
5569
|
-
start: { ...
|
|
5573
|
+
start: { ...ut(l, s) }
|
|
5570
5574
|
},
|
|
5571
5575
|
others: u.filter((e) => e.id !== l.id).map((e) => ({
|
|
5572
5576
|
id: e.id,
|
|
5573
|
-
start: { ...
|
|
5577
|
+
start: { ...ut(e, s) }
|
|
5574
5578
|
})),
|
|
5575
5579
|
boxes: /* @__PURE__ */ new Map()
|
|
5576
5580
|
}, De(t, e);
|
|
@@ -5591,13 +5595,13 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5591
5595
|
t.value = Math.round(V(t.from + n, 0, 200)), j.previewVar(t.id, "--r", t.value), ee.value = l("canvas.corners", { n: t.value });
|
|
5592
5596
|
return;
|
|
5593
5597
|
}
|
|
5594
|
-
let { metrics: n, handle: r, target: i } = t, a = (e.clientX - t.origin.x) * t.factor, o = (e.clientY - t.origin.y) * t.factor / n.unit, s =
|
|
5598
|
+
let { metrics: n, handle: r, target: i } = t, a = (e.clientX - t.origin.x) * t.factor, o = (e.clientY - t.origin.y) * t.factor / n.unit, s = xt(i.start, {
|
|
5595
5599
|
x: a,
|
|
5596
5600
|
y: o
|
|
5597
5601
|
}, r, n.frame.w), u = {
|
|
5598
5602
|
x: 6 / N.value,
|
|
5599
5603
|
y: 6 / (N.value * n.unit)
|
|
5600
|
-
}, d =
|
|
5604
|
+
}, d = wt(s, t.anchors, n.frame.w, u, r), f = c.state.device, p = /* @__PURE__ */ new Map(), m = (e, r) => {
|
|
5601
5605
|
t.boxes.set(e, r), j?.preview(e, f, r), p.set(e, {
|
|
5602
5606
|
x: n.frame.x + r.x / 100 * n.frame.w,
|
|
5603
5607
|
y: n.frame.y + r.y * n.unit,
|
|
@@ -5606,7 +5610,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5606
5610
|
});
|
|
5607
5611
|
};
|
|
5608
5612
|
m(i.id, d.box);
|
|
5609
|
-
for (let e of t.others) m(e.id,
|
|
5613
|
+
for (let e of t.others) m(e.id, bt({
|
|
5610
5614
|
...e.start,
|
|
5611
5615
|
x: e.start.x + d.box.x - i.start.x,
|
|
5612
5616
|
y: e.start.y + d.box.y - i.start.y
|
|
@@ -5667,7 +5671,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5667
5671
|
}
|
|
5668
5672
|
let L = null;
|
|
5669
5673
|
function Ie(e) {
|
|
5670
|
-
let t = e?.closest?.(".lz-stack-nav > button[data-go]"), n = t?.closest(".lz-stack"), r = Number(t?.getAttribute("data-go")), i = n ? c.state.draft.sections.find((e) => e.group?.id && `g-${
|
|
5674
|
+
let t = e?.closest?.(".lz-stack-nav > button[data-go]"), n = t?.closest(".lz-stack"), r = Number(t?.getAttribute("data-go")), i = n ? c.state.draft.sections.find((e) => e.group?.id && `g-${Vn(e.group.id)}` === n.id) : void 0;
|
|
5671
5675
|
return !i?.group?.id || !Number.isInteger(r) ? !1 : (c.state.panels = {
|
|
5672
5676
|
...c.state.panels,
|
|
5673
5677
|
[i.group.id]: r
|
|
@@ -5713,7 +5717,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5713
5717
|
(e.key === "Enter" && !e.shiftKey || e.key === "Escape") && (e.preventDefault(), L.node.blur());
|
|
5714
5718
|
return;
|
|
5715
5719
|
}
|
|
5716
|
-
ge(e) ||
|
|
5720
|
+
ge(e) || Pn(c, e);
|
|
5717
5721
|
}
|
|
5718
5722
|
let Ve = b(null);
|
|
5719
5723
|
function He(e, t) {
|
|
@@ -5753,7 +5757,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5753
5757
|
let Ke = null, qe = null;
|
|
5754
5758
|
g(() => {
|
|
5755
5759
|
if (!v.value || !u.value) return;
|
|
5756
|
-
j =
|
|
5760
|
+
j = Hn(v.value);
|
|
5757
5761
|
let e = j.doc;
|
|
5758
5762
|
e.addEventListener("pointerdown", Le), e.addEventListener("dblclick", Re), e.addEventListener("keydown", Be), e.addEventListener("pointerover", Ue), e.addEventListener("contextmenu", (e) => He(e, !0)), e.addEventListener("wheel", oe, { passive: !1 }), e.addEventListener("pointermove", ue), e.addEventListener("pointerup", de), e.addEventListener("pointercancel", de), e.documentElement.addEventListener("pointerleave", () => C.value = null), e.addEventListener("click", We, !0), e.addEventListener("submit", We, !0);
|
|
5759
5763
|
let t = new ((e.defaultView?.ResizeObserver) ?? ResizeObserver)(() => we());
|
|
@@ -5780,8 +5784,8 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5780
5784
|
onWheel: ae,
|
|
5781
5785
|
onContextmenu: t[8] ||= (e) => He(e, !1)
|
|
5782
5786
|
}, [
|
|
5783
|
-
D(c).state.renderIssues.length ? (_(), i("p",
|
|
5784
|
-
D(c).activeModal.value ? (_(), i("div",
|
|
5787
|
+
D(c).state.renderIssues.length ? (_(), i("p", dr, T(D(l)("canvas.invalid", { issue: D(kn)(D(c).state.renderIssues[0]) })), 1)) : r("", !0),
|
|
5788
|
+
D(c).activeModal.value ? (_(), i("div", fr, [a("span", null, T(D(l)("canvas.editingModal", { title: D(c).activeModal.value.title })), 1), a("button", {
|
|
5785
5789
|
type: "button",
|
|
5786
5790
|
class: "lze-btn",
|
|
5787
5791
|
onClick: t[0] ||= (e) => D(c).openModal(null)
|
|
@@ -5813,7 +5817,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5813
5817
|
width: `${D(c).frameWidth.value}px`,
|
|
5814
5818
|
height: `${x.value}px`
|
|
5815
5819
|
})
|
|
5816
|
-
}, null, 12,
|
|
5820
|
+
}, null, 12, mr), s(lr, {
|
|
5817
5821
|
layout: S.value,
|
|
5818
5822
|
scale: N.value,
|
|
5819
5823
|
hovered: C.value,
|
|
@@ -5833,10 +5837,10 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5833
5837
|
"live",
|
|
5834
5838
|
"rotation",
|
|
5835
5839
|
"frozen"
|
|
5836
|
-
])], 4)], 12,
|
|
5837
|
-
ve.value ? (_(), i("p",
|
|
5838
|
-
ee.value ? (_(), i("p",
|
|
5839
|
-
Ve.value ? (_(), n(
|
|
5840
|
+
])], 4)], 12, pr),
|
|
5841
|
+
ve.value ? (_(), i("p", hr, T(D(c).activeModal.value ? D(l)("canvas.emptyModal") : D(l)("canvas.emptyPage")), 1)) : r("", !0),
|
|
5842
|
+
ee.value ? (_(), i("p", gr, T(ee.value), 1)) : r("", !0),
|
|
5843
|
+
Ve.value ? (_(), n(Jn, {
|
|
5840
5844
|
key: 4,
|
|
5841
5845
|
at: Ve.value,
|
|
5842
5846
|
onClose: t[1] ||= (e) => Ve.value = null
|
|
@@ -5852,31 +5856,31 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5852
5856
|
title: D(l)("zoom.out"),
|
|
5853
5857
|
"aria-label": D(l)("zoom.out"),
|
|
5854
5858
|
onClick: t[2] ||= (e) => F(.8)
|
|
5855
|
-
}, "−", 8,
|
|
5859
|
+
}, "−", 8, vr),
|
|
5856
5860
|
a("button", {
|
|
5857
5861
|
type: "button",
|
|
5858
5862
|
class: "lze-zoom-value",
|
|
5859
5863
|
title: D(l)("zoom.fit"),
|
|
5860
5864
|
onClick: t[3] ||= (e) => ie()
|
|
5861
|
-
}, T(ne.value) + "%", 9,
|
|
5865
|
+
}, T(ne.value) + "%", 9, yr),
|
|
5862
5866
|
a("button", {
|
|
5863
5867
|
type: "button",
|
|
5864
5868
|
class: "lze-zoom-btn",
|
|
5865
5869
|
title: D(l)("zoom.in"),
|
|
5866
5870
|
"aria-label": D(l)("zoom.in"),
|
|
5867
5871
|
onClick: t[4] ||= (e) => F(1.25)
|
|
5868
|
-
}, "+", 8,
|
|
5872
|
+
}, "+", 8, br),
|
|
5869
5873
|
a("button", {
|
|
5870
5874
|
type: "button",
|
|
5871
5875
|
class: "lze-zoom-btn",
|
|
5872
5876
|
title: D(l)("zoom.actual"),
|
|
5873
5877
|
"aria-label": D(l)("zoom.actual"),
|
|
5874
5878
|
onClick: t[5] ||= (e) => re(1)
|
|
5875
|
-
}, "1:1", 8,
|
|
5876
|
-
], 8,
|
|
5877
|
-
], 40,
|
|
5879
|
+
}, "1:1", 8, xr)
|
|
5880
|
+
], 8, _r)
|
|
5881
|
+
], 40, ur));
|
|
5878
5882
|
}
|
|
5879
|
-
}),
|
|
5883
|
+
}), Tr = ["title", "srcdoc"], Er = /* @__PURE__ */ c({
|
|
5880
5884
|
__name: "Preview",
|
|
5881
5885
|
setup(e) {
|
|
5882
5886
|
let t = K(), n = b(), r = w(""), o = b({
|
|
@@ -5884,7 +5888,7 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5884
5888
|
height: 0
|
|
5885
5889
|
}), s = null;
|
|
5886
5890
|
async function c() {
|
|
5887
|
-
let e = await
|
|
5891
|
+
let e = await Rn(E(t.state.draft), Ln(t), "public");
|
|
5888
5892
|
e.ok && (r.value = e.page.html);
|
|
5889
5893
|
}
|
|
5890
5894
|
M([() => t.state.draft, t.previews.version], c, {
|
|
@@ -5918,21 +5922,21 @@ var Hn = (e) => e !== null && typeof e.nodeType == "number", Un = { class: "lze-
|
|
|
5918
5922
|
height: `${(o.value.height - 48) / l()}px`,
|
|
5919
5923
|
transform: `scale(${l()})`
|
|
5920
5924
|
})
|
|
5921
|
-
}, null, 12,
|
|
5925
|
+
}, null, 12, Tr)], 4)], 512));
|
|
5922
5926
|
}
|
|
5923
5927
|
});
|
|
5924
5928
|
//#endregion
|
|
5925
5929
|
//#region src/client.ts
|
|
5926
|
-
function
|
|
5930
|
+
function Dr({ endpoint: e, headers: t = {}, fetch: n = globalThis.fetch.bind(globalThis) }) {
|
|
5927
5931
|
let r = e.replace(/\/+$/, "");
|
|
5928
5932
|
return async (e, ...i) => {
|
|
5929
|
-
let [a = "GET", o = "/"] = e.split(" "), [s, c] = o.includes(":") ? [
|
|
5933
|
+
let [a = "GET", o = "/"] = e.split(" "), [s, c] = o.includes(":") ? [Mr(i[0]) ? i[0] : {}, i[1]] : [{}, i[0]], l = o.replace(/:([a-z]+)/g, (e, t) => encodeURIComponent(String(s[t] ?? ""))), u = typeof FormData < "u" && c instanceof FormData, d = a === "GET" && c && typeof c == "object" && !u ? kr(c) : "", f = {
|
|
5930
5934
|
method: a,
|
|
5931
5935
|
credentials: "same-origin",
|
|
5932
5936
|
headers: {
|
|
5933
5937
|
Accept: "application/json",
|
|
5934
5938
|
...c !== void 0 && a !== "GET" && !u ? { "Content-Type": "application/json" } : {},
|
|
5935
|
-
...
|
|
5939
|
+
...Ar(),
|
|
5936
5940
|
...t
|
|
5937
5941
|
},
|
|
5938
5942
|
...c !== void 0 && a !== "GET" ? { body: u ? c : JSON.stringify(c) } : {}
|
|
@@ -5951,35 +5955,35 @@ function Er({ endpoint: e, headers: t = {}, fetch: n = globalThis.fetch.bind(glo
|
|
|
5951
5955
|
value: m
|
|
5952
5956
|
} : {
|
|
5953
5957
|
ok: !1,
|
|
5954
|
-
failure:
|
|
5958
|
+
failure: Or(p.status, m)
|
|
5955
5959
|
};
|
|
5956
5960
|
};
|
|
5957
5961
|
}
|
|
5958
|
-
function
|
|
5959
|
-
let n =
|
|
5960
|
-
return e === 409 &&
|
|
5962
|
+
function Or(e, t) {
|
|
5963
|
+
let n = Mr(t) && typeof t.message == "string" ? t.message : `HTTP ${e}`;
|
|
5964
|
+
return e === 409 && Mr(t) && typeof t.revision == "number" ? {
|
|
5961
5965
|
kind: "conflict",
|
|
5962
5966
|
message: n,
|
|
5963
5967
|
revision: t.revision
|
|
5964
5968
|
} : e === 422 ? {
|
|
5965
5969
|
kind: "invalid",
|
|
5966
5970
|
message: n,
|
|
5967
|
-
issues:
|
|
5971
|
+
issues: Mr(t) && Array.isArray(t.issues) ? t.issues.filter(jr) : []
|
|
5968
5972
|
} : {
|
|
5969
5973
|
kind: "http",
|
|
5970
5974
|
status: e,
|
|
5971
5975
|
message: n
|
|
5972
5976
|
};
|
|
5973
5977
|
}
|
|
5974
|
-
function
|
|
5978
|
+
function kr(e) {
|
|
5975
5979
|
let t = Object.entries(e).filter(([, e]) => e != null);
|
|
5976
5980
|
return t.length === 0 ? "" : `?${new URLSearchParams(t.map(([e, t]) => [e, String(t)]))}`;
|
|
5977
5981
|
}
|
|
5978
|
-
function
|
|
5982
|
+
function Ar() {
|
|
5979
5983
|
let e = typeof document > "u" ? null : /(?:^|;\s*)XSRF-TOKEN=([^;]+)/.exec(document.cookie);
|
|
5980
5984
|
return e?.[1] ? { "X-XSRF-TOKEN": decodeURIComponent(e[1]) } : {};
|
|
5981
5985
|
}
|
|
5982
|
-
var
|
|
5986
|
+
var jr = (e) => Mr(e) && typeof e.path == "string" && typeof e.message == "string" && typeof e.code == "string", Mr = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nr = [
|
|
5983
5987
|
"data-variant",
|
|
5984
5988
|
"data-size",
|
|
5985
5989
|
"disabled",
|
|
@@ -6003,12 +6007,12 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6003
6007
|
"data-size": e.size,
|
|
6004
6008
|
disabled: e.disabled,
|
|
6005
6009
|
title: e.title
|
|
6006
|
-
}, [S(t.$slots, "default")], 8,
|
|
6010
|
+
}, [S(t.$slots, "default")], 8, Nr));
|
|
6007
6011
|
}
|
|
6008
|
-
}),
|
|
6012
|
+
}), Pr = ["data-size", "aria-labelledby"], Fr = { class: "lze-dialog-body" }, Ir = { class: "lze-dialog-head" }, Lr = ["id"], Rr = {
|
|
6009
6013
|
key: 0,
|
|
6010
6014
|
class: "lze-hint"
|
|
6011
|
-
},
|
|
6015
|
+
}, zr = ["aria-label"], Br = /* @__PURE__ */ c({
|
|
6012
6016
|
__name: "Dialog",
|
|
6013
6017
|
props: /*@__PURE__*/ d({
|
|
6014
6018
|
title: {},
|
|
@@ -6040,27 +6044,27 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6040
6044
|
onClose: u[1] ||= (e) => t.value = !1,
|
|
6041
6045
|
onPointerdown: d,
|
|
6042
6046
|
onClick: f
|
|
6043
|
-
}, [a("div",
|
|
6047
|
+
}, [a("div", Fr, [a("header", Ir, [a("div", null, [a("h2", { id: D(o) }, T(e.title), 9, Lr), e.description ? (_(), i("p", Rr, T(e.description), 1)) : r("", !0)]), a("button", {
|
|
6044
6048
|
type: "button",
|
|
6045
6049
|
class: "lze-icon-btn",
|
|
6046
6050
|
"aria-label": D(c)("common.close"),
|
|
6047
6051
|
onClick: u[0] ||= (e) => t.value = !1
|
|
6048
|
-
}, [s(D(
|
|
6052
|
+
}, [s(D(it), {
|
|
6049
6053
|
size: 16,
|
|
6050
6054
|
"aria-hidden": "true"
|
|
6051
|
-
})], 8,
|
|
6055
|
+
})], 8, zr)]), t.value ? S(l.$slots, "default", {}, void 0, void 0, 0) : r("", !0)])], 40, Pr));
|
|
6052
6056
|
}
|
|
6053
|
-
}),
|
|
6057
|
+
}), Vr = { class: "lze-dialog-actions" }, Hr = /* @__PURE__ */ c({
|
|
6054
6058
|
__name: "ConflictDialog",
|
|
6055
6059
|
setup(e) {
|
|
6056
6060
|
let t = K(), r = t.dialogModel("conflict");
|
|
6057
|
-
return (e, i) => (_(), n(
|
|
6061
|
+
return (e, i) => (_(), n(Br, {
|
|
6058
6062
|
open: D(r),
|
|
6059
6063
|
"onUpdate:open": i[2] ||= (e) => u(r) ? r.value = e : null,
|
|
6060
6064
|
title: D(t).t("conflict.title"),
|
|
6061
6065
|
description: D(t).t("conflict.body")
|
|
6062
6066
|
}, {
|
|
6063
|
-
default: N(() => [a("div",
|
|
6067
|
+
default: N(() => [a("div", Vr, [s(q, {
|
|
6064
6068
|
variant: "primary",
|
|
6065
6069
|
size: "md",
|
|
6066
6070
|
onClick: i[0] ||= (e) => D(t).reloadPage()
|
|
@@ -6081,13 +6085,13 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6081
6085
|
"description"
|
|
6082
6086
|
]));
|
|
6083
6087
|
}
|
|
6084
|
-
}),
|
|
6088
|
+
}), Ur = [
|
|
6085
6089
|
"data-tone",
|
|
6086
6090
|
"title",
|
|
6087
6091
|
"aria-label",
|
|
6088
6092
|
"aria-pressed",
|
|
6089
6093
|
"disabled"
|
|
6090
|
-
],
|
|
6094
|
+
], Wr = /* @__PURE__ */ c({
|
|
6091
6095
|
__name: "IconButton",
|
|
6092
6096
|
props: {
|
|
6093
6097
|
label: {},
|
|
@@ -6110,15 +6114,15 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6110
6114
|
"aria-label": e.label,
|
|
6111
6115
|
"aria-pressed": e.active,
|
|
6112
6116
|
disabled: e.disabled
|
|
6113
|
-
}, [S(t.$slots, "default")], 8,
|
|
6117
|
+
}, [S(t.$slots, "default")], 8, Ur));
|
|
6114
6118
|
}
|
|
6115
|
-
}),
|
|
6119
|
+
}), Gr = { class: "lze-asset-grid" }, Kr = ["disabled"], qr = { class: "lze-hint" }, Jr = ["aria-label", "onClick"], Yr = ["src", "alt"], Xr = {
|
|
6116
6120
|
key: 0,
|
|
6117
6121
|
class: "lze-hint"
|
|
6118
|
-
},
|
|
6122
|
+
}, Zr = {
|
|
6119
6123
|
key: 1,
|
|
6120
6124
|
class: "lze-hint"
|
|
6121
|
-
},
|
|
6125
|
+
}, Qr = /* @__PURE__ */ c({
|
|
6122
6126
|
__name: "MediaLibrary",
|
|
6123
6127
|
setup(o) {
|
|
6124
6128
|
let c = K(), l = c.t, u = b(), d = b(!1), f = t({
|
|
@@ -6159,7 +6163,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6159
6163
|
type: "image"
|
|
6160
6164
|
}, void 0, e.ref), f.value = !1;
|
|
6161
6165
|
}
|
|
6162
|
-
return (t, o) => (_(), n(
|
|
6166
|
+
return (t, o) => (_(), n(Br, {
|
|
6163
6167
|
open: f.value,
|
|
6164
6168
|
"onUpdate:open": o[1] ||= (e) => f.value = e,
|
|
6165
6169
|
title: D(l)("library.title"),
|
|
@@ -6167,20 +6171,20 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6167
6171
|
size: "lg"
|
|
6168
6172
|
}, {
|
|
6169
6173
|
default: N(() => [
|
|
6170
|
-
a("div",
|
|
6174
|
+
a("div", Gr, [
|
|
6171
6175
|
a("button", {
|
|
6172
6176
|
type: "button",
|
|
6173
6177
|
class: "lze-upload-tile",
|
|
6174
6178
|
disabled: d.value,
|
|
6175
6179
|
onClick: o[0] ||= (e) => u.value?.click()
|
|
6176
6180
|
}, [
|
|
6177
|
-
s(D(
|
|
6181
|
+
s(D(nt), {
|
|
6178
6182
|
size: 20,
|
|
6179
6183
|
"aria-hidden": "true"
|
|
6180
6184
|
}),
|
|
6181
6185
|
a("strong", null, T(d.value ? D(l)("library.uploading") : D(l)("library.upload")), 1),
|
|
6182
|
-
a("span",
|
|
6183
|
-
], 8,
|
|
6186
|
+
a("span", qr, T(D(l)("library.formats")), 1)
|
|
6187
|
+
], 8, Kr),
|
|
6184
6188
|
a("input", {
|
|
6185
6189
|
ref_key: "input",
|
|
6186
6190
|
ref: u,
|
|
@@ -6203,21 +6207,21 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6203
6207
|
src: e.thumb,
|
|
6204
6208
|
alt: e.name,
|
|
6205
6209
|
loading: "lazy"
|
|
6206
|
-
}, null, 8,
|
|
6210
|
+
}, null, 8, Yr), a("figcaption", null, T(e.name), 1)], 8, Jr), s(Wr, {
|
|
6207
6211
|
class: "lze-asset-delete",
|
|
6208
6212
|
tone: "danger",
|
|
6209
6213
|
label: D(l)("library.delete", { name: e.name }),
|
|
6210
6214
|
onClick: (t) => D(c).deleteAsset(e)
|
|
6211
6215
|
}, {
|
|
6212
|
-
default: N(() => [s(D(
|
|
6216
|
+
default: N(() => [s(D($e), {
|
|
6213
6217
|
size: 14,
|
|
6214
6218
|
"aria-hidden": "true"
|
|
6215
6219
|
})]),
|
|
6216
6220
|
_: 1
|
|
6217
6221
|
}, 8, ["label", "onClick"])]))), 128))
|
|
6218
6222
|
]),
|
|
6219
|
-
D(c).state.workspace.assets.length === 0 ? (_(), i("p",
|
|
6220
|
-
h.value ? (_(), i("p",
|
|
6223
|
+
D(c).state.workspace.assets.length === 0 ? (_(), i("p", Xr, T(D(l)("media.empty")), 1)) : r("", !0),
|
|
6224
|
+
h.value ? (_(), i("p", Zr, T(h.value), 1)) : r("", !0)
|
|
6221
6225
|
]),
|
|
6222
6226
|
_: 1
|
|
6223
6227
|
}, 8, [
|
|
@@ -6226,14 +6230,14 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6226
6230
|
"description"
|
|
6227
6231
|
]));
|
|
6228
6232
|
}
|
|
6229
|
-
}),
|
|
6233
|
+
}), $r = { class: "lze-field" }, ei = ["for"], ti = {
|
|
6230
6234
|
key: 1,
|
|
6231
6235
|
class: "lze-label"
|
|
6232
|
-
},
|
|
6236
|
+
}, ni = {
|
|
6233
6237
|
key: 2,
|
|
6234
6238
|
class: "lze-error",
|
|
6235
6239
|
role: "alert"
|
|
6236
|
-
},
|
|
6240
|
+
}, ri = {
|
|
6237
6241
|
key: 3,
|
|
6238
6242
|
class: "lze-hint"
|
|
6239
6243
|
}, J = /* @__PURE__ */ c({
|
|
@@ -6245,23 +6249,23 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6245
6249
|
error: {}
|
|
6246
6250
|
},
|
|
6247
6251
|
setup(e) {
|
|
6248
|
-
return (t, n) => (_(), i("div",
|
|
6252
|
+
return (t, n) => (_(), i("div", $r, [
|
|
6249
6253
|
e.id ? (_(), i("label", {
|
|
6250
6254
|
key: 0,
|
|
6251
6255
|
class: "lze-label",
|
|
6252
6256
|
for: e.id
|
|
6253
|
-
}, [o(T(e.label), 1), S(t.$slots, "aside")], 8,
|
|
6257
|
+
}, [o(T(e.label), 1), S(t.$slots, "aside")], 8, ei)) : (_(), i("span", ti, [o(T(e.label), 1), S(t.$slots, "aside")])),
|
|
6254
6258
|
S(t.$slots, "default"),
|
|
6255
|
-
e.error ? (_(), i("p",
|
|
6259
|
+
e.error ? (_(), i("p", ni, T(e.error), 1)) : e.hint ? (_(), i("p", ri, T(e.hint), 1)) : r("", !0)
|
|
6256
6260
|
]));
|
|
6257
6261
|
}
|
|
6258
|
-
}),
|
|
6262
|
+
}), ii = [
|
|
6259
6263
|
"id",
|
|
6260
6264
|
"rows",
|
|
6261
6265
|
"maxlength",
|
|
6262
6266
|
"placeholder",
|
|
6263
6267
|
"aria-label"
|
|
6264
|
-
],
|
|
6268
|
+
], ai = [
|
|
6265
6269
|
"id",
|
|
6266
6270
|
"type",
|
|
6267
6271
|
"maxlength",
|
|
@@ -6293,7 +6297,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6293
6297
|
placeholder: e.placeholder,
|
|
6294
6298
|
"aria-label": e.label,
|
|
6295
6299
|
onChange: a[1] ||= (e) => r("commit")
|
|
6296
|
-
}, null, 40,
|
|
6300
|
+
}, null, 40, ii)), [[ee, n.value]]) : ne((_(), i("input", {
|
|
6297
6301
|
key: 1,
|
|
6298
6302
|
id: e.id,
|
|
6299
6303
|
"onUpdate:modelValue": a[2] ||= (e) => n.value = e,
|
|
@@ -6303,9 +6307,9 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6303
6307
|
placeholder: e.placeholder,
|
|
6304
6308
|
"aria-label": e.label,
|
|
6305
6309
|
onChange: a[3] ||= (e) => r("commit")
|
|
6306
|
-
}, null, 40,
|
|
6310
|
+
}, null, 40, ai)), [[A, n.value]]);
|
|
6307
6311
|
}
|
|
6308
|
-
}),
|
|
6312
|
+
}), oi = { class: "lze-dialog-actions" }, si = /* @__PURE__ */ c({
|
|
6309
6313
|
__name: "NewPageDialog",
|
|
6310
6314
|
setup(r) {
|
|
6311
6315
|
let c = K(), l = c.t, d = {
|
|
@@ -6332,7 +6336,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6332
6336
|
async function v() {
|
|
6333
6337
|
p.creating = !0, p.issues = await c.createPage(p.title.trim(), p.slug.trim()), p.creating = !1;
|
|
6334
6338
|
}
|
|
6335
|
-
return (t, r) => (_(), n(
|
|
6339
|
+
return (t, r) => (_(), n(Br, {
|
|
6336
6340
|
open: D(f),
|
|
6337
6341
|
"onUpdate:open": r[3] ||= (e) => u(f) ? f.value = e : null,
|
|
6338
6342
|
title: D(l)("newPage.title"),
|
|
@@ -6389,7 +6393,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6389
6393
|
class: "lze-error",
|
|
6390
6394
|
role: "alert"
|
|
6391
6395
|
}, T(e.message), 1))), 128)),
|
|
6392
|
-
a("div",
|
|
6396
|
+
a("div", oi, [s(q, {
|
|
6393
6397
|
variant: "primary",
|
|
6394
6398
|
size: "md",
|
|
6395
6399
|
type: "submit",
|
|
@@ -6412,7 +6416,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6412
6416
|
"description"
|
|
6413
6417
|
]));
|
|
6414
6418
|
}
|
|
6415
|
-
}),
|
|
6419
|
+
}), ci = ["aria-label"], li = { class: "lze-label" }, ui = ["data-thumb"], di = ["src"], fi = { class: "lze-row" }, pi = /* @__PURE__ */ c({
|
|
6416
6420
|
__name: "ImageField",
|
|
6417
6421
|
props: /*@__PURE__*/ d({
|
|
6418
6422
|
label: {},
|
|
@@ -6445,7 +6449,7 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6445
6449
|
role: "group",
|
|
6446
6450
|
"aria-label": u.label
|
|
6447
6451
|
}, [
|
|
6448
|
-
a("span",
|
|
6452
|
+
a("span", li, T(u.label), 1),
|
|
6449
6453
|
p.value ? (_(), i("div", {
|
|
6450
6454
|
key: 0,
|
|
6451
6455
|
class: "lze-image-preview",
|
|
@@ -6453,8 +6457,8 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6453
6457
|
}, [a("img", {
|
|
6454
6458
|
src: p.value,
|
|
6455
6459
|
alt: ""
|
|
6456
|
-
}, null, 8,
|
|
6457
|
-
a("div",
|
|
6460
|
+
}, null, 8, di)], 8, ui)) : r("", !0),
|
|
6461
|
+
a("div", fi, [s(q, { onClick: h }, {
|
|
6458
6462
|
default: N(() => [o(T(e.choose ?? D(f).t("el.chooseFromLibrary")), 1)]),
|
|
6459
6463
|
_: 1
|
|
6460
6464
|
}), l.value ? (_(), n(q, {
|
|
@@ -6479,15 +6483,15 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6479
6483
|
"placeholder",
|
|
6480
6484
|
"label"
|
|
6481
6485
|
])) : r("", !0)
|
|
6482
|
-
], 8,
|
|
6486
|
+
], 8, ci));
|
|
6483
6487
|
}
|
|
6484
|
-
}),
|
|
6488
|
+
}), mi = { class: "lze-number" }, hi = { class: "lze-number-label" }, gi = [
|
|
6485
6489
|
"value",
|
|
6486
6490
|
"min",
|
|
6487
6491
|
"max",
|
|
6488
6492
|
"step",
|
|
6489
6493
|
"disabled"
|
|
6490
|
-
],
|
|
6494
|
+
], _i = {
|
|
6491
6495
|
key: 0,
|
|
6492
6496
|
class: "lze-number-suffix"
|
|
6493
6497
|
}, X = /* @__PURE__ */ c({
|
|
@@ -6510,8 +6514,8 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6510
6514
|
let t = e.target.value, r = Number(t);
|
|
6511
6515
|
t === "" ? n.value = void 0 : Number.isFinite(r) && (n.value = Math.min(o.max ?? Infinity, Math.max(o.min ?? -Infinity, r)));
|
|
6512
6516
|
}
|
|
6513
|
-
return (t, o) => (_(), i("label",
|
|
6514
|
-
a("span",
|
|
6517
|
+
return (t, o) => (_(), i("label", mi, [
|
|
6518
|
+
a("span", hi, T(e.label), 1),
|
|
6515
6519
|
a("input", {
|
|
6516
6520
|
type: "number",
|
|
6517
6521
|
value: n.value ?? "",
|
|
@@ -6521,15 +6525,15 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6521
6525
|
disabled: e.disabled,
|
|
6522
6526
|
onInput: c,
|
|
6523
6527
|
onChange: o[0] ||= (e) => s("commit")
|
|
6524
|
-
}, null, 40,
|
|
6525
|
-
e.suffix ? (_(), i("span",
|
|
6528
|
+
}, null, 40, gi),
|
|
6529
|
+
e.suffix ? (_(), i("span", _i, T(e.suffix), 1)) : r("", !0)
|
|
6526
6530
|
]));
|
|
6527
6531
|
}
|
|
6528
|
-
}),
|
|
6532
|
+
}), vi = [
|
|
6529
6533
|
"id",
|
|
6530
6534
|
"data-compact",
|
|
6531
6535
|
"aria-label"
|
|
6532
|
-
],
|
|
6536
|
+
], yi = ["selected"], bi = ["selected"], Z = /* @__PURE__ */ c({
|
|
6533
6537
|
__name: "SelectInput",
|
|
6534
6538
|
props: /*@__PURE__*/ d({
|
|
6535
6539
|
options: {},
|
|
@@ -6559,12 +6563,12 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6559
6563
|
value: "",
|
|
6560
6564
|
disabled: "",
|
|
6561
6565
|
selected: a.value === null || a.value === void 0 || a.value === ""
|
|
6562
|
-
}, T(t.placeholder), 9,
|
|
6566
|
+
}, T(t.placeholder), 9, yi)) : r("", !0), (_(!0), i(e, null, x(t.options, (e) => (_(), i("option", {
|
|
6563
6567
|
key: e.value,
|
|
6564
6568
|
selected: e.value === a.value
|
|
6565
|
-
}, T(e.label), 9,
|
|
6569
|
+
}, T(e.label), 9, bi))), 128))], 40, vi));
|
|
6566
6570
|
}
|
|
6567
|
-
}),
|
|
6571
|
+
}), xi = { class: "lze-toggle" }, Si = ["checked"], Q = /* @__PURE__ */ c({
|
|
6568
6572
|
__name: "Toggle",
|
|
6569
6573
|
props: /*@__PURE__*/ d({ label: {} }, {
|
|
6570
6574
|
modelValue: {
|
|
@@ -6576,15 +6580,15 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6576
6580
|
emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
|
|
6577
6581
|
setup(e, { emit: t }) {
|
|
6578
6582
|
let n = k(e, "modelValue"), r = t;
|
|
6579
|
-
return (t, o) => (_(), i("label",
|
|
6583
|
+
return (t, o) => (_(), i("label", xi, [a("input", {
|
|
6580
6584
|
type: "checkbox",
|
|
6581
6585
|
checked: n.value === !0,
|
|
6582
6586
|
onChange: o[0] ||= (e) => {
|
|
6583
6587
|
n.value = e.target.checked, r("commit");
|
|
6584
6588
|
}
|
|
6585
|
-
}, null, 40,
|
|
6589
|
+
}, null, 40, Si), a("span", null, T(e.label), 1)]));
|
|
6586
6590
|
}
|
|
6587
|
-
}),
|
|
6591
|
+
}), Ci = {
|
|
6588
6592
|
none: { kind: "none" },
|
|
6589
6593
|
whatsapp: {
|
|
6590
6594
|
kind: "text",
|
|
@@ -6610,16 +6614,16 @@ var Ar = (e) => jr(e) && typeof e.path == "string" && typeof e.message == "strin
|
|
|
6610
6614
|
back: { kind: "none" },
|
|
6611
6615
|
step_next: { kind: "none" },
|
|
6612
6616
|
step_prev: { kind: "none" }
|
|
6613
|
-
},
|
|
6614
|
-
function
|
|
6617
|
+
}, wi = (e) => Object.hasOwn(Ci, e);
|
|
6618
|
+
function Ti(e) {
|
|
6615
6619
|
return !e || e.kind === "image" || e.default === void 0 ? "" : String(e.default);
|
|
6616
6620
|
}
|
|
6617
6621
|
//#endregion
|
|
6618
6622
|
//#region src/panels/ActionPicker.vue?vue&type=script&setup=true&lang.ts
|
|
6619
|
-
var
|
|
6623
|
+
var Ei = { class: "lze-field" }, Di = ["id"], Oi = ["value"], ki = {
|
|
6620
6624
|
key: 4,
|
|
6621
6625
|
class: "lze-hint"
|
|
6622
|
-
},
|
|
6626
|
+
}, Ai = /* @__PURE__ */ c({
|
|
6623
6627
|
__name: "ActionPicker",
|
|
6624
6628
|
props: {
|
|
6625
6629
|
modelValue: {},
|
|
@@ -6627,7 +6631,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6627
6631
|
},
|
|
6628
6632
|
emits: ["update:modelValue", "commit"],
|
|
6629
6633
|
setup(o, { emit: c }) {
|
|
6630
|
-
let l = o, u = c, d = K(), f = d.t, p = O(), m = t(() => l.modelValue?.type || "none"), h = t(() => l.modelValue?.value ?? ""), g = t(() => d.catalog.value.actions.find((e) => e.type === m.value) ?? null), v = t(() =>
|
|
6634
|
+
let l = o, u = c, d = K(), f = d.t, p = O(), m = t(() => l.modelValue?.type || "none"), h = t(() => l.modelValue?.value ?? ""), g = t(() => d.catalog.value.actions.find((e) => e.type === m.value) ?? null), v = t(() => wi(m.value) ? Ci[m.value] : null), y = t(() => {
|
|
6631
6635
|
let e = [...re.map((e) => ({
|
|
6632
6636
|
value: e,
|
|
6633
6637
|
label: f(`action.${e}`)
|
|
@@ -6650,7 +6654,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6650
6654
|
let t = d.catalog.value.actions.find((t) => t.type === e);
|
|
6651
6655
|
u("update:modelValue", {
|
|
6652
6656
|
type: e,
|
|
6653
|
-
value: t ?
|
|
6657
|
+
value: t ? Ti(t.value) : h.value
|
|
6654
6658
|
}), u("commit");
|
|
6655
6659
|
}
|
|
6656
6660
|
function w(e) {
|
|
@@ -6663,7 +6667,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6663
6667
|
let e = g.value?.value;
|
|
6664
6668
|
return e?.kind === "number" ? h.value === "" ? e.default : Number(h.value) : e?.kind === "toggle" ? h.value === "" ? e.default : h.value === "true" : h.value;
|
|
6665
6669
|
});
|
|
6666
|
-
return (t, c) => (_(), i("div",
|
|
6670
|
+
return (t, c) => (_(), i("div", Ei, [s(Z, {
|
|
6667
6671
|
"model-value": m.value,
|
|
6668
6672
|
options: y.value,
|
|
6669
6673
|
label: o.label,
|
|
@@ -6700,7 +6704,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6700
6704
|
]), a("datalist", { id: D(p) }, [(_(!0), i(e, null, x(D(d).state.draft.sections, (e) => (_(), i("option", {
|
|
6701
6705
|
key: e.id,
|
|
6702
6706
|
value: e.id
|
|
6703
|
-
}, null, 8,
|
|
6707
|
+
}, null, 8, Oi))), 128))], 8, Di)], 64)) : v.value.kind === "modal" ? (_(), n(Z, {
|
|
6704
6708
|
key: 2,
|
|
6705
6709
|
"model-value": h.value,
|
|
6706
6710
|
options: b.value,
|
|
@@ -6726,7 +6730,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6726
6730
|
"options",
|
|
6727
6731
|
"label",
|
|
6728
6732
|
"placeholder"
|
|
6729
|
-
])) : v.value.kind === "submit" ? (_(), i("p",
|
|
6733
|
+
])) : v.value.kind === "submit" ? (_(), i("p", ki, T(D(f)("action.submitHint")), 1)) : r("", !0)], 64)) : g.value?.value ? (_(), n(Mi, {
|
|
6730
6734
|
key: 1,
|
|
6731
6735
|
field: g.value.value,
|
|
6732
6736
|
"model-value": E.value,
|
|
@@ -6734,7 +6738,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6734
6738
|
onCommit: c[10] ||= (e) => u("commit")
|
|
6735
6739
|
}, null, 8, ["field", "model-value"])) : r("", !0)]));
|
|
6736
6740
|
}
|
|
6737
|
-
}),
|
|
6741
|
+
}), ji = { class: "lze-choices" }, Mi = /* @__PURE__ */ c({
|
|
6738
6742
|
__name: "FieldControl",
|
|
6739
6743
|
props: {
|
|
6740
6744
|
field: {},
|
|
@@ -6859,7 +6863,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6859
6863
|
key: 4,
|
|
6860
6864
|
label: f.value
|
|
6861
6865
|
}, {
|
|
6862
|
-
default: N(() => [a("div",
|
|
6866
|
+
default: N(() => [a("div", ji, [(_(!0), i(e, null, x(m.value.field.options, (e) => (_(), n(Q, {
|
|
6863
6867
|
key: e.value,
|
|
6864
6868
|
"model-value": m.value.value.includes(e.value),
|
|
6865
6869
|
label: D(u).i18n.localized(e.label),
|
|
@@ -6871,7 +6875,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6871
6875
|
"onUpdate:modelValue"
|
|
6872
6876
|
]))), 128))])]),
|
|
6873
6877
|
_: 1
|
|
6874
|
-
}, 8, ["label"])) : m.value.kind === "image" ? (_(), n(
|
|
6878
|
+
}, 8, ["label"])) : m.value.kind === "image" ? (_(), n(pi, {
|
|
6875
6879
|
key: 5,
|
|
6876
6880
|
"model-value": m.value.value,
|
|
6877
6881
|
label: f.value,
|
|
@@ -6882,7 +6886,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6882
6886
|
key: 6,
|
|
6883
6887
|
label: f.value
|
|
6884
6888
|
}, {
|
|
6885
|
-
default: N(() => [s(
|
|
6889
|
+
default: N(() => [s(Ai, {
|
|
6886
6890
|
"model-value": m.value.value,
|
|
6887
6891
|
label: f.value,
|
|
6888
6892
|
"onUpdate:modelValue": r[11] ||= (e) => g(e),
|
|
@@ -6891,25 +6895,25 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6891
6895
|
_: 1
|
|
6892
6896
|
}, 8, ["label"]));
|
|
6893
6897
|
}
|
|
6894
|
-
}),
|
|
6898
|
+
}), Ni = { class: "lze-grid-2" }, Pi = { class: "lze-field" }, Fi = {
|
|
6895
6899
|
key: 0,
|
|
6896
6900
|
class: "lze-error",
|
|
6897
6901
|
role: "alert"
|
|
6898
|
-
},
|
|
6902
|
+
}, Ii = {
|
|
6899
6903
|
key: 1,
|
|
6900
6904
|
class: "lze-hint"
|
|
6901
|
-
},
|
|
6905
|
+
}, Li = { class: "lze-field" }, Ri = {
|
|
6902
6906
|
key: 0,
|
|
6903
6907
|
class: "lze-error",
|
|
6904
6908
|
role: "alert"
|
|
6905
|
-
},
|
|
6909
|
+
}, zi = {
|
|
6906
6910
|
key: 0,
|
|
6907
6911
|
class: "lze-stack lze-divided"
|
|
6908
|
-
},
|
|
6912
|
+
}, Bi = { class: "lze-label" }, Vi = {
|
|
6909
6913
|
key: 0,
|
|
6910
6914
|
class: "lze-error",
|
|
6911
6915
|
role: "alert"
|
|
6912
|
-
},
|
|
6916
|
+
}, Hi = { class: "lze-dialog-actions" }, Ui = /* @__PURE__ */ c({
|
|
6913
6917
|
__name: "SiteDialog",
|
|
6914
6918
|
setup(c) {
|
|
6915
6919
|
let l = K(), d = l.t, f = {
|
|
@@ -6955,7 +6959,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
6955
6959
|
meta: h.meta
|
|
6956
6960
|
}), h.saving = !1, h.issues.length === 0 && (p.value = !1, l.notify(d("site.saved")));
|
|
6957
6961
|
}
|
|
6958
|
-
return (t, c) => (_(), n(
|
|
6962
|
+
return (t, c) => (_(), n(Br, {
|
|
6959
6963
|
open: D(p),
|
|
6960
6964
|
"onUpdate:open": c[6] ||= (e) => u(p) ? p.value = e : null,
|
|
6961
6965
|
title: D(d)("site.title"),
|
|
@@ -7002,7 +7006,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7002
7006
|
"label",
|
|
7003
7007
|
"error"
|
|
7004
7008
|
]),
|
|
7005
|
-
a("div",
|
|
7009
|
+
a("div", Ni, [a("div", Pi, [s(pi, {
|
|
7006
7010
|
modelValue: h.ogImage,
|
|
7007
7011
|
"onUpdate:modelValue": c[2] ||= (e) => h.ogImage = e,
|
|
7008
7012
|
label: D(d)("site.shareImage"),
|
|
@@ -7011,7 +7015,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7011
7015
|
"modelValue",
|
|
7012
7016
|
"label",
|
|
7013
7017
|
"choose"
|
|
7014
|
-
]), S("og_image") ? (_(), i("p",
|
|
7018
|
+
]), S("og_image") ? (_(), i("p", Fi, T(S("og_image")), 1)) : (_(), i("p", Ii, T(D(d)("site.shareImageHint")), 1))]), a("div", Li, [s(pi, {
|
|
7015
7019
|
modelValue: h.favicon,
|
|
7016
7020
|
"onUpdate:modelValue": c[3] ||= (e) => h.favicon = e,
|
|
7017
7021
|
label: D(d)("site.favicon"),
|
|
@@ -7021,7 +7025,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7021
7025
|
"modelValue",
|
|
7022
7026
|
"label",
|
|
7023
7027
|
"choose"
|
|
7024
|
-
]), S("favicon") ? (_(), i("p",
|
|
7028
|
+
]), S("favicon") ? (_(), i("p", Ri, T(S("favicon")), 1)) : r("", !0)])]),
|
|
7025
7029
|
s(J, {
|
|
7026
7030
|
id: f.locale,
|
|
7027
7031
|
label: D(d)("site.locale"),
|
|
@@ -7042,10 +7046,10 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7042
7046
|
"hint",
|
|
7043
7047
|
"error"
|
|
7044
7048
|
]),
|
|
7045
|
-
g.value.length > 0 ? (_(), i("section",
|
|
7049
|
+
g.value.length > 0 ? (_(), i("section", zi, [a("h3", Bi, T(D(d)("site.details")), 1), (_(!0), i(e, null, x(g.value, (e) => (_(), i("div", {
|
|
7046
7050
|
key: e.key,
|
|
7047
7051
|
class: "lze-field"
|
|
7048
|
-
}, [s(
|
|
7052
|
+
}, [s(Mi, {
|
|
7049
7053
|
field: e,
|
|
7050
7054
|
"model-value": h.meta[e.key],
|
|
7051
7055
|
"onUpdate:modelValue": (t) => w(e.key, t)
|
|
@@ -7053,13 +7057,13 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7053
7057
|
"field",
|
|
7054
7058
|
"model-value",
|
|
7055
7059
|
"onUpdate:modelValue"
|
|
7056
|
-
]), S(`meta.${e.key}`) ? (_(), i("p",
|
|
7060
|
+
]), S(`meta.${e.key}`) ? (_(), i("p", Vi, T(S(`meta.${e.key}`)), 1)) : r("", !0)]))), 128))])) : r("", !0),
|
|
7057
7061
|
(_(!0), i(e, null, x(C.value, (e) => (_(), i("p", {
|
|
7058
7062
|
key: e.path + e.message,
|
|
7059
7063
|
class: "lze-error",
|
|
7060
7064
|
role: "alert"
|
|
7061
7065
|
}, T(e.path ? `${e.path}: ` : "") + T(e.message), 1))), 128)),
|
|
7062
|
-
a("div",
|
|
7066
|
+
a("div", Hi, [s(q, {
|
|
7063
7067
|
variant: "primary",
|
|
7064
7068
|
size: "md",
|
|
7065
7069
|
type: "submit",
|
|
@@ -7082,16 +7086,16 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7082
7086
|
"description"
|
|
7083
7087
|
]));
|
|
7084
7088
|
}
|
|
7085
|
-
}),
|
|
7089
|
+
}), Wi = {
|
|
7086
7090
|
key: 0,
|
|
7087
7091
|
class: "lze-rows"
|
|
7088
|
-
},
|
|
7092
|
+
}, Gi = { class: "lze-hint" }, Ki = {
|
|
7089
7093
|
key: 1,
|
|
7090
7094
|
class: "lze-hint"
|
|
7091
|
-
},
|
|
7095
|
+
}, qi = {
|
|
7092
7096
|
key: 2,
|
|
7093
7097
|
class: "lze-dialog-actions"
|
|
7094
|
-
},
|
|
7098
|
+
}, Ji = /* @__PURE__ */ c({
|
|
7095
7099
|
__name: "SubmissionsDialog",
|
|
7096
7100
|
setup(c) {
|
|
7097
7101
|
let l = K(), d = l.t, f = l.dialogModel("submissions"), p = b([]), m = b(null), h = b(!1), g = new Intl.DateTimeFormat(l.i18n.locale, {
|
|
@@ -7110,24 +7114,24 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7110
7114
|
M(f, (e) => {
|
|
7111
7115
|
e && v(null);
|
|
7112
7116
|
});
|
|
7113
|
-
let y = t(() => new Map(
|
|
7117
|
+
let y = t(() => new Map(lt(l.state.draft).flatMap((e) => e.elements).flatMap((e) => {
|
|
7114
7118
|
let t = e.props.label;
|
|
7115
|
-
return typeof t == "string" && t.trim() !== "" ? [[
|
|
7119
|
+
return typeof t == "string" && t.trim() !== "" ? [[Vn(e.id), t.trim()]] : [];
|
|
7116
7120
|
})));
|
|
7117
|
-
return (t, c) => (_(), n(
|
|
7121
|
+
return (t, c) => (_(), n(Br, {
|
|
7118
7122
|
open: D(f),
|
|
7119
7123
|
"onUpdate:open": c[1] ||= (e) => u(f) ? f.value = e : null,
|
|
7120
7124
|
title: D(d)("submissions.title"),
|
|
7121
7125
|
description: D(d)("submissions.description"),
|
|
7122
7126
|
size: "lg"
|
|
7123
7127
|
}, {
|
|
7124
|
-
default: N(() => [p.value.length > 0 ? (_(), i("ul",
|
|
7128
|
+
default: N(() => [p.value.length > 0 ? (_(), i("ul", Wi, [(_(!0), i(e, null, x(p.value, (t) => (_(), i("li", {
|
|
7125
7129
|
key: t.id,
|
|
7126
7130
|
class: "lze-submission"
|
|
7127
|
-
}, [a("p",
|
|
7131
|
+
}, [a("p", Gi, T(D(g).format(new Date(t.createdAt))) + " · " + T(D(d)("submissions.from", {
|
|
7128
7132
|
page: t.page,
|
|
7129
7133
|
source: t.source
|
|
7130
|
-
})), 1), a("dl", null, [(_(!0), i(e, null, x(t.fields, (t, n) => (_(), i(e, { key: n }, [a("dt", null, T(y.value.get(String(n)) ?? n), 1), a("dd", null, T(typeof t == "boolean" ? D(d)(t ? "submissions.checked" : "submissions.unchecked") : t), 1)], 64))), 128))])]))), 128))])) : h.value ? r("", !0) : (_(), i("p",
|
|
7134
|
+
})), 1), a("dl", null, [(_(!0), i(e, null, x(t.fields, (t, n) => (_(), i(e, { key: n }, [a("dt", null, T(y.value.get(String(n)) ?? n), 1), a("dd", null, T(typeof t == "boolean" ? D(d)(t ? "submissions.checked" : "submissions.unchecked") : t), 1)], 64))), 128))])]))), 128))])) : h.value ? r("", !0) : (_(), i("p", Ki, T(D(d)("submissions.empty")), 1)), m.value ? (_(), i("div", qi, [s(q, {
|
|
7131
7135
|
disabled: h.value,
|
|
7132
7136
|
onClick: c[0] ||= (e) => v(m.value)
|
|
7133
7137
|
}, {
|
|
@@ -7141,12 +7145,12 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7141
7145
|
"description"
|
|
7142
7146
|
]));
|
|
7143
7147
|
}
|
|
7144
|
-
}),
|
|
7148
|
+
}), Yi = { class: "lze-range" }, Xi = { class: "lze-label" }, Zi = { class: "lze-muted" }, Qi = [
|
|
7145
7149
|
"min",
|
|
7146
7150
|
"max",
|
|
7147
7151
|
"step",
|
|
7148
7152
|
"value"
|
|
7149
|
-
],
|
|
7153
|
+
], $i = /* @__PURE__ */ c({
|
|
7150
7154
|
__name: "RangeInput",
|
|
7151
7155
|
props: /*@__PURE__*/ d({
|
|
7152
7156
|
label: {},
|
|
@@ -7165,7 +7169,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7165
7169
|
emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
|
|
7166
7170
|
setup(e, { emit: t }) {
|
|
7167
7171
|
let n = k(e, "modelValue"), r = t;
|
|
7168
|
-
return (t, s) => (_(), i("label",
|
|
7172
|
+
return (t, s) => (_(), i("label", Yi, [a("span", Xi, [o(T(e.label) + " ", 1), a("span", Zi, T(e.format(n.value ?? e.fallback)), 1)]), a("input", {
|
|
7169
7173
|
type: "range",
|
|
7170
7174
|
min: e.min,
|
|
7171
7175
|
max: e.max,
|
|
@@ -7173,16 +7177,16 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7173
7177
|
value: n.value ?? e.fallback,
|
|
7174
7178
|
onInput: s[0] ||= (e) => n.value = Number(e.target.value),
|
|
7175
7179
|
onChange: s[1] ||= (e) => r("commit")
|
|
7176
|
-
}, null, 40,
|
|
7180
|
+
}, null, 40, Qi)]));
|
|
7177
7181
|
}
|
|
7178
|
-
}),
|
|
7182
|
+
}), ea = ["href"], ta = { class: "lze-field" }, na = { class: "lze-label" }, ra = { class: "lze-row" }, ia = ["onClick"], aa = {
|
|
7179
7183
|
class: "lze-row",
|
|
7180
7184
|
"aria-hidden": "true"
|
|
7181
|
-
},
|
|
7185
|
+
}, oa = { class: "lze-field" }, sa = { class: "lze-heading" }, ca = { class: "lze-label" }, la = { class: "lze-hint" }, ua = { class: "lze-theme-colors" }, da = ["onUpdate:modelValue", "aria-label"], fa = [
|
|
7182
7186
|
"value",
|
|
7183
7187
|
"aria-label",
|
|
7184
7188
|
"onInput"
|
|
7185
|
-
],
|
|
7189
|
+
], pa = { class: "lze-grid-2" }, ma = { class: "lze-grid-2" }, ha = ["aria-label"], ga = { class: "lze-dialog-actions" }, _a = /* @__PURE__ */ c({
|
|
7186
7190
|
__name: "ThemeDialog",
|
|
7187
7191
|
setup(r) {
|
|
7188
7192
|
let c = K(), l = c.t, d = {
|
|
@@ -7190,7 +7194,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7190
7194
|
body: O(),
|
|
7191
7195
|
width: O()
|
|
7192
7196
|
}, f = /^#[0-9a-fA-F]{6}$/, p = c.dialogModel("theme"), h = y(B(c.state.workspace.site.theme)), g = b([]), v = b(!1), S = t(() => {
|
|
7193
|
-
let e = c.state.workspace.site.theme, t = Object.fromEntries(
|
|
7197
|
+
let e = c.state.workspace.site.theme, t = Object.fromEntries(Mt.map((t) => [t, f.test(h[t]) ? h[t] : e[t]]));
|
|
7194
7198
|
return {
|
|
7195
7199
|
...h,
|
|
7196
7200
|
...t
|
|
@@ -7201,24 +7205,24 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7201
7205
|
}, { immediate: !0 }), M(S, (e) => {
|
|
7202
7206
|
p.value && (c.state.themeDraft = B(e));
|
|
7203
7207
|
});
|
|
7204
|
-
let C =
|
|
7208
|
+
let C = It.map((e) => ({
|
|
7205
7209
|
value: e,
|
|
7206
|
-
label: `${e} · ${l(
|
|
7207
|
-
})), w =
|
|
7210
|
+
label: `${e} · ${l(Lt(e))}`
|
|
7211
|
+
})), w = Rt.map((e) => ({
|
|
7208
7212
|
value: e,
|
|
7209
|
-
label: l(
|
|
7213
|
+
label: l(zt(e))
|
|
7210
7214
|
}));
|
|
7211
7215
|
function E(e) {
|
|
7212
7216
|
Object.assign(h, e);
|
|
7213
7217
|
}
|
|
7214
7218
|
function k() {
|
|
7215
|
-
|
|
7219
|
+
Gt(c.state.draft, S.value), c.commit();
|
|
7216
7220
|
}
|
|
7217
7221
|
async function A() {
|
|
7218
7222
|
v.value = !0, g.value = await c.updateSite({ theme: S.value }), v.value = !1, g.value.length === 0 && (p.value = !1, c.notify(l("theme.saved")));
|
|
7219
7223
|
}
|
|
7220
7224
|
let j = (e) => S.value[e];
|
|
7221
|
-
return (t, r) => (_(), n(
|
|
7225
|
+
return (t, r) => (_(), n(Br, {
|
|
7222
7226
|
open: D(p),
|
|
7223
7227
|
"onUpdate:open": r[5] ||= (e) => u(p) ? p.value = e : null,
|
|
7224
7228
|
title: D(l)("theme.title"),
|
|
@@ -7227,18 +7231,18 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7227
7231
|
}, {
|
|
7228
7232
|
default: N(() => [a("link", {
|
|
7229
7233
|
rel: "stylesheet",
|
|
7230
|
-
href: D(
|
|
7231
|
-
}, null, 8,
|
|
7234
|
+
href: D(Kt)([S.value.heading_font, S.value.body_font])
|
|
7235
|
+
}, null, 8, ea), a("form", {
|
|
7232
7236
|
class: "lze-stack",
|
|
7233
7237
|
novalidate: "",
|
|
7234
7238
|
onSubmit: P(A, ["prevent"])
|
|
7235
7239
|
}, [
|
|
7236
|
-
a("section",
|
|
7240
|
+
a("section", ta, [a("h3", na, T(D(l)("theme.palettes")), 1), a("div", ra, [(_(!0), i(e, null, x(D(Ft), (t) => (_(), i("button", {
|
|
7237
7241
|
key: t.name,
|
|
7238
7242
|
type: "button",
|
|
7239
7243
|
class: "lze-palette-choice",
|
|
7240
7244
|
onClick: (e) => E(t.colors)
|
|
7241
|
-
}, [a("span",
|
|
7245
|
+
}, [a("span", aa, [(_(), i(e, null, x([
|
|
7242
7246
|
"primary",
|
|
7243
7247
|
"secondary",
|
|
7244
7248
|
"surface"
|
|
@@ -7246,14 +7250,14 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7246
7250
|
key: e,
|
|
7247
7251
|
class: "lze-dot",
|
|
7248
7252
|
style: m({ background: t.colors[e] })
|
|
7249
|
-
}, null, 4)), 64))]), o(" " + T(D(l)(t.name)), 1)], 8,
|
|
7250
|
-
a("section",
|
|
7251
|
-
a("div",
|
|
7253
|
+
}, null, 4)), 64))]), o(" " + T(D(l)(t.name)), 1)], 8, ia))), 128))])]),
|
|
7254
|
+
a("section", oa, [
|
|
7255
|
+
a("div", sa, [a("h3", ca, T(D(l)("theme.colors")), 1), s(q, { onClick: k }, {
|
|
7252
7256
|
default: N(() => [o(T(D(l)("theme.link")), 1)]),
|
|
7253
7257
|
_: 1
|
|
7254
7258
|
})]),
|
|
7255
|
-
a("p",
|
|
7256
|
-
a("div",
|
|
7259
|
+
a("p", la, T(D(l)("theme.linkHint")), 1),
|
|
7260
|
+
a("div", ua, [(_(!0), i(e, null, x(D(Mt), (e) => (_(), i("div", {
|
|
7257
7261
|
key: e,
|
|
7258
7262
|
class: "lze-theme-color"
|
|
7259
7263
|
}, [
|
|
@@ -7264,16 +7268,16 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7264
7268
|
maxlength: "7",
|
|
7265
7269
|
spellcheck: "false",
|
|
7266
7270
|
"aria-label": D(l)("theme.hex", { label: D(l)(`token.${e}`) })
|
|
7267
|
-
}, null, 8,
|
|
7271
|
+
}, null, 8, da), [[ee, h[e]]]),
|
|
7268
7272
|
a("input", {
|
|
7269
7273
|
type: "color",
|
|
7270
7274
|
value: j(e),
|
|
7271
7275
|
"aria-label": D(l)(`token.${e}`),
|
|
7272
7276
|
onInput: (t) => h[e] = t.target.value
|
|
7273
|
-
}, null, 40,
|
|
7277
|
+
}, null, 40, fa)
|
|
7274
7278
|
]))), 128))])
|
|
7275
7279
|
]),
|
|
7276
|
-
a("section",
|
|
7280
|
+
a("section", pa, [s(J, {
|
|
7277
7281
|
id: d.heading,
|
|
7278
7282
|
label: D(l)("theme.headingFont")
|
|
7279
7283
|
}, {
|
|
@@ -7304,7 +7308,7 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7304
7308
|
])]),
|
|
7305
7309
|
_: 1
|
|
7306
7310
|
}, 8, ["id", "label"])]),
|
|
7307
|
-
a("section",
|
|
7311
|
+
a("section", ma, [s($i, {
|
|
7308
7312
|
"model-value": h.radius,
|
|
7309
7313
|
label: D(l)("theme.radius"),
|
|
7310
7314
|
min: 0,
|
|
@@ -7358,13 +7362,13 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7358
7362
|
fontFamily: `'${S.value.body_font}', sans-serif`
|
|
7359
7363
|
})
|
|
7360
7364
|
}, T(D(l)("theme.previewButton")), 5)
|
|
7361
|
-
], 12,
|
|
7365
|
+
], 12, ha),
|
|
7362
7366
|
(_(!0), i(e, null, x(g.value, (e) => (_(), i("p", {
|
|
7363
7367
|
key: e.path + e.message,
|
|
7364
7368
|
class: "lze-error",
|
|
7365
7369
|
role: "alert"
|
|
7366
7370
|
}, T(e.path ? `${e.path}: ` : "") + T(e.message), 1))), 128)),
|
|
7367
|
-
a("div",
|
|
7371
|
+
a("div", ga, [s(q, {
|
|
7368
7372
|
variant: "primary",
|
|
7369
7373
|
size: "md",
|
|
7370
7374
|
type: "submit",
|
|
@@ -7387,36 +7391,36 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7387
7391
|
"description"
|
|
7388
7392
|
]));
|
|
7389
7393
|
}
|
|
7390
|
-
}),
|
|
7394
|
+
}), va = {
|
|
7391
7395
|
key: 0,
|
|
7392
7396
|
class: "lze-rows"
|
|
7393
|
-
},
|
|
7397
|
+
}, ya = {
|
|
7394
7398
|
key: 0,
|
|
7395
7399
|
class: "lze-hint"
|
|
7396
|
-
},
|
|
7400
|
+
}, ba = {
|
|
7397
7401
|
key: 1,
|
|
7398
7402
|
class: "lze-hint"
|
|
7399
|
-
},
|
|
7403
|
+
}, xa = /* @__PURE__ */ c({
|
|
7400
7404
|
__name: "VersionsDialog",
|
|
7401
7405
|
setup(c) {
|
|
7402
7406
|
let l = K(), d = l.t, f = l.dialogModel("versions"), p = t(() => l.state.page?.versions ?? []), m = new Intl.DateTimeFormat(l.i18n.locale, {
|
|
7403
7407
|
dateStyle: "medium",
|
|
7404
7408
|
timeStyle: "short"
|
|
7405
7409
|
});
|
|
7406
|
-
return (t, c) => (_(), n(
|
|
7410
|
+
return (t, c) => (_(), n(Br, {
|
|
7407
7411
|
open: D(f),
|
|
7408
7412
|
"onUpdate:open": c[0] ||= (e) => u(f) ? f.value = e : null,
|
|
7409
7413
|
title: D(d)("versions.title"),
|
|
7410
7414
|
description: D(d)("versions.description"),
|
|
7411
7415
|
size: "lg"
|
|
7412
7416
|
}, {
|
|
7413
|
-
default: N(() => [p.value.length > 0 ? (_(), i("ul",
|
|
7417
|
+
default: N(() => [p.value.length > 0 ? (_(), i("ul", va, [(_(!0), i(e, null, x(p.value, (e) => (_(), i("li", {
|
|
7414
7418
|
key: e.id,
|
|
7415
7419
|
class: "lze-row-item"
|
|
7416
|
-
}, [a("div", null, [a("p", null, T(D(m).format(new Date(e.createdAt))), 1), e.by ? (_(), i("p",
|
|
7420
|
+
}, [a("div", null, [a("p", null, T(D(m).format(new Date(e.createdAt))), 1), e.by ? (_(), i("p", ya, T(D(d)("versions.by", { name: e.by })), 1)) : r("", !0)]), s(q, { onClick: (t) => D(l).restoreVersion(e.id) }, {
|
|
7417
7421
|
default: N(() => [o(T(D(d)("versions.restore")), 1)]),
|
|
7418
7422
|
_: 1
|
|
7419
|
-
}, 8, ["onClick"])]))), 128))])) : (_(), i("p",
|
|
7423
|
+
}, 8, ["onClick"])]))), 128))])) : (_(), i("p", ba, T(D(d)("versions.empty")), 1))]),
|
|
7420
7424
|
_: 1
|
|
7421
7425
|
}, 8, [
|
|
7422
7426
|
"open",
|
|
@@ -7424,21 +7428,21 @@ var Ti = { class: "lze-field" }, Ei = ["id"], Di = ["value"], Oi = {
|
|
|
7424
7428
|
"description"
|
|
7425
7429
|
]));
|
|
7426
7430
|
}
|
|
7427
|
-
}), xa = /*#__PURE__*/ JSON.parse("{\"activity\":[[\"path\",{\"d\":\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"}]],\"arrow-right\":[[\"path\",{\"d\":\"M5 12h14\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\"}]],\"arrow-up-right\":[[\"path\",{\"d\":\"M7 7h10v10\"}],[\"path\",{\"d\":\"M7 17 17 7\"}]],\"award\":[[\"path\",{\"d\":\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"6\"}]],\"badge-check\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"baby\":[[\"path\",{\"d\":\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"}],[\"path\",{\"d\":\"M15 12h.01\"}],[\"path\",{\"d\":\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"}],[\"path\",{\"d\":\"M9 12h.01\"}]],\"banknote\":[[\"rect\",{\"width\":\"20\",\"height\":\"12\",\"x\":\"2\",\"y\":\"6\",\"rx\":\"2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],[\"path\",{\"d\":\"M6 12h.01M18 12h.01\"}]],\"bone\":[[\"path\",{\"d\":\"M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z\"}]],\"brush\":[[\"path\",{\"d\":\"m11 10 3 3\"}],[\"path\",{\"d\":\"M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z\"}],[\"path\",{\"d\":\"M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031\"}]],\"bus\":[[\"path\",{\"d\":\"M8 6v6\"}],[\"path\",{\"d\":\"M15 6v6\"}],[\"path\",{\"d\":\"M2 12h19.6\"}],[\"path\",{\"d\":\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"18\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 18h5\"}],[\"circle\",{\"cx\":\"16\",\"cy\":\"18\",\"r\":\"2\"}]],\"calendar\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}]],\"calendar-check\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"m9 15 2 2 4-4\"}]],\"calendar-days\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"M8 13h.01\"}],[\"path\",{\"d\":\"M12 13h.01\"}],[\"path\",{\"d\":\"M16 13h.01\"}],[\"path\",{\"d\":\"M8 17h.01\"}],[\"path\",{\"d\":\"M12 17h.01\"}],[\"path\",{\"d\":\"M16 17h.01\"}]],\"camera\":[[\"path\",{\"d\":\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"13\",\"r\":\"3\"}]],\"car\":[[\"path\",{\"d\":\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"17\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 17h6\"}],[\"circle\",{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"2\"}]],\"check\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\"}]],\"chevron-right\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\"}]],\"circle-check\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"clipboard-list\":[[\"rect\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"8\",\"y\":\"2\",\"rx\":\"1\",\"ry\":\"1\"}],[\"path\",{\"d\":\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"}],[\"path\",{\"d\":\"M12 11h4\"}],[\"path\",{\"d\":\"M12 16h4\"}],[\"path\",{\"d\":\"M8 11h.01\"}],[\"path\",{\"d\":\"M8 16h.01\"}]],\"clock\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 6v6l4 2\"}]],\"coffee\":[[\"path\",{\"d\":\"M10 2v2\"}],[\"path\",{\"d\":\"M14 2v2\"}],[\"path\",{\"d\":\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"path\",{\"d\":\"M6 2v2\"}]],\"credit-card\":[[\"rect\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"5\",\"rx\":\"2\"}],[\"line\",{\"x1\":\"2\",\"x2\":\"22\",\"y1\":\"10\",\"y2\":\"10\"}],[\"path\",{\"d\":\"M6 14h2\"}]],\"droplet\":[[\"path\",{\"d\":\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"}]],\"file-text\":[[\"path\",{\"d\":\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{\"d\":\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"path\",{\"d\":\"M10 9H8\"}],[\"path\",{\"d\":\"M16 13H8\"}],[\"path\",{\"d\":\"M16 17H8\"}]],\"gift\":[[\"path\",{\"d\":\"M12 7v14\"}],[\"path\",{\"d\":\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\"}],[\"path\",{\"d\":\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\"}],[\"rect\",{\"x\":\"3\",\"y\":\"7\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\"}]],\"globe\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"path\",{\"d\":\"M2 12h20\"}]],\"hand-heart\":[[\"path\",{\"d\":\"M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\"}],[\"path\",{\"d\":\"m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95\"}],[\"path\",{\"d\":\"m2 15 6 6\"}],[\"path\",{\"d\":\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91\"}]],\"heart\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}]],\"heart-pulse\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}],[\"path\",{\"d\":\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}]],\"house\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}]],\"image\":[[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"path\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}]],\"leaf\":[[\"path\",{\"d\":\"M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20\"}],[\"path\",{\"d\":\"M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13\"}]],\"lightbulb\":[[\"path\",{\"d\":\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"}],[\"path\",{\"d\":\"M9 18h6\"}],[\"path\",{\"d\":\"M10 22h4\"}]],\"mail\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}]],\"map-pin\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\"}]],\"message-circle\":[[\"path\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}]],\"microscope\":[[\"path\",{\"d\":\"M6 18h8\"}],[\"path\",{\"d\":\"M3 22h18\"}],[\"path\",{\"d\":\"M14 22a7 7 0 1 0 0-14h-1\"}],[\"path\",{\"d\":\"M9 14h2\"}],[\"path\",{\"d\":\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"}],[\"path\",{\"d\":\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"}]],\"moon\":[[\"path\",{\"d\":\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"}]],\"percent\":[[\"line\",{\"x1\":\"19\",\"x2\":\"5\",\"y1\":\"5\",\"y2\":\"19\"}],[\"circle\",{\"cx\":\"6.5\",\"cy\":\"6.5\",\"r\":\"2.5\"}],[\"circle\",{\"cx\":\"17.5\",\"cy\":\"17.5\",\"r\":\"2.5\"}]],\"phone\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"}]],\"pill\":[[\"path\",{\"d\":\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"}],[\"path\",{\"d\":\"m8.5 8.5 7 7\"}]],\"play\":[[\"path\",{\"d\":\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"}]],\"quote\":[[\"path\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"path\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}]],\"scissors\":[[\"circle\",{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}],[\"path\",{\"d\":\"M8.12 8.12 12 12\"}],[\"path\",{\"d\":\"M20 4 8.12 15.88\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"path\",{\"d\":\"M14.8 14.8 20 20\"}]],\"send\":[[\"path\",{\"d\":\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"}],[\"path\",{\"d\":\"m21.854 2.147-10.94 10.939\"}]],\"share-2\":[[\"circle\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"line\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"line\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}]],\"shield-check\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\"}]],\"sparkles\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"path\",{\"d\":\"M20 2v4\"}],[\"path\",{\"d\":\"M22 4h-4\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}]],\"star\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]],\"stethoscope\":[[\"path\",{\"d\":\"M11 2v2\"}],[\"path\",{\"d\":\"M5 2v2\"}],[\"path\",{\"d\":\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"}],[\"path\",{\"d\":\"M8 15a6 6 0 0 0 12 0v-3\"}],[\"circle\",{\"cx\":\"20\",\"cy\":\"10\",\"r\":\"2\"}]],\"sun\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M12 2v2\"}],[\"path\",{\"d\":\"M12 20v2\"}],[\"path\",{\"d\":\"m4.93 4.93 1.41 1.41\"}],[\"path\",{\"d\":\"m17.66 17.66 1.41 1.41\"}],[\"path\",{\"d\":\"M2 12h2\"}],[\"path\",{\"d\":\"M20 12h2\"}],[\"path\",{\"d\":\"m6.34 17.66-1.41 1.41\"}],[\"path\",{\"d\":\"m19.07 4.93-1.41 1.41\"}]],\"syringe\":[[\"path\",{\"d\":\"m18 2 4 4\"}],[\"path\",{\"d\":\"m17 7 3-3\"}],[\"path\",{\"d\":\"M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5\"}],[\"path\",{\"d\":\"m9 11 4 4\"}],[\"path\",{\"d\":\"m5 19-3 3\"}],[\"path\",{\"d\":\"m14 4 6 6\"}]],\"thumbs-up\":[[\"path\",{\"d\":\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"}],[\"path\",{\"d\":\"M7 10v12\"}]],\"timer\":[[\"line\",{\"x1\":\"10\",\"x2\":\"14\",\"y1\":\"2\",\"y2\":\"2\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"15\",\"y1\":\"14\",\"y2\":\"11\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"14\",\"r\":\"8\"}]],\"user\":[[\"path\",{\"d\":\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\"}]],\"users\":[[\"path\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"path\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"path\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}]],\"video\":[[\"path\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"rect\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}]],\"wallet\":[[\"path\",{\"d\":\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"}],[\"path\",{\"d\":\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"}]],\"wifi\":[[\"path\",{\"d\":\"M12 20h.01\"}],[\"path\",{\"d\":\"M2 8.82a15 15 0 0 1 20 0\"}],[\"path\",{\"d\":\"M5 12.859a10 10 0 0 1 14 0\"}],[\"path\",{\"d\":\"M8.5 16.429a5 5 0 0 1 7 0\"}]],\"at-sign\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\"}]]}"), Sa = /* @__PURE__ */ new Set([
|
|
7431
|
+
}), Sa = /*#__PURE__*/ JSON.parse("{\"activity\":[[\"path\",{\"d\":\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"}]],\"arrow-right\":[[\"path\",{\"d\":\"M5 12h14\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\"}]],\"arrow-up-right\":[[\"path\",{\"d\":\"M7 7h10v10\"}],[\"path\",{\"d\":\"M7 17 17 7\"}]],\"award\":[[\"path\",{\"d\":\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"6\"}]],\"badge-check\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"baby\":[[\"path\",{\"d\":\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"}],[\"path\",{\"d\":\"M15 12h.01\"}],[\"path\",{\"d\":\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"}],[\"path\",{\"d\":\"M9 12h.01\"}]],\"banknote\":[[\"rect\",{\"width\":\"20\",\"height\":\"12\",\"x\":\"2\",\"y\":\"6\",\"rx\":\"2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],[\"path\",{\"d\":\"M6 12h.01M18 12h.01\"}]],\"bone\":[[\"path\",{\"d\":\"M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z\"}]],\"brush\":[[\"path\",{\"d\":\"m11 10 3 3\"}],[\"path\",{\"d\":\"M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z\"}],[\"path\",{\"d\":\"M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031\"}]],\"bus\":[[\"path\",{\"d\":\"M8 6v6\"}],[\"path\",{\"d\":\"M15 6v6\"}],[\"path\",{\"d\":\"M2 12h19.6\"}],[\"path\",{\"d\":\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"18\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 18h5\"}],[\"circle\",{\"cx\":\"16\",\"cy\":\"18\",\"r\":\"2\"}]],\"calendar\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}]],\"calendar-check\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"m9 15 2 2 4-4\"}]],\"calendar-days\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"M8 13h.01\"}],[\"path\",{\"d\":\"M12 13h.01\"}],[\"path\",{\"d\":\"M16 13h.01\"}],[\"path\",{\"d\":\"M8 17h.01\"}],[\"path\",{\"d\":\"M12 17h.01\"}],[\"path\",{\"d\":\"M16 17h.01\"}]],\"camera\":[[\"path\",{\"d\":\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"13\",\"r\":\"3\"}]],\"car\":[[\"path\",{\"d\":\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"17\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 17h6\"}],[\"circle\",{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"2\"}]],\"check\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\"}]],\"chevron-right\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\"}]],\"circle-check\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"clipboard-list\":[[\"rect\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"8\",\"y\":\"2\",\"rx\":\"1\",\"ry\":\"1\"}],[\"path\",{\"d\":\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"}],[\"path\",{\"d\":\"M12 11h4\"}],[\"path\",{\"d\":\"M12 16h4\"}],[\"path\",{\"d\":\"M8 11h.01\"}],[\"path\",{\"d\":\"M8 16h.01\"}]],\"clock\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 6v6l4 2\"}]],\"coffee\":[[\"path\",{\"d\":\"M10 2v2\"}],[\"path\",{\"d\":\"M14 2v2\"}],[\"path\",{\"d\":\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"path\",{\"d\":\"M6 2v2\"}]],\"credit-card\":[[\"rect\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"5\",\"rx\":\"2\"}],[\"line\",{\"x1\":\"2\",\"x2\":\"22\",\"y1\":\"10\",\"y2\":\"10\"}],[\"path\",{\"d\":\"M6 14h2\"}]],\"droplet\":[[\"path\",{\"d\":\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"}]],\"file-text\":[[\"path\",{\"d\":\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{\"d\":\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"path\",{\"d\":\"M10 9H8\"}],[\"path\",{\"d\":\"M16 13H8\"}],[\"path\",{\"d\":\"M16 17H8\"}]],\"gift\":[[\"path\",{\"d\":\"M12 7v14\"}],[\"path\",{\"d\":\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\"}],[\"path\",{\"d\":\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\"}],[\"rect\",{\"x\":\"3\",\"y\":\"7\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\"}]],\"globe\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"path\",{\"d\":\"M2 12h20\"}]],\"hand-heart\":[[\"path\",{\"d\":\"M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\"}],[\"path\",{\"d\":\"m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95\"}],[\"path\",{\"d\":\"m2 15 6 6\"}],[\"path\",{\"d\":\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91\"}]],\"heart\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}]],\"heart-pulse\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}],[\"path\",{\"d\":\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}]],\"house\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}]],\"image\":[[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"path\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}]],\"leaf\":[[\"path\",{\"d\":\"M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20\"}],[\"path\",{\"d\":\"M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13\"}]],\"lightbulb\":[[\"path\",{\"d\":\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"}],[\"path\",{\"d\":\"M9 18h6\"}],[\"path\",{\"d\":\"M10 22h4\"}]],\"mail\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}]],\"map-pin\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\"}]],\"message-circle\":[[\"path\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}]],\"microscope\":[[\"path\",{\"d\":\"M6 18h8\"}],[\"path\",{\"d\":\"M3 22h18\"}],[\"path\",{\"d\":\"M14 22a7 7 0 1 0 0-14h-1\"}],[\"path\",{\"d\":\"M9 14h2\"}],[\"path\",{\"d\":\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"}],[\"path\",{\"d\":\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"}]],\"moon\":[[\"path\",{\"d\":\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"}]],\"percent\":[[\"line\",{\"x1\":\"19\",\"x2\":\"5\",\"y1\":\"5\",\"y2\":\"19\"}],[\"circle\",{\"cx\":\"6.5\",\"cy\":\"6.5\",\"r\":\"2.5\"}],[\"circle\",{\"cx\":\"17.5\",\"cy\":\"17.5\",\"r\":\"2.5\"}]],\"phone\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"}]],\"pill\":[[\"path\",{\"d\":\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"}],[\"path\",{\"d\":\"m8.5 8.5 7 7\"}]],\"play\":[[\"path\",{\"d\":\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"}]],\"quote\":[[\"path\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"path\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}]],\"scissors\":[[\"circle\",{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}],[\"path\",{\"d\":\"M8.12 8.12 12 12\"}],[\"path\",{\"d\":\"M20 4 8.12 15.88\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"path\",{\"d\":\"M14.8 14.8 20 20\"}]],\"send\":[[\"path\",{\"d\":\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"}],[\"path\",{\"d\":\"m21.854 2.147-10.94 10.939\"}]],\"share-2\":[[\"circle\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"line\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"line\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}]],\"shield-check\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\"}]],\"sparkles\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"path\",{\"d\":\"M20 2v4\"}],[\"path\",{\"d\":\"M22 4h-4\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}]],\"star\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]],\"stethoscope\":[[\"path\",{\"d\":\"M11 2v2\"}],[\"path\",{\"d\":\"M5 2v2\"}],[\"path\",{\"d\":\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"}],[\"path\",{\"d\":\"M8 15a6 6 0 0 0 12 0v-3\"}],[\"circle\",{\"cx\":\"20\",\"cy\":\"10\",\"r\":\"2\"}]],\"sun\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M12 2v2\"}],[\"path\",{\"d\":\"M12 20v2\"}],[\"path\",{\"d\":\"m4.93 4.93 1.41 1.41\"}],[\"path\",{\"d\":\"m17.66 17.66 1.41 1.41\"}],[\"path\",{\"d\":\"M2 12h2\"}],[\"path\",{\"d\":\"M20 12h2\"}],[\"path\",{\"d\":\"m6.34 17.66-1.41 1.41\"}],[\"path\",{\"d\":\"m19.07 4.93-1.41 1.41\"}]],\"syringe\":[[\"path\",{\"d\":\"m18 2 4 4\"}],[\"path\",{\"d\":\"m17 7 3-3\"}],[\"path\",{\"d\":\"M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5\"}],[\"path\",{\"d\":\"m9 11 4 4\"}],[\"path\",{\"d\":\"m5 19-3 3\"}],[\"path\",{\"d\":\"m14 4 6 6\"}]],\"thumbs-up\":[[\"path\",{\"d\":\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"}],[\"path\",{\"d\":\"M7 10v12\"}]],\"timer\":[[\"line\",{\"x1\":\"10\",\"x2\":\"14\",\"y1\":\"2\",\"y2\":\"2\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"15\",\"y1\":\"14\",\"y2\":\"11\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"14\",\"r\":\"8\"}]],\"user\":[[\"path\",{\"d\":\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\"}]],\"users\":[[\"path\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"path\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"path\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}]],\"video\":[[\"path\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"rect\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}]],\"wallet\":[[\"path\",{\"d\":\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"}],[\"path\",{\"d\":\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"}]],\"wifi\":[[\"path\",{\"d\":\"M12 20h.01\"}],[\"path\",{\"d\":\"M2 8.82a15 15 0 0 1 20 0\"}],[\"path\",{\"d\":\"M5 12.859a10 10 0 0 1 14 0\"}],[\"path\",{\"d\":\"M8.5 16.429a5 5 0 0 1 7 0\"}]],\"at-sign\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\"}]]}"), Ca = /* @__PURE__ */ new Set([
|
|
7428
7432
|
"path",
|
|
7429
7433
|
"circle",
|
|
7430
7434
|
"rect",
|
|
7431
7435
|
"line"
|
|
7432
|
-
]),
|
|
7433
|
-
function
|
|
7436
|
+
]), wa = (e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "string" && Ca.has(e[0]) && typeof e[1] == "object" && e[1] !== null && Object.values(e[1]).every((e) => typeof e == "string");
|
|
7437
|
+
function Ta(e) {
|
|
7434
7438
|
let t = typeof e == "object" && e ? Object.entries(e) : [];
|
|
7435
|
-
return new Map(t.flatMap(([e, t]) => Array.isArray(t) && t.every(
|
|
7439
|
+
return new Map(t.flatMap(([e, t]) => Array.isArray(t) && t.every(wa) ? [[e, t]] : []));
|
|
7436
7440
|
}
|
|
7437
|
-
var
|
|
7441
|
+
var Ea = Ta(Sa), Da = [...Ea.keys()], Oa = [
|
|
7438
7442
|
"width",
|
|
7439
7443
|
"height",
|
|
7440
7444
|
"stroke-width"
|
|
7441
|
-
],
|
|
7445
|
+
], ka = /* @__PURE__ */ c({
|
|
7442
7446
|
__name: "CatalogIcon",
|
|
7443
7447
|
props: {
|
|
7444
7448
|
name: {},
|
|
@@ -7446,7 +7450,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7446
7450
|
stroke: { default: 2 }
|
|
7447
7451
|
},
|
|
7448
7452
|
setup(r) {
|
|
7449
|
-
let a = r, o = t(() =>
|
|
7453
|
+
let a = r, o = t(() => Ea.get(a.name) ?? []);
|
|
7450
7454
|
return (t, a) => (_(), i("svg", {
|
|
7451
7455
|
width: r.size,
|
|
7452
7456
|
height: r.size,
|
|
@@ -7457,25 +7461,25 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7457
7461
|
"stroke-linecap": "round",
|
|
7458
7462
|
"stroke-linejoin": "round",
|
|
7459
7463
|
"aria-hidden": "true"
|
|
7460
|
-
}, [(_(!0), i(e, null, x(o.value, (e, t) => (_(), n(C(e[0]), f({ key: t }, { ref_for: !0 }, e[1]), null, 16))), 128))], 8,
|
|
7464
|
+
}, [(_(!0), i(e, null, x(o.value, (e, t) => (_(), n(C(e[0]), f({ key: t }, { ref_for: !0 }, e[1]), null, 16))), 128))], 8, Oa));
|
|
7461
7465
|
}
|
|
7462
|
-
}),
|
|
7463
|
-
heading:
|
|
7466
|
+
}), Aa = {
|
|
7467
|
+
heading: et,
|
|
7464
7468
|
text: pe,
|
|
7465
7469
|
image: je,
|
|
7466
|
-
button:
|
|
7467
|
-
divider:
|
|
7468
|
-
video:
|
|
7469
|
-
shape:
|
|
7470
|
-
icon:
|
|
7471
|
-
navbar:
|
|
7470
|
+
button: Be,
|
|
7471
|
+
divider: Re,
|
|
7472
|
+
video: rt,
|
|
7473
|
+
shape: Xe,
|
|
7474
|
+
icon: Ye,
|
|
7475
|
+
navbar: Le,
|
|
7472
7476
|
gallery: Me,
|
|
7473
7477
|
slider: ke,
|
|
7474
|
-
input:
|
|
7475
|
-
textarea:
|
|
7476
|
-
select:
|
|
7477
|
-
checkbox:
|
|
7478
|
-
},
|
|
7478
|
+
input: Qe,
|
|
7479
|
+
textarea: Ue,
|
|
7480
|
+
select: Fe,
|
|
7481
|
+
checkbox: Ze
|
|
7482
|
+
}, ja = /* @__PURE__ */ c({
|
|
7479
7483
|
__name: "ElementIcon",
|
|
7480
7484
|
props: {
|
|
7481
7485
|
element: {},
|
|
@@ -7483,11 +7487,11 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7483
7487
|
},
|
|
7484
7488
|
setup(e) {
|
|
7485
7489
|
let r = e, i = K(), a = t(() => i.kindOf(r.element));
|
|
7486
|
-
return (t, r) => a.value.kind === "core" ? (_(), n(C(D(
|
|
7490
|
+
return (t, r) => a.value.kind === "core" ? (_(), n(C(D(Aa)[a.value.element.type]), {
|
|
7487
7491
|
key: 0,
|
|
7488
7492
|
size: e.size,
|
|
7489
7493
|
"aria-hidden": "true"
|
|
7490
|
-
}, null, 8, ["size"])) : a.value.kind === "app" ? (_(), n(
|
|
7494
|
+
}, null, 8, ["size"])) : a.value.kind === "app" ? (_(), n(ka, {
|
|
7491
7495
|
key: 1,
|
|
7492
7496
|
name: a.value.spec.icon,
|
|
7493
7497
|
size: e.size
|
|
@@ -7497,67 +7501,71 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7497
7501
|
"aria-hidden": "true"
|
|
7498
7502
|
}, null, 8, ["size"]));
|
|
7499
7503
|
}
|
|
7500
|
-
}),
|
|
7504
|
+
}), Ma = { class: "lze-sidebar lze-left" }, Na = {
|
|
7501
7505
|
class: "lze-tabs",
|
|
7502
7506
|
role: "tablist"
|
|
7503
|
-
},
|
|
7507
|
+
}, Pa = ["aria-selected", "onClick"], Fa = {
|
|
7504
7508
|
key: 0,
|
|
7505
7509
|
class: "lze-scroll lze-stack",
|
|
7506
7510
|
role: "tabpanel"
|
|
7507
|
-
},
|
|
7511
|
+
}, Ia = { class: "lze-palette" }, La = [
|
|
7508
7512
|
"title",
|
|
7509
7513
|
"onPointerdown",
|
|
7510
7514
|
"onClick"
|
|
7511
|
-
],
|
|
7515
|
+
], Ra = { class: "lze-group-title" }, za = { class: "lze-palette" }, Ba = [
|
|
7512
7516
|
"title",
|
|
7513
7517
|
"onPointerdown",
|
|
7514
7518
|
"onClick"
|
|
7515
|
-
],
|
|
7519
|
+
], Va = { class: "lze-hint" }, Ha = { class: "lze-group-title" }, Ua = { class: "lze-palette" }, Wa = [
|
|
7516
7520
|
"title",
|
|
7517
7521
|
"onPointerdown",
|
|
7518
7522
|
"onClick"
|
|
7519
|
-
],
|
|
7523
|
+
], Ga = { class: "lze-hint" }, Ka = {
|
|
7520
7524
|
key: 1,
|
|
7525
|
+
class: "lze-scroll lze-stack",
|
|
7526
|
+
role: "tabpanel"
|
|
7527
|
+
}, qa = { class: "lze-hint" }, Ja = { class: "lze-group-label" }, Ya = ["onClick"], Xa = {
|
|
7528
|
+
key: 2,
|
|
7521
7529
|
class: "lze-scroll",
|
|
7522
7530
|
role: "tabpanel"
|
|
7523
|
-
},
|
|
7531
|
+
}, Za = { class: "lze-heading lze-pad" }, Qa = { class: "lze-muted" }, $a = ["data-selected"], eo = ["aria-label", "onClick"], to = ["onClick"], no = { class: "lze-muted" }, ro = {
|
|
7524
7532
|
key: 0,
|
|
7525
7533
|
class: "lze-layer-actions"
|
|
7526
|
-
},
|
|
7534
|
+
}, io = [
|
|
7527
7535
|
"aria-label",
|
|
7528
7536
|
"disabled",
|
|
7529
7537
|
"onClick"
|
|
7530
|
-
],
|
|
7538
|
+
], ao = [
|
|
7531
7539
|
"aria-label",
|
|
7532
7540
|
"disabled",
|
|
7533
7541
|
"onClick"
|
|
7534
|
-
],
|
|
7542
|
+
], oo = { class: "lze-layer-children" }, so = ["data-selected"], co = ["onClick"], lo = [
|
|
7535
7543
|
"data-locked",
|
|
7536
7544
|
"title",
|
|
7537
7545
|
"aria-label",
|
|
7538
7546
|
"onClick"
|
|
7539
|
-
],
|
|
7547
|
+
], uo = {
|
|
7540
7548
|
key: 0,
|
|
7541
7549
|
class: "lze-hint lze-pad"
|
|
7542
|
-
},
|
|
7543
|
-
key:
|
|
7550
|
+
}, fo = {
|
|
7551
|
+
key: 3,
|
|
7544
7552
|
class: "lze-scroll",
|
|
7545
7553
|
role: "tabpanel"
|
|
7546
|
-
},
|
|
7554
|
+
}, po = { class: "lze-heading lze-pad" }, mo = { class: "lze-hint" }, ho = { class: "lze-stack lze-pad" }, go = ["data-active"], _o = { class: "lze-row" }, vo = ["onUpdate:modelValue", "aria-label"], yo = ["aria-label", "onClick"], bo = { class: "lze-heading" }, xo = { class: "lze-muted" }, So = ["onClick"], Co = {
|
|
7547
7555
|
key: 0,
|
|
7548
7556
|
class: "lze-hint"
|
|
7549
|
-
},
|
|
7550
|
-
key:
|
|
7557
|
+
}, wo = {
|
|
7558
|
+
key: 4,
|
|
7551
7559
|
class: "lze-scroll",
|
|
7552
7560
|
role: "tabpanel"
|
|
7553
|
-
},
|
|
7561
|
+
}, To = { class: "lze-heading lze-pad" }, Eo = { class: "lze-hint" }, Do = { class: "lze-media-grid lze-pad" }, Oo = [
|
|
7554
7562
|
"title",
|
|
7555
7563
|
"onPointerdown",
|
|
7556
7564
|
"onClick"
|
|
7557
|
-
],
|
|
7565
|
+
], ko = ["src", "alt"], Ao = {
|
|
7558
7566
|
key: 0,
|
|
7559
7567
|
class: "lze-hint"
|
|
7560
|
-
},
|
|
7568
|
+
}, jo = /* @__PURE__ */ c({
|
|
7561
7569
|
__name: "LeftSidebar",
|
|
7562
7570
|
props: { dropPoint: { type: Function } },
|
|
7563
7571
|
setup(c) {
|
|
@@ -7565,7 +7573,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7565
7573
|
{
|
|
7566
7574
|
key: "elements",
|
|
7567
7575
|
label: "tabs.elements",
|
|
7568
|
-
icon:
|
|
7576
|
+
icon: We
|
|
7577
|
+
},
|
|
7578
|
+
{
|
|
7579
|
+
key: "blocks",
|
|
7580
|
+
label: "tabs.blocks",
|
|
7581
|
+
icon: Pe
|
|
7569
7582
|
},
|
|
7570
7583
|
{
|
|
7571
7584
|
key: "layers",
|
|
@@ -7575,14 +7588,14 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7575
7588
|
{
|
|
7576
7589
|
key: "modals",
|
|
7577
7590
|
label: "tabs.modals",
|
|
7578
|
-
icon:
|
|
7591
|
+
icon: Ve
|
|
7579
7592
|
},
|
|
7580
7593
|
{
|
|
7581
7594
|
key: "media",
|
|
7582
7595
|
label: "tabs.media",
|
|
7583
7596
|
icon: je
|
|
7584
7597
|
}
|
|
7585
|
-
], h =
|
|
7598
|
+
], h = at.filter((e) => Yt[e].group === "content"), g = at.filter((e) => Yt[e].group === "form"), v = b(null);
|
|
7586
7599
|
function y(e, t, n, r) {
|
|
7587
7600
|
e.button === 0 && (v.value = {
|
|
7588
7601
|
insertable: t,
|
|
@@ -7614,21 +7627,21 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7614
7627
|
function E(e, t, n) {
|
|
7615
7628
|
e.detail === 0 && u.addElement(t, void 0, n);
|
|
7616
7629
|
}
|
|
7617
|
-
let O = (e) => d(
|
|
7630
|
+
let O = (e) => d(Yt[e].label), k = b([]);
|
|
7618
7631
|
function A(e) {
|
|
7619
7632
|
k.value = k.value.includes(e) ? k.value.filter((t) => t !== e) : [...k.value, e];
|
|
7620
7633
|
}
|
|
7621
7634
|
let M = t(() => u.state.selection.kind === "elements" ? u.state.selection.ids : []), te = (e) => u.state.selection.kind === "canvas" && u.state.selection.canvas === e;
|
|
7622
7635
|
function N(e) {
|
|
7623
7636
|
let t = u.kindOf(e);
|
|
7624
|
-
return
|
|
7637
|
+
return en(e, t.kind === "core" ? d(t.spec.label) : t.kind === "app" ? u.i18n.localized(t.spec.label) : d("type.unknown"));
|
|
7625
7638
|
}
|
|
7626
7639
|
function P(e) {
|
|
7627
7640
|
e.locked = !e.locked, u.commit();
|
|
7628
7641
|
}
|
|
7629
7642
|
let re = t(() => u.state.draft.modals ?? []);
|
|
7630
|
-
return (t, c) => (_(), i("aside",
|
|
7631
|
-
a("div",
|
|
7643
|
+
return (t, c) => (_(), i("aside", Ma, [
|
|
7644
|
+
a("div", Na, [(_(), i(e, null, x(p, (e) => a("button", {
|
|
7632
7645
|
key: e.key,
|
|
7633
7646
|
type: "button",
|
|
7634
7647
|
role: "tab",
|
|
@@ -7637,9 +7650,9 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7637
7650
|
}, [(_(), n(C(e.icon), {
|
|
7638
7651
|
size: 16,
|
|
7639
7652
|
"aria-hidden": "true"
|
|
7640
|
-
})), o(T(D(d)(e.label)), 1)], 8,
|
|
7641
|
-
f.value === "elements" ? (_(), i("div",
|
|
7642
|
-
a("div",
|
|
7653
|
+
})), o(T(D(d)(e.label)), 1)], 8, Pa)), 64))]),
|
|
7654
|
+
f.value === "elements" ? (_(), i("div", Fa, [
|
|
7655
|
+
a("div", Ia, [(_(!0), i(e, null, x(D(h), (e) => (_(), i("button", {
|
|
7643
7656
|
key: e,
|
|
7644
7657
|
type: "button",
|
|
7645
7658
|
class: "lze-palette-item",
|
|
@@ -7655,13 +7668,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7655
7668
|
onPointermove: S,
|
|
7656
7669
|
onPointerup: w,
|
|
7657
7670
|
onPointercancel: c[0] ||= (e) => v.value = null
|
|
7658
|
-
}, [(_(), n(C(D(
|
|
7671
|
+
}, [(_(), n(C(D(Aa)[e]), {
|
|
7659
7672
|
size: 16,
|
|
7660
7673
|
"aria-hidden": "true"
|
|
7661
|
-
})), o(T(O(e)), 1)], 40,
|
|
7674
|
+
})), o(T(O(e)), 1)], 40, La))), 128))]),
|
|
7662
7675
|
D(u).catalog.value.elements.length ? (_(), i(e, { key: 0 }, [
|
|
7663
|
-
a("p",
|
|
7664
|
-
a("div",
|
|
7676
|
+
a("p", Ra, T(D(d)("elements.app")), 1),
|
|
7677
|
+
a("div", za, [(_(!0), i(e, null, x(D(u).catalog.value.elements, (e) => (_(), i("button", {
|
|
7665
7678
|
key: e.type,
|
|
7666
7679
|
type: "button",
|
|
7667
7680
|
class: "lze-palette-item",
|
|
@@ -7677,21 +7690,14 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7677
7690
|
onPointermove: S,
|
|
7678
7691
|
onPointerup: w,
|
|
7679
7692
|
onPointercancel: c[1] ||= (e) => v.value = null
|
|
7680
|
-
}, [s(
|
|
7693
|
+
}, [s(ka, {
|
|
7681
7694
|
name: e.icon,
|
|
7682
7695
|
size: 16
|
|
7683
|
-
}, null, 8, ["name"]), o(T(D(u).i18n.localized(e.label)), 1)], 40,
|
|
7684
|
-
a("p",
|
|
7696
|
+
}, null, 8, ["name"]), o(T(D(u).i18n.localized(e.label)), 1)], 40, Ba))), 128))]),
|
|
7697
|
+
a("p", Va, T(D(d)("elements.appHint")), 1)
|
|
7685
7698
|
], 64)) : r("", !0),
|
|
7686
|
-
a("p",
|
|
7687
|
-
a("div",
|
|
7688
|
-
key: e.key,
|
|
7689
|
-
type: "button",
|
|
7690
|
-
class: "lze-list-item",
|
|
7691
|
-
onClick: (t) => D(u).addSection(D(yn)(e.key))
|
|
7692
|
-
}, T(D(d)(e.name)), 9, Wa))), 128))], 64))), 128))]),
|
|
7693
|
-
a("p", Ga, T(D(d)("elements.form")), 1),
|
|
7694
|
-
a("div", Ka, [(_(!0), i(e, null, x(D(g), (e) => (_(), i("button", {
|
|
7699
|
+
a("p", Ha, T(D(d)("elements.form")), 1),
|
|
7700
|
+
a("div", Ua, [(_(!0), i(e, null, x(D(g), (e) => (_(), i("button", {
|
|
7695
7701
|
key: e,
|
|
7696
7702
|
type: "button",
|
|
7697
7703
|
class: "lze-palette-item",
|
|
@@ -7707,18 +7713,26 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7707
7713
|
onPointermove: S,
|
|
7708
7714
|
onPointerup: w,
|
|
7709
7715
|
onPointercancel: c[2] ||= (e) => v.value = null
|
|
7710
|
-
}, [(_(), n(C(D(
|
|
7716
|
+
}, [(_(), n(C(D(Aa)[e]), {
|
|
7711
7717
|
size: 16,
|
|
7712
7718
|
"aria-hidden": "true"
|
|
7713
|
-
})), o(T(O(e)), 1)], 40,
|
|
7714
|
-
a("p",
|
|
7715
|
-
])) : f.value === "
|
|
7719
|
+
})), o(T(O(e)), 1)], 40, Wa))), 128))]),
|
|
7720
|
+
a("p", Ga, T(D(d)("elements.formHint")), 1)
|
|
7721
|
+
])) : f.value === "blocks" ? (_(), i("div", Ka, [a("p", qa, T(D(d)("elements.sectionsHint")), 1), (_(!0), i(e, null, x(D(_n), (t) => (_(), i("div", {
|
|
7722
|
+
key: t.key,
|
|
7723
|
+
class: "lze-list"
|
|
7724
|
+
}, [a("p", Ja, T(D(d)(t.name)), 1), (_(!0), i(e, null, x(D(gn).filter((e) => e.group === t.key), (e) => (_(), i("button", {
|
|
7725
|
+
key: e.key,
|
|
7726
|
+
type: "button",
|
|
7727
|
+
class: "lze-list-item",
|
|
7728
|
+
onClick: (t) => D(u).addSection(D(bn)(e.key))
|
|
7729
|
+
}, T(D(d)(e.name)), 9, Ya))), 128))]))), 128))])) : f.value === "layers" ? (_(), i("div", Xa, [a("div", Za, [a("span", Qa, T(D(u).activeModal.value ? D(d)("layers.modal", { title: D(u).activeModal.value.title }) : D(d)("layers.count", { n: D(u).state.draft.sections.length })), 1), D(u).activeModal.value ? r("", !0) : (_(), i("button", {
|
|
7716
7730
|
key: 0,
|
|
7717
7731
|
type: "button",
|
|
7718
7732
|
class: "lze-btn",
|
|
7719
7733
|
"data-variant": "ghost",
|
|
7720
7734
|
onClick: c[3] ||= (e) => D(u).addSection()
|
|
7721
|
-
}, [s(D(
|
|
7735
|
+
}, [s(D(We), {
|
|
7722
7736
|
size: 14,
|
|
7723
7737
|
"aria-hidden": "true"
|
|
7724
7738
|
}), o(T(D(d)("common.new")), 1)]))]), (_(!0), i(e, null, x(D(u).canvases.value, (t, o) => (_(), i("div", {
|
|
@@ -7737,7 +7751,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7737
7751
|
size: 14,
|
|
7738
7752
|
style: m({ transform: k.value.includes(t.id) ? "rotate(-90deg)" : void 0 }),
|
|
7739
7753
|
"aria-hidden": "true"
|
|
7740
|
-
}, null, 8, ["style"])], 8,
|
|
7754
|
+
}, null, 8, ["style"])], 8, eo),
|
|
7741
7755
|
a("button", {
|
|
7742
7756
|
type: "button",
|
|
7743
7757
|
class: "lze-layer-name",
|
|
@@ -7747,10 +7761,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7747
7761
|
size: 14,
|
|
7748
7762
|
"aria-hidden": "true"
|
|
7749
7763
|
}),
|
|
7750
|
-
a("span", null, T(D(
|
|
7751
|
-
a("span",
|
|
7752
|
-
], 8,
|
|
7753
|
-
D(
|
|
7764
|
+
a("span", null, T(D(ct)(t) ? t.title : D(d)("layers.section", { n: o + 1 })), 1),
|
|
7765
|
+
a("span", no, T(t.elements.length), 1)
|
|
7766
|
+
], 8, to),
|
|
7767
|
+
D(ct)(t) ? r("", !0) : (_(), i("span", ro, [a("button", {
|
|
7754
7768
|
type: "button",
|
|
7755
7769
|
class: "lze-icon-btn",
|
|
7756
7770
|
"aria-label": D(d)("layers.up"),
|
|
@@ -7759,7 +7773,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7759
7773
|
}, [s(D(xe), {
|
|
7760
7774
|
size: 14,
|
|
7761
7775
|
"aria-hidden": "true"
|
|
7762
|
-
})], 8,
|
|
7776
|
+
})], 8, io), a("button", {
|
|
7763
7777
|
type: "button",
|
|
7764
7778
|
class: "lze-icon-btn",
|
|
7765
7779
|
"aria-label": D(d)("layers.down"),
|
|
@@ -7768,8 +7782,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7768
7782
|
}, [s(D(be), {
|
|
7769
7783
|
size: 14,
|
|
7770
7784
|
"aria-hidden": "true"
|
|
7771
|
-
})], 8,
|
|
7772
|
-
], 8,
|
|
7785
|
+
})], 8, ao)]))
|
|
7786
|
+
], 8, $a), ne(a("div", oo, [(_(!0), i(e, null, x(t.elements, (e) => (_(), i("div", {
|
|
7773
7787
|
key: e.id,
|
|
7774
7788
|
class: "lze-layer-row",
|
|
7775
7789
|
"data-selected": M.value.includes(e.id)
|
|
@@ -7777,61 +7791,61 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7777
7791
|
type: "button",
|
|
7778
7792
|
class: "lze-layer-name",
|
|
7779
7793
|
onClick: (n) => D(u).select(t.id, e.id, n.shiftKey)
|
|
7780
|
-
}, [s(
|
|
7794
|
+
}, [s(ja, { element: e }, null, 8, ["element"]), a("span", null, T(N(e)), 1)], 8, co), a("button", {
|
|
7781
7795
|
type: "button",
|
|
7782
7796
|
class: "lze-icon-btn lze-lock-toggle",
|
|
7783
7797
|
"data-locked": e.locked === !0,
|
|
7784
7798
|
title: e.locked ? D(d)("layers.unlock") : D(d)("layers.lock"),
|
|
7785
7799
|
"aria-label": e.locked ? D(d)("layers.unlock") : D(d)("layers.lock"),
|
|
7786
7800
|
onClick: (t) => P(e)
|
|
7787
|
-
}, [e.locked ? (_(), n(D(
|
|
7801
|
+
}, [e.locked ? (_(), n(D(L), {
|
|
7788
7802
|
key: 0,
|
|
7789
7803
|
size: 12,
|
|
7790
7804
|
"aria-hidden": "true"
|
|
7791
|
-
})) : (_(), n(D(
|
|
7805
|
+
})) : (_(), n(D(Ie), {
|
|
7792
7806
|
key: 1,
|
|
7793
7807
|
size: 12,
|
|
7794
7808
|
"aria-hidden": "true"
|
|
7795
|
-
}))], 8,
|
|
7809
|
+
}))], 8, lo)], 8, so))), 128)), t.elements.length === 0 ? (_(), i("p", uo, T(D(d)("layers.empty")), 1)) : r("", !0)], 512), [[j, !k.value.includes(t.id)]])]))), 128))])) : f.value === "modals" ? (_(), i("div", fo, [a("div", po, [a("span", mo, T(D(d)("modals.hint")), 1), a("button", {
|
|
7796
7810
|
type: "button",
|
|
7797
7811
|
class: "lze-btn",
|
|
7798
7812
|
"data-variant": "ghost",
|
|
7799
7813
|
onClick: c[4] ||= (e) => D(u).addModal()
|
|
7800
|
-
}, [s(D(
|
|
7814
|
+
}, [s(D(We), {
|
|
7801
7815
|
size: 14,
|
|
7802
7816
|
"aria-hidden": "true"
|
|
7803
|
-
}), o(T(D(d)("common.new")), 1)])]), a("div",
|
|
7817
|
+
}), o(T(D(d)("common.new")), 1)])]), a("div", ho, [(_(!0), i(e, null, x(re.value, (e) => (_(), i("div", {
|
|
7804
7818
|
key: e.id,
|
|
7805
7819
|
class: "lze-card",
|
|
7806
7820
|
"data-active": D(u).state.view.kind === "modal" && D(u).state.view.id === e.id
|
|
7807
|
-
}, [a("div",
|
|
7821
|
+
}, [a("div", _o, [ne(a("input", {
|
|
7808
7822
|
"onUpdate:modelValue": (t) => e.title = t,
|
|
7809
7823
|
class: "lze-input",
|
|
7810
7824
|
maxlength: "120",
|
|
7811
7825
|
"aria-label": D(d)("modals.titleLabel"),
|
|
7812
7826
|
onChange: c[5] ||= (e) => D(u).commit()
|
|
7813
|
-
}, null, 40,
|
|
7827
|
+
}, null, 40, vo), [[ee, e.title]]), a("button", {
|
|
7814
7828
|
type: "button",
|
|
7815
7829
|
class: "lze-icon-btn",
|
|
7816
7830
|
"data-tone": "danger",
|
|
7817
7831
|
"aria-label": D(d)("modals.delete"),
|
|
7818
7832
|
onClick: (t) => D(u).removeModal(e.id)
|
|
7819
|
-
}, [s(D(
|
|
7833
|
+
}, [s(D($e), {
|
|
7820
7834
|
size: 14,
|
|
7821
7835
|
"aria-hidden": "true"
|
|
7822
|
-
})], 8,
|
|
7836
|
+
})], 8, yo)]), a("div", bo, [a("span", xo, T(D(d)("modals.elements", { n: e.elements.length })), 1), a("button", {
|
|
7823
7837
|
type: "button",
|
|
7824
7838
|
class: "lze-btn",
|
|
7825
7839
|
onClick: (t) => D(u).openModal(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? null : e.id)
|
|
7826
|
-
}, T(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? D(d)("common.close") : D(d)("modals.edit")), 9,
|
|
7840
|
+
}, T(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? D(d)("common.close") : D(d)("modals.edit")), 9, So)])], 8, go))), 128)), re.value.length === 0 ? (_(), i("p", Co, T(D(d)("modals.empty")), 1)) : r("", !0)])])) : (_(), i("div", wo, [a("div", To, [a("span", Eo, T(D(d)("media.hint")), 1), a("button", {
|
|
7827
7841
|
type: "button",
|
|
7828
7842
|
class: "lze-btn",
|
|
7829
7843
|
"data-variant": "ghost",
|
|
7830
7844
|
onClick: c[6] ||= (e) => D(u).openLibrary()
|
|
7831
|
-
}, [s(D(
|
|
7845
|
+
}, [s(D(We), {
|
|
7832
7846
|
size: 14,
|
|
7833
7847
|
"aria-hidden": "true"
|
|
7834
|
-
}), o(T(D(d)("media.upload")), 1)])]), a("div",
|
|
7848
|
+
}), o(T(D(d)("media.upload")), 1)])]), a("div", Do, [(_(!0), i(e, null, x(D(u).state.workspace.assets, (e) => (_(), i("button", {
|
|
7835
7849
|
key: e.id,
|
|
7836
7850
|
type: "button",
|
|
7837
7851
|
class: "lze-media-item",
|
|
@@ -7852,9 +7866,9 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7852
7866
|
alt: e.name,
|
|
7853
7867
|
loading: "lazy",
|
|
7854
7868
|
draggable: "false"
|
|
7855
|
-
}, null, 8,
|
|
7869
|
+
}, null, 8, ko)], 40, Oo))), 128)), D(u).state.workspace.assets.length === 0 ? (_(), i("p", Ao, T(D(d)("media.empty")), 1)) : r("", !0)])])),
|
|
7856
7870
|
v.value?.moved ? (_(), i("p", {
|
|
7857
|
-
key:
|
|
7871
|
+
key: 5,
|
|
7858
7872
|
class: "lze-drag-ghost",
|
|
7859
7873
|
style: m({
|
|
7860
7874
|
left: `${v.value.x + 12}px`,
|
|
@@ -7863,7 +7877,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7863
7877
|
}, T(v.value.label), 5)) : r("", !0)
|
|
7864
7878
|
]));
|
|
7865
7879
|
}
|
|
7866
|
-
}),
|
|
7880
|
+
}), Mo = /* @__PURE__ */ c({
|
|
7867
7881
|
__name: "AppContent",
|
|
7868
7882
|
props: {
|
|
7869
7883
|
element: {},
|
|
@@ -7877,7 +7891,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7877
7891
|
[e]: t
|
|
7878
7892
|
};
|
|
7879
7893
|
}
|
|
7880
|
-
return (r, s) => (_(!0), i(e, null, x(t.spec.fields, (e) => (_(), n(
|
|
7894
|
+
return (r, s) => (_(!0), i(e, null, x(t.spec.fields, (e) => (_(), n(Mi, {
|
|
7881
7895
|
key: e.key,
|
|
7882
7896
|
field: e,
|
|
7883
7897
|
"model-value": t.element.props[e.key],
|
|
@@ -7889,7 +7903,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7889
7903
|
"onUpdate:modelValue"
|
|
7890
7904
|
]))), 128));
|
|
7891
7905
|
}
|
|
7892
|
-
}),
|
|
7906
|
+
}), No = /* @__PURE__ */ c({
|
|
7893
7907
|
__name: "ButtonContent",
|
|
7894
7908
|
props: { element: {} },
|
|
7895
7909
|
setup(t) {
|
|
@@ -7907,7 +7921,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7907
7921
|
}, null, 8, ["id", "modelValue"])]),
|
|
7908
7922
|
_: 1
|
|
7909
7923
|
}, 8, ["id", "label"]), s(J, { label: D(r)("el.action") }, {
|
|
7910
|
-
default: N(() => [s(
|
|
7924
|
+
default: N(() => [s(Ai, {
|
|
7911
7925
|
modelValue: t.element.props.action,
|
|
7912
7926
|
"onUpdate:modelValue": c[2] ||= (e) => t.element.props.action = e,
|
|
7913
7927
|
label: D(r)("el.action"),
|
|
@@ -7916,7 +7930,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7916
7930
|
_: 1
|
|
7917
7931
|
}, 8, ["label"])], 64));
|
|
7918
7932
|
}
|
|
7919
|
-
}),
|
|
7933
|
+
}), Po = 30, Fo = /* @__PURE__ */ c({
|
|
7920
7934
|
__name: "FormFieldContent",
|
|
7921
7935
|
props: { element: {} },
|
|
7922
7936
|
setup(t) {
|
|
@@ -7936,7 +7950,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
7936
7950
|
label: c(`el.inputType.${e}`)
|
|
7937
7951
|
})), d = b((a.element.props.options ?? []).join("\n"));
|
|
7938
7952
|
function f(e) {
|
|
7939
|
-
d.value = e ?? "", a.element.props.options = d.value.split("\n").map((e) => e.trim()).filter(Boolean).slice(0,
|
|
7953
|
+
d.value = e ?? "", a.element.props.options = d.value.split("\n").map((e) => e.trim()).filter(Boolean).slice(0, Po);
|
|
7940
7954
|
}
|
|
7941
7955
|
return (a, p) => (_(), i(e, null, [
|
|
7942
7956
|
s(J, {
|
|
@@ -8018,21 +8032,21 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8018
8032
|
}, null, 8, ["modelValue", "label"])
|
|
8019
8033
|
], 64));
|
|
8020
8034
|
}
|
|
8021
|
-
}),
|
|
8035
|
+
}), Io = ["aria-label"], Lo = [
|
|
8022
8036
|
"title",
|
|
8023
8037
|
"aria-label",
|
|
8024
8038
|
"aria-pressed",
|
|
8025
8039
|
"onClick"
|
|
8026
|
-
],
|
|
8040
|
+
], Ro = {
|
|
8027
8041
|
key: 0,
|
|
8028
8042
|
class: "lze-hint"
|
|
8029
|
-
},
|
|
8043
|
+
}, zo = /* @__PURE__ */ c({
|
|
8030
8044
|
__name: "IconContent",
|
|
8031
8045
|
props: { element: {} },
|
|
8032
8046
|
setup(n) {
|
|
8033
8047
|
let o = n, c = K(), l = c.t, u = O(), d = b(""), f = t(() => {
|
|
8034
8048
|
let e = d.value.trim().toLowerCase();
|
|
8035
|
-
return e ?
|
|
8049
|
+
return e ? Da.filter((t) => t.includes(e)) : Da;
|
|
8036
8050
|
});
|
|
8037
8051
|
function p(e) {
|
|
8038
8052
|
o.element.props.icon = e, c.commit();
|
|
@@ -8063,12 +8077,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8063
8077
|
"aria-label": e,
|
|
8064
8078
|
"aria-pressed": n.element.props.icon === e,
|
|
8065
8079
|
onClick: (t) => p(e)
|
|
8066
|
-
}, [s(
|
|
8080
|
+
}, [s(ka, {
|
|
8067
8081
|
name: e,
|
|
8068
8082
|
size: 20
|
|
8069
|
-
}, null, 8, ["name"])], 8,
|
|
8083
|
+
}, null, 8, ["name"])], 8, Lo))), 128)), f.value.length === 0 ? (_(), i("p", Ro, T(D(l)("el.noResults")), 1)) : r("", !0)], 8, Io)]),
|
|
8070
8084
|
_: 1
|
|
8071
|
-
}, 8, ["id", "label"]), s(
|
|
8085
|
+
}, 8, ["id", "label"]), s($i, {
|
|
8072
8086
|
modelValue: n.element.props.stroke,
|
|
8073
8087
|
"onUpdate:modelValue": o[1] ||= (e) => n.element.props.stroke = e,
|
|
8074
8088
|
label: D(l)("el.stroke"),
|
|
@@ -8079,7 +8093,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8079
8093
|
onCommit: o[2] ||= (e) => D(c).commit()
|
|
8080
8094
|
}, null, 8, ["modelValue", "label"])], 64));
|
|
8081
8095
|
}
|
|
8082
|
-
}),
|
|
8096
|
+
}), Bo = [
|
|
8083
8097
|
"rectangle",
|
|
8084
8098
|
"ellipse",
|
|
8085
8099
|
"triangle",
|
|
@@ -8088,10 +8102,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8088
8102
|
"diagonal",
|
|
8089
8103
|
"dots",
|
|
8090
8104
|
"grid"
|
|
8091
|
-
],
|
|
8105
|
+
], Vo = (e) => Bo.map((t) => ({
|
|
8092
8106
|
value: t,
|
|
8093
8107
|
label: e(`shape.${t}`)
|
|
8094
|
-
})),
|
|
8108
|
+
})), Ho = /* @__PURE__ */ c({
|
|
8095
8109
|
__name: "ImageContent",
|
|
8096
8110
|
props: { element: {} },
|
|
8097
8111
|
setup(t) {
|
|
@@ -8104,7 +8118,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8104
8118
|
label: r(`el.fit.${e}`)
|
|
8105
8119
|
}));
|
|
8106
8120
|
return (c, l) => (_(), i(e, null, [
|
|
8107
|
-
s(
|
|
8121
|
+
s(pi, {
|
|
8108
8122
|
modelValue: t.element.props.src,
|
|
8109
8123
|
"onUpdate:modelValue": l[0] ||= (e) => t.element.props.src = e,
|
|
8110
8124
|
label: D(r)("el.image"),
|
|
@@ -8154,7 +8168,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8154
8168
|
id: a.crop,
|
|
8155
8169
|
modelValue: t.element.props.shape,
|
|
8156
8170
|
"onUpdate:modelValue": l[6] ||= (e) => t.element.props.shape = e,
|
|
8157
|
-
options: D(
|
|
8171
|
+
options: D(Vo)(D(r)),
|
|
8158
8172
|
onCommit: l[7] ||= (e) => D(n).commit()
|
|
8159
8173
|
}, null, 8, [
|
|
8160
8174
|
"id",
|
|
@@ -8165,7 +8179,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8165
8179
|
}, 8, ["id", "label"])
|
|
8166
8180
|
], 64));
|
|
8167
8181
|
}
|
|
8168
|
-
}),
|
|
8182
|
+
}), Uo = { class: "lze-field" }, Wo = { class: "lze-heading" }, Go = { class: "lze-label" }, Ko = { class: "lze-hint" }, qo = 24, Jo = /* @__PURE__ */ c({
|
|
8169
8183
|
__name: "PictureList",
|
|
8170
8184
|
props: { element: {} },
|
|
8171
8185
|
setup(n) {
|
|
@@ -8179,9 +8193,9 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8179
8193
|
function p(e) {
|
|
8180
8194
|
r.element.props.images = u.value.filter((t, n) => n !== e), c.commit();
|
|
8181
8195
|
}
|
|
8182
|
-
return (t, n) => (_(), i("div",
|
|
8183
|
-
a("div",
|
|
8184
|
-
disabled: u.value.length >=
|
|
8196
|
+
return (t, n) => (_(), i("div", Uo, [
|
|
8197
|
+
a("div", Wo, [a("span", Go, T(D(l)("el.gallery")), 1), s(q, {
|
|
8198
|
+
disabled: u.value.length >= qo,
|
|
8185
8199
|
onClick: f
|
|
8186
8200
|
}, {
|
|
8187
8201
|
default: N(() => [o(T(D(l)("el.galleryAdd")), 1)]),
|
|
@@ -8190,7 +8204,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8190
8204
|
(_(!0), i(e, null, x(u.value, (e, t) => (_(), i("div", {
|
|
8191
8205
|
key: t,
|
|
8192
8206
|
class: "lze-row lze-nowrap"
|
|
8193
|
-
}, [s(
|
|
8207
|
+
}, [s(pi, {
|
|
8194
8208
|
"model-value": e,
|
|
8195
8209
|
label: D(l)("el.galleryItem", { n: t + 1 }),
|
|
8196
8210
|
url: "",
|
|
@@ -8208,10 +8222,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8208
8222
|
default: N(() => [o(T(D(l)("el.galleryRemove")), 1)]),
|
|
8209
8223
|
_: 1
|
|
8210
8224
|
}, 8, ["onClick"])]))), 128)),
|
|
8211
|
-
a("p",
|
|
8225
|
+
a("p", Ko, T(D(l)("el.galleryHint")), 1)
|
|
8212
8226
|
]));
|
|
8213
8227
|
}
|
|
8214
|
-
}),
|
|
8228
|
+
}), Yo = /* @__PURE__ */ c({
|
|
8215
8229
|
__name: "GalleryContent",
|
|
8216
8230
|
props: { element: {} },
|
|
8217
8231
|
setup(t) {
|
|
@@ -8249,7 +8263,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8249
8263
|
"onUpdate:modelValue": d[2] ||= (e) => t.element.props.columns = e ?? 3,
|
|
8250
8264
|
onCommit: d[3] ||= (e) => D(a).commit()
|
|
8251
8265
|
}, null, 8, ["model-value", "label"])) : r("", !0),
|
|
8252
|
-
s(
|
|
8266
|
+
s(Jo, { element: t.element }, null, 8, ["element"]),
|
|
8253
8267
|
s(J, {
|
|
8254
8268
|
id: c.alt,
|
|
8255
8269
|
label: D(o)("el.alt")
|
|
@@ -8270,13 +8284,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8270
8284
|
}, 8, ["id", "label"])
|
|
8271
8285
|
], 64));
|
|
8272
8286
|
}
|
|
8273
|
-
}),
|
|
8287
|
+
}), Xo = /* @__PURE__ */ c({
|
|
8274
8288
|
__name: "SliderContent",
|
|
8275
8289
|
props: { element: {} },
|
|
8276
8290
|
setup(t) {
|
|
8277
8291
|
let a = K(), o = a.t, c = { alt: O() };
|
|
8278
8292
|
return (l, u) => (_(), i(e, null, [
|
|
8279
|
-
s(
|
|
8293
|
+
s(Jo, { element: t.element }, null, 8, ["element"]),
|
|
8280
8294
|
s(Q, {
|
|
8281
8295
|
"model-value": t.element.props.arrows !== !1,
|
|
8282
8296
|
label: D(o)("el.sliderArrows"),
|
|
@@ -8327,12 +8341,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8327
8341
|
}, 8, ["id", "label"])
|
|
8328
8342
|
], 64));
|
|
8329
8343
|
}
|
|
8330
|
-
}),
|
|
8344
|
+
}), Zo = { class: "lze-field" }, Qo = { class: "lze-label" }, $o = ["aria-label"], es = [
|
|
8331
8345
|
"title",
|
|
8332
8346
|
"aria-label",
|
|
8333
8347
|
"aria-pressed",
|
|
8334
8348
|
"onClick"
|
|
8335
|
-
],
|
|
8349
|
+
], ts = ["data-active", "title"], ns = ["value", "aria-label"], $ = /* @__PURE__ */ c({
|
|
8336
8350
|
__name: "ColorPicker",
|
|
8337
8351
|
props: /*@__PURE__*/ d({ label: {} }, {
|
|
8338
8352
|
modelValue: { required: !0 },
|
|
@@ -8340,26 +8354,26 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8340
8354
|
}),
|
|
8341
8355
|
emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
|
|
8342
8356
|
setup(n, { emit: r }) {
|
|
8343
|
-
let s = k(n, "modelValue"), c = r, l = K(), u = t(() => s.value && !
|
|
8357
|
+
let s = k(n, "modelValue"), c = r, l = K(), u = t(() => s.value && !Pt(s.value) ? s.value : "#2563eb");
|
|
8344
8358
|
function d(e) {
|
|
8345
8359
|
s.value = e, c("commit");
|
|
8346
8360
|
}
|
|
8347
|
-
return (t, r) => (_(), i("div",
|
|
8361
|
+
return (t, r) => (_(), i("div", Zo, [a("span", Qo, T(n.label), 1), a("div", {
|
|
8348
8362
|
class: "lze-swatches",
|
|
8349
8363
|
role: "group",
|
|
8350
8364
|
"aria-label": n.label
|
|
8351
|
-
}, [(_(!0), i(e, null, x(D(
|
|
8365
|
+
}, [(_(!0), i(e, null, x(D(Mt), (e) => (_(), i("button", {
|
|
8352
8366
|
key: e,
|
|
8353
8367
|
type: "button",
|
|
8354
8368
|
class: "lze-swatch",
|
|
8355
|
-
style: m({ background: D(
|
|
8369
|
+
style: m({ background: D(Vt)(e, D(l).theme.value) }),
|
|
8356
8370
|
title: D(l).t(`token.${e}`),
|
|
8357
8371
|
"aria-label": D(l).t(`token.${e}`),
|
|
8358
8372
|
"aria-pressed": s.value === e,
|
|
8359
8373
|
onClick: (t) => d(e)
|
|
8360
|
-
}, null, 12,
|
|
8374
|
+
}, null, 12, es))), 128)), a("label", {
|
|
8361
8375
|
class: "lze-swatch-custom",
|
|
8362
|
-
"data-active": !!s.value && !D(
|
|
8376
|
+
"data-active": !!s.value && !D(Pt)(s.value),
|
|
8363
8377
|
title: D(l).t("color.custom")
|
|
8364
8378
|
}, [a("input", {
|
|
8365
8379
|
type: "color",
|
|
@@ -8367,12 +8381,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8367
8381
|
"aria-label": D(l).t("color.customLabel", { label: n.label }),
|
|
8368
8382
|
onInput: r[0] ||= (e) => s.value = e.target.value,
|
|
8369
8383
|
onChange: r[1] ||= (e) => c("commit")
|
|
8370
|
-
}, null, 40,
|
|
8384
|
+
}, null, 40, ns), o(" " + T(D(l).t("color.custom")), 1)], 8, ts)], 8, $o)]));
|
|
8371
8385
|
}
|
|
8372
|
-
}),
|
|
8386
|
+
}), rs = { class: "lze-field" }, is = { class: "lze-label" }, as = { class: "lze-row" }, os = { class: "lze-hint" }, ss = {
|
|
8373
8387
|
key: 2,
|
|
8374
8388
|
class: "lze-hint"
|
|
8375
|
-
},
|
|
8389
|
+
}, cs = { class: "lze-field" }, ls = { class: "lze-heading" }, us = { class: "lze-label" }, ds = { class: "lze-row lze-nowrap" }, fs = { class: "lze-hint" }, ps = 8, ms = /* @__PURE__ */ c({
|
|
8376
8390
|
__name: "NavbarContent",
|
|
8377
8391
|
props: { element: {} },
|
|
8378
8392
|
setup(c) {
|
|
@@ -8382,7 +8396,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8382
8396
|
layout: O(),
|
|
8383
8397
|
template: O(),
|
|
8384
8398
|
position: O()
|
|
8385
|
-
}, p =
|
|
8399
|
+
}, p = Xt(d), m = [
|
|
8386
8400
|
"same",
|
|
8387
8401
|
"shadow",
|
|
8388
8402
|
"solid",
|
|
@@ -8441,7 +8455,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8441
8455
|
l.element.props.links = y.value.filter((t, n) => n !== e), u.commit();
|
|
8442
8456
|
}
|
|
8443
8457
|
return (t, l) => (_(), i(e, null, [
|
|
8444
|
-
a("div",
|
|
8458
|
+
a("div", rs, [a("span", is, T(D(d)("el.presets")), 1), a("div", as, [(_(!0), i(e, null, x(D(p), (e) => (_(), n(q, {
|
|
8445
8459
|
key: e.name,
|
|
8446
8460
|
onClick: (t) => b(e)
|
|
8447
8461
|
}, {
|
|
@@ -8520,8 +8534,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8520
8534
|
label: D(d)("el.scrollColor"),
|
|
8521
8535
|
onCommit: l[11] ||= (e) => D(u).commit()
|
|
8522
8536
|
}, null, 8, ["modelValue", "label"]),
|
|
8523
|
-
a("p",
|
|
8524
|
-
], 64)) : (_(), i("p",
|
|
8537
|
+
a("p", os, T(D(d)("el.scrollColorsHint")), 1)
|
|
8538
|
+
], 64)) : (_(), i("p", ss, T(D(d)("el.notSticky")), 1)),
|
|
8525
8539
|
s(J, {
|
|
8526
8540
|
id: f.layout,
|
|
8527
8541
|
label: D(d)("el.layout")
|
|
@@ -8556,9 +8570,9 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8556
8570
|
])]),
|
|
8557
8571
|
_: 1
|
|
8558
8572
|
}, 8, ["id", "label"]),
|
|
8559
|
-
a("div",
|
|
8560
|
-
a("div",
|
|
8561
|
-
disabled: y.value.length >=
|
|
8573
|
+
a("div", cs, [
|
|
8574
|
+
a("div", ls, [a("span", us, T(D(d)("el.links")), 1), s(q, {
|
|
8575
|
+
disabled: y.value.length >= ps,
|
|
8562
8576
|
onClick: S
|
|
8563
8577
|
}, {
|
|
8564
8578
|
default: N(() => [o(T(D(d)("common.add")), 1)]),
|
|
@@ -8569,7 +8583,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8569
8583
|
class: "lze-link-card"
|
|
8570
8584
|
}, [
|
|
8571
8585
|
a("legend", null, T(D(d)("el.linkN", { n: t + 1 })), 1),
|
|
8572
|
-
a("div",
|
|
8586
|
+
a("div", ds, [s(Y, {
|
|
8573
8587
|
modelValue: e.label,
|
|
8574
8588
|
"onUpdate:modelValue": (t) => e.label = t,
|
|
8575
8589
|
maxlength: 40,
|
|
@@ -8586,7 +8600,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8586
8600
|
default: N(() => [o(T(D(d)("el.removeLink")), 1)]),
|
|
8587
8601
|
_: 1
|
|
8588
8602
|
}, 8, ["onClick"])]),
|
|
8589
|
-
s(
|
|
8603
|
+
s(Ai, {
|
|
8590
8604
|
modelValue: e.action,
|
|
8591
8605
|
"onUpdate:modelValue": (t) => e.action = t,
|
|
8592
8606
|
label: D(d)("el.action"),
|
|
@@ -8597,11 +8611,11 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8597
8611
|
"label"
|
|
8598
8612
|
])
|
|
8599
8613
|
]))), 128)),
|
|
8600
|
-
a("p",
|
|
8614
|
+
a("p", fs, T(D(d)("el.linksHint")), 1)
|
|
8601
8615
|
])
|
|
8602
8616
|
], 64));
|
|
8603
8617
|
}
|
|
8604
|
-
}),
|
|
8618
|
+
}), hs = /* @__PURE__ */ c({
|
|
8605
8619
|
__name: "ShapeContent",
|
|
8606
8620
|
props: { element: {} },
|
|
8607
8621
|
setup(t) {
|
|
@@ -8614,7 +8628,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8614
8628
|
id: D(a),
|
|
8615
8629
|
modelValue: t.element.props.shape,
|
|
8616
8630
|
"onUpdate:modelValue": c[0] ||= (e) => t.element.props.shape = e,
|
|
8617
|
-
options: D(
|
|
8631
|
+
options: D(Vo)(D(r)),
|
|
8618
8632
|
onCommit: c[1] ||= (e) => D(n).commit()
|
|
8619
8633
|
}, null, 8, [
|
|
8620
8634
|
"id",
|
|
@@ -8622,7 +8636,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8622
8636
|
"options"
|
|
8623
8637
|
])]),
|
|
8624
8638
|
_: 1
|
|
8625
|
-
}, 8, ["id", "label"]), s(
|
|
8639
|
+
}, 8, ["id", "label"]), s($i, {
|
|
8626
8640
|
modelValue: t.element.style.opacity,
|
|
8627
8641
|
"onUpdate:modelValue": c[2] ||= (e) => t.element.style.opacity = e,
|
|
8628
8642
|
label: D(r)("el.opacity"),
|
|
@@ -8638,7 +8652,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8638
8652
|
"format"
|
|
8639
8653
|
])], 64));
|
|
8640
8654
|
}
|
|
8641
|
-
}),
|
|
8655
|
+
}), gs = /* @__PURE__ */ c({
|
|
8642
8656
|
__name: "TextContent",
|
|
8643
8657
|
props: { element: {} },
|
|
8644
8658
|
setup(t) {
|
|
@@ -8715,7 +8729,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8715
8729
|
}, 8, ["id", "label"])) : r("", !0)
|
|
8716
8730
|
], 64));
|
|
8717
8731
|
}
|
|
8718
|
-
}),
|
|
8732
|
+
}), _s = /* @__PURE__ */ c({
|
|
8719
8733
|
__name: "VideoContent",
|
|
8720
8734
|
props: { element: {} },
|
|
8721
8735
|
setup(e) {
|
|
@@ -8745,7 +8759,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8745
8759
|
"hint"
|
|
8746
8760
|
]));
|
|
8747
8761
|
}
|
|
8748
|
-
}),
|
|
8762
|
+
}), vs = ["open"], ys = { class: "lze-panel-body" }, bs = /* @__PURE__ */ c({
|
|
8749
8763
|
__name: "PanelSection",
|
|
8750
8764
|
props: {
|
|
8751
8765
|
title: {},
|
|
@@ -8761,13 +8775,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8761
8775
|
}, [a("summary", null, [o(T(e.title), 1), s(D(be), {
|
|
8762
8776
|
size: 14,
|
|
8763
8777
|
"aria-hidden": "true"
|
|
8764
|
-
})]), a("div",
|
|
8778
|
+
})]), a("div", ys, [S(t.$slots, "default")])], 8, vs));
|
|
8765
8779
|
}
|
|
8766
|
-
}),
|
|
8780
|
+
}), xs = { class: "lze-stack" }, Ss = ["aria-label"], Cs = [
|
|
8767
8781
|
"title",
|
|
8768
8782
|
"aria-label",
|
|
8769
8783
|
"onClick"
|
|
8770
|
-
],
|
|
8784
|
+
], ws = { class: "lze-grid-2" }, Ts = /* @__PURE__ */ c({
|
|
8771
8785
|
__name: "GradientEditor",
|
|
8772
8786
|
props: {
|
|
8773
8787
|
modelValue: { required: !0 },
|
|
@@ -8793,20 +8807,20 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8793
8807
|
function y(e) {
|
|
8794
8808
|
l.value = { ...e }, u("commit");
|
|
8795
8809
|
}
|
|
8796
|
-
return (t, o) => (_(), i("div",
|
|
8810
|
+
return (t, o) => (_(), i("div", xs, [
|
|
8797
8811
|
a("div", {
|
|
8798
8812
|
class: "lze-gradient-presets",
|
|
8799
8813
|
role: "group",
|
|
8800
8814
|
"aria-label": D(f)("gradient.presets")
|
|
8801
|
-
}, [(_(!0), i(e, null, x(D(
|
|
8815
|
+
}, [(_(!0), i(e, null, x(D(Bt), (e) => (_(), i("button", {
|
|
8802
8816
|
key: e.name,
|
|
8803
8817
|
type: "button",
|
|
8804
8818
|
class: "lze-gradient-preset",
|
|
8805
|
-
style: m({ background: D(
|
|
8819
|
+
style: m({ background: D(Ht)(e.gradient, D(d).theme.value) }),
|
|
8806
8820
|
title: D(f)(e.name),
|
|
8807
8821
|
"aria-label": D(f)(e.name),
|
|
8808
8822
|
onClick: (t) => y(e.gradient)
|
|
8809
|
-
}, null, 12,
|
|
8823
|
+
}, null, 12, Cs))), 128))], 8, Ss),
|
|
8810
8824
|
s($, {
|
|
8811
8825
|
"model-value": g.value.from,
|
|
8812
8826
|
label: D(f)("gradient.from"),
|
|
@@ -8819,7 +8833,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8819
8833
|
"onUpdate:modelValue": o[2] ||= (e) => v("to", e),
|
|
8820
8834
|
onCommit: o[3] ||= (e) => u("commit")
|
|
8821
8835
|
}, null, 8, ["model-value", "label"]),
|
|
8822
|
-
a("div",
|
|
8836
|
+
a("div", ws, [s(J, {
|
|
8823
8837
|
id: D(p),
|
|
8824
8838
|
label: D(f)("gradient.shape")
|
|
8825
8839
|
}, {
|
|
@@ -8841,7 +8855,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8841
8855
|
"options"
|
|
8842
8856
|
])]),
|
|
8843
8857
|
_: 1
|
|
8844
|
-
}, 8, ["id", "label"]), g.value.type === "linear" ? (_(), n(
|
|
8858
|
+
}, 8, ["id", "label"]), g.value.type === "linear" ? (_(), n($i, {
|
|
8845
8859
|
key: 0,
|
|
8846
8860
|
"model-value": g.value.angle,
|
|
8847
8861
|
label: D(f)("gradient.angle"),
|
|
@@ -8859,10 +8873,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8859
8873
|
])) : r("", !0)])
|
|
8860
8874
|
]));
|
|
8861
8875
|
}
|
|
8862
|
-
}),
|
|
8876
|
+
}), Es = { class: "lze-heading" }, Ds = { class: "lze-label" }, Os = { class: "lze-grid-2" }, ks = {
|
|
8863
8877
|
key: 2,
|
|
8864
8878
|
class: "lze-hint"
|
|
8865
|
-
},
|
|
8879
|
+
}, As = /* @__PURE__ */ c({
|
|
8866
8880
|
__name: "FillStyle",
|
|
8867
8881
|
props: { element: {} },
|
|
8868
8882
|
setup(e) {
|
|
@@ -8876,7 +8890,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8876
8890
|
angle: 135
|
|
8877
8891
|
} : null, c.commit();
|
|
8878
8892
|
}
|
|
8879
|
-
return (t, o) => (_(), n(
|
|
8893
|
+
return (t, o) => (_(), n(bs, { title: D(l)("style.fill") }, {
|
|
8880
8894
|
default: N(() => [
|
|
8881
8895
|
s($, {
|
|
8882
8896
|
modelValue: e.element.style.color,
|
|
@@ -8884,7 +8898,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8884
8898
|
label: D(l)("style.color"),
|
|
8885
8899
|
onCommit: o[1] ||= (e) => D(c).commit()
|
|
8886
8900
|
}, null, 8, ["modelValue", "label"]),
|
|
8887
|
-
a("div",
|
|
8901
|
+
a("div", Es, [a("span", Ds, T(D(l)("style.background")), 1), s(Z, {
|
|
8888
8902
|
"model-value": d.value,
|
|
8889
8903
|
compact: "",
|
|
8890
8904
|
label: D(l)("style.backgroundType"),
|
|
@@ -8907,13 +8921,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8907
8921
|
"onUpdate:modelValue": o[2] ||= (t) => e.element.style.background = t,
|
|
8908
8922
|
label: D(l)("style.backgroundColor"),
|
|
8909
8923
|
onCommit: o[3] ||= (e) => D(c).commit()
|
|
8910
|
-
}, null, 8, ["modelValue", "label"])) : (_(), n(
|
|
8924
|
+
}, null, 8, ["modelValue", "label"])) : (_(), n(Ts, {
|
|
8911
8925
|
key: 1,
|
|
8912
8926
|
modelValue: e.element.style.gradient,
|
|
8913
8927
|
"onUpdate:modelValue": o[4] ||= (t) => e.element.style.gradient = t,
|
|
8914
8928
|
onCommit: o[5] ||= (e) => D(c).commit()
|
|
8915
8929
|
}, null, 8, ["modelValue"])),
|
|
8916
|
-
a("div",
|
|
8930
|
+
a("div", Os, [s($i, {
|
|
8917
8931
|
modelValue: e.element.style.background_opacity,
|
|
8918
8932
|
"onUpdate:modelValue": o[6] ||= (t) => e.element.style.background_opacity = t,
|
|
8919
8933
|
label: D(l)("style.transparency"),
|
|
@@ -8923,7 +8937,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8923
8937
|
fallback: 1,
|
|
8924
8938
|
format: u,
|
|
8925
8939
|
onCommit: o[7] ||= (e) => D(c).commit()
|
|
8926
|
-
}, null, 8, ["modelValue", "label"]), s(
|
|
8940
|
+
}, null, 8, ["modelValue", "label"]), s($i, {
|
|
8927
8941
|
modelValue: e.element.style.blur,
|
|
8928
8942
|
"onUpdate:modelValue": o[8] ||= (t) => e.element.style.blur = t,
|
|
8929
8943
|
label: D(l)("style.glass"),
|
|
@@ -8936,12 +8950,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8936
8950
|
"label",
|
|
8937
8951
|
"format"
|
|
8938
8952
|
])]),
|
|
8939
|
-
e.element.style.blur ? (_(), i("p",
|
|
8953
|
+
e.element.style.blur ? (_(), i("p", ks, T(D(l)("style.glassHint")), 1)) : r("", !0)
|
|
8940
8954
|
]),
|
|
8941
8955
|
_: 1
|
|
8942
8956
|
}, 8, ["title"]));
|
|
8943
8957
|
}
|
|
8944
|
-
}),
|
|
8958
|
+
}), js = { class: "lze-grid-2" }, Ms = { class: "lze-grid-2" }, Ns = /* @__PURE__ */ c({
|
|
8945
8959
|
__name: "FrameStyle",
|
|
8946
8960
|
props: { element: {} },
|
|
8947
8961
|
setup(o) {
|
|
@@ -8971,9 +8985,9 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
8971
8985
|
[e]: t
|
|
8972
8986
|
};
|
|
8973
8987
|
}
|
|
8974
|
-
return (t, c) => (_(), i(e, null, [s(
|
|
8988
|
+
return (t, c) => (_(), i(e, null, [s(bs, { title: D(u)("style.frame") }, {
|
|
8975
8989
|
default: N(() => [
|
|
8976
|
-
a("div",
|
|
8990
|
+
a("div", js, [
|
|
8977
8991
|
s(X, {
|
|
8978
8992
|
modelValue: o.element.style.radius,
|
|
8979
8993
|
"onUpdate:modelValue": c[0] ||= (e) => o.element.style.radius = e,
|
|
@@ -9036,12 +9050,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9036
9050
|
}, 8, ["id", "label"])
|
|
9037
9051
|
]),
|
|
9038
9052
|
_: 1
|
|
9039
|
-
}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(
|
|
9053
|
+
}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(bs, {
|
|
9040
9054
|
key: 0,
|
|
9041
9055
|
title: D(u)("style.customShadow")
|
|
9042
9056
|
}, {
|
|
9043
9057
|
default: N(() => [
|
|
9044
|
-
a("div",
|
|
9058
|
+
a("div", Ms, [
|
|
9045
9059
|
s(X, {
|
|
9046
9060
|
"model-value": m.value.x,
|
|
9047
9061
|
label: D(u)("position.x"),
|
|
@@ -9085,7 +9099,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9085
9099
|
"onUpdate:modelValue": c[20] ||= (e) => h("color", e),
|
|
9086
9100
|
onCommit: c[21] ||= (e) => D(l).commit()
|
|
9087
9101
|
}, null, 8, ["model-value", "label"]),
|
|
9088
|
-
s(
|
|
9102
|
+
s($i, {
|
|
9089
9103
|
"model-value": m.value.opacity,
|
|
9090
9104
|
label: D(u)("style.shadowOpacity"),
|
|
9091
9105
|
min: 0,
|
|
@@ -9103,10 +9117,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9103
9117
|
_: 1
|
|
9104
9118
|
}, 8, ["title"])) : r("", !0)], 64));
|
|
9105
9119
|
}
|
|
9106
|
-
}),
|
|
9120
|
+
}), Ps = {
|
|
9107
9121
|
key: 0,
|
|
9108
9122
|
class: "lze-grid-2"
|
|
9109
|
-
},
|
|
9123
|
+
}, Fs = { class: "lze-hint" }, Is = /* @__PURE__ */ c({
|
|
9110
9124
|
__name: "MotionStyle",
|
|
9111
9125
|
props: { element: {} },
|
|
9112
9126
|
setup(e) {
|
|
@@ -9160,7 +9174,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9160
9174
|
[e]: t
|
|
9161
9175
|
};
|
|
9162
9176
|
}
|
|
9163
|
-
return (t, o) => (_(), n(
|
|
9177
|
+
return (t, o) => (_(), n(bs, {
|
|
9164
9178
|
title: D(l)("style.motion"),
|
|
9165
9179
|
open: !1
|
|
9166
9180
|
}, {
|
|
@@ -9182,7 +9196,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9182
9196
|
])]),
|
|
9183
9197
|
_: 1
|
|
9184
9198
|
}, 8, ["id", "label"]),
|
|
9185
|
-
g.value.type === "none" ? r("", !0) : (_(), i("div",
|
|
9199
|
+
g.value.type === "none" ? r("", !0) : (_(), i("div", Ps, [s($i, {
|
|
9186
9200
|
"model-value": g.value.delay,
|
|
9187
9201
|
label: D(l)("style.delay"),
|
|
9188
9202
|
min: 0,
|
|
@@ -9191,7 +9205,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9191
9205
|
format: m,
|
|
9192
9206
|
"onUpdate:modelValue": o[2] ||= (e) => v("delay", e),
|
|
9193
9207
|
onCommit: o[3] ||= (e) => D(c).commit()
|
|
9194
|
-
}, null, 8, ["model-value", "label"]), s(
|
|
9208
|
+
}, null, 8, ["model-value", "label"]), s($i, {
|
|
9195
9209
|
"model-value": g.value.duration,
|
|
9196
9210
|
label: D(l)("style.duration"),
|
|
9197
9211
|
min: .2,
|
|
@@ -9241,12 +9255,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9241
9255
|
])]),
|
|
9242
9256
|
_: 1
|
|
9243
9257
|
}, 8, ["id", "label"]),
|
|
9244
|
-
a("p",
|
|
9258
|
+
a("p", Fs, T(D(l)("style.motionHint")), 1)
|
|
9245
9259
|
]),
|
|
9246
9260
|
_: 1
|
|
9247
9261
|
}, 8, ["title"]));
|
|
9248
9262
|
}
|
|
9249
|
-
}),
|
|
9263
|
+
}), Ls = ["aria-label"], Rs = /* @__PURE__ */ c({
|
|
9250
9264
|
__name: "AlignButtons",
|
|
9251
9265
|
setup(t) {
|
|
9252
9266
|
let r = K(), a = {
|
|
@@ -9261,7 +9275,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9261
9275
|
class: "lze-row",
|
|
9262
9276
|
role: "group",
|
|
9263
9277
|
"aria-label": D(r).t("multi.align")
|
|
9264
|
-
}, [(_(!0), i(e, null, x(D(
|
|
9278
|
+
}, [(_(!0), i(e, null, x(D(yt), (e) => (_(), n(Wr, {
|
|
9265
9279
|
key: e,
|
|
9266
9280
|
label: D(r).t(`align.${e}`),
|
|
9267
9281
|
onClick: (t) => D(r).align(e)
|
|
@@ -9271,18 +9285,18 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9271
9285
|
"aria-hidden": "true"
|
|
9272
9286
|
}))]),
|
|
9273
9287
|
_: 2
|
|
9274
|
-
}, 1032, ["label", "onClick"]))), 128))], 8,
|
|
9288
|
+
}, 1032, ["label", "onClick"]))), 128))], 8, Ls));
|
|
9275
9289
|
}
|
|
9276
|
-
}),
|
|
9290
|
+
}), zs = { class: "lze-grid-2" }, Bs = { class: "lze-hint" }, Vs = {
|
|
9277
9291
|
key: 0,
|
|
9278
9292
|
class: "lze-hint"
|
|
9279
|
-
},
|
|
9293
|
+
}, Hs = /* @__PURE__ */ c({
|
|
9280
9294
|
__name: "PositionSection",
|
|
9281
9295
|
props: { element: {} },
|
|
9282
9296
|
setup(c) {
|
|
9283
|
-
let l = c, u = K(), d = u.t, f = t(() => u.state.device), p = t(() =>
|
|
9297
|
+
let l = c, u = K(), d = u.t, f = t(() => u.state.device), p = t(() => ut(l.element, f.value));
|
|
9284
9298
|
function m(e, t) {
|
|
9285
|
-
typeof t == "number" &&
|
|
9299
|
+
typeof t == "number" && dt(l.element, f.value, bt({
|
|
9286
9300
|
...p.value,
|
|
9287
9301
|
[e]: t
|
|
9288
9302
|
}));
|
|
@@ -9290,13 +9304,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9290
9304
|
function h() {
|
|
9291
9305
|
l.element.layout.mobile = null, u.commit();
|
|
9292
9306
|
}
|
|
9293
|
-
return (t, l) => (_(), n(
|
|
9307
|
+
return (t, l) => (_(), n(bs, {
|
|
9294
9308
|
title: D(d)("position.title", { device: D(d)(f.value === "desktop" ? "position.desktop" : "position.mobile") }),
|
|
9295
9309
|
open: !1
|
|
9296
9310
|
}, {
|
|
9297
9311
|
default: N(() => [
|
|
9298
|
-
s(
|
|
9299
|
-
a("div",
|
|
9312
|
+
s(Rs),
|
|
9313
|
+
a("div", zs, [
|
|
9300
9314
|
s(X, {
|
|
9301
9315
|
"model-value": p.value.x,
|
|
9302
9316
|
label: D(d)("position.x"),
|
|
@@ -9332,8 +9346,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9332
9346
|
label: D(d)("position.pinned"),
|
|
9333
9347
|
onCommit: l[9] ||= (e) => D(u).commit()
|
|
9334
9348
|
}, null, 8, ["modelValue", "label"]),
|
|
9335
|
-
a("p",
|
|
9336
|
-
f.value === "mobile" ? (_(), i("p",
|
|
9349
|
+
a("p", Bs, T(D(d)("position.pinnedHint")), 1),
|
|
9350
|
+
f.value === "mobile" ? (_(), i("p", Vs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
|
|
9337
9351
|
type: "button",
|
|
9338
9352
|
class: "lze-link",
|
|
9339
9353
|
onClick: h
|
|
@@ -9342,7 +9356,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9342
9356
|
_: 1
|
|
9343
9357
|
}, 8, ["title"]));
|
|
9344
9358
|
}
|
|
9345
|
-
}),
|
|
9359
|
+
}), Us = ["aria-label"], Ws = ["aria-pressed", "onClick"], Gs = { class: "lze-grid-2" }, Ks = { class: "lze-grid-2" }, qs = { class: "lze-grid-2" }, Js = { class: "lze-row" }, Ys = ["aria-label"], Xs = { class: "lze-hint" }, Zs = /* @__PURE__ */ c({
|
|
9346
9360
|
__name: "TextStyle",
|
|
9347
9361
|
props: { element: {} },
|
|
9348
9362
|
setup(t) {
|
|
@@ -9397,7 +9411,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9397
9411
|
function m(e, t) {
|
|
9398
9412
|
r.element.style[e] = t, o.commit();
|
|
9399
9413
|
}
|
|
9400
|
-
return (r, h) => (_(), n(
|
|
9414
|
+
return (r, h) => (_(), n(bs, { title: D(c)("style.text") }, {
|
|
9401
9415
|
default: N(() => [
|
|
9402
9416
|
a("div", {
|
|
9403
9417
|
class: "lze-tabs-inline",
|
|
@@ -9408,8 +9422,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9408
9422
|
type: "button",
|
|
9409
9423
|
"aria-pressed": (t.element.style.font ?? "body") === e.value,
|
|
9410
9424
|
onClick: (t) => m("font", e.value)
|
|
9411
|
-
}, T(D(c)(e.label)), 9,
|
|
9412
|
-
a("div",
|
|
9425
|
+
}, T(D(c)(e.label)), 9, Ws)), 64))], 8, Us),
|
|
9426
|
+
a("div", Gs, [s(X, {
|
|
9413
9427
|
modelValue: t.element.style.size,
|
|
9414
9428
|
"onUpdate:modelValue": h[0] ||= (e) => t.element.style.size = e,
|
|
9415
9429
|
label: D(c)("style.size"),
|
|
@@ -9430,7 +9444,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9430
9444
|
"label",
|
|
9431
9445
|
"placeholder"
|
|
9432
9446
|
])]),
|
|
9433
|
-
a("div",
|
|
9447
|
+
a("div", Ks, [s(X, {
|
|
9434
9448
|
modelValue: t.element.style.size_mobile,
|
|
9435
9449
|
"onUpdate:modelValue": h[4] ||= (e) => t.element.style.size_mobile = e,
|
|
9436
9450
|
label: D(c)("style.sizeMobile"),
|
|
@@ -9452,7 +9466,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9452
9466
|
step: .01,
|
|
9453
9467
|
onCommit: h[7] ||= (e) => D(o).commit()
|
|
9454
9468
|
}, null, 8, ["modelValue", "label"])]),
|
|
9455
|
-
a("div",
|
|
9469
|
+
a("div", qs, [s(Z, {
|
|
9456
9470
|
modelValue: t.element.style.text_case,
|
|
9457
9471
|
"onUpdate:modelValue": h[8] ||= (e) => t.element.style.text_case = e,
|
|
9458
9472
|
options: D(f),
|
|
@@ -9473,11 +9487,11 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9473
9487
|
"options",
|
|
9474
9488
|
"label"
|
|
9475
9489
|
])]),
|
|
9476
|
-
a("div",
|
|
9490
|
+
a("div", Js, [a("div", {
|
|
9477
9491
|
class: "lze-row",
|
|
9478
9492
|
role: "group",
|
|
9479
9493
|
"aria-label": D(c)("style.align")
|
|
9480
|
-
}, [(_(), i(e, null, x(u, (e) => s(
|
|
9494
|
+
}, [(_(), i(e, null, x(u, (e) => s(Wr, {
|
|
9481
9495
|
key: e.value,
|
|
9482
9496
|
label: D(c)(e.label),
|
|
9483
9497
|
active: (t.element.style.align ?? "left") === e.value,
|
|
@@ -9492,7 +9506,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9492
9506
|
"label",
|
|
9493
9507
|
"active",
|
|
9494
9508
|
"onClick"
|
|
9495
|
-
])), 64))], 8,
|
|
9509
|
+
])), 64))], 8, Ys), s(X, {
|
|
9496
9510
|
modelValue: t.element.style.line_height,
|
|
9497
9511
|
"onUpdate:modelValue": h[12] ||= (e) => t.element.style.line_height = e,
|
|
9498
9512
|
class: "lze-grow",
|
|
@@ -9508,12 +9522,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9508
9522
|
label: D(c)("style.autoHeight"),
|
|
9509
9523
|
onCommit: h[15] ||= (e) => D(o).commit()
|
|
9510
9524
|
}, null, 8, ["modelValue", "label"]),
|
|
9511
|
-
a("p",
|
|
9525
|
+
a("p", Xs, T(D(c)("style.autoHeightHint")), 1)
|
|
9512
9526
|
]),
|
|
9513
9527
|
_: 1
|
|
9514
9528
|
}, 8, ["title"]));
|
|
9515
9529
|
}
|
|
9516
|
-
}),
|
|
9530
|
+
}), Qs = { class: "lze-row" }, $s = { class: "lze-grid-2" }, ec = { class: "lze-hint" }, tc = /* @__PURE__ */ c({
|
|
9517
9531
|
__name: "TransformStyle",
|
|
9518
9532
|
props: { element: {} },
|
|
9519
9533
|
setup(e) {
|
|
@@ -9539,12 +9553,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9539
9553
|
function u(e, n) {
|
|
9540
9554
|
t.element.style[e] = n, r.commit();
|
|
9541
9555
|
}
|
|
9542
|
-
return (t, d) => (_(), n(
|
|
9556
|
+
return (t, d) => (_(), n(bs, {
|
|
9543
9557
|
title: D(i)("style.transform"),
|
|
9544
9558
|
open: !1
|
|
9545
9559
|
}, {
|
|
9546
9560
|
default: N(() => [
|
|
9547
|
-
a("div",
|
|
9561
|
+
a("div", Qs, [
|
|
9548
9562
|
s(X, {
|
|
9549
9563
|
modelValue: e.element.style.rotate,
|
|
9550
9564
|
"onUpdate:modelValue": d[0] ||= (t) => e.element.style.rotate = t,
|
|
@@ -9555,17 +9569,17 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9555
9569
|
suffix: "°",
|
|
9556
9570
|
onCommit: d[1] ||= (e) => D(r).commit()
|
|
9557
9571
|
}, null, 8, ["modelValue", "label"]),
|
|
9558
|
-
s(
|
|
9572
|
+
s(Wr, {
|
|
9559
9573
|
label: D(i)("style.straighten"),
|
|
9560
9574
|
onClick: d[2] ||= (e) => u("rotate", 0)
|
|
9561
9575
|
}, {
|
|
9562
|
-
default: N(() => [s(D(
|
|
9576
|
+
default: N(() => [s(D(Ke), {
|
|
9563
9577
|
size: 16,
|
|
9564
9578
|
"aria-hidden": "true"
|
|
9565
9579
|
})]),
|
|
9566
9580
|
_: 1
|
|
9567
9581
|
}, 8, ["label"]),
|
|
9568
|
-
s(
|
|
9582
|
+
s(Wr, {
|
|
9569
9583
|
label: D(i)("style.flipX"),
|
|
9570
9584
|
active: e.element.style.flip_x === !0,
|
|
9571
9585
|
onClick: d[3] ||= (t) => u("flip_x", !e.element.style.flip_x)
|
|
@@ -9576,7 +9590,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9576
9590
|
})]),
|
|
9577
9591
|
_: 1
|
|
9578
9592
|
}, 8, ["label", "active"]),
|
|
9579
|
-
s(
|
|
9593
|
+
s(Wr, {
|
|
9580
9594
|
label: D(i)("style.flipY"),
|
|
9581
9595
|
active: e.element.style.flip_y === !0,
|
|
9582
9596
|
onClick: d[4] ||= (t) => u("flip_y", !e.element.style.flip_y)
|
|
@@ -9588,7 +9602,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9588
9602
|
_: 1
|
|
9589
9603
|
}, 8, ["label", "active"])
|
|
9590
9604
|
]),
|
|
9591
|
-
a("div",
|
|
9605
|
+
a("div", $s, [s(J, {
|
|
9592
9606
|
id: o.overflow,
|
|
9593
9607
|
label: D(i)("style.overflow")
|
|
9594
9608
|
}, {
|
|
@@ -9621,40 +9635,40 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9621
9635
|
])]),
|
|
9622
9636
|
_: 1
|
|
9623
9637
|
}, 8, ["id", "label"])]),
|
|
9624
|
-
a("p",
|
|
9638
|
+
a("p", ec, T(D(i)("style.transformHint")), 1)
|
|
9625
9639
|
]),
|
|
9626
9640
|
_: 1
|
|
9627
9641
|
}, 8, ["title"]));
|
|
9628
9642
|
}
|
|
9629
|
-
}),
|
|
9643
|
+
}), nc = { class: "lze-stack" }, rc = { class: "lze-heading" }, ic = { class: "lze-panel-title" }, ac = { class: "lze-row lze-nowrap" }, oc = {
|
|
9630
9644
|
key: 0,
|
|
9631
9645
|
class: "lze-hint"
|
|
9632
|
-
},
|
|
9646
|
+
}, sc = /* @__PURE__ */ c({
|
|
9633
9647
|
__name: "ElementPanel",
|
|
9634
9648
|
props: { element: {} },
|
|
9635
9649
|
setup(c) {
|
|
9636
9650
|
let l = c, u = K(), d = u.t, f = {
|
|
9637
|
-
heading:
|
|
9638
|
-
text:
|
|
9639
|
-
image:
|
|
9640
|
-
button:
|
|
9651
|
+
heading: gs,
|
|
9652
|
+
text: gs,
|
|
9653
|
+
image: Ho,
|
|
9654
|
+
button: No,
|
|
9641
9655
|
divider: null,
|
|
9642
|
-
video:
|
|
9643
|
-
shape:
|
|
9644
|
-
icon:
|
|
9645
|
-
navbar:
|
|
9646
|
-
gallery:
|
|
9647
|
-
slider:
|
|
9648
|
-
input:
|
|
9649
|
-
textarea:
|
|
9650
|
-
select:
|
|
9651
|
-
checkbox:
|
|
9656
|
+
video: _s,
|
|
9657
|
+
shape: hs,
|
|
9658
|
+
icon: zo,
|
|
9659
|
+
navbar: ms,
|
|
9660
|
+
gallery: Yo,
|
|
9661
|
+
slider: Xo,
|
|
9662
|
+
input: Fo,
|
|
9663
|
+
textarea: Fo,
|
|
9664
|
+
select: Fo,
|
|
9665
|
+
checkbox: Fo
|
|
9652
9666
|
}, p = {
|
|
9653
|
-
fill:
|
|
9654
|
-
text:
|
|
9655
|
-
border:
|
|
9656
|
-
effects:
|
|
9657
|
-
motion:
|
|
9667
|
+
fill: As,
|
|
9668
|
+
text: Zs,
|
|
9669
|
+
border: Ns,
|
|
9670
|
+
effects: tc,
|
|
9671
|
+
motion: Is
|
|
9658
9672
|
}, m = t(() => u.kindOf(l.element)), h = t(() => {
|
|
9659
9673
|
let e = m.value;
|
|
9660
9674
|
return e.kind === "core" ? d(e.spec.label) : e.kind === "app" ? u.i18n.localized(e.spec.label) : d("type.unknown");
|
|
@@ -9665,7 +9679,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9665
9679
|
panel: p[e]
|
|
9666
9680
|
}));
|
|
9667
9681
|
});
|
|
9668
|
-
return (t, l) => (_(), i("div",
|
|
9682
|
+
return (t, l) => (_(), i("div", nc, [a("div", rc, [a("h2", ic, T(h.value), 1), a("div", ac, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
|
|
9669
9683
|
key: 0,
|
|
9670
9684
|
onClick: l[0] ||= (e) => D(u).duplicateSelected()
|
|
9671
9685
|
}, {
|
|
@@ -9677,11 +9691,11 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9677
9691
|
}, {
|
|
9678
9692
|
default: N(() => [o(T(D(d)("common.delete")), 1)]),
|
|
9679
9693
|
_: 1
|
|
9680
|
-
})])]), m.value.kind === "opaque" ? (_(), i("p",
|
|
9694
|
+
})])]), m.value.kind === "opaque" ? (_(), i("p", oc, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
|
|
9681
9695
|
m.value.kind === "core" && f[m.value.element.type] ? (_(), n(C(f[m.value.element.type]), {
|
|
9682
9696
|
key: 0,
|
|
9683
9697
|
element: m.value.element
|
|
9684
|
-
}, null, 8, ["element"])) : m.value.kind === "app" ? (_(), n(
|
|
9698
|
+
}, null, 8, ["element"])) : m.value.kind === "app" ? (_(), n(Mo, {
|
|
9685
9699
|
key: 1,
|
|
9686
9700
|
element: m.value.element,
|
|
9687
9701
|
spec: m.value.spec
|
|
@@ -9690,13 +9704,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9690
9704
|
key: e.group,
|
|
9691
9705
|
element: c.element
|
|
9692
9706
|
}, null, 8, ["element"]))), 128)),
|
|
9693
|
-
s(
|
|
9707
|
+
s(Hs, { element: c.element }, null, 8, ["element"])
|
|
9694
9708
|
], 64))]));
|
|
9695
9709
|
}
|
|
9696
|
-
}),
|
|
9710
|
+
}), cc = { class: "lze-stack" }, lc = { class: "lze-panel-title" }, uc = { class: "lze-hint" }, dc = { class: "lze-field" }, fc = { class: "lze-label" }, pc = ["aria-label"], mc = { class: "lze-field" }, hc = {
|
|
9697
9711
|
key: 0,
|
|
9698
9712
|
class: "lze-hint"
|
|
9699
|
-
},
|
|
9713
|
+
}, gc = { class: "lze-field" }, _c = /* @__PURE__ */ c({
|
|
9700
9714
|
__name: "ModalPanel",
|
|
9701
9715
|
props: { modal: {} },
|
|
9702
9716
|
setup(t) {
|
|
@@ -9707,8 +9721,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9707
9721
|
function p(e) {
|
|
9708
9722
|
typeof e == "number" && (c.modal.width = e, c.modal.size = "custom");
|
|
9709
9723
|
}
|
|
9710
|
-
return (c, m) => (_(), i("div",
|
|
9711
|
-
a("h2",
|
|
9724
|
+
return (c, m) => (_(), i("div", cc, [
|
|
9725
|
+
a("h2", lc, T(D(u)("modal.heading")), 1),
|
|
9712
9726
|
s(J, {
|
|
9713
9727
|
id: D(d),
|
|
9714
9728
|
label: D(u)("modal.title")
|
|
@@ -9727,15 +9741,15 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9727
9741
|
label: D(u)("modal.showTitle"),
|
|
9728
9742
|
onCommit: m[3] ||= (e) => D(l).commit()
|
|
9729
9743
|
}, null, 8, ["modelValue", "label"]),
|
|
9730
|
-
a("p",
|
|
9744
|
+
a("p", uc, T(D(u)("modal.showTitleHint")), 1)
|
|
9731
9745
|
]),
|
|
9732
9746
|
_: 1
|
|
9733
9747
|
}, 8, ["id", "label"]),
|
|
9734
|
-
a("div",
|
|
9748
|
+
a("div", dc, [a("span", fc, T(D(u)("modal.size")), 1), a("div", {
|
|
9735
9749
|
class: "lze-row",
|
|
9736
9750
|
role: "group",
|
|
9737
9751
|
"aria-label": D(u)("modal.size")
|
|
9738
|
-
}, [(_(!0), i(e, null, x(D(
|
|
9752
|
+
}, [(_(!0), i(e, null, x(D(gt), (e) => (_(), n(q, {
|
|
9739
9753
|
key: e.key,
|
|
9740
9754
|
variant: t.modal.size === e.key ? "primary" : "outline",
|
|
9741
9755
|
"aria-pressed": t.modal.size === e.key,
|
|
@@ -9747,8 +9761,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9747
9761
|
"variant",
|
|
9748
9762
|
"aria-pressed",
|
|
9749
9763
|
"onClick"
|
|
9750
|
-
]))), 128))], 8,
|
|
9751
|
-
a("div",
|
|
9764
|
+
]))), 128))], 8, pc)]),
|
|
9765
|
+
a("div", mc, [s(X, {
|
|
9752
9766
|
"model-value": t.modal.width,
|
|
9753
9767
|
label: D(u)("modal.width"),
|
|
9754
9768
|
min: 280,
|
|
@@ -9761,12 +9775,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9761
9775
|
"model-value",
|
|
9762
9776
|
"label",
|
|
9763
9777
|
"disabled"
|
|
9764
|
-
]), t.modal.size === "full" ? (_(), i("p",
|
|
9778
|
+
]), t.modal.size === "full" ? (_(), i("p", hc, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
|
|
9765
9779
|
s(q, { onClick: m[5] ||= (e) => D(l).fitCanvas(t.modal) }, {
|
|
9766
9780
|
default: N(() => [o(T(D(u)("section.fitHeight")), 1)]),
|
|
9767
9781
|
_: 1
|
|
9768
9782
|
}),
|
|
9769
|
-
a("div",
|
|
9783
|
+
a("div", gc, [s(X, {
|
|
9770
9784
|
"model-value": t.modal.height.desktop,
|
|
9771
9785
|
label: D(u)("section.heightDesktop"),
|
|
9772
9786
|
min: 80,
|
|
@@ -9793,15 +9807,15 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9793
9807
|
})
|
|
9794
9808
|
]));
|
|
9795
9809
|
}
|
|
9796
|
-
}),
|
|
9810
|
+
}), vc = { class: "lze-stack" }, yc = { class: "lze-panel-title" }, bc = { class: "lze-field" }, xc = { class: "lze-label" }, Sc = { class: "lze-field" }, Cc = { class: "lze-label" }, wc = { class: "lze-row" }, Tc = { class: "lze-hint" }, Ec = { class: "lze-hint" }, Dc = { class: "lze-hint" }, Oc = /* @__PURE__ */ c({
|
|
9797
9811
|
__name: "MultiPanel",
|
|
9798
9812
|
setup(o) {
|
|
9799
9813
|
let c = K(), l = c.t, u = t(() => c.selectedElements.value.length), d = {
|
|
9800
|
-
fill:
|
|
9801
|
-
text:
|
|
9802
|
-
border:
|
|
9803
|
-
effects:
|
|
9804
|
-
motion:
|
|
9814
|
+
fill: As,
|
|
9815
|
+
text: Zs,
|
|
9816
|
+
border: Ns,
|
|
9817
|
+
effects: tc,
|
|
9818
|
+
motion: Is
|
|
9805
9819
|
}, f = t(() => {
|
|
9806
9820
|
let e = c.selectedElements.value.map((e) => {
|
|
9807
9821
|
let t = c.kindOf(e);
|
|
@@ -9812,12 +9826,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9812
9826
|
panel: d[e]
|
|
9813
9827
|
}));
|
|
9814
9828
|
}), p = t(() => c.sharedTarget());
|
|
9815
|
-
return (t, o) => (_(), i("div",
|
|
9816
|
-
a("h2",
|
|
9817
|
-
a("div",
|
|
9818
|
-
a("div",
|
|
9819
|
-
a("span",
|
|
9820
|
-
a("div",
|
|
9829
|
+
return (t, o) => (_(), i("div", vc, [
|
|
9830
|
+
a("h2", yc, T(D(l)("multi.count", { n: u.value })), 1),
|
|
9831
|
+
a("div", bc, [a("span", xc, T(D(l)("multi.align")), 1), s(Rs)]),
|
|
9832
|
+
a("div", Sc, [
|
|
9833
|
+
a("span", Cc, T(D(l)("multi.distribute")), 1),
|
|
9834
|
+
a("div", wc, [s(Wr, {
|
|
9821
9835
|
label: D(l)("multi.distributeX"),
|
|
9822
9836
|
disabled: u.value < 3,
|
|
9823
9837
|
onClick: o[0] ||= (e) => D(c).distributeSelected("x")
|
|
@@ -9827,7 +9841,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9827
9841
|
"aria-hidden": "true"
|
|
9828
9842
|
})]),
|
|
9829
9843
|
_: 1
|
|
9830
|
-
}, 8, ["label", "disabled"]), s(
|
|
9844
|
+
}, 8, ["label", "disabled"]), s(Wr, {
|
|
9831
9845
|
label: D(l)("multi.distributeY"),
|
|
9832
9846
|
disabled: u.value < 3,
|
|
9833
9847
|
onClick: o[1] ||= (e) => D(c).distributeSelected("y")
|
|
@@ -9838,20 +9852,20 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9838
9852
|
})]),
|
|
9839
9853
|
_: 1
|
|
9840
9854
|
}, 8, ["label", "disabled"])]),
|
|
9841
|
-
a("p",
|
|
9855
|
+
a("p", Tc, T(D(l)("multi.distributeHint")), 1)
|
|
9842
9856
|
]),
|
|
9843
9857
|
p.value ? (_(!0), i(e, { key: 0 }, x(f.value, (e) => (_(), n(C(e.panel), {
|
|
9844
9858
|
key: e.group,
|
|
9845
9859
|
element: p.value
|
|
9846
9860
|
}, null, 8, ["element"]))), 128)) : r("", !0),
|
|
9847
|
-
a("p",
|
|
9848
|
-
a("p",
|
|
9861
|
+
a("p", Ec, T(D(l)("multi.menuHint")), 1),
|
|
9862
|
+
a("p", Dc, T(D(l)("multi.hint")), 1)
|
|
9849
9863
|
]));
|
|
9850
9864
|
}
|
|
9851
|
-
}),
|
|
9865
|
+
}), kc = { class: "lze-stack" }, Ac = { class: "lze-heading" }, jc = { class: "lze-panel-title" }, Mc = { class: "lze-row" }, Nc = { class: "lze-field" }, Pc = {
|
|
9852
9866
|
key: 0,
|
|
9853
9867
|
class: "lze-grid-2"
|
|
9854
|
-
},
|
|
9868
|
+
}, Fc = { class: "lze-hint" }, Ic = /* @__PURE__ */ c({
|
|
9855
9869
|
__name: "SectionPanel",
|
|
9856
9870
|
props: { section: {} },
|
|
9857
9871
|
setup(c) {
|
|
@@ -9916,14 +9930,14 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9916
9930
|
function w(e) {
|
|
9917
9931
|
l.section.background.image = e ?? null, l.section.background.type !== "video" && (l.section.background.type = e ? "image" : "color");
|
|
9918
9932
|
}
|
|
9919
|
-
return (t, l) => (_(), i("div",
|
|
9920
|
-
a("div",
|
|
9933
|
+
return (t, l) => (_(), i("div", kc, [
|
|
9934
|
+
a("div", Ac, [a("h2", jc, T(D(d)("section.heading")), 1), D(u).state.draft.sections.length > 1 ? (_(), n(Wr, {
|
|
9921
9935
|
key: 0,
|
|
9922
9936
|
label: D(d)("section.delete"),
|
|
9923
9937
|
tone: "danger",
|
|
9924
9938
|
onClick: l[0] ||= (e) => D(u).removeSection(c.section.id)
|
|
9925
9939
|
}, {
|
|
9926
|
-
default: N(() => [s(D(
|
|
9940
|
+
default: N(() => [s(D($e), {
|
|
9927
9941
|
size: 16,
|
|
9928
9942
|
"aria-hidden": "true"
|
|
9929
9943
|
})]),
|
|
@@ -9978,14 +9992,14 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
9978
9992
|
"hint",
|
|
9979
9993
|
"error"
|
|
9980
9994
|
]),
|
|
9981
|
-
a("div",
|
|
9995
|
+
a("div", Mc, [s(q, { onClick: l[5] ||= (e) => D(u).fitCanvas(c.section) }, {
|
|
9982
9996
|
default: N(() => [o(T(D(d)("section.fitHeight")), 1)]),
|
|
9983
9997
|
_: 1
|
|
9984
9998
|
}), s(q, { onClick: l[6] ||= (e) => D(u).generateMobile(c.section) }, {
|
|
9985
9999
|
default: N(() => [o(T(D(d)("section.generateMobile")), 1)]),
|
|
9986
10000
|
_: 1
|
|
9987
10001
|
})]),
|
|
9988
|
-
a("div",
|
|
10002
|
+
a("div", Nc, [s(X, {
|
|
9989
10003
|
"model-value": c.section.height.desktop,
|
|
9990
10004
|
label: D(d)("section.heightDesktop"),
|
|
9991
10005
|
min: 80,
|
|
@@ -10022,7 +10036,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10022
10036
|
"label",
|
|
10023
10037
|
"hint"
|
|
10024
10038
|
]),
|
|
10025
|
-
g.value ? (_(), i("div",
|
|
10039
|
+
g.value ? (_(), i("div", Pc, [s(X, {
|
|
10026
10040
|
"model-value": c.section.flow_gap ?? 24,
|
|
10027
10041
|
label: D(d)("section.flowGap"),
|
|
10028
10042
|
min: 0,
|
|
@@ -10047,7 +10061,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10047
10061
|
label: D(d)("section.wide"),
|
|
10048
10062
|
onCommit: l[18] ||= (e) => D(u).commit()
|
|
10049
10063
|
}, null, 8, ["modelValue", "label"]),
|
|
10050
|
-
a("p",
|
|
10064
|
+
a("p", Fc, T(D(d)("section.wideHint")), 1),
|
|
10051
10065
|
s(J, {
|
|
10052
10066
|
id: f.background,
|
|
10053
10067
|
label: D(d)("section.background")
|
|
@@ -10070,7 +10084,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10070
10084
|
"onUpdate:modelValue": l[19] ||= (e) => c.section.background.color = e,
|
|
10071
10085
|
label: D(d)("section.color"),
|
|
10072
10086
|
onCommit: l[20] ||= (e) => D(u).commit()
|
|
10073
|
-
}, null, 8, ["modelValue", "label"])) : c.section.background.type === "gradient" ? (_(), n(
|
|
10087
|
+
}, null, 8, ["modelValue", "label"])) : c.section.background.type === "gradient" ? (_(), n(Ts, {
|
|
10074
10088
|
key: 2,
|
|
10075
10089
|
modelValue: c.section.background.gradient,
|
|
10076
10090
|
"onUpdate:modelValue": l[21] ||= (e) => c.section.background.gradient = e,
|
|
@@ -10096,7 +10110,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10096
10110
|
"label",
|
|
10097
10111
|
"hint"
|
|
10098
10112
|
])) : r("", !0),
|
|
10099
|
-
s(
|
|
10113
|
+
s(pi, {
|
|
10100
10114
|
"model-value": c.section.background.image,
|
|
10101
10115
|
label: c.section.background.type === "video" ? D(d)("section.poster") : D(d)("section.image"),
|
|
10102
10116
|
choose: D(d)("section.chooseImage"),
|
|
@@ -10113,7 +10127,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10113
10127
|
label: D(d)("section.parallax"),
|
|
10114
10128
|
onCommit: l[27] ||= (e) => D(u).commit()
|
|
10115
10129
|
}, null, 8, ["modelValue", "label"]),
|
|
10116
|
-
s(
|
|
10130
|
+
s($i, {
|
|
10117
10131
|
modelValue: c.section.background.overlay,
|
|
10118
10132
|
"onUpdate:modelValue": l[28] ||= (e) => c.section.background.overlay = e,
|
|
10119
10133
|
label: D(d)("section.overlay"),
|
|
@@ -10130,10 +10144,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10130
10144
|
], 64))
|
|
10131
10145
|
]));
|
|
10132
10146
|
}
|
|
10133
|
-
}),
|
|
10147
|
+
}), Lc = {
|
|
10134
10148
|
key: 4,
|
|
10135
10149
|
class: "lze-hint"
|
|
10136
|
-
},
|
|
10150
|
+
}, Rc = /* @__PURE__ */ c({
|
|
10137
10151
|
__name: "DesignPanel",
|
|
10138
10152
|
setup(e) {
|
|
10139
10153
|
let r = K(), a = t(() => {
|
|
@@ -10146,7 +10160,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10146
10160
|
} : { kind: "none" };
|
|
10147
10161
|
}
|
|
10148
10162
|
let t = e.kind === "canvas" ? R(r.state.draft, e.canvas) : void 0;
|
|
10149
|
-
return t ?
|
|
10163
|
+
return t ? ct(t) ? {
|
|
10150
10164
|
kind: "modal",
|
|
10151
10165
|
modal: t
|
|
10152
10166
|
} : {
|
|
@@ -10154,24 +10168,24 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10154
10168
|
section: t
|
|
10155
10169
|
} : { kind: "none" };
|
|
10156
10170
|
});
|
|
10157
|
-
return (e, t) => a.value.kind === "multi" ? (_(), n(
|
|
10171
|
+
return (e, t) => a.value.kind === "multi" ? (_(), n(Oc, { key: 0 })) : a.value.kind === "element" ? (_(), n(sc, {
|
|
10158
10172
|
key: a.value.element.id,
|
|
10159
10173
|
element: a.value.element
|
|
10160
|
-
}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(
|
|
10174
|
+
}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(_c, {
|
|
10161
10175
|
key: a.value.modal.id,
|
|
10162
10176
|
modal: a.value.modal
|
|
10163
|
-
}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(
|
|
10177
|
+
}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(Ic, {
|
|
10164
10178
|
key: a.value.section.id,
|
|
10165
10179
|
section: a.value.section
|
|
10166
|
-
}, null, 8, ["section"])) : (_(), i("p",
|
|
10180
|
+
}, null, 8, ["section"])) : (_(), i("p", Lc, T(D(r).t("panel.nothing")), 1));
|
|
10167
10181
|
}
|
|
10168
|
-
}),
|
|
10182
|
+
}), zc = {
|
|
10169
10183
|
key: 0,
|
|
10170
10184
|
class: "lze-stack"
|
|
10171
|
-
},
|
|
10185
|
+
}, Bc = { class: "lze-slug-static" }, Vc = { class: "lze-slug" }, Hc = { class: "lze-row" }, Uc = {
|
|
10172
10186
|
key: 2,
|
|
10173
10187
|
class: "lze-field lze-divided"
|
|
10174
|
-
},
|
|
10188
|
+
}, Wc = { class: "lze-label" }, Gc = ["onClick"], Kc = { class: "lze-hint" }, qc = { class: "lze-field lze-divided" }, Jc = { class: "lze-label" }, Yc = { class: "lze-shortcuts lze-hint" }, Xc = /* @__PURE__ */ c({
|
|
10175
10189
|
__name: "PagePanel",
|
|
10176
10190
|
setup(c) {
|
|
10177
10191
|
let l = K(), u = l.t, d = {
|
|
@@ -10190,7 +10204,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10190
10204
|
function y() {
|
|
10191
10205
|
f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
|
|
10192
10206
|
}
|
|
10193
|
-
return (t, c) => f.value ? (_(), i("div",
|
|
10207
|
+
return (t, c) => f.value ? (_(), i("div", zc, [
|
|
10194
10208
|
s(J, {
|
|
10195
10209
|
id: d.title,
|
|
10196
10210
|
label: D(u)("page.title")
|
|
@@ -10208,7 +10222,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10208
10222
|
label: D(u)("page.address"),
|
|
10209
10223
|
hint: D(u)("page.homeHint")
|
|
10210
10224
|
}, {
|
|
10211
|
-
default: N(() => [a("p",
|
|
10225
|
+
default: N(() => [a("p", Bc, [c[4] ||= a("span", {
|
|
10212
10226
|
class: "lze-slug-root",
|
|
10213
10227
|
"aria-hidden": "true"
|
|
10214
10228
|
}, "/", -1), o(T(D(u)("page.home")), 1)])]),
|
|
@@ -10218,7 +10232,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10218
10232
|
label: D(u)("page.address"),
|
|
10219
10233
|
error: m.value.map((e) => e.message).join(" ") || null
|
|
10220
10234
|
}, {
|
|
10221
|
-
default: N(() => [a("div",
|
|
10235
|
+
default: N(() => [a("div", Vc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(Y, {
|
|
10222
10236
|
id: d.slug,
|
|
10223
10237
|
modelValue: p.value,
|
|
10224
10238
|
"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
|
|
@@ -10234,7 +10248,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10234
10248
|
"id",
|
|
10235
10249
|
"label",
|
|
10236
10250
|
"error"
|
|
10237
|
-
]), a("div",
|
|
10251
|
+
]), a("div", Hc, [s(q, {
|
|
10238
10252
|
disabled: h.value || p.value.trim() === f.value.slug,
|
|
10239
10253
|
onClick: v
|
|
10240
10254
|
}, {
|
|
@@ -10247,12 +10261,12 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10247
10261
|
default: N(() => [o(T(D(u)("page.delete")), 1)]),
|
|
10248
10262
|
_: 1
|
|
10249
10263
|
})])], 64)),
|
|
10250
|
-
g.value ? (_(), i("div",
|
|
10264
|
+
g.value ? (_(), i("div", Uc, [a("span", Wc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(yn), (e) => (_(), i("button", {
|
|
10251
10265
|
key: e.key,
|
|
10252
10266
|
type: "button",
|
|
10253
10267
|
class: "lze-choice",
|
|
10254
10268
|
onClick: (t) => D(l).applyPageTemplate(e.key)
|
|
10255
|
-
}, [a("strong", null, T(D(u)(e.name)), 1), a("span",
|
|
10269
|
+
}, [a("strong", null, T(D(u)(e.name)), 1), a("span", Kc, T(D(u)(e.note)), 1)], 8, Gc))), 128))])) : r("", !0),
|
|
10256
10270
|
s(J, {
|
|
10257
10271
|
id: d.seoTitle,
|
|
10258
10272
|
label: D(u)("page.seoTitle"),
|
|
@@ -10283,7 +10297,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10283
10297
|
}, null, 8, ["id", "modelValue"])]),
|
|
10284
10298
|
_: 1
|
|
10285
10299
|
}, 8, ["id", "label"]),
|
|
10286
|
-
a("div",
|
|
10300
|
+
a("div", qc, [a("span", Jc, T(D(u)("page.shortcuts")), 1), a("ul", Yc, [
|
|
10287
10301
|
a("li", null, T(D(u)("page.shortcutUndo")), 1),
|
|
10288
10302
|
a("li", null, T(D(u)("page.shortcutSave")), 1),
|
|
10289
10303
|
a("li", null, T(D(u)("page.shortcutCopy")), 1),
|
|
@@ -10291,42 +10305,42 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10291
10305
|
])])
|
|
10292
10306
|
])) : r("", !0);
|
|
10293
10307
|
}
|
|
10294
|
-
}),
|
|
10308
|
+
}), Zc = { class: "lze-sidebar lze-right" }, Qc = {
|
|
10295
10309
|
class: "lze-tabs",
|
|
10296
10310
|
role: "tablist"
|
|
10297
|
-
},
|
|
10311
|
+
}, $c = ["aria-selected"], el = ["aria-selected"], tl = {
|
|
10298
10312
|
class: "lze-scroll lze-pad",
|
|
10299
10313
|
role: "tabpanel"
|
|
10300
|
-
},
|
|
10314
|
+
}, nl = /* @__PURE__ */ c({
|
|
10301
10315
|
__name: "RightPanel",
|
|
10302
10316
|
setup(e) {
|
|
10303
10317
|
let t = K(), r = b("design");
|
|
10304
|
-
return (e, o) => (_(), i("aside",
|
|
10318
|
+
return (e, o) => (_(), i("aside", Zc, [a("div", Qc, [a("button", {
|
|
10305
10319
|
type: "button",
|
|
10306
10320
|
role: "tab",
|
|
10307
10321
|
"aria-selected": r.value === "design",
|
|
10308
10322
|
onClick: o[0] ||= (e) => r.value = "design"
|
|
10309
|
-
}, T(D(t).t("panel.design")), 9,
|
|
10323
|
+
}, T(D(t).t("panel.design")), 9, $c), a("button", {
|
|
10310
10324
|
type: "button",
|
|
10311
10325
|
role: "tab",
|
|
10312
10326
|
"aria-selected": r.value === "page",
|
|
10313
10327
|
onClick: o[1] ||= (e) => r.value = "page"
|
|
10314
|
-
}, T(D(t).t("panel.page")), 9,
|
|
10328
|
+
}, T(D(t).t("panel.page")), 9, el)]), a("div", tl, [r.value === "design" ? (_(), n(Rc, { key: 0 })) : (_(), n(Xc, { key: 1 }))])]));
|
|
10315
10329
|
}
|
|
10316
|
-
}),
|
|
10330
|
+
}), rl = { class: "lze-toolbar" }, il = { class: "lze-toolbar-group" }, al = { class: "lze-site-name" }, ol = ["aria-label", "value"], sl = ["value"], cl = ["data-published"], ll = ["data-tone"], ul = { class: "lze-toolbar-group" }, dl = ["aria-label"], fl = [
|
|
10317
10331
|
"title",
|
|
10318
10332
|
"aria-label",
|
|
10319
10333
|
"aria-pressed",
|
|
10320
10334
|
"onClick"
|
|
10321
|
-
],
|
|
10335
|
+
], pl = [
|
|
10322
10336
|
"title",
|
|
10323
10337
|
"aria-label",
|
|
10324
10338
|
"disabled"
|
|
10325
|
-
],
|
|
10339
|
+
], ml = [
|
|
10326
10340
|
"title",
|
|
10327
10341
|
"aria-label",
|
|
10328
10342
|
"disabled"
|
|
10329
|
-
],
|
|
10343
|
+
], hl = ["href"], gl = /* @__PURE__ */ c({
|
|
10330
10344
|
__name: "Toolbar",
|
|
10331
10345
|
setup(c) {
|
|
10332
10346
|
let l = K(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
|
|
@@ -10361,7 +10375,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10361
10375
|
retry: !0
|
|
10362
10376
|
};
|
|
10363
10377
|
case "invalid": return {
|
|
10364
|
-
text: u("save.invalid", { issue:
|
|
10378
|
+
text: u("save.invalid", { issue: kn(e.issues[0]) || e.message }),
|
|
10365
10379
|
tone: "danger",
|
|
10366
10380
|
retry: !1
|
|
10367
10381
|
};
|
|
@@ -10379,8 +10393,8 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10379
10393
|
let t = e.target;
|
|
10380
10394
|
await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
|
|
10381
10395
|
}
|
|
10382
|
-
return (t, c) => (_(), i("header",
|
|
10383
|
-
a("strong",
|
|
10396
|
+
return (t, c) => (_(), i("header", rl, [a("div", il, [
|
|
10397
|
+
a("strong", al, T(D(l).state.workspace.site.name), 1),
|
|
10384
10398
|
d.value ? (_(), i("select", {
|
|
10385
10399
|
key: 0,
|
|
10386
10400
|
class: "lze-select lze-page-select",
|
|
@@ -10390,13 +10404,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10390
10404
|
}, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
|
|
10391
10405
|
key: e.id,
|
|
10392
10406
|
value: e.id
|
|
10393
|
-
}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9,
|
|
10407
|
+
}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, sl))), 128))], 40, ol)) : r("", !0),
|
|
10394
10408
|
s(q, {
|
|
10395
10409
|
variant: "ghost",
|
|
10396
10410
|
title: D(u)("toolbar.newPageHint"),
|
|
10397
10411
|
onClick: c[0] ||= (e) => D(l).state.dialog = "newPage"
|
|
10398
10412
|
}, {
|
|
10399
|
-
default: N(() => [s(D(
|
|
10413
|
+
default: N(() => [s(D(We), {
|
|
10400
10414
|
size: 16,
|
|
10401
10415
|
"aria-hidden": "true"
|
|
10402
10416
|
}), o(T(D(u)("toolbar.newPage")), 1)]),
|
|
@@ -10406,13 +10420,13 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10406
10420
|
key: 1,
|
|
10407
10421
|
class: "lze-badge-status",
|
|
10408
10422
|
"data-published": d.value.publishedAt !== null
|
|
10409
|
-
}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9,
|
|
10423
|
+
}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, cl)) : r("", !0),
|
|
10410
10424
|
a("span", {
|
|
10411
10425
|
class: "lze-save-status",
|
|
10412
10426
|
"data-tone": p.value.tone,
|
|
10413
10427
|
"data-testid": "save-status",
|
|
10414
10428
|
"aria-live": "polite"
|
|
10415
|
-
}, T(p.value.text), 9,
|
|
10429
|
+
}, T(p.value.text), 9, ll),
|
|
10416
10430
|
p.value.retry ? (_(), n(q, {
|
|
10417
10431
|
key: 2,
|
|
10418
10432
|
variant: "ghost",
|
|
@@ -10429,7 +10443,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10429
10443
|
default: N(() => [o(T(D(u)("conflict.reload")), 1)]),
|
|
10430
10444
|
_: 1
|
|
10431
10445
|
})) : r("", !0)
|
|
10432
|
-
]), a("div",
|
|
10446
|
+
]), a("div", ul, [
|
|
10433
10447
|
a("div", {
|
|
10434
10448
|
class: "lze-segmented",
|
|
10435
10449
|
role: "group",
|
|
@@ -10441,15 +10455,15 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10441
10455
|
"aria-label": e === "desktop" ? D(u)("toolbar.desktop") : D(u)("toolbar.mobile"),
|
|
10442
10456
|
"aria-pressed": D(l).state.device === e,
|
|
10443
10457
|
onClick: (t) => D(l).state.device = e
|
|
10444
|
-
}, [e === "desktop" ? (_(), n(D(
|
|
10458
|
+
}, [e === "desktop" ? (_(), n(D(ze), {
|
|
10445
10459
|
key: 0,
|
|
10446
10460
|
size: 16,
|
|
10447
10461
|
"aria-hidden": "true"
|
|
10448
|
-
})) : (_(), n(D(
|
|
10462
|
+
})) : (_(), n(D(Je), {
|
|
10449
10463
|
key: 1,
|
|
10450
10464
|
size: 16,
|
|
10451
10465
|
"aria-hidden": "true"
|
|
10452
|
-
}))], 8,
|
|
10466
|
+
}))], 8, fl)), 64))], 8, dl),
|
|
10453
10467
|
a("button", {
|
|
10454
10468
|
type: "button",
|
|
10455
10469
|
class: "lze-icon-btn",
|
|
@@ -10457,10 +10471,10 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10457
10471
|
"aria-label": D(u)("toolbar.undo"),
|
|
10458
10472
|
disabled: !D(l).canUndo.value,
|
|
10459
10473
|
onClick: c[3] ||= (e) => D(l).undo()
|
|
10460
|
-
}, [s(D(
|
|
10474
|
+
}, [s(D(tt), {
|
|
10461
10475
|
size: 16,
|
|
10462
10476
|
"aria-hidden": "true"
|
|
10463
|
-
})], 8,
|
|
10477
|
+
})], 8, pl),
|
|
10464
10478
|
a("button", {
|
|
10465
10479
|
type: "button",
|
|
10466
10480
|
class: "lze-icon-btn",
|
|
@@ -10468,16 +10482,16 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10468
10482
|
"aria-label": D(u)("toolbar.redo"),
|
|
10469
10483
|
disabled: !D(l).canRedo.value,
|
|
10470
10484
|
onClick: c[4] ||= (e) => D(l).redo()
|
|
10471
|
-
}, [s(D(
|
|
10485
|
+
}, [s(D(Ge), {
|
|
10472
10486
|
size: 16,
|
|
10473
10487
|
"aria-hidden": "true"
|
|
10474
|
-
})], 8,
|
|
10488
|
+
})], 8, ml),
|
|
10475
10489
|
s(q, {
|
|
10476
10490
|
variant: "ghost",
|
|
10477
10491
|
title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
|
|
10478
10492
|
onClick: c[5] ||= (e) => D(l).state.previewing = !D(l).state.previewing
|
|
10479
10493
|
}, {
|
|
10480
|
-
default: N(() => [D(l).state.previewing ? (_(), n(D(
|
|
10494
|
+
default: N(() => [D(l).state.previewing ? (_(), n(D(He), {
|
|
10481
10495
|
key: 0,
|
|
10482
10496
|
size: 16,
|
|
10483
10497
|
"aria-hidden": "true"
|
|
@@ -10529,7 +10543,7 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10529
10543
|
href: m.value,
|
|
10530
10544
|
target: "_blank",
|
|
10531
10545
|
rel: "noopener noreferrer"
|
|
10532
|
-
}, T(D(u)("toolbar.viewSite")), 9,
|
|
10546
|
+
}, T(D(u)("toolbar.viewSite")), 9, hl)) : r("", !0),
|
|
10533
10547
|
s(q, {
|
|
10534
10548
|
variant: "primary",
|
|
10535
10549
|
disabled: D(l).state.publishing || !d.value,
|
|
@@ -10540,25 +10554,25 @@ var Ta = wa(xa), Ea = [...Ta.keys()], Da = [
|
|
|
10540
10554
|
}, 8, ["disabled"])
|
|
10541
10555
|
])]));
|
|
10542
10556
|
}
|
|
10543
|
-
}),
|
|
10557
|
+
}), _l = [
|
|
10544
10558
|
".lze-root{--lze-bg:#f3f4f6;--lze-panel:#fff;--lze-fg:#0f172a;--lze-muted:#64748b;--lze-border:#e2e8f0;--lze-hover:#f1f5f9;--lze-active:#e8eefc;--lze-accent:#2563eb;--lze-accent-fg:#fff;--lze-danger:#dc2626;--lze-success:#15803d;--lze-warning:#b45309;--lze-radius:8px;--lze-font:ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;--lze-select:#2563eb;--lze-guide:#ec4899;all:initial;box-sizing:border-box;background:var(--lze-bg);height:100%;min-height:480px;color:var(--lze-fg);font:13px/1.45 var(--lze-font);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr);display:grid}.lze-root :where(:not(svg,svg *)){all:revert;box-sizing:border-box}.lze-root :where(){box-sizing:border-box}.lze-root :where(h1,h2,h3,p,figure){margin:0}.lze-root :where(button,input,select,textarea){font:inherit;color:inherit}.lze-root :focus-visible{outline:2px solid var(--lze-accent);outline-offset:1px}.lze-muted,.lze-hint{color:var(--lze-muted)}.lze-hint{font-size:12px}.lze-error{color:var(--lze-danger);font-size:12px}.lze-btn{border-radius:var(--lze-radius);border:1px solid var(--lze-border);background:var(--lze-panel);height:32px;color:var(--lze-fg);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.lze-btn[data-size=md]{height:36px;padding:0 14px}.lze-btn:hover:not(:disabled){background:var(--lze-hover)}.lze-btn:disabled{opacity:.5;cursor:default}.lze-btn[data-variant=primary]{background:var(--lze-accent);border-color:var(--lze-accent);color:var(--lze-accent-fg)}.lze-btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--lze-accent) 88%, black)}.lze-btn[data-variant=ghost]{background:0 0;border-color:#0000}.lze-btn[data-variant=danger]{color:var(--lze-danger)}.lze-icon-btn{border-radius:var(--lze-radius);width:32px;height:32px;color:var(--lze-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.lze-icon-btn:hover:not(:disabled){background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-btn[aria-pressed=true]{border-color:var(--lze-fg);background:var(--lze-active);color:var(--lze-fg)}.lze-icon-btn[data-tone=danger]{color:var(--lze-danger)}.lze-icon-btn:disabled{opacity:.4;cursor:default}.lze-field{gap:7px;display:grid}.lze-label{color:var(--lze-fg);font-size:12px;font-weight:600}.lze-input,.lze-select{border:1px solid var(--lze-border);background:var(--lze-panel);width:100%;min-height:32px;color:var(--lze-fg);border-radius:6px;padding:6px 8px}.lze-input:focus,.lze-select:focus{border-color:var(--lze-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lze-accent) 20%, transparent);outline:none}textarea.lze-input{resize:vertical;line-height:1.4}.lze-select[data-compact=true]{width:auto;min-height:26px;padding:2px 6px;font-size:12px}.lze-number{border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.lze-number:focus-within{border-color:var(--lze-accent)}.lze-number input{text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0}.lze-number-label,.lze-number-suffix{color:var(--lze-muted);flex:none;font-size:11px}.lze-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.lze-toggle input{width:16px;height:16px;accent-color:var(--lze-fg);margin:0}.lze-range{gap:4px;display:grid}.lze-range input{width:100%;accent-color:var(--lze-fg)}.lze-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:26px;height:26px;padding:0}.lze-swatch[aria-pressed=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom{border:1px solid var(--lze-border);color:var(--lze-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.lze-swatch-custom[data-active=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom input{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20px;height:20px;padding:0}.lze-panel-section{border-top:1px solid var(--lze-border);padding-top:4px}.lze-panel-section>summary{color:var(--lze-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.lze-panel-section>summary::-webkit-details-marker{display:none}.lze-panel-section>summary:hover{color:var(--lze-fg)}.lze-panel-section[open]>summary svg{transform:rotate(180deg)}.lze-panel-body{gap:10px;padding:2px 0 12px;display:grid}.lze-dialog{border:1px solid var(--lze-border);background:var(--lze-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--lze-fg);font:13px/1.45 var(--lze-font);border-radius:12px;padding:0;box-shadow:0 24px 64px #0f172a3d}.lze-dialog[data-size=lg]{width:min(720px,100vw - 32px)}.lze-dialog[data-size=xl]{width:min(880px,100vw - 32px)}.lze-dialog::backdrop{background:#0f172a73}.lze-dialog-body{gap:16px;padding:20px;display:grid}.lze-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lze-dialog-head h2{font-size:16px;font-weight:650}.lze-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.lze-toasts{z-index:2147483000;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.lze-toast{background:var(--lze-fg);color:var(--lze-panel);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 12px 32px #0f172a3d}.lze-toast[data-tone=error]{background:var(--lze-danger)}.lze-toast span{flex:1}.lze-toast .lze-icon-btn{color:inherit;width:26px;height:26px}.lze-toast .lze-icon-btn:hover{color:inherit;background:#ffffff26}.lze-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lze-stack{gap:16px;display:grid}.lze-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.lze-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}",
|
|
10545
|
-
".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:clamp(272px,19vw,352px) minmax(0,1fr) clamp(312px,22vw,408px);min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:16px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:16px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:
|
|
10559
|
+
".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:clamp(272px,19vw,352px) minmax(0,1fr) clamp(312px,22vw,408px);min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:16px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:16px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:2px;padding:10px 8px;display:flex}.lze-tabs button{min-width:0;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:11px;font-weight:600;display:flex}.lze-tabs button span,.lze-tabs button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lze-right .lze-tabs button{flex-direction:row;justify-content:center;font-size:13px}.lze-tabs button:hover{color:var(--lze-fg)}.lze-tabs button[aria-selected=true]{background:var(--lze-hover);color:var(--lze-fg)}.lze-group-title{color:var(--lze-muted);margin-top:4px;font-size:12px;font-weight:600}.lze-palette{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.lze-palette-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);min-width:0;color:var(--lze-muted);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:500;display:flex}.lze-palette-item:hover{border-color:var(--lze-fg);color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-item svg{flex:none}.lze-list{gap:6px;display:grid}.lze-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--lze-muted);margin:10px 0 2px;font-size:11px;font-weight:700}.lze-group-label:first-child{margin-top:0}.lze-list-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:var(--lze-muted);text-align:left;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:500}.lze-list-item:hover{border-color:var(--lze-fg);color:var(--lze-fg)}.lze-drag-ghost{z-index:2147483000;pointer-events:none;border:1px solid var(--lze-fg);border-radius:var(--lze-radius);background:var(--lze-panel);padding:6px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0f172a2e}.lze-layer-group{padding:0 8px 2px}.lze-layer-row{color:var(--lze-muted);border-radius:6px;align-items:center;gap:2px;display:flex}.lze-layer-row:hover{background:var(--lze-hover)}.lze-layer-row[data-selected=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-layer-row .lze-icon-btn{width:24px;height:24px}.lze-layer-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.lze-layer-name span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lze-layer-actions{opacity:0;display:flex}.lze-layer-row:hover .lze-layer-actions,.lze-layer-row:focus-within .lze-layer-actions{opacity:1}.lze-layer-children{border-left:1px solid var(--lze-border);margin-left:16px;padding-left:4px}.lze-lock-toggle{opacity:0}.lze-lock-toggle[data-locked=true],.lze-layer-row:hover .lze-lock-toggle,.lze-lock-toggle:focus-visible{opacity:1}.lze-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:10px;padding:12px;display:grid}.lze-card[data-active=true]{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-media-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.lze-media-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);cursor:grab;touch-action:none;height:96px;padding:0;overflow:hidden}.lze-media-item:hover{border-color:var(--lze-fg)}.lze-media-item img{object-fit:contain;width:100%;height:100%}@media (width<=1100px){.lze-body{grid-template-columns:236px minmax(0,1fr) 292px}}",
|
|
10546
10560
|
".lze-stage{overscroll-behavior:contain;padding:24px;position:relative;overflow:auto}.lze-stage[data-space],.lze-stage[data-space] *{cursor:grab!important}.lze-stage[data-space=panning],.lze-stage[data-space=panning] *{cursor:grabbing!important}.lze-context{z-index:2147483100;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;min-width:208px;padding:6px;font-size:13px;position:fixed;box-shadow:0 12px 32px #0f172a2e}.lze-context:focus{outline:none}.lze-context>button{width:100%;color:var(--lze-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;display:flex}.lze-context>button:hover,.lze-context>button:focus-visible{background:var(--lze-hover)}.lze-context .lze-context-danger{color:var(--lze-danger)}.lze-context kbd{color:var(--lze-muted);font:inherit;font-size:11px}.lze-context hr{border:0;border-top:1px solid var(--lze-border);margin:5px 6px}.lze-context-label{color:var(--lze-muted);margin:6px 10px 2px;font-size:11px}.lze-context-row{gap:2px;padding:0 6px 4px;display:flex}.lze-context-row button{width:32px;height:28px;color:var(--lze-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-context-row button:hover{background:var(--lze-hover)}.lze-context-align{width:16px;height:16px;display:block;position:relative}.lze-context-align:before{content:\"\";background:var(--lze-fg);position:absolute}.lze-context-align:after{content:\"\";background:var(--lze-muted);border-radius:1px;position:absolute}.lze-context-align[data-align=left]:before{width:1.5px;top:0;bottom:0;left:0}.lze-context-align[data-align=left]:after{width:11px;height:8px;top:4px;left:3px}.lze-context-align[data-align=hcenter]:before{width:1.5px;top:0;bottom:0;left:7.25px}.lze-context-align[data-align=hcenter]:after{width:11px;height:8px;top:4px;left:2.5px}.lze-context-align[data-align=right]:before{width:1.5px;top:0;bottom:0;right:0}.lze-context-align[data-align=right]:after{width:11px;height:8px;top:4px;right:3px}.lze-context-align[data-align=top]:before{height:1.5px;top:0;left:0;right:0}.lze-context-align[data-align=top]:after{width:8px;height:11px;top:3px;left:4px}.lze-context-align[data-align=vmiddle]:before{height:1.5px;top:7.25px;left:0;right:0}.lze-context-align[data-align=vmiddle]:after{width:8px;height:11px;top:2.5px;left:4px}.lze-context-align[data-align=bottom]:before{height:1.5px;bottom:0;left:0;right:0}.lze-context-align[data-align=bottom]:after{width:8px;height:11px;bottom:3px;left:4px}.lze-zoom{z-index:25;float:right;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:999px;align-items:center;gap:2px;margin-top:12px;padding:4px;display:inline-flex;position:sticky;bottom:0;box-shadow:0 6px 18px #0f172a1f}.lze-zoom button{color:var(--lze-fg);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px}.lze-zoom-btn{width:28px;height:28px;font-size:15px;line-height:1}.lze-zoom-value{font-variant-numeric:tabular-nums;min-width:54px;height:28px;font-size:12px;font-weight:600}.lze-zoom button:hover{background:var(--lze-hover)}.lze-sheet{background:var(--lze-panel);border-radius:10px;margin:0 auto;position:relative;box-shadow:0 1px 3px #0f172a14,0 12px 40px #0f172a14}.lze-sheet[data-device=mobile]{border-radius:18px}.lze-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.lze-frame{background:0 0;border:0;display:block}.lze-preview .lze-sheet{overflow:hidden}.lze-preview .lze-frame{transform-origin:0 0}.lze-empty-hint{text-align:center;max-width:520px;color:var(--lze-muted);margin:16px auto 0}.lze-hint-bubble{z-index:2147483000;background:var(--lze-fg);color:var(--lze-panel);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lze-render-issue,.lze-modal-banner{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto 12px;padding:8px 12px;display:flex}.lze-render-issue{border-color:var(--lze-danger);color:var(--lze-danger)}.lze-modal-banner{border-color:var(--lze-fg);font-weight:600}.lze-overlay{pointer-events:none;--line:calc(1px * var(--inv));position:absolute;inset:0}.lze-overlay>*{position:absolute}.lze-canvas-outline{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:calc(-2px * var(--inv));box-shadow:inset 0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-hover{outline:var(--line) solid var(--lze-select)}.lze-selection{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:var(--line);box-shadow:0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-selection[data-locked=true]{outline-style:dashed}.lze-lock{top:calc(-18px * var(--inv));width:calc(12px * var(--inv));height:calc(12px * var(--inv));color:var(--lze-select);position:absolute;right:0}.lze-handles{pointer-events:none}.lze-handle,.lze-radius,.lze-rotate{pointer-events:auto;touch-action:none;padding:0;position:absolute}.lze-handle{width:calc(11px * var(--inv));height:calc(11px * var(--inv));margin:calc(-5.5px * var(--inv));border:var(--line) solid #fff;background:var(--lze-select);border-radius:999px}.lze-handle[data-handle^=n]{top:0}.lze-handle[data-handle^=s]{top:100%}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{top:50%}.lze-handle[data-handle$=w]{left:0}.lze-handle[data-handle$=e]{left:100%}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{left:50%}.lze-handle[data-handle=nw],.lze-handle[data-handle=se]{cursor:nwse-resize}.lze-handle[data-handle=ne],.lze-handle[data-handle=sw]{cursor:nesw-resize}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{cursor:ns-resize}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{cursor:ew-resize}.lze-radius{top:calc(10px * var(--inv));left:calc(10px * var(--inv));width:calc(14px * var(--inv));height:calc(14px * var(--inv));border:calc(2px * var(--inv)) solid var(--lze-select);cursor:ew-resize;background:#fff;border-radius:999px}.lze-rotate{top:calc(100% + 10px * var(--inv));left:calc(100% + 10px * var(--inv));width:calc(24px * var(--inv));height:calc(24px * var(--inv));border:var(--line) solid var(--lze-select);color:var(--lze-select);cursor:grab;background:#fff;border-radius:999px;place-items:center;display:grid}.lze-rotate svg{width:calc(13px * var(--inv));height:calc(13px * var(--inv))}.lze-guide{background:var(--lze-guide)}.lze-guide[data-axis=x]{width:var(--line)}.lze-guide[data-axis=y]{height:var(--line)}.lze-badge{transform:translateY(-100%) scale(var(--inv));transform-origin:0 100%;background:var(--lze-select);color:#fff;white-space:nowrap;border-radius:4px;margin-top:-4px;padding:2px 6px;font-size:11px;font-weight:600}.lze-section-chip{z-index:5;transform:scale(var(--inv)) translateY(-100%);transform-origin:0 100%;border:1px solid var(--lze-border);background:var(--lze-panel);color:var(--lze-muted);font:600 11px/1.6 var(--lze-font);white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:.5;border-radius:999px;margin-top:-4px;padding:2px 8px;transition:opacity .15s;position:absolute}.lze-section-chip:hover,.lze-section-chip[data-current=true]{opacity:1;color:var(--lze-fg)}.lze-section-chip[data-current=true]{border-color:var(--lze-select);color:var(--lze-select)}.lze-section-empty{z-index:4;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;color:var(--lze-muted);font:500 12px/1.4 var(--lze-font);white-space:nowrap;background:#ffffffd1;border-radius:999px;margin:0;padding:6px 14px;position:absolute}.lze-edge{z-index:6;transform:scale(var(--inv)) translate(-50%, -50%);transform-origin:0 0;border:1px solid var(--lze-border);background:var(--lze-surface);pointer-events:auto;opacity:.22;border-radius:999px;gap:4px;padding:3px;transition:opacity .15s;display:flex;position:absolute;box-shadow:0 6px 18px #0f172a24}.lze-edge:hover,.lze-edge:focus-within{opacity:1}.lze-stacked{pointer-events:auto;transform:scale(var(--inv));transform-origin:0 0;border-bottom:1px solid var(--lze-border);max-width:none;color:var(--lze-fg);background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;width:auto!important}.lze-element-bar{pointer-events:auto;transform-origin:0 0;transform:scale(var(--inv)) translateY(calc(-100% - 10px));border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 8px 24px #0f172a24}.lze-element-bar[data-below=true]{transform:scale(var(--inv)) translateY(14px)}.lze-divider{background:var(--lze-border);width:1px;height:20px;margin:0 2px}",
|
|
10547
10561
|
".lze-panel-title{font-size:13px;font-weight:650}.lze-grow{flex:1;min-width:0}.lze-nowrap{flex-wrap:nowrap}.lze-divided{border-top:1px solid var(--lze-border);padding-top:12px}.lze-image-preview{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);overflow:hidden}.lze-image-preview img{object-fit:contain;width:100%;height:96px;display:block}.lze-image-preview[data-thumb=icon]{width:fit-content;padding:6px}.lze-image-preview[data-thumb=icon] img{width:40px;height:40px}.lze-tabs-inline{border-radius:var(--lze-radius);background:var(--lze-bg);gap:4px;padding:3px;display:flex}.lze-tabs-inline button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}.lze-tabs-inline button:hover{color:var(--lze-fg)}.lze-tabs-inline button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-gradient-presets{flex-wrap:wrap;gap:6px;display:flex}.lze-gradient-preset{cursor:pointer;border:1px solid #0f172a1f;border-radius:6px;width:48px;height:28px;padding:0}.lze-gradient-preset:hover{outline:2px solid var(--lze-fg);outline-offset:1px}.lze-link-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;margin:0;padding:8px;display:grid}.lze-link-card legend{color:var(--lze-muted);padding:0 4px;font-size:11px}.lze-icon-grid{border:1px solid var(--lze-border);border-radius:var(--lze-radius);grid-template-columns:repeat(6,1fr);gap:4px;max-height:192px;padding:6px;display:grid;overflow-y:auto}.lze-icon-grid .lze-hint{text-align:center;grid-column:1/-1;padding:8px 0}.lze-icon-choice{aspect-ratio:1;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.lze-icon-choice:hover{background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-choice[aria-pressed=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-slug{color:var(--lze-muted);align-items:center;gap:6px;font-family:ui-monospace,monospace;display:flex}.lze-slug-static{border:1px solid var(--lze-border);color:var(--lze-muted);border-radius:6px;gap:6px;padding:6px 8px;display:flex}.lze-slug-root{font-family:ui-monospace,monospace}.lze-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.lze-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-shortcuts{gap:4px;margin:0;padding-left:16px;display:grid}.lze-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lze-row-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lze-palette-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lze-palette-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-choice .lze-row{gap:3px}.lze-dot{border:1px solid #0f172a1f;border-radius:999px;width:14px;height:14px}.lze-theme-colors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.lze-theme-color{border:1px solid var(--lze-border);border-radius:var(--lze-radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.lze-theme-color span{flex:1}.lze-theme-color .lze-hex{width:84px;min-height:28px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:12px}.lze-theme-color input[type=color]{border:1px solid var(--lze-border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.lze-theme-preview{border:1px solid var(--lze-border);gap:10px;padding:20px;display:grid}.lze-theme-preview-heading{font-size:24px;font-weight:700;line-height:1.2}.lze-theme-preview-button{width:fit-content;padding:8px 16px;font-weight:600}.lze-file-input{display:none}.lze-asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lze-upload-tile{border:2px dashed var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);height:128px;color:var(--lze-muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.lze-upload-tile:hover:not(:disabled){border-color:var(--lze-fg);color:var(--lze-fg)}.lze-upload-tile:disabled{cursor:progress}.lze-asset{border:1px solid var(--lze-border);border-radius:var(--lze-radius);height:128px;margin:0;position:relative;overflow:hidden}.lze-asset:hover{border-color:var(--lze-fg)}.lze-asset-use{background:var(--lze-bg);width:100%;height:100%;color:inherit;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex}.lze-asset-use img{object-fit:contain;flex:1;width:100%;min-height:0}.lze-asset-use figcaption{background:var(--lze-panel);color:var(--lze-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;overflow:hidden}.lze-asset .lze-asset-delete{opacity:0;background:#ffffffeb;width:28px;height:28px;position:absolute;top:6px;right:6px}.lze-asset:hover .lze-asset-delete,.lze-asset .lze-asset-delete:focus-visible{opacity:1}.lze-submission{border-bottom:1px solid var(--lze-border);gap:6px;padding:10px 0;display:grid}.lze-submission dl{grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.lze-submission dt{color:var(--lze-muted)}.lze-submission dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lze-choices{gap:6px;display:grid}"
|
|
10548
|
-
].join("\n"),
|
|
10549
|
-
function
|
|
10562
|
+
].join("\n"), vl = /* @__PURE__ */ new WeakMap();
|
|
10563
|
+
function yl(e) {
|
|
10550
10564
|
let t = e.getRootNode();
|
|
10551
|
-
if (!(t instanceof Document || t instanceof ShadowRoot) ||
|
|
10565
|
+
if (!(t instanceof Document || t instanceof ShadowRoot) || vl.has(t)) return;
|
|
10552
10566
|
let n = new CSSStyleSheet();
|
|
10553
|
-
n.replaceSync(
|
|
10567
|
+
n.replaceSync(_l), vl.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
|
|
10554
10568
|
}
|
|
10555
10569
|
//#endregion
|
|
10556
10570
|
//#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
|
|
10557
|
-
var
|
|
10571
|
+
var bl = { class: "lze-toasts" }, xl = ["data-tone", "role"], Sl = ["aria-label", "onClick"], Cl = /* @__PURE__ */ c({
|
|
10558
10572
|
__name: "Toasts",
|
|
10559
10573
|
setup(t) {
|
|
10560
10574
|
let n = K();
|
|
10561
|
-
return (t, r) => (_(), i("div",
|
|
10575
|
+
return (t, r) => (_(), i("div", bl, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
|
|
10562
10576
|
key: e.id,
|
|
10563
10577
|
class: "lze-toast",
|
|
10564
10578
|
"data-tone": e.tone,
|
|
@@ -10568,22 +10582,22 @@ var yl = { class: "lze-toasts" }, bl = ["data-tone", "role"], xl = ["aria-label"
|
|
|
10568
10582
|
class: "lze-icon-btn",
|
|
10569
10583
|
"aria-label": D(n).t("toast.dismiss"),
|
|
10570
10584
|
onClick: (t) => D(n).dismiss(e.id)
|
|
10571
|
-
}, [s(D(
|
|
10585
|
+
}, [s(D(it), {
|
|
10572
10586
|
size: 14,
|
|
10573
10587
|
"aria-hidden": "true"
|
|
10574
|
-
})], 8,
|
|
10588
|
+
})], 8, Sl)], 8, xl))), 128))]));
|
|
10575
10589
|
}
|
|
10576
|
-
}),
|
|
10590
|
+
}), wl = ["lang"], Tl = {
|
|
10577
10591
|
key: 0,
|
|
10578
10592
|
class: "lze-center"
|
|
10579
|
-
},
|
|
10593
|
+
}, El = {
|
|
10580
10594
|
key: 1,
|
|
10581
10595
|
class: "lze-center",
|
|
10582
10596
|
role: "alert"
|
|
10583
|
-
},
|
|
10597
|
+
}, Dl = {
|
|
10584
10598
|
key: 2,
|
|
10585
10599
|
class: "lze-center"
|
|
10586
|
-
},
|
|
10600
|
+
}, Ol = { class: "lze-body" }, kl = { class: "lze-main" }, Al = /* @__PURE__ */ c({
|
|
10587
10601
|
inheritAttrs: !1,
|
|
10588
10602
|
__name: "LienzoEditor",
|
|
10589
10603
|
props: {
|
|
@@ -10594,26 +10608,26 @@ var yl = { class: "lze-toasts" }, bl = ["data-tone", "role"], xl = ["aria-label"
|
|
|
10594
10608
|
fetch: {}
|
|
10595
10609
|
},
|
|
10596
10610
|
setup(t) {
|
|
10597
|
-
let r = t, c =
|
|
10598
|
-
client:
|
|
10611
|
+
let r = t, c = on(r.locale ?? "en", r.messages), l = On({
|
|
10612
|
+
client: Dr({
|
|
10599
10613
|
endpoint: r.endpoint,
|
|
10600
10614
|
headers: r.headers,
|
|
10601
10615
|
fetch: r.fetch
|
|
10602
10616
|
}),
|
|
10603
10617
|
i18n: c
|
|
10604
10618
|
});
|
|
10605
|
-
v(
|
|
10619
|
+
v(Dn, l);
|
|
10606
10620
|
let u = b(), d = b(), f = (e, t) => d.value?.dropPoint(e, t) ?? null;
|
|
10607
10621
|
function p(e) {
|
|
10608
10622
|
let t = e.composedPath().some((e) => e === u.value), n = e.target === document.body || e.target === document.documentElement;
|
|
10609
|
-
(t || n) && l.state.load.kind === "ready" &&
|
|
10623
|
+
(t || n) && l.state.load.kind === "ready" && Pn(l, e);
|
|
10610
10624
|
}
|
|
10611
10625
|
let m = null;
|
|
10612
10626
|
return te(() => {
|
|
10613
10627
|
let e = l.theme.value;
|
|
10614
|
-
l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href =
|
|
10628
|
+
l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Kt([e.heading_font, e.body_font]));
|
|
10615
10629
|
}), g(() => {
|
|
10616
|
-
u.value &&
|
|
10630
|
+
u.value && yl(u.value), window.addEventListener("keydown", p), l.load();
|
|
10617
10631
|
}), h(() => {
|
|
10618
10632
|
window.removeEventListener("keydown", p), m?.remove(), l.dispose();
|
|
10619
10633
|
}), (t, r) => (_(), i("div", {
|
|
@@ -10622,36 +10636,36 @@ var yl = { class: "lze-toasts" }, bl = ["data-tone", "role"], xl = ["aria-label"
|
|
|
10622
10636
|
class: "lze-root",
|
|
10623
10637
|
lang: D(c).locale
|
|
10624
10638
|
}, [
|
|
10625
|
-
D(l).state.load.kind === "loading" ? (_(), i("div",
|
|
10639
|
+
D(l).state.load.kind === "loading" ? (_(), i("div", Tl, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", El, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
|
|
10626
10640
|
default: N(() => [o(T(D(l).t("load.retry")), 1)]),
|
|
10627
10641
|
_: 1
|
|
10628
|
-
})])) : D(l).state.load.kind === "empty" ? (_(), i("div",
|
|
10642
|
+
})])) : D(l).state.load.kind === "empty" ? (_(), i("div", Dl, [s(q, {
|
|
10629
10643
|
variant: "primary",
|
|
10630
10644
|
onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
|
|
10631
10645
|
}, {
|
|
10632
10646
|
default: N(() => [o(T(D(l).t("newPage.title")), 1)]),
|
|
10633
10647
|
_: 1
|
|
10634
|
-
})])) : (_(), i(e, { key: 3 }, [s(
|
|
10635
|
-
s(
|
|
10636
|
-
a("main",
|
|
10648
|
+
})])) : (_(), i(e, { key: 3 }, [s(gl), a("div", Ol, [
|
|
10649
|
+
s(jo, { "drop-point": f }),
|
|
10650
|
+
a("main", kl, [D(l).state.previewing ? (_(), n(Er, { key: 0 })) : (_(), n(wr, {
|
|
10637
10651
|
key: 1,
|
|
10638
10652
|
ref_key: "canvas",
|
|
10639
10653
|
ref: d
|
|
10640
10654
|
}, null, 512))]),
|
|
10641
|
-
s(
|
|
10655
|
+
s(nl)
|
|
10642
10656
|
])], 64)),
|
|
10643
|
-
s(
|
|
10644
|
-
s(
|
|
10645
|
-
s(
|
|
10646
|
-
s(
|
|
10647
|
-
s(
|
|
10648
|
-
s(
|
|
10649
|
-
s(
|
|
10650
|
-
s(
|
|
10651
|
-
], 8,
|
|
10657
|
+
s(si),
|
|
10658
|
+
s(xa),
|
|
10659
|
+
s(_a),
|
|
10660
|
+
s(Ui),
|
|
10661
|
+
s(Ji),
|
|
10662
|
+
s(Hr),
|
|
10663
|
+
s(Qr),
|
|
10664
|
+
s(Cl)
|
|
10665
|
+
], 8, wl));
|
|
10652
10666
|
}
|
|
10653
10667
|
});
|
|
10654
10668
|
//#endregion
|
|
10655
|
-
export {
|
|
10669
|
+
export { rn as n, nn as r, Al as t };
|
|
10656
10670
|
|
|
10657
|
-
//# sourceMappingURL=LienzoEditor-
|
|
10671
|
+
//# sourceMappingURL=LienzoEditor-CXhUonso.js.map
|