@templatical/editor 0.28.0 → 0.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AiChatSidebar-mZyf81xG.js → AiChatSidebar-KeS30iRG.js} +7 -7
- package/dist/{AiFeatureMenu-wpL2vbbd.js → AiFeatureMenu-CCdTgCy7.js} +4 -4
- package/dist/{BlockIssueBadge-CavnyR3o.js → BlockIssueBadge-DQ6jBV1T.js} +2 -2
- package/dist/{BlockPreviewCanvas-CeNJqtJ6.js → BlockPreviewCanvas-MgXVXOG_.js} +21 -14
- package/dist/{CloudHeaderExtras-fH0cB-Ru.js → CloudHeaderExtras-L_b51XVJ.js} +2 -2
- package/dist/{CloudPanels-Davlnzfd.js → CloudPanels-XUtScYFl.js} +3 -3
- package/dist/{CollaboratorBar-BvQZriPA.js → CollaboratorBar-Cx5klY7H.js} +2 -2
- package/dist/{ColorPicker-OLSFZBBZ.js → ColorPicker-DjfecH79.js} +1 -1
- package/dist/{CommentsPanel-B4_63eIS.js → CommentsPanel-5QxgkKF-.js} +1 -1
- package/dist/{CommentsSidebar-BkBHMXez.js → CommentsSidebar-CScszOsC.js} +10 -10
- package/dist/{CountdownToolbar-D8FsDIfa.js → CountdownToolbar-CiBrLbq0.js} +1 -1
- package/dist/{DesignReferenceSidebar-Dp44REBY.js → DesignReferenceSidebar-B1__DJJI.js} +5 -5
- package/dist/{IssuesPanel-C1v3dmoB.js → IssuesPanel-CkuV9Fjp.js} +5 -5
- package/dist/{MergeTagModeToggle-CZN0Pr1o.js → MergeTagModeToggle-oX-n91fH.js} +2 -2
- package/dist/{MergeTagSuggestion-a7Tk8tBB.js → MergeTagSuggestion-BUozNVtA.js} +55 -39
- package/dist/{ParagraphEditor-CGxsm0Mx.js → ParagraphEditor-BVlMj-YW.js} +19 -19
- package/dist/{RestoreVersionDialog-BLW8wC1J.js → RestoreVersionDialog-CZRLWoqP.js} +3 -3
- package/dist/{RichTextEditorContent-COBy_Q9j.js → RichTextEditorContent-BN6RBSZG.js} +3 -3
- package/dist/{SaveBlockDialog-DPDQTGTB.js → SaveBlockDialog-KNQVLcUG.js} +6 -6
- package/dist/{SavedBlocksBrowserModal-D8a-wIRe.js → SavedBlocksBrowserModal-D7qatvfw.js} +7 -7
- package/dist/{SavedBlocksPanels-CmnGyJHO.js → SavedBlocksPanels-bizAFdNK.js} +1 -1
- package/dist/{SavedBlocksPickBar-Z-YRd488.js → SavedBlocksPickBar-BXUSoa38.js} +2 -2
- package/dist/{TemplateScoringPanel-5zp1qOSl.js → TemplateScoringPanel-Dm83xt9R.js} +10 -10
- package/dist/{TestEmailModal-C69UbsNy.js → TestEmailModal-DAdO9Gmo.js} +7 -7
- package/dist/{TestEmailPanel-CH2dG-8A.js → TestEmailPanel-DORs6xk0.js} +1 -1
- package/dist/{TitleEditor-BfWPus_C.js → TitleEditor-B_aWxZER.js} +8 -8
- package/dist/{TplModal-DBlMd7h9.js → TplModal-7623HR5x.js} +1 -1
- package/dist/{VersionHistoryMenu-Cg4UKxKc.js → VersionHistoryMenu-D7lgozpw.js} +4 -4
- package/dist/{VersionHistoryPanels-BKjbNEOM.js → VersionHistoryPanels-Dor0p1Ur.js} +1 -1
- package/dist/{VersionPreviewBanner-B0thyJ8F.js → VersionPreviewBanner-CQt2il1L.js} +1 -1
- package/dist/{blockTypeIcons-CQMkcHo9.js → blockTypeIcons-Di4AsjQx.js} +2 -2
- package/dist/bundle-stats.json +6 -6
- package/dist/cdn/chunks/{AiChatSidebar-BQATQ3Tr.js → AiChatSidebar-Cwr9eqTh.js} +2 -2
- package/dist/cdn/chunks/{AiChatSidebar-BQATQ3Tr.js.map → AiChatSidebar-Cwr9eqTh.js.map} +1 -1
- package/dist/cdn/chunks/{AiFeatureMenu-cNoZ0xl_.js → AiFeatureMenu-CT2QiHmi.js} +3 -3
- package/dist/cdn/chunks/{AiFeatureMenu-cNoZ0xl_.js.map → AiFeatureMenu-CT2QiHmi.js.map} +1 -1
- package/dist/cdn/chunks/{BlockIssueBadge-CH_3vFw4.js → BlockIssueBadge-CXlXn9Sm.js} +2 -2
- package/dist/cdn/chunks/{BlockIssueBadge-CH_3vFw4.js.map → BlockIssueBadge-CXlXn9Sm.js.map} +1 -1
- package/dist/cdn/chunks/{BlockPreviewCanvas-9tFXPVgi.js → BlockPreviewCanvas-BisO3JEy.js} +22 -15
- package/dist/cdn/chunks/BlockPreviewCanvas-BisO3JEy.js.map +1 -0
- package/dist/cdn/chunks/{CloudHeaderExtras-CUAM2ADe.js → CloudHeaderExtras-MRCYqip8.js} +3 -3
- package/dist/cdn/chunks/{CloudHeaderExtras-CUAM2ADe.js.map → CloudHeaderExtras-MRCYqip8.js.map} +1 -1
- package/dist/cdn/chunks/{CloudPanels-DMnnSIkX.js → CloudPanels-Bb9qSwKJ.js} +4 -4
- package/dist/cdn/chunks/{CloudPanels-DMnnSIkX.js.map → CloudPanels-Bb9qSwKJ.js.map} +1 -1
- package/dist/cdn/chunks/{CollaboratorBar-C6sorNRi.js → CollaboratorBar-CG13kDHu.js} +3 -3
- package/dist/cdn/chunks/{CollaboratorBar-C6sorNRi.js.map → CollaboratorBar-CG13kDHu.js.map} +1 -1
- package/dist/cdn/chunks/{ColorPicker-q1V7ggWI.js → ColorPicker-UpN24AsB.js} +2 -2
- package/dist/cdn/chunks/{ColorPicker-q1V7ggWI.js.map → ColorPicker-UpN24AsB.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsPanel-ExfxJZM3.js → CommentsPanel-CIcIXzOB.js} +2 -2
- package/dist/cdn/chunks/{CommentsPanel-ExfxJZM3.js.map → CommentsPanel-CIcIXzOB.js.map} +1 -1
- package/dist/cdn/chunks/{CommentsSidebar-CzALURMJ.js → CommentsSidebar-CB5Z8xNz.js} +2 -2
- package/dist/cdn/chunks/{CommentsSidebar-CzALURMJ.js.map → CommentsSidebar-CB5Z8xNz.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-CkbWSrAH.js → CountdownToolbar-B1L0IK1T.js} +2 -2
- package/dist/cdn/chunks/{CountdownToolbar-CkbWSrAH.js.map → CountdownToolbar-B1L0IK1T.js.map} +1 -1
- package/dist/cdn/chunks/{DesignReferenceSidebar-COh0Rx_A.js → DesignReferenceSidebar-BwsfOFsc.js} +2 -2
- package/dist/cdn/chunks/{DesignReferenceSidebar-COh0Rx_A.js.map → DesignReferenceSidebar-BwsfOFsc.js.map} +1 -1
- package/dist/cdn/chunks/{IssuesPanel-C1NG0xRI.js → IssuesPanel-3nTCyKgK.js} +2 -2
- package/dist/cdn/chunks/{IssuesPanel-C1NG0xRI.js.map → IssuesPanel-3nTCyKgK.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagModeToggle-B1yXCp3D.js → MergeTagModeToggle-BUNsRKs6.js} +2 -2
- package/dist/cdn/chunks/{MergeTagModeToggle-B1yXCp3D.js.map → MergeTagModeToggle-BUNsRKs6.js.map} +1 -1
- package/dist/cdn/chunks/{MergeTagSuggestion-DqYR3jPA.js → MergeTagSuggestion-Dt6I8bZi.js} +2 -2
- package/dist/cdn/chunks/{MergeTagSuggestion-DqYR3jPA.js.map → MergeTagSuggestion-Dt6I8bZi.js.map} +1 -1
- package/dist/cdn/chunks/{ParagraphEditor-DPM1hUKo.js → ParagraphEditor-BtzkHfv2.js} +17 -17
- package/dist/cdn/chunks/{ParagraphEditor-DPM1hUKo.js.map → ParagraphEditor-BtzkHfv2.js.map} +1 -1
- package/dist/cdn/chunks/{RestoreVersionDialog-Dz0bX5ZZ.js → RestoreVersionDialog-DNoo-EBT.js} +3 -3
- package/dist/cdn/chunks/{RestoreVersionDialog-Dz0bX5ZZ.js.map → RestoreVersionDialog-DNoo-EBT.js.map} +1 -1
- package/dist/cdn/chunks/{RichTextEditorContent-nkyIRAyN.js → RichTextEditorContent-BQATmyd9.js} +3 -3
- package/dist/cdn/chunks/{RichTextEditorContent-nkyIRAyN.js.map → RichTextEditorContent-BQATmyd9.js.map} +1 -1
- package/dist/cdn/chunks/{SaveBlockDialog-DVMxZbmf.js → SaveBlockDialog-DB37Vmqt.js} +5 -5
- package/dist/cdn/chunks/{SaveBlockDialog-DVMxZbmf.js.map → SaveBlockDialog-DB37Vmqt.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-C3nfKRQg.js → SavedBlocksBrowserModal-CTU2rGWQ.js} +6 -6
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-C3nfKRQg.js.map → SavedBlocksBrowserModal-CTU2rGWQ.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-DVat5S7j.js → SavedBlocksPanels-B9h9wI6d.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-DVat5S7j.js.map → SavedBlocksPanels-B9h9wI6d.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPickBar-Brg8US_n.js → SavedBlocksPickBar-CTY5WZum.js} +3 -3
- package/dist/cdn/chunks/{SavedBlocksPickBar-Brg8US_n.js.map → SavedBlocksPickBar-CTY5WZum.js.map} +1 -1
- package/dist/cdn/chunks/{TemplateScoringPanel-DO86BvdQ.js → TemplateScoringPanel-DZ0cpe_D.js} +7 -7
- package/dist/cdn/chunks/{TemplateScoringPanel-DO86BvdQ.js.map → TemplateScoringPanel-DZ0cpe_D.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailModal-CDx1Pqtx.js → TestEmailModal-Dqx1RyDE.js} +7 -7
- package/dist/cdn/chunks/TestEmailModal-Dqx1RyDE.js.map +1 -0
- package/dist/cdn/chunks/{TestEmailPanel--PpajGV7.js → TestEmailPanel-DrcQhnON.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel--PpajGV7.js.map → TestEmailPanel-DrcQhnON.js.map} +1 -1
- package/dist/cdn/chunks/{TitleEditor-CLkXt5RZ.js → TitleEditor-CSeDvWVn.js} +8 -8
- package/dist/cdn/chunks/{TitleEditor-CLkXt5RZ.js.map → TitleEditor-CSeDvWVn.js.map} +1 -1
- package/dist/cdn/chunks/{TplModal-BhfPoZ_W.js → TplModal-BNBLwBxJ.js} +2 -2
- package/dist/cdn/chunks/{TplModal-BhfPoZ_W.js.map → TplModal-BNBLwBxJ.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryMenu-_DyRYBRP.js → VersionHistoryMenu-cZlb0sMi.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryMenu-_DyRYBRP.js.map → VersionHistoryMenu-cZlb0sMi.js.map} +1 -1
- package/dist/cdn/chunks/{VersionHistoryPanels-DGfOOcKV.js → VersionHistoryPanels-DgrjTK3z.js} +2 -2
- package/dist/cdn/chunks/{VersionHistoryPanels-DGfOOcKV.js.map → VersionHistoryPanels-DgrjTK3z.js.map} +1 -1
- package/dist/cdn/chunks/{VersionPreviewBanner-FbBmgknN.js → VersionPreviewBanner-BNq7PRun.js} +2 -2
- package/dist/cdn/chunks/{VersionPreviewBanner-FbBmgknN.js.map → VersionPreviewBanner-BNq7PRun.js.map} +1 -1
- package/dist/cdn/chunks/{blockTypeIcons-o4ammRlm.js → blockTypeIcons-BNGmmzB_.js} +2 -2
- package/dist/cdn/chunks/{blockTypeIcons-o4ammRlm.js.map → blockTypeIcons-BNGmmzB_.js.map} +1 -1
- package/dist/cdn/chunks/createCloudRuntime-B_HRgFxU.js +443 -0
- package/dist/cdn/chunks/createCloudRuntime-B_HRgFxU.js.map +1 -0
- package/dist/cdn/chunks/emailFrameWidth-BmFCN2dp.js.map +1 -1
- package/dist/cdn/chunks/en-BZlZVGwM.js +2 -0
- package/dist/cdn/chunks/{extensions-qSqWdFko.js → extensions-Deqilwp8.js} +3 -3
- package/dist/cdn/chunks/{extensions-qSqWdFko.js.map → extensions-Deqilwp8.js.map} +1 -1
- package/dist/cdn/chunks/{icons-MeYdeH4P.js → icons-C2kP4vOJ.js} +17 -17
- package/dist/cdn/chunks/{icons-MeYdeH4P.js.map → icons-C2kP4vOJ.js.map} +1 -1
- package/dist/cdn/chunks/{src-2QDLdUyx.js → src-CgIXdQlX.js} +3 -3
- package/dist/cdn/chunks/{src-2QDLdUyx.js.map → src-CgIXdQlX.js.map} +1 -1
- package/dist/cdn/chunks/{src-DgxiymKd.js → src-CnQgwcsc.js} +2 -2
- package/dist/cdn/chunks/{src-DgxiymKd.js.map → src-CnQgwcsc.js.map} +1 -1
- package/dist/cdn/chunks/{tiptap-DgH_wKK_.js → tiptap-DOw5Yb4H.js} +3276 -3229
- package/dist/cdn/chunks/tiptap-DOw5Yb4H.js.map +1 -0
- package/dist/cdn/chunks/{useEditorCore-2ZVOY0Rh.js → useEditorCore-Dq5gdn5i.js} +435 -411
- package/dist/cdn/chunks/useEditorCore-Dq5gdn5i.js.map +1 -0
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +1362 -1352
- package/dist/cdn/editor.js.map +1 -1
- package/dist/{check-CLfibuQc.js → check-Cv96tY88.js} +1 -1
- package/dist/{chevron-down-DamTR8ta.js → chevron-down-BwEyjSjd.js} +1 -1
- package/dist/{chevron-up-CrV_Ksg-.js → chevron-up-C6Ye-Nzc.js} +1 -1
- package/dist/{circle-alert-BLy-e34e.js → circle-alert-BLt_gkcU.js} +1 -1
- package/dist/{clock-DQI6aaFT.js → clock-D-2BI0Co.js} +1 -1
- package/dist/createCloudRuntime-CWPQ7puE.js +441 -0
- package/dist/{createLucideIcon-Cbl3Ma_H.js → createLucideIcon-DGRWivCX.js} +2 -2
- package/dist/{dist-CgXIMxZc.js → dist-BG2cHdqw.js} +2 -2
- package/dist/{dist-CclsUQ7r.js → dist-BIFUEhwQ.js} +2 -2
- package/dist/{dist-DUn6jY0n.js → dist-BUh4MT4D.js} +2111 -2086
- package/dist/{dist-7Lr_A7Va.js → dist-BpHkLruF.js} +5 -4
- package/dist/{dist-C145btxT.js → dist-BtPhkQ2u.js} +154 -162
- package/dist/{dist-CQQNoHxz.js → dist-Btz6cFCI.js} +4 -4
- package/dist/dist-CCfNhI54.js +5 -0
- package/dist/{dist-D4Jb08yv.js → dist-CHp21juN.js} +2 -2
- package/dist/dist-CMcNDUcw.js +5 -0
- package/dist/{dist-CLc1cpN2.js → dist-DAR13YWM.js} +6 -5
- package/dist/{dist-Dx-KOuOj.js → dist-DQ_4a0hb.js} +2 -2
- package/dist/{dist-Dz7KUOSg.js → dist-q3Puexqv.js} +2 -2
- package/dist/{extensions-PJK0gLCL.js → extensions-BlYe3NFn.js} +3 -3
- package/dist/{image-up-BVOMy_Fs.js → image-up-KRq0lcdU.js} +1 -1
- package/dist/index.d.ts +146 -117
- package/dist/{info-BKMKasyT.js → info-DbmE2JAo.js} +1 -1
- package/dist/{loader-circle-CSGh8n8A.js → loader-circle-dSap9DfQ.js} +1 -1
- package/dist/{message-circle-C6q2Fm_W.js → message-circle-qSKKLbac.js} +1 -1
- package/dist/{pencil-DaTN0HKw.js → pencil-DMP8vL2F.js} +1 -1
- package/dist/{refresh-cw-Cu4wRQwT.js → refresh-cw-WXtBeMva.js} +1 -1
- package/dist/{scan-line-O_o657Gv.js → scan-line-BTrngVuN.js} +1 -1
- package/dist/{send-GS3soauT.js → send-CLa8Cxmh.js} +1 -1
- package/dist/{shield-check-B2TzT3Wp.js → shield-check-42WZrKQu.js} +1 -1
- package/dist/{sparkles-CNENcXZl.js → sparkles-DcOb0umz.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/templatical-editor.js +725 -715
- package/dist/{text-align-start-D0-k8RUf.js → text-align-start-zoZhXJ2T.js} +1 -1
- package/dist/{trash-2-BE-qGIpG.js → trash-2-Capv4cSE.js} +1 -1
- package/dist/{triangle-alert-DNM2_dyh.js → triangle-alert-CnJUGX-6.js} +1 -1
- package/dist/{upload-Cv2Jx-yM.js → upload-Bc0ZTywl.js} +1 -1
- package/dist/{useEditorCore-DM8vzMZQ.js → useEditorCore-CIjO_NM9.js} +1094 -1072
- package/dist/{useScrollToBlock-C2LYXENK.js → useScrollToBlock-C2-9xCr7.js} +1 -1
- package/dist/{x-DUPrT6Aa.js → x-CvPZ3OAd.js} +1 -1
- package/package.json +22 -22
- package/dist/cdn/chunks/BlockPreviewCanvas-9tFXPVgi.js.map +0 -1
- package/dist/cdn/chunks/TestEmailModal-CDx1Pqtx.js.map +0 -1
- package/dist/cdn/chunks/createCloudRuntime-C-u7oIGa.js +0 -344
- package/dist/cdn/chunks/createCloudRuntime-C-u7oIGa.js.map +0 -1
- package/dist/cdn/chunks/en-C6FKrw69.js +0 -2
- package/dist/cdn/chunks/tiptap-DgH_wKK_.js.map +0 -1
- package/dist/cdn/chunks/useEditorCore-2ZVOY0Rh.js.map +0 -1
- package/dist/createCloudRuntime-BrgMP9gS.js +0 -342
- package/dist/dist-D-ulkdvF.js +0 -5
- package/dist/dist-Kf9u4ULN.js +0 -5
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { A as e, B as t, D as n, Dt as r, G as i, J as a, L as o, M as s, O as c, Ot as l, P as u, S as d, T as f, U as p, X as m, _ as h, b as g, c as _, d as v, g as y, h as b, j as x, k as S, kt as C, l as w, p as T, q as E, r as D, rt as O, s as k, u as A, v as j, z as M } from "./vue.runtime.esm-bundler-CdH_W9qX.js";
|
|
2
2
|
import { a as N, c as P, n as F, o as I, s as L, t as R } from "./runtime-dom.esm-bundler-CHEsXNQz.js";
|
|
3
3
|
import { A as z, D as B, E as V, M as H, N as U, R as W, T as G, a as ee, c as te, f as ne, k as K, l as re, p as ie, s as ae, z as oe } from "./dist-B1kLn1rs.js";
|
|
4
|
-
import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-
|
|
4
|
+
import { F as se, G as ce, I as le, J as ue, K as de, M as fe, O as pe, P as me, R as he, T as ge, V as _e, W as ve, X as ye, Y as be, _ as xe, a as Se, b as Ce, c as we, f as Te, g as Ee, h as De, i as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, q as Pe, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He, z as Ue } from "./useEditorCore-CIjO_NM9.js";
|
|
5
5
|
import { c as We, m as Ge, p as Ke } from "./dist-WE11SQGe.js";
|
|
6
6
|
import { i as qe } from "./dist-CkSgS-K9.js";
|
|
7
7
|
import { B as Je, D as Ye, F as Xe, H as Ze, L as Qe, N as $e, O as et, U as tt, V as nt, W as rt, _ as it, c as at, d as ot, f as st, h as ct, j as lt, k as ut, m as dt, n as ft, o as pt, p as mt, r as ht, s as gt, u as _t, w as vt, z as yt } from "./keys-CAor2T5q.js";
|
|
8
8
|
import { t as q } from "./useI18n-DT_DKupw.js";
|
|
9
9
|
import { t as bt } from "./logger-BBlvSn6q.js";
|
|
10
10
|
import { a as xt, n as St } from "./usePopoverPosition-DaHz1kqb.js";
|
|
11
|
-
import { t as J } from "./createLucideIcon-
|
|
12
|
-
import { n as Ct, t as wt } from "./scan-line-
|
|
13
|
-
import { t as Tt } from "./check-
|
|
14
|
-
import { t as Et } from "./chevron-down-
|
|
15
|
-
import { t as Dt } from "./circle-alert-
|
|
16
|
-
import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-
|
|
17
|
-
import { n as Mt, t as Nt } from "./refresh-cw-
|
|
18
|
-
import { t as Pt } from "./image-up-
|
|
19
|
-
import { t as Ft } from "./info-
|
|
20
|
-
import { n as It, t as Lt } from "./useScrollToBlock-
|
|
21
|
-
import { t as Rt } from "./loader-circle-
|
|
22
|
-
import { t as zt } from "./message-circle-
|
|
23
|
-
import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-
|
|
24
|
-
import { t as Wt } from "./send-
|
|
25
|
-
import { t as Gt } from "./sparkles-
|
|
26
|
-
import { n as Kt, r as qt, t as Jt } from "./text-align-start-
|
|
27
|
-
import { t as Yt } from "./trash-2-
|
|
28
|
-
import { t as Xt } from "./upload-
|
|
29
|
-
import { t as Zt } from "./x-
|
|
11
|
+
import { t as J } from "./createLucideIcon-DGRWivCX.js";
|
|
12
|
+
import { n as Ct, t as wt } from "./scan-line-BTrngVuN.js";
|
|
13
|
+
import { t as Tt } from "./check-Cv96tY88.js";
|
|
14
|
+
import { t as Et } from "./chevron-down-BwEyjSjd.js";
|
|
15
|
+
import { t as Dt } from "./circle-alert-BLt_gkcU.js";
|
|
16
|
+
import { i as Ot, n as kt, r as At, t as jt } from "./blockTypeIcons-Di4AsjQx.js";
|
|
17
|
+
import { n as Mt, t as Nt } from "./refresh-cw-WXtBeMva.js";
|
|
18
|
+
import { t as Pt } from "./image-up-KRq0lcdU.js";
|
|
19
|
+
import { t as Ft } from "./info-DbmE2JAo.js";
|
|
20
|
+
import { n as It, t as Lt } from "./useScrollToBlock-C2-9xCr7.js";
|
|
21
|
+
import { t as Rt } from "./loader-circle-dSap9DfQ.js";
|
|
22
|
+
import { t as zt } from "./message-circle-qSKKLbac.js";
|
|
23
|
+
import { i as Bt, n as Vt, r as Ht, t as Ut } from "./MergeTagModeToggle-oX-n91fH.js";
|
|
24
|
+
import { t as Wt } from "./send-CLa8Cxmh.js";
|
|
25
|
+
import { t as Gt } from "./sparkles-DcOb0umz.js";
|
|
26
|
+
import { n as Kt, r as qt, t as Jt } from "./text-align-start-zoZhXJ2T.js";
|
|
27
|
+
import { t as Yt } from "./trash-2-Capv4cSE.js";
|
|
28
|
+
import { t as Xt } from "./upload-Bc0ZTywl.js";
|
|
29
|
+
import { t as Zt } from "./x-CvPZ3OAd.js";
|
|
30
30
|
import { t as Qt } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
31
31
|
import { t as $t } from "./useCloudI18n-Dwo7usTl.js";
|
|
32
32
|
import { t as en } from "./useMergeTag-CcHQCcPN.js";
|
|
@@ -35,11 +35,11 @@ import { t as nn } from "./preRenderCustomBlocks-BebjKtmw.js";
|
|
|
35
35
|
import { C as rn, S as an, _ as on, b as sn, c as cn, g as Y, h as X, l as ln, m as Z, p as Q, r as un, t as dn, y as fn } from "./styleConstants-C_YAPdQS.js";
|
|
36
36
|
import { n as pn, t as mn } from "./emailFrameWidth-BmFCN2dp.js";
|
|
37
37
|
import { t as hn } from "./readableTextColor-f8Kykfnh.js";
|
|
38
|
-
import { t as $ } from "./ColorPicker-
|
|
39
|
-
import { n as gn, r as _n } from "./MergeTagSuggestion-
|
|
38
|
+
import { t as $ } from "./ColorPicker-DjfecH79.js";
|
|
39
|
+
import { n as gn, r as _n } from "./MergeTagSuggestion-BUozNVtA.js";
|
|
40
40
|
import { i as vn, n as yn, r as bn, t as xn } from "./NumberWithSuffix-C1D0WFrN.js";
|
|
41
41
|
import { t as Sn } from "./formatRelativeTime-CtUU-QZ8.js";
|
|
42
|
-
import { t as Cn } from "./TplModal-
|
|
42
|
+
import { t as Cn } from "./TplModal-7623HR5x.js";
|
|
43
43
|
var wn = J("circle", [["circle", {
|
|
44
44
|
cx: "12",
|
|
45
45
|
cy: "12",
|
|
@@ -224,7 +224,6 @@ function Rn(e) {
|
|
|
224
224
|
provider: t,
|
|
225
225
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
226
226
|
getUser: () => e.user ?? null,
|
|
227
|
-
onComment: e.onComment,
|
|
228
227
|
onError: e.onError
|
|
229
228
|
});
|
|
230
229
|
ce({
|
|
@@ -382,10 +381,10 @@ function Vn(e) {
|
|
|
382
381
|
function g(e) {
|
|
383
382
|
o(), r.value = "error", i.value = e instanceof Error && e.message ? e.message : "Save failed";
|
|
384
383
|
}
|
|
385
|
-
async function _() {
|
|
384
|
+
async function _(e) {
|
|
386
385
|
try {
|
|
387
|
-
let
|
|
388
|
-
return h(),
|
|
386
|
+
let t = await n.save(e);
|
|
387
|
+
return h(), t;
|
|
389
388
|
} catch (e) {
|
|
390
389
|
throw g(e), e;
|
|
391
390
|
}
|
|
@@ -402,8 +401,8 @@ function Vn(e) {
|
|
|
402
401
|
return o(), r.value = "idle", i.value = "", n.load(e);
|
|
403
402
|
}
|
|
404
403
|
let b = !1;
|
|
405
|
-
function x() {
|
|
406
|
-
return _().then(() => {
|
|
404
|
+
function x(e) {
|
|
405
|
+
return _(e).then(() => {
|
|
407
406
|
b && (b = !1, n.state.isDirty && w());
|
|
408
407
|
}, () => {
|
|
409
408
|
b = !1;
|
|
@@ -412,14 +411,14 @@ function Vn(e) {
|
|
|
412
411
|
function S() {
|
|
413
412
|
return !c.value || !f.value || p.value;
|
|
414
413
|
}
|
|
415
|
-
function C() {
|
|
414
|
+
function C(t = "manual") {
|
|
416
415
|
if (S()) return;
|
|
417
|
-
let
|
|
418
|
-
if (
|
|
419
|
-
|
|
416
|
+
let n = e.getSaveGate?.();
|
|
417
|
+
if (n) {
|
|
418
|
+
n.tryRunSave(() => x(t));
|
|
420
419
|
return;
|
|
421
420
|
}
|
|
422
|
-
x();
|
|
421
|
+
x(t);
|
|
423
422
|
}
|
|
424
423
|
function w() {
|
|
425
424
|
if (!c.value || !f.value) return;
|
|
@@ -429,14 +428,14 @@ function Vn(e) {
|
|
|
429
428
|
}
|
|
430
429
|
let t = e.getSaveGate?.();
|
|
431
430
|
if (t) {
|
|
432
|
-
t.runUnlessBlocked(x);
|
|
431
|
+
t.runUnlessBlocked(() => x("autosave"));
|
|
433
432
|
return;
|
|
434
433
|
}
|
|
435
|
-
x();
|
|
434
|
+
x("autosave");
|
|
436
435
|
}
|
|
437
436
|
function T(e) {
|
|
438
437
|
let t = e.trim();
|
|
439
|
-
t && t !== n.state.template?.name && (n.setName(t), C());
|
|
438
|
+
t && t !== n.state.template?.name && (n.setName(t), C("rename"));
|
|
440
439
|
}
|
|
441
440
|
return e.guardUnsavedChanges !== !1 && qe(window, "beforeunload", (e) => {
|
|
442
441
|
n.state.isDirty && (e.preventDefault(), e.returnValue = "");
|
|
@@ -497,6 +496,9 @@ async function Un(e) {
|
|
|
497
496
|
//#region src/composables/useTestEmailFeature.ts
|
|
498
497
|
var Wn = 1200;
|
|
499
498
|
function Gn(e) {
|
|
499
|
+
return e instanceof Error ? e : Error(String(e));
|
|
500
|
+
}
|
|
501
|
+
function Kn(e) {
|
|
500
502
|
let { provider: t } = e, n = m(!1), r = m(!1), i = m(!1), a = m(null), o = null, s = !1;
|
|
501
503
|
function c() {
|
|
502
504
|
o !== null && (clearTimeout(o), o = null);
|
|
@@ -525,7 +527,14 @@ function Gn(e) {
|
|
|
525
527
|
throw e;
|
|
526
528
|
}
|
|
527
529
|
}
|
|
528
|
-
|
|
530
|
+
function g(n) {
|
|
531
|
+
try {
|
|
532
|
+
t.onSent?.(n);
|
|
533
|
+
} catch (t) {
|
|
534
|
+
e.onError?.(Gn(t));
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
async function _(n) {
|
|
529
538
|
if (r.value) return;
|
|
530
539
|
let s = l.value;
|
|
531
540
|
if (s && !s.includes(n)) {
|
|
@@ -534,15 +543,15 @@ function Gn(e) {
|
|
|
534
543
|
}
|
|
535
544
|
r.value = !0, a.value = null;
|
|
536
545
|
try {
|
|
537
|
-
let r = await h()
|
|
538
|
-
await t.send({
|
|
546
|
+
let r = await h(), a = {
|
|
539
547
|
recipient: n,
|
|
540
548
|
content: e.getContent(),
|
|
541
549
|
...r === void 0 ? {} : { mjml: r },
|
|
542
550
|
...s === void 0 ? {} : { allowedRecipients: s }
|
|
543
|
-
}
|
|
551
|
+
};
|
|
552
|
+
await t.send(a), i.value = !0, o = setTimeout(p, Wn), g(a);
|
|
544
553
|
} catch (t) {
|
|
545
|
-
let n =
|
|
554
|
+
let n = Gn(t);
|
|
546
555
|
a.value = {
|
|
547
556
|
kind: "provider",
|
|
548
557
|
message: n.message
|
|
@@ -558,7 +567,7 @@ function Gn(e) {
|
|
|
558
567
|
isSending: r,
|
|
559
568
|
justSent: i,
|
|
560
569
|
error: a,
|
|
561
|
-
send:
|
|
570
|
+
send: _,
|
|
562
571
|
allowedRecipients: l,
|
|
563
572
|
defaultRecipient: u,
|
|
564
573
|
isAvailable: d,
|
|
@@ -570,7 +579,7 @@ function Gn(e) {
|
|
|
570
579
|
}
|
|
571
580
|
//#endregion
|
|
572
581
|
//#region src/composables/useVersionHistoryFeature.ts
|
|
573
|
-
function
|
|
582
|
+
function qn(e) {
|
|
574
583
|
let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = ye({
|
|
575
584
|
provider: t,
|
|
576
585
|
getTemplateId: () => n.state.template?.id ?? null,
|
|
@@ -681,15 +690,12 @@ function Kn(e) {
|
|
|
681
690
|
}
|
|
682
691
|
//#endregion
|
|
683
692
|
//#region src/types/auto-save.ts
|
|
684
|
-
function
|
|
685
|
-
return e
|
|
686
|
-
enabled: !0,
|
|
687
|
-
debounce: e.debounce
|
|
688
|
-
};
|
|
693
|
+
function Jn(e, t) {
|
|
694
|
+
return e ?? t;
|
|
689
695
|
}
|
|
690
696
|
//#endregion
|
|
691
697
|
//#region src/utils/resolveLintOptions.ts
|
|
692
|
-
function
|
|
698
|
+
function Yn(e) {
|
|
693
699
|
return {
|
|
694
700
|
...e.lint,
|
|
695
701
|
locale: e.locale
|
|
@@ -697,20 +703,20 @@ function Jn(e) {
|
|
|
697
703
|
}
|
|
698
704
|
//#endregion
|
|
699
705
|
//#region src/utils/renderProvider.ts
|
|
700
|
-
function
|
|
706
|
+
function Xn(e) {
|
|
701
707
|
return {
|
|
702
708
|
customFonts: e.customFonts.value,
|
|
703
709
|
defaultFallback: e.defaultFallback.value
|
|
704
710
|
};
|
|
705
711
|
}
|
|
706
|
-
async function
|
|
712
|
+
async function Zn(e) {
|
|
707
713
|
let t = oe(e.getContent());
|
|
708
714
|
return await nn(t, { renderCustomBlock: e.renderCustomBlock }), {
|
|
709
715
|
content: t,
|
|
710
716
|
fonts: e.getFonts()
|
|
711
717
|
};
|
|
712
718
|
}
|
|
713
|
-
function
|
|
719
|
+
function Qn(e) {
|
|
714
720
|
async function t() {
|
|
715
721
|
let t = e.provider, n = t?.toMjml?.bind(t);
|
|
716
722
|
return n ? n(await e.buildPayload()) : e.renderLocalMjml();
|
|
@@ -729,13 +735,13 @@ function Zn(e) {
|
|
|
729
735
|
}
|
|
730
736
|
//#endregion
|
|
731
737
|
//#region src/utils/normalizeMergeTagMarkup.ts
|
|
732
|
-
function
|
|
738
|
+
function $n(e) {
|
|
733
739
|
let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
|
|
734
740
|
return new RegExp(e.source, t);
|
|
735
741
|
}
|
|
736
|
-
function
|
|
742
|
+
function er(e, t, n) {
|
|
737
743
|
let r = [], i = (t, n, i) => {
|
|
738
|
-
let a =
|
|
744
|
+
let a = $n(t), o = a.exec(e);
|
|
739
745
|
for (; o !== null;) {
|
|
740
746
|
let t = o.index, s = t + o[0].length;
|
|
741
747
|
o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
|
|
@@ -749,7 +755,7 @@ function $n(e, t, n) {
|
|
|
749
755
|
};
|
|
750
756
|
return i(n.logic, "data-logic-merge-tag", (e) => V(e, n)), i(n.value, "data-merge-tag", (e) => B(e, t)), r.sort((e, t) => e.start - t.start);
|
|
751
757
|
}
|
|
752
|
-
function
|
|
758
|
+
function tr(e) {
|
|
753
759
|
let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
|
|
754
760
|
if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
|
|
755
761
|
let t = e;
|
|
@@ -758,11 +764,11 @@ function er(e) {
|
|
|
758
764
|
for (; r !== null;) n.push(r), r = t.nextNode();
|
|
759
765
|
return n;
|
|
760
766
|
}
|
|
761
|
-
function
|
|
767
|
+
function nr(e, t, n) {
|
|
762
768
|
if (!e || !te(e, n) || typeof DOMParser > "u") return e;
|
|
763
769
|
let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
|
|
764
|
-
for (let e of
|
|
765
|
-
let a = e.data, o =
|
|
770
|
+
for (let e of tr(r)) {
|
|
771
|
+
let a = e.data, o = er(a, t, n);
|
|
766
772
|
if (o.length === 0) continue;
|
|
767
773
|
let s = r.createDocumentFragment(), c = 0;
|
|
768
774
|
for (let e of o) {
|
|
@@ -774,13 +780,13 @@ function tr(e, t, n) {
|
|
|
774
780
|
}
|
|
775
781
|
return i === 0 ? e : r.body.innerHTML;
|
|
776
782
|
}
|
|
777
|
-
function
|
|
783
|
+
function rr(e, t, n) {
|
|
778
784
|
if (e.type === "section") {
|
|
779
785
|
if (!Array.isArray(e.children)) return e;
|
|
780
786
|
let r = !1, i = e.children.map((e) => {
|
|
781
787
|
if (!Array.isArray(e)) return e;
|
|
782
788
|
let i = !1, a = e.map((e) => {
|
|
783
|
-
let r =
|
|
789
|
+
let r = rr(e, t, n);
|
|
784
790
|
return r !== e && (i = !0), r;
|
|
785
791
|
});
|
|
786
792
|
return i ? (r = !0, a) : e;
|
|
@@ -791,16 +797,16 @@ function nr(e, t, n) {
|
|
|
791
797
|
} : e;
|
|
792
798
|
}
|
|
793
799
|
if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
|
|
794
|
-
let r =
|
|
800
|
+
let r = nr(e.content, t, n);
|
|
795
801
|
return r === e.content ? e : {
|
|
796
802
|
...e,
|
|
797
803
|
content: r
|
|
798
804
|
};
|
|
799
805
|
}
|
|
800
|
-
function
|
|
806
|
+
function ir(e, t, n) {
|
|
801
807
|
if (!e || !Array.isArray(e.blocks)) return e;
|
|
802
808
|
let r = !1, i = e.blocks.map((e) => {
|
|
803
|
-
let i =
|
|
809
|
+
let i = rr(e, t, n);
|
|
804
810
|
return i !== e && (r = !0), i;
|
|
805
811
|
});
|
|
806
812
|
return r ? {
|
|
@@ -808,10 +814,10 @@ function rr(e, t, n) {
|
|
|
808
814
|
blocks: i
|
|
809
815
|
} : e;
|
|
810
816
|
}
|
|
811
|
-
function ir(e, t) {
|
|
812
|
-
return rr(e, t?.tags ?? [], W(t?.syntax));
|
|
813
|
-
}
|
|
814
817
|
function ar(e, t) {
|
|
818
|
+
return ir(e, t?.tags ?? [], W(t?.syntax));
|
|
819
|
+
}
|
|
820
|
+
function or(e, t) {
|
|
815
821
|
return {
|
|
816
822
|
get state() {
|
|
817
823
|
return e.state;
|
|
@@ -819,14 +825,14 @@ function ar(e, t) {
|
|
|
819
825
|
get content() {
|
|
820
826
|
return e.content;
|
|
821
827
|
},
|
|
822
|
-
setContent: (n, r) => e.setContent(
|
|
828
|
+
setContent: (n, r) => e.setContent(ar(n, t), r)
|
|
823
829
|
};
|
|
824
830
|
}
|
|
825
|
-
function
|
|
831
|
+
function sr(e, t) {
|
|
826
832
|
return {
|
|
827
833
|
...e,
|
|
828
834
|
async load(n) {
|
|
829
|
-
let r = await e.load(n), i =
|
|
835
|
+
let r = await e.load(n), i = ar(r.content, t);
|
|
830
836
|
return i === r.content ? r : {
|
|
831
837
|
...r,
|
|
832
838
|
content: i
|
|
@@ -836,30 +842,30 @@ function or(e, t) {
|
|
|
836
842
|
}
|
|
837
843
|
//#endregion
|
|
838
844
|
//#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
|
|
839
|
-
var
|
|
845
|
+
var cr = ["aria-label"], lr = {
|
|
840
846
|
key: 0,
|
|
841
847
|
role: "status",
|
|
842
848
|
"aria-busy": "true",
|
|
843
849
|
"data-testid": "preview-resolution-loading",
|
|
844
850
|
class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
|
|
845
|
-
},
|
|
851
|
+
}, ur = { class: "tpl:sr-only" }, dr = {
|
|
846
852
|
key: 1,
|
|
847
853
|
role: "status",
|
|
848
854
|
"data-testid": "preview-resolution-failed",
|
|
849
855
|
class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
|
|
850
|
-
},
|
|
856
|
+
}, fr = {
|
|
851
857
|
key: 0,
|
|
852
858
|
class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
|
|
853
|
-
},
|
|
859
|
+
}, pr = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, mr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, hr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, gr = {
|
|
854
860
|
key: 0,
|
|
855
861
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
856
|
-
},
|
|
862
|
+
}, _r = {
|
|
857
863
|
key: 1,
|
|
858
864
|
class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
|
|
859
|
-
},
|
|
865
|
+
}, vr = { class: "tpl:relative" }, yr = {
|
|
860
866
|
class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
|
|
861
867
|
style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
|
|
862
|
-
},
|
|
868
|
+
}, br = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
863
869
|
__name: "Canvas",
|
|
864
870
|
props: {
|
|
865
871
|
viewport: {},
|
|
@@ -967,11 +973,11 @@ var sr = ["aria-label"], cr = {
|
|
|
967
973
|
}]),
|
|
968
974
|
style: l(B.value),
|
|
969
975
|
onClick: te
|
|
970
|
-
}, [O(j)?.isInitialResolve.value ? (S(), v("div",
|
|
976
|
+
}, [O(j)?.isInitialResolve.value ? (S(), v("div", lr, [_("span", ur, C(O(c).previewResolution.resolving), 1), (S(), v(D, null, x(3, (e) => _("div", {
|
|
971
977
|
key: e,
|
|
972
978
|
"aria-hidden": "true",
|
|
973
979
|
class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
|
|
974
|
-
})), 64))])) : O(j)?.hasFailed.value ? (S(), v("p",
|
|
980
|
+
})), 64))])) : O(j)?.hasFailed.value ? (S(), v("p", dr, C(O(c).previewResolution.failed), 1)) : A("", !0), t(y(O(we), {
|
|
975
981
|
modelValue: L.value,
|
|
976
982
|
"onUpdate:modelValue": i[2] ||= (e) => L.value = e,
|
|
977
983
|
group: "blocks",
|
|
@@ -994,14 +1000,14 @@ var sr = ["aria-label"], cr = {
|
|
|
994
1000
|
onDragleave: G,
|
|
995
1001
|
onDrop: ee
|
|
996
1002
|
}, {
|
|
997
|
-
default: M(() => [V.value ? (S(), v("div",
|
|
998
|
-
_("div",
|
|
1003
|
+
default: M(() => [V.value ? (S(), v("div", fr, [
|
|
1004
|
+
_("div", pr, [y(O(Fn), {
|
|
999
1005
|
size: 48,
|
|
1000
1006
|
"stroke-width": 1
|
|
1001
1007
|
})]),
|
|
1002
|
-
_("p",
|
|
1003
|
-
_("p",
|
|
1004
|
-
N.value && O(f) ? (S(), v("p",
|
|
1008
|
+
_("p", mr, C(O(c).canvas.noBlocks), 1),
|
|
1009
|
+
_("p", hr, C(O(c).canvas.dragHint), 1),
|
|
1010
|
+
N.value && O(f) ? (S(), v("p", gr, [
|
|
1005
1011
|
b(C(O(c).canvas.aiHintChat) + " ", 1),
|
|
1006
1012
|
_("button", {
|
|
1007
1013
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
@@ -1012,7 +1018,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1012
1018
|
}), b(" " + C(O(f).aiMenu.aiAssistant), 1)]),
|
|
1013
1019
|
b(" " + C(O(c).canvas.aiHintChatSuffix), 1)
|
|
1014
1020
|
])) : A("", !0),
|
|
1015
|
-
P.value && O(f) ? (S(), v("p",
|
|
1021
|
+
P.value && O(f) ? (S(), v("p", _r, [
|
|
1016
1022
|
b(C(O(c).canvas.aiHintDesign) + " ", 1),
|
|
1017
1023
|
_("button", {
|
|
1018
1024
|
class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
|
|
@@ -1026,7 +1032,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1026
1032
|
])) : A("", !0), (S(!0), v(D, null, x(L.value, (e) => t((S(), v("div", {
|
|
1027
1033
|
key: e.id,
|
|
1028
1034
|
class: "tpl-block-item"
|
|
1029
|
-
}, [_("div",
|
|
1035
|
+
}, [_("div", vr, [K(e.id) ? (S(), v("div", {
|
|
1030
1036
|
key: 0,
|
|
1031
1037
|
class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
|
|
1032
1038
|
style: l({
|
|
@@ -1039,7 +1045,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1039
1045
|
backgroundColor: K(e.id).color,
|
|
1040
1046
|
color: O(hn)(K(e.id).color)
|
|
1041
1047
|
})
|
|
1042
|
-
}, [_("span",
|
|
1048
|
+
}, [_("span", yr, C(K(e.id).name.charAt(0)), 1), b(" " + C(K(e.id).name), 1)], 4)], 4)) : A("", !0), y(Re, {
|
|
1043
1049
|
block: e,
|
|
1044
1050
|
"is-selected": !n.previewMode && !ae.value && n.selectedBlockId === e.id && !K(e.id),
|
|
1045
1051
|
picked: ie(e.id),
|
|
@@ -1072,9 +1078,9 @@ var sr = ["aria-label"], cr = {
|
|
|
1072
1078
|
"modelValue",
|
|
1073
1079
|
"disabled",
|
|
1074
1080
|
"class"
|
|
1075
|
-
]), [[I, !O(j)?.isInitialResolve.value]])], 6)], 12,
|
|
1081
|
+
]), [[I, !O(j)?.isInitialResolve.value]])], 6)], 12, cr)], 4));
|
|
1076
1082
|
}
|
|
1077
|
-
}), [["__scopeId", "data-v-
|
|
1083
|
+
}), [["__scopeId", "data-v-9bb8b409"]]), xr = j({
|
|
1078
1084
|
name: "CustomBlockStylesheets",
|
|
1079
1085
|
setup() {
|
|
1080
1086
|
let e = d(mt, null);
|
|
@@ -1087,7 +1093,7 @@ var sr = ["aria-label"], cr = {
|
|
|
1087
1093
|
});
|
|
1088
1094
|
//#endregion
|
|
1089
1095
|
//#region src/utils/resolvePaletteBlocks.ts
|
|
1090
|
-
function
|
|
1096
|
+
function Sr(e, t) {
|
|
1091
1097
|
if (!t || t.length === 0) return {
|
|
1092
1098
|
items: e,
|
|
1093
1099
|
unknown: []
|
|
@@ -1106,7 +1112,7 @@ function xr(e, t) {
|
|
|
1106
1112
|
}
|
|
1107
1113
|
//#endregion
|
|
1108
1114
|
//#region src/utils/resolveInsertPosition.ts
|
|
1109
|
-
function
|
|
1115
|
+
function Cr(e) {
|
|
1110
1116
|
let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
|
|
1111
1117
|
if (!n) return {};
|
|
1112
1118
|
let a = r(n);
|
|
@@ -1124,21 +1130,21 @@ function Sr(e) {
|
|
|
1124
1130
|
}
|
|
1125
1131
|
//#endregion
|
|
1126
1132
|
//#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
|
|
1127
|
-
var
|
|
1133
|
+
var wr = ["aria-label"], Tr = {
|
|
1128
1134
|
key: 0,
|
|
1129
1135
|
class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
|
|
1130
|
-
},
|
|
1136
|
+
}, Er = ["aria-label"], Dr = {
|
|
1131
1137
|
key: 0,
|
|
1132
1138
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1133
|
-
},
|
|
1139
|
+
}, Or = [
|
|
1134
1140
|
"data-palette-type",
|
|
1135
1141
|
"aria-label",
|
|
1136
1142
|
"onClick",
|
|
1137
1143
|
"onKeydown"
|
|
1138
|
-
],
|
|
1144
|
+
], kr = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Ar = {
|
|
1139
1145
|
key: 0,
|
|
1140
1146
|
class: "tpl:truncate tpl:text-sm tpl:font-medium"
|
|
1141
|
-
},
|
|
1147
|
+
}, jr = /* @__PURE__ */ j({
|
|
1142
1148
|
__name: "Sidebar",
|
|
1143
1149
|
setup(e) {
|
|
1144
1150
|
let { t, format: n } = q(), r = d(st, []), i = d($e, void 0), a = d(pt, void 0), s = d(ct, null), c = Lt(), f = d(at, {}), p = k(() => f.savedBlocks?.isAvailable.value === !0), h = m(!1), g = m(!1), b = m(null);
|
|
@@ -1188,7 +1194,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1188
1194
|
label: e.name,
|
|
1189
1195
|
isCustom: !0,
|
|
1190
1196
|
icon: e.icon
|
|
1191
|
-
}))), R = k(() => [...I.value, ...L.value]), z = k(() =>
|
|
1197
|
+
}))), R = k(() => [...I.value, ...L.value]), z = k(() => Sr(R.value, i)), B = k(() => z.value.items), V = /* @__PURE__ */ new Set();
|
|
1192
1198
|
o(() => z.value.unknown, (e) => {
|
|
1193
1199
|
for (let t of e) V.has(t) || (V.add(t), bt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
|
|
1194
1200
|
}, { immediate: !0 });
|
|
@@ -1201,7 +1207,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1201
1207
|
}
|
|
1202
1208
|
function U(e) {
|
|
1203
1209
|
if (!s) return;
|
|
1204
|
-
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } =
|
|
1210
|
+
let t = H(e), { targetSectionId: n, columnIndex: r, index: i } = Cr({
|
|
1205
1211
|
blockType: e.type,
|
|
1206
1212
|
selectedBlockId: s.state.selectedBlockId,
|
|
1207
1213
|
findBlockLocation: s.findBlockLocation,
|
|
@@ -1228,7 +1234,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1228
1234
|
onMouseleave: E,
|
|
1229
1235
|
onFocusin: r[2] ||= (e) => h.value = !0,
|
|
1230
1236
|
onFocusout: r[3] ||= (e) => h.value = !1
|
|
1231
|
-
}, [p.value ? (S(), v("div",
|
|
1237
|
+
}, [p.value ? (S(), v("div", Tr, [_("button", {
|
|
1232
1238
|
type: "button",
|
|
1233
1239
|
"aria-label": O(t).sidebarNav.browseSavedBlocks,
|
|
1234
1240
|
class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)]",
|
|
@@ -1238,7 +1244,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1238
1244
|
size: 20,
|
|
1239
1245
|
"stroke-width": 1.5,
|
|
1240
1246
|
class: "tpl:shrink-0"
|
|
1241
|
-
}), h.value ? (S(), v("span",
|
|
1247
|
+
}), h.value ? (S(), v("span", Dr, C(O(t).savedBlocks.title), 1)) : A("", !0)], 12, Er)])) : A("", !0), y(O(we), {
|
|
1242
1248
|
"model-value": B.value,
|
|
1243
1249
|
group: {
|
|
1244
1250
|
name: "blocks",
|
|
@@ -1263,7 +1269,7 @@ var Cr = ["aria-label"], wr = {
|
|
|
1263
1269
|
style: l({ justifyContent: h.value ? "flex-start" : "center" }),
|
|
1264
1270
|
onClick: (t) => U(e),
|
|
1265
1271
|
onKeydown: (t) => W(t, e)
|
|
1266
|
-
}, [_("div",
|
|
1272
|
+
}, [_("div", kr, [O(jt)[e.type] ? (S(), w(u(O(jt)[e.type]), {
|
|
1267
1273
|
key: 0,
|
|
1268
1274
|
size: 20,
|
|
1269
1275
|
"stroke-width": 1.5
|
|
@@ -1271,14 +1277,14 @@ var Cr = ["aria-label"], wr = {
|
|
|
1271
1277
|
key: 1,
|
|
1272
1278
|
icon: e.icon,
|
|
1273
1279
|
size: 20
|
|
1274
|
-
}, null, 8, ["icon"])) : A("", !0)]), h.value ? (S(), v("span",
|
|
1280
|
+
}, null, 8, ["icon"])) : A("", !0)]), h.value ? (S(), v("span", Ar, C(e.label), 1)) : A("", !0)], 44, Or))), 128))]),
|
|
1275
1281
|
_: 1
|
|
1276
|
-
}, 8, ["model-value"])], 44,
|
|
1282
|
+
}, 8, ["model-value"])], 44, wr));
|
|
1277
1283
|
}
|
|
1278
1284
|
});
|
|
1279
1285
|
//#endregion
|
|
1280
1286
|
//#region src/utils/mergeTagTrigger.ts
|
|
1281
|
-
function
|
|
1287
|
+
function Mr(e, t, n, r) {
|
|
1282
1288
|
if (!n) return null;
|
|
1283
1289
|
let i = e.slice(0, t), a = i.lastIndexOf(n);
|
|
1284
1290
|
if (a === -1) return null;
|
|
@@ -1291,8 +1297,8 @@ function jr(e, t, n, r) {
|
|
|
1291
1297
|
}
|
|
1292
1298
|
//#endregion
|
|
1293
1299
|
//#region src/utils/textFieldCaret.ts
|
|
1294
|
-
var
|
|
1295
|
-
function
|
|
1300
|
+
var Nr = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
|
|
1301
|
+
function Pr(e, t, n) {
|
|
1296
1302
|
return {
|
|
1297
1303
|
left: e,
|
|
1298
1304
|
top: t,
|
|
@@ -1305,7 +1311,7 @@ function Nr(e, t, n) {
|
|
|
1305
1311
|
toJSON: () => ({})
|
|
1306
1312
|
};
|
|
1307
1313
|
}
|
|
1308
|
-
function
|
|
1314
|
+
function Fr(e, t) {
|
|
1309
1315
|
let n = e.ownerDocument, r = n.defaultView;
|
|
1310
1316
|
if (!r) return null;
|
|
1311
1317
|
let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
|
|
@@ -1313,7 +1319,7 @@ function Pr(e, t) {
|
|
|
1313
1319
|
let s = o.style;
|
|
1314
1320
|
s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
|
|
1315
1321
|
let c = s, l = a;
|
|
1316
|
-
for (let e of
|
|
1322
|
+
for (let e of Nr) c[e] = l[e];
|
|
1317
1323
|
i && (s.width = "auto", s.whiteSpace = "pre");
|
|
1318
1324
|
let u = e.value, d = u.slice(0, t);
|
|
1319
1325
|
i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
|
|
@@ -1322,26 +1328,26 @@ function Pr(e, t) {
|
|
|
1322
1328
|
let p = f.offsetTop, m = f.offsetLeft;
|
|
1323
1329
|
n.body.removeChild(o);
|
|
1324
1330
|
let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
|
|
1325
|
-
if (i) return
|
|
1331
|
+
if (i) return Pr(y, h.top, h.bottom);
|
|
1326
1332
|
let b = h.top + p + g - e.scrollTop;
|
|
1327
|
-
return
|
|
1333
|
+
return Pr(y, b, b + v);
|
|
1328
1334
|
}
|
|
1329
1335
|
//#endregion
|
|
1330
1336
|
//#region src/composables/useMergeTagAutocomplete.ts
|
|
1331
|
-
var
|
|
1337
|
+
var Ir = /* @__PURE__ */ new Set([
|
|
1332
1338
|
"ArrowLeft",
|
|
1333
1339
|
"ArrowRight",
|
|
1334
1340
|
"Home",
|
|
1335
1341
|
"End"
|
|
1336
1342
|
]);
|
|
1337
|
-
function
|
|
1343
|
+
function Lr(e) {
|
|
1338
1344
|
let { elementRef: t, modelValue: n, emit: r, mergeTags: a, syntax: o, enabled: s, onInsert: c } = e, l = z(o), u = K(o), m = s && l !== null && a.length > 0, h = d(nt, null), g = (i(h) ? h.value : h)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", _ = St(), v = gn(g, _), y = !1;
|
|
1339
1345
|
p() && E(() => {
|
|
1340
1346
|
y = !0, v.close();
|
|
1341
1347
|
});
|
|
1342
1348
|
function b(e) {
|
|
1343
1349
|
let t = e.value ?? "";
|
|
1344
|
-
return
|
|
1350
|
+
return Mr(t, e.selectionStart ?? t.length, l, u);
|
|
1345
1351
|
}
|
|
1346
1352
|
function x(e, i, a) {
|
|
1347
1353
|
let o = e.value ?? n(), s = o.slice(i.caret), l = u && s.startsWith(u) ? u.length : 0, d = o.slice(0, i.triggerStart), p = o.slice(i.caret + l), m = d + a.value + p, h = d.length + a.value.length;
|
|
@@ -1363,7 +1369,7 @@ function Ir(e) {
|
|
|
1363
1369
|
v.close();
|
|
1364
1370
|
return;
|
|
1365
1371
|
}
|
|
1366
|
-
let r = _n(a, n.query), i = () =>
|
|
1372
|
+
let r = _n(a, n.query), i = () => Fr(e, n.triggerStart), o = (t) => x(e, n, t);
|
|
1367
1373
|
v.isOpen() ? v.update({
|
|
1368
1374
|
items: r,
|
|
1369
1375
|
getRect: i,
|
|
@@ -1376,7 +1382,7 @@ function Ir(e) {
|
|
|
1376
1382
|
});
|
|
1377
1383
|
}
|
|
1378
1384
|
function C(e) {
|
|
1379
|
-
return v.isOpen() ? e.key === "Escape" ? (v.close(), !0) :
|
|
1385
|
+
return v.isOpen() ? e.key === "Escape" ? (v.close(), !0) : Ir.has(e.key) ? (v.close(), !1) : v.handleKeyDown(e) : !1;
|
|
1380
1386
|
}
|
|
1381
1387
|
return {
|
|
1382
1388
|
available: m,
|
|
@@ -1388,12 +1394,12 @@ function Ir(e) {
|
|
|
1388
1394
|
}
|
|
1389
1395
|
//#endregion
|
|
1390
1396
|
//#region src/composables/useMergeTagField.ts
|
|
1391
|
-
function
|
|
1397
|
+
function Rr(e) {
|
|
1392
1398
|
let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: a, isRequesting: o, isMergeTagValue: s, getMergeTagLabel: c, requestMergeTag: l, syntax: u, autocomplete: d } = en(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = Be(), v = m(!1), y = !1, b = !1;
|
|
1393
1399
|
p() && E(() => {
|
|
1394
1400
|
b = !0;
|
|
1395
1401
|
});
|
|
1396
|
-
let x =
|
|
1402
|
+
let x = Lr({
|
|
1397
1403
|
elementRef: r,
|
|
1398
1404
|
modelValue: t,
|
|
1399
1405
|
emit: n,
|
|
@@ -1515,10 +1521,10 @@ function Lr(e) {
|
|
|
1515
1521
|
}
|
|
1516
1522
|
//#endregion
|
|
1517
1523
|
//#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
|
|
1518
|
-
var
|
|
1524
|
+
var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip"], Hr = {
|
|
1519
1525
|
key: 2,
|
|
1520
1526
|
class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
|
|
1521
|
-
},
|
|
1527
|
+
}, Ur = ["aria-label", "title"], Wr = /* @__PURE__ */ j({
|
|
1522
1528
|
__name: "MergeTagSegments",
|
|
1523
1529
|
props: {
|
|
1524
1530
|
segments: {},
|
|
@@ -1546,7 +1552,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1546
1552
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-primary) 20%,\n transparent\n )",
|
|
1547
1553
|
color: "var(--tpl-primary)"
|
|
1548
1554
|
}
|
|
1549
|
-
}, C(e.label), 9,
|
|
1555
|
+
}, C(e.label), 9, Br)) : e.type === "logicMergeTag" ? (S(), v("span", {
|
|
1550
1556
|
key: 1,
|
|
1551
1557
|
class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
|
|
1552
1558
|
"data-tooltip": e.value,
|
|
@@ -1555,7 +1561,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1555
1561
|
border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
|
|
1556
1562
|
color: "var(--tpl-primary)"
|
|
1557
1563
|
}
|
|
1558
|
-
}, C(e.keyword), 9,
|
|
1564
|
+
}, C(e.keyword), 9, Vr)) : (S(), v("span", Hr, C(e.value), 1))], 64))), 128)), _("button", {
|
|
1559
1565
|
type: "button",
|
|
1560
1566
|
class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
|
|
1561
1567
|
"aria-label": O(i).mergeTag.remove,
|
|
@@ -1564,13 +1570,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1564
1570
|
}, [y(O(Zt), {
|
|
1565
1571
|
size: 12,
|
|
1566
1572
|
"stroke-width": 2.5
|
|
1567
|
-
})], 8,
|
|
1573
|
+
})], 8, Ur)], 42, zr));
|
|
1568
1574
|
}
|
|
1569
|
-
}),
|
|
1575
|
+
}), Gr = [
|
|
1570
1576
|
"aria-label",
|
|
1571
1577
|
"title",
|
|
1572
1578
|
"disabled"
|
|
1573
|
-
],
|
|
1579
|
+
], Kr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", qr = /* @__PURE__ */ j({
|
|
1574
1580
|
__name: "MergeTagInsertButton",
|
|
1575
1581
|
props: { disabled: { type: Boolean } },
|
|
1576
1582
|
emits: ["insert"],
|
|
@@ -1578,7 +1584,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1578
1584
|
let { t } = q();
|
|
1579
1585
|
return (n, i) => (S(), v("button", {
|
|
1580
1586
|
type: "button",
|
|
1581
|
-
class: r([
|
|
1587
|
+
class: r([Kr, "tpl:mt-1.5"]),
|
|
1582
1588
|
"aria-label": O(t).mergeTag.insert,
|
|
1583
1589
|
title: O(t).mergeTag.insert,
|
|
1584
1590
|
disabled: e.disabled,
|
|
@@ -1587,13 +1593,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1587
1593
|
}, [y(O(wt), {
|
|
1588
1594
|
size: 12,
|
|
1589
1595
|
"stroke-width": 2
|
|
1590
|
-
}), b(" " + C(O(t).mergeTag.insertShort), 1)], 42,
|
|
1596
|
+
}), b(" " + C(O(t).mergeTag.insertShort), 1)], 42, Gr));
|
|
1591
1597
|
}
|
|
1592
|
-
}),
|
|
1598
|
+
}), Jr = [
|
|
1593
1599
|
"aria-label",
|
|
1594
1600
|
"title",
|
|
1595
1601
|
"disabled"
|
|
1596
|
-
],
|
|
1602
|
+
], Yr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Xr = /* @__PURE__ */ j({
|
|
1597
1603
|
__name: "LogicTagInsertButton",
|
|
1598
1604
|
props: { disabled: { type: Boolean } },
|
|
1599
1605
|
emits: ["insert"],
|
|
@@ -1601,7 +1607,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1601
1607
|
let { t } = q();
|
|
1602
1608
|
return (n, i) => (S(), v("button", {
|
|
1603
1609
|
type: "button",
|
|
1604
|
-
class: r([
|
|
1610
|
+
class: r([Yr, "tpl:mt-1.5"]),
|
|
1605
1611
|
"aria-label": O(t).logicTag.insert,
|
|
1606
1612
|
title: O(t).logicTag.insert,
|
|
1607
1613
|
disabled: e.disabled,
|
|
@@ -1611,19 +1617,19 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1611
1617
|
}, [y(O(Ct), {
|
|
1612
1618
|
size: 12,
|
|
1613
1619
|
"stroke-width": 2
|
|
1614
|
-
}), b(" " + C(O(t).logicTag.insertShort), 1)], 42,
|
|
1620
|
+
}), b(" " + C(O(t).logicTag.insertShort), 1)], 42, Jr));
|
|
1615
1621
|
}
|
|
1616
|
-
}),
|
|
1622
|
+
}), Zr = { key: 0 }, Qr = {
|
|
1617
1623
|
key: 0,
|
|
1618
1624
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1619
|
-
},
|
|
1625
|
+
}, $r = { key: 1 }, ei = [
|
|
1620
1626
|
"value",
|
|
1621
1627
|
"placeholder",
|
|
1622
1628
|
"rows"
|
|
1623
|
-
],
|
|
1629
|
+
], ti = {
|
|
1624
1630
|
key: 0,
|
|
1625
1631
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1626
|
-
},
|
|
1632
|
+
}, ni = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ri = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ii = /* @__PURE__ */ j({
|
|
1627
1633
|
__name: "MergeTagTextarea",
|
|
1628
1634
|
props: {
|
|
1629
1635
|
modelValue: {},
|
|
@@ -1632,32 +1638,32 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1632
1638
|
},
|
|
1633
1639
|
emits: ["update:modelValue"],
|
|
1634
1640
|
setup(e, { emit: t }) {
|
|
1635
|
-
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } =
|
|
1641
|
+
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } = Rr({
|
|
1636
1642
|
modelValue: () => n.modelValue,
|
|
1637
1643
|
emit: (e) => i("update:modelValue", e),
|
|
1638
1644
|
elementRef: a
|
|
1639
1645
|
});
|
|
1640
|
-
return (t, n) => O(s) && !O(f) ? (S(), v("div",
|
|
1646
|
+
return (t, n) => O(s) && !O(f) ? (S(), v("div", Zr, [y(Wr, {
|
|
1641
1647
|
segments: O(o),
|
|
1642
|
-
"display-class":
|
|
1648
|
+
"display-class": ri,
|
|
1643
1649
|
onEdit: O(p),
|
|
1644
1650
|
onClear: O(C)
|
|
1645
1651
|
}, null, 8, [
|
|
1646
1652
|
"segments",
|
|
1647
1653
|
"onEdit",
|
|
1648
1654
|
"onClear"
|
|
1649
|
-
]), O(c) || O(u) ? (S(), v("div",
|
|
1655
|
+
]), O(c) || O(u) ? (S(), v("div", Qr, [O(c) ? (S(), w(qr, {
|
|
1650
1656
|
key: 0,
|
|
1651
1657
|
disabled: O(l),
|
|
1652
1658
|
onInsert: O(T)
|
|
1653
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1659
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1654
1660
|
key: 1,
|
|
1655
1661
|
disabled: O(d),
|
|
1656
1662
|
onInsert: O(E)
|
|
1657
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div",
|
|
1663
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div", $r, [_("textarea", {
|
|
1658
1664
|
ref_key: "textareaRef",
|
|
1659
1665
|
ref: a,
|
|
1660
|
-
class: r(
|
|
1666
|
+
class: r(ni),
|
|
1661
1667
|
value: e.modelValue,
|
|
1662
1668
|
placeholder: e.placeholder,
|
|
1663
1669
|
rows: e.rows,
|
|
@@ -1665,17 +1671,20 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1665
1671
|
onKeydown: n[1] ||= (...e) => O(g) && O(g)(...e),
|
|
1666
1672
|
onClick: n[2] ||= (...e) => O(b) && O(b)(...e),
|
|
1667
1673
|
onBlur: n[3] ||= (...e) => O(x) && O(x)(...e)
|
|
1668
|
-
}, null, 40,
|
|
1674
|
+
}, null, 40, ei), O(c) || O(u) ? (S(), v("div", ti, [O(c) ? (S(), w(qr, {
|
|
1669
1675
|
key: 0,
|
|
1670
1676
|
disabled: O(l),
|
|
1671
1677
|
onInsert: O(T)
|
|
1672
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1678
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1673
1679
|
key: 1,
|
|
1674
1680
|
disabled: O(d),
|
|
1675
1681
|
onInsert: O(E)
|
|
1676
1682
|
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)]));
|
|
1677
1683
|
}
|
|
1678
|
-
}),
|
|
1684
|
+
}), ai = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, oi = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, si = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ci = { class: "tpl:mb-3.5" }, li = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, ui = ["onClick"], di = { class: "tpl:flex tpl:items-stretch" }, fi = ["value"], pi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, mi = {
|
|
1685
|
+
class: "tpl:mb-3.5",
|
|
1686
|
+
"data-testid": "template-settings-background"
|
|
1687
|
+
}, hi = { class: "tpl:mb-3.5" }, gi = { class: "tpl:mb-3.5" }, _i = { class: "tpl:mb-3.5" }, vi = ["value"], yi = ["value"], bi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, xi = ["value"], Si = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ci = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, wi = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ti = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ei = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Di = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Oi = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, ki = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ai = { class: "tpl:mb-1 tpl:last:mb-0" }, ji = { class: "tpl:mb-1 tpl:last:mb-0" }, Mi = { class: "tpl:mb-1 tpl:last:mb-0" }, Ni = 150, Pi = /* @__PURE__ */ j({
|
|
1679
1688
|
__name: "TemplateSettings",
|
|
1680
1689
|
props: { settings: {} },
|
|
1681
1690
|
emits: ["update"],
|
|
@@ -1698,14 +1707,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1698
1707
|
label: "800px"
|
|
1699
1708
|
}
|
|
1700
1709
|
];
|
|
1701
|
-
return (t, n) => (S(), v("aside",
|
|
1710
|
+
return (t, n) => (S(), v("aside", ai, [_("div", oi, [
|
|
1702
1711
|
_("div", { class: r(O(ln)) }, [
|
|
1703
|
-
_("div",
|
|
1712
|
+
_("div", si, [y(O(In), {
|
|
1704
1713
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1705
1714
|
size: 14,
|
|
1706
1715
|
"stroke-width": 2
|
|
1707
1716
|
}), _("span", null, C(O(a).templateSettings.layout), 1)]),
|
|
1708
|
-
_("div",
|
|
1717
|
+
_("div", ci, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.widthPreset), 3), _("div", li, [(S(), v(D, null, x(u, (t) => _("button", {
|
|
1709
1718
|
key: t.value,
|
|
1710
1719
|
class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
1711
1720
|
style: l({
|
|
@@ -1714,38 +1723,38 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1714
1723
|
boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
|
|
1715
1724
|
}),
|
|
1716
1725
|
onClick: (e) => i("update", { width: t.value })
|
|
1717
|
-
}, C(t.label), 13,
|
|
1718
|
-
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.customWidth), 3), _("div",
|
|
1726
|
+
}, C(t.label), 13, ui)), 64))])]),
|
|
1727
|
+
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.customWidth), 3), _("div", di, [_("input", {
|
|
1719
1728
|
type: "number",
|
|
1720
1729
|
class: r(O(Z)),
|
|
1721
1730
|
value: e.settings.width,
|
|
1722
1731
|
min: "300",
|
|
1723
1732
|
max: "900",
|
|
1724
1733
|
onInput: n[0] ||= (e) => i("update", { width: Number(e.target.value) })
|
|
1725
|
-
}, null, 42,
|
|
1734
|
+
}, null, 42, fi), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
1726
1735
|
], 2),
|
|
1727
1736
|
_("div", { class: r(O(ln)) }, [
|
|
1728
|
-
_("div",
|
|
1737
|
+
_("div", pi, [y(O(wn), {
|
|
1729
1738
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1730
1739
|
size: 14,
|
|
1731
1740
|
"stroke-width": 2
|
|
1732
1741
|
}), _("span", null, C(O(a).templateSettings.appearance), 1)]),
|
|
1733
|
-
_("div",
|
|
1742
|
+
_("div", mi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.backgroundColor), 3), y($, {
|
|
1734
1743
|
"model-value": e.settings.backgroundColor,
|
|
1735
1744
|
placeholder: O(dn),
|
|
1736
1745
|
"onUpdate:modelValue": n[1] ||= (e) => i("update", { backgroundColor: e })
|
|
1737
1746
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
1738
|
-
_("div",
|
|
1747
|
+
_("div", hi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.textColor), 3), y($, {
|
|
1739
1748
|
"model-value": e.settings.textColor ?? "",
|
|
1740
1749
|
"seed-color": "#1a1a1a",
|
|
1741
1750
|
"onUpdate:modelValue": n[2] ||= (e) => i("update", { textColor: e })
|
|
1742
1751
|
}, null, 8, ["model-value"])]),
|
|
1743
|
-
_("div",
|
|
1752
|
+
_("div", gi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.linkColor), 3), y($, {
|
|
1744
1753
|
"model-value": e.settings.linkColor ?? "",
|
|
1745
1754
|
"seed-color": "#0066cc",
|
|
1746
1755
|
"onUpdate:modelValue": n[3] ||= (e) => i("update", { linkColor: e || void 0 })
|
|
1747
1756
|
}, null, 8, ["model-value"])]),
|
|
1748
|
-
_("div",
|
|
1757
|
+
_("div", _i, [y(vn, {
|
|
1749
1758
|
class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1750
1759
|
"model-value": e.settings.linkUnderline,
|
|
1751
1760
|
label: O(a).templateSettings.linkUnderline,
|
|
@@ -1758,9 +1767,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1758
1767
|
}, [(S(!0), v(D, null, x(s.value, (e) => (S(), v("option", {
|
|
1759
1768
|
key: e.value,
|
|
1760
1769
|
value: e.value
|
|
1761
|
-
}, C(e.label), 9,
|
|
1770
|
+
}, C(e.label), 9, yi))), 128))], 42, vi)])
|
|
1762
1771
|
], 2),
|
|
1763
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1772
|
+
_("div", { class: r(O(ln)) }, [_("div", bi, [y(O(Tn), {
|
|
1764
1773
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1765
1774
|
size: 14,
|
|
1766
1775
|
"stroke-width": 2
|
|
@@ -1775,40 +1784,40 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1775
1784
|
autocapitalize: "off",
|
|
1776
1785
|
autocomplete: "off",
|
|
1777
1786
|
onInput: n[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
|
|
1778
|
-
}, null, 42,
|
|
1779
|
-
_("p",
|
|
1787
|
+
}, null, 42, xi),
|
|
1788
|
+
_("p", Si, C(O(a).templateSettings.contentLocaleHint), 1)
|
|
1780
1789
|
])], 2),
|
|
1781
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1790
|
+
_("div", { class: r(O(ln)) }, [_("div", Ci, [y(O(Mt), {
|
|
1782
1791
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1783
1792
|
size: 14,
|
|
1784
1793
|
"stroke-width": 2
|
|
1785
|
-
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(
|
|
1794
|
+
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(ii, {
|
|
1786
1795
|
"model-value": e.settings.preheaderText ?? "",
|
|
1787
1796
|
placeholder: O(a).templateSettings.preheaderTextPlaceholder,
|
|
1788
1797
|
rows: 2,
|
|
1789
1798
|
"onUpdate:modelValue": n[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
|
|
1790
|
-
}, null, 8, ["model-value", "placeholder"]), _("div",
|
|
1791
|
-
_("div",
|
|
1799
|
+
}, null, 8, ["model-value", "placeholder"]), _("div", wi, [_("span", Ti, C(O(a).templateSettings.preheaderTextHint), 1), _("span", Ei, C((e.settings.preheaderText ?? "").length) + "/" + C(Ni), 1)])])], 2),
|
|
1800
|
+
_("div", Di, [_("div", Oi, [y(O(Ft), {
|
|
1792
1801
|
size: 14,
|
|
1793
1802
|
"stroke-width": 2
|
|
1794
|
-
}), _("span", null, C(O(a).templateSettings.tips), 1)]), _("ul",
|
|
1795
|
-
_("li",
|
|
1796
|
-
_("li",
|
|
1797
|
-
_("li",
|
|
1803
|
+
}), _("span", null, C(O(a).templateSettings.tips), 1)]), _("ul", ki, [
|
|
1804
|
+
_("li", Ai, C(O(a).templateSettings.tip1), 1),
|
|
1805
|
+
_("li", ji, C(O(a).templateSettings.tip2), 1),
|
|
1806
|
+
_("li", Mi, C(O(a).templateSettings.tip3), 1)
|
|
1798
1807
|
])])
|
|
1799
1808
|
])]));
|
|
1800
1809
|
}
|
|
1801
|
-
}),
|
|
1810
|
+
}), Fi = { key: 0 }, Ii = {
|
|
1802
1811
|
key: 0,
|
|
1803
1812
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1804
|
-
},
|
|
1813
|
+
}, Li = { key: 1 }, Ri = [
|
|
1805
1814
|
"type",
|
|
1806
1815
|
"value",
|
|
1807
1816
|
"placeholder"
|
|
1808
|
-
],
|
|
1817
|
+
], zi = {
|
|
1809
1818
|
key: 0,
|
|
1810
1819
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1811
|
-
},
|
|
1820
|
+
}, Bi = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Vi = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
1812
1821
|
__name: "MergeTagInput",
|
|
1813
1822
|
props: {
|
|
1814
1823
|
modelValue: {},
|
|
@@ -1821,14 +1830,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1821
1830
|
},
|
|
1822
1831
|
emits: ["update:modelValue"],
|
|
1823
1832
|
setup(e, { emit: t }) {
|
|
1824
|
-
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } =
|
|
1833
|
+
let n = e, i = t, a = m(null), { segments: o, hasMergeTags: s, canRequestMergeTag: c, isRequestingMergeTag: l, canInsertLogicTag: u, isRequestingLogicTag: d, isEditing: f, startEditing: p, handleInput: h, handleKeydown: g, handleClick: b, handleBlur: x, clearValue: C, insertMergeTag: T, insertLogicTag: E } = Rr({
|
|
1825
1834
|
modelValue: () => n.modelValue,
|
|
1826
1835
|
emit: (e) => i("update:modelValue", e),
|
|
1827
1836
|
elementRef: a
|
|
1828
1837
|
});
|
|
1829
|
-
return (t, n) => O(s) && !O(f) ? (S(), v("div",
|
|
1838
|
+
return (t, n) => O(s) && !O(f) ? (S(), v("div", Fi, [y(Wr, {
|
|
1830
1839
|
segments: O(o),
|
|
1831
|
-
"display-class":
|
|
1840
|
+
"display-class": Bi,
|
|
1832
1841
|
pulse: e.pulse,
|
|
1833
1842
|
onEdit: O(p),
|
|
1834
1843
|
onClear: O(C)
|
|
@@ -1837,15 +1846,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1837
1846
|
"pulse",
|
|
1838
1847
|
"onEdit",
|
|
1839
1848
|
"onClear"
|
|
1840
|
-
]), O(c) || O(u) ? (S(), v("div",
|
|
1849
|
+
]), O(c) || O(u) ? (S(), v("div", Ii, [O(c) ? (S(), w(qr, {
|
|
1841
1850
|
key: 0,
|
|
1842
1851
|
disabled: O(l),
|
|
1843
1852
|
onInsert: O(T)
|
|
1844
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1853
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1845
1854
|
key: 1,
|
|
1846
1855
|
disabled: O(d),
|
|
1847
1856
|
onInsert: O(E)
|
|
1848
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div",
|
|
1857
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)])) : (S(), v("div", Li, [_("input", {
|
|
1849
1858
|
ref_key: "inputRef",
|
|
1850
1859
|
ref: a,
|
|
1851
1860
|
type: e.type,
|
|
@@ -1856,20 +1865,20 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1856
1865
|
onKeydown: n[1] ||= (...e) => O(g) && O(g)(...e),
|
|
1857
1866
|
onClick: n[2] ||= (...e) => O(b) && O(b)(...e),
|
|
1858
1867
|
onBlur: n[3] ||= (...e) => O(x) && O(x)(...e)
|
|
1859
|
-
}, null, 42,
|
|
1868
|
+
}, null, 42, Ri), O(c) || O(u) ? (S(), v("div", zi, [O(c) ? (S(), w(qr, {
|
|
1860
1869
|
key: 0,
|
|
1861
1870
|
disabled: O(l),
|
|
1862
1871
|
onInsert: O(T)
|
|
1863
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1872
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1864
1873
|
key: 1,
|
|
1865
1874
|
disabled: O(d),
|
|
1866
1875
|
onInsert: O(E)
|
|
1867
1876
|
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)]));
|
|
1868
1877
|
}
|
|
1869
|
-
}), [["__scopeId", "data-v-c289916a"]]),
|
|
1878
|
+
}), [["__scopeId", "data-v-c289916a"]]), Hi = { class: "tpl:mb-3.5" }, Ui = ["value"], Wi = { value: "" }, Gi = ["value"], Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:mb-3.5" }, Xi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:flex tpl:items-stretch" }, $i = ["value"], ea = { class: "tpl:mb-3.5" }, ta = { class: "tpl:flex tpl:items-stretch" }, na = ["value"], ra = { class: "tpl:mb-3.5" }, ia = ["value"], aa = { value: "auto" }, oa = { value: "full" }, sa = { value: "custom" }, ca = {
|
|
1870
1879
|
key: 0,
|
|
1871
1880
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
1872
|
-
},
|
|
1881
|
+
}, la = ["value"], ua = { class: "tpl:mb-3.5" }, da = 200, fa = /* @__PURE__ */ j({
|
|
1873
1882
|
__name: "ButtonToolbar",
|
|
1874
1883
|
props: {
|
|
1875
1884
|
block: {},
|
|
@@ -1887,7 +1896,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1887
1896
|
return;
|
|
1888
1897
|
}
|
|
1889
1898
|
if (e === "custom") {
|
|
1890
|
-
s("width", typeof n.block.width == "number" ? n.block.width :
|
|
1899
|
+
s("width", typeof n.block.width == "number" ? n.block.width : da);
|
|
1891
1900
|
return;
|
|
1892
1901
|
}
|
|
1893
1902
|
s("width", void 0);
|
|
@@ -1897,22 +1906,22 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1897
1906
|
!Number.isFinite(t) || t <= 0 || s("width", t);
|
|
1898
1907
|
}
|
|
1899
1908
|
return (t, n) => (S(), v(D, null, [
|
|
1900
|
-
_("div",
|
|
1909
|
+
_("div", Hi, [_("label", { class: r(O(Y)) }, C(O(a).button.fontFamily), 3), _("select", {
|
|
1901
1910
|
class: r(O(Q)),
|
|
1902
1911
|
value: e.block.fontFamily || "",
|
|
1903
1912
|
onChange: n[0] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
1904
|
-
}, [_("option",
|
|
1913
|
+
}, [_("option", Wi, C(O(a).button.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
1905
1914
|
key: e.value,
|
|
1906
1915
|
value: e.value
|
|
1907
|
-
}, C(e.label), 9,
|
|
1908
|
-
_("div",
|
|
1916
|
+
}, C(e.label), 9, Gi))), 128))], 42, Ui)]),
|
|
1917
|
+
_("div", Ki, [_("label", { class: r(O(Y)) }, C(O(a).button.text), 3), y(Vi, {
|
|
1909
1918
|
"model-value": e.block.text,
|
|
1910
1919
|
type: "text",
|
|
1911
1920
|
"onUpdate:modelValue": n[1] ||= (e) => s("text", e)
|
|
1912
1921
|
}, null, 8, ["model-value"])]),
|
|
1913
|
-
_("div",
|
|
1922
|
+
_("div", qi, [
|
|
1914
1923
|
_("label", { class: r(O(Y)) }, C(O(a).button.url), 3),
|
|
1915
|
-
y(
|
|
1924
|
+
y(Vi, {
|
|
1916
1925
|
"model-value": e.block.url,
|
|
1917
1926
|
type: "url",
|
|
1918
1927
|
placeholder: O(a).button.urlPlaceholder,
|
|
@@ -1926,49 +1935,49 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1926
1935
|
"onUpdate:modelValue": n[3] ||= (e) => s("openInNewTab", e)
|
|
1927
1936
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
1928
1937
|
]),
|
|
1929
|
-
_("div",
|
|
1938
|
+
_("div", Ji, [_("label", { class: r(O(Y)) }, C(O(a).button.background), 3), y($, {
|
|
1930
1939
|
"model-value": e.block.backgroundColor,
|
|
1931
1940
|
"onUpdate:modelValue": n[4] ||= (e) => s("backgroundColor", e)
|
|
1932
1941
|
}, null, 8, ["model-value"])]),
|
|
1933
|
-
_("div",
|
|
1942
|
+
_("div", Yi, [_("label", { class: r(O(Y)) }, C(O(a).button.textColor), 3), y($, {
|
|
1934
1943
|
"model-value": e.block.textColor,
|
|
1935
1944
|
"onUpdate:modelValue": n[5] ||= (e) => s("textColor", e)
|
|
1936
1945
|
}, null, 8, ["model-value"])]),
|
|
1937
|
-
_("div",
|
|
1946
|
+
_("div", Xi, [_("div", Zi, [_("label", { class: r(O(Y)) }, C(O(a).button.borderRadius), 3), _("div", Qi, [_("input", {
|
|
1938
1947
|
type: "number",
|
|
1939
1948
|
class: r(O(Z)),
|
|
1940
1949
|
value: e.block.borderRadius,
|
|
1941
1950
|
min: "0",
|
|
1942
1951
|
max: "50",
|
|
1943
1952
|
onInput: n[6] ||= (e) => s("borderRadius", Number(e.target.value))
|
|
1944
|
-
}, null, 42,
|
|
1953
|
+
}, null, 42, $i), _("span", { class: r(O(X)) }, "px", 2)])]), _("div", ea, [_("label", { class: r(O(Y)) }, C(O(a).button.fontSize), 3), _("div", ta, [_("input", {
|
|
1945
1954
|
type: "number",
|
|
1946
1955
|
class: r(O(Z)),
|
|
1947
1956
|
value: e.block.fontSize,
|
|
1948
1957
|
min: "10",
|
|
1949
1958
|
max: "36",
|
|
1950
1959
|
onInput: n[7] ||= (e) => s("fontSize", Number(e.target.value))
|
|
1951
|
-
}, null, 42,
|
|
1952
|
-
_("div",
|
|
1960
|
+
}, null, 42, na), _("span", { class: r(O(X)) }, "px", 2)])])]),
|
|
1961
|
+
_("div", ra, [
|
|
1953
1962
|
_("label", { class: r(O(Y)) }, C(O(a).button.width), 3),
|
|
1954
1963
|
_("select", {
|
|
1955
1964
|
class: r(O(Q)),
|
|
1956
1965
|
value: o.value,
|
|
1957
1966
|
onChange: n[8] ||= (e) => c(e.target.value)
|
|
1958
1967
|
}, [
|
|
1959
|
-
_("option",
|
|
1960
|
-
_("option",
|
|
1961
|
-
_("option",
|
|
1962
|
-
], 42,
|
|
1963
|
-
o.value === "custom" ? (S(), v("div",
|
|
1968
|
+
_("option", aa, C(O(a).button.widthAuto), 1),
|
|
1969
|
+
_("option", oa, C(O(a).button.fullWidth), 1),
|
|
1970
|
+
_("option", sa, C(O(a).button.widthCustom), 1)
|
|
1971
|
+
], 42, ia),
|
|
1972
|
+
o.value === "custom" ? (S(), v("div", ca, [_("input", {
|
|
1964
1973
|
type: "number",
|
|
1965
1974
|
class: r(O(Z)),
|
|
1966
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
1975
|
+
value: typeof e.block.width == "number" ? e.block.width : da,
|
|
1967
1976
|
min: "20",
|
|
1968
1977
|
onInput: n[9] ||= (e) => l(e.target.value)
|
|
1969
|
-
}, null, 42,
|
|
1978
|
+
}, null, 42, la), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
1970
1979
|
]),
|
|
1971
|
-
_("div",
|
|
1980
|
+
_("div", ua, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
1972
1981
|
options: [
|
|
1973
1982
|
{
|
|
1974
1983
|
value: "left",
|
|
@@ -1988,7 +1997,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1988
1997
|
}, null, 8, ["options", "model-value"])])
|
|
1989
1998
|
], 64));
|
|
1990
1999
|
}
|
|
1991
|
-
}),
|
|
2000
|
+
}), pa = { class: "spacing-control" }, ma = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ha = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ga = { class: "tpl:flex tpl:items-center" }, _a = ["aria-label"], va = ["value", "aria-label"], ya = ["aria-label"], ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = { class: "tpl:flex tpl:items-center" }, Sa = ["aria-label"], Ca = ["value", "aria-label"], wa = ["aria-label"], Ta = ["aria-label", "title"], Ea = { class: "tpl:flex tpl:items-center" }, Da = ["aria-label"], Oa = ["value", "aria-label"], ka = ["aria-label"], Aa = { class: "tpl:flex tpl:items-center" }, ja = ["aria-label"], Ma = ["value", "aria-label"], Na = ["aria-label"], Pa = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Fa = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Ia = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
1992
2001
|
__name: "SpacingControl",
|
|
1993
2002
|
props: {
|
|
1994
2003
|
modelValue: {},
|
|
@@ -2035,59 +2044,59 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2035
2044
|
});
|
|
2036
2045
|
}
|
|
2037
2046
|
}
|
|
2038
|
-
return (t, n) => (S(), v("div",
|
|
2039
|
-
_("div",
|
|
2047
|
+
return (t, n) => (S(), v("div", pa, [_("label", ma, C(e.label), 1), _("div", ha, [
|
|
2048
|
+
_("div", ga, [
|
|
2040
2049
|
_("button", {
|
|
2041
2050
|
"aria-label": O(a).spacingControl.decreaseTop,
|
|
2042
|
-
class: r([
|
|
2051
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2043
2052
|
onClick: n[0] ||= (e) => l("top", -1)
|
|
2044
2053
|
}, [y(O(Ot), {
|
|
2045
2054
|
size: 12,
|
|
2046
2055
|
"stroke-width": 2
|
|
2047
|
-
})], 10,
|
|
2056
|
+
})], 10, _a),
|
|
2048
2057
|
_("input", {
|
|
2049
2058
|
type: "number",
|
|
2050
|
-
class: r(
|
|
2059
|
+
class: r(Fa),
|
|
2051
2060
|
value: e.modelValue.top,
|
|
2052
2061
|
"aria-label": O(a).spacingControl.top,
|
|
2053
2062
|
min: "0",
|
|
2054
2063
|
onInput: n[1] ||= (e) => u("top", Number(e.target.value))
|
|
2055
|
-
}, null, 40,
|
|
2064
|
+
}, null, 40, va),
|
|
2056
2065
|
_("button", {
|
|
2057
2066
|
"aria-label": O(a).spacingControl.increaseTop,
|
|
2058
|
-
class: r([
|
|
2067
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2059
2068
|
onClick: n[2] ||= (e) => l("top", 1)
|
|
2060
2069
|
}, [y(O(jn), {
|
|
2061
2070
|
size: 12,
|
|
2062
2071
|
"stroke-width": 2
|
|
2063
|
-
})], 10,
|
|
2072
|
+
})], 10, ya)
|
|
2064
2073
|
]),
|
|
2065
|
-
_("div",
|
|
2066
|
-
_("div",
|
|
2074
|
+
_("div", ba, [
|
|
2075
|
+
_("div", xa, [
|
|
2067
2076
|
_("button", {
|
|
2068
2077
|
"aria-label": O(a).spacingControl.decreaseLeft,
|
|
2069
|
-
class: r([
|
|
2078
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2070
2079
|
onClick: n[3] ||= (e) => l("left", -1)
|
|
2071
2080
|
}, [y(O(Ot), {
|
|
2072
2081
|
size: 12,
|
|
2073
2082
|
"stroke-width": 2
|
|
2074
|
-
})], 10,
|
|
2083
|
+
})], 10, Sa),
|
|
2075
2084
|
_("input", {
|
|
2076
2085
|
type: "number",
|
|
2077
|
-
class: r(
|
|
2086
|
+
class: r(Fa),
|
|
2078
2087
|
value: e.modelValue.left,
|
|
2079
2088
|
"aria-label": O(a).spacingControl.left,
|
|
2080
2089
|
min: "0",
|
|
2081
2090
|
onInput: n[4] ||= (e) => u("left", Number(e.target.value))
|
|
2082
|
-
}, null, 40,
|
|
2091
|
+
}, null, 40, Ca),
|
|
2083
2092
|
_("button", {
|
|
2084
2093
|
"aria-label": O(a).spacingControl.increaseLeft,
|
|
2085
|
-
class: r([
|
|
2094
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2086
2095
|
onClick: n[5] ||= (e) => l("left", 1)
|
|
2087
2096
|
}, [y(O(jn), {
|
|
2088
2097
|
size: 12,
|
|
2089
2098
|
"stroke-width": 2
|
|
2090
|
-
})], 10,
|
|
2099
|
+
})], 10, wa)
|
|
2091
2100
|
]),
|
|
2092
2101
|
_("button", {
|
|
2093
2102
|
class: r(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", c.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
|
|
@@ -2102,63 +2111,63 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2102
2111
|
key: 1,
|
|
2103
2112
|
size: 14,
|
|
2104
2113
|
"stroke-width": 2
|
|
2105
|
-
}))], 10,
|
|
2106
|
-
_("div",
|
|
2114
|
+
}))], 10, Ta),
|
|
2115
|
+
_("div", Ea, [
|
|
2107
2116
|
_("button", {
|
|
2108
2117
|
"aria-label": O(a).spacingControl.decreaseRight,
|
|
2109
|
-
class: r([
|
|
2118
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2110
2119
|
onClick: n[6] ||= (e) => l("right", -1)
|
|
2111
2120
|
}, [y(O(Ot), {
|
|
2112
2121
|
size: 12,
|
|
2113
2122
|
"stroke-width": 2
|
|
2114
|
-
})], 10,
|
|
2123
|
+
})], 10, Da),
|
|
2115
2124
|
_("input", {
|
|
2116
2125
|
type: "number",
|
|
2117
|
-
class: r(
|
|
2126
|
+
class: r(Fa),
|
|
2118
2127
|
value: e.modelValue.right,
|
|
2119
2128
|
"aria-label": O(a).spacingControl.right,
|
|
2120
2129
|
min: "0",
|
|
2121
2130
|
onInput: n[7] ||= (e) => u("right", Number(e.target.value))
|
|
2122
|
-
}, null, 40,
|
|
2131
|
+
}, null, 40, Oa),
|
|
2123
2132
|
_("button", {
|
|
2124
2133
|
"aria-label": O(a).spacingControl.increaseRight,
|
|
2125
|
-
class: r([
|
|
2134
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2126
2135
|
onClick: n[8] ||= (e) => l("right", 1)
|
|
2127
2136
|
}, [y(O(jn), {
|
|
2128
2137
|
size: 12,
|
|
2129
2138
|
"stroke-width": 2
|
|
2130
|
-
})], 10,
|
|
2139
|
+
})], 10, ka)
|
|
2131
2140
|
])
|
|
2132
2141
|
]),
|
|
2133
|
-
_("div",
|
|
2142
|
+
_("div", Aa, [
|
|
2134
2143
|
_("button", {
|
|
2135
2144
|
"aria-label": O(a).spacingControl.decreaseBottom,
|
|
2136
|
-
class: r([
|
|
2145
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2137
2146
|
onClick: n[9] ||= (e) => l("bottom", -1)
|
|
2138
2147
|
}, [y(O(Ot), {
|
|
2139
2148
|
size: 12,
|
|
2140
2149
|
"stroke-width": 2
|
|
2141
|
-
})], 10,
|
|
2150
|
+
})], 10, ja),
|
|
2142
2151
|
_("input", {
|
|
2143
2152
|
type: "number",
|
|
2144
|
-
class: r(
|
|
2153
|
+
class: r(Fa),
|
|
2145
2154
|
value: e.modelValue.bottom,
|
|
2146
2155
|
"aria-label": O(a).spacingControl.bottom,
|
|
2147
2156
|
min: "0",
|
|
2148
2157
|
onInput: n[10] ||= (e) => u("bottom", Number(e.target.value))
|
|
2149
|
-
}, null, 40,
|
|
2158
|
+
}, null, 40, Ma),
|
|
2150
2159
|
_("button", {
|
|
2151
2160
|
"aria-label": O(a).spacingControl.increaseBottom,
|
|
2152
|
-
class: r([
|
|
2161
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2153
2162
|
onClick: n[11] ||= (e) => l("bottom", 1)
|
|
2154
2163
|
}, [y(O(jn), {
|
|
2155
2164
|
size: 12,
|
|
2156
2165
|
"stroke-width": 2
|
|
2157
|
-
})], 10,
|
|
2166
|
+
})], 10, Na)
|
|
2158
2167
|
])
|
|
2159
2168
|
])]));
|
|
2160
2169
|
}
|
|
2161
|
-
}), [["__scopeId", "data-v-69591c1e"]]),
|
|
2170
|
+
}), [["__scopeId", "data-v-69591c1e"]]), La = ["data-testid"], Ra = { class: "tpl:mt-3" }, za = /* @__PURE__ */ j({
|
|
2162
2171
|
__name: "CollapsibleSection",
|
|
2163
2172
|
props: {
|
|
2164
2173
|
title: {},
|
|
@@ -2177,21 +2186,21 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2177
2186
|
class: r(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
|
|
2178
2187
|
size: 12,
|
|
2179
2188
|
"stroke-width": 2
|
|
2180
|
-
}, null, 8, ["class"]), _("span", null, C(e.title), 1)], 8,
|
|
2189
|
+
}, null, 8, ["class"]), _("span", null, C(e.title), 1)], 8, La), t(_("div", Ra, [s(n.$slots, "default")], 512), [[I, e.open]])], 2));
|
|
2181
2190
|
}
|
|
2182
|
-
}),
|
|
2191
|
+
}), Ba = { class: "tpl:space-y-2" }, Va = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ha = { class: "tpl:space-y-2" }, Ua = ["value"], Wa = { value: "" }, Ga = ["label"], Ka = ["value"], qa = ["value"], Ja = {
|
|
2183
2192
|
key: 0,
|
|
2184
2193
|
value: "__custom__"
|
|
2185
|
-
},
|
|
2194
|
+
}, Ya = {
|
|
2186
2195
|
key: 0,
|
|
2187
2196
|
class: "tpl:space-y-2"
|
|
2188
|
-
},
|
|
2197
|
+
}, Xa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Qa = { class: "tpl:flex tpl:justify-end" }, $a = ["disabled"], eo = {
|
|
2189
2198
|
key: 0,
|
|
2190
2199
|
class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
|
|
2191
|
-
},
|
|
2200
|
+
}, to = { class: "tpl:space-y-1" }, no = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, ro = {
|
|
2192
2201
|
key: 0,
|
|
2193
2202
|
class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]"
|
|
2194
|
-
},
|
|
2203
|
+
}, io = /* @__PURE__ */ j({
|
|
2195
2204
|
__name: "CommonBlockSettings",
|
|
2196
2205
|
props: {
|
|
2197
2206
|
block: {},
|
|
@@ -2254,13 +2263,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2254
2263
|
t[e] = !t[e], s("update", { visibility: t });
|
|
2255
2264
|
}
|
|
2256
2265
|
return (n, i) => (S(), v("div", { class: r(["tpl:flex tpl:flex-col", e.isFirstSection ? "" : "tpl:mt-4"]) }, [
|
|
2257
|
-
y(
|
|
2266
|
+
y(za, {
|
|
2258
2267
|
title: O(c).blockSettings.spacing,
|
|
2259
2268
|
open: p.has("spacing"),
|
|
2260
2269
|
"no-border": e.isFirstSection,
|
|
2261
2270
|
onToggle: i[1] ||= (e) => j("spacing")
|
|
2262
2271
|
}, {
|
|
2263
|
-
default: M(() => [y(
|
|
2272
|
+
default: M(() => [y(Ia, {
|
|
2264
2273
|
label: O(c).blockSettings.padding,
|
|
2265
2274
|
"model-value": e.block.styles.padding,
|
|
2266
2275
|
"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
|
|
@@ -2271,7 +2280,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2271
2280
|
"open",
|
|
2272
2281
|
"no-border"
|
|
2273
2282
|
]),
|
|
2274
|
-
y(
|
|
2283
|
+
y(za, {
|
|
2275
2284
|
title: O(c).blockSettings.background,
|
|
2276
2285
|
open: p.has("bg"),
|
|
2277
2286
|
onToggle: i[3] ||= (e) => j("bg")
|
|
@@ -2282,19 +2291,19 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2282
2291
|
}, null, 8, ["model-value"])]),
|
|
2283
2292
|
_: 1
|
|
2284
2293
|
}, 8, ["title", "open"]),
|
|
2285
|
-
y(
|
|
2294
|
+
y(za, {
|
|
2286
2295
|
title: O(c).blockSettings.display,
|
|
2287
2296
|
open: p.has("display"),
|
|
2288
2297
|
onToggle: i[4] ||= (e) => j("display")
|
|
2289
2298
|
}, {
|
|
2290
|
-
default: M(() => [_("div",
|
|
2299
|
+
default: M(() => [_("div", Ba, [(S(), v(D, null, x(E, (e) => y(vn, {
|
|
2291
2300
|
key: e.key,
|
|
2292
2301
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
2293
2302
|
"model-value": B(e.key),
|
|
2294
2303
|
label: O(c).blockSettings[e.labelKey],
|
|
2295
2304
|
"onUpdate:modelValue": (t) => V(e.key)
|
|
2296
2305
|
}, {
|
|
2297
|
-
default: M(() => [_("span",
|
|
2306
|
+
default: M(() => [_("span", Va, [(S(), w(u(e.icon), {
|
|
2298
2307
|
size: 14,
|
|
2299
2308
|
"stroke-width": 1.5
|
|
2300
2309
|
})), b(" " + C(O(c).blockSettings[e.labelKey]), 1)])]),
|
|
@@ -2306,14 +2315,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2306
2315
|
])), 64))])]),
|
|
2307
2316
|
_: 1
|
|
2308
2317
|
}, 8, ["title", "open"]),
|
|
2309
|
-
P.value ? (S(), w(
|
|
2318
|
+
P.value ? (S(), w(za, {
|
|
2310
2319
|
key: 0,
|
|
2311
2320
|
"header-test-id": "display-condition-section",
|
|
2312
2321
|
title: O(c).blockSettings.displayCondition,
|
|
2313
2322
|
open: p.has("condition"),
|
|
2314
2323
|
onToggle: i[8] ||= (e) => j("condition")
|
|
2315
2324
|
}, {
|
|
2316
|
-
default: M(() => [_("div",
|
|
2325
|
+
default: M(() => [_("div", Ha, [_("select", {
|
|
2317
2326
|
"data-testid": "display-condition-select",
|
|
2318
2327
|
class: r(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", e.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
|
|
2319
2328
|
value: h.value || F.value ? "__custom__" : e.block.displayCondition?.label ?? "",
|
|
@@ -2331,41 +2340,41 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2331
2340
|
n && s("update", { displayCondition: n });
|
|
2332
2341
|
}
|
|
2333
2342
|
}, [
|
|
2334
|
-
_("option",
|
|
2343
|
+
_("option", Wa, C(O(c).blockSettings.noCondition), 1),
|
|
2335
2344
|
(S(!0), v(D, null, x(R.value, (e, t) => (S(), v(D, { key: t }, [t ? (S(), v("optgroup", {
|
|
2336
2345
|
key: 0,
|
|
2337
2346
|
label: String(t)
|
|
2338
2347
|
}, [(S(!0), v(D, null, x(e, (e) => (S(), v("option", {
|
|
2339
2348
|
key: e.label,
|
|
2340
2349
|
value: e.label
|
|
2341
|
-
}, C(e.label), 9,
|
|
2350
|
+
}, C(e.label), 9, Ka))), 128))], 8, Ga)) : (S(!0), v(D, { key: 1 }, x(e, (e) => (S(), v("option", {
|
|
2342
2351
|
key: e.label,
|
|
2343
2352
|
value: e.label
|
|
2344
|
-
}, C(e.label), 9,
|
|
2345
|
-
O(f) ? (S(), v("option",
|
|
2346
|
-
], 42,
|
|
2347
|
-
_("div", null, [_("label",
|
|
2353
|
+
}, C(e.label), 9, qa))), 128))], 64))), 128)),
|
|
2354
|
+
O(f) ? (S(), v("option", Ja, C(O(c).blockSettings.customCondition), 1)) : A("", !0)
|
|
2355
|
+
], 42, Ua), h.value || F.value ? (S(), v("div", Ya, [
|
|
2356
|
+
_("div", null, [_("label", Xa, C(O(c).blockSettings.customConditionBefore), 1), t(_("textarea", {
|
|
2348
2357
|
"onUpdate:modelValue": i[6] ||= (e) => g.value = e,
|
|
2349
2358
|
rows: "2",
|
|
2350
2359
|
class: r(O(on))
|
|
2351
2360
|
}, null, 2), [[N, g.value]])]),
|
|
2352
|
-
_("div", null, [_("label",
|
|
2361
|
+
_("div", null, [_("label", Za, C(O(c).blockSettings.customConditionAfter), 1), t(_("textarea", {
|
|
2353
2362
|
"onUpdate:modelValue": i[7] ||= (e) => T.value = e,
|
|
2354
2363
|
rows: "2",
|
|
2355
2364
|
class: r(O(on))
|
|
2356
2365
|
}, null, 2), [[N, T.value]])]),
|
|
2357
|
-
_("div",
|
|
2366
|
+
_("div", Qa, [_("button", {
|
|
2358
2367
|
type: "button",
|
|
2359
2368
|
class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:hover:opacity-90 tpl:disabled:opacity-50",
|
|
2360
2369
|
disabled: !g.value.trim(),
|
|
2361
2370
|
onClick: L
|
|
2362
|
-
}, C(O(c).blockSettings.applyCondition), 9,
|
|
2363
|
-
])) : e.block.displayCondition && !F.value ? (S(), v(D, { key: 1 }, [e.block.displayCondition.description ? (S(), v("p",
|
|
2371
|
+
}, C(O(c).blockSettings.applyCondition), 9, $a)])
|
|
2372
|
+
])) : e.block.displayCondition && !F.value ? (S(), v(D, { key: 1 }, [e.block.displayCondition.description ? (S(), v("p", eo, C(e.block.displayCondition.description), 1)) : A("", !0), _("div", to, [_("pre", no, C(e.block.displayCondition.before), 1), e.block.displayCondition.after ? (S(), v("pre", ro, C(e.block.displayCondition.after), 1)) : A("", !0)])], 64)) : A("", !0)])]),
|
|
2364
2373
|
_: 1
|
|
2365
2374
|
}, 8, ["title", "open"])) : A("", !0)
|
|
2366
2375
|
], 2));
|
|
2367
2376
|
}
|
|
2368
|
-
}),
|
|
2377
|
+
}), ao = ["title"], oo = /* @__PURE__ */ j({
|
|
2369
2378
|
__name: "BooleanField",
|
|
2370
2379
|
props: {
|
|
2371
2380
|
field: {},
|
|
@@ -2397,9 +2406,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2397
2406
|
"label",
|
|
2398
2407
|
"required",
|
|
2399
2408
|
"disabled"
|
|
2400
|
-
])], 8,
|
|
2409
|
+
])], 8, ao));
|
|
2401
2410
|
}
|
|
2402
|
-
}),
|
|
2411
|
+
}), so = { class: "tpl:mb-3.5" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = ["title"], fo = { class: "tpl-sr-only" }, po = /* @__PURE__ */ j({
|
|
2403
2412
|
__name: "FieldWrapper",
|
|
2404
2413
|
props: {
|
|
2405
2414
|
label: {},
|
|
@@ -2408,7 +2417,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2408
2417
|
},
|
|
2409
2418
|
setup(e) {
|
|
2410
2419
|
let { t } = q();
|
|
2411
|
-
return (n, i) => (S(), v("div",
|
|
2420
|
+
return (n, i) => (S(), v("div", so, [_("label", { class: r(O(Y)) }, [
|
|
2412
2421
|
b(C(e.label) + " ", 1),
|
|
2413
2422
|
e.readOnly ? (S(), v("span", {
|
|
2414
2423
|
key: 0,
|
|
@@ -2417,15 +2426,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2417
2426
|
size: 12,
|
|
2418
2427
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
|
|
2419
2428
|
"aria-hidden": "true"
|
|
2420
|
-
}), _("span",
|
|
2429
|
+
}), _("span", lo, C(O(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, co)) : A("", !0),
|
|
2421
2430
|
e.required ? (S(), v("span", {
|
|
2422
2431
|
key: 1,
|
|
2423
2432
|
class: "tpl:text-[var(--tpl-danger)]",
|
|
2424
2433
|
title: O(t).customBlocks.fields.required
|
|
2425
|
-
}, [i[0] ||= _("span", { "aria-hidden": "true" }, "*", -1), _("span",
|
|
2434
|
+
}, [i[0] ||= _("span", { "aria-hidden": "true" }, "*", -1), _("span", fo, C(O(t).customBlocks.fields.required), 1)], 8, uo)) : A("", !0)
|
|
2426
2435
|
], 2), s(n.$slots, "default")]));
|
|
2427
2436
|
}
|
|
2428
|
-
}),
|
|
2437
|
+
}), mo = /* @__PURE__ */ j({
|
|
2429
2438
|
__name: "ColorField",
|
|
2430
2439
|
props: {
|
|
2431
2440
|
field: {},
|
|
@@ -2435,7 +2444,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2435
2444
|
emits: ["update:modelValue"],
|
|
2436
2445
|
setup(e, { emit: t }) {
|
|
2437
2446
|
let n = e, r = t, { t: i } = q(), a = d(_t, xt), o = k(() => Ue(n.field, a));
|
|
2438
|
-
return (t, n) => (S(), w(
|
|
2447
|
+
return (t, n) => (S(), w(po, {
|
|
2439
2448
|
label: e.field.label,
|
|
2440
2449
|
required: e.field.required,
|
|
2441
2450
|
"read-only": e.readOnly
|
|
@@ -2463,15 +2472,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2463
2472
|
"read-only"
|
|
2464
2473
|
]));
|
|
2465
2474
|
}
|
|
2466
|
-
}),
|
|
2475
|
+
}), ho = {
|
|
2467
2476
|
key: 0,
|
|
2468
2477
|
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)]",
|
|
2469
2478
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2470
|
-
},
|
|
2479
|
+
}, go = [
|
|
2471
2480
|
"value",
|
|
2472
2481
|
"placeholder",
|
|
2473
2482
|
"title"
|
|
2474
|
-
],
|
|
2483
|
+
], _o = ["value", "placeholder"], vo = /* @__PURE__ */ j({
|
|
2475
2484
|
__name: "ImageField",
|
|
2476
2485
|
props: {
|
|
2477
2486
|
field: {},
|
|
@@ -2506,7 +2515,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2506
2515
|
enabled: p,
|
|
2507
2516
|
onFiles: h
|
|
2508
2517
|
});
|
|
2509
|
-
return (t, n) => (S(), w(
|
|
2518
|
+
return (t, n) => (S(), w(po, {
|
|
2510
2519
|
label: e.field.label,
|
|
2511
2520
|
required: e.field.required,
|
|
2512
2521
|
"read-only": e.readOnly
|
|
@@ -2516,7 +2525,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2516
2525
|
ref: u,
|
|
2517
2526
|
class: "tpl:relative"
|
|
2518
2527
|
}, [
|
|
2519
|
-
p.value && (O(g) || f.value) ? (S(), v("div",
|
|
2528
|
+
p.value && (O(g) || f.value) ? (S(), v("div", ho, [f.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
|
|
2520
2529
|
class: "tpl-spinner",
|
|
2521
2530
|
size: 18,
|
|
2522
2531
|
"stroke-width": 2
|
|
@@ -2532,14 +2541,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2532
2541
|
placeholder: e.field.placeholder || "https://...",
|
|
2533
2542
|
disabled: "",
|
|
2534
2543
|
title: O(a).customBlocks.dataSource.readOnlyTooltip
|
|
2535
|
-
}, null, 10,
|
|
2544
|
+
}, null, 10, go)) : (S(), v("input", {
|
|
2536
2545
|
key: 2,
|
|
2537
2546
|
type: "url",
|
|
2538
2547
|
class: r(O(Q)),
|
|
2539
2548
|
value: e.modelValue,
|
|
2540
2549
|
placeholder: e.field.placeholder || "https://...",
|
|
2541
2550
|
onInput: n[0] ||= (e) => i("update:modelValue", e.target.value)
|
|
2542
|
-
}, null, 42,
|
|
2551
|
+
}, null, 42, _o)),
|
|
2543
2552
|
c.value && !e.readOnly ? (S(), v("button", {
|
|
2544
2553
|
key: 3,
|
|
2545
2554
|
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)]",
|
|
@@ -2556,7 +2565,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2556
2565
|
"read-only"
|
|
2557
2566
|
]));
|
|
2558
2567
|
}
|
|
2559
|
-
}),
|
|
2568
|
+
}), yo = [
|
|
2560
2569
|
"value",
|
|
2561
2570
|
"placeholder",
|
|
2562
2571
|
"min",
|
|
@@ -2564,7 +2573,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2564
2573
|
"step",
|
|
2565
2574
|
"disabled",
|
|
2566
2575
|
"title"
|
|
2567
|
-
],
|
|
2576
|
+
], bo = /* @__PURE__ */ j({
|
|
2568
2577
|
__name: "NumberField",
|
|
2569
2578
|
props: {
|
|
2570
2579
|
field: {},
|
|
@@ -2574,7 +2583,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2574
2583
|
emits: ["update:modelValue"],
|
|
2575
2584
|
setup(e, { emit: t }) {
|
|
2576
2585
|
let n = t, { t: i } = q();
|
|
2577
|
-
return (t, a) => (S(), w(
|
|
2586
|
+
return (t, a) => (S(), w(po, {
|
|
2578
2587
|
label: e.field.label,
|
|
2579
2588
|
required: e.field.required,
|
|
2580
2589
|
"read-only": e.readOnly
|
|
@@ -2590,7 +2599,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2590
2599
|
disabled: e.readOnly,
|
|
2591
2600
|
title: e.readOnly ? O(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
2592
2601
|
onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
|
|
2593
|
-
}, null, 42,
|
|
2602
|
+
}, null, 42, yo)]),
|
|
2594
2603
|
_: 1
|
|
2595
2604
|
}, 8, [
|
|
2596
2605
|
"label",
|
|
@@ -2598,13 +2607,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2598
2607
|
"read-only"
|
|
2599
2608
|
]));
|
|
2600
2609
|
}
|
|
2601
|
-
}),
|
|
2610
|
+
}), xo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, So = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, Co = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, wo = ["title", "onClick"], To = {
|
|
2602
2611
|
key: 1,
|
|
2603
2612
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2604
|
-
},
|
|
2613
|
+
}, Eo = {
|
|
2605
2614
|
key: 2,
|
|
2606
2615
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2607
|
-
},
|
|
2616
|
+
}, Do = /* @__PURE__ */ j({
|
|
2608
2617
|
__name: "RepeatableField",
|
|
2609
2618
|
props: {
|
|
2610
2619
|
field: {},
|
|
@@ -2632,16 +2641,16 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2632
2641
|
} : r);
|
|
2633
2642
|
i("update:modelValue", r);
|
|
2634
2643
|
}
|
|
2635
|
-
return (t, n) => (S(), w(
|
|
2644
|
+
return (t, n) => (S(), w(po, {
|
|
2636
2645
|
label: e.field.label,
|
|
2637
2646
|
required: e.field.required,
|
|
2638
2647
|
"read-only": e.readOnly
|
|
2639
2648
|
}, {
|
|
2640
|
-
default: M(() => [_("div",
|
|
2649
|
+
default: M(() => [_("div", xo, [
|
|
2641
2650
|
(S(!0), v(D, null, x(s.value, (t, n) => (S(), v("div", {
|
|
2642
2651
|
key: `${e.field.key}-${n}`,
|
|
2643
2652
|
class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
|
|
2644
|
-
}, [_("div",
|
|
2653
|
+
}, [_("div", So, [_("span", Co, " #" + C(n + 1), 1), l.value && !e.readOnly ? (S(), v("button", {
|
|
2645
2654
|
key: 0,
|
|
2646
2655
|
type: "button",
|
|
2647
2656
|
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)]",
|
|
@@ -2650,7 +2659,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2650
2659
|
}, [y(O(Yt), {
|
|
2651
2660
|
size: 12,
|
|
2652
2661
|
"stroke-width": 2
|
|
2653
|
-
})], 8,
|
|
2662
|
+
})], 8, wo)) : A("", !0)]), (S(!0), v(D, null, x(e.field.fields, (r) => (S(), w(u(O(Io)(r.type)), {
|
|
2654
2663
|
key: r.key,
|
|
2655
2664
|
field: r,
|
|
2656
2665
|
"model-value": t[r.key],
|
|
@@ -2671,8 +2680,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2671
2680
|
size: 14,
|
|
2672
2681
|
"stroke-width": 2
|
|
2673
2682
|
}), b(" " + C(O(a).customBlocks.fields.addItem), 1)], 2)) : A("", !0),
|
|
2674
|
-
!c.value && !e.readOnly ? (S(), v("p",
|
|
2675
|
-
!l.value && !e.readOnly ? (S(), v("p",
|
|
2683
|
+
!c.value && !e.readOnly ? (S(), v("p", To, C(O(a).customBlocks.fields.maxItemsReached), 1)) : A("", !0),
|
|
2684
|
+
!l.value && !e.readOnly ? (S(), v("p", Eo, C(O(o)(O(a).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : A("", !0)
|
|
2676
2685
|
])]),
|
|
2677
2686
|
_: 1
|
|
2678
2687
|
}, 8, [
|
|
@@ -2681,11 +2690,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2681
2690
|
"read-only"
|
|
2682
2691
|
]));
|
|
2683
2692
|
}
|
|
2684
|
-
}),
|
|
2693
|
+
}), Oo = [
|
|
2685
2694
|
"value",
|
|
2686
2695
|
"disabled",
|
|
2687
2696
|
"title"
|
|
2688
|
-
],
|
|
2697
|
+
], ko = ["value"], Ao = /* @__PURE__ */ j({
|
|
2689
2698
|
__name: "SelectField",
|
|
2690
2699
|
props: {
|
|
2691
2700
|
field: {},
|
|
@@ -2695,7 +2704,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2695
2704
|
emits: ["update:modelValue"],
|
|
2696
2705
|
setup(e, { emit: t }) {
|
|
2697
2706
|
let n = t, { t: i } = q();
|
|
2698
|
-
return (t, a) => (S(), w(
|
|
2707
|
+
return (t, a) => (S(), w(po, {
|
|
2699
2708
|
label: e.field.label,
|
|
2700
2709
|
required: e.field.required,
|
|
2701
2710
|
"read-only": e.readOnly
|
|
@@ -2709,7 +2718,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2709
2718
|
}, [(S(!0), v(D, null, x(e.field.options, (e) => (S(), v("option", {
|
|
2710
2719
|
key: e.value,
|
|
2711
2720
|
value: e.value
|
|
2712
|
-
}, C(e.label), 9,
|
|
2721
|
+
}, C(e.label), 9, ko))), 128))], 42, Oo)]),
|
|
2713
2722
|
_: 1
|
|
2714
2723
|
}, 8, [
|
|
2715
2724
|
"label",
|
|
@@ -2717,11 +2726,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2717
2726
|
"read-only"
|
|
2718
2727
|
]));
|
|
2719
2728
|
}
|
|
2720
|
-
}),
|
|
2729
|
+
}), jo = [
|
|
2721
2730
|
"value",
|
|
2722
2731
|
"placeholder",
|
|
2723
2732
|
"title"
|
|
2724
|
-
],
|
|
2733
|
+
], Mo = /* @__PURE__ */ j({
|
|
2725
2734
|
__name: "TextField",
|
|
2726
2735
|
props: {
|
|
2727
2736
|
field: {},
|
|
@@ -2731,7 +2740,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2731
2740
|
emits: ["update:modelValue"],
|
|
2732
2741
|
setup(e, { emit: t }) {
|
|
2733
2742
|
let n = t, { t: i } = q();
|
|
2734
|
-
return (t, a) => (S(), w(
|
|
2743
|
+
return (t, a) => (S(), w(po, {
|
|
2735
2744
|
label: e.field.label,
|
|
2736
2745
|
required: e.field.required,
|
|
2737
2746
|
"read-only": e.readOnly
|
|
@@ -2744,7 +2753,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2744
2753
|
placeholder: e.field.placeholder,
|
|
2745
2754
|
disabled: "",
|
|
2746
2755
|
title: O(i).customBlocks.dataSource.readOnlyTooltip
|
|
2747
|
-
}, null, 10,
|
|
2756
|
+
}, null, 10, jo)) : (S(), w(Vi, {
|
|
2748
2757
|
key: 1,
|
|
2749
2758
|
"model-value": e.modelValue,
|
|
2750
2759
|
placeholder: e.field.placeholder,
|
|
@@ -2757,12 +2766,12 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2757
2766
|
"read-only"
|
|
2758
2767
|
]));
|
|
2759
2768
|
}
|
|
2760
|
-
}),
|
|
2769
|
+
}), No = [
|
|
2761
2770
|
"value",
|
|
2762
2771
|
"placeholder",
|
|
2763
2772
|
"title"
|
|
2764
|
-
],
|
|
2765
|
-
text:
|
|
2773
|
+
], Po = "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", Fo = {
|
|
2774
|
+
text: Mo,
|
|
2766
2775
|
textarea: /* @__PURE__ */ j({
|
|
2767
2776
|
__name: "TextareaField",
|
|
2768
2777
|
props: {
|
|
@@ -2773,7 +2782,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2773
2782
|
emits: ["update:modelValue"],
|
|
2774
2783
|
setup(e, { emit: t }) {
|
|
2775
2784
|
let n = t, { t: i } = q();
|
|
2776
|
-
return (t, a) => (S(), w(
|
|
2785
|
+
return (t, a) => (S(), w(po, {
|
|
2777
2786
|
label: e.field.label,
|
|
2778
2787
|
required: e.field.required,
|
|
2779
2788
|
"read-only": e.readOnly
|
|
@@ -2785,8 +2794,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2785
2794
|
rows: "3",
|
|
2786
2795
|
disabled: "",
|
|
2787
2796
|
title: O(i).customBlocks.dataSource.readOnlyTooltip,
|
|
2788
|
-
class: r(
|
|
2789
|
-
}, null, 8,
|
|
2797
|
+
class: r(Po)
|
|
2798
|
+
}, null, 8, No)) : (S(), w(ii, {
|
|
2790
2799
|
key: 1,
|
|
2791
2800
|
"model-value": e.modelValue,
|
|
2792
2801
|
placeholder: e.field.placeholder,
|
|
@@ -2800,37 +2809,37 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2800
2809
|
]));
|
|
2801
2810
|
}
|
|
2802
2811
|
}),
|
|
2803
|
-
image:
|
|
2804
|
-
color:
|
|
2805
|
-
number:
|
|
2806
|
-
select:
|
|
2807
|
-
boolean:
|
|
2808
|
-
repeatable:
|
|
2812
|
+
image: vo,
|
|
2813
|
+
color: mo,
|
|
2814
|
+
number: bo,
|
|
2815
|
+
select: Ao,
|
|
2816
|
+
boolean: oo,
|
|
2817
|
+
repeatable: Do
|
|
2809
2818
|
};
|
|
2810
|
-
function
|
|
2811
|
-
return
|
|
2819
|
+
function Io(e) {
|
|
2820
|
+
return Fo[e] ?? Mo;
|
|
2812
2821
|
}
|
|
2813
2822
|
//#endregion
|
|
2814
2823
|
//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
2815
|
-
var
|
|
2824
|
+
var Lo = {
|
|
2816
2825
|
key: 0,
|
|
2817
2826
|
class: "tpl:p-4"
|
|
2818
|
-
},
|
|
2827
|
+
}, Ro = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zo = { key: 1 }, Bo = {
|
|
2819
2828
|
key: 0,
|
|
2820
2829
|
class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2821
|
-
},
|
|
2830
|
+
}, Vo = {
|
|
2822
2831
|
key: 1,
|
|
2823
2832
|
class: "tpl:mb-4"
|
|
2824
|
-
},
|
|
2833
|
+
}, Ho = {
|
|
2825
2834
|
key: 1,
|
|
2826
2835
|
class: "tpl:flex tpl:h-[32px] tpl:items-center"
|
|
2827
|
-
},
|
|
2836
|
+
}, Uo = {
|
|
2828
2837
|
key: 0,
|
|
2829
2838
|
class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
2830
|
-
},
|
|
2839
|
+
}, Wo = {
|
|
2831
2840
|
key: 2,
|
|
2832
2841
|
class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
|
|
2833
|
-
},
|
|
2842
|
+
}, Go = /* @__PURE__ */ j({
|
|
2834
2843
|
__name: "CustomBlockToolbar",
|
|
2835
2844
|
props: { block: {} },
|
|
2836
2845
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
@@ -2851,23 +2860,23 @@ var Io = {
|
|
|
2851
2860
|
[e]: t
|
|
2852
2861
|
});
|
|
2853
2862
|
}
|
|
2854
|
-
return (t, n) => o.value ? (S(), v("div",
|
|
2855
|
-
o.value.description ? (S(), v("p",
|
|
2856
|
-
O(p) ? (S(), v("div",
|
|
2863
|
+
return (t, n) => o.value ? (S(), v("div", zo, [
|
|
2864
|
+
o.value.description ? (S(), v("p", Bo, C(o.value.description), 1)) : A("", !0),
|
|
2865
|
+
O(p) ? (S(), v("div", Vo, [O(m) && !O(c) ? (S(), v("button", {
|
|
2857
2866
|
key: 0,
|
|
2858
2867
|
type: "button",
|
|
2859
2868
|
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)]",
|
|
2860
2869
|
onClick: n[0] ||= (...e) => O(f) && O(f)(...e)
|
|
2861
|
-
}, C(o.value?.dataSource?.label || O(i).customBlocks.dataSource.fetchButton), 1)) : (S(), v("div",
|
|
2870
|
+
}, C(o.value?.dataSource?.label || O(i).customBlocks.dataSource.fetchButton), 1)) : (S(), v("div", Ho, [O(c) ? (S(), v("div", Uo, C(O(i).customBlocks.dataSource.fetching), 1)) : (S(), v("button", {
|
|
2862
2871
|
key: 1,
|
|
2863
2872
|
type: "button",
|
|
2864
2873
|
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)]",
|
|
2865
2874
|
onClick: n[1] ||= (...e) => O(f) && O(f)(...e)
|
|
2866
|
-
}, [y(O(Nt), { size: 12 }), b(" " + C(O(i).customBlocks.dataSource.changeButton), 1)]))])), O(l) ? (S(), v("p",
|
|
2875
|
+
}, [y(O(Nt), { size: 12 }), b(" " + C(O(i).customBlocks.dataSource.changeButton), 1)]))])), O(l) ? (S(), v("p", Wo, [y(O(Dt), {
|
|
2867
2876
|
size: 14,
|
|
2868
2877
|
class: "tpl:shrink-0"
|
|
2869
2878
|
}), b(" " + C(O(i).customBlocks.dataSource.fetchError), 1)])) : A("", !0)])) : A("", !0),
|
|
2870
|
-
(S(!0), v(D, null, x(o.value.fields, (t) => (S(), w(u(O(
|
|
2879
|
+
(S(!0), v(D, null, x(o.value.fields, (t) => (S(), w(u(O(Io)(t.type)), {
|
|
2871
2880
|
key: t.key,
|
|
2872
2881
|
field: t,
|
|
2873
2882
|
"model-value": e.block.fieldValues[t.key],
|
|
@@ -2879,9 +2888,9 @@ var Io = {
|
|
|
2879
2888
|
"read-only",
|
|
2880
2889
|
"onUpdate:modelValue"
|
|
2881
2890
|
]))), 128))
|
|
2882
|
-
])) : (S(), v("div",
|
|
2891
|
+
])) : (S(), v("div", Lo, [_("p", Ro, C(O(i).customBlocks.toolbar.noDefinition), 1)]));
|
|
2883
2892
|
}
|
|
2884
|
-
}),
|
|
2893
|
+
}), Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:mb-3.5" }, Yo = { class: "tpl:flex tpl:items-stretch" }, Xo = ["value"], Zo = /* @__PURE__ */ j({
|
|
2885
2894
|
__name: "DividerToolbar",
|
|
2886
2895
|
props: { block: {} },
|
|
2887
2896
|
emits: ["update"],
|
|
@@ -2891,7 +2900,7 @@ var Io = {
|
|
|
2891
2900
|
n("update", { [e]: t });
|
|
2892
2901
|
}
|
|
2893
2902
|
return (t, n) => (S(), v(D, null, [
|
|
2894
|
-
_("div",
|
|
2903
|
+
_("div", Ko, [_("label", { class: r(O(Y)) }, C(O(i).divider.style), 3), y(bn, {
|
|
2895
2904
|
options: [
|
|
2896
2905
|
{
|
|
2897
2906
|
value: "solid",
|
|
@@ -2909,27 +2918,27 @@ var Io = {
|
|
|
2909
2918
|
"model-value": e.block.lineStyle,
|
|
2910
2919
|
"onUpdate:modelValue": n[0] ||= (e) => a("lineStyle", e)
|
|
2911
2920
|
}, null, 8, ["options", "model-value"])]),
|
|
2912
|
-
_("div",
|
|
2921
|
+
_("div", qo, [_("label", { class: r(O(Y)) }, C(O(i).divider.color), 3), y($, {
|
|
2913
2922
|
"model-value": e.block.color,
|
|
2914
2923
|
"onUpdate:modelValue": n[1] ||= (e) => a("color", e)
|
|
2915
2924
|
}, null, 8, ["model-value"])]),
|
|
2916
|
-
_("div",
|
|
2925
|
+
_("div", Jo, [_("label", { class: r(O(Y)) }, C(O(i).divider.thickness), 3), _("div", Yo, [_("input", {
|
|
2917
2926
|
type: "number",
|
|
2918
2927
|
class: r(O(Z)),
|
|
2919
2928
|
value: e.block.thickness,
|
|
2920
2929
|
min: "1",
|
|
2921
2930
|
max: "10",
|
|
2922
2931
|
onInput: n[2] ||= (e) => a("thickness", Number(e.target.value))
|
|
2923
|
-
}, null, 42,
|
|
2932
|
+
}, null, 42, Xo), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
2924
2933
|
], 64));
|
|
2925
2934
|
}
|
|
2926
|
-
}),
|
|
2935
|
+
}), Qo = { class: "tpl:mb-3.5" }, $o = ["value"], es = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, ts = /* @__PURE__ */ j({
|
|
2927
2936
|
__name: "HtmlToolbar",
|
|
2928
2937
|
props: { block: {} },
|
|
2929
2938
|
emits: ["update"],
|
|
2930
2939
|
setup(e, { emit: t }) {
|
|
2931
2940
|
let n = t, { t: i } = q();
|
|
2932
|
-
return (t, a) => (S(), v("div",
|
|
2941
|
+
return (t, a) => (S(), v("div", Qo, [
|
|
2933
2942
|
_("label", { class: r(O(Y)) }, C(O(i).html.content), 3),
|
|
2934
2943
|
_("textarea", {
|
|
2935
2944
|
value: e.block.content,
|
|
@@ -2937,31 +2946,31 @@ var Io = {
|
|
|
2937
2946
|
rows: "10",
|
|
2938
2947
|
class: r(O(on)),
|
|
2939
2948
|
onInput: a[0] ||= (e) => n("update", { content: e.target.value })
|
|
2940
|
-
}, null, 42,
|
|
2941
|
-
_("p",
|
|
2949
|
+
}, null, 42, $o),
|
|
2950
|
+
_("p", es, [y(O(Ft), {
|
|
2942
2951
|
size: 12,
|
|
2943
2952
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
2944
2953
|
}), b(" " + C(O(i).html.sanitizationHint), 1)])
|
|
2945
2954
|
]));
|
|
2946
2955
|
}
|
|
2947
|
-
}),
|
|
2956
|
+
}), ns = { class: "tpl:mb-3.5" }, rs = {
|
|
2948
2957
|
key: 0,
|
|
2949
2958
|
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)]",
|
|
2950
2959
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2951
|
-
},
|
|
2960
|
+
}, is = {
|
|
2952
2961
|
key: 0,
|
|
2953
2962
|
class: "tpl:mb-3.5"
|
|
2954
|
-
},
|
|
2963
|
+
}, as = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, os = [
|
|
2955
2964
|
"value",
|
|
2956
2965
|
"placeholder",
|
|
2957
2966
|
"title"
|
|
2958
|
-
],
|
|
2967
|
+
], ss = { class: "tpl:mb-3.5" }, cs = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, ls = { class: "tpl:mb-3.5" }, us = ["value"], ds = { value: "full" }, fs = { value: "custom" }, ps = {
|
|
2959
2968
|
key: 0,
|
|
2960
2969
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2961
|
-
},
|
|
2970
|
+
}, ms = ["value"], hs = { class: "tpl:mb-3.5" }, gs = ["value"], _s = { value: "auto" }, vs = { value: "custom" }, ys = {
|
|
2962
2971
|
key: 0,
|
|
2963
2972
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2964
|
-
},
|
|
2973
|
+
}, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = 350, ws = 200, Ts = /* @__PURE__ */ j({
|
|
2965
2974
|
__name: "ImageToolbar",
|
|
2966
2975
|
props: { block: {} },
|
|
2967
2976
|
emits: ["update"],
|
|
@@ -2982,13 +2991,13 @@ var Io = {
|
|
|
2982
2991
|
function E(e) {
|
|
2983
2992
|
if (e === "custom") {
|
|
2984
2993
|
let e = n.block.width;
|
|
2985
|
-
(typeof e != "number" || h.includes(e)) && T("width",
|
|
2994
|
+
(typeof e != "number" || h.includes(e)) && T("width", Cs);
|
|
2986
2995
|
return;
|
|
2987
2996
|
}
|
|
2988
2997
|
T("width", e === "full" ? "full" : Number(e));
|
|
2989
2998
|
}
|
|
2990
2999
|
function j(e) {
|
|
2991
|
-
T("height", e === "custom" ?
|
|
3000
|
+
T("height", e === "custom" ? ws : void 0);
|
|
2992
3001
|
}
|
|
2993
3002
|
function N(e) {
|
|
2994
3003
|
let t = Number(e);
|
|
@@ -3024,12 +3033,12 @@ var Io = {
|
|
|
3024
3033
|
onFiles: B
|
|
3025
3034
|
});
|
|
3026
3035
|
return (t, n) => (S(), v(D, null, [
|
|
3027
|
-
_("div",
|
|
3036
|
+
_("div", ns, [_("label", { class: r(O(Y)) }, C(O(a).image.imageUrl), 3), _("div", {
|
|
3028
3037
|
ref_key: "dropZoneRef",
|
|
3029
3038
|
ref: I,
|
|
3030
3039
|
class: "tpl:relative"
|
|
3031
3040
|
}, [
|
|
3032
|
-
z.value && (O(V) || L.value) ? (S(), v("div",
|
|
3041
|
+
z.value && (O(V) || L.value) ? (S(), v("div", rs, [L.value ? (S(), v(D, { key: 0 }, [y(O(Rt), {
|
|
3033
3042
|
class: "tpl-spinner",
|
|
3034
3043
|
size: 18,
|
|
3035
3044
|
"stroke-width": 2
|
|
@@ -3037,7 +3046,7 @@ var Io = {
|
|
|
3037
3046
|
size: 18,
|
|
3038
3047
|
"stroke-width": 1.5
|
|
3039
3048
|
}), b(" " + C(O(a).image.dropToUpload), 1)], 64))])) : A("", !0),
|
|
3040
|
-
y(
|
|
3049
|
+
y(Vi, {
|
|
3041
3050
|
"model-value": e.block.src,
|
|
3042
3051
|
type: "url",
|
|
3043
3052
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3062,17 +3071,17 @@ var Io = {
|
|
|
3062
3071
|
"stroke-width": 1.5
|
|
3063
3072
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3064
3073
|
], 512)]),
|
|
3065
|
-
O(te)(e.block.src, O(s)) ? (S(), v("div",
|
|
3074
|
+
O(te)(e.block.src, O(s)) ? (S(), v("div", is, [_("label", { class: r(O(Y)) }, [b(C(O(a).image.placeholderUrl) + " ", 1), _("span", as, C(O(a).image.optional), 1)], 2), _("input", {
|
|
3066
3075
|
type: "url",
|
|
3067
3076
|
class: r(O(Q)),
|
|
3068
3077
|
value: e.block.placeholderUrl || "",
|
|
3069
3078
|
placeholder: O(a).image.placeholderUrlPlaceholder,
|
|
3070
3079
|
title: O(a).image.placeholderUrlTooltip,
|
|
3071
3080
|
onInput: n[1] ||= (e) => T("placeholderUrl", e.target.value)
|
|
3072
|
-
}, null, 42,
|
|
3073
|
-
_("div",
|
|
3081
|
+
}, null, 42, os)])) : A("", !0),
|
|
3082
|
+
_("div", ss, [
|
|
3074
3083
|
_("label", { class: r(O(Y)) }, C(O(a).image.altText), 3),
|
|
3075
|
-
y(
|
|
3084
|
+
y(Vi, {
|
|
3076
3085
|
"model-value": e.block.alt,
|
|
3077
3086
|
type: "text",
|
|
3078
3087
|
placeholder: O(a).image.altTextPlaceholder,
|
|
@@ -3091,49 +3100,49 @@ var Io = {
|
|
|
3091
3100
|
label: O(a).image.decorative,
|
|
3092
3101
|
"onUpdate:modelValue": n[3] ||= (e) => T("decorative", e)
|
|
3093
3102
|
}, {
|
|
3094
|
-
default: M(() => [_("span", null, [b(C(O(a).image.decorative) + " ", 1), _("span",
|
|
3103
|
+
default: M(() => [_("span", null, [b(C(O(a).image.decorative) + " ", 1), _("span", cs, C(O(a).image.decorativeHint), 1)])]),
|
|
3095
3104
|
_: 1
|
|
3096
3105
|
}, 8, ["model-value", "label"])
|
|
3097
3106
|
]),
|
|
3098
|
-
_("div",
|
|
3107
|
+
_("div", ls, [
|
|
3099
3108
|
_("label", { class: r(O(Y)) }, C(O(a).image.width), 3),
|
|
3100
3109
|
_("select", {
|
|
3101
3110
|
class: r(O(Q)),
|
|
3102
3111
|
value: g.value,
|
|
3103
3112
|
onChange: n[4] ||= (e) => E(e.target.value)
|
|
3104
3113
|
}, [
|
|
3105
|
-
_("option",
|
|
3114
|
+
_("option", ds, C(O(a).image.fullWidth), 1),
|
|
3106
3115
|
n[11] ||= _("option", { value: "300" }, "300px", -1),
|
|
3107
3116
|
n[12] ||= _("option", { value: "400" }, "400px", -1),
|
|
3108
3117
|
n[13] ||= _("option", { value: "500" }, "500px", -1),
|
|
3109
|
-
_("option",
|
|
3110
|
-
], 42,
|
|
3111
|
-
g.value === "custom" ? (S(), v("div",
|
|
3118
|
+
_("option", fs, C(O(a).image.widthCustom), 1)
|
|
3119
|
+
], 42, us),
|
|
3120
|
+
g.value === "custom" ? (S(), v("div", ps, [_("input", {
|
|
3112
3121
|
type: "number",
|
|
3113
3122
|
class: r(O(Z)),
|
|
3114
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
3123
|
+
value: typeof e.block.width == "number" ? e.block.width : Cs,
|
|
3115
3124
|
min: "20",
|
|
3116
3125
|
onInput: n[5] ||= (e) => P(e.target.value)
|
|
3117
|
-
}, null, 42,
|
|
3126
|
+
}, null, 42, ms), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3118
3127
|
]),
|
|
3119
|
-
_("div",
|
|
3128
|
+
_("div", hs, [
|
|
3120
3129
|
_("label", { class: r(O(Y)) }, C(O(a).image.height), 3),
|
|
3121
3130
|
_("select", {
|
|
3122
3131
|
class: r(O(Q)),
|
|
3123
3132
|
"data-testid": "image-height-mode",
|
|
3124
3133
|
value: x.value,
|
|
3125
3134
|
onChange: n[6] ||= (e) => j(e.target.value)
|
|
3126
|
-
}, [_("option",
|
|
3127
|
-
x.value === "custom" ? (S(), v("div",
|
|
3135
|
+
}, [_("option", _s, C(O(a).image.heightAuto), 1), _("option", vs, C(O(a).image.heightCustom), 1)], 42, gs),
|
|
3136
|
+
x.value === "custom" ? (S(), v("div", ys, [_("input", {
|
|
3128
3137
|
type: "number",
|
|
3129
3138
|
"data-testid": "image-height-input",
|
|
3130
3139
|
class: r(O(Z)),
|
|
3131
3140
|
value: e.block.height,
|
|
3132
3141
|
min: "20",
|
|
3133
3142
|
onInput: n[7] ||= (e) => N(e.target.value)
|
|
3134
|
-
}, null, 42,
|
|
3143
|
+
}, null, 42, bs), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3135
3144
|
]),
|
|
3136
|
-
_("div",
|
|
3145
|
+
_("div", xs, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3137
3146
|
options: [
|
|
3138
3147
|
{
|
|
3139
3148
|
value: "left",
|
|
@@ -3151,9 +3160,9 @@ var Io = {
|
|
|
3151
3160
|
"model-value": e.block.align,
|
|
3152
3161
|
"onUpdate:modelValue": n[8] ||= (e) => T("align", e)
|
|
3153
3162
|
}, null, 8, ["options", "model-value"])]),
|
|
3154
|
-
_("div",
|
|
3163
|
+
_("div", Ss, [
|
|
3155
3164
|
_("label", { class: r(O(Y)) }, C(O(a).image.linkUrl), 3),
|
|
3156
|
-
y(
|
|
3165
|
+
y(Vi, {
|
|
3157
3166
|
"model-value": e.block.linkUrl || "",
|
|
3158
3167
|
type: "url",
|
|
3159
3168
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3169,11 +3178,11 @@ var Io = {
|
|
|
3169
3178
|
])
|
|
3170
3179
|
], 64));
|
|
3171
3180
|
}
|
|
3172
|
-
}),
|
|
3181
|
+
}), Es = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ds = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Os = [
|
|
3173
3182
|
"value",
|
|
3174
3183
|
"placeholder",
|
|
3175
3184
|
"onInput"
|
|
3176
|
-
],
|
|
3185
|
+
], ks = ["title", "onClick"], As = { 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)]" }, js = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ms = ["value"], Ns = { value: "" }, Ps = ["value"], Fs = ["value"], Is = /* @__PURE__ */ j({
|
|
3177
3186
|
__name: "MenuToolbar",
|
|
3178
3187
|
props: {
|
|
3179
3188
|
block: {},
|
|
@@ -3237,25 +3246,25 @@ var Io = {
|
|
|
3237
3246
|
}
|
|
3238
3247
|
return (t, n) => (S(), v(D, null, [
|
|
3239
3248
|
y(yn, { label: O(a).menu.items }, {
|
|
3240
|
-
default: M(() => [_("div",
|
|
3249
|
+
default: M(() => [_("div", Es, [(S(!0), v(D, null, x(e.block.items, (t) => (S(), v("div", {
|
|
3241
3250
|
key: t.id,
|
|
3242
3251
|
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"
|
|
3243
3252
|
}, [
|
|
3244
|
-
_("div",
|
|
3253
|
+
_("div", Ds, [_("input", {
|
|
3245
3254
|
type: "text",
|
|
3246
3255
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3247
3256
|
value: t.text,
|
|
3248
3257
|
placeholder: O(a).menu.text,
|
|
3249
3258
|
onInput: (e) => u(t.id, "text", e.target.value)
|
|
3250
|
-
}, null, 42,
|
|
3259
|
+
}, null, 42, Os), _("button", {
|
|
3251
3260
|
class: r(O(sn)),
|
|
3252
3261
|
title: O(a).menu.removeItem,
|
|
3253
3262
|
onClick: (e) => d(t.id)
|
|
3254
3263
|
}, [y(O(Zt), {
|
|
3255
3264
|
size: 14,
|
|
3256
3265
|
"stroke-width": 2
|
|
3257
|
-
})], 10,
|
|
3258
|
-
y(
|
|
3266
|
+
})], 10, ks)]),
|
|
3267
|
+
y(Vi, {
|
|
3259
3268
|
"model-value": t.url,
|
|
3260
3269
|
type: "url",
|
|
3261
3270
|
placeholder: O(a).menu.urlPlaceholder,
|
|
@@ -3265,7 +3274,7 @@ var Io = {
|
|
|
3265
3274
|
"placeholder",
|
|
3266
3275
|
"onUpdate:modelValue"
|
|
3267
3276
|
]),
|
|
3268
|
-
_("div",
|
|
3277
|
+
_("div", As, [(S(!0), v(D, null, x(o.value, (e) => (S(), w(vn, {
|
|
3269
3278
|
key: e.key,
|
|
3270
3279
|
"model-value": t[e.key],
|
|
3271
3280
|
label: e.label,
|
|
@@ -3275,7 +3284,7 @@ var Io = {
|
|
|
3275
3284
|
"label",
|
|
3276
3285
|
"onUpdate:modelValue"
|
|
3277
3286
|
]))), 128))]),
|
|
3278
|
-
_("div",
|
|
3287
|
+
_("div", js, [_("label", { class: r([O(Y), "tpl:!mb-0"]) }, C(O(a).menu.color), 3), y($, {
|
|
3279
3288
|
"swatch-only": "",
|
|
3280
3289
|
"model-value": t.color || e.block.linkColor || e.block.color || "",
|
|
3281
3290
|
"onUpdate:modelValue": (e) => u(t.id, "color", e)
|
|
@@ -3294,10 +3303,10 @@ var Io = {
|
|
|
3294
3303
|
class: r(O(Q)),
|
|
3295
3304
|
value: e.block.fontFamily || "",
|
|
3296
3305
|
onChange: n[0] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
3297
|
-
}, [_("option",
|
|
3306
|
+
}, [_("option", Ns, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3298
3307
|
key: e.value,
|
|
3299
3308
|
value: e.value
|
|
3300
|
-
}, C(e.label), 9,
|
|
3309
|
+
}, C(e.label), 9, Ps))), 128))], 42, Ms)]),
|
|
3301
3310
|
_: 1
|
|
3302
3311
|
}, 8, ["label"]),
|
|
3303
3312
|
y(yn, { label: O(a).menu.fontSize }, {
|
|
@@ -3338,7 +3347,7 @@ var Io = {
|
|
|
3338
3347
|
class: r(O(Q)),
|
|
3339
3348
|
value: e.block.separator,
|
|
3340
3349
|
onInput: n[5] ||= (e) => c("separator", e.target.value)
|
|
3341
|
-
}, null, 42,
|
|
3350
|
+
}, null, 42, Fs)]),
|
|
3342
3351
|
_: 1
|
|
3343
3352
|
}, 8, ["label"]),
|
|
3344
3353
|
y(yn, { label: O(a).menu.separatorColor }, {
|
|
@@ -3363,11 +3372,11 @@ var Io = {
|
|
|
3363
3372
|
});
|
|
3364
3373
|
//#endregion
|
|
3365
3374
|
//#region src/utils/rebalanceColumnChildren.ts
|
|
3366
|
-
function
|
|
3375
|
+
function Ls(e) {
|
|
3367
3376
|
return e === "1" ? 1 : e === "3" ? 3 : 2;
|
|
3368
3377
|
}
|
|
3369
|
-
function
|
|
3370
|
-
let n =
|
|
3378
|
+
function Rs(e, t) {
|
|
3379
|
+
let n = Ls(t);
|
|
3371
3380
|
if (e.length === n) return e;
|
|
3372
3381
|
if (e.length < n) {
|
|
3373
3382
|
let t = Array.from({ length: n - e.length }, () => []);
|
|
@@ -3378,13 +3387,13 @@ function Ls(e, t) {
|
|
|
3378
3387
|
}
|
|
3379
3388
|
//#endregion
|
|
3380
3389
|
//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
3381
|
-
var
|
|
3390
|
+
var zs = { class: "tpl:mb-3.5" }, Bs = ["value"], Vs = ["value"], Hs = {
|
|
3382
3391
|
key: 0,
|
|
3383
3392
|
class: "tpl:mb-3.5"
|
|
3384
|
-
},
|
|
3393
|
+
}, Us = { class: "tpl:mb-3.5" }, Ws = { class: "tpl:flex tpl:items-stretch" }, Gs = ["value"], Ks = { class: "tpl:mb-3.5" }, qs = {
|
|
3385
3394
|
key: 0,
|
|
3386
3395
|
class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
|
|
3387
|
-
},
|
|
3396
|
+
}, Js = { class: "tpl:flex tpl:items-stretch" }, Ys = ["value"], Xs = /* @__PURE__ */ j({
|
|
3388
3397
|
__name: "SectionToolbar",
|
|
3389
3398
|
props: { block: {} },
|
|
3390
3399
|
emits: ["update"],
|
|
@@ -3412,7 +3421,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3412
3421
|
}
|
|
3413
3422
|
]);
|
|
3414
3423
|
function s(e) {
|
|
3415
|
-
let t = e.target.value, r =
|
|
3424
|
+
let t = e.target.value, r = Rs(n.block.children, t);
|
|
3416
3425
|
i("update", {
|
|
3417
3426
|
columns: t,
|
|
3418
3427
|
children: r
|
|
@@ -3446,39 +3455,39 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3446
3455
|
d({ borderRadius: Number(e.target.value) });
|
|
3447
3456
|
}
|
|
3448
3457
|
return (t, n) => (S(), v(D, null, [
|
|
3449
|
-
_("div",
|
|
3458
|
+
_("div", zs, [_("label", { class: r(O(Y)) }, C(O(a).section.columns), 3), _("select", {
|
|
3450
3459
|
class: r(O(Q)),
|
|
3451
3460
|
value: e.block.columns,
|
|
3452
3461
|
onChange: s
|
|
3453
3462
|
}, [(S(!0), v(D, null, x(o.value, (e) => (S(), v("option", {
|
|
3454
3463
|
key: e.value,
|
|
3455
3464
|
value: e.value
|
|
3456
|
-
}, C(e.label), 9,
|
|
3457
|
-
e.block.columns === "1" ? A("", !0) : (S(), v("div",
|
|
3465
|
+
}, C(e.label), 9, Vs))), 128))], 42, Bs)]),
|
|
3466
|
+
e.block.columns === "1" ? A("", !0) : (S(), v("div", Hs, [y(vn, {
|
|
3458
3467
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3459
3468
|
"model-value": e.block.stackOnMobile !== !1,
|
|
3460
3469
|
label: O(a).section.stackOnMobile,
|
|
3461
3470
|
"onUpdate:modelValue": n[0] ||= (e) => c(e)
|
|
3462
3471
|
}, null, 8, ["model-value", "label"])])),
|
|
3463
|
-
_("div",
|
|
3472
|
+
_("div", Us, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div", Ws, [_("input", {
|
|
3464
3473
|
type: "number",
|
|
3465
3474
|
class: r(O(Z)),
|
|
3466
3475
|
value: e.block.borderRadius ?? 0,
|
|
3467
3476
|
min: "0",
|
|
3468
3477
|
max: "50",
|
|
3469
3478
|
onInput: l
|
|
3470
|
-
}, null, 42,
|
|
3471
|
-
_("div",
|
|
3479
|
+
}, null, 42, Gs), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3480
|
+
_("div", Ks, [y(vn, {
|
|
3472
3481
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3473
3482
|
"model-value": !!e.block.wrapper,
|
|
3474
3483
|
label: O(a).section.wrapperEnable,
|
|
3475
3484
|
"onUpdate:modelValue": n[1] ||= (e) => u(e)
|
|
3476
|
-
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div",
|
|
3485
|
+
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div", qs, [
|
|
3477
3486
|
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).blockSettings.color), 3), y($, {
|
|
3478
3487
|
"model-value": e.block.wrapper.backgroundColor ?? "",
|
|
3479
3488
|
"onUpdate:modelValue": n[2] ||= (e) => d({ backgroundColor: e })
|
|
3480
3489
|
}, null, 8, ["model-value"])]),
|
|
3481
|
-
y(
|
|
3490
|
+
y(Ia, {
|
|
3482
3491
|
label: O(a).blockSettings.padding,
|
|
3483
3492
|
"model-value": e.block.wrapper.padding ?? {
|
|
3484
3493
|
top: 0,
|
|
@@ -3488,18 +3497,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3488
3497
|
},
|
|
3489
3498
|
"onUpdate:modelValue": f
|
|
3490
3499
|
}, null, 8, ["label", "model-value"]),
|
|
3491
|
-
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div",
|
|
3500
|
+
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div", Js, [_("input", {
|
|
3492
3501
|
type: "number",
|
|
3493
3502
|
class: r(O(Z)),
|
|
3494
3503
|
value: e.block.wrapper.borderRadius ?? 0,
|
|
3495
3504
|
min: "0",
|
|
3496
3505
|
max: "50",
|
|
3497
3506
|
onInput: p
|
|
3498
|
-
}, null, 42,
|
|
3507
|
+
}, null, 42, Ys), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
3499
3508
|
])) : A("", !0)])
|
|
3500
3509
|
], 64));
|
|
3501
3510
|
}
|
|
3502
|
-
}),
|
|
3511
|
+
}), Zs = { class: "tpl:mb-3.5" }, Qs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, $s = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ec = ["value", "onChange"], tc = ["value"], nc = ["title", "onClick"], rc = { class: "tpl:mb-3.5" }, ic = ["value"], ac = { value: "solid" }, oc = { value: "outlined" }, sc = { value: "rounded" }, cc = { value: "square" }, lc = { value: "circle" }, uc = { class: "tpl:mb-3.5" }, dc = { class: "tpl:mb-3.5" }, fc = { class: "tpl:flex tpl:items-stretch" }, pc = ["value"], mc = { class: "tpl:mb-3.5" }, hc = /* @__PURE__ */ j({
|
|
3503
3512
|
__name: "SocialToolbar",
|
|
3504
3513
|
props: { block: {} },
|
|
3505
3514
|
emits: ["update"],
|
|
@@ -3527,10 +3536,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3527
3536
|
i("update", { icons: n.block.icons.filter((t) => t.id !== e) });
|
|
3528
3537
|
}
|
|
3529
3538
|
return (t, n) => (S(), v(D, null, [
|
|
3530
|
-
_("div",
|
|
3539
|
+
_("div", Zs, [_("label", { class: r(O(Y)) }, C(O(a).social.icons), 3), _("div", Qs, [(S(!0), v(D, null, x(e.block.icons, (e) => (S(), v("div", {
|
|
3531
3540
|
key: e.id,
|
|
3532
3541
|
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"
|
|
3533
|
-
}, [_("div",
|
|
3542
|
+
}, [_("div", $s, [_("select", {
|
|
3534
3543
|
"data-testid": "social-platform-select",
|
|
3535
3544
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3536
3545
|
value: e.platform,
|
|
@@ -3538,14 +3547,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3538
3547
|
}, [(S(!0), v(D, null, x(O(Me), (e) => (S(), v("option", {
|
|
3539
3548
|
key: e,
|
|
3540
3549
|
value: e
|
|
3541
|
-
}, C(O(a).social.platforms[e]), 9,
|
|
3550
|
+
}, C(O(a).social.platforms[e]), 9, tc))), 128))], 42, ec), _("button", {
|
|
3542
3551
|
class: r(O(sn)),
|
|
3543
3552
|
title: O(a).social.removeIcon,
|
|
3544
3553
|
onClick: (t) => l(e.id)
|
|
3545
3554
|
}, [y(O(Zt), {
|
|
3546
3555
|
size: 14,
|
|
3547
3556
|
"stroke-width": 2
|
|
3548
|
-
})], 10,
|
|
3557
|
+
})], 10, nc)]), y(Vi, {
|
|
3549
3558
|
"model-value": e.url,
|
|
3550
3559
|
type: "url",
|
|
3551
3560
|
placeholder: O(a).social.urlPlaceholder,
|
|
@@ -3561,18 +3570,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3561
3570
|
size: 14,
|
|
3562
3571
|
"stroke-width": 2
|
|
3563
3572
|
}), b(" " + C(O(a).social.addIcon), 1)], 2)])]),
|
|
3564
|
-
_("div",
|
|
3573
|
+
_("div", rc, [_("label", { class: r(O(Y)) }, C(O(a).social.style), 3), _("select", {
|
|
3565
3574
|
class: r(O(Q)),
|
|
3566
3575
|
value: e.block.iconStyle,
|
|
3567
3576
|
onChange: n[0] ||= (e) => o("iconStyle", e.target.value)
|
|
3568
3577
|
}, [
|
|
3569
|
-
_("option",
|
|
3570
|
-
_("option",
|
|
3571
|
-
_("option",
|
|
3572
|
-
_("option",
|
|
3573
|
-
_("option",
|
|
3574
|
-
], 42,
|
|
3575
|
-
_("div",
|
|
3578
|
+
_("option", ac, C(O(a).social.styleSolid), 1),
|
|
3579
|
+
_("option", oc, C(O(a).social.styleOutlined), 1),
|
|
3580
|
+
_("option", sc, C(O(a).social.styleRounded), 1),
|
|
3581
|
+
_("option", cc, C(O(a).social.styleSquare), 1),
|
|
3582
|
+
_("option", lc, C(O(a).social.styleCircle), 1)
|
|
3583
|
+
], 42, ic)]),
|
|
3584
|
+
_("div", uc, [_("label", { class: r(O(Y)) }, C(O(a).social.size), 3), y(bn, {
|
|
3576
3585
|
options: [
|
|
3577
3586
|
{
|
|
3578
3587
|
value: "small",
|
|
@@ -3590,15 +3599,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3590
3599
|
"model-value": e.block.iconSize,
|
|
3591
3600
|
"onUpdate:modelValue": n[1] ||= (e) => o("iconSize", e)
|
|
3592
3601
|
}, null, 8, ["options", "model-value"])]),
|
|
3593
|
-
_("div",
|
|
3602
|
+
_("div", dc, [_("label", { class: r(O(Y)) }, C(O(a).social.spacing), 3), _("div", fc, [_("input", {
|
|
3594
3603
|
type: "number",
|
|
3595
3604
|
class: r(O(Z)),
|
|
3596
3605
|
value: e.block.spacing,
|
|
3597
3606
|
min: "0",
|
|
3598
3607
|
max: "50",
|
|
3599
3608
|
onInput: n[2] ||= (e) => o("spacing", Number(e.target.value))
|
|
3600
|
-
}, null, 42,
|
|
3601
|
-
_("div",
|
|
3609
|
+
}, null, 42, pc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3610
|
+
_("div", mc, [_("label", { class: r(O(Y)) }, C(O(a).social.align), 3), y(bn, {
|
|
3602
3611
|
options: [
|
|
3603
3612
|
{
|
|
3604
3613
|
value: "left",
|
|
@@ -3621,22 +3630,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3621
3630
|
}, null, 8, ["options", "model-value"])])
|
|
3622
3631
|
], 64));
|
|
3623
3632
|
}
|
|
3624
|
-
}),
|
|
3633
|
+
}), gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = ["value"], bc = /* @__PURE__ */ j({
|
|
3625
3634
|
__name: "SpacerToolbar",
|
|
3626
3635
|
props: { block: {} },
|
|
3627
3636
|
emits: ["update"],
|
|
3628
3637
|
setup(e, { emit: t }) {
|
|
3629
3638
|
let n = t, { t: i } = q();
|
|
3630
|
-
return (t, a) => (S(), v("div",
|
|
3639
|
+
return (t, a) => (S(), v("div", gc, [
|
|
3631
3640
|
_("label", { class: r(O(Y)) }, C(O(i).spacer.height), 3),
|
|
3632
|
-
_("div",
|
|
3641
|
+
_("div", _c, [_("input", {
|
|
3633
3642
|
type: "number",
|
|
3634
3643
|
class: r(O(Z)),
|
|
3635
3644
|
value: e.block.height,
|
|
3636
3645
|
min: "10",
|
|
3637
3646
|
max: "100",
|
|
3638
3647
|
onInput: a[0] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3639
|
-
}, null, 42,
|
|
3648
|
+
}, null, 42, vc), _("span", { class: r(O(X)) }, "px", 2)]),
|
|
3640
3649
|
_("input", {
|
|
3641
3650
|
type: "range",
|
|
3642
3651
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
@@ -3644,13 +3653,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3644
3653
|
min: "10",
|
|
3645
3654
|
max: "100",
|
|
3646
3655
|
onInput: a[1] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3647
|
-
}, null, 40,
|
|
3656
|
+
}, null, 40, yc)
|
|
3648
3657
|
]));
|
|
3649
3658
|
}
|
|
3650
|
-
}),
|
|
3659
|
+
}), xc = { class: "tpl:mb-3.5" }, Sc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Cc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, wc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Tc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ec = ["disabled"], Dc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Oc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, kc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ac = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, jc = ["disabled"], Mc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Nc = { class: "tpl:mb-3.5" }, Pc = {
|
|
3651
3660
|
key: 0,
|
|
3652
3661
|
class: "tpl:mb-3.5"
|
|
3653
|
-
},
|
|
3662
|
+
}, Fc = { class: "tpl:mb-3.5" }, Ic = { class: "tpl:mb-3.5" }, Lc = { class: "tpl:flex tpl:items-stretch" }, Rc = ["value"], zc = { class: "tpl:mb-3.5" }, Bc = { class: "tpl:flex tpl:items-stretch" }, Vc = ["value"], Hc = { class: "tpl:mb-3.5" }, Uc = ["value"], Wc = { value: "" }, Gc = ["value"], Kc = { class: "tpl:mb-3.5" }, qc = { class: "tpl:flex tpl:items-stretch" }, Jc = ["value"], Yc = { class: "tpl:mb-3.5" }, Xc = { class: "tpl:mb-3.5" }, Zc = /* @__PURE__ */ j({
|
|
3654
3663
|
__name: "TableToolbar",
|
|
3655
3664
|
props: {
|
|
3656
3665
|
block: {},
|
|
@@ -3693,7 +3702,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3693
3702
|
i("update", { rows: t });
|
|
3694
3703
|
}
|
|
3695
3704
|
return (t, n) => (S(), v(D, null, [
|
|
3696
|
-
_("div",
|
|
3705
|
+
_("div", xc, [_("label", { class: r(O(Y)) }, C(O(a).table.dimensions), 3), _("div", Sc, [_("div", Cc, [_("span", wc, C(O(a).table.rows), 1), _("div", Tc, [
|
|
3697
3706
|
_("button", {
|
|
3698
3707
|
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",
|
|
3699
3708
|
disabled: e.block.rows.length <= 1,
|
|
@@ -3701,8 +3710,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3701
3710
|
}, [y(O(Ot), {
|
|
3702
3711
|
size: 12,
|
|
3703
3712
|
"stroke-width": 2
|
|
3704
|
-
})], 8,
|
|
3705
|
-
_("span",
|
|
3713
|
+
})], 8, Ec),
|
|
3714
|
+
_("span", Dc, C(e.block.rows.length), 1),
|
|
3706
3715
|
_("button", {
|
|
3707
3716
|
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)]",
|
|
3708
3717
|
onClick: c
|
|
@@ -3710,7 +3719,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3710
3719
|
size: 12,
|
|
3711
3720
|
"stroke-width": 2
|
|
3712
3721
|
})])
|
|
3713
|
-
])]), _("div",
|
|
3722
|
+
])]), _("div", Oc, [_("span", kc, C(O(a).table.columns), 1), _("div", Ac, [
|
|
3714
3723
|
_("button", {
|
|
3715
3724
|
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",
|
|
3716
3725
|
disabled: o.value <= 1,
|
|
@@ -3718,8 +3727,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3718
3727
|
}, [y(O(Ot), {
|
|
3719
3728
|
size: 12,
|
|
3720
3729
|
"stroke-width": 2
|
|
3721
|
-
})], 8,
|
|
3722
|
-
_("span",
|
|
3730
|
+
})], 8, jc),
|
|
3731
|
+
_("span", Mc, C(o.value), 1),
|
|
3723
3732
|
_("button", {
|
|
3724
3733
|
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)]",
|
|
3725
3734
|
onClick: u
|
|
@@ -3728,13 +3737,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3728
3737
|
"stroke-width": 2
|
|
3729
3738
|
})])
|
|
3730
3739
|
])])])]),
|
|
3731
|
-
_("div",
|
|
3740
|
+
_("div", Nc, [y(vn, {
|
|
3732
3741
|
class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
3733
3742
|
"model-value": e.block.hasHeaderRow,
|
|
3734
3743
|
label: O(a).table.hasHeaderRow,
|
|
3735
3744
|
"onUpdate:modelValue": n[2] ||= (e) => s("hasHeaderRow", e)
|
|
3736
3745
|
}, null, 8, ["model-value", "label"])]),
|
|
3737
|
-
e.block.hasHeaderRow ? (S(), v("div",
|
|
3746
|
+
e.block.hasHeaderRow ? (S(), v("div", Pc, [_("label", { class: r(O(Y)) }, C(O(a).table.headerBackgroundColor), 3), y($, {
|
|
3738
3747
|
"model-value": e.block.headerBackgroundColor ?? "",
|
|
3739
3748
|
"seed-color": O(un),
|
|
3740
3749
|
placeholder: O(a).table.noHeaderBg,
|
|
@@ -3744,47 +3753,47 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3744
3753
|
"seed-color",
|
|
3745
3754
|
"placeholder"
|
|
3746
3755
|
])])) : A("", !0),
|
|
3747
|
-
_("div",
|
|
3756
|
+
_("div", Fc, [_("label", { class: r(O(Y)) }, C(O(a).table.borderColor), 3), y($, {
|
|
3748
3757
|
"model-value": e.block.borderColor,
|
|
3749
3758
|
"onUpdate:modelValue": n[4] ||= (e) => s("borderColor", e)
|
|
3750
3759
|
}, null, 8, ["model-value"])]),
|
|
3751
|
-
_("div",
|
|
3760
|
+
_("div", Ic, [_("label", { class: r(O(Y)) }, C(O(a).table.borderWidth), 3), _("div", Lc, [_("input", {
|
|
3752
3761
|
type: "number",
|
|
3753
3762
|
class: r(O(Z)),
|
|
3754
3763
|
value: e.block.borderWidth,
|
|
3755
3764
|
min: "0",
|
|
3756
3765
|
max: "10",
|
|
3757
3766
|
onInput: n[5] ||= (e) => s("borderWidth", Number(e.target.value))
|
|
3758
|
-
}, null, 42,
|
|
3759
|
-
_("div",
|
|
3767
|
+
}, null, 42, Rc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3768
|
+
_("div", zc, [_("label", { class: r(O(Y)) }, C(O(a).table.cellPadding), 3), _("div", Bc, [_("input", {
|
|
3760
3769
|
type: "number",
|
|
3761
3770
|
class: r(O(Z)),
|
|
3762
3771
|
value: e.block.cellPadding,
|
|
3763
3772
|
min: "0",
|
|
3764
3773
|
max: "30",
|
|
3765
3774
|
onInput: n[6] ||= (e) => s("cellPadding", Number(e.target.value))
|
|
3766
|
-
}, null, 42,
|
|
3767
|
-
_("div",
|
|
3775
|
+
}, null, 42, Vc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3776
|
+
_("div", Hc, [_("label", { class: r(O(Y)) }, C(O(a).table.fontFamily), 3), _("select", {
|
|
3768
3777
|
class: r(O(Q)),
|
|
3769
3778
|
value: e.block.fontFamily || "",
|
|
3770
3779
|
onChange: n[7] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
3771
|
-
}, [_("option",
|
|
3780
|
+
}, [_("option", Wc, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3772
3781
|
key: e.value,
|
|
3773
3782
|
value: e.value
|
|
3774
|
-
}, C(e.label), 9,
|
|
3775
|
-
_("div",
|
|
3783
|
+
}, C(e.label), 9, Gc))), 128))], 42, Uc)]),
|
|
3784
|
+
_("div", Kc, [_("label", { class: r(O(Y)) }, C(O(a).table.fontSize), 3), _("div", qc, [_("input", {
|
|
3776
3785
|
type: "number",
|
|
3777
3786
|
class: r(O(Z)),
|
|
3778
3787
|
value: e.block.fontSize,
|
|
3779
3788
|
min: "10",
|
|
3780
3789
|
max: "32",
|
|
3781
3790
|
onInput: n[8] ||= (e) => s("fontSize", Number(e.target.value))
|
|
3782
|
-
}, null, 42,
|
|
3783
|
-
_("div",
|
|
3791
|
+
}, null, 42, Jc), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3792
|
+
_("div", Yc, [_("label", { class: r(O(Y)) }, C(O(a).table.color), 3), y($, {
|
|
3784
3793
|
"model-value": e.block.color ?? "",
|
|
3785
3794
|
"onUpdate:modelValue": n[9] ||= (e) => s("color", e || void 0)
|
|
3786
3795
|
}, null, 8, ["model-value"])]),
|
|
3787
|
-
_("div",
|
|
3796
|
+
_("div", Xc, [_("label", { class: r(O(Y)) }, C(O(a).table.textAlign), 3), y(bn, {
|
|
3788
3797
|
options: [
|
|
3789
3798
|
{
|
|
3790
3799
|
value: "left",
|
|
@@ -3807,7 +3816,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3807
3816
|
}, null, 8, ["options", "model-value"])])
|
|
3808
3817
|
], 64));
|
|
3809
3818
|
}
|
|
3810
|
-
}),
|
|
3819
|
+
}), Qc = { class: "tpl:mb-3.5" }, $c = ["value"], el = { value: 1 }, tl = { value: 2 }, nl = { value: 3 }, rl = { value: 4 }, il = { class: "tpl:mb-3.5" }, al = ["value"], ol = { value: "" }, sl = ["value"], cl = { class: "tpl:mb-3.5" }, ll = { class: "tpl:mb-3.5" }, ul = /* @__PURE__ */ j({
|
|
3811
3820
|
__name: "TitleToolbar",
|
|
3812
3821
|
props: {
|
|
3813
3822
|
block: {},
|
|
@@ -3820,29 +3829,29 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3820
3829
|
n("update", { [e]: t });
|
|
3821
3830
|
}
|
|
3822
3831
|
return (t, n) => (S(), v(D, null, [
|
|
3823
|
-
_("div",
|
|
3832
|
+
_("div", Qc, [_("label", { class: r(O(Y)) }, C(O(i).title.level), 3), _("select", {
|
|
3824
3833
|
class: r(O(Q)),
|
|
3825
3834
|
value: e.block.level,
|
|
3826
3835
|
onChange: n[0] ||= (e) => a("level", Number(e.target.value))
|
|
3827
3836
|
}, [
|
|
3828
|
-
_("option",
|
|
3829
|
-
_("option",
|
|
3830
|
-
_("option",
|
|
3831
|
-
_("option",
|
|
3832
|
-
], 42,
|
|
3833
|
-
_("div",
|
|
3837
|
+
_("option", el, C(O(i).title.heading1), 1),
|
|
3838
|
+
_("option", tl, C(O(i).title.heading2), 1),
|
|
3839
|
+
_("option", nl, C(O(i).title.heading3), 1),
|
|
3840
|
+
_("option", rl, C(O(i).title.heading4), 1)
|
|
3841
|
+
], 42, $c)]),
|
|
3842
|
+
_("div", il, [_("label", { class: r(O(Y)) }, C(O(i).title.fontFamily), 3), _("select", {
|
|
3834
3843
|
class: r(O(Q)),
|
|
3835
3844
|
value: e.block.fontFamily || "",
|
|
3836
3845
|
onChange: n[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
3837
|
-
}, [_("option",
|
|
3846
|
+
}, [_("option", ol, C(O(i).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3838
3847
|
key: e.value,
|
|
3839
3848
|
value: e.value
|
|
3840
|
-
}, C(e.label), 9,
|
|
3841
|
-
_("div",
|
|
3849
|
+
}, C(e.label), 9, sl))), 128))], 42, al)]),
|
|
3850
|
+
_("div", cl, [_("label", { class: r(O(Y)) }, C(O(i).title.color), 3), y($, {
|
|
3842
3851
|
"model-value": e.block.color ?? "",
|
|
3843
3852
|
"onUpdate:modelValue": n[2] ||= (e) => a("color", e || void 0)
|
|
3844
3853
|
}, null, 8, ["model-value"])]),
|
|
3845
|
-
_("div",
|
|
3854
|
+
_("div", ll, [_("label", { class: r(O(Y)) }, C(O(i).title.align), 3), y(bn, {
|
|
3846
3855
|
options: [
|
|
3847
3856
|
{
|
|
3848
3857
|
value: "left",
|
|
@@ -3865,17 +3874,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3865
3874
|
}, null, 8, ["options", "model-value"])])
|
|
3866
3875
|
], 64));
|
|
3867
3876
|
}
|
|
3868
|
-
}),
|
|
3877
|
+
}), dl = { class: "tpl:mb-3.5" }, fl = {
|
|
3869
3878
|
key: 0,
|
|
3870
3879
|
class: "tpl:mb-3.5"
|
|
3871
|
-
},
|
|
3880
|
+
}, pl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, ml = [
|
|
3872
3881
|
"value",
|
|
3873
3882
|
"placeholder",
|
|
3874
3883
|
"title"
|
|
3875
|
-
],
|
|
3884
|
+
], hl = { class: "tpl:mb-3.5" }, gl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, _l = { class: "tpl:mb-3.5" }, vl = { class: "tpl:mb-3.5" }, yl = ["value"], bl = { value: "full" }, xl = { class: "tpl:mb-3.5" }, Sl = ["value"], Cl = { value: "auto" }, wl = { value: "custom" }, Tl = {
|
|
3876
3885
|
key: 0,
|
|
3877
3886
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
3878
|
-
},
|
|
3887
|
+
}, El = ["value"], Dl = { class: "tpl:mb-3.5" }, Ol = 200, kl = /* @__PURE__ */ j({
|
|
3879
3888
|
__name: "VideoToolbar",
|
|
3880
3889
|
props: { block: {} },
|
|
3881
3890
|
emits: ["update"],
|
|
@@ -3887,7 +3896,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3887
3896
|
i("update", { [e]: t });
|
|
3888
3897
|
}
|
|
3889
3898
|
function x(e) {
|
|
3890
|
-
g("height", e === "custom" ?
|
|
3899
|
+
g("height", e === "custom" ? Ol : void 0);
|
|
3891
3900
|
}
|
|
3892
3901
|
function T(e) {
|
|
3893
3902
|
let t = Number(e);
|
|
@@ -3898,9 +3907,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3898
3907
|
c.alive && e && (g("thumbnailUrl", e.url), p.value = !0, h());
|
|
3899
3908
|
}
|
|
3900
3909
|
return (t, n) => (S(), v(D, null, [
|
|
3901
|
-
_("div",
|
|
3910
|
+
_("div", dl, [
|
|
3902
3911
|
_("label", { class: r(O(Y)) }, C(O(a).video.videoUrl), 3),
|
|
3903
|
-
y(
|
|
3912
|
+
y(Vi, {
|
|
3904
3913
|
"model-value": e.block.url,
|
|
3905
3914
|
type: "url",
|
|
3906
3915
|
placeholder: O(a).video.videoUrlPlaceholder,
|
|
@@ -3914,17 +3923,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3914
3923
|
"onUpdate:modelValue": n[1] ||= (e) => g("openInNewTab", e)
|
|
3915
3924
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
3916
3925
|
]),
|
|
3917
|
-
u.value ? (S(), v("div",
|
|
3926
|
+
u.value ? (S(), v("div", fl, [_("label", { class: r(O(Y)) }, [b(C(O(a).video.placeholderUrl) + " ", 1), _("span", pl, C(O(a).video.optional), 1)], 2), _("input", {
|
|
3918
3927
|
type: "url",
|
|
3919
3928
|
class: r(O(Q)),
|
|
3920
3929
|
value: e.block.placeholderUrl || "",
|
|
3921
3930
|
placeholder: O(a).video.placeholderUrlPlaceholder,
|
|
3922
3931
|
title: O(a).video.placeholderUrlTooltip,
|
|
3923
3932
|
onInput: n[2] ||= (e) => g("placeholderUrl", e.target.value)
|
|
3924
|
-
}, null, 42,
|
|
3925
|
-
_("div",
|
|
3926
|
-
_("label", { class: r(O(Y)) }, [b(C(O(a).video.customThumbnail) + " ", 1), _("span",
|
|
3927
|
-
y(
|
|
3933
|
+
}, null, 42, ml)])) : A("", !0),
|
|
3934
|
+
_("div", hl, [
|
|
3935
|
+
_("label", { class: r(O(Y)) }, [b(C(O(a).video.customThumbnail) + " ", 1), _("span", gl, C(O(a).video.optional), 1)], 2),
|
|
3936
|
+
y(Vi, {
|
|
3928
3937
|
"model-value": e.block.thumbnailUrl,
|
|
3929
3938
|
type: "url",
|
|
3930
3939
|
placeholder: O(a).video.thumbnailPlaceholder,
|
|
@@ -3949,40 +3958,40 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3949
3958
|
"stroke-width": 1.5
|
|
3950
3959
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3951
3960
|
]),
|
|
3952
|
-
_("div",
|
|
3961
|
+
_("div", _l, [_("label", { class: r(O(Y)) }, C(O(a).video.altText), 3), y(Vi, {
|
|
3953
3962
|
"model-value": e.block.alt,
|
|
3954
3963
|
type: "text",
|
|
3955
3964
|
placeholder: O(a).video.altTextPlaceholder,
|
|
3956
3965
|
"onUpdate:modelValue": n[4] ||= (e) => g("alt", e)
|
|
3957
3966
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
3958
|
-
_("div",
|
|
3967
|
+
_("div", vl, [_("label", { class: r(O(Y)) }, C(O(a).video.width), 3), _("select", {
|
|
3959
3968
|
class: r(O(Q)),
|
|
3960
3969
|
value: e.block.width,
|
|
3961
3970
|
onChange: n[5] ||= (e) => g("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
3962
3971
|
}, [
|
|
3963
|
-
_("option",
|
|
3972
|
+
_("option", bl, C(O(a).video.fullWidth), 1),
|
|
3964
3973
|
n[9] ||= _("option", { value: "300" }, "300px", -1),
|
|
3965
3974
|
n[10] ||= _("option", { value: "400" }, "400px", -1),
|
|
3966
3975
|
n[11] ||= _("option", { value: "500" }, "500px", -1)
|
|
3967
|
-
], 42,
|
|
3968
|
-
_("div",
|
|
3976
|
+
], 42, yl)]),
|
|
3977
|
+
_("div", xl, [
|
|
3969
3978
|
_("label", { class: r(O(Y)) }, C(O(a).video.height), 3),
|
|
3970
3979
|
_("select", {
|
|
3971
3980
|
class: r(O(Q)),
|
|
3972
3981
|
"data-testid": "video-height-mode",
|
|
3973
3982
|
value: f.value,
|
|
3974
3983
|
onChange: n[6] ||= (e) => x(e.target.value)
|
|
3975
|
-
}, [_("option",
|
|
3976
|
-
f.value === "custom" ? (S(), v("div",
|
|
3984
|
+
}, [_("option", Cl, C(O(a).video.heightAuto), 1), _("option", wl, C(O(a).video.heightCustom), 1)], 42, Sl),
|
|
3985
|
+
f.value === "custom" ? (S(), v("div", Tl, [_("input", {
|
|
3977
3986
|
type: "number",
|
|
3978
3987
|
"data-testid": "video-height-input",
|
|
3979
3988
|
class: r(O(Z)),
|
|
3980
3989
|
value: e.block.height,
|
|
3981
3990
|
min: "20",
|
|
3982
3991
|
onInput: n[7] ||= (e) => T(e.target.value)
|
|
3983
|
-
}, null, 42,
|
|
3992
|
+
}, null, 42, El), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3984
3993
|
]),
|
|
3985
|
-
_("div",
|
|
3994
|
+
_("div", Dl, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3986
3995
|
options: [
|
|
3987
3996
|
{
|
|
3988
3997
|
value: "left",
|
|
@@ -4002,7 +4011,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4002
4011
|
}, null, 8, ["options", "model-value"])])
|
|
4003
4012
|
], 64));
|
|
4004
4013
|
}
|
|
4005
|
-
}),
|
|
4014
|
+
}), Al = ["aria-label"], jl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Ml = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Nl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Pl = { class: "tpl:flex tpl:gap-1" }, Fl = ["title"], Il = ["title"], Ll = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Rl = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4006
4015
|
__name: "Toolbar",
|
|
4007
4016
|
props: { block: {} },
|
|
4008
4017
|
emits: [
|
|
@@ -4011,7 +4020,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4011
4020
|
"duplicate"
|
|
4012
4021
|
],
|
|
4013
4022
|
setup(e, { emit: t }) {
|
|
4014
|
-
let n = h(() => import("./CountdownToolbar-
|
|
4023
|
+
let n = h(() => import("./CountdownToolbar-CiBrLbq0.js")), r = e, i = t, { t: a } = q(), o = rt(it, "Toolbar"), s = d(st, []), c = k(() => r.block.type), l = k(() => H(r.block)), f = k(() => {
|
|
4015
4024
|
if (l.value) return s.find((e) => e.type === r.block.customType);
|
|
4016
4025
|
}), p = k(() => l.value ? f.value?.name ?? r.block.customType : _e(c.value, a)), m = o.fonts;
|
|
4017
4026
|
function g(e) {
|
|
@@ -4020,7 +4029,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4020
4029
|
return (t, r) => (S(), v("aside", {
|
|
4021
4030
|
"aria-label": O(a).landmarks.blockToolbar,
|
|
4022
4031
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
4023
|
-
}, [_("div",
|
|
4032
|
+
}, [_("div", jl, [_("div", Ml, [O(jt)[c.value] ? (S(), w(u(O(jt)[c.value]), {
|
|
4024
4033
|
key: 0,
|
|
4025
4034
|
size: 16,
|
|
4026
4035
|
"stroke-width": 1.5
|
|
@@ -4028,70 +4037,70 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4028
4037
|
key: 1,
|
|
4029
4038
|
size: 16,
|
|
4030
4039
|
"stroke-width": 1.5
|
|
4031
|
-
})) : A("", !0), _("h3",
|
|
4040
|
+
})) : A("", !0), _("h3", Nl, C(p.value), 1)]), _("div", Pl, [_("button", {
|
|
4032
4041
|
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)]",
|
|
4033
4042
|
title: O(a).toolbar.duplicate,
|
|
4034
4043
|
onClick: r[0] ||= (e) => i("duplicate")
|
|
4035
4044
|
}, [y(O(se), {
|
|
4036
4045
|
size: 14,
|
|
4037
4046
|
"stroke-width": 2
|
|
4038
|
-
})], 8,
|
|
4047
|
+
})], 8, Fl), _("button", {
|
|
4039
4048
|
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)]",
|
|
4040
4049
|
title: O(a).toolbar.delete,
|
|
4041
4050
|
onClick: r[1] ||= (e) => i("delete")
|
|
4042
4051
|
}, [y(O(Yt), {
|
|
4043
4052
|
size: 14,
|
|
4044
4053
|
"stroke-width": 2
|
|
4045
|
-
})], 8,
|
|
4054
|
+
})], 8, Il)])]), _("div", Ll, [l.value ? (S(), w(Go, {
|
|
4046
4055
|
key: 0,
|
|
4047
4056
|
block: e.block,
|
|
4048
4057
|
onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
|
|
4049
4058
|
onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
|
|
4050
|
-
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(
|
|
4059
|
+
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(Xs, {
|
|
4051
4060
|
key: 1,
|
|
4052
4061
|
block: e.block,
|
|
4053
4062
|
onUpdate: g
|
|
4054
|
-
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(
|
|
4063
|
+
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(ul, {
|
|
4055
4064
|
key: 2,
|
|
4056
4065
|
block: e.block,
|
|
4057
4066
|
"font-families": O(m),
|
|
4058
4067
|
onUpdate: g
|
|
4059
|
-
}, null, 8, ["block", "font-families"])) : c.value === "paragraph" ? (S(), v(D, { key: 3 }, [], 64)) : c.value === "image" ? (S(), w(
|
|
4068
|
+
}, null, 8, ["block", "font-families"])) : c.value === "paragraph" ? (S(), v(D, { key: 3 }, [], 64)) : c.value === "image" ? (S(), w(Ts, {
|
|
4060
4069
|
key: 4,
|
|
4061
4070
|
block: e.block,
|
|
4062
4071
|
onUpdate: g
|
|
4063
|
-
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(
|
|
4072
|
+
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(kl, {
|
|
4064
4073
|
key: 5,
|
|
4065
4074
|
block: e.block,
|
|
4066
4075
|
onUpdate: g
|
|
4067
|
-
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(
|
|
4076
|
+
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(fa, {
|
|
4068
4077
|
key: 6,
|
|
4069
4078
|
block: e.block,
|
|
4070
4079
|
"font-families": O(m),
|
|
4071
4080
|
onUpdate: g
|
|
4072
|
-
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(
|
|
4081
|
+
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(Zo, {
|
|
4073
4082
|
key: 7,
|
|
4074
4083
|
block: e.block,
|
|
4075
4084
|
onUpdate: g
|
|
4076
|
-
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(
|
|
4085
|
+
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(hc, {
|
|
4077
4086
|
key: 8,
|
|
4078
4087
|
block: e.block,
|
|
4079
4088
|
onUpdate: g
|
|
4080
|
-
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(
|
|
4089
|
+
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(Is, {
|
|
4081
4090
|
key: 9,
|
|
4082
4091
|
block: e.block,
|
|
4083
4092
|
"font-families": O(m),
|
|
4084
4093
|
onUpdate: g
|
|
4085
|
-
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(
|
|
4094
|
+
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(Zc, {
|
|
4086
4095
|
key: 10,
|
|
4087
4096
|
block: e.block,
|
|
4088
4097
|
"font-families": O(m),
|
|
4089
4098
|
onUpdate: g
|
|
4090
|
-
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(
|
|
4099
|
+
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(bc, {
|
|
4091
4100
|
key: 11,
|
|
4092
4101
|
block: e.block,
|
|
4093
4102
|
onUpdate: g
|
|
4094
|
-
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(
|
|
4103
|
+
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(ts, {
|
|
4095
4104
|
key: 12,
|
|
4096
4105
|
block: e.block,
|
|
4097
4106
|
onUpdate: g
|
|
@@ -4100,52 +4109,52 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4100
4109
|
block: e.block,
|
|
4101
4110
|
"font-families": O(m),
|
|
4102
4111
|
onUpdate: g
|
|
4103
|
-
}, null, 8, ["block", "font-families"])) : A("", !0), y(
|
|
4112
|
+
}, null, 8, ["block", "font-families"])) : A("", !0), y(io, {
|
|
4104
4113
|
block: e.block,
|
|
4105
4114
|
"is-first-section": c.value === "paragraph",
|
|
4106
4115
|
onUpdate: g
|
|
4107
|
-
}, null, 8, ["block", "is-first-section"])])], 8,
|
|
4116
|
+
}, null, 8, ["block", "is-first-section"])])], 8, Al));
|
|
4108
4117
|
}
|
|
4109
|
-
}), [["__scopeId", "data-v-c0ea5f03"]]),
|
|
4118
|
+
}), [["__scopeId", "data-v-c0ea5f03"]]), zl = ["aria-label"], Bl = {
|
|
4110
4119
|
role: "tablist",
|
|
4111
4120
|
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"
|
|
4112
|
-
},
|
|
4121
|
+
}, Vl = [
|
|
4113
4122
|
"aria-selected",
|
|
4114
4123
|
"aria-label",
|
|
4115
4124
|
"title"
|
|
4116
|
-
],
|
|
4125
|
+
], Hl = { key: 0 }, Ul = [
|
|
4117
4126
|
"aria-selected",
|
|
4118
4127
|
"aria-label",
|
|
4119
4128
|
"title"
|
|
4120
|
-
],
|
|
4129
|
+
], Wl = { key: 0 }, Gl = [
|
|
4121
4130
|
"aria-selected",
|
|
4122
4131
|
"aria-label",
|
|
4123
4132
|
"title"
|
|
4124
|
-
],
|
|
4133
|
+
], Kl = { key: 0 }, ql = {
|
|
4125
4134
|
key: 1,
|
|
4126
4135
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
4127
|
-
},
|
|
4136
|
+
}, Jl = {
|
|
4128
4137
|
key: 0,
|
|
4129
4138
|
id: "tpl-tabpanel-content",
|
|
4130
4139
|
role: "tabpanel",
|
|
4131
4140
|
"aria-labelledby": "tpl-tab-content",
|
|
4132
4141
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4133
|
-
},
|
|
4142
|
+
}, Yl = {
|
|
4134
4143
|
key: 1,
|
|
4135
4144
|
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)]"
|
|
4136
|
-
},
|
|
4145
|
+
}, Xl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Zl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ql = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, $l = {
|
|
4137
4146
|
key: 1,
|
|
4138
4147
|
id: "tpl-tabpanel-settings",
|
|
4139
4148
|
role: "tabpanel",
|
|
4140
4149
|
"aria-labelledby": "tpl-tab-settings",
|
|
4141
4150
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4142
|
-
},
|
|
4151
|
+
}, eu = {
|
|
4143
4152
|
key: 2,
|
|
4144
4153
|
id: "tpl-tabpanel-issues",
|
|
4145
4154
|
role: "tabpanel",
|
|
4146
4155
|
"aria-labelledby": "tpl-tab-issues",
|
|
4147
4156
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4148
|
-
},
|
|
4157
|
+
}, tu = /* @__PURE__ */ j({
|
|
4149
4158
|
__name: "RightSidebar",
|
|
4150
4159
|
props: {
|
|
4151
4160
|
selectedBlock: {},
|
|
@@ -4159,7 +4168,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4159
4168
|
"update-settings"
|
|
4160
4169
|
],
|
|
4161
4170
|
setup(e, { emit: t }) {
|
|
4162
|
-
let n = h(() => import("./IssuesPanel-
|
|
4171
|
+
let n = h(() => import("./IssuesPanel-CkuV9Fjp.js")), i = e, a = t, { t: s } = q(), c = m("content"), u = d(yt, null), f = k(() => u !== null), p = k(() => u?.issues.value.length ?? 0);
|
|
4163
4172
|
function g(e) {
|
|
4164
4173
|
return c.value === e ? "tpl:flex-1 tpl:text-[var(--tpl-primary)]" : "tpl:shrink-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:text-[var(--tpl-text)]";
|
|
4165
4174
|
}
|
|
@@ -4175,7 +4184,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4175
4184
|
"aria-label": O(s).landmarks.rightSidebar,
|
|
4176
4185
|
class: r(["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)]", e.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
|
|
4177
4186
|
}, [
|
|
4178
|
-
_("div",
|
|
4187
|
+
_("div", Bl, [
|
|
4179
4188
|
_("button", {
|
|
4180
4189
|
id: "tpl-tab-content",
|
|
4181
4190
|
role: "tab",
|
|
@@ -4189,7 +4198,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4189
4198
|
}, [y(O(An), {
|
|
4190
4199
|
size: 14,
|
|
4191
4200
|
"stroke-width": 2
|
|
4192
|
-
}), c.value === "content" ? (S(), v("span",
|
|
4201
|
+
}), c.value === "content" ? (S(), v("span", Hl, C(O(s).sidebar.content), 1)) : A("", !0)], 14, Vl),
|
|
4193
4202
|
_("button", {
|
|
4194
4203
|
id: "tpl-tab-settings",
|
|
4195
4204
|
role: "tab",
|
|
@@ -4203,7 +4212,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4203
4212
|
}, [y(O(Pn), {
|
|
4204
4213
|
size: 14,
|
|
4205
4214
|
"stroke-width": 1.5
|
|
4206
|
-
}), c.value === "settings" ? (S(), v("span",
|
|
4215
|
+
}), c.value === "settings" ? (S(), v("span", Wl, C(O(s).sidebar.settings), 1)) : A("", !0)], 14, Ul),
|
|
4207
4216
|
f.value ? (S(), v("button", {
|
|
4208
4217
|
key: 0,
|
|
4209
4218
|
id: "tpl-tab-issues",
|
|
@@ -4220,68 +4229,68 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4220
4229
|
size: 14,
|
|
4221
4230
|
"stroke-width": 1.5
|
|
4222
4231
|
}),
|
|
4223
|
-
c.value === "issues" ? (S(), v("span",
|
|
4224
|
-
p.value > 0 ? (S(), v("span",
|
|
4225
|
-
], 14,
|
|
4232
|
+
c.value === "issues" ? (S(), v("span", Kl, C(O(s).issues.panelTabLabel), 1)) : A("", !0),
|
|
4233
|
+
p.value > 0 ? (S(), v("span", ql, C(p.value), 1)) : A("", !0)
|
|
4234
|
+
], 14, Gl)) : A("", !0)
|
|
4226
4235
|
]),
|
|
4227
|
-
c.value === "content" ? (S(), v("div",
|
|
4236
|
+
c.value === "content" ? (S(), v("div", Jl, [e.selectedBlock ? (S(), w(Rl, {
|
|
4228
4237
|
key: 0,
|
|
4229
4238
|
block: e.selectedBlock,
|
|
4230
4239
|
onUpdate: i[3] ||= (e) => a("update-block", e),
|
|
4231
4240
|
onDelete: i[4] ||= (e) => a("delete-block"),
|
|
4232
4241
|
onDuplicate: i[5] ||= (e) => a("duplicate-block")
|
|
4233
|
-
}, null, 8, ["block"])) : (S(), v("div",
|
|
4234
|
-
_("div",
|
|
4242
|
+
}, null, 8, ["block"])) : (S(), v("div", Yl, [
|
|
4243
|
+
_("div", Xl, [y(O(En), {
|
|
4235
4244
|
size: 40,
|
|
4236
4245
|
"stroke-width": 1.5
|
|
4237
4246
|
})]),
|
|
4238
|
-
_("h3",
|
|
4239
|
-
_("p",
|
|
4247
|
+
_("h3", Zl, C(O(s).sidebar.noSelection), 1),
|
|
4248
|
+
_("p", Ql, C(O(s).sidebar.noSelectionHint), 1)
|
|
4240
4249
|
]))])) : A("", !0),
|
|
4241
|
-
c.value === "settings" ? (S(), v("div",
|
|
4250
|
+
c.value === "settings" ? (S(), v("div", $l, [y(Pi, {
|
|
4242
4251
|
settings: e.settings,
|
|
4243
4252
|
onUpdate: i[6] ||= (e) => a("update-settings", e)
|
|
4244
4253
|
}, null, 8, ["settings"])])) : A("", !0),
|
|
4245
|
-
c.value === "issues" && f.value ? (S(), v("div",
|
|
4246
|
-
], 10,
|
|
4254
|
+
c.value === "issues" && f.value ? (S(), v("div", eu, [y(O(n))])) : A("", !0)
|
|
4255
|
+
], 10, zl));
|
|
4247
4256
|
}
|
|
4248
|
-
}),
|
|
4257
|
+
}), nu = {
|
|
4249
4258
|
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)]",
|
|
4250
4259
|
style: { "z-index": "10001" },
|
|
4251
4260
|
role: "status",
|
|
4252
4261
|
"data-testid": "small-screen-notice"
|
|
4253
|
-
},
|
|
4262
|
+
}, ru = { class: "tpl:text-[var(--tpl-text-dim)]" }, iu = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, au = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, ou = /* @__PURE__ */ j({
|
|
4254
4263
|
__name: "SmallScreenNotice",
|
|
4255
4264
|
setup(e) {
|
|
4256
4265
|
let { t } = q();
|
|
4257
|
-
return (e, n) => (S(), v("div",
|
|
4258
|
-
_("div",
|
|
4266
|
+
return (e, n) => (S(), v("div", nu, [
|
|
4267
|
+
_("div", ru, [y(O(Bt), {
|
|
4259
4268
|
size: 48,
|
|
4260
4269
|
"stroke-width": 1.5
|
|
4261
4270
|
})]),
|
|
4262
|
-
_("h2",
|
|
4263
|
-
_("p",
|
|
4271
|
+
_("h2", iu, C(O(t).smallScreen.title), 1),
|
|
4272
|
+
_("p", au, C(O(t).smallScreen.message), 1)
|
|
4264
4273
|
]));
|
|
4265
4274
|
}
|
|
4266
|
-
}),
|
|
4275
|
+
}), su = {
|
|
4267
4276
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
4268
4277
|
style: {
|
|
4269
4278
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
4270
4279
|
"backdrop-filter": "blur(8px)",
|
|
4271
4280
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
4272
4281
|
}
|
|
4273
|
-
},
|
|
4282
|
+
}, cu = {
|
|
4274
4283
|
href: "https://github.com/templatical/sdk",
|
|
4275
4284
|
target: "_blank",
|
|
4276
4285
|
rel: "noopener noreferrer",
|
|
4277
4286
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
4278
4287
|
style: { "text-decoration": "none" }
|
|
4279
|
-
},
|
|
4288
|
+
}, lu = /* @__PURE__ */ j({
|
|
4280
4289
|
__name: "EditorFooter",
|
|
4281
4290
|
props: { positionClass: {} },
|
|
4282
4291
|
setup(e) {
|
|
4283
4292
|
let { t } = q();
|
|
4284
|
-
return (n, i) => (S(), v("footer", { class: r(["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]) }, [_("div",
|
|
4293
|
+
return (n, i) => (S(), v("footer", { class: r(["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]) }, [_("div", su, [
|
|
4285
4294
|
_("span", null, C(O(t).footer.poweredBy), 1),
|
|
4286
4295
|
i[0] ||= _("a", {
|
|
4287
4296
|
href: "https://templatical.com",
|
|
@@ -4296,14 +4305,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4296
4305
|
alt: ""
|
|
4297
4306
|
}), b(" Templatical ")], -1),
|
|
4298
4307
|
i[1] ||= _("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
4299
|
-
_("a",
|
|
4308
|
+
_("a", cu, C(O(t).footer.openSource), 1)
|
|
4300
4309
|
])], 2));
|
|
4301
4310
|
}
|
|
4302
|
-
}),
|
|
4311
|
+
}), uu = [
|
|
4303
4312
|
"aria-label",
|
|
4304
4313
|
"title",
|
|
4305
4314
|
"aria-pressed"
|
|
4306
|
-
],
|
|
4315
|
+
], du = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4307
4316
|
__name: "DarkModeToggle",
|
|
4308
4317
|
props: { darkMode: { type: Boolean } },
|
|
4309
4318
|
emits: ["change"],
|
|
@@ -4336,13 +4345,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4336
4345
|
"stroke-width": 1.5
|
|
4337
4346
|
}))]),
|
|
4338
4347
|
_: 1
|
|
4339
|
-
})], 12,
|
|
4348
|
+
})], 12, uu));
|
|
4340
4349
|
}
|
|
4341
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
4350
|
+
}), [["__scopeId", "data-v-632aa74f"]]), fu = [
|
|
4342
4351
|
"aria-label",
|
|
4343
4352
|
"title",
|
|
4344
4353
|
"aria-pressed"
|
|
4345
|
-
],
|
|
4354
|
+
], pu = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4346
4355
|
__name: "PreviewToggle",
|
|
4347
4356
|
props: { previewMode: { type: Boolean } },
|
|
4348
4357
|
emits: ["change"],
|
|
@@ -4375,9 +4384,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4375
4384
|
"stroke-width": 1.5
|
|
4376
4385
|
}))]),
|
|
4377
4386
|
_: 1
|
|
4378
|
-
})], 12,
|
|
4387
|
+
})], 12, fu));
|
|
4379
4388
|
}
|
|
4380
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
4389
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), mu = ["aria-label", "onKeydown"], hu = ["title", "aria-label"], gu = /* @__PURE__ */ j({
|
|
4381
4390
|
__name: "TemplateNameField",
|
|
4382
4391
|
props: {
|
|
4383
4392
|
name: {},
|
|
@@ -4409,7 +4418,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4409
4418
|
class: r([O(Q), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
4410
4419
|
onKeydown: [L(P(d, ["prevent"]), ["enter"]), L(P(p, ["prevent"]), ["esc"])],
|
|
4411
4420
|
onBlur: d
|
|
4412
|
-
}, null, 42,
|
|
4421
|
+
}, null, 42, mu)), [[N, c.value]]) : e.editable ? (S(), v("button", {
|
|
4413
4422
|
key: 1,
|
|
4414
4423
|
type: "button",
|
|
4415
4424
|
"data-testid": "template-name",
|
|
@@ -4417,13 +4426,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4417
4426
|
"aria-label": O(o).header.rename,
|
|
4418
4427
|
class: r(["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 }]),
|
|
4419
4428
|
onClick: u
|
|
4420
|
-
}, C(e.name || O(o).header.untitled), 11,
|
|
4429
|
+
}, C(e.name || O(o).header.untitled), 11, hu)) : (S(), v("span", {
|
|
4421
4430
|
key: 2,
|
|
4422
4431
|
"data-testid": "template-name",
|
|
4423
4432
|
class: r(["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 }])
|
|
4424
4433
|
}, C(e.name || O(o).header.untitled), 3));
|
|
4425
4434
|
}
|
|
4426
|
-
}),
|
|
4435
|
+
}), _u = ["title"], vu = /* @__PURE__ */ j({
|
|
4427
4436
|
__name: "TemplateTimestamp",
|
|
4428
4437
|
props: {
|
|
4429
4438
|
iso: {},
|
|
@@ -4449,19 +4458,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4449
4458
|
"data-testid": "template-timestamp",
|
|
4450
4459
|
title: o.value,
|
|
4451
4460
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
4452
|
-
}, C(a.value), 9,
|
|
4461
|
+
}, C(a.value), 9, _u)) : A("", !0);
|
|
4453
4462
|
}
|
|
4454
|
-
}),
|
|
4463
|
+
}), yu = ["data-tooltip"], bu = {
|
|
4455
4464
|
key: 1,
|
|
4456
4465
|
"aria-live": "polite",
|
|
4457
4466
|
"data-testid": "save-status-saved",
|
|
4458
4467
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
4459
|
-
},
|
|
4468
|
+
}, xu = {
|
|
4460
4469
|
key: 2,
|
|
4461
4470
|
"aria-live": "polite",
|
|
4462
4471
|
"data-testid": "save-status-unsaved",
|
|
4463
4472
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
4464
|
-
},
|
|
4473
|
+
}, Su = /* @__PURE__ */ j({
|
|
4465
4474
|
__name: "TemplateSaveStatus",
|
|
4466
4475
|
props: {
|
|
4467
4476
|
status: {},
|
|
@@ -4479,19 +4488,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4479
4488
|
}, [y(O(Dt), {
|
|
4480
4489
|
size: 12,
|
|
4481
4490
|
"stroke-width": 2.5
|
|
4482
|
-
}), b(" " + C(O(t).header.saveFailed), 1)], 8,
|
|
4491
|
+
}), b(" " + C(O(t).header.saveFailed), 1)], 8, yu)) : e.status === "saved" ? (S(), v("div", bu, [y(O(Tt), {
|
|
4483
4492
|
size: 12,
|
|
4484
4493
|
"stroke-width": 2.5
|
|
4485
|
-
}), b(" " + C(O(t).header.saved), 1)])) : e.isDirty ? (S(), v("div",
|
|
4494
|
+
}), b(" " + C(O(t).header.saved), 1)])) : e.isDirty ? (S(), v("div", xu, [r[0] ||= _("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), b(" " + C(O(t).header.unsaved), 1)])) : A("", !0);
|
|
4486
4495
|
}
|
|
4487
|
-
}),
|
|
4496
|
+
}), Cu = { 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)]" }, wu = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Tu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Eu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Du = ["aria-label", "aria-expanded"], Ou = {
|
|
4488
4497
|
key: 0,
|
|
4489
4498
|
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)]"
|
|
4490
|
-
},
|
|
4499
|
+
}, ku = [
|
|
4491
4500
|
"aria-label",
|
|
4492
4501
|
"title",
|
|
4493
4502
|
"disabled"
|
|
4494
|
-
],
|
|
4503
|
+
], Au = ["disabled", "title"], ju = /* @__PURE__ */ j({
|
|
4495
4504
|
__name: "EditorHeader",
|
|
4496
4505
|
props: {
|
|
4497
4506
|
editor: {},
|
|
@@ -4503,13 +4512,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4503
4512
|
comments: {}
|
|
4504
4513
|
},
|
|
4505
4514
|
setup(e) {
|
|
4506
|
-
let t = h(() => import("./VersionHistoryMenu-
|
|
4507
|
-
return (n, i) => (S(), v("header",
|
|
4508
|
-
_("div",
|
|
4515
|
+
let t = h(() => import("./VersionHistoryMenu-D7lgozpw.js"));
|
|
4516
|
+
return (n, i) => (S(), v("header", Cu, [
|
|
4517
|
+
_("div", wu, [
|
|
4509
4518
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (S(), v("div", {
|
|
4510
4519
|
key: 0,
|
|
4511
4520
|
class: r(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
|
|
4512
|
-
}, [e.showTemplateName ? (S(), w(
|
|
4521
|
+
}, [e.showTemplateName ? (S(), w(gu, {
|
|
4513
4522
|
key: 0,
|
|
4514
4523
|
name: e.templates.name.value,
|
|
4515
4524
|
editable: e.templates.canSave.value,
|
|
@@ -4518,7 +4527,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4518
4527
|
"name",
|
|
4519
4528
|
"editable",
|
|
4520
4529
|
"onCommit"
|
|
4521
|
-
])) : A("", !0), e.templates.timestamp.value ? (S(), w(
|
|
4530
|
+
])) : A("", !0), e.templates.timestamp.value ? (S(), w(vu, {
|
|
4522
4531
|
key: 1,
|
|
4523
4532
|
iso: e.templates.timestamp.value.iso,
|
|
4524
4533
|
kind: e.templates.timestamp.value.kind
|
|
@@ -4539,22 +4548,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4539
4548
|
])) : A("", !0),
|
|
4540
4549
|
s(n.$slots, "left-extras")
|
|
4541
4550
|
]),
|
|
4542
|
-
_("div",
|
|
4551
|
+
_("div", Tu, [
|
|
4543
4552
|
y(Vt, {
|
|
4544
4553
|
viewport: e.editor.state.viewport,
|
|
4545
4554
|
onChange: e.editor.setViewport
|
|
4546
4555
|
}, null, 8, ["viewport", "onChange"]),
|
|
4547
|
-
y(
|
|
4556
|
+
y(du, {
|
|
4548
4557
|
"dark-mode": e.editor.state.darkMode,
|
|
4549
4558
|
onChange: e.editor.setDarkMode
|
|
4550
4559
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
4551
|
-
y(
|
|
4560
|
+
y(pu, {
|
|
4552
4561
|
"preview-mode": e.editor.state.previewMode,
|
|
4553
4562
|
onChange: e.editor.setPreviewMode
|
|
4554
4563
|
}, null, 8, ["preview-mode", "onChange"])
|
|
4555
4564
|
]),
|
|
4556
|
-
_("div",
|
|
4557
|
-
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), w(
|
|
4565
|
+
_("div", Eu, [
|
|
4566
|
+
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), w(Su, {
|
|
4558
4567
|
key: 0,
|
|
4559
4568
|
status: e.templates.status.value,
|
|
4560
4569
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -4582,8 +4591,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4582
4591
|
"stroke-width": 2
|
|
4583
4592
|
}),
|
|
4584
4593
|
b(" " + C(e.core.t.comments.button) + " ", 1),
|
|
4585
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (S(), v("span",
|
|
4586
|
-
], 14,
|
|
4594
|
+
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (S(), v("span", Ou, C(e.comments.unresolvedCount.value), 1)) : A("", !0)
|
|
4595
|
+
], 14, Du)) : A("", !0),
|
|
4587
4596
|
s(n.$slots, "right-extras"),
|
|
4588
4597
|
e.testEmail?.isAvailable.value ? (S(), v("button", {
|
|
4589
4598
|
key: 2,
|
|
@@ -4603,7 +4612,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4603
4612
|
key: 0,
|
|
4604
4613
|
size: 16,
|
|
4605
4614
|
"stroke-width": 2
|
|
4606
|
-
})), b(" " + C(e.core.t.testEmail.button), 1)], 10,
|
|
4615
|
+
})), b(" " + C(e.core.t.testEmail.button), 1)], 10, ku)) : A("", !0),
|
|
4607
4616
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), v("button", {
|
|
4608
4617
|
key: 3,
|
|
4609
4618
|
type: "button",
|
|
@@ -4622,33 +4631,33 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4622
4631
|
key: 0,
|
|
4623
4632
|
size: 16,
|
|
4624
4633
|
"stroke-width": 2
|
|
4625
|
-
})), b(" " + C(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14,
|
|
4634
|
+
})), b(" " + C(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Au)) : A("", !0)
|
|
4626
4635
|
])
|
|
4627
4636
|
]));
|
|
4628
4637
|
}
|
|
4629
|
-
}),
|
|
4638
|
+
}), Mu = ["aria-labelledby", "data-tpl-theme"], Nu = { 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" }, Pu = ["id"], Fu = ["aria-label"], Iu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Lu = [
|
|
4630
4639
|
"id",
|
|
4631
4640
|
"placeholder",
|
|
4632
4641
|
"aria-label",
|
|
4633
4642
|
"aria-activedescendant"
|
|
4634
|
-
],
|
|
4643
|
+
], Ru = {
|
|
4635
4644
|
key: 0,
|
|
4636
4645
|
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",
|
|
4637
4646
|
"data-testid": "merge-tag-picker-group-pills"
|
|
4638
|
-
},
|
|
4647
|
+
}, zu = ["data-group-name", "onClick"], Bu = ["aria-label"], Vu = {
|
|
4639
4648
|
key: 0,
|
|
4640
4649
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4641
4650
|
"data-testid": "merge-tag-picker-empty"
|
|
4642
|
-
},
|
|
4651
|
+
}, Hu = {
|
|
4643
4652
|
key: 1,
|
|
4644
4653
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4645
4654
|
"data-testid": "merge-tag-picker-empty"
|
|
4646
|
-
},
|
|
4655
|
+
}, Uu = [
|
|
4647
4656
|
"aria-expanded",
|
|
4648
4657
|
"data-group-name",
|
|
4649
4658
|
"data-group-collapsed",
|
|
4650
4659
|
"onClick"
|
|
4651
|
-
],
|
|
4660
|
+
], Wu = { class: "tpl:ml-1 tpl:font-normal" }, Gu = [
|
|
4652
4661
|
"id",
|
|
4653
4662
|
"aria-selected",
|
|
4654
4663
|
"data-selected",
|
|
@@ -4657,14 +4666,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4657
4666
|
"title",
|
|
4658
4667
|
"onMousemove",
|
|
4659
4668
|
"onClick"
|
|
4660
|
-
],
|
|
4669
|
+
], Ku = { class: "tpl:text-sm tpl:font-medium" }, qu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Ju = {
|
|
4661
4670
|
key: 0,
|
|
4662
4671
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4663
|
-
},
|
|
4672
|
+
}, Yu = {
|
|
4664
4673
|
key: 1,
|
|
4665
4674
|
"data-testid": "merge-tag-picker-sample",
|
|
4666
4675
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4667
|
-
},
|
|
4676
|
+
}, Xu = "tpl-merge-tag-picker-list", Zu = /* @__PURE__ */ j({
|
|
4668
4677
|
__name: "MergeTagPickerModal",
|
|
4669
4678
|
setup(e) {
|
|
4670
4679
|
let n = rt(Ye, "MergeTagPickerModal"), { t: i, format: a } = q(), s = d(Je, null), c = d(Ze, null), u = m(""), p = We(u, 200), h = m(null), g = k(() => p.value.trim().length > 0), b = m(0), T = k(() => n.tags.value.some((e) => !!e.group)), E = m(/* @__PURE__ */ new Set());
|
|
@@ -4777,10 +4786,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4777
4786
|
}
|
|
4778
4787
|
}
|
|
4779
4788
|
function re() {
|
|
4780
|
-
if (B.value.length !== 0) return `${
|
|
4789
|
+
if (B.value.length !== 0) return `${Xu}-opt-${b.value}`;
|
|
4781
4790
|
}
|
|
4782
4791
|
function ie(e) {
|
|
4783
|
-
return `${
|
|
4792
|
+
return `${Xu}-opt-${e}`;
|
|
4784
4793
|
}
|
|
4785
4794
|
let ae = k(() => n.tags.value.length === 0), oe = k(() => !ae.value && I.value.length === 0), se = k(() => T.value && R.value.length > 1 && !g.value);
|
|
4786
4795
|
return (e, o) => (S(), w(Cn, {
|
|
@@ -4791,16 +4800,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4791
4800
|
default: M(() => [_("div", {
|
|
4792
4801
|
role: "dialog",
|
|
4793
4802
|
"aria-modal": "true",
|
|
4794
|
-
"aria-labelledby": `${
|
|
4803
|
+
"aria-labelledby": `${Xu}-title`,
|
|
4795
4804
|
"data-tpl-theme": O(c),
|
|
4796
4805
|
"data-testid": "merge-tag-picker-modal",
|
|
4797
4806
|
class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full 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)]",
|
|
4798
4807
|
style: l(O(s))
|
|
4799
4808
|
}, [
|
|
4800
|
-
_("header",
|
|
4801
|
-
id: `${
|
|
4809
|
+
_("header", Nu, [_("h2", {
|
|
4810
|
+
id: `${Xu}-title`,
|
|
4802
4811
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4803
|
-
}, C(O(i).mergeTag.picker.title), 9,
|
|
4812
|
+
}, C(O(i).mergeTag.picker.title), 9, Pu), _("button", {
|
|
4804
4813
|
type: "button",
|
|
4805
4814
|
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)]",
|
|
4806
4815
|
"aria-label": O(i).mergeTag.picker.close,
|
|
@@ -4809,13 +4818,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4809
4818
|
}, [y(O(Zt), {
|
|
4810
4819
|
size: 16,
|
|
4811
4820
|
"stroke-width": 2
|
|
4812
|
-
})], 8,
|
|
4813
|
-
_("div",
|
|
4821
|
+
})], 8, Fu)]),
|
|
4822
|
+
_("div", Iu, [y(O(kt), {
|
|
4814
4823
|
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)]",
|
|
4815
4824
|
size: 14,
|
|
4816
4825
|
"stroke-width": 2
|
|
4817
4826
|
}), t(_("input", {
|
|
4818
|
-
id: `${
|
|
4827
|
+
id: `${Xu}-search`,
|
|
4819
4828
|
ref_key: "searchInputRef",
|
|
4820
4829
|
ref: h,
|
|
4821
4830
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -4823,34 +4832,34 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4823
4832
|
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)]",
|
|
4824
4833
|
placeholder: O(i).mergeTag.picker.searchPlaceholder,
|
|
4825
4834
|
"aria-label": O(i).mergeTag.picker.searchAriaLabel,
|
|
4826
|
-
"aria-controls":
|
|
4835
|
+
"aria-controls": Xu,
|
|
4827
4836
|
"aria-activedescendant": re(),
|
|
4828
4837
|
"data-testid": "merge-tag-picker-search",
|
|
4829
4838
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
4830
|
-
}, null, 40,
|
|
4831
|
-
se.value ? (S(), v("div",
|
|
4839
|
+
}, null, 40, Lu), [[N, u.value]])]),
|
|
4840
|
+
se.value ? (S(), v("div", Ru, [(S(!0), v(D, null, x(R.value, (e) => (S(), v("button", {
|
|
4832
4841
|
key: e,
|
|
4833
4842
|
type: "button",
|
|
4834
4843
|
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)]",
|
|
4835
4844
|
"data-testid": "merge-tag-picker-group-pill",
|
|
4836
4845
|
"data-group-name": e,
|
|
4837
4846
|
onClick: (t) => ne(e)
|
|
4838
|
-
}, C(e), 9,
|
|
4847
|
+
}, C(e), 9, zu))), 128))])) : A("", !0),
|
|
4839
4848
|
_("div", {
|
|
4840
|
-
id:
|
|
4849
|
+
id: Xu,
|
|
4841
4850
|
ref_key: "listRef",
|
|
4842
4851
|
ref: W,
|
|
4843
4852
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4844
4853
|
role: "listbox",
|
|
4845
4854
|
"aria-label": O(i).mergeTag.picker.title,
|
|
4846
4855
|
"data-testid": "merge-tag-picker-list"
|
|
4847
|
-
}, [ae.value ? (S(), v("div",
|
|
4856
|
+
}, [ae.value ? (S(), v("div", Vu, C(O(i).mergeTag.picker.empty), 1)) : oe.value ? (S(), v("div", Hu, C(O(i).mergeTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("button", {
|
|
4848
4857
|
key: 0,
|
|
4849
4858
|
ref_for: !0,
|
|
4850
4859
|
ref: (t) => ee(e.group, t),
|
|
4851
4860
|
type: "button",
|
|
4852
4861
|
"aria-expanded": !j(e.group),
|
|
4853
|
-
"aria-controls":
|
|
4862
|
+
"aria-controls": Xu,
|
|
4854
4863
|
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)]",
|
|
4855
4864
|
"data-testid": "merge-tag-picker-group-header",
|
|
4856
4865
|
"data-group-name": e.group,
|
|
@@ -4863,8 +4872,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4863
4872
|
class: r(["tpl:transition-transform", j(e.group) ? "tpl:-rotate-90" : ""])
|
|
4864
4873
|
}, null, 8, ["class"]),
|
|
4865
4874
|
_("span", null, C(e.group), 1),
|
|
4866
|
-
_("span",
|
|
4867
|
-
], 8,
|
|
4875
|
+
_("span", Wu, " (" + C(O(a)(O(i).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
4876
|
+
], 8, Uu)) : (S(), v("button", {
|
|
4868
4877
|
key: 1,
|
|
4869
4878
|
id: ie(e.index),
|
|
4870
4879
|
type: "button",
|
|
@@ -4879,16 +4888,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4879
4888
|
onMousemove: (t) => b.value = e.index,
|
|
4880
4889
|
onClick: (t) => V(e.tag)
|
|
4881
4890
|
}, [
|
|
4882
|
-
_("span",
|
|
4883
|
-
_("span",
|
|
4884
|
-
e.tag.description ? (S(), v("span",
|
|
4885
|
-
e.tag.sample === void 0 ? A("", !0) : (S(), v("span",
|
|
4886
|
-
], 42,
|
|
4887
|
-
], 12,
|
|
4891
|
+
_("span", Ku, C(e.tag.label), 1),
|
|
4892
|
+
_("span", qu, C(e.tag.value), 1),
|
|
4893
|
+
e.tag.description ? (S(), v("span", Ju, C(e.tag.description), 1)) : A("", !0),
|
|
4894
|
+
e.tag.sample === void 0 ? A("", !0) : (S(), v("span", Yu, C(O(a)(O(i).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
|
|
4895
|
+
], 42, Gu))], 64))), 128))], 8, Bu)
|
|
4896
|
+
], 12, Mu)]),
|
|
4888
4897
|
_: 1
|
|
4889
4898
|
}, 8, ["visible"]));
|
|
4890
4899
|
}
|
|
4891
|
-
}),
|
|
4900
|
+
}), Qu = ["data-logic-keyword"], $u = /* @__PURE__ */ j({
|
|
4892
4901
|
__name: "LogicTagBadge",
|
|
4893
4902
|
props: {
|
|
4894
4903
|
value: {},
|
|
@@ -4905,22 +4914,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4905
4914
|
},
|
|
4906
4915
|
"data-testid": "merge-tag-logic-badge",
|
|
4907
4916
|
"data-logic-keyword": r.value
|
|
4908
|
-
}, C(r.value), 9,
|
|
4917
|
+
}, C(r.value), 9, Qu)) : A("", !0);
|
|
4909
4918
|
}
|
|
4910
|
-
}),
|
|
4919
|
+
}), ed = ["aria-labelledby", "data-tpl-theme"], td = { 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" }, nd = ["id"], rd = ["aria-label"], id = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ad = [
|
|
4911
4920
|
"id",
|
|
4912
4921
|
"placeholder",
|
|
4913
4922
|
"aria-label",
|
|
4914
4923
|
"aria-activedescendant"
|
|
4915
|
-
],
|
|
4924
|
+
], od = ["aria-label"], sd = {
|
|
4916
4925
|
key: 0,
|
|
4917
4926
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4918
4927
|
"data-testid": "logic-picker-empty"
|
|
4919
|
-
},
|
|
4928
|
+
}, cd = {
|
|
4920
4929
|
key: 1,
|
|
4921
4930
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4922
4931
|
"data-testid": "logic-picker-empty"
|
|
4923
|
-
},
|
|
4932
|
+
}, ld = ["data-group-name"], ud = [
|
|
4924
4933
|
"id",
|
|
4925
4934
|
"aria-selected",
|
|
4926
4935
|
"data-selected",
|
|
@@ -4928,16 +4937,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4928
4937
|
"data-logic-kind",
|
|
4929
4938
|
"onMousemove",
|
|
4930
4939
|
"onClick"
|
|
4931
|
-
],
|
|
4940
|
+
], dd = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, fd = { class: "tpl:text-sm tpl:font-medium" }, pd = {
|
|
4932
4941
|
key: 0,
|
|
4933
4942
|
class: "tpl:flex tpl:items-center"
|
|
4934
|
-
},
|
|
4943
|
+
}, md = {
|
|
4935
4944
|
key: 1,
|
|
4936
4945
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
4937
|
-
},
|
|
4946
|
+
}, hd = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, gd = {
|
|
4938
4947
|
key: 0,
|
|
4939
4948
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4940
|
-
},
|
|
4949
|
+
}, _d = "tpl-logic-picker-list", vd = /* @__PURE__ */ j({
|
|
4941
4950
|
__name: "LogicTagPickerModal",
|
|
4942
4951
|
setup(e) {
|
|
4943
4952
|
let n = rt(vt, "LogicTagPickerModal"), { t: i } = q(), a = d(ut, ee.liquid), s = d(Je, null), c = d(Ze, null), u = m(""), p = We(u, 200), h = m(null), g = k(() => p.value.trim().length > 0), b = m(0);
|
|
@@ -5023,10 +5032,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5023
5032
|
}
|
|
5024
5033
|
}
|
|
5025
5034
|
function K(e) {
|
|
5026
|
-
return `${
|
|
5035
|
+
return `${_d}-opt-${e}`;
|
|
5027
5036
|
}
|
|
5028
5037
|
function re() {
|
|
5029
|
-
return B.value.length === 0 ? void 0 : `${
|
|
5038
|
+
return B.value.length === 0 ? void 0 : `${_d}-opt-${b.value}`;
|
|
5030
5039
|
}
|
|
5031
5040
|
return (e, o) => (S(), w(Cn, {
|
|
5032
5041
|
visible: O(n).isOpen.value,
|
|
@@ -5036,16 +5045,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5036
5045
|
default: M(() => [_("div", {
|
|
5037
5046
|
role: "dialog",
|
|
5038
5047
|
"aria-modal": "true",
|
|
5039
|
-
"aria-labelledby": `${
|
|
5048
|
+
"aria-labelledby": `${_d}-title`,
|
|
5040
5049
|
"data-tpl-theme": O(c),
|
|
5041
5050
|
"data-testid": "logic-picker-modal",
|
|
5042
5051
|
class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full 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)]",
|
|
5043
5052
|
style: l(O(s))
|
|
5044
5053
|
}, [
|
|
5045
|
-
_("header",
|
|
5046
|
-
id: `${
|
|
5054
|
+
_("header", td, [_("h2", {
|
|
5055
|
+
id: `${_d}-title`,
|
|
5047
5056
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
5048
|
-
}, C(O(i).logicTag.picker.title), 9,
|
|
5057
|
+
}, C(O(i).logicTag.picker.title), 9, nd), _("button", {
|
|
5049
5058
|
type: "button",
|
|
5050
5059
|
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)]",
|
|
5051
5060
|
"aria-label": O(i).logicTag.picker.close,
|
|
@@ -5054,13 +5063,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5054
5063
|
}, [y(O(Zt), {
|
|
5055
5064
|
size: 16,
|
|
5056
5065
|
"stroke-width": 2
|
|
5057
|
-
})], 8,
|
|
5058
|
-
_("div",
|
|
5066
|
+
})], 8, rd)]),
|
|
5067
|
+
_("div", id, [y(O(kt), {
|
|
5059
5068
|
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)]",
|
|
5060
5069
|
size: 14,
|
|
5061
5070
|
"stroke-width": 2
|
|
5062
5071
|
}), t(_("input", {
|
|
5063
|
-
id: `${
|
|
5072
|
+
id: `${_d}-search`,
|
|
5064
5073
|
ref_key: "searchInputRef",
|
|
5065
5074
|
ref: h,
|
|
5066
5075
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -5068,25 +5077,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5068
5077
|
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)]",
|
|
5069
5078
|
placeholder: O(i).logicTag.picker.searchPlaceholder,
|
|
5070
5079
|
"aria-label": O(i).logicTag.picker.searchAriaLabel,
|
|
5071
|
-
"aria-controls":
|
|
5080
|
+
"aria-controls": _d,
|
|
5072
5081
|
"aria-activedescendant": re(),
|
|
5073
5082
|
"data-testid": "logic-picker-search",
|
|
5074
5083
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
5075
|
-
}, null, 40,
|
|
5084
|
+
}, null, 40, ad), [[N, u.value]])]),
|
|
5076
5085
|
_("div", {
|
|
5077
|
-
id:
|
|
5086
|
+
id: _d,
|
|
5078
5087
|
ref_key: "listRef",
|
|
5079
5088
|
ref: U,
|
|
5080
5089
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
5081
5090
|
role: "listbox",
|
|
5082
5091
|
"aria-label": O(i).logicTag.picker.title,
|
|
5083
5092
|
"data-testid": "logic-picker-list"
|
|
5084
|
-
}, [V.value ? (S(), v("div",
|
|
5093
|
+
}, [V.value ? (S(), v("div", sd, C(O(i).logicTag.picker.empty), 1)) : H.value ? (S(), v("div", cd, C(O(i).logicTag.picker.noResults), 1)) : (S(!0), v(D, { key: 2 }, x(z.value.rows, (e, t) => (S(), v(D, { key: t }, [e.kind === "header" ? (S(), v("div", {
|
|
5085
5094
|
key: 0,
|
|
5086
5095
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
5087
5096
|
"data-testid": "logic-picker-header",
|
|
5088
5097
|
"data-group-name": e.label
|
|
5089
|
-
}, C(e.label), 9,
|
|
5098
|
+
}, C(e.label), 9, ld)) : (S(), v("button", {
|
|
5090
5099
|
key: 1,
|
|
5091
5100
|
id: K(e.index),
|
|
5092
5101
|
type: "button",
|
|
@@ -5100,32 +5109,32 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5100
5109
|
onMousemove: (t) => b.value = e.index,
|
|
5101
5110
|
onClick: (t) => W(e.kind === "tag" ? e.tag : e.pair)
|
|
5102
5111
|
}, [
|
|
5103
|
-
_("span",
|
|
5112
|
+
_("span", dd, [_("span", fd, C(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (S(), v("span", pd, [y($u, {
|
|
5104
5113
|
value: e.tag.value,
|
|
5105
5114
|
syntax: O(a)
|
|
5106
|
-
}, null, 8, ["value", "syntax"])])) : (S(), v("span",
|
|
5107
|
-
y(
|
|
5115
|
+
}, null, 8, ["value", "syntax"])])) : (S(), v("span", md, [
|
|
5116
|
+
y($u, {
|
|
5108
5117
|
value: e.pair.before,
|
|
5109
5118
|
syntax: O(a)
|
|
5110
5119
|
}, null, 8, ["value", "syntax"]),
|
|
5111
5120
|
o[2] ||= _("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
5112
|
-
y(
|
|
5121
|
+
y($u, {
|
|
5113
5122
|
value: e.pair.after,
|
|
5114
5123
|
syntax: O(a)
|
|
5115
5124
|
}, null, 8, ["value", "syntax"])
|
|
5116
5125
|
]))]),
|
|
5117
|
-
_("span",
|
|
5118
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (S(), v("span",
|
|
5119
|
-
], 42,
|
|
5120
|
-
], 12,
|
|
5126
|
+
_("span", hd, C(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
|
|
5127
|
+
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (S(), v("span", gd, C(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : A("", !0)
|
|
5128
|
+
], 42, ud))], 64))), 128))], 8, od)
|
|
5129
|
+
], 12, ed)]),
|
|
5121
5130
|
_: 1
|
|
5122
5131
|
}, 8, ["visible"]));
|
|
5123
5132
|
}
|
|
5124
|
-
}),
|
|
5133
|
+
}), yd = ["data-tpl-theme"], bd = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, xd = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, Sd = {
|
|
5125
5134
|
key: 0,
|
|
5126
5135
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
5127
5136
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
5128
|
-
},
|
|
5137
|
+
}, Cd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, wd = ["aria-label"], Td = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
5129
5138
|
__name: "Editor",
|
|
5130
5139
|
props: {
|
|
5131
5140
|
config: {},
|
|
@@ -5135,7 +5144,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5135
5144
|
cloud: {}
|
|
5136
5145
|
},
|
|
5137
5146
|
setup(e, { expose: i }) {
|
|
5138
|
-
let a = e, s = a.config.templates ?
|
|
5147
|
+
let a = e, s = a.config.templates ? sr(a.config.templates, a.config.mergeTags) : void 0, u = ue({
|
|
5139
5148
|
content: a.config.content,
|
|
5140
5149
|
defaultFontFamily: a.config.fonts?.defaultFont,
|
|
5141
5150
|
templateDefaults: a.config.templateDefaults,
|
|
@@ -5145,7 +5154,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5145
5154
|
}), d = a.cloud ? a.cloud.attach({ editor: u }) : null, f = s ? Vn({
|
|
5146
5155
|
provider: s,
|
|
5147
5156
|
editor: u,
|
|
5148
|
-
guardUnsavedChanges: a.config.unsavedChangesGuard,
|
|
5157
|
+
guardUnsavedChanges: a.config.templates?.unsavedChangesGuard,
|
|
5149
5158
|
getSaveGate: a.cloud ? () => a.cloud.getSaveGate() : void 0
|
|
5150
5159
|
}) : null;
|
|
5151
5160
|
a.config.onDirtyChange && o(() => u.state.isDirty, (e) => a.config.onDirtyChange(e));
|
|
@@ -5154,28 +5163,27 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5154
5163
|
editor: u,
|
|
5155
5164
|
onError: a.config.onError,
|
|
5156
5165
|
isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
|
|
5157
|
-
}) : null, x = h(() => import("./SavedBlocksPanels-
|
|
5166
|
+
}) : null, x = h(() => import("./SavedBlocksPanels-bizAFdNK.js")), E = a.config.testEmail ? Kn({
|
|
5158
5167
|
provider: a.config.testEmail,
|
|
5159
5168
|
getContent: () => u.content.value,
|
|
5160
5169
|
renderMjml: te,
|
|
5161
5170
|
onError: a.config.onError,
|
|
5162
5171
|
isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
|
|
5163
|
-
}) : null, D = h(() => import("./TestEmailPanel-
|
|
5172
|
+
}) : null, D = h(() => import("./TestEmailPanel-DORs6xk0.js")), j = a.config.comments ? Rn({
|
|
5164
5173
|
provider: a.config.comments,
|
|
5165
5174
|
editor: u,
|
|
5166
5175
|
user: a.config.user,
|
|
5167
5176
|
isOpen: d?.panelState.commentsOpen,
|
|
5168
|
-
onComment: a.config.onComment,
|
|
5169
5177
|
onError: a.config.onError,
|
|
5170
5178
|
isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
|
|
5171
5179
|
isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
|
|
5172
|
-
}) : null, N = h(() => import("./CommentsPanel-
|
|
5173
|
-
B
|
|
5180
|
+
}) : null, N = h(() => import("./CommentsPanel-5QxgkKF-.js")), F = h(() => import("./CloudPanels-XUtScYFl.js")), L = h(() => import("./CloudHeaderExtras-L_b51XVJ.js")), z = h(() => import("./VersionHistoryPanels-Dor0p1Ur.js")), B = Jn(a.config.templates?.autoSave, !1), V = B && f !== null;
|
|
5181
|
+
B && f !== null && !f.canSave.value && bt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), a.config.changeDebounce !== void 0 && f !== null && a.config.templates?.autoSave === void 0 && !a.config.onChange && bt.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
|
|
5174
5182
|
let H = a.config.onChange || V ? {
|
|
5175
5183
|
onChange: () => {
|
|
5176
5184
|
a.config.onChange?.(JSON.parse(JSON.stringify(u.state.content))), V && f.requestAutoSave();
|
|
5177
5185
|
},
|
|
5178
|
-
...
|
|
5186
|
+
...a.config.changeDebounce === void 0 ? {} : { debounce: a.config.changeDebounce }
|
|
5179
5187
|
} : null, U = {
|
|
5180
5188
|
...g ? { savedBlocks: g.capability } : {},
|
|
5181
5189
|
...f ? { templates: f.capability } : {},
|
|
@@ -5199,7 +5207,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5199
5207
|
onRequestMedia: a.cloud?.onRequestMedia ?? a.config.onRequestMedia,
|
|
5200
5208
|
resolvePreview: a.config.resolvePreview,
|
|
5201
5209
|
resolveImageUrl: a.config.resolveImageUrl,
|
|
5202
|
-
lint:
|
|
5210
|
+
lint: Yn(a.config)
|
|
5203
5211
|
},
|
|
5204
5212
|
translations: a.translations,
|
|
5205
5213
|
fontsManager: a.fontsManager,
|
|
@@ -5211,15 +5219,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5211
5219
|
}), G = a.cloud && d ? a.cloud.ready({
|
|
5212
5220
|
core: W,
|
|
5213
5221
|
capabilities: U
|
|
5214
|
-
}) : null, ee = a.config.versionHistory ?
|
|
5222
|
+
}) : null, ee = a.config.versionHistory ? qn({
|
|
5215
5223
|
provider: a.config.versionHistory,
|
|
5216
|
-
editor:
|
|
5224
|
+
editor: or(u, a.config.mergeTags),
|
|
5217
5225
|
history: W.history,
|
|
5218
5226
|
conditionPreview: W.conditionPreview,
|
|
5219
5227
|
autoSave: W.autoSave,
|
|
5220
5228
|
saveBeforeRestore: f ? {
|
|
5221
5229
|
canSave: () => f.canSave.value && !(a.cloud?.getSaveGate()?.shouldBlock.value ?? !1),
|
|
5222
|
-
save: () => f.save()
|
|
5230
|
+
save: () => f.save("restore")
|
|
5223
5231
|
} : null,
|
|
5224
5232
|
onError: a.config.onError
|
|
5225
5233
|
}) : null;
|
|
@@ -5229,7 +5237,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5229
5237
|
getContent: () => u.content.value,
|
|
5230
5238
|
renderCustomBlock: W.registry.renderCustomBlock,
|
|
5231
5239
|
getCustomBlockStylesheet: (e) => W.registry.getDefinition(e)?.stylesheet,
|
|
5232
|
-
getFonts: () =>
|
|
5240
|
+
getFonts: () => Xn(a.fontsManager)
|
|
5233
5241
|
});
|
|
5234
5242
|
}
|
|
5235
5243
|
let ne = k(() => j?.isOpen.value === !0 || d?.panelState.rightPanelOpen.value === !0), K = k(() => u.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
|
|
@@ -5262,12 +5270,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5262
5270
|
onDragover: i[8] ||= P(() => {}, ["prevent"]),
|
|
5263
5271
|
onDrop: i[9] ||= P(() => {}, ["prevent"])
|
|
5264
5272
|
}, [
|
|
5265
|
-
y(
|
|
5266
|
-
y(
|
|
5273
|
+
y(xr),
|
|
5274
|
+
y(ju, {
|
|
5267
5275
|
editor: O(u),
|
|
5268
5276
|
core: O(W),
|
|
5269
5277
|
templates: O(f),
|
|
5270
|
-
"show-template-name": e.config.
|
|
5278
|
+
"show-template-name": e.config.templates?.nameField !== !1,
|
|
5271
5279
|
"test-email": O(E),
|
|
5272
5280
|
"version-history": O(ee),
|
|
5273
5281
|
comments: O(j)
|
|
@@ -5294,12 +5302,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5294
5302
|
"version-history",
|
|
5295
5303
|
"comments"
|
|
5296
5304
|
]),
|
|
5297
|
-
t(y(
|
|
5305
|
+
t(y(jr, null, null, 512), [[I, !O(u).state.previewMode]]),
|
|
5298
5306
|
_("div", {
|
|
5299
5307
|
class: r(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [K.value, O(ee)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
|
|
5300
5308
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
5301
|
-
}, [_("div",
|
|
5302
|
-
default: M(() => [O(u).state.previewMode && !O(W).previewResolution.supersedesSamples.value ? (S(), v("div",
|
|
5309
|
+
}, [_("div", bd, [_("div", xd, [y(R, { name: "tpl-preview-pill" }, {
|
|
5310
|
+
default: M(() => [O(u).state.previewMode && !O(W).previewResolution.supersedesSamples.value ? (S(), v("div", Sd, [y(Ut, {
|
|
5303
5311
|
"sample-mode": O(W).mergeTagSampleMode.value,
|
|
5304
5312
|
onChange: i[0] ||= (e) => O(W).mergeTagSampleMode.value = e
|
|
5305
5313
|
}, null, 8, ["sample-mode"])])) : A("", !0)]),
|
|
@@ -5316,7 +5324,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5316
5324
|
"stroke-width": 2
|
|
5317
5325
|
}), b(" " + C(O(W).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : A("", !0)]),
|
|
5318
5326
|
_: 1
|
|
5319
|
-
})])]), _("main",
|
|
5327
|
+
})])]), _("main", Cd, [y(br, {
|
|
5320
5328
|
viewport: O(u).state.viewport,
|
|
5321
5329
|
content: O(W).previewResolution.content.value,
|
|
5322
5330
|
"selected-block-id": O(u).state.selectedBlockId,
|
|
@@ -5335,7 +5343,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5335
5343
|
"locked-blocks",
|
|
5336
5344
|
"onSelectBlock"
|
|
5337
5345
|
])])], 2),
|
|
5338
|
-
e.config.branding === !1 ? A("", !0) : (S(), w(
|
|
5346
|
+
e.config.branding === !1 ? A("", !0) : (S(), w(lu, {
|
|
5339
5347
|
key: 0,
|
|
5340
5348
|
"position-class": [K.value]
|
|
5341
5349
|
}, null, 8, ["position-class"])),
|
|
@@ -5345,8 +5353,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5345
5353
|
"aria-live": "polite",
|
|
5346
5354
|
"aria-atomic": "true",
|
|
5347
5355
|
"aria-label": O(W).t.landmarks.reorderAnnouncements
|
|
5348
|
-
}, C(O(W).keyboardReorder.announcement.value), 9,
|
|
5349
|
-
t(y(
|
|
5356
|
+
}, C(O(W).keyboardReorder.announcement.value), 9, wd),
|
|
5357
|
+
t(y(tu, {
|
|
5350
5358
|
"selected-block": O(u).selectedBlock.value,
|
|
5351
5359
|
settings: O(u).content.value.settings,
|
|
5352
5360
|
"shifted-left": ne.value,
|
|
@@ -5367,8 +5375,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5367
5375
|
ref: (e) => O(W).popoverRoot.value = e,
|
|
5368
5376
|
class: "tpl-popover-root"
|
|
5369
5377
|
}, null, 512),
|
|
5370
|
-
y(
|
|
5371
|
-
y(
|
|
5378
|
+
y(Zu),
|
|
5379
|
+
y(vd),
|
|
5372
5380
|
O(g)?.isAvailable.value ? (S(), w(O(x), {
|
|
5373
5381
|
key: 1,
|
|
5374
5382
|
feature: O(g)
|
|
@@ -5401,10 +5409,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5401
5409
|
"ready",
|
|
5402
5410
|
"locale"
|
|
5403
5411
|
])) : A("", !0),
|
|
5404
|
-
O(ie) ? (S(), w(
|
|
5405
|
-
], 46,
|
|
5412
|
+
O(ie) ? (S(), w(ou, { key: 6 })) : A("", !0)
|
|
5413
|
+
], 46, yd));
|
|
5406
5414
|
}
|
|
5407
|
-
}), [["__scopeId", "data-v-
|
|
5415
|
+
}), [["__scopeId", "data-v-7ecf8151"]]), Ed = /* #__PURE__ */ Object.assign({
|
|
5408
5416
|
"./locales/ca.ts": () => import("./ca-DY0AYOLG.js"),
|
|
5409
5417
|
"./locales/de.ts": () => import("./de-CYLWugqb.js"),
|
|
5410
5418
|
"./locales/en.ts": () => import("./en-C3TM249M.js"),
|
|
@@ -5412,96 +5420,96 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5412
5420
|
"./locales/fr.ts": () => import("./fr-CdLhJ7kw.js"),
|
|
5413
5421
|
"./locales/nl.ts": () => import("./nl-BvsLoyKp.js"),
|
|
5414
5422
|
"./locales/pt-BR.ts": () => import("./pt-BR-CAGS5YXp.js")
|
|
5415
|
-
}),
|
|
5423
|
+
}), Dd = /* #__PURE__ */ Object.assign({
|
|
5416
5424
|
"./locales/cloud/de.ts": () => import("./de-BytZwgn6.js"),
|
|
5417
5425
|
"./locales/cloud/en.ts": () => import("./en-DyOSV0lY.js"),
|
|
5418
5426
|
"./locales/cloud/pt-BR.ts": () => import("./pt-BR-C1WLSGDh.js")
|
|
5419
5427
|
});
|
|
5420
|
-
function
|
|
5428
|
+
function Od(e) {
|
|
5421
5429
|
return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
|
|
5422
5430
|
}
|
|
5423
|
-
var
|
|
5424
|
-
function
|
|
5431
|
+
var kd = Od(Ed), Ad = Od(Dd);
|
|
5432
|
+
function jd(e) {
|
|
5425
5433
|
return e.trim().replace(/_/g, "-").toLowerCase();
|
|
5426
5434
|
}
|
|
5427
|
-
function
|
|
5428
|
-
let n =
|
|
5429
|
-
return t.find((e) =>
|
|
5430
|
-
}
|
|
5431
|
-
function Md(e) {
|
|
5432
|
-
return Ad(e).split("-")[0];
|
|
5435
|
+
function Md(e, t) {
|
|
5436
|
+
let n = jd(e);
|
|
5437
|
+
return t.find((e) => jd(e) === n);
|
|
5433
5438
|
}
|
|
5434
|
-
function Nd(e
|
|
5435
|
-
return jd(e
|
|
5439
|
+
function Nd(e) {
|
|
5440
|
+
return jd(e).split("-")[0];
|
|
5436
5441
|
}
|
|
5437
5442
|
function Pd(e, t) {
|
|
5438
|
-
return
|
|
5443
|
+
return Md(e, t) ?? Md(Nd(e), t);
|
|
5439
5444
|
}
|
|
5440
|
-
|
|
5441
|
-
|
|
5442
|
-
return (await t()).default;
|
|
5445
|
+
function Fd(e, t) {
|
|
5446
|
+
return Pd(e, t) ?? "en";
|
|
5443
5447
|
}
|
|
5444
5448
|
async function Id(e) {
|
|
5445
|
-
let t = Ed[`./locales
|
|
5449
|
+
let t = Ed[`./locales/${Fd(e, kd)}.ts`];
|
|
5446
5450
|
return (await t()).default;
|
|
5447
5451
|
}
|
|
5448
|
-
function Ld(e) {
|
|
5449
|
-
|
|
5452
|
+
async function Ld(e) {
|
|
5453
|
+
let t = Dd[`./locales/cloud/${Fd(e, Ad)}.ts`];
|
|
5454
|
+
return (await t()).default;
|
|
5450
5455
|
}
|
|
5451
5456
|
function Rd(e) {
|
|
5452
|
-
return
|
|
5457
|
+
return Pd(e, kd) !== void 0;
|
|
5453
5458
|
}
|
|
5454
|
-
function zd() {
|
|
5455
|
-
return
|
|
5459
|
+
function zd(e) {
|
|
5460
|
+
return Pd(e, Ad) !== void 0;
|
|
5456
5461
|
}
|
|
5457
5462
|
function Bd() {
|
|
5458
5463
|
return [...kd];
|
|
5459
5464
|
}
|
|
5465
|
+
function Vd() {
|
|
5466
|
+
return [...Ad];
|
|
5467
|
+
}
|
|
5460
5468
|
//#endregion
|
|
5461
5469
|
//#region \0virtual:editor-css
|
|
5462
|
-
var Vd = "@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-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{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\\: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-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.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-\\[420px\\]{width:420px}.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\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.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:calc(28 * var(--tpl-base-size))}.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:calc(.75 * var(--tpl-base-size))}.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: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\\: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(.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)}.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\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-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: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,: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;margin:0;padding:0}: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}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow: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)}}.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)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@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-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-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}}@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-preview-pill-enter-active[data-v-ebc669ed]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-ebc669ed]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-ebc669ed],.tpl-preview-pill-leave-to[data-v-ebc669ed]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-ebc669ed],.tpl-preview-pill-leave-from[data-v-ebc669ed]{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}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Hd = null;
|
|
5463
|
-
function
|
|
5464
|
-
if (
|
|
5470
|
+
var Hd = "@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-9bb8b409] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-9bb8b409] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-9bb8b409] .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-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{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\\: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-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.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-\\[420px\\]{width:420px}.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-3xl{max-width:calc(48 * 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\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.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:calc(28 * var(--tpl-base-size))}.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:calc(.75 * var(--tpl-base-size))}.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: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\\: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(.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)}.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\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-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: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,: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;margin:0;padding:0}: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}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow: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)}}.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)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@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-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-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}}@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-preview-pill-enter-active[data-v-7ecf8151]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-7ecf8151]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-7ecf8151],.tpl-preview-pill-leave-to[data-v-7ecf8151]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-7ecf8151],.tpl-preview-pill-leave-from[data-v-7ecf8151]{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}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Ud = null;
|
|
5471
|
+
function Wd() {
|
|
5472
|
+
if (Ud === null) {
|
|
5465
5473
|
let e = new CSSStyleSheet();
|
|
5466
|
-
e.replaceSync(
|
|
5474
|
+
e.replaceSync(Hd), Ud = e;
|
|
5467
5475
|
}
|
|
5468
|
-
return
|
|
5476
|
+
return Ud;
|
|
5469
5477
|
}
|
|
5470
|
-
function
|
|
5478
|
+
function Gd(e) {
|
|
5471
5479
|
return () => {};
|
|
5472
5480
|
}
|
|
5473
|
-
function
|
|
5481
|
+
function Kd(e, t) {
|
|
5474
5482
|
if (!t) return {
|
|
5475
5483
|
target: e,
|
|
5476
5484
|
shadowRoot: null,
|
|
5477
5485
|
cleanup: () => {}
|
|
5478
5486
|
};
|
|
5479
5487
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
5480
|
-
for (n.adoptedStyleSheets = [
|
|
5488
|
+
for (n.adoptedStyleSheets = [Wd()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
5481
5489
|
let r = document.createElement("div");
|
|
5482
5490
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
5483
5491
|
target: r,
|
|
5484
5492
|
shadowRoot: n,
|
|
5485
|
-
cleanup:
|
|
5493
|
+
cleanup: Gd(n)
|
|
5486
5494
|
};
|
|
5487
5495
|
}
|
|
5488
|
-
var
|
|
5489
|
-
function
|
|
5490
|
-
let t =
|
|
5491
|
-
t && (t.cleanup(), t.app.unmount(),
|
|
5496
|
+
var qd = /* @__PURE__ */ new Map(), Jd = null;
|
|
5497
|
+
function Yd(e) {
|
|
5498
|
+
let t = qd.get(e);
|
|
5499
|
+
t && (t.cleanup(), t.app.unmount(), qd.delete(e), Jd === e && (Jd = null));
|
|
5492
5500
|
}
|
|
5493
|
-
async function
|
|
5494
|
-
return
|
|
5501
|
+
async function Xd(e) {
|
|
5502
|
+
return Zd(e);
|
|
5495
5503
|
}
|
|
5496
|
-
async function
|
|
5504
|
+
async function Zd(e, t) {
|
|
5497
5505
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
5498
5506
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
5499
|
-
let r = await
|
|
5500
|
-
|
|
5501
|
-
let a =
|
|
5502
|
-
e.content &&=
|
|
5507
|
+
let r = await Id(e.locale ?? "en"), i = ge(e.fonts);
|
|
5508
|
+
Yd(n);
|
|
5509
|
+
let a = Kd(n, e.shadowDom ?? !0), o = m(null);
|
|
5510
|
+
e.content &&= ar(e.content, e.mergeTags);
|
|
5503
5511
|
let s = F({ setup() {
|
|
5504
|
-
return () => g(
|
|
5512
|
+
return () => g(Td, {
|
|
5505
5513
|
config: e,
|
|
5506
5514
|
translations: r,
|
|
5507
5515
|
fontsManager: i,
|
|
@@ -5510,27 +5518,27 @@ async function Xd(e, t) {
|
|
|
5510
5518
|
ref: o
|
|
5511
5519
|
});
|
|
5512
5520
|
} });
|
|
5513
|
-
s.mount(a.target),
|
|
5521
|
+
s.mount(a.target), qd.set(n, {
|
|
5514
5522
|
app: s,
|
|
5515
5523
|
editorRef: o,
|
|
5516
5524
|
cleanup: a.cleanup
|
|
5517
|
-
}),
|
|
5525
|
+
}), Jd = n;
|
|
5518
5526
|
let c = {
|
|
5519
5527
|
getContent() {
|
|
5520
5528
|
return o.value ? oe(o.value.getContent()) : oe(e.content ?? ie());
|
|
5521
5529
|
},
|
|
5522
5530
|
setContent(t) {
|
|
5523
|
-
let n =
|
|
5531
|
+
let n = ar(t, e.mergeTags);
|
|
5524
5532
|
o.value && o.value.setContent(n), e.content = n;
|
|
5525
5533
|
},
|
|
5526
5534
|
setTheme(e) {
|
|
5527
5535
|
o.value && o.value.setTheme(e);
|
|
5528
5536
|
},
|
|
5529
|
-
unmount: () =>
|
|
5537
|
+
unmount: () => Yd(n),
|
|
5530
5538
|
create(t) {
|
|
5531
5539
|
return o.value ? o.value.create(t?.content ? {
|
|
5532
5540
|
...t,
|
|
5533
|
-
content:
|
|
5541
|
+
content: ar(t.content, e.mergeTags)
|
|
5534
5542
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
5535
5543
|
},
|
|
5536
5544
|
load(e) {
|
|
@@ -5550,28 +5558,28 @@ async function Xd(e, t) {
|
|
|
5550
5558
|
},
|
|
5551
5559
|
toMjml: () => l.toMjml(),
|
|
5552
5560
|
toHtml: () => l.toHtml()
|
|
5553
|
-
}, l =
|
|
5561
|
+
}, l = Qn({
|
|
5554
5562
|
provider: e.render,
|
|
5555
|
-
buildPayload: () =>
|
|
5563
|
+
buildPayload: () => Zn({
|
|
5556
5564
|
getContent: () => c.getContent(),
|
|
5557
5565
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5558
|
-
getFonts: () =>
|
|
5566
|
+
getFonts: () => Xn(i)
|
|
5559
5567
|
}),
|
|
5560
5568
|
renderLocalMjml: () => Un({
|
|
5561
5569
|
getContent: () => c.getContent(),
|
|
5562
5570
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5563
5571
|
getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
|
|
5564
|
-
getFonts: () =>
|
|
5572
|
+
getFonts: () => Xn(i)
|
|
5565
5573
|
})
|
|
5566
5574
|
});
|
|
5567
5575
|
return c;
|
|
5568
5576
|
}
|
|
5569
|
-
async function
|
|
5570
|
-
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-
|
|
5577
|
+
async function Qd(e) {
|
|
5578
|
+
let [{ bootstrapCloud: t }, n] = await Promise.all([import("./createCloudRuntime-CWPQ7puE.js"), Ld(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
|
|
5571
5579
|
config: e,
|
|
5572
5580
|
cloudTranslations: n
|
|
5573
|
-
})
|
|
5574
|
-
return
|
|
5581
|
+
});
|
|
5582
|
+
return Zd({
|
|
5575
5583
|
container: e.container,
|
|
5576
5584
|
content: e.content,
|
|
5577
5585
|
shadowDom: e.shadowDom,
|
|
@@ -5580,7 +5588,6 @@ async function Zd(e) {
|
|
|
5580
5588
|
theme: e.theme,
|
|
5581
5589
|
branding: e.branding,
|
|
5582
5590
|
smallScreenNotice: e.smallScreenNotice,
|
|
5583
|
-
templateNameField: e.templateNameField,
|
|
5584
5591
|
blockDefaults: e.blockDefaults,
|
|
5585
5592
|
templateDefaults: e.templateDefaults,
|
|
5586
5593
|
customBlocks: e.customBlocks,
|
|
@@ -5596,10 +5603,13 @@ async function Zd(e) {
|
|
|
5596
5603
|
onChange: e.onChange,
|
|
5597
5604
|
onError: e.onError,
|
|
5598
5605
|
onDirtyChange: e.onDirtyChange,
|
|
5599
|
-
|
|
5600
|
-
|
|
5601
|
-
|
|
5602
|
-
|
|
5606
|
+
templates: {
|
|
5607
|
+
...i.templates,
|
|
5608
|
+
autoSave: e.templates?.autoSave ?? !0,
|
|
5609
|
+
unsavedChangesGuard: e.templates?.unsavedChangesGuard,
|
|
5610
|
+
nameField: e.templates?.nameField
|
|
5611
|
+
},
|
|
5612
|
+
changeDebounce: e.changeDebounce ?? 2e3,
|
|
5603
5613
|
render: i.render,
|
|
5604
5614
|
versionHistory: i.versionHistory,
|
|
5605
5615
|
savedBlocks: i.savedBlocks,
|
|
@@ -5608,8 +5618,8 @@ async function Zd(e) {
|
|
|
5608
5618
|
user: a
|
|
5609
5619
|
}, r);
|
|
5610
5620
|
}
|
|
5611
|
-
function
|
|
5612
|
-
|
|
5621
|
+
function $d() {
|
|
5622
|
+
Jd && Yd(Jd);
|
|
5613
5623
|
}
|
|
5614
5624
|
//#endregion
|
|
5615
|
-
export { ve as createLocalStorageSavedBlocksProvider,
|
|
5625
|
+
export { ve as createLocalStorageSavedBlocksProvider, Nd as getBaseLocale, Vd as getSupportedCloudLocales, Bd as getSupportedLocales, Xd as init, Qd as initCloud, zd as isCloudLocaleSupported, Rd as isLocaleSupported, $d as unmount, ge as useFonts };
|