@templatical/editor 0.11.0 → 0.11.1
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/{AiFeatureMenu-D4D2Sqfk.js → AiFeatureMenu-DBWcfcWl.js} +1 -1
- package/dist/{CloudEditor-CLwyq3kf.js → CloudEditor-C6cSXtcP.js} +155 -154
- package/dist/{CollaboratorBar-DjX-o5Pi.js → CollaboratorBar-B8-AQfG2.js} +1 -1
- package/dist/{ModuleBrowserModal-CVS4Sf7H.js → ModuleBrowserModal-B_tLzFAk.js} +4 -4
- package/dist/{ModulePreviewCanvas-C10YXsL_.js → ModulePreviewCanvas-B7pNpAHM.js} +1 -1
- package/dist/{ParagraphEditor-BKoqcKIt.js → ParagraphEditor-DmA9K7dx.js} +6 -6
- package/dist/{SaveModuleDialog-BMuIjxVn.js → SaveModuleDialog-B8ypoxdj.js} +2 -2
- package/dist/{SnapshotHistory-DZ5_W7e4.js → SnapshotHistory-BTHd7CVP.js} +1 -1
- package/dist/{TestEmailModal-EjpH-F-W.js → TestEmailModal-CBIFMzK6.js} +2 -2
- package/dist/{TitleEditor-Rv1deuV7.js → TitleEditor-C9jDA5lI.js} +1 -1
- package/dist/{TplModal-DSmCQIm4.js → TplModal-ND4fiqOS.js} +1 -1
- package/dist/{blockTypeIcons-OhEkQhYj.js → blockTypeIcons-Bn-_Smlm.js} +4 -4
- package/dist/bundle-stats.json +6 -6
- package/dist/cdn/chunks/{AiFeatureMenu-Dm9CL3u0.js → AiFeatureMenu-BuSO0dXP.js} +8 -8
- package/dist/cdn/chunks/{AiFeatureMenu-Dm9CL3u0.js.map → AiFeatureMenu-BuSO0dXP.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-DjnFAeWq.js → BlockIssueBadge-sv3IZ1Pb.js} +5 -5
- package/dist/cdn/chunks/{BlockIssueBadge-DjnFAeWq.js.map → BlockIssueBadge-sv3IZ1Pb.js.map} +1 -1
- package/dist/cdn/chunks/{CloudEditor-XSmLmdgp.js → CloudEditor-hxoqsTsq.js} +236 -235
- package/dist/cdn/chunks/{CloudEditor-XSmLmdgp.js.map → CloudEditor-hxoqsTsq.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-BfoGJhns.js → CollaboratorBar-DFqsaNX0.js} +3 -3
- package/dist/cdn/chunks/{CollaboratorBar-BfoGJhns.js.map → CollaboratorBar-DFqsaNX0.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownBlock-GRio55a1.js → CountdownBlock-PpH3fxAX.js} +2 -2
- package/dist/cdn/chunks/{CountdownBlock-GRio55a1.js.map → CountdownBlock-PpH3fxAX.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-Cd1oEopw.js → CountdownToolbar-CZN92Bhz.js} +3 -3
- package/dist/cdn/chunks/{CountdownToolbar-Cd1oEopw.js.map → CountdownToolbar-CZN92Bhz.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-C-BiFQDQ.js → IssuesPanel-wQjrnuyc.js} +6 -6
- package/dist/cdn/chunks/{IssuesPanel-C-BiFQDQ.js.map → IssuesPanel-wQjrnuyc.js.map} +1 -1
- package/dist/cdn/chunks/{ModuleBrowserModal-Dj7gRT4Q.js → ModuleBrowserModal-348wCgft.js} +8 -8
- package/dist/cdn/chunks/{ModuleBrowserModal-Dj7gRT4Q.js.map → ModuleBrowserModal-348wCgft.js.map} +1 -1
- package/dist/cdn/chunks/{ModulePreviewCanvas-hwdveKb0.js → ModulePreviewCanvas-Cf6DUHml.js} +22 -22
- package/dist/cdn/chunks/{ModulePreviewCanvas-hwdveKb0.js.map → ModulePreviewCanvas-Cf6DUHml.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-bE_6cfiA.js → NumberWithSuffix-Deo8EOSz.js} +2 -2
- package/dist/cdn/chunks/{NumberWithSuffix-bE_6cfiA.js.map → NumberWithSuffix-Deo8EOSz.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-y1kGJRBX.js → ParagraphEditor-Cbl_gBYM.js} +40 -40
- package/dist/cdn/chunks/{ParagraphEditor-y1kGJRBX.js.map → ParagraphEditor-Cbl_gBYM.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-DPy9D4hc.js → RichTextEditorContent-TBPzn3RC.js} +4 -4
- package/dist/cdn/chunks/{RichTextEditorContent-DPy9D4hc.js.map → RichTextEditorContent-TBPzn3RC.js.map} +1 -1
- package/dist/cdn/chunks/{SaveModuleDialog-CPu5e2VG.js → SaveModuleDialog-CxdYMutK.js} +4 -4
- package/dist/cdn/chunks/{SaveModuleDialog-CPu5e2VG.js.map → SaveModuleDialog-CxdYMutK.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-CMzzOPye.js → TitleEditor--XulEf7R.js} +6 -6
- package/dist/cdn/chunks/{TitleEditor-CMzzOPye.js.map → TitleEditor--XulEf7R.js.map} +1 -1
- package/dist/cdn/chunks/{blockTypeIcons-BC5qpvuV.js → blockTypeIcons-BJND4L-A.js} +6 -6
- package/dist/cdn/chunks/{blockTypeIcons-BC5qpvuV.js.map → blockTypeIcons-BJND4L-A.js.map} +1 -1
- package/dist/{de-DIAGP7yH.js → cdn/chunks/de-BJMLpg_p.js} +6 -0
- package/dist/cdn/chunks/{de-DIAGP7yH.js.map → de-BJMLpg_p.js.map} +1 -1
- package/dist/{en-nqIW8Q9W.js → cdn/chunks/en-DFMMw7SL.js} +6 -0
- package/dist/cdn/chunks/{en-nqIW8Q9W.js.map → en-DFMMw7SL.js.map} +1 -1
- package/dist/cdn/chunks/{extensions-DH7ESsaz.js → extensions-BtWoLy6E.js} +23 -23
- package/dist/cdn/chunks/{extensions-DH7ESsaz.js.map → extensions-BtWoLy6E.js.map} +1 -1
- package/dist/cdn/chunks/{features-DmUOSthI.js → features-mO5NzwnN.js} +442 -432
- package/dist/cdn/chunks/features-mO5NzwnN.js.map +1 -0
- package/dist/cdn/chunks/{icons-DguD4x_X.js → icons-CuXm6XAT.js} +2 -2
- package/dist/cdn/chunks/{icons-DguD4x_X.js.map → icons-CuXm6XAT.js.map} +1 -1
- package/dist/cdn/chunks/{media-library-ClQUPxRM.js → media-library-BtNzYUTi.js} +525 -525
- package/dist/cdn/chunks/{media-library-ClQUPxRM.js.map → media-library-BtNzYUTi.js.map} +1 -1
- package/dist/cdn/chunks/{pt-BR-DCNnLLx9.js → pt-BR-C-9aWLlR.js} +5 -1
- package/dist/cdn/chunks/{pt-BR-DCNnLLx9.js.map → pt-BR-C-9aWLlR.js.map} +1 -1
- package/dist/cdn/chunks/{quality-CIw_7cXv.js → quality-YKe19zp8.js} +83 -83
- package/dist/cdn/chunks/{quality-CIw_7cXv.js.map → quality-YKe19zp8.js.map} +1 -1
- package/dist/cdn/chunks/{renderer-Bx8I7_Rb.js → renderer-BcOaxCs6.js} +20 -20
- package/dist/cdn/chunks/{renderer-Bx8I7_Rb.js.map → renderer-BcOaxCs6.js.map} +1 -1
- package/dist/cdn/chunks/{src-C-GlM149.js → src-B_ZRmuit.js} +63 -63
- package/dist/cdn/chunks/{src-C-GlM149.js.map → src-B_ZRmuit.js.map} +1 -1
- package/dist/cdn/chunks/{styles-CfqCvq0Z.js → styles-DDBCCJ-l.js} +218 -200
- package/dist/cdn/chunks/styles-DDBCCJ-l.js.map +1 -0
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +105 -104
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{cdn/chunks/de-DIAGP7yH.js → de-BJMLpg_p.js} +4 -2
- package/dist/{cdn/chunks/en-nqIW8Q9W.js → en-DFMMw7SL.js} +4 -2
- package/dist/index.d.ts +32 -0
- package/dist/{pt-BR-DCNnLLx9.js → pt-BR-C-9aWLlR.js} +4 -0
- package/dist/style.css +1 -1
- package/dist/{styles-D_ztiOsh.js → styles-DZcQGzsN.js} +514 -496
- package/dist/templatical-editor.js +117 -116
- package/dist/{useEditorCore-tZGAVvNz.js → useEditorCore-D00QzW07.js} +731 -721
- package/package.json +8 -8
- package/dist/cdn/chunks/features-DmUOSthI.js.map +0 -1
- package/dist/cdn/chunks/styles-CfqCvq0Z.js.map +0 -1
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { A as e, B as t, E as n, F as r, J as i, L as a, M as o, N as s, S as c, U as l, X as u, _ as d, a as f, at as p, b as m, c as h, d as g, f as _, h as v, l as y, m as b, o as x, ot as S, p as C, q as w, rt as T, s as E, st as D, t as O, v as k, w as A, y as j, z as M } from "./vue.runtime.esm-bundler-mPytWZFh.js";
|
|
2
2
|
import { C as N, D as P, E as F, S as I, a as L, l as R, n as z, o as B } from "./dist-D6L_WdRL.js";
|
|
3
|
-
import { A as ee, F as te, I as ne, M as re, N as ie, P as
|
|
4
|
-
import { a as
|
|
5
|
-
import { A as
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { i as
|
|
11
|
-
import { n as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import { n as
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { _ as
|
|
27
|
-
import { i as
|
|
28
|
-
import { t as
|
|
29
|
-
var
|
|
3
|
+
import { A as V, E as ee, F as te, I as ne, L as H, M as re, N as ie, P as ae, _ as oe, a as se, c as ce, d as le, g as ue, h as de, i as fe, j as pe, l as me, m as he, n as ge, o as _e, p as ve, r as ye, s as be, u as xe, v as Se, y as Ce } from "./useEditorCore-D00QzW07.js";
|
|
4
|
+
import { a as we, c as Te } from "./dist-cT52Hh9L.js";
|
|
5
|
+
import { A as Ee, C as De, M as Oe, N as ke, S as Ae, T as je, a as Me, d as Ne, f as Pe, g as Fe, k as Ie, m as Le, n as Re, o as ze, p as Be, s as Ve, u as He, x as Ue } from "./keys-DsRdOmg3.js";
|
|
6
|
+
import { t as U } from "./useI18n-DNspT6uw.js";
|
|
7
|
+
import { t as W } from "./createLucideIcon-C_fetdGM.js";
|
|
8
|
+
import { t as We } from "./chevron-down-fcsZ5DU7.js";
|
|
9
|
+
import { t as Ge } from "./circle-alert-BZTbwc-B.js";
|
|
10
|
+
import { i as Ke, n as qe, r as Je, t as Ye } from "./blockTypeIcons-Bn-_Smlm.js";
|
|
11
|
+
import { n as Xe, t as Ze } from "./refresh-cw-DAkD6iDI.js";
|
|
12
|
+
import { t as Qe } from "./image-up-1xrPPJYH.js";
|
|
13
|
+
import { t as $e } from "./info-ByAFxArD.js";
|
|
14
|
+
import { t as et } from "./list-checks-CKUP4UZU.js";
|
|
15
|
+
import { t as tt } from "./scan-line-DEELRJJ5.js";
|
|
16
|
+
import { t as nt } from "./sparkles-CeYIQ5RJ.js";
|
|
17
|
+
import { n as rt, r as it, t as at } from "./text-align-start-BsmIoqLS.js";
|
|
18
|
+
import { t as ot } from "./trash-2-C2S4-CIH.js";
|
|
19
|
+
import { t as st } from "./x-_9jw816B.js";
|
|
20
|
+
import { t as ct } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
21
|
+
import { t as lt } from "./useCloudI18n-BEuiZdzs.js";
|
|
22
|
+
import { t as ut } from "./useMergeTag-abutjUud.js";
|
|
23
|
+
import { t as dt } from "./useAliveFlag-DlVvpZxc.js";
|
|
24
|
+
import { t as ft } from "./readableTextColor-f8Kykfnh.js";
|
|
25
|
+
import { t as pt } from "./CountdownBlock-D_AsF4F3.js";
|
|
26
|
+
import { _ as mt, c as ht, f as G, g as gt, h as K, l as _t, m as q, p as J, t as vt } from "./styleConstants-lGobwiLH.js";
|
|
27
|
+
import { i as Y, n as X, r as Z, t as yt } from "./NumberWithSuffix-eI9pPDWT.js";
|
|
28
|
+
import { t as bt } from "./TplModal-ND4fiqOS.js";
|
|
29
|
+
var xt = W("circle", [["circle", {
|
|
30
30
|
cx: "12",
|
|
31
31
|
cy: "12",
|
|
32
32
|
r: "10",
|
|
33
33
|
key: "1mglay"
|
|
34
|
-
}]]),
|
|
34
|
+
}]]), St = W("globe", [
|
|
35
35
|
["circle", {
|
|
36
36
|
cx: "12",
|
|
37
37
|
cy: "12",
|
|
@@ -46,7 +46,7 @@ var St = U("circle", [["circle", {
|
|
|
46
46
|
d: "M2 12h20",
|
|
47
47
|
key: "9i4pu4"
|
|
48
48
|
}]
|
|
49
|
-
]),
|
|
49
|
+
]), Ct = W("layout-template", [
|
|
50
50
|
["rect", {
|
|
51
51
|
width: "18",
|
|
52
52
|
height: "7",
|
|
@@ -71,7 +71,7 @@ var St = U("circle", [["circle", {
|
|
|
71
71
|
rx: "1",
|
|
72
72
|
key: "q5h2i8"
|
|
73
73
|
}]
|
|
74
|
-
]),
|
|
74
|
+
]), wt = W("lock-open", [["rect", {
|
|
75
75
|
width: "18",
|
|
76
76
|
height: "11",
|
|
77
77
|
x: "3",
|
|
@@ -82,7 +82,7 @@ var St = U("circle", [["circle", {
|
|
|
82
82
|
}], ["path", {
|
|
83
83
|
d: "M7 11V7a5 5 0 0 1 9.9-1",
|
|
84
84
|
key: "1mm8w8"
|
|
85
|
-
}]]),
|
|
85
|
+
}]]), Tt = W("lock", [["rect", {
|
|
86
86
|
width: "18",
|
|
87
87
|
height: "11",
|
|
88
88
|
x: "3",
|
|
@@ -93,7 +93,7 @@ var St = U("circle", [["circle", {
|
|
|
93
93
|
}], ["path", {
|
|
94
94
|
d: "M7 11V7a5 5 0 0 1 10 0v4",
|
|
95
95
|
key: "fwvmzm"
|
|
96
|
-
}]]),
|
|
96
|
+
}]]), Et = W("monitor", [
|
|
97
97
|
["rect", {
|
|
98
98
|
width: "20",
|
|
99
99
|
height: "14",
|
|
@@ -116,10 +116,10 @@ var St = U("circle", [["circle", {
|
|
|
116
116
|
y2: "21",
|
|
117
117
|
key: "vw1qmm"
|
|
118
118
|
}]
|
|
119
|
-
]),
|
|
119
|
+
]), Dt = W("moon", [["path", {
|
|
120
120
|
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",
|
|
121
121
|
key: "kfwtm"
|
|
122
|
-
}]]),
|
|
122
|
+
}]]), Ot = W("panel-top", [["rect", {
|
|
123
123
|
width: "18",
|
|
124
124
|
height: "18",
|
|
125
125
|
x: "3",
|
|
@@ -129,19 +129,19 @@ var St = U("circle", [["circle", {
|
|
|
129
129
|
}], ["path", {
|
|
130
130
|
d: "M3 9h18",
|
|
131
131
|
key: "1pudct"
|
|
132
|
-
}]]),
|
|
132
|
+
}]]), Q = W("plus", [["path", {
|
|
133
133
|
d: "M5 12h14",
|
|
134
134
|
key: "1ays0h"
|
|
135
135
|
}], ["path", {
|
|
136
136
|
d: "M12 5v14",
|
|
137
137
|
key: "s699le"
|
|
138
|
-
}]]),
|
|
138
|
+
}]]), kt = W("rotate-ccw", [["path", {
|
|
139
139
|
d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
|
|
140
140
|
key: "1357e3"
|
|
141
141
|
}], ["path", {
|
|
142
142
|
d: "M3 3v5h5",
|
|
143
143
|
key: "1xhq8a"
|
|
144
|
-
}]]),
|
|
144
|
+
}]]), At = W("settings", [["path", {
|
|
145
145
|
d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
|
|
146
146
|
key: "1i5ecw"
|
|
147
147
|
}], ["circle", {
|
|
@@ -149,7 +149,7 @@ var St = U("circle", [["circle", {
|
|
|
149
149
|
cy: "12",
|
|
150
150
|
r: "3",
|
|
151
151
|
key: "1v7zrd"
|
|
152
|
-
}]]),
|
|
152
|
+
}]]), jt = W("smartphone", [["rect", {
|
|
153
153
|
width: "14",
|
|
154
154
|
height: "20",
|
|
155
155
|
x: "5",
|
|
@@ -160,7 +160,7 @@ var St = U("circle", [["circle", {
|
|
|
160
160
|
}], ["path", {
|
|
161
161
|
d: "M12 18h.01",
|
|
162
162
|
key: "mhygvu"
|
|
163
|
-
}]]),
|
|
163
|
+
}]]), Mt = W("square-plus", [
|
|
164
164
|
["rect", {
|
|
165
165
|
width: "18",
|
|
166
166
|
height: "18",
|
|
@@ -177,14 +177,14 @@ var St = U("circle", [["circle", {
|
|
|
177
177
|
d: "M12 8v8",
|
|
178
178
|
key: "napkw2"
|
|
179
179
|
}]
|
|
180
|
-
]),
|
|
180
|
+
]), Nt = W("square", [["rect", {
|
|
181
181
|
width: "18",
|
|
182
182
|
height: "18",
|
|
183
183
|
x: "3",
|
|
184
184
|
y: "3",
|
|
185
185
|
rx: "2",
|
|
186
186
|
key: "afitv7"
|
|
187
|
-
}]]),
|
|
187
|
+
}]]), Pt = W("sun", [
|
|
188
188
|
["circle", {
|
|
189
189
|
cx: "12",
|
|
190
190
|
cy: "12",
|
|
@@ -226,7 +226,7 @@ var St = U("circle", [["circle", {
|
|
|
226
226
|
]);
|
|
227
227
|
//#endregion
|
|
228
228
|
//#region src/utils/resolveLintOptions.ts
|
|
229
|
-
function
|
|
229
|
+
function Ft(e) {
|
|
230
230
|
return {
|
|
231
231
|
...e.lint,
|
|
232
232
|
locale: e.locale
|
|
@@ -234,19 +234,19 @@ function It(e) {
|
|
|
234
234
|
}
|
|
235
235
|
//#endregion
|
|
236
236
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
237
|
-
var
|
|
237
|
+
var It = ["aria-label"], Lt = {
|
|
238
238
|
key: 0,
|
|
239
239
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
240
|
-
},
|
|
240
|
+
}, Rt = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, zt = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, Bt = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, Vt = {
|
|
241
241
|
key: 0,
|
|
242
242
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
243
|
-
},
|
|
243
|
+
}, Ht = {
|
|
244
244
|
key: 1,
|
|
245
245
|
class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
246
|
-
},
|
|
246
|
+
}, Ut = { class: "tpl:relative" }, Wt = {
|
|
247
247
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
|
|
248
248
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
249
|
-
},
|
|
249
|
+
}, Gt = 96, Kt = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
250
250
|
__name: "Canvas",
|
|
251
251
|
props: {
|
|
252
252
|
viewport: {},
|
|
@@ -264,20 +264,20 @@ var Lt = ["aria-label"], Rt = {
|
|
|
264
264
|
setup(n, { emit: i }) {
|
|
265
265
|
let a = {
|
|
266
266
|
section: ce,
|
|
267
|
-
title:
|
|
268
|
-
paragraph:
|
|
267
|
+
title: xe,
|
|
268
|
+
paragraph: he,
|
|
269
269
|
image: ue,
|
|
270
|
-
button:
|
|
271
|
-
divider:
|
|
270
|
+
button: ae,
|
|
271
|
+
divider: Se,
|
|
272
272
|
spacer: fe,
|
|
273
273
|
html: oe,
|
|
274
274
|
social: se,
|
|
275
275
|
menu: de,
|
|
276
|
-
table:
|
|
277
|
-
video:
|
|
278
|
-
countdown:
|
|
279
|
-
custom:
|
|
280
|
-
}, s = n, c = i, { t: l } =
|
|
276
|
+
table: ye,
|
|
277
|
+
video: ge,
|
|
278
|
+
countdown: pt,
|
|
279
|
+
custom: Ce
|
|
280
|
+
}, s = n, c = i, { t: l } = U(), { t: f } = lt(), m = ke(Le, "Canvas"), h = A(He, null), w = A(ze, null), E = A(Ve, {}), O = g(() => (E.plan?.hasFeature("ai_generation") ?? !1) && (E.ai?.isFeatureEnabled("chat") ?? !1)), j = g(() => (E.plan?.hasFeature("ai_generation") ?? !1) && (E.ai?.isFeatureEnabled("designToTemplate") ?? !1)), N = g({
|
|
281
281
|
get: () => s.content.blocks,
|
|
282
282
|
set: (e) => {
|
|
283
283
|
m.setContent({
|
|
@@ -290,26 +290,26 @@ var Lt = ["aria-label"], Rt = {
|
|
|
290
290
|
case "mobile": return 375;
|
|
291
291
|
default: return s.content.settings.width;
|
|
292
292
|
}
|
|
293
|
-
}), F = g(() => P.value +
|
|
293
|
+
}), F = g(() => P.value + Gt * 2), I = g(() => ({ fontFamily: s.content.settings.fontFamily })), L = g(() => N.value.length === 0 && !s.previewMode), R = u(0), z = g(() => L.value && R.value > 0);
|
|
294
294
|
function B() {
|
|
295
295
|
L.value && (R.value += 1);
|
|
296
296
|
}
|
|
297
|
-
function
|
|
297
|
+
function V() {
|
|
298
298
|
L.value && (R.value = Math.max(0, R.value - 1));
|
|
299
299
|
}
|
|
300
|
-
function
|
|
300
|
+
function ee() {
|
|
301
301
|
R.value = 0;
|
|
302
302
|
}
|
|
303
|
-
function
|
|
303
|
+
function te(e) {
|
|
304
304
|
s.previewMode || e.target === e.currentTarget && c("select-block", null);
|
|
305
305
|
}
|
|
306
|
-
function
|
|
307
|
-
return
|
|
306
|
+
function ne(e) {
|
|
307
|
+
return ve(e, w, a);
|
|
308
308
|
}
|
|
309
|
-
function
|
|
309
|
+
function H(e) {
|
|
310
310
|
return s.lockedBlocks?.get(e) ?? null;
|
|
311
311
|
}
|
|
312
|
-
function
|
|
312
|
+
function re(e, t) {
|
|
313
313
|
e.type === "custom" && m.updateBlock(e.id, {
|
|
314
314
|
fieldValues: t.fieldValues,
|
|
315
315
|
dataSourceFetched: t.dataSourceFetched
|
|
@@ -344,8 +344,8 @@ var Lt = ["aria-label"], Rt = {
|
|
|
344
344
|
"tpl-preview-mode": n.previewMode
|
|
345
345
|
}]),
|
|
346
346
|
style: S(I.value),
|
|
347
|
-
onClick:
|
|
348
|
-
}, [k(T(
|
|
347
|
+
onClick: te
|
|
348
|
+
}, [k(T(me), {
|
|
349
349
|
modelValue: N.value,
|
|
350
350
|
"onUpdate:modelValue": a[2] ||= (e) => N.value = e,
|
|
351
351
|
group: "blocks",
|
|
@@ -365,33 +365,33 @@ var Lt = ["aria-label"], Rt = {
|
|
|
365
365
|
L.value && !z.value ? "tpl:border-[var(--tpl-primary)]" : ""
|
|
366
366
|
]),
|
|
367
367
|
onDragenter: B,
|
|
368
|
-
onDragleave:
|
|
369
|
-
onDrop:
|
|
368
|
+
onDragleave: V,
|
|
369
|
+
onDrop: ee
|
|
370
370
|
}, {
|
|
371
|
-
default: M(() => [L.value ? (e(), v("div",
|
|
372
|
-
_("div",
|
|
371
|
+
default: M(() => [L.value ? (e(), v("div", Lt, [
|
|
372
|
+
_("div", Rt, [k(T(Mt), {
|
|
373
373
|
size: 48,
|
|
374
374
|
"stroke-width": 1
|
|
375
375
|
})]),
|
|
376
|
-
_("p",
|
|
377
|
-
_("p",
|
|
378
|
-
O.value && T(f) ? (e(), v("p",
|
|
376
|
+
_("p", zt, D(T(l).canvas.noBlocks), 1),
|
|
377
|
+
_("p", Bt, D(T(l).canvas.dragHint), 1),
|
|
378
|
+
O.value && T(f) ? (e(), v("p", Vt, [
|
|
379
379
|
d(D(T(l).canvas.aiHintChat) + " ", 1),
|
|
380
380
|
_("button", {
|
|
381
381
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
382
382
|
onClick: a[0] ||= (e) => c("open-ai-chat")
|
|
383
|
-
}, [k(T(
|
|
383
|
+
}, [k(T(nt), {
|
|
384
384
|
size: 14,
|
|
385
385
|
"stroke-width": 2
|
|
386
386
|
}), d(" " + D(T(f).aiMenu.aiAssistant), 1)]),
|
|
387
387
|
d(" " + D(T(l).canvas.aiHintChatSuffix), 1)
|
|
388
388
|
])) : b("", !0),
|
|
389
|
-
j.value && T(f) ? (e(), v("p",
|
|
389
|
+
j.value && T(f) ? (e(), v("p", Ht, [
|
|
390
390
|
d(D(T(l).canvas.aiHintDesign) + " ", 1),
|
|
391
391
|
_("button", {
|
|
392
392
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:duration-150 tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
393
393
|
onClick: a[1] ||= (e) => c("open-design-reference")
|
|
394
|
-
}, [k(T(
|
|
394
|
+
}, [k(T(Qe), {
|
|
395
395
|
size: 14,
|
|
396
396
|
"stroke-width": 2
|
|
397
397
|
}), d(" " + D(T(f).aiMenu.designToTemplate), 1)]),
|
|
@@ -400,30 +400,30 @@ var Lt = ["aria-label"], Rt = {
|
|
|
400
400
|
])) : b("", !0), (e(!0), v(y, null, o(N.value, (i) => t((e(), v("div", {
|
|
401
401
|
key: i.id,
|
|
402
402
|
class: "tpl-block-item"
|
|
403
|
-
}, [_("div",
|
|
403
|
+
}, [_("div", Ut, [H(i.id) ? (e(), v("div", {
|
|
404
404
|
key: 0,
|
|
405
405
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
406
406
|
style: S({
|
|
407
|
-
outline: `2px solid ${
|
|
407
|
+
outline: `2px solid ${H(i.id).color}`,
|
|
408
408
|
outlineOffset: "-1px"
|
|
409
409
|
})
|
|
410
410
|
}, [_("span", {
|
|
411
411
|
class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
|
|
412
412
|
style: S({
|
|
413
|
-
backgroundColor:
|
|
414
|
-
color: T(
|
|
413
|
+
backgroundColor: H(i.id).color,
|
|
414
|
+
color: T(ft)(H(i.id).color)
|
|
415
415
|
})
|
|
416
|
-
}, [_("span",
|
|
416
|
+
}, [_("span", Wt, D(H(i.id).name.charAt(0)), 1), d(" " + D(H(i.id).name), 1)], 4)], 4)) : b("", !0), k(le, {
|
|
417
417
|
block: i,
|
|
418
|
-
"is-selected": !n.previewMode && n.selectedBlockId === i.id && !
|
|
418
|
+
"is-selected": !n.previewMode && n.selectedBlockId === i.id && !H(i.id),
|
|
419
419
|
viewport: n.viewport,
|
|
420
420
|
"preview-mode": n.previewMode,
|
|
421
|
-
onSelect: (e) => n.previewMode ||
|
|
421
|
+
onSelect: (e) => n.previewMode || H(i.id) ? void 0 : c("select-block", i.id)
|
|
422
422
|
}, {
|
|
423
|
-
default: M(() => [(e(), C(r(
|
|
423
|
+
default: M(() => [(e(), C(r(ne(i)), {
|
|
424
424
|
block: i,
|
|
425
425
|
viewport: n.viewport,
|
|
426
|
-
onFetchData: (e) =>
|
|
426
|
+
onFetchData: (e) => re(i, e),
|
|
427
427
|
onUpdate: (e) => T(m).updateBlock(i.id, e)
|
|
428
428
|
}, null, 40, [
|
|
429
429
|
"block",
|
|
@@ -444,12 +444,12 @@ var Lt = ["aria-label"], Rt = {
|
|
|
444
444
|
"modelValue",
|
|
445
445
|
"disabled",
|
|
446
446
|
"class"
|
|
447
|
-
])], 6)], 12,
|
|
447
|
+
])], 6)], 12, It)], 4));
|
|
448
448
|
}
|
|
449
|
-
}), [["__scopeId", "data-v-a9a1158b"]]),
|
|
449
|
+
}), [["__scopeId", "data-v-a9a1158b"]]), qt = m({
|
|
450
450
|
name: "CustomBlockStylesheets",
|
|
451
451
|
setup() {
|
|
452
|
-
let e = A(
|
|
452
|
+
let e = A(Pe, null);
|
|
453
453
|
return () => e ? e.value.map((e, t) => c("style", {
|
|
454
454
|
key: t,
|
|
455
455
|
"data-tpl-custom-block-stylesheet": "",
|
|
@@ -459,7 +459,7 @@ var Lt = ["aria-label"], Rt = {
|
|
|
459
459
|
});
|
|
460
460
|
//#endregion
|
|
461
461
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
462
|
-
function
|
|
462
|
+
function Jt(e, t) {
|
|
463
463
|
if (!t || t.length === 0) return {
|
|
464
464
|
items: e,
|
|
465
465
|
unknown: []
|
|
@@ -478,27 +478,27 @@ function Yt(e, t) {
|
|
|
478
478
|
}
|
|
479
479
|
//#endregion
|
|
480
480
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
481
|
-
var
|
|
481
|
+
var Yt = ["aria-label"], Xt = {
|
|
482
482
|
key: 0,
|
|
483
483
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
484
|
-
},
|
|
484
|
+
}, Zt = ["aria-label"], Qt = {
|
|
485
485
|
key: 0,
|
|
486
486
|
class: "tpl:flex-1 tpl:truncate tpl:text-sm tpl:font-medium"
|
|
487
|
-
},
|
|
487
|
+
}, $t = {
|
|
488
488
|
key: 1,
|
|
489
489
|
class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]"
|
|
490
|
-
},
|
|
490
|
+
}, en = [
|
|
491
491
|
"data-palette-type",
|
|
492
492
|
"aria-label",
|
|
493
493
|
"onClick",
|
|
494
494
|
"onKeydown"
|
|
495
|
-
],
|
|
495
|
+
], tn = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:scale-105" }, nn = {
|
|
496
496
|
key: 0,
|
|
497
497
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
498
|
-
},
|
|
498
|
+
}, rn = /* @__PURE__ */ m({
|
|
499
499
|
__name: "Sidebar",
|
|
500
500
|
setup(t) {
|
|
501
|
-
let { t: n, format: i } =
|
|
501
|
+
let { t: n, format: i } = U(), { t: s } = lt(), c = A(Ne, []), l = A(je, void 0), d = A(Me, void 0), f = A(Le, null), p = A(Ve, {}), m = g(() => (p.savedModules?.moduleCount.value ?? 0) > 0), h = u(!1), x = u(!1);
|
|
502
502
|
function w() {
|
|
503
503
|
x.value || (h.value = !1);
|
|
504
504
|
}
|
|
@@ -524,35 +524,35 @@ var Xt = ["aria-label"], Zt = {
|
|
|
524
524
|
], N = g(() => {
|
|
525
525
|
let e = j.map((e) => ({
|
|
526
526
|
type: e,
|
|
527
|
-
label:
|
|
527
|
+
label: ne(e, n)
|
|
528
528
|
}));
|
|
529
529
|
return p.plan && e.splice(-1, 0, {
|
|
530
530
|
type: "countdown",
|
|
531
|
-
label:
|
|
531
|
+
label: ne("countdown", n)
|
|
532
532
|
}), e;
|
|
533
533
|
}), P = g(() => c.map((e) => ({
|
|
534
534
|
type: `custom:${e.type}`,
|
|
535
535
|
label: e.name,
|
|
536
536
|
isCustom: !0,
|
|
537
537
|
icon: e.icon
|
|
538
|
-
}))), F = g(() => [...N.value, ...P.value]), I = g(() =>
|
|
538
|
+
}))), F = g(() => [...N.value, ...P.value]), I = g(() => Jt(F.value, l)), L = g(() => I.value.items), z = /* @__PURE__ */ new Set();
|
|
539
539
|
a(() => I.value.unknown, (e) => {
|
|
540
|
-
for (let t of e) z.has(t) || (z.add(t),
|
|
540
|
+
for (let t of e) z.has(t) || (z.add(t), te.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
|
|
541
541
|
}, { immediate: !0 });
|
|
542
|
-
function
|
|
542
|
+
function V(e) {
|
|
543
543
|
if (e.isCustom) {
|
|
544
544
|
let t = e.type.replace("custom:", ""), n = c.find((e) => e.type === t);
|
|
545
545
|
if (n) return R(n);
|
|
546
546
|
}
|
|
547
547
|
return B(e.type, d);
|
|
548
548
|
}
|
|
549
|
-
function
|
|
549
|
+
function H(e) {
|
|
550
550
|
if (!f) return;
|
|
551
|
-
let t =
|
|
551
|
+
let t = V(e);
|
|
552
552
|
f.addBlock(t), f.selectBlock(t.id);
|
|
553
553
|
}
|
|
554
554
|
function re(e, t) {
|
|
555
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
555
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H(t));
|
|
556
556
|
}
|
|
557
557
|
return (t, a) => (e(), v("aside", {
|
|
558
558
|
"aria-label": T(n).sidebarNav.palette,
|
|
@@ -568,28 +568,28 @@ var Xt = ["aria-label"], Zt = {
|
|
|
568
568
|
onMouseleave: w,
|
|
569
569
|
onFocusin: a[2] ||= (e) => h.value = !0,
|
|
570
570
|
onFocusout: a[3] ||= (e) => h.value = !1
|
|
571
|
-
}, [m.value && T(s) ? (e(), v("div",
|
|
571
|
+
}, [m.value && T(s) ? (e(), v("div", Xt, [_("button", {
|
|
572
572
|
type: "button",
|
|
573
573
|
"aria-label": T(n).sidebarNav.browseModules,
|
|
574
574
|
class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)]",
|
|
575
575
|
style: S({ justifyContent: h.value ? "flex-start" : "center" }),
|
|
576
576
|
onClick: a[0] ||= (e) => T(p).savedModules?.openBrowser()
|
|
577
577
|
}, [
|
|
578
|
-
k(T(
|
|
578
|
+
k(T(Je), {
|
|
579
579
|
size: 20,
|
|
580
580
|
"stroke-width": 1.5,
|
|
581
581
|
class: "tpl:shrink-0"
|
|
582
582
|
}),
|
|
583
|
-
h.value ? (e(), v("span",
|
|
584
|
-
h.value ? (e(), v("span",
|
|
585
|
-
], 12,
|
|
583
|
+
h.value ? (e(), v("span", Qt, D(T(s).modules.title), 1)) : b("", !0),
|
|
584
|
+
h.value ? (e(), v("span", $t, D(T(p).savedModules?.moduleCount.value ?? 0), 1)) : b("", !0)
|
|
585
|
+
], 12, Zt)])) : b("", !0), k(T(me), {
|
|
586
586
|
"model-value": L.value,
|
|
587
587
|
group: {
|
|
588
588
|
name: "blocks",
|
|
589
589
|
pull: "clone",
|
|
590
590
|
put: !1
|
|
591
591
|
},
|
|
592
|
-
clone:
|
|
592
|
+
clone: V,
|
|
593
593
|
sort: !1,
|
|
594
594
|
animation: 150,
|
|
595
595
|
"ghost-class": "tpl-ghost",
|
|
@@ -605,25 +605,25 @@ var Xt = ["aria-label"], Zt = {
|
|
|
605
605
|
"aria-label": T(i)(T(n).sidebarNav.insertBlock, { block: t.label }),
|
|
606
606
|
class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] active:tpl:cursor-grabbing",
|
|
607
607
|
style: S({ justifyContent: h.value ? "flex-start" : "center" }),
|
|
608
|
-
onClick: (e) =>
|
|
608
|
+
onClick: (e) => H(t),
|
|
609
609
|
onKeydown: (e) => re(e, t)
|
|
610
|
-
}, [_("div",
|
|
610
|
+
}, [_("div", tn, [T(Ye)[t.type] ? (e(), C(r(T(Ye)[t.type]), {
|
|
611
611
|
key: 0,
|
|
612
612
|
size: 20,
|
|
613
613
|
"stroke-width": 1.5
|
|
614
|
-
})) : t.isCustom ? (e(), C(
|
|
614
|
+
})) : t.isCustom ? (e(), C(ee, {
|
|
615
615
|
key: 1,
|
|
616
616
|
icon: t.icon,
|
|
617
617
|
size: 20
|
|
618
|
-
}, null, 8, ["icon"])) : b("", !0)]), h.value ? (e(), v("span",
|
|
618
|
+
}, null, 8, ["icon"])) : b("", !0)]), h.value ? (e(), v("span", nn, D(t.label), 1)) : b("", !0)], 44, en))), 128))]),
|
|
619
619
|
_: 1
|
|
620
|
-
}, 8, ["model-value"])], 44,
|
|
620
|
+
}, 8, ["model-value"])], 44, Yt));
|
|
621
621
|
}
|
|
622
622
|
});
|
|
623
623
|
//#endregion
|
|
624
624
|
//#region src/composables/useMergeTagField.ts
|
|
625
|
-
function
|
|
626
|
-
let { modelValue: t, emit: r, elementRef: i } = e, { canRequestMergeTag: a, isRequesting: o, isMergeTagValue: s, getMergeTagLabel: c, requestMergeTag: d, syntax: f } =
|
|
625
|
+
function an(e) {
|
|
626
|
+
let { modelValue: t, emit: r, elementRef: i } = e, { canRequestMergeTag: a, isRequesting: o, isMergeTagValue: s, getMergeTagLabel: c, requestMergeTag: d, syntax: f } = ut(), p = u(!1), m = !1, h = !1;
|
|
627
627
|
l() && w(() => {
|
|
628
628
|
h = !0;
|
|
629
629
|
});
|
|
@@ -704,10 +704,10 @@ function on(e) {
|
|
|
704
704
|
}
|
|
705
705
|
//#endregion
|
|
706
706
|
//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
|
|
707
|
-
var
|
|
707
|
+
var on = ["aria-label", "onKeydown"], sn = ["data-tooltip"], cn = ["data-tooltip"], ln = {
|
|
708
708
|
key: 2,
|
|
709
709
|
class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
|
|
710
|
-
},
|
|
710
|
+
}, un = ["aria-label", "title"], dn = /* @__PURE__ */ m({
|
|
711
711
|
__name: "MergeTagSegments",
|
|
712
712
|
props: {
|
|
713
713
|
segments: {},
|
|
@@ -716,7 +716,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
716
716
|
},
|
|
717
717
|
emits: ["edit", "clear"],
|
|
718
718
|
setup(t, { emit: n }) {
|
|
719
|
-
let r = n, { t: i } =
|
|
719
|
+
let r = n, { t: i } = U();
|
|
720
720
|
function a() {
|
|
721
721
|
r("edit");
|
|
722
722
|
}
|
|
@@ -735,7 +735,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
735
735
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-primary) 20%,\n transparent\n )",
|
|
736
736
|
color: "var(--tpl-primary)"
|
|
737
737
|
}
|
|
738
|
-
}, D(t.label), 9,
|
|
738
|
+
}, D(t.label), 9, sn)) : t.type === "logicMergeTag" ? (e(), v("span", {
|
|
739
739
|
key: 1,
|
|
740
740
|
class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
|
|
741
741
|
"data-tooltip": t.value,
|
|
@@ -744,44 +744,44 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
744
744
|
border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
|
|
745
745
|
color: "var(--tpl-primary)"
|
|
746
746
|
}
|
|
747
|
-
}, D(t.keyword), 9,
|
|
747
|
+
}, D(t.keyword), 9, cn)) : (e(), v("span", ln, D(t.value), 1))], 64))), 128)), _("button", {
|
|
748
748
|
type: "button",
|
|
749
749
|
class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all hover:tpl:text-[var(--tpl-danger)] hover:tpl:opacity-100",
|
|
750
750
|
"aria-label": T(i).mergeTag.remove,
|
|
751
751
|
title: T(i).mergeTag.remove,
|
|
752
752
|
onClick: s[0] ||= h((e) => r("clear"), ["stop"])
|
|
753
|
-
}, [k(T(
|
|
753
|
+
}, [k(T(st), {
|
|
754
754
|
size: 12,
|
|
755
755
|
"stroke-width": 2.5
|
|
756
|
-
})], 8,
|
|
756
|
+
})], 8, un)], 42, on));
|
|
757
757
|
}
|
|
758
|
-
}),
|
|
758
|
+
}), fn = [
|
|
759
759
|
"aria-label",
|
|
760
760
|
"title",
|
|
761
761
|
"disabled"
|
|
762
|
-
],
|
|
762
|
+
], pn = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] hover:tpl:bg-[var(--tpl-primary-light)] hover:tpl:text-[var(--tpl-primary)] hover:tpl:border-[var(--tpl-primary)]", mn = /* @__PURE__ */ m({
|
|
763
763
|
__name: "MergeTagInsertButton",
|
|
764
764
|
props: { disabled: { type: Boolean } },
|
|
765
765
|
emits: ["insert"],
|
|
766
766
|
setup(t) {
|
|
767
|
-
let { t: n } =
|
|
767
|
+
let { t: n } = U();
|
|
768
768
|
return (r, i) => (e(), v("button", {
|
|
769
769
|
type: "button",
|
|
770
|
-
class: p([
|
|
770
|
+
class: p([pn, "tpl:mt-1.5"]),
|
|
771
771
|
"aria-label": T(n).mergeTag.insert,
|
|
772
772
|
title: T(n).mergeTag.insert,
|
|
773
773
|
disabled: t.disabled,
|
|
774
774
|
onClick: i[0] ||= (e) => r.$emit("insert")
|
|
775
|
-
}, [k(T(
|
|
775
|
+
}, [k(T(tt), {
|
|
776
776
|
size: 12,
|
|
777
777
|
"stroke-width": 2
|
|
778
|
-
}), d(" " + D(T(n).mergeTag.insert), 1)], 10,
|
|
778
|
+
}), d(" " + D(T(n).mergeTag.insert), 1)], 10, fn));
|
|
779
779
|
}
|
|
780
|
-
}),
|
|
780
|
+
}), hn = { key: 0 }, gn = { key: 1 }, _n = [
|
|
781
781
|
"value",
|
|
782
782
|
"placeholder",
|
|
783
783
|
"rows"
|
|
784
|
-
],
|
|
784
|
+
], vn = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", yn = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", bn = /* @__PURE__ */ m({
|
|
785
785
|
__name: "MergeTagTextarea",
|
|
786
786
|
props: {
|
|
787
787
|
modelValue: {},
|
|
@@ -790,46 +790,46 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
790
790
|
},
|
|
791
791
|
emits: ["update:modelValue"],
|
|
792
792
|
setup(t, { emit: n }) {
|
|
793
|
-
let r = t, i = n, a = u(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, isEditing: d, startEditing: f, stopEditing: m, handleInput: h, clearValue: g, insertMergeTag: y } =
|
|
793
|
+
let r = t, i = n, a = u(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, isEditing: d, startEditing: f, stopEditing: m, handleInput: h, clearValue: g, insertMergeTag: y } = an({
|
|
794
794
|
modelValue: () => r.modelValue,
|
|
795
795
|
emit: (e) => i("update:modelValue", e),
|
|
796
796
|
elementRef: a
|
|
797
797
|
});
|
|
798
|
-
return (n, r) => T(s) && !T(d) ? (e(), v("div",
|
|
798
|
+
return (n, r) => T(s) && !T(d) ? (e(), v("div", hn, [k(dn, {
|
|
799
799
|
segments: T(o),
|
|
800
|
-
"display-class":
|
|
800
|
+
"display-class": yn,
|
|
801
801
|
onEdit: T(f),
|
|
802
802
|
onClear: T(g)
|
|
803
803
|
}, null, 8, [
|
|
804
804
|
"segments",
|
|
805
805
|
"onEdit",
|
|
806
806
|
"onClear"
|
|
807
|
-
]), T(c) ? (e(), C(
|
|
807
|
+
]), T(c) ? (e(), C(mn, {
|
|
808
808
|
key: 0,
|
|
809
809
|
disabled: T(l),
|
|
810
810
|
onInsert: T(y)
|
|
811
|
-
}, null, 8, ["disabled", "onInsert"])) : b("", !0)])) : (e(), v("div",
|
|
811
|
+
}, null, 8, ["disabled", "onInsert"])) : b("", !0)])) : (e(), v("div", gn, [_("textarea", {
|
|
812
812
|
ref_key: "textareaRef",
|
|
813
813
|
ref: a,
|
|
814
|
-
class: p(
|
|
814
|
+
class: p(vn),
|
|
815
815
|
value: t.modelValue,
|
|
816
816
|
placeholder: t.placeholder,
|
|
817
817
|
rows: t.rows,
|
|
818
818
|
onInput: r[0] ||= (...e) => T(h) && T(h)(...e),
|
|
819
819
|
onBlur: r[1] ||= (...e) => T(m) && T(m)(...e),
|
|
820
820
|
onKeydown: r[2] ||= E((...e) => T(m) && T(m)(...e), ["escape"])
|
|
821
|
-
}, null, 40,
|
|
821
|
+
}, null, 40, _n), T(c) ? (e(), C(mn, {
|
|
822
822
|
key: 0,
|
|
823
823
|
disabled: T(l),
|
|
824
824
|
onInsert: T(y)
|
|
825
825
|
}, null, 8, ["disabled", "onInsert"])) : b("", !0)]));
|
|
826
826
|
}
|
|
827
|
-
}),
|
|
827
|
+
}), xn = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, Sn = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, Cn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, wn = { class: "tpl:mb-3.5" }, Tn = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, En = ["onClick"], Dn = { class: "tpl:flex tpl:items-stretch" }, On = ["value"], kn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, An = { class: "tpl:mb-3.5" }, jn = ["value"], Mn = ["value"], Nn = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Pn = ["value"], Fn = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, In = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ln = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Rn = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, zn = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Bn = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Vn = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Hn = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Un = { class: "tpl:mb-1 tpl:last:mb-0" }, Wn = { class: "tpl:mb-1 tpl:last:mb-0" }, Gn = { class: "tpl:mb-1 tpl:last:mb-0" }, Kn = 150, qn = /* @__PURE__ */ m({
|
|
828
828
|
__name: "TemplateSettings",
|
|
829
829
|
props: { settings: {} },
|
|
830
830
|
emits: ["update"],
|
|
831
831
|
setup(t, { emit: n }) {
|
|
832
|
-
let r = t, i = n, { t: a } =
|
|
832
|
+
let r = t, i = n, { t: a } = U(), s = ke(Fe, "TemplateSettings"), c = g(() => s.fonts.value), l = g(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : s.defaultFont.value), u = [
|
|
833
833
|
{
|
|
834
834
|
value: 480,
|
|
835
835
|
label: "480px"
|
|
@@ -847,14 +847,14 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
847
847
|
label: "800px"
|
|
848
848
|
}
|
|
849
849
|
];
|
|
850
|
-
return (n, r) => (e(), v("aside",
|
|
851
|
-
_("div", { class: p(T(
|
|
852
|
-
_("div",
|
|
850
|
+
return (n, r) => (e(), v("aside", xn, [_("div", Sn, [
|
|
851
|
+
_("div", { class: p(T(_t)) }, [
|
|
852
|
+
_("div", Cn, [k(T(Nt), {
|
|
853
853
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
854
854
|
size: 14,
|
|
855
855
|
"stroke-width": 2
|
|
856
856
|
}), _("span", null, D(T(a).templateSettings.layout), 1)]),
|
|
857
|
-
_("div",
|
|
857
|
+
_("div", wn, [_("label", { class: p(T(K)) }, D(T(a).templateSettings.widthPreset), 3), _("div", Tn, [(e(), v(y, null, o(u, (e) => _("button", {
|
|
858
858
|
key: e.value,
|
|
859
859
|
class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
860
860
|
style: S({
|
|
@@ -863,79 +863,79 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
863
863
|
boxShadow: t.settings.width === e.value ? "var(--tpl-shadow)" : "none"
|
|
864
864
|
}),
|
|
865
865
|
onClick: (t) => i("update", { width: e.value })
|
|
866
|
-
}, D(e.label), 13,
|
|
867
|
-
_("div", null, [_("label", { class: p(T(
|
|
866
|
+
}, D(e.label), 13, En)), 64))])]),
|
|
867
|
+
_("div", null, [_("label", { class: p(T(K)) }, D(T(a).templateSettings.customWidth), 3), _("div", Dn, [_("input", {
|
|
868
868
|
type: "number",
|
|
869
|
-
class: p(T(
|
|
869
|
+
class: p(T(J)),
|
|
870
870
|
value: t.settings.width,
|
|
871
871
|
min: "300",
|
|
872
872
|
max: "900",
|
|
873
873
|
onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
|
|
874
|
-
}, null, 42,
|
|
874
|
+
}, null, 42, On), _("span", { class: p(T(q)) }, "px", 2)])])
|
|
875
875
|
], 2),
|
|
876
|
-
_("div", { class: p(T(
|
|
877
|
-
_("div",
|
|
876
|
+
_("div", { class: p(T(_t)) }, [
|
|
877
|
+
_("div", kn, [k(T(xt), {
|
|
878
878
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
879
879
|
size: 14,
|
|
880
880
|
"stroke-width": 2
|
|
881
881
|
}), _("span", null, D(T(a).templateSettings.appearance), 1)]),
|
|
882
|
-
_("div",
|
|
882
|
+
_("div", An, [_("label", { class: p(T(K)) }, D(T(a).templateSettings.backgroundColor), 3), k(Y, {
|
|
883
883
|
"model-value": t.settings.backgroundColor,
|
|
884
|
-
placeholder: T(
|
|
884
|
+
placeholder: T(vt),
|
|
885
885
|
"onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
|
|
886
886
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
887
|
-
_("div", null, [_("label", { class: p(T(
|
|
888
|
-
class: p(T(
|
|
887
|
+
_("div", null, [_("label", { class: p(T(K)) }, D(T(a).templateSettings.fontFamily), 3), _("select", {
|
|
888
|
+
class: p(T(G)),
|
|
889
889
|
value: l.value,
|
|
890
890
|
onChange: r[2] ||= (e) => i("update", { fontFamily: e.target.value })
|
|
891
891
|
}, [(e(!0), v(y, null, o(c.value, (t) => (e(), v("option", {
|
|
892
892
|
key: t.value,
|
|
893
893
|
value: t.value
|
|
894
|
-
}, D(t.label), 9,
|
|
894
|
+
}, D(t.label), 9, Mn))), 128))], 42, jn)])
|
|
895
895
|
], 2),
|
|
896
|
-
_("div", { class: p(T(
|
|
896
|
+
_("div", { class: p(T(_t)) }, [_("div", Nn, [k(T(St), {
|
|
897
897
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
898
898
|
size: 14,
|
|
899
899
|
"stroke-width": 2
|
|
900
900
|
}), _("span", null, D(T(a).templateSettings.language), 1)]), _("div", null, [
|
|
901
|
-
_("label", { class: p(T(
|
|
901
|
+
_("label", { class: p(T(K)) }, D(T(a).templateSettings.contentLocale), 3),
|
|
902
902
|
_("input", {
|
|
903
903
|
type: "text",
|
|
904
|
-
class: p(T(
|
|
904
|
+
class: p(T(G)),
|
|
905
905
|
value: t.settings.locale ?? "",
|
|
906
906
|
placeholder: "en",
|
|
907
907
|
spellcheck: "false",
|
|
908
908
|
autocapitalize: "off",
|
|
909
909
|
autocomplete: "off",
|
|
910
910
|
onInput: r[3] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
|
|
911
|
-
}, null, 42,
|
|
912
|
-
_("p",
|
|
911
|
+
}, null, 42, Pn),
|
|
912
|
+
_("p", Fn, D(T(a).templateSettings.contentLocaleHint), 1)
|
|
913
913
|
])], 2),
|
|
914
|
-
_("div", { class: p(T(
|
|
914
|
+
_("div", { class: p(T(_t)) }, [_("div", In, [k(T(Xe), {
|
|
915
915
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
916
916
|
size: 14,
|
|
917
917
|
"stroke-width": 2
|
|
918
|
-
}), _("span", null, D(T(a).templateSettings.preheaderText), 1)]), _("div", null, [k(
|
|
918
|
+
}), _("span", null, D(T(a).templateSettings.preheaderText), 1)]), _("div", null, [k(bn, {
|
|
919
919
|
"model-value": t.settings.preheaderText ?? "",
|
|
920
920
|
placeholder: T(a).templateSettings.preheaderTextPlaceholder,
|
|
921
921
|
rows: 2,
|
|
922
922
|
"onUpdate:modelValue": r[4] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
|
|
923
|
-
}, null, 8, ["model-value", "placeholder"]), _("div",
|
|
924
|
-
_("div",
|
|
923
|
+
}, null, 8, ["model-value", "placeholder"]), _("div", Ln, [_("span", Rn, D(T(a).templateSettings.preheaderTextHint), 1), _("span", zn, D((t.settings.preheaderText ?? "").length) + "/" + D(Kn), 1)])])], 2),
|
|
924
|
+
_("div", Bn, [_("div", Vn, [k(T($e), {
|
|
925
925
|
size: 14,
|
|
926
926
|
"stroke-width": 2
|
|
927
|
-
}), _("span", null, D(T(a).templateSettings.tips), 1)]), _("ul",
|
|
928
|
-
_("li",
|
|
929
|
-
_("li",
|
|
930
|
-
_("li",
|
|
927
|
+
}), _("span", null, D(T(a).templateSettings.tips), 1)]), _("ul", Hn, [
|
|
928
|
+
_("li", Un, D(T(a).templateSettings.tip1), 1),
|
|
929
|
+
_("li", Wn, D(T(a).templateSettings.tip2), 1),
|
|
930
|
+
_("li", Gn, D(T(a).templateSettings.tip3), 1)
|
|
931
931
|
])])
|
|
932
932
|
])]));
|
|
933
933
|
}
|
|
934
|
-
}),
|
|
934
|
+
}), Jn = { key: 0 }, Yn = { key: 1 }, Xn = [
|
|
935
935
|
"type",
|
|
936
936
|
"value",
|
|
937
937
|
"placeholder"
|
|
938
|
-
],
|
|
938
|
+
], Zn = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-xs tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", $ = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
939
939
|
__name: "MergeTagInput",
|
|
940
940
|
props: {
|
|
941
941
|
modelValue: {},
|
|
@@ -948,14 +948,14 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
948
948
|
},
|
|
949
949
|
emits: ["update:modelValue"],
|
|
950
950
|
setup(t, { emit: n }) {
|
|
951
|
-
let r = t, i = n, a = u(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, isEditing: d, startEditing: f, stopEditing: m, handleInput: h, clearValue: g, insertMergeTag: y } =
|
|
951
|
+
let r = t, i = n, a = u(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, isEditing: d, startEditing: f, stopEditing: m, handleInput: h, clearValue: g, insertMergeTag: y } = an({
|
|
952
952
|
modelValue: () => r.modelValue,
|
|
953
953
|
emit: (e) => i("update:modelValue", e),
|
|
954
954
|
elementRef: a
|
|
955
955
|
});
|
|
956
|
-
return (n, r) => T(s) && !T(d) ? (e(), v("div",
|
|
956
|
+
return (n, r) => T(s) && !T(d) ? (e(), v("div", Jn, [k(dn, {
|
|
957
957
|
segments: T(o),
|
|
958
|
-
"display-class":
|
|
958
|
+
"display-class": Zn,
|
|
959
959
|
pulse: t.pulse,
|
|
960
960
|
onEdit: T(f),
|
|
961
961
|
onClear: T(g)
|
|
@@ -964,30 +964,30 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
964
964
|
"pulse",
|
|
965
965
|
"onEdit",
|
|
966
966
|
"onClear"
|
|
967
|
-
]), T(c) ? (e(), C(
|
|
967
|
+
]), T(c) ? (e(), C(mn, {
|
|
968
968
|
key: 0,
|
|
969
969
|
disabled: T(l),
|
|
970
970
|
onInsert: T(y)
|
|
971
|
-
}, null, 8, ["disabled", "onInsert"])) : b("", !0)])) : (e(), v("div",
|
|
971
|
+
}, null, 8, ["disabled", "onInsert"])) : b("", !0)])) : (e(), v("div", Yn, [_("input", {
|
|
972
972
|
ref_key: "inputRef",
|
|
973
973
|
ref: a,
|
|
974
974
|
type: t.type,
|
|
975
|
-
class: p([T(
|
|
975
|
+
class: p([T(G), { "tpl-pulse-fill": t.pulse }]),
|
|
976
976
|
value: t.modelValue,
|
|
977
977
|
placeholder: t.placeholder,
|
|
978
978
|
onInput: r[0] ||= (...e) => T(h) && T(h)(...e),
|
|
979
979
|
onBlur: r[1] ||= (...e) => T(m) && T(m)(...e),
|
|
980
980
|
onKeydown: r[2] ||= E((...e) => T(m) && T(m)(...e), ["escape"])
|
|
981
|
-
}, null, 42,
|
|
981
|
+
}, null, 42, Xn), T(c) ? (e(), C(mn, {
|
|
982
982
|
key: 0,
|
|
983
983
|
disabled: T(l),
|
|
984
984
|
onInsert: T(y)
|
|
985
985
|
}, null, 8, ["disabled", "onInsert"])) : b("", !0)]));
|
|
986
986
|
}
|
|
987
|
-
}), [["__scopeId", "data-v-358207dd"]]),
|
|
987
|
+
}), [["__scopeId", "data-v-358207dd"]]), Qn = { class: "tpl:mb-3.5" }, $n = ["value"], er = { value: "" }, tr = ["value"], nr = { class: "tpl:mb-3.5" }, rr = { class: "tpl:mb-3.5" }, ir = {
|
|
988
988
|
key: 0,
|
|
989
989
|
class: "tpl:mt-2 tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]"
|
|
990
|
-
},
|
|
990
|
+
}, ar = ["checked"], or = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, sr = { class: "tpl:mb-3.5" }, cr = { class: "tpl:mb-3.5" }, lr = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, ur = { class: "tpl:mb-3.5" }, dr = { class: "tpl:flex tpl:items-stretch" }, fr = ["value"], pr = { class: "tpl:mb-3.5" }, mr = { class: "tpl:flex tpl:items-stretch" }, hr = ["value"], gr = /* @__PURE__ */ m({
|
|
991
991
|
__name: "ButtonToolbar",
|
|
992
992
|
props: {
|
|
993
993
|
block: {},
|
|
@@ -995,64 +995,64 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
995
995
|
},
|
|
996
996
|
emits: ["update"],
|
|
997
997
|
setup(t, { emit: n }) {
|
|
998
|
-
let r = n, { t: i } =
|
|
998
|
+
let r = n, { t: i } = U();
|
|
999
999
|
function a(e, t) {
|
|
1000
1000
|
r("update", { [e]: t });
|
|
1001
1001
|
}
|
|
1002
1002
|
return (n, r) => (e(), v(y, null, [
|
|
1003
|
-
_("div",
|
|
1004
|
-
class: p(T(
|
|
1003
|
+
_("div", Qn, [_("label", { class: p(T(K)) }, D(T(i).button.fontFamily), 3), _("select", {
|
|
1004
|
+
class: p(T(G)),
|
|
1005
1005
|
value: t.block.fontFamily || "",
|
|
1006
1006
|
onChange: r[0] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
1007
|
-
}, [_("option",
|
|
1007
|
+
}, [_("option", er, D(T(i).button.inheritFont), 1), (e(!0), v(y, null, o(t.fontFamilies, (t) => (e(), v("option", {
|
|
1008
1008
|
key: t.value,
|
|
1009
1009
|
value: t.value
|
|
1010
|
-
}, D(t.label), 9,
|
|
1011
|
-
_("div",
|
|
1010
|
+
}, D(t.label), 9, tr))), 128))], 42, $n)]),
|
|
1011
|
+
_("div", nr, [_("label", { class: p(T(K)) }, D(T(i).button.text), 3), k($, {
|
|
1012
1012
|
"model-value": t.block.text,
|
|
1013
1013
|
type: "text",
|
|
1014
1014
|
"onUpdate:modelValue": r[1] ||= (e) => a("text", e)
|
|
1015
1015
|
}, null, 8, ["model-value"])]),
|
|
1016
|
-
_("div",
|
|
1017
|
-
_("label", { class: p(T(
|
|
1018
|
-
k(
|
|
1016
|
+
_("div", rr, [
|
|
1017
|
+
_("label", { class: p(T(K)) }, D(T(i).button.url), 3),
|
|
1018
|
+
k($, {
|
|
1019
1019
|
"model-value": t.block.url,
|
|
1020
1020
|
type: "url",
|
|
1021
1021
|
placeholder: T(i).button.urlPlaceholder,
|
|
1022
1022
|
"onUpdate:modelValue": r[2] ||= (e) => a("url", e)
|
|
1023
1023
|
}, null, 8, ["model-value", "placeholder"]),
|
|
1024
|
-
t.block.url ? (e(), v("label",
|
|
1024
|
+
t.block.url ? (e(), v("label", ir, [_("input", {
|
|
1025
1025
|
type: "checkbox",
|
|
1026
1026
|
class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
|
|
1027
1027
|
checked: t.block.openInNewTab ?? !1,
|
|
1028
1028
|
onChange: r[3] ||= (e) => a("openInNewTab", e.target.checked)
|
|
1029
|
-
}, null, 40,
|
|
1029
|
+
}, null, 40, ar), d(" " + D(T(i).button.openInNewTab), 1)])) : b("", !0)
|
|
1030
1030
|
]),
|
|
1031
|
-
_("div",
|
|
1031
|
+
_("div", or, [_("div", sr, [_("label", { class: p(T(K)) }, D(T(i).button.background), 3), k(Y, {
|
|
1032
1032
|
"model-value": t.block.backgroundColor,
|
|
1033
1033
|
"onUpdate:modelValue": r[4] ||= (e) => a("backgroundColor", e)
|
|
1034
|
-
}, null, 8, ["model-value"])]), _("div",
|
|
1034
|
+
}, null, 8, ["model-value"])]), _("div", cr, [_("label", { class: p(T(K)) }, D(T(i).button.textColor), 3), k(Y, {
|
|
1035
1035
|
"model-value": t.block.textColor,
|
|
1036
1036
|
"onUpdate:modelValue": r[5] ||= (e) => a("textColor", e)
|
|
1037
1037
|
}, null, 8, ["model-value"])])]),
|
|
1038
|
-
_("div",
|
|
1038
|
+
_("div", lr, [_("div", ur, [_("label", { class: p(T(K)) }, D(T(i).button.borderRadius), 3), _("div", dr, [_("input", {
|
|
1039
1039
|
type: "number",
|
|
1040
|
-
class: p(T(
|
|
1040
|
+
class: p(T(J)),
|
|
1041
1041
|
value: t.block.borderRadius,
|
|
1042
1042
|
min: "0",
|
|
1043
1043
|
max: "50",
|
|
1044
1044
|
onInput: r[6] ||= (e) => a("borderRadius", Number(e.target.value))
|
|
1045
|
-
}, null, 42,
|
|
1045
|
+
}, null, 42, fr), _("span", { class: p(T(q)) }, "px", 2)])]), _("div", pr, [_("label", { class: p(T(K)) }, D(T(i).button.fontSize), 3), _("div", mr, [_("input", {
|
|
1046
1046
|
type: "number",
|
|
1047
|
-
class: p(T(
|
|
1047
|
+
class: p(T(J)),
|
|
1048
1048
|
value: t.block.fontSize,
|
|
1049
1049
|
min: "10",
|
|
1050
1050
|
max: "36",
|
|
1051
1051
|
onInput: r[7] ||= (e) => a("fontSize", Number(e.target.value))
|
|
1052
|
-
}, null, 42,
|
|
1052
|
+
}, null, 42, hr), _("span", { class: p(T(q)) }, "px", 2)])])])
|
|
1053
1053
|
], 64));
|
|
1054
1054
|
}
|
|
1055
|
-
}),
|
|
1055
|
+
}), _r = { class: "spacing-control" }, vr = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, yr = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, br = { class: "tpl:flex tpl:items-center" }, xr = ["aria-label"], Sr = ["value", "aria-label"], Cr = ["aria-label"], wr = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Tr = { class: "tpl:flex tpl:items-center" }, Er = ["aria-label"], Dr = ["value", "aria-label"], Or = ["aria-label"], kr = ["aria-label", "title"], Ar = { class: "tpl:flex tpl:items-center" }, jr = ["aria-label"], Mr = ["value", "aria-label"], Nr = ["aria-label"], Pr = { class: "tpl:flex tpl:items-center" }, Fr = ["aria-label"], Ir = ["value", "aria-label"], Lr = ["aria-label"], Rr = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)] active:tpl:bg-[var(--tpl-bg-active)]", zr = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", Br = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
1056
1056
|
__name: "SpacingControl",
|
|
1057
1057
|
props: {
|
|
1058
1058
|
modelValue: {},
|
|
@@ -1060,7 +1060,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1060
1060
|
},
|
|
1061
1061
|
emits: ["update:modelValue"],
|
|
1062
1062
|
setup(t, { emit: n }) {
|
|
1063
|
-
let r = t, i = n, { t: o } =
|
|
1063
|
+
let r = t, i = n, { t: o } = U(), s = g(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), c = u(s.value);
|
|
1064
1064
|
a(s, (e) => {
|
|
1065
1065
|
!e && c.value && (c.value = !1);
|
|
1066
1066
|
});
|
|
@@ -1099,16 +1099,16 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1099
1099
|
});
|
|
1100
1100
|
}
|
|
1101
1101
|
}
|
|
1102
|
-
return (n, r) => (e(), v("div",
|
|
1103
|
-
_("div",
|
|
1102
|
+
return (n, r) => (e(), v("div", _r, [_("label", vr, D(t.label), 1), _("div", yr, [
|
|
1103
|
+
_("div", br, [
|
|
1104
1104
|
_("button", {
|
|
1105
1105
|
"aria-label": T(o).spacingControl.decreaseTop,
|
|
1106
|
-
class: p([
|
|
1106
|
+
class: p([Rr, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1107
1107
|
onClick: r[0] ||= (e) => l("top", -1)
|
|
1108
|
-
}, [k(T(
|
|
1108
|
+
}, [k(T(Ke), {
|
|
1109
1109
|
size: 12,
|
|
1110
1110
|
"stroke-width": 2
|
|
1111
|
-
})], 10,
|
|
1111
|
+
})], 10, xr),
|
|
1112
1112
|
_("input", {
|
|
1113
1113
|
type: "number",
|
|
1114
1114
|
class: p(zr),
|
|
@@ -1116,26 +1116,26 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1116
1116
|
"aria-label": T(o).spacingControl.top,
|
|
1117
1117
|
min: "0",
|
|
1118
1118
|
onInput: r[1] ||= (e) => d("top", Number(e.target.value))
|
|
1119
|
-
}, null, 40,
|
|
1119
|
+
}, null, 40, Sr),
|
|
1120
1120
|
_("button", {
|
|
1121
1121
|
"aria-label": T(o).spacingControl.increaseTop,
|
|
1122
|
-
class: p([
|
|
1122
|
+
class: p([Rr, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1123
1123
|
onClick: r[2] ||= (e) => l("top", 1)
|
|
1124
|
-
}, [k(T(
|
|
1124
|
+
}, [k(T(Q), {
|
|
1125
1125
|
size: 12,
|
|
1126
1126
|
"stroke-width": 2
|
|
1127
|
-
})], 10,
|
|
1127
|
+
})], 10, Cr)
|
|
1128
1128
|
]),
|
|
1129
|
-
_("div",
|
|
1130
|
-
_("div",
|
|
1129
|
+
_("div", wr, [
|
|
1130
|
+
_("div", Tr, [
|
|
1131
1131
|
_("button", {
|
|
1132
1132
|
"aria-label": T(o).spacingControl.decreaseLeft,
|
|
1133
|
-
class: p([
|
|
1133
|
+
class: p([Rr, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1134
1134
|
onClick: r[3] ||= (e) => l("left", -1)
|
|
1135
|
-
}, [k(T(
|
|
1135
|
+
}, [k(T(Ke), {
|
|
1136
1136
|
size: 12,
|
|
1137
1137
|
"stroke-width": 2
|
|
1138
|
-
})], 10,
|
|
1138
|
+
})], 10, Er),
|
|
1139
1139
|
_("input", {
|
|
1140
1140
|
type: "number",
|
|
1141
1141
|
class: p(zr),
|
|
@@ -1143,39 +1143,39 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1143
1143
|
"aria-label": T(o).spacingControl.left,
|
|
1144
1144
|
min: "0",
|
|
1145
1145
|
onInput: r[4] ||= (e) => d("left", Number(e.target.value))
|
|
1146
|
-
}, null, 40,
|
|
1146
|
+
}, null, 40, Dr),
|
|
1147
1147
|
_("button", {
|
|
1148
1148
|
"aria-label": T(o).spacingControl.increaseLeft,
|
|
1149
|
-
class: p([
|
|
1149
|
+
class: p([Rr, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1150
1150
|
onClick: r[5] ||= (e) => l("left", 1)
|
|
1151
|
-
}, [k(T(
|
|
1151
|
+
}, [k(T(Q), {
|
|
1152
1152
|
size: 12,
|
|
1153
1153
|
"stroke-width": 2
|
|
1154
|
-
})], 10,
|
|
1154
|
+
})], 10, Or)
|
|
1155
1155
|
]),
|
|
1156
1156
|
_("button", {
|
|
1157
1157
|
class: p(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", c.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)]"]),
|
|
1158
1158
|
"aria-label": c.value ? T(o).spacingControl.unlock : T(o).spacingControl.lockAll,
|
|
1159
1159
|
title: c.value ? T(o).spacingControl.unlock : T(o).spacingControl.lockAll,
|
|
1160
1160
|
onClick: f
|
|
1161
|
-
}, [c.value ? (e(), C(T(
|
|
1161
|
+
}, [c.value ? (e(), C(T(Tt), {
|
|
1162
1162
|
key: 0,
|
|
1163
1163
|
size: 14,
|
|
1164
1164
|
"stroke-width": 2
|
|
1165
|
-
})) : (e(), C(T(
|
|
1165
|
+
})) : (e(), C(T(wt), {
|
|
1166
1166
|
key: 1,
|
|
1167
1167
|
size: 14,
|
|
1168
1168
|
"stroke-width": 2
|
|
1169
|
-
}))], 10,
|
|
1170
|
-
_("div",
|
|
1169
|
+
}))], 10, kr),
|
|
1170
|
+
_("div", Ar, [
|
|
1171
1171
|
_("button", {
|
|
1172
1172
|
"aria-label": T(o).spacingControl.decreaseRight,
|
|
1173
|
-
class: p([
|
|
1173
|
+
class: p([Rr, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1174
1174
|
onClick: r[6] ||= (e) => l("right", -1)
|
|
1175
|
-
}, [k(T(
|
|
1175
|
+
}, [k(T(Ke), {
|
|
1176
1176
|
size: 12,
|
|
1177
1177
|
"stroke-width": 2
|
|
1178
|
-
})], 10,
|
|
1178
|
+
})], 10, jr),
|
|
1179
1179
|
_("input", {
|
|
1180
1180
|
type: "number",
|
|
1181
1181
|
class: p(zr),
|
|
@@ -1183,26 +1183,26 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1183
1183
|
"aria-label": T(o).spacingControl.right,
|
|
1184
1184
|
min: "0",
|
|
1185
1185
|
onInput: r[7] ||= (e) => d("right", Number(e.target.value))
|
|
1186
|
-
}, null, 40,
|
|
1186
|
+
}, null, 40, Mr),
|
|
1187
1187
|
_("button", {
|
|
1188
1188
|
"aria-label": T(o).spacingControl.increaseRight,
|
|
1189
|
-
class: p([
|
|
1189
|
+
class: p([Rr, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1190
1190
|
onClick: r[8] ||= (e) => l("right", 1)
|
|
1191
|
-
}, [k(T(
|
|
1191
|
+
}, [k(T(Q), {
|
|
1192
1192
|
size: 12,
|
|
1193
1193
|
"stroke-width": 2
|
|
1194
|
-
})], 10,
|
|
1194
|
+
})], 10, Nr)
|
|
1195
1195
|
])
|
|
1196
1196
|
]),
|
|
1197
|
-
_("div",
|
|
1197
|
+
_("div", Pr, [
|
|
1198
1198
|
_("button", {
|
|
1199
1199
|
"aria-label": T(o).spacingControl.decreaseBottom,
|
|
1200
|
-
class: p([
|
|
1200
|
+
class: p([Rr, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
1201
1201
|
onClick: r[9] ||= (e) => l("bottom", -1)
|
|
1202
|
-
}, [k(T(
|
|
1202
|
+
}, [k(T(Ke), {
|
|
1203
1203
|
size: 12,
|
|
1204
1204
|
"stroke-width": 2
|
|
1205
|
-
})], 10,
|
|
1205
|
+
})], 10, Fr),
|
|
1206
1206
|
_("input", {
|
|
1207
1207
|
type: "number",
|
|
1208
1208
|
class: p(zr),
|
|
@@ -1210,15 +1210,15 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1210
1210
|
"aria-label": T(o).spacingControl.bottom,
|
|
1211
1211
|
min: "0",
|
|
1212
1212
|
onInput: r[10] ||= (e) => d("bottom", Number(e.target.value))
|
|
1213
|
-
}, null, 40,
|
|
1213
|
+
}, null, 40, Ir),
|
|
1214
1214
|
_("button", {
|
|
1215
1215
|
"aria-label": T(o).spacingControl.increaseBottom,
|
|
1216
|
-
class: p([
|
|
1216
|
+
class: p([Rr, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
1217
1217
|
onClick: r[11] ||= (e) => l("bottom", 1)
|
|
1218
|
-
}, [k(T(
|
|
1218
|
+
}, [k(T(Q), {
|
|
1219
1219
|
size: 12,
|
|
1220
1220
|
"stroke-width": 2
|
|
1221
|
-
})], 10,
|
|
1221
|
+
})], 10, Lr)
|
|
1222
1222
|
])
|
|
1223
1223
|
])]));
|
|
1224
1224
|
}
|
|
@@ -1235,7 +1235,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1235
1235
|
type: "button",
|
|
1236
1236
|
class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1237
1237
|
onClick: i[0] ||= (e) => r.$emit("toggle")
|
|
1238
|
-
}, [k(T(
|
|
1238
|
+
}, [k(T(We), {
|
|
1239
1239
|
class: p(["tpl:transition-transform tpl:duration-200", n.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
|
|
1240
1240
|
size: 12,
|
|
1241
1241
|
"stroke-width": 2
|
|
@@ -1261,13 +1261,13 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1261
1261
|
},
|
|
1262
1262
|
emits: ["update"],
|
|
1263
1263
|
setup(n, { emit: s }) {
|
|
1264
|
-
let c = n, l = s, { t: m } =
|
|
1264
|
+
let c = n, l = s, { t: m } = U(), h = A(Be, []), x = A(Re, !1), S = i(/* @__PURE__ */ new Set()), w = u(!1), E = u(""), O = u(""), j = [{
|
|
1265
1265
|
key: "desktop",
|
|
1266
|
-
icon:
|
|
1266
|
+
icon: Et,
|
|
1267
1267
|
labelKey: "showOnDesktop"
|
|
1268
1268
|
}, {
|
|
1269
1269
|
key: "mobile",
|
|
1270
|
-
icon:
|
|
1270
|
+
icon: jt,
|
|
1271
1271
|
labelKey: "showOnMobile"
|
|
1272
1272
|
}];
|
|
1273
1273
|
function N(e) {
|
|
@@ -1308,7 +1308,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1308
1308
|
function B(e) {
|
|
1309
1309
|
return c.block.visibility?.[e] !== !1;
|
|
1310
1310
|
}
|
|
1311
|
-
function
|
|
1311
|
+
function V(e) {
|
|
1312
1312
|
let t = {
|
|
1313
1313
|
desktop: B("desktop"),
|
|
1314
1314
|
mobile: B("mobile")
|
|
@@ -1338,7 +1338,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1338
1338
|
open: S.has("bg"),
|
|
1339
1339
|
onToggle: a[3] ||= (e) => N("bg")
|
|
1340
1340
|
}, {
|
|
1341
|
-
default: M(() => [_("label", { class: p(T(
|
|
1341
|
+
default: M(() => [_("label", { class: p(T(K)) }, D(T(m).blockSettings.color), 3), k(Y, {
|
|
1342
1342
|
size: "large",
|
|
1343
1343
|
"model-value": n.block.styles.backgroundColor || T("#ffffff"),
|
|
1344
1344
|
"onUpdate:modelValue": a[2] ||= (e) => z("backgroundColor", e)
|
|
@@ -1358,7 +1358,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1358
1358
|
type: "checkbox",
|
|
1359
1359
|
class: "tpl:accent-[var(--tpl-primary)]",
|
|
1360
1360
|
checked: B(t.key),
|
|
1361
|
-
onChange: (e) =>
|
|
1361
|
+
onChange: (e) => V(t.key)
|
|
1362
1362
|
}, null, 40, Wr),
|
|
1363
1363
|
(e(), C(r(t.icon), {
|
|
1364
1364
|
size: 14,
|
|
@@ -1407,12 +1407,12 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1407
1407
|
_("div", null, [_("label", $r, D(T(m).blockSettings.customConditionBefore), 1), t(_("textarea", {
|
|
1408
1408
|
"onUpdate:modelValue": a[6] ||= (e) => E.value = e,
|
|
1409
1409
|
rows: "2",
|
|
1410
|
-
class: p(T(
|
|
1410
|
+
class: p(T(gt))
|
|
1411
1411
|
}, null, 2), [[f, E.value]])]),
|
|
1412
1412
|
_("div", null, [_("label", ei, D(T(m).blockSettings.customConditionAfter), 1), t(_("textarea", {
|
|
1413
1413
|
"onUpdate:modelValue": a[7] ||= (e) => O.value = e,
|
|
1414
1414
|
rows: "2",
|
|
1415
|
-
class: p(T(
|
|
1415
|
+
class: p(T(gt))
|
|
1416
1416
|
}, null, 2), [[f, O.value]])]),
|
|
1417
1417
|
_("div", ti, [_("button", {
|
|
1418
1418
|
type: "button",
|
|
@@ -1441,13 +1441,13 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1441
1441
|
},
|
|
1442
1442
|
emits: ["update:modelValue"],
|
|
1443
1443
|
setup(t, { emit: n }) {
|
|
1444
|
-
let r = n, { t: i } =
|
|
1444
|
+
let r = n, { t: i } = U();
|
|
1445
1445
|
return (n, a) => (e(), v("div", {
|
|
1446
1446
|
class: "tpl:mb-3.5",
|
|
1447
1447
|
title: t.readOnly ? T(i).customBlocks.dataSource.readOnlyTooltip : void 0
|
|
1448
1448
|
}, [_("label", { class: p(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", t.readOnly ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [_("span", li, [
|
|
1449
1449
|
d(D(t.field.label) + " ", 1),
|
|
1450
|
-
t.readOnly ? (e(), C(T(
|
|
1450
|
+
t.readOnly ? (e(), C(T(Tt), {
|
|
1451
1451
|
key: 0,
|
|
1452
1452
|
size: 12,
|
|
1453
1453
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
|
|
@@ -1478,9 +1478,9 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1478
1478
|
readOnly: { type: Boolean }
|
|
1479
1479
|
},
|
|
1480
1480
|
setup(t) {
|
|
1481
|
-
return (n, r) => (e(), v("div", pi, [_("label", { class: p(T(
|
|
1481
|
+
return (n, r) => (e(), v("div", pi, [_("label", { class: p(T(K)) }, [
|
|
1482
1482
|
d(D(t.label) + " ", 1),
|
|
1483
|
-
t.readOnly ? (e(), C(T(
|
|
1483
|
+
t.readOnly ? (e(), C(T(Tt), {
|
|
1484
1484
|
key: 0,
|
|
1485
1485
|
size: 12,
|
|
1486
1486
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
|
|
@@ -1497,13 +1497,13 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1497
1497
|
},
|
|
1498
1498
|
emits: ["update:modelValue"],
|
|
1499
1499
|
setup(t, { emit: n }) {
|
|
1500
|
-
let r = n, { t: i } =
|
|
1500
|
+
let r = n, { t: i } = U();
|
|
1501
1501
|
return (n, a) => (e(), C(hi, {
|
|
1502
1502
|
label: t.field.label,
|
|
1503
1503
|
required: t.field.required,
|
|
1504
1504
|
"read-only": t.readOnly
|
|
1505
1505
|
}, {
|
|
1506
|
-
default: M(() => [k(
|
|
1506
|
+
default: M(() => [k(Y, {
|
|
1507
1507
|
"model-value": t.modelValue || T("#000000"),
|
|
1508
1508
|
placeholder: t.field.placeholder || T("#000000"),
|
|
1509
1509
|
disabled: t.readOnly,
|
|
@@ -1535,7 +1535,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1535
1535
|
},
|
|
1536
1536
|
emits: ["update:modelValue"],
|
|
1537
1537
|
setup(t, { emit: n }) {
|
|
1538
|
-
let r = n, { t: i } =
|
|
1538
|
+
let r = n, { t: i } = U(), a = A(De, null), o = dt(), s = g(() => !!a);
|
|
1539
1539
|
async function c() {
|
|
1540
1540
|
let e = await a?.({ accept: ["images"] });
|
|
1541
1541
|
o.alive && e && r("update:modelValue", e.url);
|
|
@@ -1548,7 +1548,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1548
1548
|
default: M(() => [t.readOnly ? (e(), v("input", {
|
|
1549
1549
|
key: 0,
|
|
1550
1550
|
type: "url",
|
|
1551
|
-
class: p([T(
|
|
1551
|
+
class: p([T(G), "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
1552
1552
|
value: t.modelValue,
|
|
1553
1553
|
placeholder: t.field.placeholder || "https://...",
|
|
1554
1554
|
disabled: "",
|
|
@@ -1556,7 +1556,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1556
1556
|
}, null, 10, _i)) : (e(), v("input", {
|
|
1557
1557
|
key: 1,
|
|
1558
1558
|
type: "url",
|
|
1559
|
-
class: p(T(
|
|
1559
|
+
class: p(T(G)),
|
|
1560
1560
|
value: t.modelValue,
|
|
1561
1561
|
placeholder: t.field.placeholder || "https://...",
|
|
1562
1562
|
onInput: a[0] ||= (e) => r("update:modelValue", e.target.value)
|
|
@@ -1564,7 +1564,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1564
1564
|
key: 2,
|
|
1565
1565
|
class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
|
|
1566
1566
|
onClick: a[1] ||= (e) => c()
|
|
1567
|
-
}, [k(T(
|
|
1567
|
+
}, [k(T(V), {
|
|
1568
1568
|
size: 14,
|
|
1569
1569
|
"stroke-width": 1.5
|
|
1570
1570
|
}), d(" " + D(T(i).image.browseMedia), 1)])) : b("", !0)]),
|
|
@@ -1592,7 +1592,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1592
1592
|
},
|
|
1593
1593
|
emits: ["update:modelValue"],
|
|
1594
1594
|
setup(t, { emit: n }) {
|
|
1595
|
-
let r = n, { t: i } =
|
|
1595
|
+
let r = n, { t: i } = U();
|
|
1596
1596
|
return (n, a) => (e(), C(hi, {
|
|
1597
1597
|
label: t.field.label,
|
|
1598
1598
|
required: t.field.required,
|
|
@@ -1600,7 +1600,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1600
1600
|
}, {
|
|
1601
1601
|
default: M(() => [_("input", {
|
|
1602
1602
|
type: "number",
|
|
1603
|
-
class: p([T(
|
|
1603
|
+
class: p([T(G), t.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
1604
1604
|
value: t.modelValue,
|
|
1605
1605
|
placeholder: t.field.placeholder,
|
|
1606
1606
|
min: t.field.min,
|
|
@@ -1629,7 +1629,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1629
1629
|
},
|
|
1630
1630
|
emits: ["update:modelValue"],
|
|
1631
1631
|
setup(t, { emit: n }) {
|
|
1632
|
-
let i = t, a = n, { t: s } =
|
|
1632
|
+
let i = t, a = n, { t: s } = U(), c = g(() => i.modelValue || []), l = g(() => !i.field.maxItems || c.value.length < i.field.maxItems), u = g(() => !i.field.minItems || c.value.length > i.field.minItems);
|
|
1633
1633
|
function f() {
|
|
1634
1634
|
if (!l.value || i.readOnly) return;
|
|
1635
1635
|
let e = {};
|
|
@@ -1662,7 +1662,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1662
1662
|
class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
1663
1663
|
title: T(s).customBlocks.fields.removeItem,
|
|
1664
1664
|
onClick: (e) => m(i)
|
|
1665
|
-
}, [k(T(
|
|
1665
|
+
}, [k(T(ot), {
|
|
1666
1666
|
size: 12,
|
|
1667
1667
|
"stroke-width": 2
|
|
1668
1668
|
})], 8, Ti)) : b("", !0)]), (e(!0), v(y, null, o(t.field.fields, (a) => (e(), C(r(T(Ii)(a.type)), {
|
|
@@ -1680,9 +1680,9 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1680
1680
|
l.value && !t.readOnly ? (e(), v("button", {
|
|
1681
1681
|
key: 0,
|
|
1682
1682
|
type: "button",
|
|
1683
|
-
class: p(T(
|
|
1683
|
+
class: p(T(ht)),
|
|
1684
1684
|
onClick: f
|
|
1685
|
-
}, [k(T(
|
|
1685
|
+
}, [k(T(Q), {
|
|
1686
1686
|
size: 14,
|
|
1687
1687
|
"stroke-width": 2
|
|
1688
1688
|
}), d(" " + D(T(s).customBlocks.fields.addItem), 1)], 2)) : b("", !0),
|
|
@@ -1708,14 +1708,14 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1708
1708
|
},
|
|
1709
1709
|
emits: ["update:modelValue"],
|
|
1710
1710
|
setup(t, { emit: n }) {
|
|
1711
|
-
let r = n, { t: i } =
|
|
1711
|
+
let r = n, { t: i } = U();
|
|
1712
1712
|
return (n, a) => (e(), C(hi, {
|
|
1713
1713
|
label: t.field.label,
|
|
1714
1714
|
required: t.field.required,
|
|
1715
1715
|
"read-only": t.readOnly
|
|
1716
1716
|
}, {
|
|
1717
1717
|
default: M(() => [_("select", {
|
|
1718
|
-
class: p([T(
|
|
1718
|
+
class: p([T(G), t.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
1719
1719
|
value: t.modelValue,
|
|
1720
1720
|
disabled: t.readOnly,
|
|
1721
1721
|
title: t.readOnly ? T(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
@@ -1744,7 +1744,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1744
1744
|
},
|
|
1745
1745
|
emits: ["update:modelValue"],
|
|
1746
1746
|
setup(t, { emit: n }) {
|
|
1747
|
-
let r = n, { t: i } =
|
|
1747
|
+
let r = n, { t: i } = U();
|
|
1748
1748
|
return (n, a) => (e(), C(hi, {
|
|
1749
1749
|
label: t.field.label,
|
|
1750
1750
|
required: t.field.required,
|
|
@@ -1753,12 +1753,12 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1753
1753
|
default: M(() => [t.readOnly ? (e(), v("input", {
|
|
1754
1754
|
key: 0,
|
|
1755
1755
|
type: "text",
|
|
1756
|
-
class: p([T(
|
|
1756
|
+
class: p([T(G), "tpl:opacity-60 tpl:cursor-not-allowed"]),
|
|
1757
1757
|
value: t.modelValue,
|
|
1758
1758
|
placeholder: t.field.placeholder,
|
|
1759
1759
|
disabled: "",
|
|
1760
1760
|
title: T(i).customBlocks.dataSource.readOnlyTooltip
|
|
1761
|
-
}, null, 10, ji)) : (e(), C(
|
|
1761
|
+
}, null, 10, ji)) : (e(), C($, {
|
|
1762
1762
|
key: 1,
|
|
1763
1763
|
"model-value": t.modelValue,
|
|
1764
1764
|
placeholder: t.field.placeholder,
|
|
@@ -1786,7 +1786,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1786
1786
|
},
|
|
1787
1787
|
emits: ["update:modelValue"],
|
|
1788
1788
|
setup(t, { emit: n }) {
|
|
1789
|
-
let r = n, { t: i } =
|
|
1789
|
+
let r = n, { t: i } = U();
|
|
1790
1790
|
return (n, a) => (e(), C(hi, {
|
|
1791
1791
|
label: t.field.label,
|
|
1792
1792
|
required: t.field.required,
|
|
@@ -1800,7 +1800,7 @@ var sn = ["aria-label", "onKeydown"], cn = ["data-tooltip"], ln = ["data-tooltip
|
|
|
1800
1800
|
disabled: "",
|
|
1801
1801
|
title: T(i).customBlocks.dataSource.readOnlyTooltip,
|
|
1802
1802
|
class: p(Pi)
|
|
1803
|
-
}, null, 8, Ni)) : (e(), C(
|
|
1803
|
+
}, null, 8, Ni)) : (e(), C(bn, {
|
|
1804
1804
|
key: 1,
|
|
1805
1805
|
"model-value": t.modelValue,
|
|
1806
1806
|
placeholder: t.field.placeholder,
|
|
@@ -1849,7 +1849,7 @@ var Li = {
|
|
|
1849
1849
|
props: { block: {} },
|
|
1850
1850
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
1851
1851
|
setup(t, { emit: n }) {
|
|
1852
|
-
let i = t, a = n, { t: s } =
|
|
1852
|
+
let i = t, a = n, { t: s } = U(), c = A(Ne, []), l = g(() => c.find((e) => e.type === i.block.customType)), { isFetching: u, fetchError: f, fetch: p, hasDataSource: m, needsFetch: h } = H({
|
|
1853
1853
|
definition: l,
|
|
1854
1854
|
block: g(() => i.block),
|
|
1855
1855
|
onUpdate: (e, t) => {
|
|
@@ -1877,7 +1877,7 @@ var Li = {
|
|
|
1877
1877
|
type: "button",
|
|
1878
1878
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
|
|
1879
1879
|
onClick: i[1] ||= (...e) => T(p) && T(p)(...e)
|
|
1880
|
-
}, [k(T(
|
|
1880
|
+
}, [k(T(Ze), { size: 12 }), d(" " + D(T(s).customBlocks.dataSource.changeButton), 1)]))])), T(f) ? (e(), v("p", Wi, [k(T(Ge), {
|
|
1881
1881
|
size: 14,
|
|
1882
1882
|
class: "tpl:shrink-0"
|
|
1883
1883
|
}), d(" " + D(T(s).customBlocks.dataSource.fetchError), 1)])) : b("", !0)])) : b("", !0),
|
|
@@ -1900,12 +1900,12 @@ var Li = {
|
|
|
1900
1900
|
props: { block: {} },
|
|
1901
1901
|
emits: ["update"],
|
|
1902
1902
|
setup(t, { emit: n }) {
|
|
1903
|
-
let r = n, { t: i } =
|
|
1903
|
+
let r = n, { t: i } = U();
|
|
1904
1904
|
function a(e, t) {
|
|
1905
1905
|
r("update", { [e]: t });
|
|
1906
1906
|
}
|
|
1907
1907
|
return (n, r) => (e(), v(y, null, [
|
|
1908
|
-
_("div", Ki, [_("label", { class: p(T(
|
|
1908
|
+
_("div", Ki, [_("label", { class: p(T(K)) }, D(T(i).divider.style), 3), k(Z, {
|
|
1909
1909
|
options: [
|
|
1910
1910
|
{
|
|
1911
1911
|
value: "solid",
|
|
@@ -1923,18 +1923,18 @@ var Li = {
|
|
|
1923
1923
|
"model-value": t.block.lineStyle,
|
|
1924
1924
|
"onUpdate:modelValue": r[0] ||= (e) => a("lineStyle", e)
|
|
1925
1925
|
}, null, 8, ["options", "model-value"])]),
|
|
1926
|
-
_("div", qi, [_("label", { class: p(T(
|
|
1926
|
+
_("div", qi, [_("label", { class: p(T(K)) }, D(T(i).divider.color), 3), k(Y, {
|
|
1927
1927
|
"model-value": t.block.color,
|
|
1928
1928
|
"onUpdate:modelValue": r[1] ||= (e) => a("color", e)
|
|
1929
1929
|
}, null, 8, ["model-value"])]),
|
|
1930
|
-
_("div", Ji, [_("label", { class: p(T(
|
|
1930
|
+
_("div", Ji, [_("label", { class: p(T(K)) }, D(T(i).divider.thickness), 3), _("div", Yi, [_("input", {
|
|
1931
1931
|
type: "number",
|
|
1932
|
-
class: p(T(
|
|
1932
|
+
class: p(T(J)),
|
|
1933
1933
|
value: t.block.thickness,
|
|
1934
1934
|
min: "1",
|
|
1935
1935
|
max: "10",
|
|
1936
1936
|
onInput: r[2] ||= (e) => a("thickness", Number(e.target.value))
|
|
1937
|
-
}, null, 42, Xi), _("span", { class: p(T(
|
|
1937
|
+
}, null, 42, Xi), _("span", { class: p(T(q)) }, "px", 2)])])
|
|
1938
1938
|
], 64));
|
|
1939
1939
|
}
|
|
1940
1940
|
}), Qi = { class: "tpl:mb-3.5" }, $i = ["value"], ea = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, ta = /* @__PURE__ */ m({
|
|
@@ -1942,17 +1942,17 @@ var Li = {
|
|
|
1942
1942
|
props: { block: {} },
|
|
1943
1943
|
emits: ["update"],
|
|
1944
1944
|
setup(t, { emit: n }) {
|
|
1945
|
-
let r = n, { t: i } =
|
|
1945
|
+
let r = n, { t: i } = U();
|
|
1946
1946
|
return (n, a) => (e(), v("div", Qi, [
|
|
1947
|
-
_("label", { class: p(T(
|
|
1947
|
+
_("label", { class: p(T(K)) }, D(T(i).html.content), 3),
|
|
1948
1948
|
_("textarea", {
|
|
1949
1949
|
value: t.block.content,
|
|
1950
1950
|
placeholder: "<div>...</div>",
|
|
1951
1951
|
rows: "10",
|
|
1952
|
-
class: p(T(
|
|
1952
|
+
class: p(T(gt)),
|
|
1953
1953
|
onInput: a[0] ||= (e) => r("update", { content: e.target.value })
|
|
1954
1954
|
}, null, 42, $i),
|
|
1955
|
-
_("p", ea, [k(T(
|
|
1955
|
+
_("p", ea, [k(T($e), {
|
|
1956
1956
|
size: 12,
|
|
1957
1957
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
1958
1958
|
}), d(" " + D(T(i).html.sanitizationHint), 1)])
|
|
@@ -1969,7 +1969,7 @@ var Li = {
|
|
|
1969
1969
|
props: { block: {} },
|
|
1970
1970
|
emits: ["update"],
|
|
1971
1971
|
setup(t, { emit: n }) {
|
|
1972
|
-
let r = n, { t: i } =
|
|
1972
|
+
let r = n, { t: i } = U(), a = A(De, null), o = A(Ae, z.liquid), s = dt(), c = g(() => !!a), l = u(!1), f = u(!1), { start: m } = Te(() => {
|
|
1973
1973
|
l.value = !1;
|
|
1974
1974
|
}, 1e3, { immediate: !1 });
|
|
1975
1975
|
function h(e, t) {
|
|
@@ -1981,8 +1981,8 @@ var Li = {
|
|
|
1981
1981
|
}
|
|
1982
1982
|
return (n, r) => (e(), v(y, null, [
|
|
1983
1983
|
_("div", na, [
|
|
1984
|
-
_("label", { class: p(T(
|
|
1985
|
-
k(
|
|
1984
|
+
_("label", { class: p(T(K)) }, D(T(i).image.imageUrl), 3),
|
|
1985
|
+
k($, {
|
|
1986
1986
|
"model-value": t.block.src,
|
|
1987
1987
|
type: "url",
|
|
1988
1988
|
placeholder: T(i).image.imageUrlPlaceholder,
|
|
@@ -2002,21 +2002,21 @@ var Li = {
|
|
|
2002
2002
|
"background-color": "var(--tpl-bg)"
|
|
2003
2003
|
},
|
|
2004
2004
|
onClick: x
|
|
2005
|
-
}, [k(T(
|
|
2005
|
+
}, [k(T(V), {
|
|
2006
2006
|
size: 14,
|
|
2007
2007
|
"stroke-width": 1.5
|
|
2008
2008
|
}), d(" " + D(T(i).image.browseMedia), 1)])) : b("", !0)
|
|
2009
2009
|
]),
|
|
2010
|
-
T(L)(t.block.src, T(o)) ? (e(), v("div", ra, [_("label", { class: p(T(
|
|
2010
|
+
T(L)(t.block.src, T(o)) ? (e(), v("div", ra, [_("label", { class: p(T(K)) }, [d(D(T(i).image.placeholderUrl) + " ", 1), r[8] ||= _("span", { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, D("(optional)"), -1)], 2), _("input", {
|
|
2011
2011
|
type: "url",
|
|
2012
|
-
class: p(T(
|
|
2012
|
+
class: p(T(G)),
|
|
2013
2013
|
value: t.block.placeholderUrl || "",
|
|
2014
2014
|
placeholder: T(i).image.placeholderUrlPlaceholder,
|
|
2015
2015
|
onInput: r[1] ||= (e) => h("placeholderUrl", e.target.value)
|
|
2016
2016
|
}, null, 42, ia)])) : b("", !0),
|
|
2017
2017
|
_("div", aa, [
|
|
2018
|
-
_("label", { class: p(T(
|
|
2019
|
-
k(
|
|
2018
|
+
_("label", { class: p(T(K)) }, D(T(i).image.altText), 3),
|
|
2019
|
+
k($, {
|
|
2020
2020
|
"model-value": t.block.alt,
|
|
2021
2021
|
type: "text",
|
|
2022
2022
|
placeholder: T(i).image.altTextPlaceholder,
|
|
@@ -2036,8 +2036,8 @@ var Li = {
|
|
|
2036
2036
|
onChange: r[3] ||= (e) => h("decorative", e.target.checked)
|
|
2037
2037
|
}, null, 40, sa), _("span", null, [d(D(T(i).image.decorative) + " ", 1), _("span", ca, D(T(i).image.decorativeHint), 1)])])
|
|
2038
2038
|
]),
|
|
2039
|
-
_("div", la, [_("label", { class: p(T(
|
|
2040
|
-
class: p(T(
|
|
2039
|
+
_("div", la, [_("label", { class: p(T(K)) }, D(T(i).image.width), 3), _("select", {
|
|
2040
|
+
class: p(T(G)),
|
|
2041
2041
|
value: t.block.width,
|
|
2042
2042
|
onChange: r[4] ||= (e) => h("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
2043
2043
|
}, [
|
|
@@ -2046,7 +2046,7 @@ var Li = {
|
|
|
2046
2046
|
r[10] ||= _("option", { value: "400" }, "400px", -1),
|
|
2047
2047
|
r[11] ||= _("option", { value: "500" }, "500px", -1)
|
|
2048
2048
|
], 42, ua)]),
|
|
2049
|
-
_("div", fa, [_("label", { class: p(T(
|
|
2049
|
+
_("div", fa, [_("label", { class: p(T(K)) }, D(T(i).title.align), 3), k(Z, {
|
|
2050
2050
|
options: [
|
|
2051
2051
|
{
|
|
2052
2052
|
value: "left",
|
|
@@ -2065,8 +2065,8 @@ var Li = {
|
|
|
2065
2065
|
"onUpdate:modelValue": r[5] ||= (e) => h("align", e)
|
|
2066
2066
|
}, null, 8, ["options", "model-value"])]),
|
|
2067
2067
|
_("div", pa, [
|
|
2068
|
-
_("label", { class: p(T(
|
|
2069
|
-
k(
|
|
2068
|
+
_("label", { class: p(T(K)) }, D(T(i).image.linkUrl), 3),
|
|
2069
|
+
k($, {
|
|
2070
2070
|
"model-value": t.block.linkUrl || "",
|
|
2071
2071
|
type: "url",
|
|
2072
2072
|
placeholder: T(i).image.imageUrlPlaceholder,
|
|
@@ -2093,7 +2093,7 @@ var Li = {
|
|
|
2093
2093
|
},
|
|
2094
2094
|
emits: ["update"],
|
|
2095
2095
|
setup(t, { emit: n }) {
|
|
2096
|
-
let r = t, i = n, { t: a } =
|
|
2096
|
+
let r = t, i = n, { t: a } = U(), s = g(() => [
|
|
2097
2097
|
{
|
|
2098
2098
|
key: "openInNewTab",
|
|
2099
2099
|
label: a.menu.openInNewTab
|
|
@@ -2110,17 +2110,17 @@ var Li = {
|
|
|
2110
2110
|
{
|
|
2111
2111
|
value: "left",
|
|
2112
2112
|
label: a.title.alignLeft,
|
|
2113
|
-
icon:
|
|
2113
|
+
icon: at
|
|
2114
2114
|
},
|
|
2115
2115
|
{
|
|
2116
2116
|
value: "center",
|
|
2117
2117
|
label: a.title.alignCenter,
|
|
2118
|
-
icon:
|
|
2118
|
+
icon: it
|
|
2119
2119
|
},
|
|
2120
2120
|
{
|
|
2121
2121
|
value: "right",
|
|
2122
2122
|
label: a.title.alignRight,
|
|
2123
|
-
icon:
|
|
2123
|
+
icon: rt
|
|
2124
2124
|
}
|
|
2125
2125
|
]);
|
|
2126
2126
|
function l(e, t) {
|
|
@@ -2147,26 +2147,26 @@ var Li = {
|
|
|
2147
2147
|
i("update", { items: r.block.items.filter((t) => t.id !== e) });
|
|
2148
2148
|
}
|
|
2149
2149
|
return (n, r) => (e(), v(y, null, [
|
|
2150
|
-
k(
|
|
2150
|
+
k(X, { label: T(a).menu.items }, {
|
|
2151
2151
|
default: M(() => [_("div", _a, [(e(!0), v(y, null, o(t.block.items, (n) => (e(), v("div", {
|
|
2152
2152
|
key: n.id,
|
|
2153
2153
|
class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
|
|
2154
2154
|
}, [
|
|
2155
2155
|
_("div", va, [_("input", {
|
|
2156
2156
|
type: "text",
|
|
2157
|
-
class: p([T(
|
|
2157
|
+
class: p([T(G), "tpl:flex-1"]),
|
|
2158
2158
|
value: n.text,
|
|
2159
2159
|
placeholder: T(a).menu.text,
|
|
2160
2160
|
onInput: (e) => f(n.id, "text", e.target.value)
|
|
2161
2161
|
}, null, 42, ya), _("button", {
|
|
2162
|
-
class: p(T(
|
|
2162
|
+
class: p(T(mt)),
|
|
2163
2163
|
title: T(a).menu.removeItem,
|
|
2164
2164
|
onClick: (e) => m(n.id)
|
|
2165
|
-
}, [k(T(
|
|
2165
|
+
}, [k(T(st), {
|
|
2166
2166
|
size: 14,
|
|
2167
2167
|
"stroke-width": 2
|
|
2168
2168
|
})], 10, ba)]),
|
|
2169
|
-
k(
|
|
2169
|
+
k($, {
|
|
2170
2170
|
"model-value": n.url,
|
|
2171
2171
|
type: "url",
|
|
2172
2172
|
placeholder: T(a).menu.urlPlaceholder,
|
|
@@ -2185,23 +2185,23 @@ var Li = {
|
|
|
2185
2185
|
class: "tpl:accent-[var(--tpl-primary)]",
|
|
2186
2186
|
onChange: (e) => f(n.id, t.key, e.target.checked)
|
|
2187
2187
|
}, null, 40, Sa), d(" " + D(t.label), 1)]))), 128))]),
|
|
2188
|
-
_("div", Ca, [_("label", { class: p([T(
|
|
2188
|
+
_("div", Ca, [_("label", { class: p([T(K), "tpl:!mb-0"]) }, D(T(a).menu.color), 3), k(Y, {
|
|
2189
2189
|
"swatch-only": "",
|
|
2190
2190
|
"model-value": n.color || t.block.linkColor || t.block.color,
|
|
2191
2191
|
"onUpdate:modelValue": (e) => f(n.id, "color", e)
|
|
2192
2192
|
}, null, 8, ["model-value", "onUpdate:modelValue"])])
|
|
2193
2193
|
]))), 128)), _("button", {
|
|
2194
|
-
class: p(T(
|
|
2194
|
+
class: p(T(ht)),
|
|
2195
2195
|
onClick: u
|
|
2196
|
-
}, [k(T(
|
|
2196
|
+
}, [k(T(Q), {
|
|
2197
2197
|
size: 14,
|
|
2198
2198
|
"stroke-width": 2
|
|
2199
2199
|
}), d(" " + D(T(a).menu.addItem), 1)], 2)])]),
|
|
2200
2200
|
_: 1
|
|
2201
2201
|
}, 8, ["label"]),
|
|
2202
|
-
k(
|
|
2202
|
+
k(X, { label: T(a).menu.fontFamily }, {
|
|
2203
2203
|
default: M(() => [_("select", {
|
|
2204
|
-
class: p(T(
|
|
2204
|
+
class: p(T(G)),
|
|
2205
2205
|
value: t.block.fontFamily || "",
|
|
2206
2206
|
onChange: r[0] ||= (e) => l("fontFamily", e.target.value || void 0)
|
|
2207
2207
|
}, [_("option", Ta, D(T(a).title.inheritFont), 1), (e(!0), v(y, null, o(t.fontFamilies, (t) => (e(), v("option", {
|
|
@@ -2210,8 +2210,8 @@ var Li = {
|
|
|
2210
2210
|
}, D(t.label), 9, Ea))), 128))], 42, wa)]),
|
|
2211
2211
|
_: 1
|
|
2212
2212
|
}, 8, ["label"]),
|
|
2213
|
-
k(
|
|
2214
|
-
default: M(() => [k(
|
|
2213
|
+
k(X, { label: T(a).menu.fontSize }, {
|
|
2214
|
+
default: M(() => [k(yt, {
|
|
2215
2215
|
"model-value": t.block.fontSize,
|
|
2216
2216
|
min: 8,
|
|
2217
2217
|
max: 48,
|
|
@@ -2220,46 +2220,46 @@ var Li = {
|
|
|
2220
2220
|
}, null, 8, ["model-value"])]),
|
|
2221
2221
|
_: 1
|
|
2222
2222
|
}, 8, ["label"]),
|
|
2223
|
-
k(
|
|
2224
|
-
default: M(() => [k(
|
|
2223
|
+
k(X, { label: T(a).menu.color }, {
|
|
2224
|
+
default: M(() => [k(Y, {
|
|
2225
2225
|
"model-value": t.block.color,
|
|
2226
2226
|
"onUpdate:modelValue": r[2] ||= (e) => l("color", e)
|
|
2227
2227
|
}, null, 8, ["model-value"])]),
|
|
2228
2228
|
_: 1
|
|
2229
2229
|
}, 8, ["label"]),
|
|
2230
|
-
k(
|
|
2231
|
-
default: M(() => [k(
|
|
2230
|
+
k(X, { label: T(a).menu.linkColor }, {
|
|
2231
|
+
default: M(() => [k(Y, {
|
|
2232
2232
|
"model-value": t.block.linkColor || t.block.color,
|
|
2233
2233
|
"onUpdate:modelValue": r[3] ||= (e) => l("linkColor", e || void 0)
|
|
2234
2234
|
}, null, 8, ["model-value"])]),
|
|
2235
2235
|
_: 1
|
|
2236
2236
|
}, 8, ["label"]),
|
|
2237
|
-
k(
|
|
2238
|
-
default: M(() => [k(
|
|
2237
|
+
k(X, { label: T(a).menu.textAlign }, {
|
|
2238
|
+
default: M(() => [k(Z, {
|
|
2239
2239
|
options: c.value,
|
|
2240
2240
|
"model-value": t.block.textAlign,
|
|
2241
2241
|
"onUpdate:modelValue": r[4] ||= (e) => l("textAlign", e)
|
|
2242
2242
|
}, null, 8, ["options", "model-value"])]),
|
|
2243
2243
|
_: 1
|
|
2244
2244
|
}, 8, ["label"]),
|
|
2245
|
-
k(
|
|
2245
|
+
k(X, { label: T(a).menu.separator }, {
|
|
2246
2246
|
default: M(() => [_("input", {
|
|
2247
2247
|
type: "text",
|
|
2248
|
-
class: p(T(
|
|
2248
|
+
class: p(T(G)),
|
|
2249
2249
|
value: t.block.separator,
|
|
2250
2250
|
onInput: r[5] ||= (e) => l("separator", e.target.value)
|
|
2251
2251
|
}, null, 42, Da)]),
|
|
2252
2252
|
_: 1
|
|
2253
2253
|
}, 8, ["label"]),
|
|
2254
|
-
k(
|
|
2255
|
-
default: M(() => [k(
|
|
2254
|
+
k(X, { label: T(a).menu.separatorColor }, {
|
|
2255
|
+
default: M(() => [k(Y, {
|
|
2256
2256
|
"model-value": t.block.separatorColor,
|
|
2257
2257
|
"onUpdate:modelValue": r[6] ||= (e) => l("separatorColor", e)
|
|
2258
2258
|
}, null, 8, ["model-value"])]),
|
|
2259
2259
|
_: 1
|
|
2260
2260
|
}, 8, ["label"]),
|
|
2261
|
-
k(
|
|
2262
|
-
default: M(() => [k(
|
|
2261
|
+
k(X, { label: T(a).menu.spacing }, {
|
|
2262
|
+
default: M(() => [k(yt, {
|
|
2263
2263
|
"model-value": t.block.spacing,
|
|
2264
2264
|
min: 0,
|
|
2265
2265
|
max: 50,
|
|
@@ -2293,7 +2293,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2293
2293
|
props: { block: {} },
|
|
2294
2294
|
emits: ["update"],
|
|
2295
2295
|
setup(t, { emit: n }) {
|
|
2296
|
-
let r = t, i = n, { t: a } =
|
|
2296
|
+
let r = t, i = n, { t: a } = U(), s = g(() => [
|
|
2297
2297
|
{
|
|
2298
2298
|
value: "1",
|
|
2299
2299
|
label: a.section.column1
|
|
@@ -2322,8 +2322,8 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2322
2322
|
children: Aa(r.block.children, t)
|
|
2323
2323
|
});
|
|
2324
2324
|
}
|
|
2325
|
-
return (n, r) => (e(), v("div", ja, [_("label", { class: p(T(
|
|
2326
|
-
class: p(T(
|
|
2325
|
+
return (n, r) => (e(), v("div", ja, [_("label", { class: p(T(K)) }, D(T(a).section.columns), 3), _("select", {
|
|
2326
|
+
class: p(T(G)),
|
|
2327
2327
|
value: t.block.columns,
|
|
2328
2328
|
onChange: c
|
|
2329
2329
|
}, [(e(!0), v(y, null, o(s.value, (t) => (e(), v("option", {
|
|
@@ -2336,7 +2336,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2336
2336
|
props: { block: {} },
|
|
2337
2337
|
emits: ["update"],
|
|
2338
2338
|
setup(t, { emit: n }) {
|
|
2339
|
-
let r = t, i = n, { t: a } =
|
|
2339
|
+
let r = t, i = n, { t: a } = U();
|
|
2340
2340
|
function s(e, t) {
|
|
2341
2341
|
i("update", { [e]: t });
|
|
2342
2342
|
}
|
|
@@ -2358,25 +2358,25 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2358
2358
|
i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
|
|
2359
2359
|
}
|
|
2360
2360
|
return (n, r) => (e(), v(y, null, [
|
|
2361
|
-
_("div", Fa, [_("label", { class: p(T(
|
|
2361
|
+
_("div", Fa, [_("label", { class: p(T(K)) }, D(T(a).social.icons), 3), _("div", Ia, [(e(!0), v(y, null, o(t.block.icons, (t) => (e(), v("div", {
|
|
2362
2362
|
key: t.id,
|
|
2363
2363
|
class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
|
|
2364
2364
|
}, [_("div", La, [_("select", {
|
|
2365
2365
|
"data-testid": "social-platform-select",
|
|
2366
|
-
class: p([T(
|
|
2366
|
+
class: p([T(G), "tpl:flex-1"]),
|
|
2367
2367
|
value: t.platform,
|
|
2368
2368
|
onChange: (e) => l(t.id, "platform", e.target.value)
|
|
2369
|
-
}, [(e(!0), v(y, null, o(T(
|
|
2369
|
+
}, [(e(!0), v(y, null, o(T(be), (t) => (e(), v("option", {
|
|
2370
2370
|
key: t,
|
|
2371
2371
|
value: t
|
|
2372
|
-
}, D(T(
|
|
2373
|
-
class: p(T(
|
|
2372
|
+
}, D(T(_e)[t].name), 9, za))), 128))], 42, Ra), _("button", {
|
|
2373
|
+
class: p(T(mt)),
|
|
2374
2374
|
title: T(a).social.removeIcon,
|
|
2375
2375
|
onClick: (e) => u(t.id)
|
|
2376
|
-
}, [k(T(
|
|
2376
|
+
}, [k(T(st), {
|
|
2377
2377
|
size: 14,
|
|
2378
2378
|
"stroke-width": 2
|
|
2379
|
-
})], 10, Ba)]), k(
|
|
2379
|
+
})], 10, Ba)]), k($, {
|
|
2380
2380
|
"model-value": t.url,
|
|
2381
2381
|
type: "url",
|
|
2382
2382
|
placeholder: T(a).social.urlPlaceholder,
|
|
@@ -2386,14 +2386,14 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2386
2386
|
"placeholder",
|
|
2387
2387
|
"onUpdate:modelValue"
|
|
2388
2388
|
])]))), 128)), _("button", {
|
|
2389
|
-
class: p(T(
|
|
2389
|
+
class: p(T(ht)),
|
|
2390
2390
|
onClick: c
|
|
2391
|
-
}, [k(T(
|
|
2391
|
+
}, [k(T(Q), {
|
|
2392
2392
|
size: 14,
|
|
2393
2393
|
"stroke-width": 2
|
|
2394
2394
|
}), d(" " + D(T(a).social.addIcon), 1)], 2)])]),
|
|
2395
|
-
_("div", Va, [_("label", { class: p(T(
|
|
2396
|
-
class: p(T(
|
|
2395
|
+
_("div", Va, [_("label", { class: p(T(K)) }, D(T(a).social.style), 3), _("select", {
|
|
2396
|
+
class: p(T(G)),
|
|
2397
2397
|
value: t.block.iconStyle,
|
|
2398
2398
|
onChange: r[0] ||= (e) => s("iconStyle", e.target.value)
|
|
2399
2399
|
}, [
|
|
@@ -2403,7 +2403,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2403
2403
|
_("option", Ka, D(T(a).social.styleSquare), 1),
|
|
2404
2404
|
_("option", qa, D(T(a).social.styleCircle), 1)
|
|
2405
2405
|
], 42, Ha)]),
|
|
2406
|
-
_("div", Ja, [_("label", { class: p(T(
|
|
2406
|
+
_("div", Ja, [_("label", { class: p(T(K)) }, D(T(a).social.size), 3), k(Z, {
|
|
2407
2407
|
options: [
|
|
2408
2408
|
{
|
|
2409
2409
|
value: "small",
|
|
@@ -2421,30 +2421,30 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2421
2421
|
"model-value": t.block.iconSize,
|
|
2422
2422
|
"onUpdate:modelValue": r[1] ||= (e) => s("iconSize", e)
|
|
2423
2423
|
}, null, 8, ["options", "model-value"])]),
|
|
2424
|
-
_("div", Ya, [_("label", { class: p(T(
|
|
2424
|
+
_("div", Ya, [_("label", { class: p(T(K)) }, D(T(a).social.spacing), 3), _("div", Xa, [_("input", {
|
|
2425
2425
|
type: "number",
|
|
2426
|
-
class: p(T(
|
|
2426
|
+
class: p(T(J)),
|
|
2427
2427
|
value: t.block.spacing,
|
|
2428
2428
|
min: "0",
|
|
2429
2429
|
max: "50",
|
|
2430
2430
|
onInput: r[2] ||= (e) => s("spacing", Number(e.target.value))
|
|
2431
|
-
}, null, 42, Za), _("span", { class: p(T(
|
|
2432
|
-
_("div", Qa, [_("label", { class: p(T(
|
|
2431
|
+
}, null, 42, Za), _("span", { class: p(T(q)) }, "px", 2)])]),
|
|
2432
|
+
_("div", Qa, [_("label", { class: p(T(K)) }, D(T(a).social.align), 3), k(Z, {
|
|
2433
2433
|
options: [
|
|
2434
2434
|
{
|
|
2435
2435
|
value: "left",
|
|
2436
2436
|
label: T(a).title.alignLeft,
|
|
2437
|
-
icon: T(
|
|
2437
|
+
icon: T(at)
|
|
2438
2438
|
},
|
|
2439
2439
|
{
|
|
2440
2440
|
value: "center",
|
|
2441
2441
|
label: T(a).title.alignCenter,
|
|
2442
|
-
icon: T(
|
|
2442
|
+
icon: T(it)
|
|
2443
2443
|
},
|
|
2444
2444
|
{
|
|
2445
2445
|
value: "right",
|
|
2446
2446
|
label: T(a).title.alignRight,
|
|
2447
|
-
icon: T(
|
|
2447
|
+
icon: T(rt)
|
|
2448
2448
|
}
|
|
2449
2449
|
],
|
|
2450
2450
|
"model-value": t.block.align,
|
|
@@ -2457,17 +2457,17 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2457
2457
|
props: { block: {} },
|
|
2458
2458
|
emits: ["update"],
|
|
2459
2459
|
setup(t, { emit: n }) {
|
|
2460
|
-
let r = n, { t: i } =
|
|
2460
|
+
let r = n, { t: i } = U();
|
|
2461
2461
|
return (n, a) => (e(), v("div", eo, [
|
|
2462
|
-
_("label", { class: p(T(
|
|
2462
|
+
_("label", { class: p(T(K)) }, D(T(i).spacer.height), 3),
|
|
2463
2463
|
_("div", to, [_("input", {
|
|
2464
2464
|
type: "number",
|
|
2465
|
-
class: p(T(
|
|
2465
|
+
class: p(T(J)),
|
|
2466
2466
|
value: t.block.height,
|
|
2467
2467
|
min: "10",
|
|
2468
2468
|
max: "100",
|
|
2469
2469
|
onInput: a[0] ||= (e) => r("update", { height: Number(e.target.value) })
|
|
2470
|
-
}, null, 42, no), _("span", { class: p(T(
|
|
2470
|
+
}, null, 42, no), _("span", { class: p(T(q)) }, "px", 2)]),
|
|
2471
2471
|
_("input", {
|
|
2472
2472
|
type: "range",
|
|
2473
2473
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
@@ -2489,7 +2489,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2489
2489
|
},
|
|
2490
2490
|
emits: ["update"],
|
|
2491
2491
|
setup(t, { emit: n }) {
|
|
2492
|
-
let r = t, i = n, { t: a } =
|
|
2492
|
+
let r = t, i = n, { t: a } = U(), s = g(() => r.block.rows.length > 0 ? r.block.rows[0].cells.length : 0);
|
|
2493
2493
|
function c(e, t) {
|
|
2494
2494
|
i("update", { [e]: t });
|
|
2495
2495
|
}
|
|
@@ -2522,12 +2522,12 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2522
2522
|
})) });
|
|
2523
2523
|
}
|
|
2524
2524
|
return (n, r) => (e(), v(y, null, [
|
|
2525
|
-
_("div", ao, [_("label", { class: p(T(
|
|
2525
|
+
_("div", ao, [_("label", { class: p(T(K)) }, D(T(a).table.dimensions), 3), _("div", oo, [_("div", so, [_("span", co, D(T(a).table.rows), 1), _("div", lo, [
|
|
2526
2526
|
_("button", {
|
|
2527
2527
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
2528
2528
|
disabled: t.block.rows.length <= 1,
|
|
2529
2529
|
onClick: r[0] ||= (e) => u(t.block.rows[t.block.rows.length - 1].id)
|
|
2530
|
-
}, [k(T(
|
|
2530
|
+
}, [k(T(Ke), {
|
|
2531
2531
|
size: 12,
|
|
2532
2532
|
"stroke-width": 2
|
|
2533
2533
|
})], 8, uo),
|
|
@@ -2535,7 +2535,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2535
2535
|
_("button", {
|
|
2536
2536
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
|
|
2537
2537
|
onClick: l
|
|
2538
|
-
}, [k(T(
|
|
2538
|
+
}, [k(T(Q), {
|
|
2539
2539
|
size: 12,
|
|
2540
2540
|
"stroke-width": 2
|
|
2541
2541
|
})])
|
|
@@ -2544,7 +2544,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2544
2544
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
2545
2545
|
disabled: s.value <= 1,
|
|
2546
2546
|
onClick: r[1] ||= (e) => m(s.value - 1)
|
|
2547
|
-
}, [k(T(
|
|
2547
|
+
}, [k(T(Ke), {
|
|
2548
2548
|
size: 12,
|
|
2549
2549
|
"stroke-width": 2
|
|
2550
2550
|
})], 8, go),
|
|
@@ -2552,7 +2552,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2552
2552
|
_("button", {
|
|
2553
2553
|
class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:duration-150 tpl:hover:text-[var(--tpl-primary)]",
|
|
2554
2554
|
onClick: f
|
|
2555
|
-
}, [k(T(
|
|
2555
|
+
}, [k(T(Q), {
|
|
2556
2556
|
size: 12,
|
|
2557
2557
|
"stroke-width": 2
|
|
2558
2558
|
})])
|
|
@@ -2563,67 +2563,67 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2563
2563
|
class: "tpl:accent-[var(--tpl-primary)]",
|
|
2564
2564
|
onChange: r[2] ||= (e) => c("hasHeaderRow", e.target.checked)
|
|
2565
2565
|
}, null, 40, bo), d(" " + D(T(a).table.hasHeaderRow), 1)])]),
|
|
2566
|
-
t.block.hasHeaderRow ? (e(), v("div", xo, [_("label", { class: p(T(
|
|
2566
|
+
t.block.hasHeaderRow ? (e(), v("div", xo, [_("label", { class: p(T(K)) }, D(T(a).table.headerBackgroundColor), 3), k(Y, {
|
|
2567
2567
|
"model-value": t.block.headerBackgroundColor || T("#f2f2f2"),
|
|
2568
2568
|
placeholder: T(a).table.noHeaderBg,
|
|
2569
2569
|
"onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
|
|
2570
2570
|
}, null, 8, ["model-value", "placeholder"])])) : b("", !0),
|
|
2571
|
-
_("div", So, [_("label", { class: p(T(
|
|
2571
|
+
_("div", So, [_("label", { class: p(T(K)) }, D(T(a).table.borderColor), 3), k(Y, {
|
|
2572
2572
|
"model-value": t.block.borderColor,
|
|
2573
2573
|
"onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
|
|
2574
2574
|
}, null, 8, ["model-value"])]),
|
|
2575
|
-
_("div", Co, [_("label", { class: p(T(
|
|
2575
|
+
_("div", Co, [_("label", { class: p(T(K)) }, D(T(a).table.borderWidth), 3), _("div", wo, [_("input", {
|
|
2576
2576
|
type: "number",
|
|
2577
|
-
class: p(T(
|
|
2577
|
+
class: p(T(J)),
|
|
2578
2578
|
value: t.block.borderWidth,
|
|
2579
2579
|
min: "0",
|
|
2580
2580
|
max: "10",
|
|
2581
2581
|
onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
|
|
2582
|
-
}, null, 42, To), _("span", { class: p(T(
|
|
2583
|
-
_("div", Eo, [_("label", { class: p(T(
|
|
2582
|
+
}, null, 42, To), _("span", { class: p(T(q)) }, "px", 2)])]),
|
|
2583
|
+
_("div", Eo, [_("label", { class: p(T(K)) }, D(T(a).table.cellPadding), 3), _("div", Do, [_("input", {
|
|
2584
2584
|
type: "number",
|
|
2585
|
-
class: p(T(
|
|
2585
|
+
class: p(T(J)),
|
|
2586
2586
|
value: t.block.cellPadding,
|
|
2587
2587
|
min: "0",
|
|
2588
2588
|
max: "30",
|
|
2589
2589
|
onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
|
|
2590
|
-
}, null, 42, Oo), _("span", { class: p(T(
|
|
2591
|
-
_("div", ko, [_("label", { class: p(T(
|
|
2592
|
-
class: p(T(
|
|
2590
|
+
}, null, 42, Oo), _("span", { class: p(T(q)) }, "px", 2)])]),
|
|
2591
|
+
_("div", ko, [_("label", { class: p(T(K)) }, D(T(a).table.fontFamily), 3), _("select", {
|
|
2592
|
+
class: p(T(G)),
|
|
2593
2593
|
value: t.block.fontFamily || "",
|
|
2594
2594
|
onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
2595
2595
|
}, [_("option", jo, D(T(a).title.inheritFont), 1), (e(!0), v(y, null, o(t.fontFamilies, (t) => (e(), v("option", {
|
|
2596
2596
|
key: t.value,
|
|
2597
2597
|
value: t.value
|
|
2598
2598
|
}, D(t.label), 9, Mo))), 128))], 42, Ao)]),
|
|
2599
|
-
_("div", No, [_("label", { class: p(T(
|
|
2599
|
+
_("div", No, [_("label", { class: p(T(K)) }, D(T(a).table.fontSize), 3), _("div", Po, [_("input", {
|
|
2600
2600
|
type: "number",
|
|
2601
|
-
class: p(T(
|
|
2601
|
+
class: p(T(J)),
|
|
2602
2602
|
value: t.block.fontSize,
|
|
2603
2603
|
min: "10",
|
|
2604
2604
|
max: "32",
|
|
2605
2605
|
onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
|
|
2606
|
-
}, null, 42, Fo), _("span", { class: p(T(
|
|
2607
|
-
_("div", Io, [_("label", { class: p(T(
|
|
2606
|
+
}, null, 42, Fo), _("span", { class: p(T(q)) }, "px", 2)])]),
|
|
2607
|
+
_("div", Io, [_("label", { class: p(T(K)) }, D(T(a).table.color), 3), k(Y, {
|
|
2608
2608
|
"model-value": t.block.color,
|
|
2609
2609
|
"onUpdate:modelValue": r[9] ||= (e) => c("color", e)
|
|
2610
2610
|
}, null, 8, ["model-value"])]),
|
|
2611
|
-
_("div", Lo, [_("label", { class: p(T(
|
|
2611
|
+
_("div", Lo, [_("label", { class: p(T(K)) }, D(T(a).table.textAlign), 3), k(Z, {
|
|
2612
2612
|
options: [
|
|
2613
2613
|
{
|
|
2614
2614
|
value: "left",
|
|
2615
2615
|
label: T(a).title.alignLeft,
|
|
2616
|
-
icon: T(
|
|
2616
|
+
icon: T(at)
|
|
2617
2617
|
},
|
|
2618
2618
|
{
|
|
2619
2619
|
value: "center",
|
|
2620
2620
|
label: T(a).title.alignCenter,
|
|
2621
|
-
icon: T(
|
|
2621
|
+
icon: T(it)
|
|
2622
2622
|
},
|
|
2623
2623
|
{
|
|
2624
2624
|
value: "right",
|
|
2625
2625
|
label: T(a).title.alignRight,
|
|
2626
|
-
icon: T(
|
|
2626
|
+
icon: T(rt)
|
|
2627
2627
|
}
|
|
2628
2628
|
],
|
|
2629
2629
|
"model-value": t.block.textAlign,
|
|
@@ -2639,13 +2639,13 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2639
2639
|
},
|
|
2640
2640
|
emits: ["update"],
|
|
2641
2641
|
setup(t, { emit: n }) {
|
|
2642
|
-
let r = n, { t: i } =
|
|
2642
|
+
let r = n, { t: i } = U();
|
|
2643
2643
|
function a(e, t) {
|
|
2644
2644
|
r("update", { [e]: t });
|
|
2645
2645
|
}
|
|
2646
2646
|
return (n, r) => (e(), v(y, null, [
|
|
2647
|
-
_("div", zo, [_("label", { class: p(T(
|
|
2648
|
-
class: p(T(
|
|
2647
|
+
_("div", zo, [_("label", { class: p(T(K)) }, D(T(i).title.level), 3), _("select", {
|
|
2648
|
+
class: p(T(G)),
|
|
2649
2649
|
value: t.block.level,
|
|
2650
2650
|
onChange: r[0] ||= (e) => a("level", Number(e.target.value))
|
|
2651
2651
|
}, [
|
|
@@ -2654,34 +2654,34 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2654
2654
|
_("option", Uo, D(T(i).title.heading3), 1),
|
|
2655
2655
|
_("option", Wo, D(T(i).title.heading4), 1)
|
|
2656
2656
|
], 42, Bo)]),
|
|
2657
|
-
_("div", Go, [_("label", { class: p(T(
|
|
2658
|
-
class: p(T(
|
|
2657
|
+
_("div", Go, [_("label", { class: p(T(K)) }, D(T(i).title.fontFamily), 3), _("select", {
|
|
2658
|
+
class: p(T(G)),
|
|
2659
2659
|
value: t.block.fontFamily || "",
|
|
2660
2660
|
onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
2661
2661
|
}, [_("option", qo, D(T(i).title.inheritFont), 1), (e(!0), v(y, null, o(t.fontFamilies, (t) => (e(), v("option", {
|
|
2662
2662
|
key: t.value,
|
|
2663
2663
|
value: t.value
|
|
2664
2664
|
}, D(t.label), 9, Jo))), 128))], 42, Ko)]),
|
|
2665
|
-
_("div", Yo, [_("label", { class: p(T(
|
|
2665
|
+
_("div", Yo, [_("label", { class: p(T(K)) }, D(T(i).title.color), 3), k(Y, {
|
|
2666
2666
|
"model-value": t.block.color,
|
|
2667
2667
|
"onUpdate:modelValue": r[2] ||= (e) => a("color", e)
|
|
2668
2668
|
}, null, 8, ["model-value"])]),
|
|
2669
|
-
_("div", Xo, [_("label", { class: p(T(
|
|
2669
|
+
_("div", Xo, [_("label", { class: p(T(K)) }, D(T(i).title.align), 3), k(Z, {
|
|
2670
2670
|
options: [
|
|
2671
2671
|
{
|
|
2672
2672
|
value: "left",
|
|
2673
2673
|
label: T(i).title.alignLeft,
|
|
2674
|
-
icon: T(
|
|
2674
|
+
icon: T(at)
|
|
2675
2675
|
},
|
|
2676
2676
|
{
|
|
2677
2677
|
value: "center",
|
|
2678
2678
|
label: T(i).title.alignCenter,
|
|
2679
|
-
icon: T(
|
|
2679
|
+
icon: T(it)
|
|
2680
2680
|
},
|
|
2681
2681
|
{
|
|
2682
2682
|
value: "right",
|
|
2683
2683
|
label: T(i).title.alignRight,
|
|
2684
|
-
icon: T(
|
|
2684
|
+
icon: T(rt)
|
|
2685
2685
|
}
|
|
2686
2686
|
],
|
|
2687
2687
|
"model-value": t.block.textAlign,
|
|
@@ -2704,7 +2704,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2704
2704
|
props: { block: {} },
|
|
2705
2705
|
emits: ["update"],
|
|
2706
2706
|
setup(t, { emit: n }) {
|
|
2707
|
-
let r = t, i = n, { t: a } =
|
|
2707
|
+
let r = t, i = n, { t: a } = U(), o = A(De, null), s = A(Ae, z.liquid), c = dt(), l = g(() => !!o), f = g(() => L(r.block.url, s)), m = u(!1), { start: h } = Te(() => {
|
|
2708
2708
|
m.value = !1;
|
|
2709
2709
|
}, 1e3, { immediate: !1 });
|
|
2710
2710
|
function x(e, t) {
|
|
@@ -2716,8 +2716,8 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2716
2716
|
}
|
|
2717
2717
|
return (n, r) => (e(), v(y, null, [
|
|
2718
2718
|
_("div", Qo, [
|
|
2719
|
-
_("label", { class: p(T(
|
|
2720
|
-
k(
|
|
2719
|
+
_("label", { class: p(T(K)) }, D(T(a).video.videoUrl), 3),
|
|
2720
|
+
k($, {
|
|
2721
2721
|
"model-value": t.block.url,
|
|
2722
2722
|
type: "url",
|
|
2723
2723
|
placeholder: T(a).video.videoUrlPlaceholder,
|
|
@@ -2730,17 +2730,17 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2730
2730
|
onChange: r[1] ||= (e) => x("openInNewTab", e.target.checked)
|
|
2731
2731
|
}, null, 40, es), d(" " + D(T(a).video.openInNewTab), 1)])) : b("", !0)
|
|
2732
2732
|
]),
|
|
2733
|
-
f.value ? (e(), v("div", ts, [_("label", { class: p(T(
|
|
2733
|
+
f.value ? (e(), v("div", ts, [_("label", { class: p(T(K)) }, [d(D(T(a).video.placeholderUrl) + " ", 1), _("span", ns, D(T(a).video.optional), 1)], 2), _("input", {
|
|
2734
2734
|
type: "url",
|
|
2735
|
-
class: p(T(
|
|
2735
|
+
class: p(T(G)),
|
|
2736
2736
|
value: t.block.placeholderUrl || "",
|
|
2737
2737
|
placeholder: T(a).video.placeholderUrlPlaceholder,
|
|
2738
2738
|
title: T(a).video.placeholderUrlTooltip,
|
|
2739
2739
|
onInput: r[2] ||= (e) => x("placeholderUrl", e.target.value)
|
|
2740
2740
|
}, null, 42, rs)])) : b("", !0),
|
|
2741
2741
|
_("div", is, [
|
|
2742
|
-
_("label", { class: p(T(
|
|
2743
|
-
k(
|
|
2742
|
+
_("label", { class: p(T(K)) }, [d(D(T(a).video.customThumbnail) + " ", 1), _("span", as, D(T(a).video.optional), 1)], 2),
|
|
2743
|
+
k($, {
|
|
2744
2744
|
"model-value": t.block.thumbnailUrl,
|
|
2745
2745
|
type: "url",
|
|
2746
2746
|
placeholder: T(a).video.thumbnailPlaceholder,
|
|
@@ -2760,19 +2760,19 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2760
2760
|
"background-color": "var(--tpl-bg)"
|
|
2761
2761
|
},
|
|
2762
2762
|
onClick: S
|
|
2763
|
-
}, [k(T(
|
|
2763
|
+
}, [k(T(V), {
|
|
2764
2764
|
size: 14,
|
|
2765
2765
|
"stroke-width": 1.5
|
|
2766
2766
|
}), d(" " + D(T(a).image.browseMedia), 1)])) : b("", !0)
|
|
2767
2767
|
]),
|
|
2768
|
-
_("div", os, [_("label", { class: p(T(
|
|
2768
|
+
_("div", os, [_("label", { class: p(T(K)) }, D(T(a).video.altText), 3), k($, {
|
|
2769
2769
|
"model-value": t.block.alt,
|
|
2770
2770
|
type: "text",
|
|
2771
2771
|
placeholder: T(a).video.altTextPlaceholder,
|
|
2772
2772
|
"onUpdate:modelValue": r[4] ||= (e) => x("alt", e)
|
|
2773
2773
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
2774
|
-
_("div", ss, [_("label", { class: p(T(
|
|
2775
|
-
class: p(T(
|
|
2774
|
+
_("div", ss, [_("label", { class: p(T(K)) }, D(T(a).video.width), 3), _("select", {
|
|
2775
|
+
class: p(T(G)),
|
|
2776
2776
|
value: t.block.width,
|
|
2777
2777
|
onChange: r[5] ||= (e) => x("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
2778
2778
|
}, [
|
|
@@ -2781,7 +2781,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2781
2781
|
r[8] ||= _("option", { value: "400" }, "400px", -1),
|
|
2782
2782
|
r[9] ||= _("option", { value: "500" }, "500px", -1)
|
|
2783
2783
|
], 42, cs)]),
|
|
2784
|
-
_("div", us, [_("label", { class: p(T(
|
|
2784
|
+
_("div", us, [_("label", { class: p(T(K)) }, D(T(a).title.align), 3), k(Z, {
|
|
2785
2785
|
options: [
|
|
2786
2786
|
{
|
|
2787
2787
|
value: "left",
|
|
@@ -2801,7 +2801,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2801
2801
|
}, null, 8, ["options", "model-value"])])
|
|
2802
2802
|
], 64));
|
|
2803
2803
|
}
|
|
2804
|
-
}), fs = ["aria-label"], ps = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ms = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, hs = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, gs = { class: "tpl:flex tpl:gap-1" }, _s = ["title"], vs = ["title"], ys = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, bs = /*#__PURE__*/
|
|
2804
|
+
}), fs = ["aria-label"], ps = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, ms = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, hs = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, gs = { class: "tpl:flex tpl:gap-1" }, _s = ["title"], vs = ["title"], ys = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, bs = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
2805
2805
|
__name: "Toolbar",
|
|
2806
2806
|
props: { block: {} },
|
|
2807
2807
|
emits: [
|
|
@@ -2810,20 +2810,20 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2810
2810
|
"duplicate"
|
|
2811
2811
|
],
|
|
2812
2812
|
setup(t, { emit: n }) {
|
|
2813
|
-
let i = j(() => import("./CountdownToolbar-BGTkFky9.js")), a = t, o = n, { t: s } =
|
|
2813
|
+
let i = j(() => import("./CountdownToolbar-BGTkFky9.js")), a = t, o = n, { t: s } = U(), c = ke(Fe, "Toolbar"), l = A(Ne, []), u = g(() => a.block.type), d = g(() => F(a.block)), f = g(() => {
|
|
2814
2814
|
if (d.value) return l.find((e) => e.type === a.block.customType);
|
|
2815
|
-
}), p = g(() => d.value ? f.value?.name ?? a.block.customType :
|
|
2815
|
+
}), p = g(() => d.value ? f.value?.name ?? a.block.customType : ne(u.value, s)), m = c.fonts;
|
|
2816
2816
|
function h(e) {
|
|
2817
2817
|
o("update", e);
|
|
2818
2818
|
}
|
|
2819
2819
|
return (n, a) => (e(), v("aside", {
|
|
2820
2820
|
"aria-label": T(s).landmarks.blockToolbar,
|
|
2821
2821
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
2822
|
-
}, [_("div", ps, [_("div", ms, [T(
|
|
2822
|
+
}, [_("div", ps, [_("div", ms, [T(Ye)[u.value] ? (e(), C(r(T(Ye)[u.value]), {
|
|
2823
2823
|
key: 0,
|
|
2824
2824
|
size: 16,
|
|
2825
2825
|
"stroke-width": 1.5
|
|
2826
|
-
})) : d.value ? (e(), C(T(
|
|
2826
|
+
})) : d.value ? (e(), C(T(ie), {
|
|
2827
2827
|
key: 1,
|
|
2828
2828
|
size: 16,
|
|
2829
2829
|
"stroke-width": 1.5
|
|
@@ -2831,14 +2831,14 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2831
2831
|
class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
|
|
2832
2832
|
title: T(s).toolbar.duplicate,
|
|
2833
2833
|
onClick: a[0] ||= (e) => o("duplicate")
|
|
2834
|
-
}, [k(T(
|
|
2834
|
+
}, [k(T(re), {
|
|
2835
2835
|
size: 14,
|
|
2836
2836
|
"stroke-width": 2
|
|
2837
2837
|
})], 8, _s), _("button", {
|
|
2838
2838
|
class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
2839
2839
|
title: T(s).toolbar.delete,
|
|
2840
2840
|
onClick: a[1] ||= (e) => o("delete")
|
|
2841
|
-
}, [k(T(
|
|
2841
|
+
}, [k(T(ot), {
|
|
2842
2842
|
size: 14,
|
|
2843
2843
|
"stroke-width": 2
|
|
2844
2844
|
})], 8, vs)])]), _("div", ys, [d.value ? (e(), C(Gi, {
|
|
@@ -2863,7 +2863,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2863
2863
|
key: 5,
|
|
2864
2864
|
block: t.block,
|
|
2865
2865
|
onUpdate: h
|
|
2866
|
-
}, null, 8, ["block"])) : u.value === "button" ? (e(), C(
|
|
2866
|
+
}, null, 8, ["block"])) : u.value === "button" ? (e(), C(gr, {
|
|
2867
2867
|
key: 6,
|
|
2868
2868
|
block: t.block,
|
|
2869
2869
|
"font-families": T(m),
|
|
@@ -2958,7 +2958,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2958
2958
|
"update-settings"
|
|
2959
2959
|
],
|
|
2960
2960
|
setup(t, { emit: n }) {
|
|
2961
|
-
let r = j(() => import("./IssuesPanel-CPBbR8yp.js")), i = t, o = n, { t: s } =
|
|
2961
|
+
let r = j(() => import("./IssuesPanel-CPBbR8yp.js")), i = t, o = n, { t: s } = U(), c = u("content"), l = A(Ie, null), d = g(() => l !== null), f = g(() => l?.issues.value.length ?? 0);
|
|
2962
2962
|
function m(e) {
|
|
2963
2963
|
return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] hover:tpl:text-[var(--tpl-text)]";
|
|
2964
2964
|
}
|
|
@@ -2985,7 +2985,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2985
2985
|
class: p(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("content")]),
|
|
2986
2986
|
style: S(h("content")),
|
|
2987
2987
|
onClick: i[0] ||= (e) => c.value = "content"
|
|
2988
|
-
}, [k(T(
|
|
2988
|
+
}, [k(T(Ot), {
|
|
2989
2989
|
size: 14,
|
|
2990
2990
|
"stroke-width": 2
|
|
2991
2991
|
}), c.value === "content" ? (e(), v("span", ws, D(T(s).sidebar.content), 1)) : b("", !0)], 14, Cs),
|
|
@@ -2999,7 +2999,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
2999
2999
|
class: p(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("settings")]),
|
|
3000
3000
|
style: S(h("settings")),
|
|
3001
3001
|
onClick: i[1] ||= (e) => c.value = "settings"
|
|
3002
|
-
}, [k(T(
|
|
3002
|
+
}, [k(T(At), {
|
|
3003
3003
|
size: 14,
|
|
3004
3004
|
"stroke-width": 1.5
|
|
3005
3005
|
}), c.value === "settings" ? (e(), v("span", Es, D(T(s).sidebar.settings), 1)) : b("", !0)], 14, Ts),
|
|
@@ -3015,7 +3015,7 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3015
3015
|
style: S(h("issues")),
|
|
3016
3016
|
onClick: i[2] ||= (e) => c.value = "issues"
|
|
3017
3017
|
}, [
|
|
3018
|
-
k(T(
|
|
3018
|
+
k(T(et), {
|
|
3019
3019
|
size: 14,
|
|
3020
3020
|
"stroke-width": 1.5
|
|
3021
3021
|
}),
|
|
@@ -3030,31 +3030,49 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3030
3030
|
onDelete: i[4] ||= (e) => o("delete-block"),
|
|
3031
3031
|
onDuplicate: i[5] ||= (e) => o("duplicate-block")
|
|
3032
3032
|
}, null, 8, ["block"])) : (e(), v("div", js, [
|
|
3033
|
-
_("div", Ms, [k(T(
|
|
3033
|
+
_("div", Ms, [k(T(Ct), {
|
|
3034
3034
|
size: 40,
|
|
3035
3035
|
"stroke-width": 1.5
|
|
3036
3036
|
})]),
|
|
3037
3037
|
_("h3", Ns, D(T(s).sidebar.noSelection), 1),
|
|
3038
3038
|
_("p", Ps, D(T(s).sidebar.noSelectionHint), 1)
|
|
3039
3039
|
]))])) : b("", !0),
|
|
3040
|
-
c.value === "settings" ? (e(), v("div", Fs, [k(
|
|
3040
|
+
c.value === "settings" ? (e(), v("div", Fs, [k(qn, {
|
|
3041
3041
|
settings: t.settings,
|
|
3042
3042
|
onUpdate: i[6] ||= (e) => o("update-settings", e)
|
|
3043
3043
|
}, null, 8, ["settings"])])) : b("", !0),
|
|
3044
3044
|
c.value === "issues" && d.value ? (e(), v("div", Is, [k(T(r))])) : b("", !0)
|
|
3045
3045
|
], 10, xs));
|
|
3046
3046
|
}
|
|
3047
|
-
}), Rs =
|
|
3047
|
+
}), Rs = {
|
|
3048
|
+
class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
|
|
3049
|
+
style: { "z-index": "10001" },
|
|
3050
|
+
role: "status",
|
|
3051
|
+
"data-testid": "small-screen-notice"
|
|
3052
|
+
}, zs = { class: "tpl:text-[var(--tpl-text-dim)]" }, Bs = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Vs = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Hs = /* @__PURE__ */ m({
|
|
3053
|
+
__name: "SmallScreenNotice",
|
|
3054
|
+
setup(t) {
|
|
3055
|
+
let { t: n } = U();
|
|
3056
|
+
return (t, r) => (e(), v("div", Rs, [
|
|
3057
|
+
_("div", zs, [k(T(Et), {
|
|
3058
|
+
size: 48,
|
|
3059
|
+
"stroke-width": 1.5
|
|
3060
|
+
})]),
|
|
3061
|
+
_("h2", Bs, D(T(n).smallScreen.title), 1),
|
|
3062
|
+
_("p", Vs, D(T(n).smallScreen.message), 1)
|
|
3063
|
+
]));
|
|
3064
|
+
}
|
|
3065
|
+
}), Us = ["aria-label"], Ws = [
|
|
3048
3066
|
"aria-checked",
|
|
3049
3067
|
"aria-label",
|
|
3050
3068
|
"title",
|
|
3051
3069
|
"onClick"
|
|
3052
|
-
],
|
|
3070
|
+
], Gs = /* @__PURE__ */ m({
|
|
3053
3071
|
__name: "ViewportToggle",
|
|
3054
3072
|
props: { viewport: {} },
|
|
3055
3073
|
emits: ["change"],
|
|
3056
3074
|
setup(t, { emit: n }) {
|
|
3057
|
-
let r = t, i = n, { t: a } =
|
|
3075
|
+
let r = t, i = n, { t: a } = U(), s = g(() => [{
|
|
3058
3076
|
value: "desktop",
|
|
3059
3077
|
label: a.viewport.desktop
|
|
3060
3078
|
}, {
|
|
@@ -3091,26 +3109,26 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3091
3109
|
}),
|
|
3092
3110
|
title: n.label,
|
|
3093
3111
|
onClick: (e) => i("change", n.value)
|
|
3094
|
-
}, [n.value === "desktop" ? (e(), C(T(
|
|
3112
|
+
}, [n.value === "desktop" ? (e(), C(T(Et), {
|
|
3095
3113
|
key: 0,
|
|
3096
3114
|
size: 18,
|
|
3097
3115
|
"stroke-width": 1.5
|
|
3098
|
-
})) : (e(), C(T(
|
|
3116
|
+
})) : (e(), C(T(jt), {
|
|
3099
3117
|
key: 1,
|
|
3100
3118
|
size: 18,
|
|
3101
3119
|
"stroke-width": 1.5
|
|
3102
|
-
})), _("span", null, D(n.label), 1)], 12,
|
|
3120
|
+
})), _("span", null, D(n.label), 1)], 12, Ws))), 128))], 12, Us));
|
|
3103
3121
|
}
|
|
3104
|
-
}),
|
|
3122
|
+
}), Ks = [
|
|
3105
3123
|
"aria-label",
|
|
3106
3124
|
"title",
|
|
3107
3125
|
"aria-pressed"
|
|
3108
|
-
],
|
|
3126
|
+
], qs = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
3109
3127
|
__name: "PreviewToggle",
|
|
3110
3128
|
props: { previewMode: { type: Boolean } },
|
|
3111
3129
|
emits: ["change"],
|
|
3112
3130
|
setup(t, { emit: n }) {
|
|
3113
|
-
let r = n, { t: i } =
|
|
3131
|
+
let r = n, { t: i } = U();
|
|
3114
3132
|
return (n, a) => (e(), v("button", {
|
|
3115
3133
|
class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
|
|
3116
3134
|
style: S({
|
|
@@ -3128,28 +3146,28 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3128
3146
|
"leave-to-class": "tpl-icon-leave-to",
|
|
3129
3147
|
mode: "out-in"
|
|
3130
3148
|
}, {
|
|
3131
|
-
default: M(() => [t.previewMode ? (e(), C(T(
|
|
3149
|
+
default: M(() => [t.previewMode ? (e(), C(T(Xe), {
|
|
3132
3150
|
key: "eye",
|
|
3133
3151
|
size: 18,
|
|
3134
3152
|
"stroke-width": 1.5
|
|
3135
|
-
})) : (e(), C(T(
|
|
3153
|
+
})) : (e(), C(T(pe), {
|
|
3136
3154
|
key: "eye-off",
|
|
3137
3155
|
size: 18,
|
|
3138
3156
|
"stroke-width": 1.5
|
|
3139
3157
|
}))]),
|
|
3140
3158
|
_: 1
|
|
3141
|
-
})], 12,
|
|
3159
|
+
})], 12, Ks));
|
|
3142
3160
|
}
|
|
3143
|
-
}), [["__scopeId", "data-v-af87d02a"]]),
|
|
3161
|
+
}), [["__scopeId", "data-v-af87d02a"]]), Js = [
|
|
3144
3162
|
"aria-label",
|
|
3145
3163
|
"title",
|
|
3146
3164
|
"aria-pressed"
|
|
3147
|
-
],
|
|
3165
|
+
], Ys = /*#__PURE__*/ ct(/* @__PURE__ */ m({
|
|
3148
3166
|
__name: "DarkModeToggle",
|
|
3149
3167
|
props: { darkMode: { type: Boolean } },
|
|
3150
3168
|
emits: ["change"],
|
|
3151
3169
|
setup(t, { emit: n }) {
|
|
3152
|
-
let r = n, { t: i } =
|
|
3170
|
+
let r = n, { t: i } = U();
|
|
3153
3171
|
return (n, a) => (e(), v("button", {
|
|
3154
3172
|
class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all tpl:duration-150",
|
|
3155
3173
|
style: S({
|
|
@@ -3167,37 +3185,37 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3167
3185
|
"leave-to-class": "tpl-icon-leave-to",
|
|
3168
3186
|
mode: "out-in"
|
|
3169
3187
|
}, {
|
|
3170
|
-
default: M(() => [t.darkMode ? (e(), C(T(
|
|
3188
|
+
default: M(() => [t.darkMode ? (e(), C(T(Dt), {
|
|
3171
3189
|
key: "moon",
|
|
3172
3190
|
size: 18,
|
|
3173
3191
|
"stroke-width": 1.5
|
|
3174
|
-
})) : (e(), C(T(
|
|
3192
|
+
})) : (e(), C(T(Pt), {
|
|
3175
3193
|
key: "sun",
|
|
3176
3194
|
size: 18,
|
|
3177
3195
|
"stroke-width": 1.5
|
|
3178
3196
|
}))]),
|
|
3179
3197
|
_: 1
|
|
3180
|
-
})], 12,
|
|
3198
|
+
})], 12, Js));
|
|
3181
3199
|
}
|
|
3182
|
-
}), [["__scopeId", "data-v-f8694f76"]]),
|
|
3200
|
+
}), [["__scopeId", "data-v-f8694f76"]]), Xs = {
|
|
3183
3201
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
3184
3202
|
style: {
|
|
3185
3203
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
3186
3204
|
"backdrop-filter": "blur(8px)",
|
|
3187
3205
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
3188
3206
|
}
|
|
3189
|
-
},
|
|
3207
|
+
}, Zs = {
|
|
3190
3208
|
href: "https://github.com/templatical/sdk",
|
|
3191
3209
|
target: "_blank",
|
|
3192
3210
|
rel: "noopener noreferrer",
|
|
3193
3211
|
class: "tpl:transition-colors tpl:duration-150 hover:tpl:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
3194
3212
|
style: { "text-decoration": "none" }
|
|
3195
|
-
},
|
|
3213
|
+
}, Qs = /* @__PURE__ */ m({
|
|
3196
3214
|
__name: "EditorFooter",
|
|
3197
3215
|
props: { positionClass: {} },
|
|
3198
3216
|
setup(t) {
|
|
3199
|
-
let { t: n } =
|
|
3200
|
-
return (r, i) => (e(), v("footer", { class: p(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [_("div",
|
|
3217
|
+
let { t: n } = U();
|
|
3218
|
+
return (r, i) => (e(), v("footer", { class: p(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", t.positionClass]) }, [_("div", Xs, [
|
|
3201
3219
|
_("span", null, D(T(n).footer.poweredBy), 1),
|
|
3202
3220
|
i[0] ||= _("a", {
|
|
3203
3221
|
href: "https://templatical.com",
|
|
@@ -3212,32 +3230,32 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3212
3230
|
alt: ""
|
|
3213
3231
|
}), d(" Templatical ")], -1),
|
|
3214
3232
|
i[1] ||= _("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
3215
|
-
_("a",
|
|
3233
|
+
_("a", Zs, D(T(n).footer.openSource), 1)
|
|
3216
3234
|
])], 2));
|
|
3217
3235
|
}
|
|
3218
|
-
}),
|
|
3236
|
+
}), $s = ["aria-labelledby", "data-tpl-theme"], ec = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, tc = ["id"], nc = ["aria-label"], rc = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ic = [
|
|
3219
3237
|
"id",
|
|
3220
3238
|
"placeholder",
|
|
3221
3239
|
"aria-label",
|
|
3222
3240
|
"aria-activedescendant"
|
|
3223
|
-
],
|
|
3241
|
+
], ac = {
|
|
3224
3242
|
key: 0,
|
|
3225
3243
|
class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
|
|
3226
3244
|
"data-testid": "merge-tag-picker-group-pills"
|
|
3227
|
-
},
|
|
3245
|
+
}, oc = ["data-group-name", "onClick"], sc = ["aria-label"], cc = {
|
|
3228
3246
|
key: 0,
|
|
3229
3247
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
3230
3248
|
"data-testid": "merge-tag-picker-empty"
|
|
3231
|
-
},
|
|
3249
|
+
}, lc = {
|
|
3232
3250
|
key: 1,
|
|
3233
3251
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
3234
3252
|
"data-testid": "merge-tag-picker-empty"
|
|
3235
|
-
},
|
|
3253
|
+
}, uc = [
|
|
3236
3254
|
"aria-expanded",
|
|
3237
3255
|
"data-group-name",
|
|
3238
3256
|
"data-group-collapsed",
|
|
3239
3257
|
"onClick"
|
|
3240
|
-
],
|
|
3258
|
+
], dc = { class: "tpl:ml-1 tpl:font-normal" }, fc = [
|
|
3241
3259
|
"id",
|
|
3242
3260
|
"aria-selected",
|
|
3243
3261
|
"data-selected",
|
|
@@ -3246,13 +3264,13 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3246
3264
|
"title",
|
|
3247
3265
|
"onMousemove",
|
|
3248
3266
|
"onClick"
|
|
3249
|
-
],
|
|
3267
|
+
], pc = { class: "tpl:text-sm tpl:font-medium" }, mc = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, hc = {
|
|
3250
3268
|
key: 0,
|
|
3251
3269
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
3252
|
-
},
|
|
3270
|
+
}, gc = "tpl-merge-tag-picker-list", _c = /* @__PURE__ */ m({
|
|
3253
3271
|
__name: "MergeTagPickerModal",
|
|
3254
3272
|
setup(r) {
|
|
3255
|
-
let i =
|
|
3273
|
+
let i = ke(Ue, "MergeTagPickerModal"), { t: s, format: c } = U(), l = A(Ee, null), d = A(Oe, null), m = u(""), x = we(m, 200), w = u(null), O = g(() => x.value.trim().length > 0), j = u(0), N = g(() => i.tags.value.some((e) => !!e.group)), P = u(/* @__PURE__ */ new Set());
|
|
3256
3274
|
function F(e) {
|
|
3257
3275
|
return P.value.has(e);
|
|
3258
3276
|
}
|
|
@@ -3309,34 +3327,34 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3309
3327
|
}), a(B, (e) => {
|
|
3310
3328
|
j.value >= e.length && (j.value = Math.max(0, e.length - 1));
|
|
3311
3329
|
});
|
|
3312
|
-
function
|
|
3330
|
+
function V(e) {
|
|
3313
3331
|
i.resolve(e);
|
|
3314
3332
|
}
|
|
3315
|
-
function
|
|
3333
|
+
function ee() {
|
|
3316
3334
|
i.resolve(null);
|
|
3317
3335
|
}
|
|
3318
|
-
function
|
|
3336
|
+
function te(e) {
|
|
3319
3337
|
if (B.value.length === 0) return;
|
|
3320
3338
|
let t = j.value + e;
|
|
3321
|
-
j.value = Math.max(0, Math.min(B.value.length - 1, t)),
|
|
3339
|
+
j.value = Math.max(0, Math.min(B.value.length - 1, t)), ie();
|
|
3322
3340
|
}
|
|
3323
|
-
let
|
|
3324
|
-
function
|
|
3325
|
-
|
|
3341
|
+
let ne = u(null), H = u({});
|
|
3342
|
+
function re(e, t) {
|
|
3343
|
+
H.value[e] = t ?? null;
|
|
3326
3344
|
}
|
|
3327
|
-
function
|
|
3345
|
+
function ie() {
|
|
3328
3346
|
n(() => {
|
|
3329
|
-
let e =
|
|
3347
|
+
let e = ne.value;
|
|
3330
3348
|
e && e.querySelector(`[data-merge-tag-index="${j.value}"]`)?.scrollIntoView({ block: "nearest" });
|
|
3331
3349
|
});
|
|
3332
3350
|
}
|
|
3333
|
-
function
|
|
3351
|
+
function ae(e) {
|
|
3334
3352
|
if (P.value.has(e)) {
|
|
3335
3353
|
let t = new Set(P.value);
|
|
3336
3354
|
t.delete(e), P.value = t;
|
|
3337
3355
|
}
|
|
3338
3356
|
n(() => {
|
|
3339
|
-
let t =
|
|
3357
|
+
let t = ne.value;
|
|
3340
3358
|
if (!t) return;
|
|
3341
3359
|
let n = 0, r = !1;
|
|
3342
3360
|
for (let i of Array.from(t.children)) {
|
|
@@ -3352,55 +3370,55 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3352
3370
|
});
|
|
3353
3371
|
});
|
|
3354
3372
|
}
|
|
3355
|
-
function
|
|
3356
|
-
if (e.key === "ArrowDown") e.preventDefault(),
|
|
3357
|
-
else if (e.key === "ArrowUp") e.preventDefault(),
|
|
3373
|
+
function oe(e) {
|
|
3374
|
+
if (e.key === "ArrowDown") e.preventDefault(), te(1);
|
|
3375
|
+
else if (e.key === "ArrowUp") e.preventDefault(), te(-1);
|
|
3358
3376
|
else if (e.key === "Enter") {
|
|
3359
3377
|
e.preventDefault();
|
|
3360
3378
|
let t = B.value[j.value];
|
|
3361
|
-
t &&
|
|
3379
|
+
t && V(t);
|
|
3362
3380
|
}
|
|
3363
3381
|
}
|
|
3364
|
-
function
|
|
3365
|
-
if (B.value.length !== 0) return `${
|
|
3382
|
+
function se() {
|
|
3383
|
+
if (B.value.length !== 0) return `${gc}-opt-${j.value}`;
|
|
3366
3384
|
}
|
|
3367
|
-
function
|
|
3368
|
-
return `${
|
|
3385
|
+
function ce(e) {
|
|
3386
|
+
return `${gc}-opt-${e}`;
|
|
3369
3387
|
}
|
|
3370
|
-
let
|
|
3371
|
-
return (n, r) => (e(), C(
|
|
3388
|
+
let le = g(() => i.tags.value.length === 0), ue = g(() => !le.value && L.value.length === 0), de = g(() => N.value && R.value.length > 1 && !O.value);
|
|
3389
|
+
return (n, r) => (e(), C(bt, {
|
|
3372
3390
|
visible: T(i).isOpen.value,
|
|
3373
|
-
onClose:
|
|
3374
|
-
onKeydown:
|
|
3391
|
+
onClose: ee,
|
|
3392
|
+
onKeydown: oe
|
|
3375
3393
|
}, {
|
|
3376
3394
|
default: M(() => [_("div", {
|
|
3377
3395
|
role: "dialog",
|
|
3378
3396
|
"aria-modal": "true",
|
|
3379
|
-
"aria-labelledby": `${
|
|
3397
|
+
"aria-labelledby": `${gc}-title`,
|
|
3380
3398
|
"data-tpl-theme": T(d),
|
|
3381
3399
|
"data-testid": "merge-tag-picker-modal",
|
|
3382
3400
|
class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:shadow-[var(--tpl-shadow-lg)]",
|
|
3383
3401
|
style: S(T(l))
|
|
3384
3402
|
}, [
|
|
3385
|
-
_("header",
|
|
3386
|
-
id: `${
|
|
3403
|
+
_("header", ec, [_("h2", {
|
|
3404
|
+
id: `${gc}-title`,
|
|
3387
3405
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
3388
|
-
}, D(T(s).mergeTag.picker.title), 9,
|
|
3406
|
+
}, D(T(s).mergeTag.picker.title), 9, tc), _("button", {
|
|
3389
3407
|
type: "button",
|
|
3390
3408
|
class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
|
|
3391
3409
|
"aria-label": T(s).mergeTag.picker.close,
|
|
3392
3410
|
"data-testid": "merge-tag-picker-close",
|
|
3393
|
-
onClick:
|
|
3394
|
-
}, [k(T(
|
|
3411
|
+
onClick: ee
|
|
3412
|
+
}, [k(T(st), {
|
|
3395
3413
|
size: 16,
|
|
3396
3414
|
"stroke-width": 2
|
|
3397
|
-
})], 8,
|
|
3398
|
-
_("div",
|
|
3415
|
+
})], 8, nc)]),
|
|
3416
|
+
_("div", rc, [k(T(qe), {
|
|
3399
3417
|
class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
|
|
3400
3418
|
size: 14,
|
|
3401
3419
|
"stroke-width": 2
|
|
3402
3420
|
}), t(_("input", {
|
|
3403
|
-
id: `${
|
|
3421
|
+
id: `${gc}-search`,
|
|
3404
3422
|
ref_key: "searchInputRef",
|
|
3405
3423
|
ref: w,
|
|
3406
3424
|
"onUpdate:modelValue": r[0] ||= (e) => m.value = e,
|
|
@@ -3408,50 +3426,50 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3408
3426
|
class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
|
|
3409
3427
|
placeholder: T(s).mergeTag.picker.searchPlaceholder,
|
|
3410
3428
|
"aria-label": T(s).mergeTag.picker.searchAriaLabel,
|
|
3411
|
-
"aria-controls":
|
|
3412
|
-
"aria-activedescendant":
|
|
3429
|
+
"aria-controls": gc,
|
|
3430
|
+
"aria-activedescendant": se(),
|
|
3413
3431
|
"data-testid": "merge-tag-picker-search",
|
|
3414
3432
|
onKeydown: r[1] ||= E(h(() => {}, ["prevent"]), ["enter"])
|
|
3415
|
-
}, null, 40,
|
|
3416
|
-
|
|
3433
|
+
}, null, 40, ic), [[f, m.value]])]),
|
|
3434
|
+
de.value ? (e(), v("div", ac, [(e(!0), v(y, null, o(R.value, (t) => (e(), v("button", {
|
|
3417
3435
|
key: t,
|
|
3418
3436
|
type: "button",
|
|
3419
3437
|
class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
|
|
3420
3438
|
"data-testid": "merge-tag-picker-group-pill",
|
|
3421
3439
|
"data-group-name": t,
|
|
3422
|
-
onClick: (e) =>
|
|
3423
|
-
}, D(t), 9,
|
|
3440
|
+
onClick: (e) => ae(t)
|
|
3441
|
+
}, D(t), 9, oc))), 128))])) : b("", !0),
|
|
3424
3442
|
_("div", {
|
|
3425
|
-
id:
|
|
3443
|
+
id: gc,
|
|
3426
3444
|
ref_key: "listRef",
|
|
3427
|
-
ref:
|
|
3445
|
+
ref: ne,
|
|
3428
3446
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
3429
3447
|
role: "listbox",
|
|
3430
3448
|
"aria-label": T(s).mergeTag.picker.title,
|
|
3431
3449
|
"data-testid": "merge-tag-picker-list"
|
|
3432
|
-
}, [
|
|
3450
|
+
}, [le.value ? (e(), v("div", cc, D(T(s).mergeTag.picker.empty), 1)) : ue.value ? (e(), v("div", lc, D(T(s).mergeTag.picker.noResults), 1)) : (e(!0), v(y, { key: 2 }, o(z.value, (t, n) => (e(), v(y, { key: n }, [t.kind === "header" ? (e(), v("button", {
|
|
3433
3451
|
key: 0,
|
|
3434
3452
|
ref_for: !0,
|
|
3435
|
-
ref: (e) =>
|
|
3453
|
+
ref: (e) => re(t.group, e),
|
|
3436
3454
|
type: "button",
|
|
3437
3455
|
"aria-expanded": !F(t.group),
|
|
3438
|
-
"aria-controls":
|
|
3456
|
+
"aria-controls": gc,
|
|
3439
3457
|
class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
|
|
3440
3458
|
"data-testid": "merge-tag-picker-group-header",
|
|
3441
3459
|
"data-group-name": t.group,
|
|
3442
3460
|
"data-group-collapsed": F(t.group) ? "true" : "false",
|
|
3443
3461
|
onClick: (e) => I(t.group)
|
|
3444
3462
|
}, [
|
|
3445
|
-
k(T(
|
|
3463
|
+
k(T(We), {
|
|
3446
3464
|
size: 12,
|
|
3447
3465
|
"stroke-width": 2,
|
|
3448
3466
|
class: p(["tpl:transition-transform", F(t.group) ? "tpl:-rotate-90" : ""])
|
|
3449
3467
|
}, null, 8, ["class"]),
|
|
3450
3468
|
_("span", null, D(t.group), 1),
|
|
3451
|
-
_("span",
|
|
3452
|
-
], 8,
|
|
3469
|
+
_("span", dc, " (" + D(T(c)(T(s).mergeTag.picker.groupCount, { count: t.count })) + ") ", 1)
|
|
3470
|
+
], 8, uc)) : (e(), v("button", {
|
|
3453
3471
|
key: 1,
|
|
3454
|
-
id:
|
|
3472
|
+
id: ce(t.index),
|
|
3455
3473
|
type: "button",
|
|
3456
3474
|
role: "option",
|
|
3457
3475
|
"aria-selected": t.index === j.value,
|
|
@@ -3462,16 +3480,16 @@ var ja = { class: "tpl:mb-3.5" }, Ma = ["value"], Na = ["value"], Pa = /* @__PUR
|
|
|
3462
3480
|
class: p(["tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-start tpl:gap-0.5 tpl:border-none tpl:px-3 tpl:py-1.5 tpl:text-left tpl:transition-colors", t.index === j.value ? "tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:bg-transparent tpl:text-[var(--tpl-text)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
|
|
3463
3481
|
"data-testid": "merge-tag-picker-item",
|
|
3464
3482
|
onMousemove: (e) => j.value = t.index,
|
|
3465
|
-
onClick: (e) =>
|
|
3483
|
+
onClick: (e) => V(t.tag)
|
|
3466
3484
|
}, [
|
|
3467
|
-
_("span",
|
|
3468
|
-
_("span",
|
|
3469
|
-
t.tag.description ? (e(), v("span",
|
|
3470
|
-
], 42,
|
|
3471
|
-
], 12,
|
|
3485
|
+
_("span", pc, D(t.tag.label), 1),
|
|
3486
|
+
_("span", mc, D(t.tag.value), 1),
|
|
3487
|
+
t.tag.description ? (e(), v("span", hc, D(t.tag.description), 1)) : b("", !0)
|
|
3488
|
+
], 42, fc))], 64))), 128))], 8, sc)
|
|
3489
|
+
], 12, $s)]),
|
|
3472
3490
|
_: 1
|
|
3473
3491
|
}, 8, ["visible"]));
|
|
3474
3492
|
}
|
|
3475
3493
|
});
|
|
3476
3494
|
//#endregion
|
|
3477
|
-
export {
|
|
3495
|
+
export { Gs as a, rn as c, Ft as d, kt as f, qs as i, qt as l, Qs as n, Hs as o, Ys as r, Ls as s, _c as t, Kt as u };
|