@templatical/editor 0.27.0 → 0.27.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-DvrK-dzj.js → AiFeatureMenu-DrLGc2H2.js} +1 -1
- package/dist/{BlockPreviewCanvas-GZbr0ph5.js → BlockPreviewCanvas-2WASf5A4.js} +1 -1
- package/dist/{CloudHeaderExtras-Cx8gFWu2.js → CloudHeaderExtras-DWApyc4P.js} +1 -1
- package/dist/{CloudPanels-D0X449DD.js → CloudPanels-DvOhGdRj.js} +6 -1
- package/dist/{CollaboratorBar-DMSWCrX3.js → CollaboratorBar-C6MC0UCk.js} +1 -1
- package/dist/{ColorPicker-DCjFQCAg.js → ColorPicker-Di8L5TLQ.js} +1 -1
- package/dist/{CountdownToolbar-CSftc9Ma.js → CountdownToolbar-d9QM4m5x.js} +3 -3
- package/dist/{NumberWithSuffix-DdPCXfKf.js → NumberWithSuffix-D9mPtMJB.js} +1 -1
- package/dist/{ParagraphEditor-vDU-5y6r.js → ParagraphEditor-iwTjkjtx.js} +4 -4
- package/dist/{RestoreVersionDialog-DIn1muFD.js → RestoreVersionDialog-DyMPGfsr.js} +2 -2
- package/dist/{RichTextEditorContent-I83k5DtQ.js → RichTextEditorContent-BVXG9oF4.js} +1 -1
- package/dist/{SaveBlockDialog-C_QvYAeL.js → SaveBlockDialog-BMCAIfK9.js} +4 -4
- package/dist/{SavedBlocksBrowserModal-CefWWcdT.js → SavedBlocksBrowserModal-p5ma1qay.js} +5 -5
- package/dist/{SavedBlocksPanels-DnQwO-7O.js → SavedBlocksPanels-BsiSstsZ.js} +1 -1
- package/dist/{SavedBlocksPickBar-BsFubArH.js → SavedBlocksPickBar-fU4Mjm-8.js} +1 -1
- package/dist/{TestEmailModal-STPWDP79.js → TestEmailModal-EFYcrmTk.js} +4 -4
- package/dist/{TestEmailPanel-HYVjApKZ.js → TestEmailPanel-ljriUqs1.js} +1 -1
- package/dist/{TitleEditor-DnB0EJ_g.js → TitleEditor-BqRW7HTz.js} +2 -2
- package/dist/{TplModal-chvLhXmC.js → TplModal-CTC9-w6B.js} +1 -1
- package/dist/{VersionHistoryPanels-D7k_F7-9.js → VersionHistoryPanels-GkxkBiSi.js} +1 -1
- package/dist/{VersionPreviewBanner-DthyHe6C.js → VersionPreviewBanner-BdtTu9mI.js} +1 -1
- package/dist/{blockTypeIcons-B8r4jMBn.js → blockTypeIcons-CIrMr1SJ.js} +1 -1
- package/dist/bundle-stats.json +6 -6
- package/dist/{ca-Cqg9O8mx.js → ca-CEuJ6IRr.js} +4 -100
- package/dist/cdn/chunks/{AiFeatureMenu-Dyh7mUMB.js → AiFeatureMenu-BQz9Kczt.js} +2 -2
- package/dist/cdn/chunks/{AiFeatureMenu-Dyh7mUMB.js.map → AiFeatureMenu-BQz9Kczt.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-DStQFo9P.js → BlockPreviewCanvas-40ocpXDD.js} +2 -2
- package/dist/cdn/chunks/{BlockPreviewCanvas-DStQFo9P.js.map → BlockPreviewCanvas-40ocpXDD.js.map} +1 -1
- package/dist/cdn/chunks/{CloudHeaderExtras-BZVu7dnO.js → CloudHeaderExtras-F_ySlW1S.js} +2 -2
- package/dist/cdn/chunks/{CloudHeaderExtras-BZVu7dnO.js.map → CloudHeaderExtras-F_ySlW1S.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-CXbaBKHQ.js → CloudPanels-C34bcHpc.js} +8 -3
- package/dist/cdn/chunks/{CloudPanels-CXbaBKHQ.js.map → CloudPanels-C34bcHpc.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-BH_lZlat.js → CollaboratorBar-WBtrPPnM.js} +2 -2
- package/dist/cdn/chunks/{CollaboratorBar-BH_lZlat.js.map → CollaboratorBar-WBtrPPnM.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-CStXen0Y.js → ColorPicker-CxKYd_8N.js} +2 -2
- package/dist/cdn/chunks/{ColorPicker-CStXen0Y.js.map → ColorPicker-CxKYd_8N.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-CZPtQIb8.js → CountdownToolbar-pVbkPNVo.js} +4 -4
- package/dist/cdn/chunks/{CountdownToolbar-CZPtQIb8.js.map → CountdownToolbar-pVbkPNVo.js.map} +1 -1
- package/dist/cdn/chunks/MergeTagSuggestion-DhllqTA3.js.map +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-yeQLcCyH.js → NumberWithSuffix-mm6AfIv4.js} +2 -2
- package/dist/cdn/chunks/{NumberWithSuffix-yeQLcCyH.js.map → NumberWithSuffix-mm6AfIv4.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-BJJ925sx.js → ParagraphEditor-BBcIQQK2.js} +5 -5
- package/dist/cdn/chunks/ParagraphEditor-BBcIQQK2.js.map +1 -0
- package/dist/cdn/chunks/{RestoreVersionDialog-B0Jadu6F.js → RestoreVersionDialog-DNUZHFa_.js} +3 -3
- package/dist/cdn/chunks/{RestoreVersionDialog-B0Jadu6F.js.map → RestoreVersionDialog-DNUZHFa_.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-CfSq2wPR.js → RichTextEditorContent-Cl-acKAD.js} +2 -2
- package/dist/cdn/chunks/{RichTextEditorContent-CfSq2wPR.js.map → RichTextEditorContent-Cl-acKAD.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-C1DXh6P9.js → SaveBlockDialog-BXTZ729e.js} +5 -5
- package/dist/cdn/chunks/{SaveBlockDialog-C1DXh6P9.js.map → SaveBlockDialog-BXTZ729e.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BerMxAUt.js → SavedBlocksBrowserModal-BqGNBpRR.js} +5 -5
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BerMxAUt.js.map → SavedBlocksBrowserModal-BqGNBpRR.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-BUE4lzVP.js → SavedBlocksPanels-nbK0UQTp.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-BUE4lzVP.js.map → SavedBlocksPanels-nbK0UQTp.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-4HrqQfvl.js → SavedBlocksPickBar-B9mbw3Gk.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPickBar-4HrqQfvl.js.map → SavedBlocksPickBar-B9mbw3Gk.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-yfmFiavR.js → TestEmailModal-DE6fi3he.js} +5 -5
- package/dist/cdn/chunks/{TestEmailModal-yfmFiavR.js.map → TestEmailModal-DE6fi3he.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-DqTDh5ri.js → TestEmailPanel-CAjQDXle.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel-DqTDh5ri.js.map → TestEmailPanel-CAjQDXle.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-nUAF7fKr.js → TitleEditor-BP0ewaWF.js} +3 -3
- package/dist/cdn/chunks/{TitleEditor-nUAF7fKr.js.map → TitleEditor-BP0ewaWF.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-C0IqikoV.js → TplModal-C4kJduTr.js} +2 -2
- package/dist/cdn/chunks/{TplModal-C0IqikoV.js.map → TplModal-C4kJduTr.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-6Hz9w20W.js → VersionHistoryPanels-DMq2PRee.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryPanels-6Hz9w20W.js.map → VersionHistoryPanels-DMq2PRee.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-D098_6_I.js → VersionPreviewBanner-04CL1SGY.js} +2 -2
- package/dist/cdn/chunks/{VersionPreviewBanner-D098_6_I.js.map → VersionPreviewBanner-04CL1SGY.js.map} +1 -1
- package/dist/cdn/chunks/{ca-Cqg9O8mx.js → ca-CEuJ6IRr.js} +5 -101
- package/dist/cdn/chunks/ca-CEuJ6IRr.js.map +1 -0
- package/dist/cdn/chunks/cloud-BA0OpRh-.js.map +1 -1
- package/dist/cdn/chunks/{createCloudRuntime-DmzV7OnU.js → createCloudRuntime-gXA8_QRU.js} +2 -2
- package/dist/cdn/chunks/{createCloudRuntime-DmzV7OnU.js.map → createCloudRuntime-gXA8_QRU.js.map} +1 -1
- package/dist/{de-Dbwm2cON.js → cdn/chunks/de-BytZwgn6.js} +3 -34
- package/dist/cdn/chunks/de-BytZwgn6.js.map +1 -0
- package/dist/{de-BXmeeFbX.js → cdn/chunks/de-aRxhZF_K.js} +6 -100
- package/dist/cdn/chunks/de-aRxhZF_K.js.map +1 -0
- package/dist/cdn/chunks/{en-DE_y1YWU.js → en-BCgVx9zM.js} +4 -3
- package/dist/cdn/chunks/{en-DE_y1YWU.js.map → en-BCgVx9zM.js.map} +1 -1
- package/dist/{en-DbBNy67B.js → cdn/chunks/en-BX4V_7YO.js} +6 -100
- package/dist/cdn/chunks/en-BX4V_7YO.js.map +1 -0
- package/dist/{en-Dzw4EqNI.js → cdn/chunks/en-DyOSV0lY.js} +3 -34
- package/dist/cdn/chunks/en-DyOSV0lY.js.map +1 -0
- package/dist/{es-JUsAjxWu.js → cdn/chunks/es-CA9uQ-5x.js} +6 -100
- package/dist/cdn/chunks/es-CA9uQ-5x.js.map +1 -0
- package/dist/{fr-J3qgXH4h.js → cdn/chunks/fr-iBuE60Ap.js} +6 -100
- package/dist/cdn/chunks/fr-iBuE60Ap.js.map +1 -0
- package/dist/cdn/chunks/keys-CbQuRX85.js.map +1 -1
- package/dist/{nl-D_4DkqOi.js → cdn/chunks/nl-Btw4ojNo.js} +6 -100
- package/dist/cdn/chunks/nl-Btw4ojNo.js.map +1 -0
- package/dist/{pt-BR-BxzQzWGJ.js → cdn/chunks/pt-BR-C1WLSGDh.js} +3 -34
- package/dist/cdn/chunks/pt-BR-C1WLSGDh.js.map +1 -0
- package/dist/{pt-BR-KGURyEEQ.js → cdn/chunks/pt-BR-GjVsCqbN.js} +6 -100
- package/dist/cdn/chunks/pt-BR-GjVsCqbN.js.map +1 -0
- package/dist/cdn/chunks/src-B_QJduQD.js.map +1 -1
- package/dist/cdn/chunks/{src-Dq3fgSIx.js → src-CoHDh8Ua.js} +777 -765
- package/dist/cdn/chunks/src-CoHDh8Ua.js.map +1 -0
- package/dist/cdn/chunks/{src-BOjFLNf7.js → src-Ct4Fsx3t.js} +2 -2
- package/dist/cdn/chunks/{src-BOjFLNf7.js.map → src-Ct4Fsx3t.js.map} +1 -1
- package/dist/cdn/chunks/{styleConstants-ByDqaYj_.js → styleConstants-9oK5kn21.js} +2 -4
- package/dist/cdn/chunks/{styleConstants-ByDqaYj_.js.map → styleConstants-9oK5kn21.js.map} +1 -1
- package/dist/cdn/chunks/{useEditorCore-CTu_qZ3W.js → useEditorCore-DC8gmfs6.js} +3 -3
- package/dist/cdn/chunks/useEditorCore-DC8gmfs6.js.map +1 -0
- package/dist/cdn/chunks/usePopoverPosition-BC-HA7TK.js.map +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +458 -442
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{cdn/chunks/de-Dbwm2cON.js → de-BytZwgn6.js} +1 -36
- package/dist/{cdn/chunks/de-BXmeeFbX.js → de-aRxhZF_K.js} +4 -102
- package/dist/{cdn/chunks/en-DbBNy67B.js → en-BX4V_7YO.js} +4 -102
- package/dist/{cdn/chunks/en-Dzw4EqNI.js → en-DyOSV0lY.js} +1 -36
- package/dist/{cdn/chunks/es-JUsAjxWu.js → es-CA9uQ-5x.js} +4 -102
- package/dist/{cdn/chunks/fr-J3qgXH4h.js → fr-iBuE60Ap.js} +4 -102
- package/dist/{cdn/chunks/nl-D_4DkqOi.js → nl-Btw4ojNo.js} +4 -102
- package/dist/{cdn/chunks/pt-BR-BxzQzWGJ.js → pt-BR-C1WLSGDh.js} +1 -36
- package/dist/{cdn/chunks/pt-BR-KGURyEEQ.js → pt-BR-GjVsCqbN.js} +4 -102
- package/dist/style.css +1 -1
- package/dist/{styleConstants-ByDqaYj_.js → styleConstants-9oK5kn21.js} +1 -3
- package/dist/templatical-editor.js +458 -442
- package/dist/{useEditorCore-B-kONNRw.js → useEditorCore-CFLzobo_.js} +2 -2
- package/package.json +8 -8
- package/dist/cdn/chunks/ParagraphEditor-BJJ925sx.js.map +0 -1
- package/dist/cdn/chunks/ca-Cqg9O8mx.js.map +0 -1
- package/dist/cdn/chunks/de-BXmeeFbX.js.map +0 -1
- package/dist/cdn/chunks/de-Dbwm2cON.js.map +0 -1
- package/dist/cdn/chunks/en-DbBNy67B.js.map +0 -1
- package/dist/cdn/chunks/en-Dzw4EqNI.js.map +0 -1
- package/dist/cdn/chunks/es-JUsAjxWu.js.map +0 -1
- package/dist/cdn/chunks/fr-J3qgXH4h.js.map +0 -1
- package/dist/cdn/chunks/nl-D_4DkqOi.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-BxzQzWGJ.js.map +0 -1
- package/dist/cdn/chunks/pt-BR-KGURyEEQ.js.map +0 -1
- package/dist/cdn/chunks/src-Dq3fgSIx.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-CTu_qZ3W.js.map +0 -1
package/dist/cdn/editor.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as ee, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-BfpsXFg7.js";
|
|
2
2
|
import { H as z, L as B, R as V, S as H, T as U, a as W, b as te, c as ne, d as re, i as ie, l as G, r as ae, x as oe } from "./chunks/src-B_QJduQD.js";
|
|
3
|
-
import { B as se, C as ce, D as le, F as ue, I as de, L as fe, N as pe, O as me, P as he, R as ge, _ as _e, a as ve, b as ye, c as be, d as xe, f as Se, g as Ce, h as we, i as Te, j as Ee, k as De, l as Oe, m as ke, n as Ae, o as je, p as Me, r as Ne, s as Pe, t as Fe, v as Ie, w as Le, y as Re } from "./chunks/useEditorCore-
|
|
3
|
+
import { B as se, C as ce, D as le, F as ue, I as de, L as fe, N as pe, O as me, P as he, R as ge, _ as _e, a as ve, b as ye, c as be, d as xe, f as Se, g as Ce, h as we, i as Te, j as Ee, k as De, l as Oe, m as ke, n as Ae, o as je, p as Me, r as Ne, s as Pe, t as Fe, v as Ie, w as Le, y as Re } from "./chunks/useEditorCore-DC8gmfs6.js";
|
|
4
4
|
import { _ as ze, d as Be, g as Ve } from "./chunks/dist-CYLJiSiH.js";
|
|
5
5
|
import { a as He } from "./chunks/dist-CM8TB0VD.js";
|
|
6
6
|
import { B as Ue, D as We, F as Ge, H as Ke, L as qe, N as Je, O as Ye, U as Xe, V as Ze, W as Qe, _ as $e, c as et, d as tt, f as nt, h as rt, j as it, k as at, m as ot, n as st, o as ct, p as lt, r as ut, s as dt, u as ft, w as pt, z as mt } from "./chunks/keys-CbQuRX85.js";
|
|
@@ -16,13 +16,13 @@ import { t as fn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
|
|
|
16
16
|
import { n as pn, t as mn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
|
|
17
17
|
import { t as hn } from "./chunks/readableTextColor-f8Kykfnh.js";
|
|
18
18
|
import { t as gn } from "./chunks/blockTypeIcons-hX_W4dqo.js";
|
|
19
|
-
import { S as _n, _ as vn, b as yn, c as bn, g as q, h as J, l as xn, m as Y, p as X, r as Sn, t as Cn, y as wn } from "./chunks/styleConstants-
|
|
20
|
-
import { t as Z } from "./chunks/ColorPicker-
|
|
19
|
+
import { S as _n, _ as vn, b as yn, c as bn, g as q, h as J, l as xn, m as Y, p as X, r as Sn, t as Cn, y as wn } from "./chunks/styleConstants-9oK5kn21.js";
|
|
20
|
+
import { t as Z } from "./chunks/ColorPicker-CxKYd_8N.js";
|
|
21
21
|
import { n as Tn, r as En } from "./chunks/MergeTagSuggestion-DhllqTA3.js";
|
|
22
|
-
import { i as Q, n as Dn, r as On, t as kn } from "./chunks/NumberWithSuffix-
|
|
22
|
+
import { i as Q, n as Dn, r as On, t as kn } from "./chunks/NumberWithSuffix-mm6AfIv4.js";
|
|
23
23
|
import { n as An, t as jn } from "./chunks/MergeTagModeToggle-ZwW-5EeN.js";
|
|
24
24
|
import { t as Mn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
|
|
25
|
-
import { t as Nn } from "./chunks/TplModal-
|
|
25
|
+
import { t as Nn } from "./chunks/TplModal-C4kJduTr.js";
|
|
26
26
|
//#region src/composables/useCommentsFeature.ts
|
|
27
27
|
function Pn(t) {
|
|
28
28
|
let { provider: n, editor: r } = t, i = he({
|
|
@@ -280,7 +280,7 @@ function Ln(e) {
|
|
|
280
280
|
//#region src/utils/toMjml.ts
|
|
281
281
|
async function Rn() {
|
|
282
282
|
try {
|
|
283
|
-
return await import("./chunks/src-
|
|
283
|
+
return await import("./chunks/src-Ct4Fsx3t.js");
|
|
284
284
|
} catch {
|
|
285
285
|
return null;
|
|
286
286
|
}
|
|
@@ -2061,10 +2061,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2061
2061
|
"disabled"
|
|
2062
2062
|
])], 8, Ua));
|
|
2063
2063
|
}
|
|
2064
|
-
}), Ga = { class: "tpl:mb-3.5" }, Ka = {
|
|
2065
|
-
key: 1,
|
|
2066
|
-
class: "tpl:text-[var(--tpl-danger)]"
|
|
2067
|
-
}, qa = /* @__PURE__ */ d({
|
|
2064
|
+
}), Ga = { class: "tpl:mb-3.5" }, Ka = ["title"], qa = { class: "tpl-sr-only" }, Ja = ["title"], Ya = { class: "tpl-sr-only" }, Xa = /* @__PURE__ */ d({
|
|
2068
2065
|
__name: "FieldWrapper",
|
|
2069
2066
|
props: {
|
|
2070
2067
|
label: {},
|
|
@@ -2072,17 +2069,25 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2072
2069
|
readOnly: { type: Boolean }
|
|
2073
2070
|
},
|
|
2074
2071
|
setup(e) {
|
|
2075
|
-
|
|
2072
|
+
let { t } = K();
|
|
2073
|
+
return (n, r) => (s(), x("div", Ga, [A("label", { class: y(g(q)) }, [
|
|
2076
2074
|
R(F(e.label) + " ", 1),
|
|
2077
|
-
e.readOnly ? (s(),
|
|
2075
|
+
e.readOnly ? (s(), x("span", {
|
|
2078
2076
|
key: 0,
|
|
2077
|
+
title: g(t).customBlocks.dataSource.readOnlyTooltip
|
|
2078
|
+
}, [_(g(Zt), {
|
|
2079
2079
|
size: 12,
|
|
2080
|
-
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2080
|
+
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
|
|
2081
|
+
"aria-hidden": "true"
|
|
2082
|
+
}), A("span", qa, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, Ka)) : S("", !0),
|
|
2083
|
+
e.required ? (s(), x("span", {
|
|
2084
|
+
key: 1,
|
|
2085
|
+
class: "tpl:text-[var(--tpl-danger)]",
|
|
2086
|
+
title: g(t).customBlocks.fields.required
|
|
2087
|
+
}, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", Ya, F(g(t).customBlocks.fields.required), 1)], 8, Ja)) : S("", !0)
|
|
2088
|
+
], 2), i(n.$slots, "default")]));
|
|
2084
2089
|
}
|
|
2085
|
-
}),
|
|
2090
|
+
}), Za = /* @__PURE__ */ d({
|
|
2086
2091
|
__name: "ColorField",
|
|
2087
2092
|
props: {
|
|
2088
2093
|
field: {},
|
|
@@ -2092,7 +2097,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2092
2097
|
emits: ["update:modelValue"],
|
|
2093
2098
|
setup(e, { emit: n }) {
|
|
2094
2099
|
let i = e, a = n, { t: o } = K(), c = t(ft, gt), l = b(() => De(i.field, c));
|
|
2095
|
-
return (t, n) => (s(), D(
|
|
2100
|
+
return (t, n) => (s(), D(Xa, {
|
|
2096
2101
|
label: e.field.label,
|
|
2097
2102
|
required: e.field.required,
|
|
2098
2103
|
"read-only": e.readOnly
|
|
@@ -2120,15 +2125,15 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2120
2125
|
"read-only"
|
|
2121
2126
|
]));
|
|
2122
2127
|
}
|
|
2123
|
-
}),
|
|
2128
|
+
}), Qa = {
|
|
2124
2129
|
key: 0,
|
|
2125
2130
|
class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
|
|
2126
2131
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2127
|
-
},
|
|
2132
|
+
}, $a = [
|
|
2128
2133
|
"value",
|
|
2129
2134
|
"placeholder",
|
|
2130
2135
|
"title"
|
|
2131
|
-
],
|
|
2136
|
+
], eo = ["value", "placeholder"], to = /* @__PURE__ */ d({
|
|
2132
2137
|
__name: "ImageField",
|
|
2133
2138
|
props: {
|
|
2134
2139
|
field: {},
|
|
@@ -2163,7 +2168,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2163
2168
|
enabled: h,
|
|
2164
2169
|
onFiles: v
|
|
2165
2170
|
});
|
|
2166
|
-
return (t, n) => (s(), D(
|
|
2171
|
+
return (t, n) => (s(), D(Xa, {
|
|
2167
2172
|
label: e.field.label,
|
|
2168
2173
|
required: e.field.required,
|
|
2169
2174
|
"read-only": e.readOnly
|
|
@@ -2173,7 +2178,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2173
2178
|
ref: p,
|
|
2174
2179
|
class: "tpl:relative"
|
|
2175
2180
|
}, [
|
|
2176
|
-
h.value && (g(C) || m.value) ? (s(), x("div",
|
|
2181
|
+
h.value && (g(C) || m.value) ? (s(), x("div", Qa, [m.value ? (s(), x(P, { key: 0 }, [_(g(Kt), {
|
|
2177
2182
|
class: "tpl-spinner",
|
|
2178
2183
|
size: 18,
|
|
2179
2184
|
"stroke-width": 2
|
|
@@ -2189,14 +2194,14 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2189
2194
|
placeholder: e.field.placeholder || "https://...",
|
|
2190
2195
|
disabled: "",
|
|
2191
2196
|
title: g(o).customBlocks.dataSource.readOnlyTooltip
|
|
2192
|
-
}, null, 10,
|
|
2197
|
+
}, null, 10, $a)) : (s(), x("input", {
|
|
2193
2198
|
key: 2,
|
|
2194
2199
|
type: "url",
|
|
2195
2200
|
class: y(g(X)),
|
|
2196
2201
|
value: e.modelValue,
|
|
2197
2202
|
placeholder: e.field.placeholder || "https://...",
|
|
2198
2203
|
onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
|
|
2199
|
-
}, null, 42,
|
|
2204
|
+
}, null, 42, eo)),
|
|
2200
2205
|
d.value && !e.readOnly ? (s(), x("button", {
|
|
2201
2206
|
key: 3,
|
|
2202
2207
|
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:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
|
|
@@ -2213,7 +2218,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2213
2218
|
"read-only"
|
|
2214
2219
|
]));
|
|
2215
2220
|
}
|
|
2216
|
-
}),
|
|
2221
|
+
}), no = [
|
|
2217
2222
|
"value",
|
|
2218
2223
|
"placeholder",
|
|
2219
2224
|
"min",
|
|
@@ -2221,7 +2226,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2221
2226
|
"step",
|
|
2222
2227
|
"disabled",
|
|
2223
2228
|
"title"
|
|
2224
|
-
],
|
|
2229
|
+
], ro = /* @__PURE__ */ d({
|
|
2225
2230
|
__name: "NumberField",
|
|
2226
2231
|
props: {
|
|
2227
2232
|
field: {},
|
|
@@ -2231,7 +2236,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2231
2236
|
emits: ["update:modelValue"],
|
|
2232
2237
|
setup(e, { emit: t }) {
|
|
2233
2238
|
let n = t, { t: i } = K();
|
|
2234
|
-
return (t, a) => (s(), D(
|
|
2239
|
+
return (t, a) => (s(), D(Xa, {
|
|
2235
2240
|
label: e.field.label,
|
|
2236
2241
|
required: e.field.required,
|
|
2237
2242
|
"read-only": e.readOnly
|
|
@@ -2247,7 +2252,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2247
2252
|
disabled: e.readOnly,
|
|
2248
2253
|
title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
2249
2254
|
onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
|
|
2250
|
-
}, null, 42,
|
|
2255
|
+
}, null, 42, no)]),
|
|
2251
2256
|
_: 1
|
|
2252
2257
|
}, 8, [
|
|
2253
2258
|
"label",
|
|
@@ -2255,10 +2260,13 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2255
2260
|
"read-only"
|
|
2256
2261
|
]));
|
|
2257
2262
|
}
|
|
2258
|
-
}),
|
|
2263
|
+
}), io = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ao = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, oo = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, so = ["title", "onClick"], co = {
|
|
2259
2264
|
key: 1,
|
|
2260
2265
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2261
|
-
},
|
|
2266
|
+
}, lo = {
|
|
2267
|
+
key: 2,
|
|
2268
|
+
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2269
|
+
}, uo = /* @__PURE__ */ d({
|
|
2262
2270
|
__name: "RepeatableField",
|
|
2263
2271
|
props: {
|
|
2264
2272
|
field: {},
|
|
@@ -2267,65 +2275,66 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2267
2275
|
},
|
|
2268
2276
|
emits: ["update:modelValue"],
|
|
2269
2277
|
setup(e, { emit: t }) {
|
|
2270
|
-
let i = e, a = t, { t: o } = K(),
|
|
2271
|
-
function
|
|
2272
|
-
if (!
|
|
2278
|
+
let i = e, a = t, { t: o, format: c } = K(), l = b(() => i.modelValue || []), d = b(() => !i.field.maxItems || l.value.length < i.field.maxItems), f = b(() => !i.field.minItems || l.value.length > i.field.minItems);
|
|
2279
|
+
function p() {
|
|
2280
|
+
if (!d.value || i.readOnly) return;
|
|
2273
2281
|
let e = {};
|
|
2274
2282
|
for (let t of i.field.fields) e[t.key] = t.default ?? "";
|
|
2275
|
-
a("update:modelValue", [...
|
|
2283
|
+
a("update:modelValue", [...l.value, e]);
|
|
2276
2284
|
}
|
|
2277
|
-
function
|
|
2278
|
-
if (!
|
|
2279
|
-
let t = [...
|
|
2285
|
+
function m(e) {
|
|
2286
|
+
if (!f.value || i.readOnly) return;
|
|
2287
|
+
let t = [...l.value];
|
|
2280
2288
|
t.splice(e, 1), a("update:modelValue", t);
|
|
2281
2289
|
}
|
|
2282
|
-
function
|
|
2283
|
-
let r =
|
|
2290
|
+
function h(e, t, n) {
|
|
2291
|
+
let r = l.value.map((r, i) => i === e ? {
|
|
2284
2292
|
...r,
|
|
2285
2293
|
[t]: n
|
|
2286
2294
|
} : r);
|
|
2287
2295
|
a("update:modelValue", r);
|
|
2288
2296
|
}
|
|
2289
|
-
return (t, i) => (s(), D(
|
|
2297
|
+
return (t, i) => (s(), D(Xa, {
|
|
2290
2298
|
label: e.field.label,
|
|
2291
2299
|
required: e.field.required,
|
|
2292
2300
|
"read-only": e.readOnly
|
|
2293
2301
|
}, {
|
|
2294
|
-
default: r(() => [A("div",
|
|
2295
|
-
(s(!0), x(P, null, n(
|
|
2302
|
+
default: r(() => [A("div", io, [
|
|
2303
|
+
(s(!0), x(P, null, n(l.value, (t, r) => (s(), x("div", {
|
|
2296
2304
|
key: `${e.field.key}-${r}`,
|
|
2297
2305
|
class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
|
|
2298
|
-
}, [A("div",
|
|
2306
|
+
}, [A("div", ao, [A("span", oo, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
|
|
2299
2307
|
key: 0,
|
|
2300
2308
|
type: "button",
|
|
2301
2309
|
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:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
2302
2310
|
title: g(o).customBlocks.fields.removeItem,
|
|
2303
|
-
onClick: (e) =>
|
|
2311
|
+
onClick: (e) => m(r)
|
|
2304
2312
|
}, [_(g(Vt), {
|
|
2305
2313
|
size: 12,
|
|
2306
2314
|
"stroke-width": 2
|
|
2307
|
-
})], 8,
|
|
2315
|
+
})], 8, so)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(bo)(n.type)), {
|
|
2308
2316
|
key: n.key,
|
|
2309
2317
|
field: n,
|
|
2310
2318
|
"model-value": t[n.key],
|
|
2311
2319
|
"read-only": e.readOnly,
|
|
2312
|
-
"onUpdate:modelValue": (e) =>
|
|
2320
|
+
"onUpdate:modelValue": (e) => h(r, n.key, e)
|
|
2313
2321
|
}, null, 8, [
|
|
2314
2322
|
"field",
|
|
2315
2323
|
"model-value",
|
|
2316
2324
|
"read-only",
|
|
2317
2325
|
"onUpdate:modelValue"
|
|
2318
2326
|
]))), 128))]))), 128)),
|
|
2319
|
-
|
|
2327
|
+
d.value && !e.readOnly ? (s(), x("button", {
|
|
2320
2328
|
key: 0,
|
|
2321
2329
|
type: "button",
|
|
2322
2330
|
class: y(g(bn)),
|
|
2323
|
-
onClick:
|
|
2331
|
+
onClick: p
|
|
2324
2332
|
}, [_(g(It), {
|
|
2325
2333
|
size: 14,
|
|
2326
2334
|
"stroke-width": 2
|
|
2327
2335
|
}), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
|
|
2328
|
-
!
|
|
2336
|
+
!d.value && !e.readOnly ? (s(), x("p", co, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
|
|
2337
|
+
!f.value && !e.readOnly ? (s(), x("p", lo, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
|
|
2329
2338
|
])]),
|
|
2330
2339
|
_: 1
|
|
2331
2340
|
}, 8, [
|
|
@@ -2334,11 +2343,11 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2334
2343
|
"read-only"
|
|
2335
2344
|
]));
|
|
2336
2345
|
}
|
|
2337
|
-
}),
|
|
2346
|
+
}), fo = [
|
|
2338
2347
|
"value",
|
|
2339
2348
|
"disabled",
|
|
2340
2349
|
"title"
|
|
2341
|
-
],
|
|
2350
|
+
], po = ["value"], mo = /* @__PURE__ */ d({
|
|
2342
2351
|
__name: "SelectField",
|
|
2343
2352
|
props: {
|
|
2344
2353
|
field: {},
|
|
@@ -2348,7 +2357,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2348
2357
|
emits: ["update:modelValue"],
|
|
2349
2358
|
setup(e, { emit: t }) {
|
|
2350
2359
|
let i = t, { t: a } = K();
|
|
2351
|
-
return (t, o) => (s(), D(
|
|
2360
|
+
return (t, o) => (s(), D(Xa, {
|
|
2352
2361
|
label: e.field.label,
|
|
2353
2362
|
required: e.field.required,
|
|
2354
2363
|
"read-only": e.readOnly
|
|
@@ -2362,7 +2371,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2362
2371
|
}, [(s(!0), x(P, null, n(e.field.options, (e) => (s(), x("option", {
|
|
2363
2372
|
key: e.value,
|
|
2364
2373
|
value: e.value
|
|
2365
|
-
}, F(e.label), 9,
|
|
2374
|
+
}, F(e.label), 9, po))), 128))], 42, fo)]),
|
|
2366
2375
|
_: 1
|
|
2367
2376
|
}, 8, [
|
|
2368
2377
|
"label",
|
|
@@ -2370,11 +2379,11 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2370
2379
|
"read-only"
|
|
2371
2380
|
]));
|
|
2372
2381
|
}
|
|
2373
|
-
}),
|
|
2382
|
+
}), ho = [
|
|
2374
2383
|
"value",
|
|
2375
2384
|
"placeholder",
|
|
2376
2385
|
"title"
|
|
2377
|
-
],
|
|
2386
|
+
], go = /* @__PURE__ */ d({
|
|
2378
2387
|
__name: "TextField",
|
|
2379
2388
|
props: {
|
|
2380
2389
|
field: {},
|
|
@@ -2384,7 +2393,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2384
2393
|
emits: ["update:modelValue"],
|
|
2385
2394
|
setup(e, { emit: t }) {
|
|
2386
2395
|
let n = t, { t: i } = K();
|
|
2387
|
-
return (t, a) => (s(), D(
|
|
2396
|
+
return (t, a) => (s(), D(Xa, {
|
|
2388
2397
|
label: e.field.label,
|
|
2389
2398
|
required: e.field.required,
|
|
2390
2399
|
"read-only": e.readOnly
|
|
@@ -2397,7 +2406,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2397
2406
|
placeholder: e.field.placeholder,
|
|
2398
2407
|
disabled: "",
|
|
2399
2408
|
title: g(i).customBlocks.dataSource.readOnlyTooltip
|
|
2400
|
-
}, null, 10,
|
|
2409
|
+
}, null, 10, ho)) : (s(), D($, {
|
|
2401
2410
|
key: 1,
|
|
2402
2411
|
"model-value": e.modelValue,
|
|
2403
2412
|
placeholder: e.field.placeholder,
|
|
@@ -2410,12 +2419,12 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2410
2419
|
"read-only"
|
|
2411
2420
|
]));
|
|
2412
2421
|
}
|
|
2413
|
-
}),
|
|
2422
|
+
}), _o = [
|
|
2414
2423
|
"value",
|
|
2415
2424
|
"placeholder",
|
|
2416
2425
|
"title"
|
|
2417
|
-
],
|
|
2418
|
-
text:
|
|
2426
|
+
], vo = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border 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:opacity-60 tpl:cursor-not-allowed", yo = {
|
|
2427
|
+
text: go,
|
|
2419
2428
|
textarea: /* @__PURE__ */ d({
|
|
2420
2429
|
__name: "TextareaField",
|
|
2421
2430
|
props: {
|
|
@@ -2426,7 +2435,7 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2426
2435
|
emits: ["update:modelValue"],
|
|
2427
2436
|
setup(e, { emit: t }) {
|
|
2428
2437
|
let n = t, { t: i } = K();
|
|
2429
|
-
return (t, a) => (s(), D(
|
|
2438
|
+
return (t, a) => (s(), D(Xa, {
|
|
2430
2439
|
label: e.field.label,
|
|
2431
2440
|
required: e.field.required,
|
|
2432
2441
|
"read-only": e.readOnly
|
|
@@ -2438,8 +2447,8 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2438
2447
|
rows: "3",
|
|
2439
2448
|
disabled: "",
|
|
2440
2449
|
title: g(i).customBlocks.dataSource.readOnlyTooltip,
|
|
2441
|
-
class: y(
|
|
2442
|
-
}, null, 8,
|
|
2450
|
+
class: y(vo)
|
|
2451
|
+
}, null, 8, _o)) : (s(), D(Ur, {
|
|
2443
2452
|
key: 1,
|
|
2444
2453
|
"model-value": e.modelValue,
|
|
2445
2454
|
placeholder: e.field.placeholder,
|
|
@@ -2453,37 +2462,37 @@ var wr = ["aria-label", "onKeydown"], Tr = ["data-tooltip"], Er = ["data-tooltip
|
|
|
2453
2462
|
]));
|
|
2454
2463
|
}
|
|
2455
2464
|
}),
|
|
2456
|
-
image:
|
|
2457
|
-
color:
|
|
2458
|
-
number:
|
|
2459
|
-
select:
|
|
2465
|
+
image: to,
|
|
2466
|
+
color: Za,
|
|
2467
|
+
number: ro,
|
|
2468
|
+
select: mo,
|
|
2460
2469
|
boolean: Wa,
|
|
2461
|
-
repeatable:
|
|
2470
|
+
repeatable: uo
|
|
2462
2471
|
};
|
|
2463
|
-
function
|
|
2464
|
-
return
|
|
2472
|
+
function bo(e) {
|
|
2473
|
+
return yo[e] ?? go;
|
|
2465
2474
|
}
|
|
2466
2475
|
//#endregion
|
|
2467
2476
|
//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
2468
|
-
var
|
|
2477
|
+
var xo = {
|
|
2469
2478
|
key: 0,
|
|
2470
2479
|
class: "tpl:p-4"
|
|
2471
|
-
},
|
|
2480
|
+
}, So = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Co = { key: 1 }, wo = {
|
|
2472
2481
|
key: 0,
|
|
2473
2482
|
class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2474
|
-
},
|
|
2483
|
+
}, To = {
|
|
2475
2484
|
key: 1,
|
|
2476
2485
|
class: "tpl:mb-4"
|
|
2477
|
-
},
|
|
2486
|
+
}, Eo = {
|
|
2478
2487
|
key: 1,
|
|
2479
2488
|
class: "tpl:flex tpl:h-[32px] tpl:items-center"
|
|
2480
|
-
},
|
|
2489
|
+
}, Do = {
|
|
2481
2490
|
key: 0,
|
|
2482
2491
|
class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
2483
|
-
},
|
|
2492
|
+
}, Oo = {
|
|
2484
2493
|
key: 2,
|
|
2485
2494
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
|
|
2486
|
-
},
|
|
2495
|
+
}, ko = /* @__PURE__ */ d({
|
|
2487
2496
|
__name: "CustomBlockToolbar",
|
|
2488
2497
|
props: { block: {} },
|
|
2489
2498
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
@@ -2504,23 +2513,23 @@ var _o = {
|
|
|
2504
2513
|
[e]: t
|
|
2505
2514
|
});
|
|
2506
2515
|
}
|
|
2507
|
-
return (t, r) => l.value ? (s(), x("div",
|
|
2508
|
-
l.value.description ? (s(), x("p",
|
|
2509
|
-
g(h) ? (s(), x("div",
|
|
2516
|
+
return (t, r) => l.value ? (s(), x("div", Co, [
|
|
2517
|
+
l.value.description ? (s(), x("p", wo, F(l.value.description), 1)) : S("", !0),
|
|
2518
|
+
g(h) ? (s(), x("div", To, [g(v) && !g(f) ? (s(), x("button", {
|
|
2510
2519
|
key: 0,
|
|
2511
2520
|
type: "button",
|
|
2512
2521
|
class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:bg-[var(--tpl-primary)]",
|
|
2513
2522
|
onClick: r[0] ||= (...e) => g(m) && g(m)(...e)
|
|
2514
|
-
}, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div",
|
|
2523
|
+
}, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Eo, [g(f) ? (s(), x("div", Do, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
|
|
2515
2524
|
key: 1,
|
|
2516
2525
|
type: "button",
|
|
2517
2526
|
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:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
|
|
2518
2527
|
onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
|
|
2519
|
-
}, [_(g(sn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p",
|
|
2528
|
+
}, [_(g(sn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Oo, [_(g(Ot), {
|
|
2520
2529
|
size: 14,
|
|
2521
2530
|
class: "tpl:shrink-0"
|
|
2522
2531
|
}), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
|
|
2523
|
-
(s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(
|
|
2532
|
+
(s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(bo)(t.type)), {
|
|
2524
2533
|
key: t.key,
|
|
2525
2534
|
field: t,
|
|
2526
2535
|
"model-value": e.block.fieldValues[t.key],
|
|
@@ -2532,9 +2541,9 @@ var _o = {
|
|
|
2532
2541
|
"read-only",
|
|
2533
2542
|
"onUpdate:modelValue"
|
|
2534
2543
|
]))), 128))
|
|
2535
|
-
])) : (s(), x("div",
|
|
2544
|
+
])) : (s(), x("div", xo, [A("p", So, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
|
|
2536
2545
|
}
|
|
2537
|
-
}),
|
|
2546
|
+
}), Ao = { class: "tpl:mb-3.5" }, jo = { class: "tpl:mb-3.5" }, Mo = { class: "tpl:mb-3.5" }, No = { class: "tpl:flex tpl:items-stretch" }, Po = ["value"], Fo = /* @__PURE__ */ d({
|
|
2538
2547
|
__name: "DividerToolbar",
|
|
2539
2548
|
props: { block: {} },
|
|
2540
2549
|
emits: ["update"],
|
|
@@ -2544,7 +2553,7 @@ var _o = {
|
|
|
2544
2553
|
n("update", { [e]: t });
|
|
2545
2554
|
}
|
|
2546
2555
|
return (t, n) => (s(), x(P, null, [
|
|
2547
|
-
A("div",
|
|
2556
|
+
A("div", Ao, [A("label", { class: y(g(q)) }, F(g(r).divider.style), 3), _(On, {
|
|
2548
2557
|
options: [
|
|
2549
2558
|
{
|
|
2550
2559
|
value: "solid",
|
|
@@ -2562,27 +2571,27 @@ var _o = {
|
|
|
2562
2571
|
"model-value": e.block.lineStyle,
|
|
2563
2572
|
"onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
|
|
2564
2573
|
}, null, 8, ["options", "model-value"])]),
|
|
2565
|
-
A("div",
|
|
2574
|
+
A("div", jo, [A("label", { class: y(g(q)) }, F(g(r).divider.color), 3), _(Z, {
|
|
2566
2575
|
"model-value": e.block.color,
|
|
2567
2576
|
"onUpdate:modelValue": n[1] ||= (e) => i("color", e)
|
|
2568
2577
|
}, null, 8, ["model-value"])]),
|
|
2569
|
-
A("div",
|
|
2578
|
+
A("div", Mo, [A("label", { class: y(g(q)) }, F(g(r).divider.thickness), 3), A("div", No, [A("input", {
|
|
2570
2579
|
type: "number",
|
|
2571
2580
|
class: y(g(Y)),
|
|
2572
2581
|
value: e.block.thickness,
|
|
2573
2582
|
min: "1",
|
|
2574
2583
|
max: "10",
|
|
2575
2584
|
onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
|
|
2576
|
-
}, null, 42,
|
|
2585
|
+
}, null, 42, Po), A("span", { class: y(g(J)) }, "px", 2)])])
|
|
2577
2586
|
], 64));
|
|
2578
2587
|
}
|
|
2579
|
-
}),
|
|
2588
|
+
}), Io = { class: "tpl:mb-3.5" }, Lo = ["value"], Ro = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, zo = /* @__PURE__ */ d({
|
|
2580
2589
|
__name: "HtmlToolbar",
|
|
2581
2590
|
props: { block: {} },
|
|
2582
2591
|
emits: ["update"],
|
|
2583
2592
|
setup(e, { emit: t }) {
|
|
2584
2593
|
let n = t, { t: r } = K();
|
|
2585
|
-
return (t, i) => (s(), x("div",
|
|
2594
|
+
return (t, i) => (s(), x("div", Io, [
|
|
2586
2595
|
A("label", { class: y(g(q)) }, F(g(r).html.content), 3),
|
|
2587
2596
|
A("textarea", {
|
|
2588
2597
|
value: e.block.content,
|
|
@@ -2590,24 +2599,28 @@ var _o = {
|
|
|
2590
2599
|
rows: "10",
|
|
2591
2600
|
class: y(g(vn)),
|
|
2592
2601
|
onInput: i[0] ||= (e) => n("update", { content: e.target.value })
|
|
2593
|
-
}, null, 42,
|
|
2594
|
-
A("p",
|
|
2602
|
+
}, null, 42, Lo),
|
|
2603
|
+
A("p", Ro, [_(g(Ht), {
|
|
2595
2604
|
size: 12,
|
|
2596
2605
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
2597
2606
|
}), R(" " + F(g(r).html.sanitizationHint), 1)])
|
|
2598
2607
|
]));
|
|
2599
2608
|
}
|
|
2600
|
-
}),
|
|
2609
|
+
}), Bo = { class: "tpl:mb-3.5" }, Vo = {
|
|
2601
2610
|
key: 0,
|
|
2602
2611
|
class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
|
|
2603
2612
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2604
|
-
},
|
|
2613
|
+
}, Ho = {
|
|
2605
2614
|
key: 0,
|
|
2606
2615
|
class: "tpl:mb-3.5"
|
|
2607
|
-
},
|
|
2616
|
+
}, Uo = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Wo = [
|
|
2617
|
+
"value",
|
|
2618
|
+
"placeholder",
|
|
2619
|
+
"title"
|
|
2620
|
+
], Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, qo = { class: "tpl:mb-3.5" }, Jo = ["value"], Yo = { value: "full" }, Xo = { value: "custom" }, Zo = {
|
|
2608
2621
|
key: 0,
|
|
2609
2622
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2610
|
-
},
|
|
2623
|
+
}, Qo = ["value"], $o = { class: "tpl:mb-3.5" }, es = { class: "tpl:mb-3.5" }, ts = 350, ns = /* @__PURE__ */ d({
|
|
2611
2624
|
__name: "ImageToolbar",
|
|
2612
2625
|
props: { block: {} },
|
|
2613
2626
|
emits: ["update"],
|
|
@@ -2628,7 +2641,7 @@ var _o = {
|
|
|
2628
2641
|
function T(e) {
|
|
2629
2642
|
if (e === "custom") {
|
|
2630
2643
|
let e = i.block.width;
|
|
2631
|
-
(typeof e != "number" || v.includes(e)) && w("width",
|
|
2644
|
+
(typeof e != "number" || v.includes(e)) && w("width", ts);
|
|
2632
2645
|
return;
|
|
2633
2646
|
}
|
|
2634
2647
|
w("width", e === "full" ? "full" : Number(e));
|
|
@@ -2663,12 +2676,12 @@ var _o = {
|
|
|
2663
2676
|
onFiles: ee
|
|
2664
2677
|
});
|
|
2665
2678
|
return (t, n) => (s(), x(P, null, [
|
|
2666
|
-
A("div",
|
|
2679
|
+
A("div", Bo, [A("label", { class: y(g(q)) }, F(g(o).image.imageUrl), 3), A("div", {
|
|
2667
2680
|
ref_key: "dropZoneRef",
|
|
2668
2681
|
ref: k,
|
|
2669
2682
|
class: "tpl:relative"
|
|
2670
2683
|
}, [
|
|
2671
|
-
N.value && (g(I) || j.value) ? (s(), x("div",
|
|
2684
|
+
N.value && (g(I) || j.value) ? (s(), x("div", Vo, [j.value ? (s(), x(P, { key: 0 }, [_(g(Kt), {
|
|
2672
2685
|
class: "tpl-spinner",
|
|
2673
2686
|
size: 18,
|
|
2674
2687
|
"stroke-width": 2
|
|
@@ -2701,14 +2714,15 @@ var _o = {
|
|
|
2701
2714
|
"stroke-width": 1.5
|
|
2702
2715
|
}), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
|
|
2703
2716
|
], 512)]),
|
|
2704
|
-
g(ie)(e.block.src, g(u)) ? (s(), x("div",
|
|
2717
|
+
g(ie)(e.block.src, g(u)) ? (s(), x("div", Ho, [A("label", { class: y(g(q)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", Uo, F(g(o).image.optional), 1)], 2), A("input", {
|
|
2705
2718
|
type: "url",
|
|
2706
2719
|
class: y(g(X)),
|
|
2707
2720
|
value: e.block.placeholderUrl || "",
|
|
2708
2721
|
placeholder: g(o).image.placeholderUrlPlaceholder,
|
|
2722
|
+
title: g(o).image.placeholderUrlTooltip,
|
|
2709
2723
|
onInput: n[1] ||= (e) => w("placeholderUrl", e.target.value)
|
|
2710
|
-
}, null, 42,
|
|
2711
|
-
A("div",
|
|
2724
|
+
}, null, 42, Wo)])) : S("", !0),
|
|
2725
|
+
A("div", Go, [
|
|
2712
2726
|
A("label", { class: y(g(q)) }, F(g(o).image.altText), 3),
|
|
2713
2727
|
_($, {
|
|
2714
2728
|
"model-value": e.block.alt,
|
|
@@ -2729,32 +2743,32 @@ var _o = {
|
|
|
2729
2743
|
label: g(o).image.decorative,
|
|
2730
2744
|
"onUpdate:modelValue": n[3] ||= (e) => w("decorative", e)
|
|
2731
2745
|
}, {
|
|
2732
|
-
default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span",
|
|
2746
|
+
default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", Ko, F(g(o).image.decorativeHint), 1)])]),
|
|
2733
2747
|
_: 1
|
|
2734
2748
|
}, 8, ["model-value", "label"])
|
|
2735
2749
|
]),
|
|
2736
|
-
A("div",
|
|
2750
|
+
A("div", qo, [
|
|
2737
2751
|
A("label", { class: y(g(q)) }, F(g(o).image.width), 3),
|
|
2738
2752
|
A("select", {
|
|
2739
2753
|
class: y(g(X)),
|
|
2740
2754
|
value: C.value,
|
|
2741
2755
|
onChange: n[4] ||= (e) => T(e.target.value)
|
|
2742
2756
|
}, [
|
|
2743
|
-
A("option",
|
|
2744
|
-
n[
|
|
2745
|
-
n[
|
|
2746
|
-
n[
|
|
2747
|
-
A("option",
|
|
2748
|
-
], 42,
|
|
2749
|
-
C.value === "custom" ? (s(), x("div",
|
|
2757
|
+
A("option", Yo, F(g(o).image.fullWidth), 1),
|
|
2758
|
+
n[9] ||= A("option", { value: "300" }, "300px", -1),
|
|
2759
|
+
n[10] ||= A("option", { value: "400" }, "400px", -1),
|
|
2760
|
+
n[11] ||= A("option", { value: "500" }, "500px", -1),
|
|
2761
|
+
A("option", Xo, F(g(o).image.widthCustom), 1)
|
|
2762
|
+
], 42, Jo),
|
|
2763
|
+
C.value === "custom" ? (s(), x("div", Zo, [A("input", {
|
|
2750
2764
|
type: "number",
|
|
2751
2765
|
class: y(g(Y)),
|
|
2752
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
2766
|
+
value: typeof e.block.width == "number" ? e.block.width : ts,
|
|
2753
2767
|
min: "20",
|
|
2754
2768
|
onInput: n[5] ||= (e) => E(e.target.value)
|
|
2755
|
-
}, null, 42,
|
|
2769
|
+
}, null, 42, Qo), A("span", { class: y(g(J)) }, "px", 2)])) : S("", !0)
|
|
2756
2770
|
]),
|
|
2757
|
-
A("div",
|
|
2771
|
+
A("div", $o, [A("label", { class: y(g(q)) }, F(g(o).title.align), 3), _(On, {
|
|
2758
2772
|
options: [
|
|
2759
2773
|
{
|
|
2760
2774
|
value: "left",
|
|
@@ -2772,7 +2786,7 @@ var _o = {
|
|
|
2772
2786
|
"model-value": e.block.align,
|
|
2773
2787
|
"onUpdate:modelValue": n[6] ||= (e) => w("align", e)
|
|
2774
2788
|
}, null, 8, ["options", "model-value"])]),
|
|
2775
|
-
A("div",
|
|
2789
|
+
A("div", es, [
|
|
2776
2790
|
A("label", { class: y(g(q)) }, F(g(o).image.linkUrl), 3),
|
|
2777
2791
|
_($, {
|
|
2778
2792
|
"model-value": e.block.linkUrl || "",
|
|
@@ -2790,11 +2804,11 @@ var _o = {
|
|
|
2790
2804
|
])
|
|
2791
2805
|
], 64));
|
|
2792
2806
|
}
|
|
2793
|
-
}),
|
|
2807
|
+
}), rs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, is = { class: "tpl:flex tpl:items-center tpl:gap-2" }, as = [
|
|
2794
2808
|
"value",
|
|
2795
2809
|
"placeholder",
|
|
2796
2810
|
"onInput"
|
|
2797
|
-
],
|
|
2811
|
+
], os = ["title", "onClick"], ss = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, cs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ls = ["value"], us = { value: "" }, ds = ["value"], fs = ["value"], ps = /* @__PURE__ */ d({
|
|
2798
2812
|
__name: "MenuToolbar",
|
|
2799
2813
|
props: {
|
|
2800
2814
|
block: {},
|
|
@@ -2858,24 +2872,24 @@ var _o = {
|
|
|
2858
2872
|
}
|
|
2859
2873
|
return (t, i) => (s(), x(P, null, [
|
|
2860
2874
|
_(Dn, { label: g(o).menu.items }, {
|
|
2861
|
-
default: r(() => [A("div",
|
|
2875
|
+
default: r(() => [A("div", rs, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
|
|
2862
2876
|
key: t.id,
|
|
2863
2877
|
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"
|
|
2864
2878
|
}, [
|
|
2865
|
-
A("div",
|
|
2879
|
+
A("div", is, [A("input", {
|
|
2866
2880
|
type: "text",
|
|
2867
2881
|
class: y([g(X), "tpl:flex-1"]),
|
|
2868
2882
|
value: t.text,
|
|
2869
2883
|
placeholder: g(o).menu.text,
|
|
2870
2884
|
onInput: (e) => f(t.id, "text", e.target.value)
|
|
2871
|
-
}, null, 42,
|
|
2885
|
+
}, null, 42, as), A("button", {
|
|
2872
2886
|
class: y(g(yn)),
|
|
2873
2887
|
title: g(o).menu.removeItem,
|
|
2874
2888
|
onClick: (e) => p(t.id)
|
|
2875
2889
|
}, [_(g(Xt), {
|
|
2876
2890
|
size: 14,
|
|
2877
2891
|
"stroke-width": 2
|
|
2878
|
-
})], 10,
|
|
2892
|
+
})], 10, os)]),
|
|
2879
2893
|
_($, {
|
|
2880
2894
|
"model-value": t.url,
|
|
2881
2895
|
type: "url",
|
|
@@ -2886,7 +2900,7 @@ var _o = {
|
|
|
2886
2900
|
"placeholder",
|
|
2887
2901
|
"onUpdate:modelValue"
|
|
2888
2902
|
]),
|
|
2889
|
-
A("div",
|
|
2903
|
+
A("div", ss, [(s(!0), x(P, null, n(c.value, (e) => (s(), D(Q, {
|
|
2890
2904
|
key: e.key,
|
|
2891
2905
|
"model-value": t[e.key],
|
|
2892
2906
|
label: e.label,
|
|
@@ -2896,7 +2910,7 @@ var _o = {
|
|
|
2896
2910
|
"label",
|
|
2897
2911
|
"onUpdate:modelValue"
|
|
2898
2912
|
]))), 128))]),
|
|
2899
|
-
A("div",
|
|
2913
|
+
A("div", cs, [A("label", { class: y([g(q), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Z, {
|
|
2900
2914
|
"swatch-only": "",
|
|
2901
2915
|
"model-value": t.color || e.block.linkColor || e.block.color || "",
|
|
2902
2916
|
"onUpdate:modelValue": (e) => f(t.id, "color", e)
|
|
@@ -2915,10 +2929,10 @@ var _o = {
|
|
|
2915
2929
|
class: y(g(X)),
|
|
2916
2930
|
value: e.block.fontFamily || "",
|
|
2917
2931
|
onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
|
|
2918
|
-
}, [A("option",
|
|
2932
|
+
}, [A("option", us, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
2919
2933
|
key: e.value,
|
|
2920
2934
|
value: e.value
|
|
2921
|
-
}, F(e.label), 9,
|
|
2935
|
+
}, F(e.label), 9, ds))), 128))], 42, ls)]),
|
|
2922
2936
|
_: 1
|
|
2923
2937
|
}, 8, ["label"]),
|
|
2924
2938
|
_(Dn, { label: g(o).menu.fontSize }, {
|
|
@@ -2959,7 +2973,7 @@ var _o = {
|
|
|
2959
2973
|
class: y(g(X)),
|
|
2960
2974
|
value: e.block.separator,
|
|
2961
2975
|
onInput: i[5] ||= (e) => u("separator", e.target.value)
|
|
2962
|
-
}, null, 42,
|
|
2976
|
+
}, null, 42, fs)]),
|
|
2963
2977
|
_: 1
|
|
2964
2978
|
}, 8, ["label"]),
|
|
2965
2979
|
_(Dn, { label: g(o).menu.separatorColor }, {
|
|
@@ -2984,11 +2998,11 @@ var _o = {
|
|
|
2984
2998
|
});
|
|
2985
2999
|
//#endregion
|
|
2986
3000
|
//#region src/utils/rebalanceColumnChildren.ts
|
|
2987
|
-
function
|
|
3001
|
+
function ms(e) {
|
|
2988
3002
|
return e === "1" ? 1 : e === "3" ? 3 : 2;
|
|
2989
3003
|
}
|
|
2990
|
-
function
|
|
2991
|
-
let n =
|
|
3004
|
+
function hs(e, t) {
|
|
3005
|
+
let n = ms(t);
|
|
2992
3006
|
if (e.length === n) return e;
|
|
2993
3007
|
if (e.length < n) {
|
|
2994
3008
|
let t = Array.from({ length: n - e.length }, () => []);
|
|
@@ -2999,13 +3013,13 @@ function us(e, t) {
|
|
|
2999
3013
|
}
|
|
3000
3014
|
//#endregion
|
|
3001
3015
|
//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
3002
|
-
var
|
|
3016
|
+
var gs = { class: "tpl:mb-3.5" }, _s = ["value"], vs = ["value"], ys = {
|
|
3003
3017
|
key: 0,
|
|
3004
3018
|
class: "tpl:mb-3.5"
|
|
3005
|
-
},
|
|
3019
|
+
}, bs = { class: "tpl:mb-3.5" }, xs = { class: "tpl:flex tpl:items-stretch" }, Ss = ["value"], Cs = { class: "tpl:mb-3.5" }, ws = {
|
|
3006
3020
|
key: 0,
|
|
3007
3021
|
class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
|
|
3008
|
-
},
|
|
3022
|
+
}, Ts = { class: "tpl:flex tpl:items-stretch" }, Es = ["value"], Ds = /* @__PURE__ */ d({
|
|
3009
3023
|
__name: "SectionToolbar",
|
|
3010
3024
|
props: { block: {} },
|
|
3011
3025
|
emits: ["update"],
|
|
@@ -3033,7 +3047,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3033
3047
|
}
|
|
3034
3048
|
]);
|
|
3035
3049
|
function c(e) {
|
|
3036
|
-
let t = e.target.value, n =
|
|
3050
|
+
let t = e.target.value, n = hs(r.block.children, t);
|
|
3037
3051
|
i("update", {
|
|
3038
3052
|
columns: t,
|
|
3039
3053
|
children: n
|
|
@@ -3067,34 +3081,34 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3067
3081
|
f({ borderRadius: Number(e.target.value) });
|
|
3068
3082
|
}
|
|
3069
3083
|
return (t, r) => (s(), x(P, null, [
|
|
3070
|
-
A("div",
|
|
3084
|
+
A("div", gs, [A("label", { class: y(g(q)) }, F(g(a).section.columns), 3), A("select", {
|
|
3071
3085
|
class: y(g(X)),
|
|
3072
3086
|
value: e.block.columns,
|
|
3073
3087
|
onChange: c
|
|
3074
3088
|
}, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
|
|
3075
3089
|
key: e.value,
|
|
3076
3090
|
value: e.value
|
|
3077
|
-
}, F(e.label), 9,
|
|
3078
|
-
e.block.columns === "1" ? S("", !0) : (s(), x("div",
|
|
3091
|
+
}, F(e.label), 9, vs))), 128))], 42, _s)]),
|
|
3092
|
+
e.block.columns === "1" ? S("", !0) : (s(), x("div", ys, [_(Q, {
|
|
3079
3093
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3080
3094
|
"model-value": e.block.stackOnMobile !== !1,
|
|
3081
3095
|
label: g(a).section.stackOnMobile,
|
|
3082
3096
|
"onUpdate:modelValue": r[0] ||= (e) => l(e)
|
|
3083
3097
|
}, null, 8, ["model-value", "label"])])),
|
|
3084
|
-
A("div",
|
|
3098
|
+
A("div", bs, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", xs, [A("input", {
|
|
3085
3099
|
type: "number",
|
|
3086
3100
|
class: y(g(Y)),
|
|
3087
3101
|
value: e.block.borderRadius ?? 0,
|
|
3088
3102
|
min: "0",
|
|
3089
3103
|
max: "50",
|
|
3090
3104
|
onInput: u
|
|
3091
|
-
}, null, 42,
|
|
3092
|
-
A("div",
|
|
3105
|
+
}, null, 42, Ss), A("span", { class: y(g(J)) }, "px", 2)])]),
|
|
3106
|
+
A("div", Cs, [_(Q, {
|
|
3093
3107
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3094
3108
|
"model-value": !!e.block.wrapper,
|
|
3095
3109
|
label: g(a).section.wrapperEnable,
|
|
3096
3110
|
"onUpdate:modelValue": r[1] ||= (e) => d(e)
|
|
3097
|
-
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div",
|
|
3111
|
+
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", ws, [
|
|
3098
3112
|
A("div", null, [A("label", { class: y(g(q)) }, F(g(a).blockSettings.color), 3), _(Z, {
|
|
3099
3113
|
"model-value": e.block.wrapper.backgroundColor ?? "",
|
|
3100
3114
|
"onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
|
|
@@ -3109,18 +3123,18 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3109
3123
|
},
|
|
3110
3124
|
"onUpdate:modelValue": p
|
|
3111
3125
|
}, null, 8, ["label", "model-value"]),
|
|
3112
|
-
A("div", null, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div",
|
|
3126
|
+
A("div", null, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", Ts, [A("input", {
|
|
3113
3127
|
type: "number",
|
|
3114
3128
|
class: y(g(Y)),
|
|
3115
3129
|
value: e.block.wrapper.borderRadius ?? 0,
|
|
3116
3130
|
min: "0",
|
|
3117
3131
|
max: "50",
|
|
3118
3132
|
onInput: m
|
|
3119
|
-
}, null, 42,
|
|
3133
|
+
}, null, 42, Es), A("span", { class: y(g(J)) }, "px", 2)])])
|
|
3120
3134
|
])) : S("", !0)])
|
|
3121
3135
|
], 64));
|
|
3122
3136
|
}
|
|
3123
|
-
}),
|
|
3137
|
+
}), Os = { class: "tpl:mb-3.5" }, ks = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, As = { class: "tpl:flex tpl:items-center tpl:gap-2" }, js = ["value", "onChange"], Ms = ["value"], Ns = ["title", "onClick"], Ps = { class: "tpl:mb-3.5" }, Fs = ["value"], Is = { value: "solid" }, Ls = { value: "outlined" }, Rs = { value: "rounded" }, zs = { value: "square" }, Bs = { value: "circle" }, Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:flex tpl:items-stretch" }, Ws = ["value"], Gs = { class: "tpl:mb-3.5" }, Ks = /* @__PURE__ */ d({
|
|
3124
3138
|
__name: "SocialToolbar",
|
|
3125
3139
|
props: { block: {} },
|
|
3126
3140
|
emits: ["update"],
|
|
@@ -3148,10 +3162,10 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3148
3162
|
i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
|
|
3149
3163
|
}
|
|
3150
3164
|
return (t, r) => (s(), x(P, null, [
|
|
3151
|
-
A("div",
|
|
3165
|
+
A("div", Os, [A("label", { class: y(g(q)) }, F(g(a).social.icons), 3), A("div", ks, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
|
|
3152
3166
|
key: e.id,
|
|
3153
3167
|
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"
|
|
3154
|
-
}, [A("div",
|
|
3168
|
+
}, [A("div", As, [A("select", {
|
|
3155
3169
|
"data-testid": "social-platform-select",
|
|
3156
3170
|
class: y([g(X), "tpl:flex-1"]),
|
|
3157
3171
|
value: e.platform,
|
|
@@ -3159,14 +3173,14 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3159
3173
|
}, [(s(!0), x(P, null, n(g(je), (e) => (s(), x("option", {
|
|
3160
3174
|
key: e,
|
|
3161
3175
|
value: e
|
|
3162
|
-
}, F(g(a).social.platforms[e]), 9,
|
|
3176
|
+
}, F(g(a).social.platforms[e]), 9, Ms))), 128))], 42, js), A("button", {
|
|
3163
3177
|
class: y(g(yn)),
|
|
3164
3178
|
title: g(a).social.removeIcon,
|
|
3165
3179
|
onClick: (t) => u(e.id)
|
|
3166
3180
|
}, [_(g(Xt), {
|
|
3167
3181
|
size: 14,
|
|
3168
3182
|
"stroke-width": 2
|
|
3169
|
-
})], 10,
|
|
3183
|
+
})], 10, Ns)]), _($, {
|
|
3170
3184
|
"model-value": e.url,
|
|
3171
3185
|
type: "url",
|
|
3172
3186
|
placeholder: g(a).social.urlPlaceholder,
|
|
@@ -3182,18 +3196,18 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3182
3196
|
size: 14,
|
|
3183
3197
|
"stroke-width": 2
|
|
3184
3198
|
}), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
|
|
3185
|
-
A("div",
|
|
3199
|
+
A("div", Ps, [A("label", { class: y(g(q)) }, F(g(a).social.style), 3), A("select", {
|
|
3186
3200
|
class: y(g(X)),
|
|
3187
3201
|
value: e.block.iconStyle,
|
|
3188
3202
|
onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
|
|
3189
3203
|
}, [
|
|
3190
|
-
A("option",
|
|
3191
|
-
A("option",
|
|
3192
|
-
A("option",
|
|
3193
|
-
A("option",
|
|
3194
|
-
A("option",
|
|
3195
|
-
], 42,
|
|
3196
|
-
A("div",
|
|
3204
|
+
A("option", Is, F(g(a).social.styleSolid), 1),
|
|
3205
|
+
A("option", Ls, F(g(a).social.styleOutlined), 1),
|
|
3206
|
+
A("option", Rs, F(g(a).social.styleRounded), 1),
|
|
3207
|
+
A("option", zs, F(g(a).social.styleSquare), 1),
|
|
3208
|
+
A("option", Bs, F(g(a).social.styleCircle), 1)
|
|
3209
|
+
], 42, Fs)]),
|
|
3210
|
+
A("div", Vs, [A("label", { class: y(g(q)) }, F(g(a).social.size), 3), _(On, {
|
|
3197
3211
|
options: [
|
|
3198
3212
|
{
|
|
3199
3213
|
value: "small",
|
|
@@ -3211,15 +3225,15 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3211
3225
|
"model-value": e.block.iconSize,
|
|
3212
3226
|
"onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
|
|
3213
3227
|
}, null, 8, ["options", "model-value"])]),
|
|
3214
|
-
A("div",
|
|
3228
|
+
A("div", Hs, [A("label", { class: y(g(q)) }, F(g(a).social.spacing), 3), A("div", Us, [A("input", {
|
|
3215
3229
|
type: "number",
|
|
3216
3230
|
class: y(g(Y)),
|
|
3217
3231
|
value: e.block.spacing,
|
|
3218
3232
|
min: "0",
|
|
3219
3233
|
max: "50",
|
|
3220
3234
|
onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
|
|
3221
|
-
}, null, 42,
|
|
3222
|
-
A("div",
|
|
3235
|
+
}, null, 42, Ws), A("span", { class: y(g(J)) }, "px", 2)])]),
|
|
3236
|
+
A("div", Gs, [A("label", { class: y(g(q)) }, F(g(a).social.align), 3), _(On, {
|
|
3223
3237
|
options: [
|
|
3224
3238
|
{
|
|
3225
3239
|
value: "left",
|
|
@@ -3242,22 +3256,22 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3242
3256
|
}, null, 8, ["options", "model-value"])])
|
|
3243
3257
|
], 64));
|
|
3244
3258
|
}
|
|
3245
|
-
}),
|
|
3259
|
+
}), qs = { class: "tpl:mb-3.5" }, Js = { class: "tpl:flex tpl:items-stretch" }, Ys = ["value"], Xs = ["value"], Zs = /* @__PURE__ */ d({
|
|
3246
3260
|
__name: "SpacerToolbar",
|
|
3247
3261
|
props: { block: {} },
|
|
3248
3262
|
emits: ["update"],
|
|
3249
3263
|
setup(e, { emit: t }) {
|
|
3250
3264
|
let n = t, { t: r } = K();
|
|
3251
|
-
return (t, i) => (s(), x("div",
|
|
3265
|
+
return (t, i) => (s(), x("div", qs, [
|
|
3252
3266
|
A("label", { class: y(g(q)) }, F(g(r).spacer.height), 3),
|
|
3253
|
-
A("div",
|
|
3267
|
+
A("div", Js, [A("input", {
|
|
3254
3268
|
type: "number",
|
|
3255
3269
|
class: y(g(Y)),
|
|
3256
3270
|
value: e.block.height,
|
|
3257
3271
|
min: "10",
|
|
3258
3272
|
max: "100",
|
|
3259
3273
|
onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3260
|
-
}, null, 42,
|
|
3274
|
+
}, null, 42, Ys), A("span", { class: y(g(J)) }, "px", 2)]),
|
|
3261
3275
|
A("input", {
|
|
3262
3276
|
type: "range",
|
|
3263
3277
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
@@ -3265,13 +3279,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3265
3279
|
min: "10",
|
|
3266
3280
|
max: "100",
|
|
3267
3281
|
onInput: i[1] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3268
|
-
}, null, 40,
|
|
3282
|
+
}, null, 40, Xs)
|
|
3269
3283
|
]));
|
|
3270
3284
|
}
|
|
3271
|
-
}),
|
|
3285
|
+
}), Qs = { class: "tpl:mb-3.5" }, $s = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ec = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, tc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, nc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, rc = ["disabled"], ic = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, ac = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, oc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, sc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, cc = ["disabled"], lc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, uc = { class: "tpl:mb-3.5" }, dc = {
|
|
3272
3286
|
key: 0,
|
|
3273
3287
|
class: "tpl:mb-3.5"
|
|
3274
|
-
},
|
|
3288
|
+
}, fc = { class: "tpl:mb-3.5" }, pc = { class: "tpl:mb-3.5" }, mc = { class: "tpl:flex tpl:items-stretch" }, hc = ["value"], gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = { class: "tpl:mb-3.5" }, bc = ["value"], xc = { value: "" }, Sc = ["value"], Cc = { class: "tpl:mb-3.5" }, wc = { class: "tpl:flex tpl:items-stretch" }, Tc = ["value"], Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:mb-3.5" }, Oc = /* @__PURE__ */ d({
|
|
3275
3289
|
__name: "TableToolbar",
|
|
3276
3290
|
props: {
|
|
3277
3291
|
block: {},
|
|
@@ -3314,7 +3328,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3314
3328
|
i("update", { rows: t });
|
|
3315
3329
|
}
|
|
3316
3330
|
return (t, r) => (s(), x(P, null, [
|
|
3317
|
-
A("div",
|
|
3331
|
+
A("div", Qs, [A("label", { class: y(g(q)) }, F(g(a).table.dimensions), 3), A("div", $s, [A("div", ec, [A("span", tc, F(g(a).table.rows), 1), A("div", nc, [
|
|
3318
3332
|
A("button", {
|
|
3319
3333
|
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:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
3320
3334
|
disabled: e.block.rows.length <= 1,
|
|
@@ -3322,8 +3336,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3322
3336
|
}, [_(g(Ut), {
|
|
3323
3337
|
size: 12,
|
|
3324
3338
|
"stroke-width": 2
|
|
3325
|
-
})], 8,
|
|
3326
|
-
A("span",
|
|
3339
|
+
})], 8, rc),
|
|
3340
|
+
A("span", ic, F(e.block.rows.length), 1),
|
|
3327
3341
|
A("button", {
|
|
3328
3342
|
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:hover:text-[var(--tpl-primary)]",
|
|
3329
3343
|
onClick: l
|
|
@@ -3331,7 +3345,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3331
3345
|
size: 12,
|
|
3332
3346
|
"stroke-width": 2
|
|
3333
3347
|
})])
|
|
3334
|
-
])]), A("div",
|
|
3348
|
+
])]), A("div", ac, [A("span", oc, F(g(a).table.columns), 1), A("div", sc, [
|
|
3335
3349
|
A("button", {
|
|
3336
3350
|
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:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
|
|
3337
3351
|
disabled: o.value <= 1,
|
|
@@ -3339,8 +3353,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3339
3353
|
}, [_(g(Ut), {
|
|
3340
3354
|
size: 12,
|
|
3341
3355
|
"stroke-width": 2
|
|
3342
|
-
})], 8,
|
|
3343
|
-
A("span",
|
|
3356
|
+
})], 8, cc),
|
|
3357
|
+
A("span", lc, F(o.value), 1),
|
|
3344
3358
|
A("button", {
|
|
3345
3359
|
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:hover:text-[var(--tpl-primary)]",
|
|
3346
3360
|
onClick: d
|
|
@@ -3349,13 +3363,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3349
3363
|
"stroke-width": 2
|
|
3350
3364
|
})])
|
|
3351
3365
|
])])])]),
|
|
3352
|
-
A("div",
|
|
3366
|
+
A("div", uc, [_(Q, {
|
|
3353
3367
|
class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
3354
3368
|
"model-value": e.block.hasHeaderRow,
|
|
3355
3369
|
label: g(a).table.hasHeaderRow,
|
|
3356
3370
|
"onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
|
|
3357
3371
|
}, null, 8, ["model-value", "label"])]),
|
|
3358
|
-
e.block.hasHeaderRow ? (s(), x("div",
|
|
3372
|
+
e.block.hasHeaderRow ? (s(), x("div", dc, [A("label", { class: y(g(q)) }, F(g(a).table.headerBackgroundColor), 3), _(Z, {
|
|
3359
3373
|
"model-value": e.block.headerBackgroundColor ?? "",
|
|
3360
3374
|
"seed-color": g(Sn),
|
|
3361
3375
|
placeholder: g(a).table.noHeaderBg,
|
|
@@ -3365,47 +3379,47 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3365
3379
|
"seed-color",
|
|
3366
3380
|
"placeholder"
|
|
3367
3381
|
])])) : S("", !0),
|
|
3368
|
-
A("div",
|
|
3382
|
+
A("div", fc, [A("label", { class: y(g(q)) }, F(g(a).table.borderColor), 3), _(Z, {
|
|
3369
3383
|
"model-value": e.block.borderColor,
|
|
3370
3384
|
"onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
|
|
3371
3385
|
}, null, 8, ["model-value"])]),
|
|
3372
|
-
A("div",
|
|
3386
|
+
A("div", pc, [A("label", { class: y(g(q)) }, F(g(a).table.borderWidth), 3), A("div", mc, [A("input", {
|
|
3373
3387
|
type: "number",
|
|
3374
3388
|
class: y(g(Y)),
|
|
3375
3389
|
value: e.block.borderWidth,
|
|
3376
3390
|
min: "0",
|
|
3377
3391
|
max: "10",
|
|
3378
3392
|
onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
|
|
3379
|
-
}, null, 42,
|
|
3380
|
-
A("div",
|
|
3393
|
+
}, null, 42, hc), A("span", { class: y(g(J)) }, "px", 2)])]),
|
|
3394
|
+
A("div", gc, [A("label", { class: y(g(q)) }, F(g(a).table.cellPadding), 3), A("div", _c, [A("input", {
|
|
3381
3395
|
type: "number",
|
|
3382
3396
|
class: y(g(Y)),
|
|
3383
3397
|
value: e.block.cellPadding,
|
|
3384
3398
|
min: "0",
|
|
3385
3399
|
max: "30",
|
|
3386
3400
|
onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
|
|
3387
|
-
}, null, 42,
|
|
3388
|
-
A("div",
|
|
3401
|
+
}, null, 42, vc), A("span", { class: y(g(J)) }, "px", 2)])]),
|
|
3402
|
+
A("div", yc, [A("label", { class: y(g(q)) }, F(g(a).table.fontFamily), 3), A("select", {
|
|
3389
3403
|
class: y(g(X)),
|
|
3390
3404
|
value: e.block.fontFamily || "",
|
|
3391
3405
|
onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
3392
|
-
}, [A("option",
|
|
3406
|
+
}, [A("option", xc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
3393
3407
|
key: e.value,
|
|
3394
3408
|
value: e.value
|
|
3395
|
-
}, F(e.label), 9,
|
|
3396
|
-
A("div",
|
|
3409
|
+
}, F(e.label), 9, Sc))), 128))], 42, bc)]),
|
|
3410
|
+
A("div", Cc, [A("label", { class: y(g(q)) }, F(g(a).table.fontSize), 3), A("div", wc, [A("input", {
|
|
3397
3411
|
type: "number",
|
|
3398
3412
|
class: y(g(Y)),
|
|
3399
3413
|
value: e.block.fontSize,
|
|
3400
3414
|
min: "10",
|
|
3401
3415
|
max: "32",
|
|
3402
3416
|
onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
|
|
3403
|
-
}, null, 42,
|
|
3404
|
-
A("div",
|
|
3417
|
+
}, null, 42, Tc), A("span", { class: y(g(J)) }, "px", 2)])]),
|
|
3418
|
+
A("div", Ec, [A("label", { class: y(g(q)) }, F(g(a).table.color), 3), _(Z, {
|
|
3405
3419
|
"model-value": e.block.color ?? "",
|
|
3406
3420
|
"onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
|
|
3407
3421
|
}, null, 8, ["model-value"])]),
|
|
3408
|
-
A("div",
|
|
3422
|
+
A("div", Dc, [A("label", { class: y(g(q)) }, F(g(a).table.textAlign), 3), _(On, {
|
|
3409
3423
|
options: [
|
|
3410
3424
|
{
|
|
3411
3425
|
value: "left",
|
|
@@ -3428,7 +3442,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3428
3442
|
}, null, 8, ["options", "model-value"])])
|
|
3429
3443
|
], 64));
|
|
3430
3444
|
}
|
|
3431
|
-
}),
|
|
3445
|
+
}), kc = { class: "tpl:mb-3.5" }, Ac = ["value"], jc = { value: 1 }, Mc = { value: 2 }, Nc = { value: 3 }, Pc = { value: 4 }, Fc = { class: "tpl:mb-3.5" }, Ic = ["value"], Lc = { value: "" }, Rc = ["value"], zc = { class: "tpl:mb-3.5" }, Bc = { class: "tpl:mb-3.5" }, Vc = /* @__PURE__ */ d({
|
|
3432
3446
|
__name: "TitleToolbar",
|
|
3433
3447
|
props: {
|
|
3434
3448
|
block: {},
|
|
@@ -3441,29 +3455,29 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3441
3455
|
r("update", { [e]: t });
|
|
3442
3456
|
}
|
|
3443
3457
|
return (t, r) => (s(), x(P, null, [
|
|
3444
|
-
A("div",
|
|
3458
|
+
A("div", kc, [A("label", { class: y(g(q)) }, F(g(i).title.level), 3), A("select", {
|
|
3445
3459
|
class: y(g(X)),
|
|
3446
3460
|
value: e.block.level,
|
|
3447
3461
|
onChange: r[0] ||= (e) => a("level", Number(e.target.value))
|
|
3448
3462
|
}, [
|
|
3449
|
-
A("option",
|
|
3450
|
-
A("option",
|
|
3451
|
-
A("option",
|
|
3452
|
-
A("option",
|
|
3453
|
-
], 42,
|
|
3454
|
-
A("div",
|
|
3463
|
+
A("option", jc, F(g(i).title.heading1), 1),
|
|
3464
|
+
A("option", Mc, F(g(i).title.heading2), 1),
|
|
3465
|
+
A("option", Nc, F(g(i).title.heading3), 1),
|
|
3466
|
+
A("option", Pc, F(g(i).title.heading4), 1)
|
|
3467
|
+
], 42, Ac)]),
|
|
3468
|
+
A("div", Fc, [A("label", { class: y(g(q)) }, F(g(i).title.fontFamily), 3), A("select", {
|
|
3455
3469
|
class: y(g(X)),
|
|
3456
3470
|
value: e.block.fontFamily || "",
|
|
3457
3471
|
onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
3458
|
-
}, [A("option",
|
|
3472
|
+
}, [A("option", Lc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
|
|
3459
3473
|
key: e.value,
|
|
3460
3474
|
value: e.value
|
|
3461
|
-
}, F(e.label), 9,
|
|
3462
|
-
A("div",
|
|
3475
|
+
}, F(e.label), 9, Rc))), 128))], 42, Ic)]),
|
|
3476
|
+
A("div", zc, [A("label", { class: y(g(q)) }, F(g(i).title.color), 3), _(Z, {
|
|
3463
3477
|
"model-value": e.block.color ?? "",
|
|
3464
3478
|
"onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
|
|
3465
3479
|
}, null, 8, ["model-value"])]),
|
|
3466
|
-
A("div",
|
|
3480
|
+
A("div", Bc, [A("label", { class: y(g(q)) }, F(g(i).title.align), 3), _(On, {
|
|
3467
3481
|
options: [
|
|
3468
3482
|
{
|
|
3469
3483
|
value: "left",
|
|
@@ -3486,14 +3500,14 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3486
3500
|
}, null, 8, ["options", "model-value"])])
|
|
3487
3501
|
], 64));
|
|
3488
3502
|
}
|
|
3489
|
-
}),
|
|
3503
|
+
}), Hc = { class: "tpl:mb-3.5" }, Uc = {
|
|
3490
3504
|
key: 0,
|
|
3491
3505
|
class: "tpl:mb-3.5"
|
|
3492
|
-
},
|
|
3506
|
+
}, Wc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Gc = [
|
|
3493
3507
|
"value",
|
|
3494
3508
|
"placeholder",
|
|
3495
3509
|
"title"
|
|
3496
|
-
],
|
|
3510
|
+
], Kc = { class: "tpl:mb-3.5" }, qc = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Jc = { class: "tpl:mb-3.5" }, Yc = { class: "tpl:mb-3.5" }, Xc = ["value"], Zc = { value: "full" }, Qc = { class: "tpl:mb-3.5" }, $c = /* @__PURE__ */ d({
|
|
3497
3511
|
__name: "VideoToolbar",
|
|
3498
3512
|
props: { block: {} },
|
|
3499
3513
|
emits: ["update"],
|
|
@@ -3509,7 +3523,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3509
3523
|
u.alive && e && (h("thumbnailUrl", e.url), p.value = !0, m());
|
|
3510
3524
|
}
|
|
3511
3525
|
return (t, n) => (s(), x(P, null, [
|
|
3512
|
-
A("div",
|
|
3526
|
+
A("div", Hc, [
|
|
3513
3527
|
A("label", { class: y(g(q)) }, F(g(a).video.videoUrl), 3),
|
|
3514
3528
|
_($, {
|
|
3515
3529
|
"model-value": e.block.url,
|
|
@@ -3525,16 +3539,16 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3525
3539
|
"onUpdate:modelValue": n[1] ||= (e) => h("openInNewTab", e)
|
|
3526
3540
|
}, null, 8, ["model-value", "label"])) : S("", !0)
|
|
3527
3541
|
]),
|
|
3528
|
-
f.value ? (s(), x("div",
|
|
3542
|
+
f.value ? (s(), x("div", Uc, [A("label", { class: y(g(q)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", Wc, F(g(a).video.optional), 1)], 2), A("input", {
|
|
3529
3543
|
type: "url",
|
|
3530
3544
|
class: y(g(X)),
|
|
3531
3545
|
value: e.block.placeholderUrl || "",
|
|
3532
3546
|
placeholder: g(a).video.placeholderUrlPlaceholder,
|
|
3533
3547
|
title: g(a).video.placeholderUrlTooltip,
|
|
3534
3548
|
onInput: n[2] ||= (e) => h("placeholderUrl", e.target.value)
|
|
3535
|
-
}, null, 42,
|
|
3536
|
-
A("div",
|
|
3537
|
-
A("label", { class: y(g(q)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span",
|
|
3549
|
+
}, null, 42, Gc)])) : S("", !0),
|
|
3550
|
+
A("div", Kc, [
|
|
3551
|
+
A("label", { class: y(g(q)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", qc, F(g(a).video.optional), 1)], 2),
|
|
3538
3552
|
_($, {
|
|
3539
3553
|
"model-value": e.block.thumbnailUrl,
|
|
3540
3554
|
type: "url",
|
|
@@ -3560,23 +3574,23 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3560
3574
|
"stroke-width": 1.5
|
|
3561
3575
|
}), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
|
|
3562
3576
|
]),
|
|
3563
|
-
A("div",
|
|
3577
|
+
A("div", Jc, [A("label", { class: y(g(q)) }, F(g(a).video.altText), 3), _($, {
|
|
3564
3578
|
"model-value": e.block.alt,
|
|
3565
3579
|
type: "text",
|
|
3566
3580
|
placeholder: g(a).video.altTextPlaceholder,
|
|
3567
3581
|
"onUpdate:modelValue": n[4] ||= (e) => h("alt", e)
|
|
3568
3582
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
3569
|
-
A("div",
|
|
3583
|
+
A("div", Yc, [A("label", { class: y(g(q)) }, F(g(a).video.width), 3), A("select", {
|
|
3570
3584
|
class: y(g(X)),
|
|
3571
3585
|
value: e.block.width,
|
|
3572
3586
|
onChange: n[5] ||= (e) => h("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
3573
3587
|
}, [
|
|
3574
|
-
A("option",
|
|
3588
|
+
A("option", Zc, F(g(a).video.fullWidth), 1),
|
|
3575
3589
|
n[7] ||= A("option", { value: "300" }, "300px", -1),
|
|
3576
3590
|
n[8] ||= A("option", { value: "400" }, "400px", -1),
|
|
3577
3591
|
n[9] ||= A("option", { value: "500" }, "500px", -1)
|
|
3578
|
-
], 42,
|
|
3579
|
-
A("div",
|
|
3592
|
+
], 42, Xc)]),
|
|
3593
|
+
A("div", Qc, [A("label", { class: y(g(q)) }, F(g(a).title.align), 3), _(On, {
|
|
3580
3594
|
options: [
|
|
3581
3595
|
{
|
|
3582
3596
|
value: "left",
|
|
@@ -3596,7 +3610,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3596
3610
|
}, null, 8, ["options", "model-value"])])
|
|
3597
3611
|
], 64));
|
|
3598
3612
|
}
|
|
3599
|
-
}),
|
|
3613
|
+
}), el = ["aria-label"], tl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, nl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, rl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, il = { class: "tpl:flex tpl:gap-1" }, al = ["title"], ol = ["title"], sl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, cl = /*#__PURE__*/ cn(/* @__PURE__ */ d({
|
|
3600
3614
|
__name: "Toolbar",
|
|
3601
3615
|
props: { block: {} },
|
|
3602
3616
|
emits: [
|
|
@@ -3605,7 +3619,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3605
3619
|
"duplicate"
|
|
3606
3620
|
],
|
|
3607
3621
|
setup(e, { emit: n }) {
|
|
3608
|
-
let r = L(() => import("./chunks/CountdownToolbar-
|
|
3622
|
+
let r = L(() => import("./chunks/CountdownToolbar-pVbkPNVo.js")), i = e, a = n, { t: o } = K(), c = Qe($e, "Toolbar"), l = t(nt, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
|
|
3609
3623
|
if (f.value) return l.find((e) => e.type === i.block.customType);
|
|
3610
3624
|
}), m = b(() => f.value ? p.value?.name ?? i.block.customType : Ee(d.value, o)), h = c.fonts;
|
|
3611
3625
|
function v(e) {
|
|
@@ -3614,7 +3628,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3614
3628
|
return (t, n) => (s(), x("aside", {
|
|
3615
3629
|
"aria-label": g(o).landmarks.blockToolbar,
|
|
3616
3630
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
3617
|
-
}, [A("div",
|
|
3631
|
+
}, [A("div", tl, [A("div", nl, [g(gn)[d.value] ? (s(), D(u(g(gn)[d.value]), {
|
|
3618
3632
|
key: 0,
|
|
3619
3633
|
size: 16,
|
|
3620
3634
|
"stroke-width": 1.5
|
|
@@ -3622,39 +3636,39 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3622
3636
|
key: 1,
|
|
3623
3637
|
size: 16,
|
|
3624
3638
|
"stroke-width": 1.5
|
|
3625
|
-
})) : S("", !0), A("h3",
|
|
3639
|
+
})) : S("", !0), A("h3", rl, F(m.value), 1)]), A("div", il, [A("button", {
|
|
3626
3640
|
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:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
|
|
3627
3641
|
title: g(o).toolbar.duplicate,
|
|
3628
3642
|
onClick: n[0] ||= (e) => a("duplicate")
|
|
3629
3643
|
}, [_(g(St), {
|
|
3630
3644
|
size: 14,
|
|
3631
3645
|
"stroke-width": 2
|
|
3632
|
-
})], 8,
|
|
3646
|
+
})], 8, al), A("button", {
|
|
3633
3647
|
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:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
|
|
3634
3648
|
title: g(o).toolbar.delete,
|
|
3635
3649
|
onClick: n[1] ||= (e) => a("delete")
|
|
3636
3650
|
}, [_(g(Vt), {
|
|
3637
3651
|
size: 14,
|
|
3638
3652
|
"stroke-width": 2
|
|
3639
|
-
})], 8,
|
|
3653
|
+
})], 8, ol)])]), A("div", sl, [f.value ? (s(), D(ko, {
|
|
3640
3654
|
key: 0,
|
|
3641
3655
|
block: e.block,
|
|
3642
3656
|
onUpdateFieldValues: n[2] ||= (e) => a("update", { fieldValues: e }),
|
|
3643
3657
|
onUpdateDataSourceFetched: n[3] ||= (e) => a("update", { dataSourceFetched: e })
|
|
3644
|
-
}, null, 8, ["block"])) : d.value === "section" ? (s(), D(
|
|
3658
|
+
}, null, 8, ["block"])) : d.value === "section" ? (s(), D(Ds, {
|
|
3645
3659
|
key: 1,
|
|
3646
3660
|
block: e.block,
|
|
3647
3661
|
onUpdate: v
|
|
3648
|
-
}, null, 8, ["block"])) : d.value === "title" ? (s(), D(
|
|
3662
|
+
}, null, 8, ["block"])) : d.value === "title" ? (s(), D(Vc, {
|
|
3649
3663
|
key: 2,
|
|
3650
3664
|
block: e.block,
|
|
3651
3665
|
"font-families": g(h),
|
|
3652
3666
|
onUpdate: v
|
|
3653
|
-
}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(
|
|
3667
|
+
}, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(ns, {
|
|
3654
3668
|
key: 4,
|
|
3655
3669
|
block: e.block,
|
|
3656
3670
|
onUpdate: v
|
|
3657
|
-
}, null, 8, ["block"])) : d.value === "video" ? (s(), D(
|
|
3671
|
+
}, null, 8, ["block"])) : d.value === "video" ? (s(), D($c, {
|
|
3658
3672
|
key: 5,
|
|
3659
3673
|
block: e.block,
|
|
3660
3674
|
onUpdate: v
|
|
@@ -3663,29 +3677,29 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3663
3677
|
block: e.block,
|
|
3664
3678
|
"font-families": g(h),
|
|
3665
3679
|
onUpdate: v
|
|
3666
|
-
}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(
|
|
3680
|
+
}, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Fo, {
|
|
3667
3681
|
key: 7,
|
|
3668
3682
|
block: e.block,
|
|
3669
3683
|
onUpdate: v
|
|
3670
|
-
}, null, 8, ["block"])) : d.value === "social" ? (s(), D(
|
|
3684
|
+
}, null, 8, ["block"])) : d.value === "social" ? (s(), D(Ks, {
|
|
3671
3685
|
key: 8,
|
|
3672
3686
|
block: e.block,
|
|
3673
3687
|
onUpdate: v
|
|
3674
|
-
}, null, 8, ["block"])) : d.value === "menu" ? (s(), D(
|
|
3688
|
+
}, null, 8, ["block"])) : d.value === "menu" ? (s(), D(ps, {
|
|
3675
3689
|
key: 9,
|
|
3676
3690
|
block: e.block,
|
|
3677
3691
|
"font-families": g(h),
|
|
3678
3692
|
onUpdate: v
|
|
3679
|
-
}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(
|
|
3693
|
+
}, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Oc, {
|
|
3680
3694
|
key: 10,
|
|
3681
3695
|
block: e.block,
|
|
3682
3696
|
"font-families": g(h),
|
|
3683
3697
|
onUpdate: v
|
|
3684
|
-
}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(
|
|
3698
|
+
}, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(Zs, {
|
|
3685
3699
|
key: 11,
|
|
3686
3700
|
block: e.block,
|
|
3687
3701
|
onUpdate: v
|
|
3688
|
-
}, null, 8, ["block"])) : d.value === "html" ? (s(), D(
|
|
3702
|
+
}, null, 8, ["block"])) : d.value === "html" ? (s(), D(zo, {
|
|
3689
3703
|
key: 12,
|
|
3690
3704
|
block: e.block,
|
|
3691
3705
|
onUpdate: v
|
|
@@ -3698,48 +3712,48 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3698
3712
|
block: e.block,
|
|
3699
3713
|
"is-first-section": d.value === "paragraph",
|
|
3700
3714
|
onUpdate: v
|
|
3701
|
-
}, null, 8, ["block", "is-first-section"])])], 8,
|
|
3715
|
+
}, null, 8, ["block", "is-first-section"])])], 8, el));
|
|
3702
3716
|
}
|
|
3703
|
-
}), [["__scopeId", "data-v-417d1652"]]),
|
|
3717
|
+
}), [["__scopeId", "data-v-417d1652"]]), ll = ["aria-label"], ul = {
|
|
3704
3718
|
role: "tablist",
|
|
3705
3719
|
class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
|
|
3706
|
-
},
|
|
3720
|
+
}, dl = [
|
|
3707
3721
|
"aria-selected",
|
|
3708
3722
|
"aria-label",
|
|
3709
3723
|
"title"
|
|
3710
|
-
],
|
|
3724
|
+
], fl = { key: 0 }, pl = [
|
|
3711
3725
|
"aria-selected",
|
|
3712
3726
|
"aria-label",
|
|
3713
3727
|
"title"
|
|
3714
|
-
],
|
|
3728
|
+
], ml = { key: 0 }, hl = [
|
|
3715
3729
|
"aria-selected",
|
|
3716
3730
|
"aria-label",
|
|
3717
3731
|
"title"
|
|
3718
|
-
],
|
|
3732
|
+
], gl = { key: 0 }, _l = {
|
|
3719
3733
|
key: 1,
|
|
3720
3734
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
3721
|
-
},
|
|
3735
|
+
}, vl = {
|
|
3722
3736
|
key: 0,
|
|
3723
3737
|
id: "tpl-tabpanel-content",
|
|
3724
3738
|
role: "tabpanel",
|
|
3725
3739
|
"aria-labelledby": "tpl-tab-content",
|
|
3726
3740
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3727
|
-
},
|
|
3741
|
+
}, yl = {
|
|
3728
3742
|
key: 1,
|
|
3729
3743
|
class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
|
|
3730
|
-
},
|
|
3744
|
+
}, bl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, xl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Sl = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Cl = {
|
|
3731
3745
|
key: 1,
|
|
3732
3746
|
id: "tpl-tabpanel-settings",
|
|
3733
3747
|
role: "tabpanel",
|
|
3734
3748
|
"aria-labelledby": "tpl-tab-settings",
|
|
3735
3749
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3736
|
-
},
|
|
3750
|
+
}, wl = {
|
|
3737
3751
|
key: 2,
|
|
3738
3752
|
id: "tpl-tabpanel-issues",
|
|
3739
3753
|
role: "tabpanel",
|
|
3740
3754
|
"aria-labelledby": "tpl-tab-issues",
|
|
3741
3755
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
3742
|
-
},
|
|
3756
|
+
}, Tl = /* @__PURE__ */ d({
|
|
3743
3757
|
__name: "RightSidebar",
|
|
3744
3758
|
props: {
|
|
3745
3759
|
selectedBlock: {},
|
|
@@ -3769,7 +3783,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3769
3783
|
"aria-label": g(c).landmarks.rightSidebar,
|
|
3770
3784
|
class: y(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
|
|
3771
3785
|
}, [
|
|
3772
|
-
A("div",
|
|
3786
|
+
A("div", ul, [
|
|
3773
3787
|
A("button", {
|
|
3774
3788
|
id: "tpl-tab-content",
|
|
3775
3789
|
role: "tab",
|
|
@@ -3783,7 +3797,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3783
3797
|
}, [_(g($t), {
|
|
3784
3798
|
size: 14,
|
|
3785
3799
|
"stroke-width": 2
|
|
3786
|
-
}), u.value === "content" ? (s(), x("span",
|
|
3800
|
+
}), u.value === "content" ? (s(), x("span", fl, F(g(c).sidebar.content), 1)) : S("", !0)], 14, dl),
|
|
3787
3801
|
A("button", {
|
|
3788
3802
|
id: "tpl-tab-settings",
|
|
3789
3803
|
role: "tab",
|
|
@@ -3797,7 +3811,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3797
3811
|
}, [_(g(qt), {
|
|
3798
3812
|
size: 14,
|
|
3799
3813
|
"stroke-width": 1.5
|
|
3800
|
-
}), u.value === "settings" ? (s(), x("span",
|
|
3814
|
+
}), u.value === "settings" ? (s(), x("span", ml, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, pl),
|
|
3801
3815
|
f.value ? (s(), x("button", {
|
|
3802
3816
|
key: 0,
|
|
3803
3817
|
id: "tpl-tab-issues",
|
|
@@ -3814,68 +3828,68 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3814
3828
|
size: 14,
|
|
3815
3829
|
"stroke-width": 1.5
|
|
3816
3830
|
}),
|
|
3817
|
-
u.value === "issues" ? (s(), x("span",
|
|
3818
|
-
p.value > 0 ? (s(), x("span",
|
|
3819
|
-
], 14,
|
|
3831
|
+
u.value === "issues" ? (s(), x("span", gl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
|
|
3832
|
+
p.value > 0 ? (s(), x("span", _l, F(p.value), 1)) : S("", !0)
|
|
3833
|
+
], 14, hl)) : S("", !0)
|
|
3820
3834
|
]),
|
|
3821
|
-
u.value === "content" ? (s(), x("div",
|
|
3835
|
+
u.value === "content" ? (s(), x("div", vl, [n.selectedBlock ? (s(), D(cl, {
|
|
3822
3836
|
key: 0,
|
|
3823
3837
|
block: n.selectedBlock,
|
|
3824
3838
|
onUpdate: t[3] ||= (e) => o("update-block", e),
|
|
3825
3839
|
onDelete: t[4] ||= (e) => o("delete-block"),
|
|
3826
3840
|
onDuplicate: t[5] ||= (e) => o("duplicate-block")
|
|
3827
|
-
}, null, 8, ["block"])) : (s(), x("div",
|
|
3828
|
-
A("div",
|
|
3841
|
+
}, null, 8, ["block"])) : (s(), x("div", yl, [
|
|
3842
|
+
A("div", bl, [_(g(Jt), {
|
|
3829
3843
|
size: 40,
|
|
3830
3844
|
"stroke-width": 1.5
|
|
3831
3845
|
})]),
|
|
3832
|
-
A("h3",
|
|
3833
|
-
A("p",
|
|
3846
|
+
A("h3", xl, F(g(c).sidebar.noSelection), 1),
|
|
3847
|
+
A("p", Sl, F(g(c).sidebar.noSelectionHint), 1)
|
|
3834
3848
|
]))])) : S("", !0),
|
|
3835
|
-
u.value === "settings" ? (s(), x("div",
|
|
3849
|
+
u.value === "settings" ? (s(), x("div", Cl, [_(yi, {
|
|
3836
3850
|
settings: n.settings,
|
|
3837
3851
|
onUpdate: t[6] ||= (e) => o("update-settings", e)
|
|
3838
3852
|
}, null, 8, ["settings"])])) : S("", !0),
|
|
3839
|
-
u.value === "issues" && f.value ? (s(), x("div",
|
|
3840
|
-
], 10,
|
|
3853
|
+
u.value === "issues" && f.value ? (s(), x("div", wl, [_(g(i))])) : S("", !0)
|
|
3854
|
+
], 10, ll));
|
|
3841
3855
|
}
|
|
3842
|
-
}),
|
|
3856
|
+
}), El = {
|
|
3843
3857
|
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)]",
|
|
3844
3858
|
style: { "z-index": "10001" },
|
|
3845
3859
|
role: "status",
|
|
3846
3860
|
"data-testid": "small-screen-notice"
|
|
3847
|
-
},
|
|
3861
|
+
}, Dl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Ol = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, kl = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Al = /* @__PURE__ */ d({
|
|
3848
3862
|
__name: "SmallScreenNotice",
|
|
3849
3863
|
setup(e) {
|
|
3850
3864
|
let { t } = K();
|
|
3851
|
-
return (e, n) => (s(), x("div",
|
|
3852
|
-
A("div",
|
|
3865
|
+
return (e, n) => (s(), x("div", El, [
|
|
3866
|
+
A("div", Dl, [_(g(vt), {
|
|
3853
3867
|
size: 48,
|
|
3854
3868
|
"stroke-width": 1.5
|
|
3855
3869
|
})]),
|
|
3856
|
-
A("h2",
|
|
3857
|
-
A("p",
|
|
3870
|
+
A("h2", Ol, F(g(t).smallScreen.title), 1),
|
|
3871
|
+
A("p", kl, F(g(t).smallScreen.message), 1)
|
|
3858
3872
|
]));
|
|
3859
3873
|
}
|
|
3860
|
-
}),
|
|
3874
|
+
}), jl = {
|
|
3861
3875
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
3862
3876
|
style: {
|
|
3863
3877
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
3864
3878
|
"backdrop-filter": "blur(8px)",
|
|
3865
3879
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
3866
3880
|
}
|
|
3867
|
-
},
|
|
3881
|
+
}, Ml = {
|
|
3868
3882
|
href: "https://github.com/templatical/sdk",
|
|
3869
3883
|
target: "_blank",
|
|
3870
3884
|
rel: "noopener noreferrer",
|
|
3871
3885
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
3872
3886
|
style: { "text-decoration": "none" }
|
|
3873
|
-
},
|
|
3887
|
+
}, Nl = /* @__PURE__ */ d({
|
|
3874
3888
|
__name: "EditorFooter",
|
|
3875
3889
|
props: { positionClass: {} },
|
|
3876
3890
|
setup(e) {
|
|
3877
3891
|
let { t } = K();
|
|
3878
|
-
return (n, r) => (s(), x("footer", { class: y(["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)]", e.positionClass]) }, [A("div",
|
|
3892
|
+
return (n, r) => (s(), x("footer", { class: y(["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)]", e.positionClass]) }, [A("div", jl, [
|
|
3879
3893
|
A("span", null, F(g(t).footer.poweredBy), 1),
|
|
3880
3894
|
r[0] ||= A("a", {
|
|
3881
3895
|
href: "https://templatical.com",
|
|
@@ -3890,14 +3904,14 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3890
3904
|
alt: ""
|
|
3891
3905
|
}), R(" Templatical ")], -1),
|
|
3892
3906
|
r[1] ||= A("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
3893
|
-
A("a",
|
|
3907
|
+
A("a", Ml, F(g(t).footer.openSource), 1)
|
|
3894
3908
|
])], 2));
|
|
3895
3909
|
}
|
|
3896
|
-
}),
|
|
3910
|
+
}), Pl = [
|
|
3897
3911
|
"aria-label",
|
|
3898
3912
|
"title",
|
|
3899
3913
|
"aria-pressed"
|
|
3900
|
-
],
|
|
3914
|
+
], Fl = /*#__PURE__*/ cn(/* @__PURE__ */ d({
|
|
3901
3915
|
__name: "DarkModeToggle",
|
|
3902
3916
|
props: { darkMode: { type: Boolean } },
|
|
3903
3917
|
emits: ["change"],
|
|
@@ -3930,13 +3944,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3930
3944
|
"stroke-width": 1.5
|
|
3931
3945
|
}))]),
|
|
3932
3946
|
_: 1
|
|
3933
|
-
})], 12,
|
|
3947
|
+
})], 12, Pl));
|
|
3934
3948
|
}
|
|
3935
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
3949
|
+
}), [["__scopeId", "data-v-632aa74f"]]), Il = [
|
|
3936
3950
|
"aria-label",
|
|
3937
3951
|
"title",
|
|
3938
3952
|
"aria-pressed"
|
|
3939
|
-
],
|
|
3953
|
+
], Ll = /*#__PURE__*/ cn(/* @__PURE__ */ d({
|
|
3940
3954
|
__name: "PreviewToggle",
|
|
3941
3955
|
props: { previewMode: { type: Boolean } },
|
|
3942
3956
|
emits: ["change"],
|
|
@@ -3969,9 +3983,9 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
3969
3983
|
"stroke-width": 1.5
|
|
3970
3984
|
}))]),
|
|
3971
3985
|
_: 1
|
|
3972
|
-
})], 12,
|
|
3986
|
+
})], 12, Il));
|
|
3973
3987
|
}
|
|
3974
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
3988
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), Rl = ["aria-label", "onKeydown"], zl = ["title", "aria-label"], Bl = /* @__PURE__ */ d({
|
|
3975
3989
|
__name: "TemplateNameField",
|
|
3976
3990
|
props: {
|
|
3977
3991
|
name: {},
|
|
@@ -4003,7 +4017,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4003
4017
|
class: y([g(X), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
4004
4018
|
onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
|
|
4005
4019
|
onBlur: d
|
|
4006
|
-
}, null, 42,
|
|
4020
|
+
}, null, 42, Rl)), [[k, o.value]]) : e.editable ? (s(), x("button", {
|
|
4007
4021
|
key: 1,
|
|
4008
4022
|
type: "button",
|
|
4009
4023
|
"data-testid": "template-name",
|
|
@@ -4011,13 +4025,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4011
4025
|
"aria-label": g(i).header.rename,
|
|
4012
4026
|
class: y(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
|
|
4013
4027
|
onClick: u
|
|
4014
|
-
}, F(e.name || g(i).header.untitled), 11,
|
|
4028
|
+
}, F(e.name || g(i).header.untitled), 11, zl)) : (s(), x("span", {
|
|
4015
4029
|
key: 2,
|
|
4016
4030
|
"data-testid": "template-name",
|
|
4017
4031
|
class: y(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
|
|
4018
4032
|
}, F(e.name || g(i).header.untitled), 3));
|
|
4019
4033
|
}
|
|
4020
|
-
}),
|
|
4034
|
+
}), Vl = ["title"], Hl = /* @__PURE__ */ d({
|
|
4021
4035
|
__name: "TemplateTimestamp",
|
|
4022
4036
|
props: {
|
|
4023
4037
|
iso: {},
|
|
@@ -4042,19 +4056,19 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4042
4056
|
"data-testid": "template-timestamp",
|
|
4043
4057
|
title: o.value,
|
|
4044
4058
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
4045
|
-
}, F(a.value), 9,
|
|
4059
|
+
}, F(a.value), 9, Vl)) : S("", !0);
|
|
4046
4060
|
}
|
|
4047
|
-
}),
|
|
4061
|
+
}), Ul = ["data-tooltip"], Wl = {
|
|
4048
4062
|
key: 1,
|
|
4049
4063
|
"aria-live": "polite",
|
|
4050
4064
|
"data-testid": "save-status-saved",
|
|
4051
4065
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
4052
|
-
},
|
|
4066
|
+
}, Gl = {
|
|
4053
4067
|
key: 2,
|
|
4054
4068
|
"aria-live": "polite",
|
|
4055
4069
|
"data-testid": "save-status-unsaved",
|
|
4056
4070
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
4057
|
-
},
|
|
4071
|
+
}, Kl = /* @__PURE__ */ d({
|
|
4058
4072
|
__name: "TemplateSaveStatus",
|
|
4059
4073
|
props: {
|
|
4060
4074
|
status: {},
|
|
@@ -4072,19 +4086,19 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4072
4086
|
}, [_(g(Ot), {
|
|
4073
4087
|
size: 12,
|
|
4074
4088
|
"stroke-width": 2.5
|
|
4075
|
-
}), R(" " + F(g(t).header.saveFailed), 1)], 8,
|
|
4089
|
+
}), R(" " + F(g(t).header.saveFailed), 1)], 8, Ul)) : e.status === "saved" ? (s(), x("div", Wl, [_(g(Et), {
|
|
4076
4090
|
size: 12,
|
|
4077
4091
|
"stroke-width": 2.5
|
|
4078
|
-
}), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div",
|
|
4092
|
+
}), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", Gl, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
|
|
4079
4093
|
}
|
|
4080
|
-
}),
|
|
4094
|
+
}), ql = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, Jl = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Yl = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Xl = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Zl = ["aria-label", "aria-expanded"], Ql = {
|
|
4081
4095
|
key: 0,
|
|
4082
4096
|
class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]"
|
|
4083
|
-
},
|
|
4097
|
+
}, $l = [
|
|
4084
4098
|
"aria-label",
|
|
4085
4099
|
"title",
|
|
4086
4100
|
"disabled"
|
|
4087
|
-
],
|
|
4101
|
+
], eu = ["disabled", "title"], tu = /* @__PURE__ */ d({
|
|
4088
4102
|
__name: "EditorHeader",
|
|
4089
4103
|
props: {
|
|
4090
4104
|
editor: {},
|
|
@@ -4097,11 +4111,11 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4097
4111
|
},
|
|
4098
4112
|
setup(e) {
|
|
4099
4113
|
let t = L(() => import("./chunks/VersionHistoryMenu-_MAj3qZj.js"));
|
|
4100
|
-
return (n, r) => (s(), x("header",
|
|
4101
|
-
A("div",
|
|
4114
|
+
return (n, r) => (s(), x("header", ql, [
|
|
4115
|
+
A("div", Jl, [e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
|
|
4102
4116
|
key: 0,
|
|
4103
4117
|
class: y(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
|
|
4104
|
-
}, [e.showTemplateName ? (s(), D(
|
|
4118
|
+
}, [e.showTemplateName ? (s(), D(Bl, {
|
|
4105
4119
|
key: 0,
|
|
4106
4120
|
name: e.templates.name.value,
|
|
4107
4121
|
editable: e.templates.canSave.value,
|
|
@@ -4110,21 +4124,21 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4110
4124
|
"name",
|
|
4111
4125
|
"editable",
|
|
4112
4126
|
"onCommit"
|
|
4113
|
-
])) : S("", !0), e.templates.timestamp.value ? (s(), D(
|
|
4127
|
+
])) : S("", !0), e.templates.timestamp.value ? (s(), D(Hl, {
|
|
4114
4128
|
key: 1,
|
|
4115
4129
|
iso: e.templates.timestamp.value.iso,
|
|
4116
4130
|
kind: e.templates.timestamp.value.kind
|
|
4117
4131
|
}, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0), i(n.$slots, "left-extras")]),
|
|
4118
|
-
A("div",
|
|
4132
|
+
A("div", Yl, [
|
|
4119
4133
|
_(An, {
|
|
4120
4134
|
viewport: e.editor.state.viewport,
|
|
4121
4135
|
onChange: e.editor.setViewport
|
|
4122
4136
|
}, null, 8, ["viewport", "onChange"]),
|
|
4123
|
-
_(
|
|
4137
|
+
_(Fl, {
|
|
4124
4138
|
"dark-mode": e.editor.state.darkMode,
|
|
4125
4139
|
onChange: e.editor.setDarkMode
|
|
4126
4140
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
4127
|
-
_(
|
|
4141
|
+
_(Ll, {
|
|
4128
4142
|
"preview-mode": e.editor.state.previewMode,
|
|
4129
4143
|
onChange: e.editor.setPreviewMode
|
|
4130
4144
|
}, null, 8, ["preview-mode", "onChange"]),
|
|
@@ -4149,8 +4163,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4149
4163
|
"previewing-id"
|
|
4150
4164
|
])) : S("", !0)
|
|
4151
4165
|
]),
|
|
4152
|
-
A("div",
|
|
4153
|
-
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(
|
|
4166
|
+
A("div", Xl, [
|
|
4167
|
+
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(Kl, {
|
|
4154
4168
|
key: 0,
|
|
4155
4169
|
status: e.templates.status.value,
|
|
4156
4170
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -4178,8 +4192,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4178
4192
|
"stroke-width": 2
|
|
4179
4193
|
}),
|
|
4180
4194
|
R(" " + F(e.core.t.comments.button) + " ", 1),
|
|
4181
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span",
|
|
4182
|
-
], 14,
|
|
4195
|
+
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", Ql, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
|
|
4196
|
+
], 14, Zl)) : S("", !0),
|
|
4183
4197
|
i(n.$slots, "right-extras"),
|
|
4184
4198
|
e.testEmail?.isAvailable.value ? (s(), x("button", {
|
|
4185
4199
|
key: 2,
|
|
@@ -4199,7 +4213,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4199
4213
|
key: 0,
|
|
4200
4214
|
size: 16,
|
|
4201
4215
|
"stroke-width": 2
|
|
4202
|
-
})), R(" " + F(e.core.t.testEmail.button), 1)], 10,
|
|
4216
|
+
})), R(" " + F(e.core.t.testEmail.button), 1)], 10, $l)) : S("", !0),
|
|
4203
4217
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), x("button", {
|
|
4204
4218
|
key: 3,
|
|
4205
4219
|
type: "button",
|
|
@@ -4218,33 +4232,33 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4218
4232
|
key: 0,
|
|
4219
4233
|
size: 16,
|
|
4220
4234
|
"stroke-width": 2
|
|
4221
|
-
})), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14,
|
|
4235
|
+
})), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, eu)) : S("", !0)
|
|
4222
4236
|
])
|
|
4223
4237
|
]));
|
|
4224
4238
|
}
|
|
4225
|
-
}),
|
|
4239
|
+
}), nu = ["aria-labelledby", "data-tpl-theme"], ru = { 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" }, iu = ["id"], au = ["aria-label"], ou = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, su = [
|
|
4226
4240
|
"id",
|
|
4227
4241
|
"placeholder",
|
|
4228
4242
|
"aria-label",
|
|
4229
4243
|
"aria-activedescendant"
|
|
4230
|
-
],
|
|
4244
|
+
], cu = {
|
|
4231
4245
|
key: 0,
|
|
4232
4246
|
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",
|
|
4233
4247
|
"data-testid": "merge-tag-picker-group-pills"
|
|
4234
|
-
},
|
|
4248
|
+
}, lu = ["data-group-name", "onClick"], uu = ["aria-label"], du = {
|
|
4235
4249
|
key: 0,
|
|
4236
4250
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4237
4251
|
"data-testid": "merge-tag-picker-empty"
|
|
4238
|
-
},
|
|
4252
|
+
}, fu = {
|
|
4239
4253
|
key: 1,
|
|
4240
4254
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4241
4255
|
"data-testid": "merge-tag-picker-empty"
|
|
4242
|
-
},
|
|
4256
|
+
}, pu = [
|
|
4243
4257
|
"aria-expanded",
|
|
4244
4258
|
"data-group-name",
|
|
4245
4259
|
"data-group-collapsed",
|
|
4246
4260
|
"onClick"
|
|
4247
|
-
],
|
|
4261
|
+
], mu = { class: "tpl:ml-1 tpl:font-normal" }, hu = [
|
|
4248
4262
|
"id",
|
|
4249
4263
|
"aria-selected",
|
|
4250
4264
|
"data-selected",
|
|
@@ -4253,14 +4267,14 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4253
4267
|
"title",
|
|
4254
4268
|
"onMousemove",
|
|
4255
4269
|
"onClick"
|
|
4256
|
-
],
|
|
4270
|
+
], gu = { class: "tpl:text-sm tpl:font-medium" }, _u = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, vu = {
|
|
4257
4271
|
key: 0,
|
|
4258
4272
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4259
|
-
},
|
|
4273
|
+
}, yu = {
|
|
4260
4274
|
key: 1,
|
|
4261
4275
|
"data-testid": "merge-tag-picker-sample",
|
|
4262
4276
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4263
|
-
},
|
|
4277
|
+
}, bu = "tpl-merge-tag-picker-list", xu = /* @__PURE__ */ d({
|
|
4264
4278
|
__name: "MergeTagPickerModal",
|
|
4265
4279
|
setup(i) {
|
|
4266
4280
|
let a = Qe(We, "MergeTagPickerModal"), { t: o, format: c } = K(), u = t(Ue, null), d = t(Ke, null), p = l(""), m = Be(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
|
|
@@ -4373,10 +4387,10 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4373
4387
|
}
|
|
4374
4388
|
}
|
|
4375
4389
|
function G() {
|
|
4376
|
-
if (z.value.length !== 0) return `${
|
|
4390
|
+
if (z.value.length !== 0) return `${bu}-opt-${O.value}`;
|
|
4377
4391
|
}
|
|
4378
4392
|
function ae(e) {
|
|
4379
|
-
return `${
|
|
4393
|
+
return `${bu}-opt-${e}`;
|
|
4380
4394
|
}
|
|
4381
4395
|
let oe = b(() => a.tags.value.length === 0), se = b(() => !oe.value && I.value.length === 0), ce = b(() => j.value && L.value.length > 1 && !C.value);
|
|
4382
4396
|
return (e, t) => (s(), D(Nn, {
|
|
@@ -4387,16 +4401,16 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4387
4401
|
default: r(() => [A("div", {
|
|
4388
4402
|
role: "dialog",
|
|
4389
4403
|
"aria-modal": "true",
|
|
4390
|
-
"aria-labelledby": `${
|
|
4404
|
+
"aria-labelledby": `${bu}-title`,
|
|
4391
4405
|
"data-tpl-theme": g(d),
|
|
4392
4406
|
"data-testid": "merge-tag-picker-modal",
|
|
4393
4407
|
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)] tpl:shadow-[var(--tpl-shadow-lg)]",
|
|
4394
4408
|
style: E(g(u))
|
|
4395
4409
|
}, [
|
|
4396
|
-
A("header",
|
|
4397
|
-
id: `${
|
|
4410
|
+
A("header", ru, [A("h2", {
|
|
4411
|
+
id: `${bu}-title`,
|
|
4398
4412
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4399
|
-
}, F(g(o).mergeTag.picker.title), 9,
|
|
4413
|
+
}, F(g(o).mergeTag.picker.title), 9, iu), A("button", {
|
|
4400
4414
|
type: "button",
|
|
4401
4415
|
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)]",
|
|
4402
4416
|
"aria-label": g(o).mergeTag.picker.close,
|
|
@@ -4405,13 +4419,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4405
4419
|
}, [_(g(Xt), {
|
|
4406
4420
|
size: 16,
|
|
4407
4421
|
"stroke-width": 2
|
|
4408
|
-
})], 8,
|
|
4409
|
-
A("div",
|
|
4422
|
+
})], 8, au)]),
|
|
4423
|
+
A("div", ou, [_(g(kt), {
|
|
4410
4424
|
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)]",
|
|
4411
4425
|
size: 14,
|
|
4412
4426
|
"stroke-width": 2
|
|
4413
4427
|
}), f(A("input", {
|
|
4414
|
-
id: `${
|
|
4428
|
+
id: `${bu}-search`,
|
|
4415
4429
|
ref_key: "searchInputRef",
|
|
4416
4430
|
ref: h,
|
|
4417
4431
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -4419,34 +4433,34 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4419
4433
|
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)]",
|
|
4420
4434
|
placeholder: g(o).mergeTag.picker.searchPlaceholder,
|
|
4421
4435
|
"aria-label": g(o).mergeTag.picker.searchAriaLabel,
|
|
4422
|
-
"aria-controls":
|
|
4436
|
+
"aria-controls": bu,
|
|
4423
4437
|
"aria-activedescendant": G(),
|
|
4424
4438
|
"data-testid": "merge-tag-picker-search",
|
|
4425
4439
|
onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
|
|
4426
|
-
}, null, 40,
|
|
4427
|
-
ce.value ? (s(), x("div",
|
|
4440
|
+
}, null, 40, su), [[k, p.value]])]),
|
|
4441
|
+
ce.value ? (s(), x("div", cu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
|
|
4428
4442
|
key: e,
|
|
4429
4443
|
type: "button",
|
|
4430
4444
|
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)]",
|
|
4431
4445
|
"data-testid": "merge-tag-picker-group-pill",
|
|
4432
4446
|
"data-group-name": e,
|
|
4433
4447
|
onClick: (t) => re(e)
|
|
4434
|
-
}, F(e), 9,
|
|
4448
|
+
}, F(e), 9, lu))), 128))])) : S("", !0),
|
|
4435
4449
|
A("div", {
|
|
4436
|
-
id:
|
|
4450
|
+
id: bu,
|
|
4437
4451
|
ref_key: "listRef",
|
|
4438
4452
|
ref: U,
|
|
4439
4453
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4440
4454
|
role: "listbox",
|
|
4441
4455
|
"aria-label": g(o).mergeTag.picker.title,
|
|
4442
4456
|
"data-testid": "merge-tag-picker-list"
|
|
4443
|
-
}, [oe.value ? (s(), x("div",
|
|
4457
|
+
}, [oe.value ? (s(), x("div", du, F(g(o).mergeTag.picker.empty), 1)) : se.value ? (s(), x("div", fu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
|
|
4444
4458
|
key: 0,
|
|
4445
4459
|
ref_for: !0,
|
|
4446
4460
|
ref: (t) => te(e.group, t),
|
|
4447
4461
|
type: "button",
|
|
4448
4462
|
"aria-expanded": !N(e.group),
|
|
4449
|
-
"aria-controls":
|
|
4463
|
+
"aria-controls": bu,
|
|
4450
4464
|
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)]",
|
|
4451
4465
|
"data-testid": "merge-tag-picker-group-header",
|
|
4452
4466
|
"data-group-name": e.group,
|
|
@@ -4459,8 +4473,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4459
4473
|
class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
|
|
4460
4474
|
}, null, 8, ["class"]),
|
|
4461
4475
|
A("span", null, F(e.group), 1),
|
|
4462
|
-
A("span",
|
|
4463
|
-
], 8,
|
|
4476
|
+
A("span", mu, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
4477
|
+
], 8, pu)) : (s(), x("button", {
|
|
4464
4478
|
key: 1,
|
|
4465
4479
|
id: ae(e.index),
|
|
4466
4480
|
type: "button",
|
|
@@ -4475,16 +4489,16 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4475
4489
|
onMousemove: (t) => O.value = e.index,
|
|
4476
4490
|
onClick: (t) => B(e.tag)
|
|
4477
4491
|
}, [
|
|
4478
|
-
A("span",
|
|
4479
|
-
A("span",
|
|
4480
|
-
e.tag.description ? (s(), x("span",
|
|
4481
|
-
e.tag.sample === void 0 ? S("", !0) : (s(), x("span",
|
|
4482
|
-
], 42,
|
|
4483
|
-
], 12,
|
|
4492
|
+
A("span", gu, F(e.tag.label), 1),
|
|
4493
|
+
A("span", _u, F(e.tag.value), 1),
|
|
4494
|
+
e.tag.description ? (s(), x("span", vu, F(e.tag.description), 1)) : S("", !0),
|
|
4495
|
+
e.tag.sample === void 0 ? S("", !0) : (s(), x("span", yu, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
|
|
4496
|
+
], 42, hu))], 64))), 128))], 8, uu)
|
|
4497
|
+
], 12, nu)]),
|
|
4484
4498
|
_: 1
|
|
4485
4499
|
}, 8, ["visible"]));
|
|
4486
4500
|
}
|
|
4487
|
-
}),
|
|
4501
|
+
}), Su = ["data-logic-keyword"], Cu = /* @__PURE__ */ d({
|
|
4488
4502
|
__name: "LogicTagBadge",
|
|
4489
4503
|
props: {
|
|
4490
4504
|
value: {},
|
|
@@ -4501,22 +4515,22 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4501
4515
|
},
|
|
4502
4516
|
"data-testid": "merge-tag-logic-badge",
|
|
4503
4517
|
"data-logic-keyword": r.value
|
|
4504
|
-
}, F(r.value), 9,
|
|
4518
|
+
}, F(r.value), 9, Su)) : S("", !0);
|
|
4505
4519
|
}
|
|
4506
|
-
}),
|
|
4520
|
+
}), wu = ["aria-labelledby", "data-tpl-theme"], Tu = { 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" }, Eu = ["id"], Du = ["aria-label"], Ou = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ku = [
|
|
4507
4521
|
"id",
|
|
4508
4522
|
"placeholder",
|
|
4509
4523
|
"aria-label",
|
|
4510
4524
|
"aria-activedescendant"
|
|
4511
|
-
],
|
|
4525
|
+
], Au = ["aria-label"], ju = {
|
|
4512
4526
|
key: 0,
|
|
4513
4527
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4514
4528
|
"data-testid": "logic-picker-empty"
|
|
4515
|
-
},
|
|
4529
|
+
}, Mu = {
|
|
4516
4530
|
key: 1,
|
|
4517
4531
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4518
4532
|
"data-testid": "logic-picker-empty"
|
|
4519
|
-
},
|
|
4533
|
+
}, Nu = ["data-group-name"], Pu = [
|
|
4520
4534
|
"id",
|
|
4521
4535
|
"aria-selected",
|
|
4522
4536
|
"data-selected",
|
|
@@ -4524,16 +4538,16 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4524
4538
|
"data-logic-kind",
|
|
4525
4539
|
"onMousemove",
|
|
4526
4540
|
"onClick"
|
|
4527
|
-
],
|
|
4541
|
+
], Fu = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Iu = { class: "tpl:text-sm tpl:font-medium" }, Lu = {
|
|
4528
4542
|
key: 0,
|
|
4529
4543
|
class: "tpl:flex tpl:items-center"
|
|
4530
|
-
},
|
|
4544
|
+
}, Ru = {
|
|
4531
4545
|
key: 1,
|
|
4532
4546
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
4533
|
-
},
|
|
4547
|
+
}, zu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Bu = {
|
|
4534
4548
|
key: 0,
|
|
4535
4549
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4536
|
-
},
|
|
4550
|
+
}, Vu = "tpl-logic-picker-list", Hu = /* @__PURE__ */ d({
|
|
4537
4551
|
__name: "LogicTagPickerModal",
|
|
4538
4552
|
setup(i) {
|
|
4539
4553
|
let a = Qe(pt, "LogicTagPickerModal"), { t: o } = K(), c = t(at, ae.liquid), u = t(Ue, null), d = t(Ke, null), p = l(""), m = Be(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
|
|
@@ -4619,10 +4633,10 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4619
4633
|
}
|
|
4620
4634
|
}
|
|
4621
4635
|
function re(e) {
|
|
4622
|
-
return `${
|
|
4636
|
+
return `${Vu}-opt-${e}`;
|
|
4623
4637
|
}
|
|
4624
4638
|
function ie() {
|
|
4625
|
-
return z.value.length === 0 ? void 0 : `${
|
|
4639
|
+
return z.value.length === 0 ? void 0 : `${Vu}-opt-${O.value}`;
|
|
4626
4640
|
}
|
|
4627
4641
|
return (e, t) => (s(), D(Nn, {
|
|
4628
4642
|
visible: g(a).isOpen.value,
|
|
@@ -4632,16 +4646,16 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4632
4646
|
default: r(() => [A("div", {
|
|
4633
4647
|
role: "dialog",
|
|
4634
4648
|
"aria-modal": "true",
|
|
4635
|
-
"aria-labelledby": `${
|
|
4649
|
+
"aria-labelledby": `${Vu}-title`,
|
|
4636
4650
|
"data-tpl-theme": g(d),
|
|
4637
4651
|
"data-testid": "logic-picker-modal",
|
|
4638
4652
|
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)] tpl:shadow-[var(--tpl-shadow-lg)]",
|
|
4639
4653
|
style: E(g(u))
|
|
4640
4654
|
}, [
|
|
4641
|
-
A("header",
|
|
4642
|
-
id: `${
|
|
4655
|
+
A("header", Tu, [A("h2", {
|
|
4656
|
+
id: `${Vu}-title`,
|
|
4643
4657
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4644
|
-
}, F(g(o).logicTag.picker.title), 9,
|
|
4658
|
+
}, F(g(o).logicTag.picker.title), 9, Eu), A("button", {
|
|
4645
4659
|
type: "button",
|
|
4646
4660
|
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)]",
|
|
4647
4661
|
"aria-label": g(o).logicTag.picker.close,
|
|
@@ -4650,13 +4664,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4650
4664
|
}, [_(g(Xt), {
|
|
4651
4665
|
size: 16,
|
|
4652
4666
|
"stroke-width": 2
|
|
4653
|
-
})], 8,
|
|
4654
|
-
A("div",
|
|
4667
|
+
})], 8, Du)]),
|
|
4668
|
+
A("div", Ou, [_(g(kt), {
|
|
4655
4669
|
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)]",
|
|
4656
4670
|
size: 14,
|
|
4657
4671
|
"stroke-width": 2
|
|
4658
4672
|
}), f(A("input", {
|
|
4659
|
-
id: `${
|
|
4673
|
+
id: `${Vu}-search`,
|
|
4660
4674
|
ref_key: "searchInputRef",
|
|
4661
4675
|
ref: h,
|
|
4662
4676
|
"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
|
|
@@ -4664,25 +4678,25 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4664
4678
|
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)]",
|
|
4665
4679
|
placeholder: g(o).logicTag.picker.searchPlaceholder,
|
|
4666
4680
|
"aria-label": g(o).logicTag.picker.searchAriaLabel,
|
|
4667
|
-
"aria-controls":
|
|
4681
|
+
"aria-controls": Vu,
|
|
4668
4682
|
"aria-activedescendant": ie(),
|
|
4669
4683
|
"data-testid": "logic-picker-search",
|
|
4670
4684
|
onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
|
|
4671
|
-
}, null, 40,
|
|
4685
|
+
}, null, 40, ku), [[k, p.value]])]),
|
|
4672
4686
|
A("div", {
|
|
4673
|
-
id:
|
|
4687
|
+
id: Vu,
|
|
4674
4688
|
ref_key: "listRef",
|
|
4675
4689
|
ref: H,
|
|
4676
4690
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4677
4691
|
role: "listbox",
|
|
4678
4692
|
"aria-label": g(o).logicTag.picker.title,
|
|
4679
4693
|
"data-testid": "logic-picker-list"
|
|
4680
|
-
}, [B.value ? (s(), x("div",
|
|
4694
|
+
}, [B.value ? (s(), x("div", ju, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", Mu, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
|
|
4681
4695
|
key: 0,
|
|
4682
4696
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
4683
4697
|
"data-testid": "logic-picker-header",
|
|
4684
4698
|
"data-group-name": e.label
|
|
4685
|
-
}, F(e.label), 9,
|
|
4699
|
+
}, F(e.label), 9, Nu)) : (s(), x("button", {
|
|
4686
4700
|
key: 1,
|
|
4687
4701
|
id: re(e.index),
|
|
4688
4702
|
type: "button",
|
|
@@ -4696,28 +4710,28 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4696
4710
|
onMousemove: (t) => O.value = e.index,
|
|
4697
4711
|
onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
|
|
4698
4712
|
}, [
|
|
4699
|
-
A("span",
|
|
4713
|
+
A("span", Fu, [A("span", Iu, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", Lu, [_(Cu, {
|
|
4700
4714
|
value: e.tag.value,
|
|
4701
4715
|
syntax: g(c)
|
|
4702
|
-
}, null, 8, ["value", "syntax"])])) : (s(), x("span",
|
|
4703
|
-
_(
|
|
4716
|
+
}, null, 8, ["value", "syntax"])])) : (s(), x("span", Ru, [
|
|
4717
|
+
_(Cu, {
|
|
4704
4718
|
value: e.pair.before,
|
|
4705
4719
|
syntax: g(c)
|
|
4706
4720
|
}, null, 8, ["value", "syntax"]),
|
|
4707
4721
|
t[2] ||= A("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
4708
|
-
_(
|
|
4722
|
+
_(Cu, {
|
|
4709
4723
|
value: e.pair.after,
|
|
4710
4724
|
syntax: g(c)
|
|
4711
4725
|
}, null, 8, ["value", "syntax"])
|
|
4712
4726
|
]))]),
|
|
4713
|
-
A("span",
|
|
4714
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span",
|
|
4715
|
-
], 42,
|
|
4716
|
-
], 12,
|
|
4727
|
+
A("span", zu, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
|
|
4728
|
+
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", Bu, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
|
|
4729
|
+
], 42, Pu))], 64))), 128))], 8, Au)
|
|
4730
|
+
], 12, wu)]),
|
|
4717
4731
|
_: 1
|
|
4718
4732
|
}, 8, ["visible"]));
|
|
4719
4733
|
}
|
|
4720
|
-
}),
|
|
4734
|
+
}), Uu = ["data-tpl-theme"], Wu = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Gu = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ku = ["aria-label"], qu = /*#__PURE__*/ cn(/* @__PURE__ */ d({
|
|
4721
4735
|
__name: "Editor",
|
|
4722
4736
|
props: {
|
|
4723
4737
|
config: {},
|
|
@@ -4746,13 +4760,13 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4746
4760
|
editor: a,
|
|
4747
4761
|
onError: i.config.onError,
|
|
4748
4762
|
isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
|
|
4749
|
-
}) : null, m = L(() => import("./chunks/SavedBlocksPanels-
|
|
4763
|
+
}) : null, m = L(() => import("./chunks/SavedBlocksPanels-nbK0UQTp.js")), v = i.config.testEmail ? Vn({
|
|
4750
4764
|
provider: i.config.testEmail,
|
|
4751
4765
|
getContent: () => a.content.value,
|
|
4752
4766
|
renderMjml: te,
|
|
4753
4767
|
onError: i.config.onError,
|
|
4754
4768
|
isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
|
|
4755
|
-
}) : null, w = L(() => import("./chunks/TestEmailPanel-
|
|
4769
|
+
}) : null, w = L(() => import("./chunks/TestEmailPanel-CAjQDXle.js")), k = i.config.comments ? Pn({
|
|
4756
4770
|
provider: i.config.comments,
|
|
4757
4771
|
editor: a,
|
|
4758
4772
|
user: i.config.user,
|
|
@@ -4761,7 +4775,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4761
4775
|
onError: i.config.onError,
|
|
4762
4776
|
isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
|
|
4763
4777
|
isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
|
|
4764
|
-
}) : null, j = L(() => import("./chunks/CommentsPanel-jzZ2X0P4.js")), M = L(() => import("./chunks/CloudPanels-
|
|
4778
|
+
}) : null, j = L(() => import("./chunks/CommentsPanel-jzZ2X0P4.js")), M = L(() => import("./chunks/CloudPanels-C34bcHpc.js")), ee = L(() => import("./chunks/CloudHeaderExtras-F_ySlW1S.js")), P = L(() => import("./chunks/VersionHistoryPanels-DMq2PRee.js")), I = Un(i.config.autoSave, !1), z = I.enabled && u !== null;
|
|
4765
4779
|
I.enabled && u === null && ht.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
|
|
4766
4780
|
let B = i.config.onChange || z ? {
|
|
4767
4781
|
onChange: () => {
|
|
@@ -4855,7 +4869,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4855
4869
|
onDrop: n[8] ||= T(() => {}, ["prevent"])
|
|
4856
4870
|
}, [
|
|
4857
4871
|
_(sr),
|
|
4858
|
-
_(
|
|
4872
|
+
_(tu, {
|
|
4859
4873
|
editor: g(a),
|
|
4860
4874
|
core: g(H),
|
|
4861
4875
|
templates: g(u),
|
|
@@ -4901,7 +4915,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4901
4915
|
A("div", {
|
|
4902
4916
|
class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [re.value, g(W)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
4903
4917
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
4904
|
-
}, [A("div",
|
|
4918
|
+
}, [A("div", Wu, [_(O, { name: "tpl-restore-btn" }, {
|
|
4905
4919
|
default: r(() => [g(H).conditionPreview.hasHiddenBlocks.value && g(H).appliesConditionFilter.value ? (s(), x("button", {
|
|
4906
4920
|
key: 0,
|
|
4907
4921
|
class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-[var(--tpl-shadow-md)] tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
|
|
@@ -4913,7 +4927,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4913
4927
|
"stroke-width": 2
|
|
4914
4928
|
}), R(" " + F(g(H).t.blockSettings.restoreHiddenBlocks), 1)])) : S("", !0)]),
|
|
4915
4929
|
_: 1
|
|
4916
|
-
})]), A("main",
|
|
4930
|
+
})]), A("main", Gu, [_(or, {
|
|
4917
4931
|
viewport: g(a).state.viewport,
|
|
4918
4932
|
content: g(H).previewResolution.content.value,
|
|
4919
4933
|
"selected-block-id": g(a).state.selectedBlockId,
|
|
@@ -4932,7 +4946,7 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4932
4946
|
"locked-blocks",
|
|
4933
4947
|
"onSelectBlock"
|
|
4934
4948
|
])])], 2),
|
|
4935
|
-
t.config.branding === !1 ? S("", !0) : (s(), D(
|
|
4949
|
+
t.config.branding === !1 ? S("", !0) : (s(), D(Nl, {
|
|
4936
4950
|
key: 0,
|
|
4937
4951
|
"position-class": [re.value]
|
|
4938
4952
|
}, null, 8, ["position-class"])),
|
|
@@ -4942,8 +4956,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4942
4956
|
"aria-live": "polite",
|
|
4943
4957
|
"aria-atomic": "true",
|
|
4944
4958
|
"aria-label": g(H).t.landmarks.reorderAnnouncements
|
|
4945
|
-
}, F(g(H).keyboardReorder.announcement.value), 9,
|
|
4946
|
-
f(_(
|
|
4959
|
+
}, F(g(H).keyboardReorder.announcement.value), 9, Ku),
|
|
4960
|
+
f(_(Tl, {
|
|
4947
4961
|
"selected-block": g(a).selectedBlock.value,
|
|
4948
4962
|
settings: g(a).content.value.settings,
|
|
4949
4963
|
"shifted-left": ne.value,
|
|
@@ -4964,8 +4978,8 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4964
4978
|
ref: (e) => g(H).popoverRoot.value = e,
|
|
4965
4979
|
class: "tpl-popover-root"
|
|
4966
4980
|
}, null, 512),
|
|
4967
|
-
_(
|
|
4968
|
-
_(
|
|
4981
|
+
_(xu),
|
|
4982
|
+
_(Hu),
|
|
4969
4983
|
g(p)?.isAvailable.value ? (s(), D(g(m), {
|
|
4970
4984
|
key: 1,
|
|
4971
4985
|
feature: g(p)
|
|
@@ -4988,113 +5002,115 @@ var ds = { class: "tpl:mb-3.5" }, fs = ["value"], ps = ["value"], ms = {
|
|
|
4988
5002
|
core: g(H),
|
|
4989
5003
|
runtime: t.cloud,
|
|
4990
5004
|
cloud: g(c),
|
|
4991
|
-
ready: g(U)
|
|
5005
|
+
ready: g(U),
|
|
5006
|
+
locale: t.config.locale
|
|
4992
5007
|
}, null, 8, [
|
|
4993
5008
|
"editor",
|
|
4994
5009
|
"core",
|
|
4995
5010
|
"runtime",
|
|
4996
5011
|
"cloud",
|
|
4997
|
-
"ready"
|
|
5012
|
+
"ready",
|
|
5013
|
+
"locale"
|
|
4998
5014
|
])) : S("", !0),
|
|
4999
|
-
g(G) ? (s(), D(
|
|
5000
|
-
], 46,
|
|
5015
|
+
g(G) ? (s(), D(Al, { key: 6 })) : S("", !0)
|
|
5016
|
+
], 46, Uu));
|
|
5001
5017
|
}
|
|
5002
|
-
}), [["__scopeId", "data-v-
|
|
5003
|
-
"./locales/ca.ts": () => import("./chunks/ca-
|
|
5004
|
-
"./locales/de.ts": () => import("./chunks/de-
|
|
5005
|
-
"./locales/en.ts": () => import("./chunks/en-
|
|
5006
|
-
"./locales/es.ts": () => import("./chunks/es-
|
|
5007
|
-
"./locales/fr.ts": () => import("./chunks/fr-
|
|
5008
|
-
"./locales/nl.ts": () => import("./chunks/nl-
|
|
5009
|
-
"./locales/pt-BR.ts": () => import("./chunks/pt-BR-
|
|
5010
|
-
}),
|
|
5011
|
-
"./locales/cloud/de.ts": () => import("./chunks/de-
|
|
5012
|
-
"./locales/cloud/en.ts": () => import("./chunks/en-
|
|
5013
|
-
"./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-
|
|
5018
|
+
}), [["__scopeId", "data-v-6e722ffc"]]), Ju = /* #__PURE__ */ Object.assign({
|
|
5019
|
+
"./locales/ca.ts": () => import("./chunks/ca-CEuJ6IRr.js"),
|
|
5020
|
+
"./locales/de.ts": () => import("./chunks/de-aRxhZF_K.js"),
|
|
5021
|
+
"./locales/en.ts": () => import("./chunks/en-BX4V_7YO.js"),
|
|
5022
|
+
"./locales/es.ts": () => import("./chunks/es-CA9uQ-5x.js"),
|
|
5023
|
+
"./locales/fr.ts": () => import("./chunks/fr-iBuE60Ap.js"),
|
|
5024
|
+
"./locales/nl.ts": () => import("./chunks/nl-Btw4ojNo.js"),
|
|
5025
|
+
"./locales/pt-BR.ts": () => import("./chunks/pt-BR-GjVsCqbN.js")
|
|
5026
|
+
}), Yu = /* #__PURE__ */ Object.assign({
|
|
5027
|
+
"./locales/cloud/de.ts": () => import("./chunks/de-BytZwgn6.js"),
|
|
5028
|
+
"./locales/cloud/en.ts": () => import("./chunks/en-DyOSV0lY.js"),
|
|
5029
|
+
"./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-C1WLSGDh.js")
|
|
5014
5030
|
});
|
|
5015
|
-
function
|
|
5031
|
+
function Xu(e) {
|
|
5016
5032
|
return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
|
|
5017
5033
|
}
|
|
5018
|
-
var
|
|
5019
|
-
function
|
|
5034
|
+
var Zu = Xu(Ju), Qu = Xu(Yu);
|
|
5035
|
+
function $u(e) {
|
|
5020
5036
|
return e.trim().replace(/_/g, "-").toLowerCase();
|
|
5021
5037
|
}
|
|
5022
|
-
function
|
|
5023
|
-
let n =
|
|
5024
|
-
return t.find((e) =>
|
|
5038
|
+
function ed(e, t) {
|
|
5039
|
+
let n = $u(e);
|
|
5040
|
+
return t.find((e) => $u(e) === n);
|
|
5025
5041
|
}
|
|
5026
|
-
function
|
|
5027
|
-
return
|
|
5042
|
+
function td(e) {
|
|
5043
|
+
return $u(e).split("-")[0];
|
|
5028
5044
|
}
|
|
5029
|
-
function
|
|
5030
|
-
return
|
|
5045
|
+
function nd(e, t) {
|
|
5046
|
+
return ed(e, t) ?? ed(td(e), t);
|
|
5031
5047
|
}
|
|
5032
|
-
function
|
|
5033
|
-
return
|
|
5048
|
+
function rd(e, t) {
|
|
5049
|
+
return nd(e, t) ?? "en";
|
|
5034
5050
|
}
|
|
5035
|
-
async function
|
|
5036
|
-
let t =
|
|
5051
|
+
async function id(e) {
|
|
5052
|
+
let t = Ju[`./locales/${rd(e, Zu)}.ts`];
|
|
5037
5053
|
return (await t()).default;
|
|
5038
5054
|
}
|
|
5039
|
-
async function
|
|
5040
|
-
let t =
|
|
5055
|
+
async function ad(e) {
|
|
5056
|
+
let t = Yu[`./locales/cloud/${rd(e, Qu)}.ts`];
|
|
5041
5057
|
return (await t()).default;
|
|
5042
5058
|
}
|
|
5043
|
-
function
|
|
5044
|
-
return
|
|
5059
|
+
function od(e) {
|
|
5060
|
+
return nd(e, Zu) !== void 0;
|
|
5045
5061
|
}
|
|
5046
|
-
function
|
|
5047
|
-
return
|
|
5062
|
+
function sd(e) {
|
|
5063
|
+
return nd(e, Qu) !== void 0;
|
|
5048
5064
|
}
|
|
5049
|
-
function
|
|
5050
|
-
return [...
|
|
5065
|
+
function cd() {
|
|
5066
|
+
return [...Zu];
|
|
5051
5067
|
}
|
|
5052
|
-
function
|
|
5053
|
-
return [...
|
|
5068
|
+
function ld() {
|
|
5069
|
+
return [...Qu];
|
|
5054
5070
|
}
|
|
5055
5071
|
//#endregion
|
|
5056
5072
|
//#region \0virtual:editor-css
|
|
5057
|
-
var ad = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-417d1652]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-417d1652]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-417d1652]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes tpl-slide-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-slide-in-right{animation:.25s cubic-bezier(.16,1,.3,1) tpl-slide-in-right}.tpl-slide-in-up{animation:.2s cubic-bezier(.16,1,.3,1) tpl-slide-in-up}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-slide-in-right,.tpl-slide-in-up,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-restore-btn-enter-active[data-v-b1aa5395]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-restore-btn-leave-active[data-v-b1aa5395]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-restore-btn-enter-from[data-v-b1aa5395],.tpl-restore-btn-leave-to[data-v-b1aa5395]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-restore-btn-enter-to[data-v-b1aa5395],.tpl-restore-btn-leave-from[data-v-b1aa5395]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-1d42dd39] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-1d42dd39] .vue-advanced-cropper{background-color:transparent!important}[data-v-1d42dd39] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-1d42dd39] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", od = null;
|
|
5058
|
-
function
|
|
5059
|
-
if (
|
|
5073
|
+
var ud = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-417d1652]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-417d1652]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-417d1652]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-restore-btn-enter-active[data-v-6e722ffc]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-restore-btn-leave-active[data-v-6e722ffc]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-restore-btn-enter-from[data-v-6e722ffc],.tpl-restore-btn-leave-to[data-v-6e722ffc]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-restore-btn-enter-to[data-v-6e722ffc],.tpl-restore-btn-leave-from[data-v-6e722ffc]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-267faa45] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper{background-color:transparent!important}[data-v-267faa45] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", dd = null;
|
|
5074
|
+
function fd() {
|
|
5075
|
+
if (dd === null) {
|
|
5060
5076
|
let e = new CSSStyleSheet();
|
|
5061
|
-
e.replaceSync(
|
|
5077
|
+
e.replaceSync(ud), dd = e;
|
|
5062
5078
|
}
|
|
5063
|
-
return
|
|
5079
|
+
return dd;
|
|
5064
5080
|
}
|
|
5065
|
-
function
|
|
5081
|
+
function pd(e) {
|
|
5066
5082
|
return () => {};
|
|
5067
5083
|
}
|
|
5068
|
-
function
|
|
5084
|
+
function md(e, t) {
|
|
5069
5085
|
if (!t) return {
|
|
5070
5086
|
target: e,
|
|
5071
5087
|
shadowRoot: null,
|
|
5072
5088
|
cleanup: () => {}
|
|
5073
5089
|
};
|
|
5074
5090
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
5075
|
-
for (n.adoptedStyleSheets = [
|
|
5091
|
+
for (n.adoptedStyleSheets = [fd()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
5076
5092
|
let r = document.createElement("div");
|
|
5077
5093
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
5078
5094
|
target: r,
|
|
5079
5095
|
shadowRoot: n,
|
|
5080
|
-
cleanup:
|
|
5096
|
+
cleanup: pd(n)
|
|
5081
5097
|
};
|
|
5082
5098
|
}
|
|
5083
|
-
var
|
|
5084
|
-
function
|
|
5085
|
-
let t =
|
|
5086
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
5099
|
+
var hd = /* @__PURE__ */ new Map(), gd = null;
|
|
5100
|
+
function _d(e) {
|
|
5101
|
+
let t = hd.get(e);
|
|
5102
|
+
t && (t.cleanup(), t.app.unmount(), hd.delete(e), gd === e && (gd = null));
|
|
5087
5103
|
}
|
|
5088
|
-
async function
|
|
5089
|
-
return
|
|
5104
|
+
async function vd(e) {
|
|
5105
|
+
return yd(e);
|
|
5090
5106
|
}
|
|
5091
|
-
async function
|
|
5107
|
+
async function yd(e, t) {
|
|
5092
5108
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
5093
5109
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
5094
|
-
let r = await
|
|
5095
|
-
|
|
5096
|
-
let a =
|
|
5097
|
-
return () => I(
|
|
5110
|
+
let r = await id(e.locale ?? "en"), i = Le(e.fonts);
|
|
5111
|
+
_d(n);
|
|
5112
|
+
let a = md(n, e.shadowDom ?? !0), o = l(null), s = M({ setup() {
|
|
5113
|
+
return () => I(qu, {
|
|
5098
5114
|
config: e,
|
|
5099
5115
|
translations: r,
|
|
5100
5116
|
fontsManager: i,
|
|
@@ -5103,11 +5119,11 @@ async function md(e, t) {
|
|
|
5103
5119
|
ref: o
|
|
5104
5120
|
});
|
|
5105
5121
|
} });
|
|
5106
|
-
s.mount(a.target),
|
|
5122
|
+
s.mount(a.target), hd.set(n, {
|
|
5107
5123
|
app: s,
|
|
5108
5124
|
editorRef: o,
|
|
5109
5125
|
cleanup: a.cleanup
|
|
5110
|
-
}),
|
|
5126
|
+
}), gd = n;
|
|
5111
5127
|
let c = {
|
|
5112
5128
|
getContent() {
|
|
5113
5129
|
return te(o.value ? o.value.getContent() : e.content ?? V());
|
|
@@ -5118,7 +5134,7 @@ async function md(e, t) {
|
|
|
5118
5134
|
setTheme(e) {
|
|
5119
5135
|
o.value && o.value.setTheme(e);
|
|
5120
5136
|
},
|
|
5121
|
-
unmount: () =>
|
|
5137
|
+
unmount: () => _d(n),
|
|
5122
5138
|
create(e) {
|
|
5123
5139
|
return o.value ? o.value.create(e) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
5124
5140
|
},
|
|
@@ -5155,12 +5171,12 @@ async function md(e, t) {
|
|
|
5155
5171
|
});
|
|
5156
5172
|
return c;
|
|
5157
5173
|
}
|
|
5158
|
-
async function
|
|
5159
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-
|
|
5174
|
+
async function bd(e) {
|
|
5175
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-gXA8_QRU.js"), ad(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
5160
5176
|
config: e,
|
|
5161
5177
|
cloudTranslations: n
|
|
5162
5178
|
});
|
|
5163
|
-
return
|
|
5179
|
+
return yd({
|
|
5164
5180
|
container: e.container,
|
|
5165
5181
|
content: e.content,
|
|
5166
5182
|
shadowDom: e.shadowDom,
|
|
@@ -5197,10 +5213,10 @@ async function hd(e) {
|
|
|
5197
5213
|
user: a
|
|
5198
5214
|
}, r);
|
|
5199
5215
|
}
|
|
5200
|
-
function
|
|
5201
|
-
|
|
5216
|
+
function xd() {
|
|
5217
|
+
gd && _d(gd);
|
|
5202
5218
|
}
|
|
5203
5219
|
//#endregion
|
|
5204
|
-
export { de as createLocalStorageSavedBlocksProvider,
|
|
5220
|
+
export { de as createLocalStorageSavedBlocksProvider, td as getBaseLocale, ld as getSupportedCloudLocales, cd as getSupportedLocales, vd as init, bd as initCloud, sd as isCloudLocaleSupported, od as isLocaleSupported, xd as unmount, Le as useFonts };
|
|
5205
5221
|
|
|
5206
5222
|
//# sourceMappingURL=editor.js.map
|