@templatical/editor 0.28.1 → 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-C4M7JT4x.js → BlockPreviewCanvas-MgXVXOG_.js} +1 -1
- 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-KWQaS1_q.js → SaveBlockDialog-KNQVLcUG.js} +6 -6
- package/dist/{SavedBlocksBrowserModal-Cg8yP_EN.js → SavedBlocksBrowserModal-D7qatvfw.js} +7 -7
- package/dist/{SavedBlocksPanels-bept0JjA.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-DtJabfkS.js → TestEmailModal-DAdO9Gmo.js} +6 -6
- package/dist/{TestEmailPanel-CtFxt5q7.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-BXVC8-Zj.js → BlockPreviewCanvas-BisO3JEy.js} +2 -2
- package/dist/cdn/chunks/{BlockPreviewCanvas-BXVC8-Zj.js.map → BlockPreviewCanvas-BisO3JEy.js.map} +1 -1
- 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-DYr5yKqy.js → SaveBlockDialog-DB37Vmqt.js} +5 -5
- package/dist/cdn/chunks/{SaveBlockDialog-DYr5yKqy.js.map → SaveBlockDialog-DB37Vmqt.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BUJjcHkw.js → SavedBlocksBrowserModal-CTU2rGWQ.js} +6 -6
- package/dist/cdn/chunks/{SavedBlocksBrowserModal-BUJjcHkw.js.map → SavedBlocksBrowserModal-CTU2rGWQ.js.map} +1 -1
- package/dist/cdn/chunks/{SavedBlocksPanels-DFgvmsbj.js → SavedBlocksPanels-B9h9wI6d.js} +2 -2
- package/dist/cdn/chunks/{SavedBlocksPanels-DFgvmsbj.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-DRCcdGvX.js → TestEmailModal-Dqx1RyDE.js} +6 -6
- package/dist/cdn/chunks/{TestEmailModal-DRCcdGvX.js.map → TestEmailModal-Dqx1RyDE.js.map} +1 -1
- package/dist/cdn/chunks/{TestEmailPanel-BZU5HX2c.js → TestEmailPanel-DrcQhnON.js} +2 -2
- package/dist/cdn/chunks/{TestEmailPanel-BZU5HX2c.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/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-BxHH_6Yr.js → src-CnQgwcsc.js} +2 -2
- package/dist/cdn/chunks/{src-BxHH_6Yr.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 +1360 -1353
- 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 +723 -716
- 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/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-9bb8b409"]]),
|
|
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,20 +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 = {
|
|
1679
1685
|
class: "tpl:mb-3.5",
|
|
1680
1686
|
"data-testid": "template-settings-background"
|
|
1681
|
-
},
|
|
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({
|
|
1682
1688
|
__name: "TemplateSettings",
|
|
1683
1689
|
props: { settings: {} },
|
|
1684
1690
|
emits: ["update"],
|
|
@@ -1701,14 +1707,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1701
1707
|
label: "800px"
|
|
1702
1708
|
}
|
|
1703
1709
|
];
|
|
1704
|
-
return (t, n) => (S(), v("aside",
|
|
1710
|
+
return (t, n) => (S(), v("aside", ai, [_("div", oi, [
|
|
1705
1711
|
_("div", { class: r(O(ln)) }, [
|
|
1706
|
-
_("div",
|
|
1712
|
+
_("div", si, [y(O(In), {
|
|
1707
1713
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1708
1714
|
size: 14,
|
|
1709
1715
|
"stroke-width": 2
|
|
1710
1716
|
}), _("span", null, C(O(a).templateSettings.layout), 1)]),
|
|
1711
|
-
_("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", {
|
|
1712
1718
|
key: t.value,
|
|
1713
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)]",
|
|
1714
1720
|
style: l({
|
|
@@ -1717,38 +1723,38 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1717
1723
|
boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
|
|
1718
1724
|
}),
|
|
1719
1725
|
onClick: (e) => i("update", { width: t.value })
|
|
1720
|
-
}, C(t.label), 13,
|
|
1721
|
-
_("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", {
|
|
1722
1728
|
type: "number",
|
|
1723
1729
|
class: r(O(Z)),
|
|
1724
1730
|
value: e.settings.width,
|
|
1725
1731
|
min: "300",
|
|
1726
1732
|
max: "900",
|
|
1727
1733
|
onInput: n[0] ||= (e) => i("update", { width: Number(e.target.value) })
|
|
1728
|
-
}, null, 42,
|
|
1734
|
+
}, null, 42, fi), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
1729
1735
|
], 2),
|
|
1730
1736
|
_("div", { class: r(O(ln)) }, [
|
|
1731
|
-
_("div",
|
|
1737
|
+
_("div", pi, [y(O(wn), {
|
|
1732
1738
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1733
1739
|
size: 14,
|
|
1734
1740
|
"stroke-width": 2
|
|
1735
1741
|
}), _("span", null, C(O(a).templateSettings.appearance), 1)]),
|
|
1736
|
-
_("div",
|
|
1742
|
+
_("div", mi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.backgroundColor), 3), y($, {
|
|
1737
1743
|
"model-value": e.settings.backgroundColor,
|
|
1738
1744
|
placeholder: O(dn),
|
|
1739
1745
|
"onUpdate:modelValue": n[1] ||= (e) => i("update", { backgroundColor: e })
|
|
1740
1746
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
1741
|
-
_("div",
|
|
1747
|
+
_("div", hi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.textColor), 3), y($, {
|
|
1742
1748
|
"model-value": e.settings.textColor ?? "",
|
|
1743
1749
|
"seed-color": "#1a1a1a",
|
|
1744
1750
|
"onUpdate:modelValue": n[2] ||= (e) => i("update", { textColor: e })
|
|
1745
1751
|
}, null, 8, ["model-value"])]),
|
|
1746
|
-
_("div",
|
|
1752
|
+
_("div", gi, [_("label", { class: r(O(Y)) }, C(O(a).templateSettings.linkColor), 3), y($, {
|
|
1747
1753
|
"model-value": e.settings.linkColor ?? "",
|
|
1748
1754
|
"seed-color": "#0066cc",
|
|
1749
1755
|
"onUpdate:modelValue": n[3] ||= (e) => i("update", { linkColor: e || void 0 })
|
|
1750
1756
|
}, null, 8, ["model-value"])]),
|
|
1751
|
-
_("div",
|
|
1757
|
+
_("div", _i, [y(vn, {
|
|
1752
1758
|
class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
1753
1759
|
"model-value": e.settings.linkUnderline,
|
|
1754
1760
|
label: O(a).templateSettings.linkUnderline,
|
|
@@ -1761,9 +1767,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1761
1767
|
}, [(S(!0), v(D, null, x(s.value, (e) => (S(), v("option", {
|
|
1762
1768
|
key: e.value,
|
|
1763
1769
|
value: e.value
|
|
1764
|
-
}, C(e.label), 9,
|
|
1770
|
+
}, C(e.label), 9, yi))), 128))], 42, vi)])
|
|
1765
1771
|
], 2),
|
|
1766
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1772
|
+
_("div", { class: r(O(ln)) }, [_("div", bi, [y(O(Tn), {
|
|
1767
1773
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1768
1774
|
size: 14,
|
|
1769
1775
|
"stroke-width": 2
|
|
@@ -1778,40 +1784,40 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1778
1784
|
autocapitalize: "off",
|
|
1779
1785
|
autocomplete: "off",
|
|
1780
1786
|
onInput: n[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
|
|
1781
|
-
}, null, 42,
|
|
1782
|
-
_("p",
|
|
1787
|
+
}, null, 42, xi),
|
|
1788
|
+
_("p", Si, C(O(a).templateSettings.contentLocaleHint), 1)
|
|
1783
1789
|
])], 2),
|
|
1784
|
-
_("div", { class: r(O(ln)) }, [_("div",
|
|
1790
|
+
_("div", { class: r(O(ln)) }, [_("div", Ci, [y(O(Mt), {
|
|
1785
1791
|
class: "tpl:text-[var(--tpl-text-muted)]",
|
|
1786
1792
|
size: 14,
|
|
1787
1793
|
"stroke-width": 2
|
|
1788
|
-
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(
|
|
1794
|
+
}), _("span", null, C(O(a).templateSettings.preheaderText), 1)]), _("div", null, [y(ii, {
|
|
1789
1795
|
"model-value": e.settings.preheaderText ?? "",
|
|
1790
1796
|
placeholder: O(a).templateSettings.preheaderTextPlaceholder,
|
|
1791
1797
|
rows: 2,
|
|
1792
1798
|
"onUpdate:modelValue": n[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
|
|
1793
|
-
}, null, 8, ["model-value", "placeholder"]), _("div",
|
|
1794
|
-
_("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), {
|
|
1795
1801
|
size: 14,
|
|
1796
1802
|
"stroke-width": 2
|
|
1797
|
-
}), _("span", null, C(O(a).templateSettings.tips), 1)]), _("ul",
|
|
1798
|
-
_("li",
|
|
1799
|
-
_("li",
|
|
1800
|
-
_("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)
|
|
1801
1807
|
])])
|
|
1802
1808
|
])]));
|
|
1803
1809
|
}
|
|
1804
|
-
}),
|
|
1810
|
+
}), Fi = { key: 0 }, Ii = {
|
|
1805
1811
|
key: 0,
|
|
1806
1812
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1807
|
-
},
|
|
1813
|
+
}, Li = { key: 1 }, Ri = [
|
|
1808
1814
|
"type",
|
|
1809
1815
|
"value",
|
|
1810
1816
|
"placeholder"
|
|
1811
|
-
],
|
|
1817
|
+
], zi = {
|
|
1812
1818
|
key: 0,
|
|
1813
1819
|
class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
|
|
1814
|
-
},
|
|
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({
|
|
1815
1821
|
__name: "MergeTagInput",
|
|
1816
1822
|
props: {
|
|
1817
1823
|
modelValue: {},
|
|
@@ -1824,14 +1830,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1824
1830
|
},
|
|
1825
1831
|
emits: ["update:modelValue"],
|
|
1826
1832
|
setup(e, { emit: t }) {
|
|
1827
|
-
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({
|
|
1828
1834
|
modelValue: () => n.modelValue,
|
|
1829
1835
|
emit: (e) => i("update:modelValue", e),
|
|
1830
1836
|
elementRef: a
|
|
1831
1837
|
});
|
|
1832
|
-
return (t, n) => O(s) && !O(f) ? (S(), v("div",
|
|
1838
|
+
return (t, n) => O(s) && !O(f) ? (S(), v("div", Fi, [y(Wr, {
|
|
1833
1839
|
segments: O(o),
|
|
1834
|
-
"display-class":
|
|
1840
|
+
"display-class": Bi,
|
|
1835
1841
|
pulse: e.pulse,
|
|
1836
1842
|
onEdit: O(p),
|
|
1837
1843
|
onClear: O(C)
|
|
@@ -1840,15 +1846,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1840
1846
|
"pulse",
|
|
1841
1847
|
"onEdit",
|
|
1842
1848
|
"onClear"
|
|
1843
|
-
]), O(c) || O(u) ? (S(), v("div",
|
|
1849
|
+
]), O(c) || O(u) ? (S(), v("div", Ii, [O(c) ? (S(), w(qr, {
|
|
1844
1850
|
key: 0,
|
|
1845
1851
|
disabled: O(l),
|
|
1846
1852
|
onInsert: O(T)
|
|
1847
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1853
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1848
1854
|
key: 1,
|
|
1849
1855
|
disabled: O(d),
|
|
1850
1856
|
onInsert: O(E)
|
|
1851
|
-
}, 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", {
|
|
1852
1858
|
ref_key: "inputRef",
|
|
1853
1859
|
ref: a,
|
|
1854
1860
|
type: e.type,
|
|
@@ -1859,20 +1865,20 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1859
1865
|
onKeydown: n[1] ||= (...e) => O(g) && O(g)(...e),
|
|
1860
1866
|
onClick: n[2] ||= (...e) => O(b) && O(b)(...e),
|
|
1861
1867
|
onBlur: n[3] ||= (...e) => O(x) && O(x)(...e)
|
|
1862
|
-
}, null, 42,
|
|
1868
|
+
}, null, 42, Ri), O(c) || O(u) ? (S(), v("div", zi, [O(c) ? (S(), w(qr, {
|
|
1863
1869
|
key: 0,
|
|
1864
1870
|
disabled: O(l),
|
|
1865
1871
|
onInsert: O(T)
|
|
1866
|
-
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(
|
|
1872
|
+
}, null, 8, ["disabled", "onInsert"])) : A("", !0), O(u) ? (S(), w(Xr, {
|
|
1867
1873
|
key: 1,
|
|
1868
1874
|
disabled: O(d),
|
|
1869
1875
|
onInsert: O(E)
|
|
1870
1876
|
}, null, 8, ["disabled", "onInsert"])) : A("", !0)])) : A("", !0)]));
|
|
1871
1877
|
}
|
|
1872
|
-
}), [["__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 = {
|
|
1873
1879
|
key: 0,
|
|
1874
1880
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
1875
|
-
},
|
|
1881
|
+
}, la = ["value"], ua = { class: "tpl:mb-3.5" }, da = 200, fa = /* @__PURE__ */ j({
|
|
1876
1882
|
__name: "ButtonToolbar",
|
|
1877
1883
|
props: {
|
|
1878
1884
|
block: {},
|
|
@@ -1890,7 +1896,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1890
1896
|
return;
|
|
1891
1897
|
}
|
|
1892
1898
|
if (e === "custom") {
|
|
1893
|
-
s("width", typeof n.block.width == "number" ? n.block.width :
|
|
1899
|
+
s("width", typeof n.block.width == "number" ? n.block.width : da);
|
|
1894
1900
|
return;
|
|
1895
1901
|
}
|
|
1896
1902
|
s("width", void 0);
|
|
@@ -1900,22 +1906,22 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1900
1906
|
!Number.isFinite(t) || t <= 0 || s("width", t);
|
|
1901
1907
|
}
|
|
1902
1908
|
return (t, n) => (S(), v(D, null, [
|
|
1903
|
-
_("div",
|
|
1909
|
+
_("div", Hi, [_("label", { class: r(O(Y)) }, C(O(a).button.fontFamily), 3), _("select", {
|
|
1904
1910
|
class: r(O(Q)),
|
|
1905
1911
|
value: e.block.fontFamily || "",
|
|
1906
1912
|
onChange: n[0] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
1907
|
-
}, [_("option",
|
|
1913
|
+
}, [_("option", Wi, C(O(a).button.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
1908
1914
|
key: e.value,
|
|
1909
1915
|
value: e.value
|
|
1910
|
-
}, C(e.label), 9,
|
|
1911
|
-
_("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, {
|
|
1912
1918
|
"model-value": e.block.text,
|
|
1913
1919
|
type: "text",
|
|
1914
1920
|
"onUpdate:modelValue": n[1] ||= (e) => s("text", e)
|
|
1915
1921
|
}, null, 8, ["model-value"])]),
|
|
1916
|
-
_("div",
|
|
1922
|
+
_("div", qi, [
|
|
1917
1923
|
_("label", { class: r(O(Y)) }, C(O(a).button.url), 3),
|
|
1918
|
-
y(
|
|
1924
|
+
y(Vi, {
|
|
1919
1925
|
"model-value": e.block.url,
|
|
1920
1926
|
type: "url",
|
|
1921
1927
|
placeholder: O(a).button.urlPlaceholder,
|
|
@@ -1929,49 +1935,49 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1929
1935
|
"onUpdate:modelValue": n[3] ||= (e) => s("openInNewTab", e)
|
|
1930
1936
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
1931
1937
|
]),
|
|
1932
|
-
_("div",
|
|
1938
|
+
_("div", Ji, [_("label", { class: r(O(Y)) }, C(O(a).button.background), 3), y($, {
|
|
1933
1939
|
"model-value": e.block.backgroundColor,
|
|
1934
1940
|
"onUpdate:modelValue": n[4] ||= (e) => s("backgroundColor", e)
|
|
1935
1941
|
}, null, 8, ["model-value"])]),
|
|
1936
|
-
_("div",
|
|
1942
|
+
_("div", Yi, [_("label", { class: r(O(Y)) }, C(O(a).button.textColor), 3), y($, {
|
|
1937
1943
|
"model-value": e.block.textColor,
|
|
1938
1944
|
"onUpdate:modelValue": n[5] ||= (e) => s("textColor", e)
|
|
1939
1945
|
}, null, 8, ["model-value"])]),
|
|
1940
|
-
_("div",
|
|
1946
|
+
_("div", Xi, [_("div", Zi, [_("label", { class: r(O(Y)) }, C(O(a).button.borderRadius), 3), _("div", Qi, [_("input", {
|
|
1941
1947
|
type: "number",
|
|
1942
1948
|
class: r(O(Z)),
|
|
1943
1949
|
value: e.block.borderRadius,
|
|
1944
1950
|
min: "0",
|
|
1945
1951
|
max: "50",
|
|
1946
1952
|
onInput: n[6] ||= (e) => s("borderRadius", Number(e.target.value))
|
|
1947
|
-
}, 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", {
|
|
1948
1954
|
type: "number",
|
|
1949
1955
|
class: r(O(Z)),
|
|
1950
1956
|
value: e.block.fontSize,
|
|
1951
1957
|
min: "10",
|
|
1952
1958
|
max: "36",
|
|
1953
1959
|
onInput: n[7] ||= (e) => s("fontSize", Number(e.target.value))
|
|
1954
|
-
}, null, 42,
|
|
1955
|
-
_("div",
|
|
1960
|
+
}, null, 42, na), _("span", { class: r(O(X)) }, "px", 2)])])]),
|
|
1961
|
+
_("div", ra, [
|
|
1956
1962
|
_("label", { class: r(O(Y)) }, C(O(a).button.width), 3),
|
|
1957
1963
|
_("select", {
|
|
1958
1964
|
class: r(O(Q)),
|
|
1959
1965
|
value: o.value,
|
|
1960
1966
|
onChange: n[8] ||= (e) => c(e.target.value)
|
|
1961
1967
|
}, [
|
|
1962
|
-
_("option",
|
|
1963
|
-
_("option",
|
|
1964
|
-
_("option",
|
|
1965
|
-
], 42,
|
|
1966
|
-
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", {
|
|
1967
1973
|
type: "number",
|
|
1968
1974
|
class: r(O(Z)),
|
|
1969
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
1975
|
+
value: typeof e.block.width == "number" ? e.block.width : da,
|
|
1970
1976
|
min: "20",
|
|
1971
1977
|
onInput: n[9] ||= (e) => l(e.target.value)
|
|
1972
|
-
}, null, 42,
|
|
1978
|
+
}, null, 42, la), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
1973
1979
|
]),
|
|
1974
|
-
_("div",
|
|
1980
|
+
_("div", ua, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
1975
1981
|
options: [
|
|
1976
1982
|
{
|
|
1977
1983
|
value: "left",
|
|
@@ -1991,7 +1997,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
1991
1997
|
}, null, 8, ["options", "model-value"])])
|
|
1992
1998
|
], 64));
|
|
1993
1999
|
}
|
|
1994
|
-
}),
|
|
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({
|
|
1995
2001
|
__name: "SpacingControl",
|
|
1996
2002
|
props: {
|
|
1997
2003
|
modelValue: {},
|
|
@@ -2038,59 +2044,59 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2038
2044
|
});
|
|
2039
2045
|
}
|
|
2040
2046
|
}
|
|
2041
|
-
return (t, n) => (S(), v("div",
|
|
2042
|
-
_("div",
|
|
2047
|
+
return (t, n) => (S(), v("div", pa, [_("label", ma, C(e.label), 1), _("div", ha, [
|
|
2048
|
+
_("div", ga, [
|
|
2043
2049
|
_("button", {
|
|
2044
2050
|
"aria-label": O(a).spacingControl.decreaseTop,
|
|
2045
|
-
class: r([
|
|
2051
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2046
2052
|
onClick: n[0] ||= (e) => l("top", -1)
|
|
2047
2053
|
}, [y(O(Ot), {
|
|
2048
2054
|
size: 12,
|
|
2049
2055
|
"stroke-width": 2
|
|
2050
|
-
})], 10,
|
|
2056
|
+
})], 10, _a),
|
|
2051
2057
|
_("input", {
|
|
2052
2058
|
type: "number",
|
|
2053
|
-
class: r(
|
|
2059
|
+
class: r(Fa),
|
|
2054
2060
|
value: e.modelValue.top,
|
|
2055
2061
|
"aria-label": O(a).spacingControl.top,
|
|
2056
2062
|
min: "0",
|
|
2057
2063
|
onInput: n[1] ||= (e) => u("top", Number(e.target.value))
|
|
2058
|
-
}, null, 40,
|
|
2064
|
+
}, null, 40, va),
|
|
2059
2065
|
_("button", {
|
|
2060
2066
|
"aria-label": O(a).spacingControl.increaseTop,
|
|
2061
|
-
class: r([
|
|
2067
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2062
2068
|
onClick: n[2] ||= (e) => l("top", 1)
|
|
2063
2069
|
}, [y(O(jn), {
|
|
2064
2070
|
size: 12,
|
|
2065
2071
|
"stroke-width": 2
|
|
2066
|
-
})], 10,
|
|
2072
|
+
})], 10, ya)
|
|
2067
2073
|
]),
|
|
2068
|
-
_("div",
|
|
2069
|
-
_("div",
|
|
2074
|
+
_("div", ba, [
|
|
2075
|
+
_("div", xa, [
|
|
2070
2076
|
_("button", {
|
|
2071
2077
|
"aria-label": O(a).spacingControl.decreaseLeft,
|
|
2072
|
-
class: r([
|
|
2078
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2073
2079
|
onClick: n[3] ||= (e) => l("left", -1)
|
|
2074
2080
|
}, [y(O(Ot), {
|
|
2075
2081
|
size: 12,
|
|
2076
2082
|
"stroke-width": 2
|
|
2077
|
-
})], 10,
|
|
2083
|
+
})], 10, Sa),
|
|
2078
2084
|
_("input", {
|
|
2079
2085
|
type: "number",
|
|
2080
|
-
class: r(
|
|
2086
|
+
class: r(Fa),
|
|
2081
2087
|
value: e.modelValue.left,
|
|
2082
2088
|
"aria-label": O(a).spacingControl.left,
|
|
2083
2089
|
min: "0",
|
|
2084
2090
|
onInput: n[4] ||= (e) => u("left", Number(e.target.value))
|
|
2085
|
-
}, null, 40,
|
|
2091
|
+
}, null, 40, Ca),
|
|
2086
2092
|
_("button", {
|
|
2087
2093
|
"aria-label": O(a).spacingControl.increaseLeft,
|
|
2088
|
-
class: r([
|
|
2094
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2089
2095
|
onClick: n[5] ||= (e) => l("left", 1)
|
|
2090
2096
|
}, [y(O(jn), {
|
|
2091
2097
|
size: 12,
|
|
2092
2098
|
"stroke-width": 2
|
|
2093
|
-
})], 10,
|
|
2099
|
+
})], 10, wa)
|
|
2094
2100
|
]),
|
|
2095
2101
|
_("button", {
|
|
2096
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)]"]),
|
|
@@ -2105,63 +2111,63 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2105
2111
|
key: 1,
|
|
2106
2112
|
size: 14,
|
|
2107
2113
|
"stroke-width": 2
|
|
2108
|
-
}))], 10,
|
|
2109
|
-
_("div",
|
|
2114
|
+
}))], 10, Ta),
|
|
2115
|
+
_("div", Ea, [
|
|
2110
2116
|
_("button", {
|
|
2111
2117
|
"aria-label": O(a).spacingControl.decreaseRight,
|
|
2112
|
-
class: r([
|
|
2118
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2113
2119
|
onClick: n[6] ||= (e) => l("right", -1)
|
|
2114
2120
|
}, [y(O(Ot), {
|
|
2115
2121
|
size: 12,
|
|
2116
2122
|
"stroke-width": 2
|
|
2117
|
-
})], 10,
|
|
2123
|
+
})], 10, Da),
|
|
2118
2124
|
_("input", {
|
|
2119
2125
|
type: "number",
|
|
2120
|
-
class: r(
|
|
2126
|
+
class: r(Fa),
|
|
2121
2127
|
value: e.modelValue.right,
|
|
2122
2128
|
"aria-label": O(a).spacingControl.right,
|
|
2123
2129
|
min: "0",
|
|
2124
2130
|
onInput: n[7] ||= (e) => u("right", Number(e.target.value))
|
|
2125
|
-
}, null, 40,
|
|
2131
|
+
}, null, 40, Oa),
|
|
2126
2132
|
_("button", {
|
|
2127
2133
|
"aria-label": O(a).spacingControl.increaseRight,
|
|
2128
|
-
class: r([
|
|
2134
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2129
2135
|
onClick: n[8] ||= (e) => l("right", 1)
|
|
2130
2136
|
}, [y(O(jn), {
|
|
2131
2137
|
size: 12,
|
|
2132
2138
|
"stroke-width": 2
|
|
2133
|
-
})], 10,
|
|
2139
|
+
})], 10, ka)
|
|
2134
2140
|
])
|
|
2135
2141
|
]),
|
|
2136
|
-
_("div",
|
|
2142
|
+
_("div", Aa, [
|
|
2137
2143
|
_("button", {
|
|
2138
2144
|
"aria-label": O(a).spacingControl.decreaseBottom,
|
|
2139
|
-
class: r([
|
|
2145
|
+
class: r([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
|
|
2140
2146
|
onClick: n[9] ||= (e) => l("bottom", -1)
|
|
2141
2147
|
}, [y(O(Ot), {
|
|
2142
2148
|
size: 12,
|
|
2143
2149
|
"stroke-width": 2
|
|
2144
|
-
})], 10,
|
|
2150
|
+
})], 10, ja),
|
|
2145
2151
|
_("input", {
|
|
2146
2152
|
type: "number",
|
|
2147
|
-
class: r(
|
|
2153
|
+
class: r(Fa),
|
|
2148
2154
|
value: e.modelValue.bottom,
|
|
2149
2155
|
"aria-label": O(a).spacingControl.bottom,
|
|
2150
2156
|
min: "0",
|
|
2151
2157
|
onInput: n[10] ||= (e) => u("bottom", Number(e.target.value))
|
|
2152
|
-
}, null, 40,
|
|
2158
|
+
}, null, 40, Ma),
|
|
2153
2159
|
_("button", {
|
|
2154
2160
|
"aria-label": O(a).spacingControl.increaseBottom,
|
|
2155
|
-
class: r([
|
|
2161
|
+
class: r([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
|
|
2156
2162
|
onClick: n[11] ||= (e) => l("bottom", 1)
|
|
2157
2163
|
}, [y(O(jn), {
|
|
2158
2164
|
size: 12,
|
|
2159
2165
|
"stroke-width": 2
|
|
2160
|
-
})], 10,
|
|
2166
|
+
})], 10, Na)
|
|
2161
2167
|
])
|
|
2162
2168
|
])]));
|
|
2163
2169
|
}
|
|
2164
|
-
}), [["__scopeId", "data-v-69591c1e"]]),
|
|
2170
|
+
}), [["__scopeId", "data-v-69591c1e"]]), La = ["data-testid"], Ra = { class: "tpl:mt-3" }, za = /* @__PURE__ */ j({
|
|
2165
2171
|
__name: "CollapsibleSection",
|
|
2166
2172
|
props: {
|
|
2167
2173
|
title: {},
|
|
@@ -2180,21 +2186,21 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2180
2186
|
class: r(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
|
|
2181
2187
|
size: 12,
|
|
2182
2188
|
"stroke-width": 2
|
|
2183
|
-
}, 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));
|
|
2184
2190
|
}
|
|
2185
|
-
}),
|
|
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 = {
|
|
2186
2192
|
key: 0,
|
|
2187
2193
|
value: "__custom__"
|
|
2188
|
-
},
|
|
2194
|
+
}, Ya = {
|
|
2189
2195
|
key: 0,
|
|
2190
2196
|
class: "tpl:space-y-2"
|
|
2191
|
-
},
|
|
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 = {
|
|
2192
2198
|
key: 0,
|
|
2193
2199
|
class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
|
|
2194
|
-
},
|
|
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 = {
|
|
2195
2201
|
key: 0,
|
|
2196
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)]"
|
|
2197
|
-
},
|
|
2203
|
+
}, io = /* @__PURE__ */ j({
|
|
2198
2204
|
__name: "CommonBlockSettings",
|
|
2199
2205
|
props: {
|
|
2200
2206
|
block: {},
|
|
@@ -2257,13 +2263,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2257
2263
|
t[e] = !t[e], s("update", { visibility: t });
|
|
2258
2264
|
}
|
|
2259
2265
|
return (n, i) => (S(), v("div", { class: r(["tpl:flex tpl:flex-col", e.isFirstSection ? "" : "tpl:mt-4"]) }, [
|
|
2260
|
-
y(
|
|
2266
|
+
y(za, {
|
|
2261
2267
|
title: O(c).blockSettings.spacing,
|
|
2262
2268
|
open: p.has("spacing"),
|
|
2263
2269
|
"no-border": e.isFirstSection,
|
|
2264
2270
|
onToggle: i[1] ||= (e) => j("spacing")
|
|
2265
2271
|
}, {
|
|
2266
|
-
default: M(() => [y(
|
|
2272
|
+
default: M(() => [y(Ia, {
|
|
2267
2273
|
label: O(c).blockSettings.padding,
|
|
2268
2274
|
"model-value": e.block.styles.padding,
|
|
2269
2275
|
"onUpdate:modelValue": i[0] ||= (e) => z("padding", e)
|
|
@@ -2274,7 +2280,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2274
2280
|
"open",
|
|
2275
2281
|
"no-border"
|
|
2276
2282
|
]),
|
|
2277
|
-
y(
|
|
2283
|
+
y(za, {
|
|
2278
2284
|
title: O(c).blockSettings.background,
|
|
2279
2285
|
open: p.has("bg"),
|
|
2280
2286
|
onToggle: i[3] ||= (e) => j("bg")
|
|
@@ -2285,19 +2291,19 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2285
2291
|
}, null, 8, ["model-value"])]),
|
|
2286
2292
|
_: 1
|
|
2287
2293
|
}, 8, ["title", "open"]),
|
|
2288
|
-
y(
|
|
2294
|
+
y(za, {
|
|
2289
2295
|
title: O(c).blockSettings.display,
|
|
2290
2296
|
open: p.has("display"),
|
|
2291
2297
|
onToggle: i[4] ||= (e) => j("display")
|
|
2292
2298
|
}, {
|
|
2293
|
-
default: M(() => [_("div",
|
|
2299
|
+
default: M(() => [_("div", Ba, [(S(), v(D, null, x(E, (e) => y(vn, {
|
|
2294
2300
|
key: e.key,
|
|
2295
2301
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
2296
2302
|
"model-value": B(e.key),
|
|
2297
2303
|
label: O(c).blockSettings[e.labelKey],
|
|
2298
2304
|
"onUpdate:modelValue": (t) => V(e.key)
|
|
2299
2305
|
}, {
|
|
2300
|
-
default: M(() => [_("span",
|
|
2306
|
+
default: M(() => [_("span", Va, [(S(), w(u(e.icon), {
|
|
2301
2307
|
size: 14,
|
|
2302
2308
|
"stroke-width": 1.5
|
|
2303
2309
|
})), b(" " + C(O(c).blockSettings[e.labelKey]), 1)])]),
|
|
@@ -2309,14 +2315,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2309
2315
|
])), 64))])]),
|
|
2310
2316
|
_: 1
|
|
2311
2317
|
}, 8, ["title", "open"]),
|
|
2312
|
-
P.value ? (S(), w(
|
|
2318
|
+
P.value ? (S(), w(za, {
|
|
2313
2319
|
key: 0,
|
|
2314
2320
|
"header-test-id": "display-condition-section",
|
|
2315
2321
|
title: O(c).blockSettings.displayCondition,
|
|
2316
2322
|
open: p.has("condition"),
|
|
2317
2323
|
onToggle: i[8] ||= (e) => j("condition")
|
|
2318
2324
|
}, {
|
|
2319
|
-
default: M(() => [_("div",
|
|
2325
|
+
default: M(() => [_("div", Ha, [_("select", {
|
|
2320
2326
|
"data-testid": "display-condition-select",
|
|
2321
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)]"]),
|
|
2322
2328
|
value: h.value || F.value ? "__custom__" : e.block.displayCondition?.label ?? "",
|
|
@@ -2334,41 +2340,41 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2334
2340
|
n && s("update", { displayCondition: n });
|
|
2335
2341
|
}
|
|
2336
2342
|
}, [
|
|
2337
|
-
_("option",
|
|
2343
|
+
_("option", Wa, C(O(c).blockSettings.noCondition), 1),
|
|
2338
2344
|
(S(!0), v(D, null, x(R.value, (e, t) => (S(), v(D, { key: t }, [t ? (S(), v("optgroup", {
|
|
2339
2345
|
key: 0,
|
|
2340
2346
|
label: String(t)
|
|
2341
2347
|
}, [(S(!0), v(D, null, x(e, (e) => (S(), v("option", {
|
|
2342
2348
|
key: e.label,
|
|
2343
2349
|
value: e.label
|
|
2344
|
-
}, 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", {
|
|
2345
2351
|
key: e.label,
|
|
2346
2352
|
value: e.label
|
|
2347
|
-
}, C(e.label), 9,
|
|
2348
|
-
O(f) ? (S(), v("option",
|
|
2349
|
-
], 42,
|
|
2350
|
-
_("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", {
|
|
2351
2357
|
"onUpdate:modelValue": i[6] ||= (e) => g.value = e,
|
|
2352
2358
|
rows: "2",
|
|
2353
2359
|
class: r(O(on))
|
|
2354
2360
|
}, null, 2), [[N, g.value]])]),
|
|
2355
|
-
_("div", null, [_("label",
|
|
2361
|
+
_("div", null, [_("label", Za, C(O(c).blockSettings.customConditionAfter), 1), t(_("textarea", {
|
|
2356
2362
|
"onUpdate:modelValue": i[7] ||= (e) => T.value = e,
|
|
2357
2363
|
rows: "2",
|
|
2358
2364
|
class: r(O(on))
|
|
2359
2365
|
}, null, 2), [[N, T.value]])]),
|
|
2360
|
-
_("div",
|
|
2366
|
+
_("div", Qa, [_("button", {
|
|
2361
2367
|
type: "button",
|
|
2362
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",
|
|
2363
2369
|
disabled: !g.value.trim(),
|
|
2364
2370
|
onClick: L
|
|
2365
|
-
}, C(O(c).blockSettings.applyCondition), 9,
|
|
2366
|
-
])) : 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)])]),
|
|
2367
2373
|
_: 1
|
|
2368
2374
|
}, 8, ["title", "open"])) : A("", !0)
|
|
2369
2375
|
], 2));
|
|
2370
2376
|
}
|
|
2371
|
-
}),
|
|
2377
|
+
}), ao = ["title"], oo = /* @__PURE__ */ j({
|
|
2372
2378
|
__name: "BooleanField",
|
|
2373
2379
|
props: {
|
|
2374
2380
|
field: {},
|
|
@@ -2400,9 +2406,9 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2400
2406
|
"label",
|
|
2401
2407
|
"required",
|
|
2402
2408
|
"disabled"
|
|
2403
|
-
])], 8,
|
|
2409
|
+
])], 8, ao));
|
|
2404
2410
|
}
|
|
2405
|
-
}),
|
|
2411
|
+
}), so = { class: "tpl:mb-3.5" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = ["title"], fo = { class: "tpl-sr-only" }, po = /* @__PURE__ */ j({
|
|
2406
2412
|
__name: "FieldWrapper",
|
|
2407
2413
|
props: {
|
|
2408
2414
|
label: {},
|
|
@@ -2411,7 +2417,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2411
2417
|
},
|
|
2412
2418
|
setup(e) {
|
|
2413
2419
|
let { t } = q();
|
|
2414
|
-
return (n, i) => (S(), v("div",
|
|
2420
|
+
return (n, i) => (S(), v("div", so, [_("label", { class: r(O(Y)) }, [
|
|
2415
2421
|
b(C(e.label) + " ", 1),
|
|
2416
2422
|
e.readOnly ? (S(), v("span", {
|
|
2417
2423
|
key: 0,
|
|
@@ -2420,15 +2426,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2420
2426
|
size: 12,
|
|
2421
2427
|
class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
|
|
2422
2428
|
"aria-hidden": "true"
|
|
2423
|
-
}), _("span",
|
|
2429
|
+
}), _("span", lo, C(O(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, co)) : A("", !0),
|
|
2424
2430
|
e.required ? (S(), v("span", {
|
|
2425
2431
|
key: 1,
|
|
2426
2432
|
class: "tpl:text-[var(--tpl-danger)]",
|
|
2427
2433
|
title: O(t).customBlocks.fields.required
|
|
2428
|
-
}, [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)
|
|
2429
2435
|
], 2), s(n.$slots, "default")]));
|
|
2430
2436
|
}
|
|
2431
|
-
}),
|
|
2437
|
+
}), mo = /* @__PURE__ */ j({
|
|
2432
2438
|
__name: "ColorField",
|
|
2433
2439
|
props: {
|
|
2434
2440
|
field: {},
|
|
@@ -2438,7 +2444,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2438
2444
|
emits: ["update:modelValue"],
|
|
2439
2445
|
setup(e, { emit: t }) {
|
|
2440
2446
|
let n = e, r = t, { t: i } = q(), a = d(_t, xt), o = k(() => Ue(n.field, a));
|
|
2441
|
-
return (t, n) => (S(), w(
|
|
2447
|
+
return (t, n) => (S(), w(po, {
|
|
2442
2448
|
label: e.field.label,
|
|
2443
2449
|
required: e.field.required,
|
|
2444
2450
|
"read-only": e.readOnly
|
|
@@ -2466,15 +2472,15 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2466
2472
|
"read-only"
|
|
2467
2473
|
]));
|
|
2468
2474
|
}
|
|
2469
|
-
}),
|
|
2475
|
+
}), ho = {
|
|
2470
2476
|
key: 0,
|
|
2471
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)]",
|
|
2472
2478
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2473
|
-
},
|
|
2479
|
+
}, go = [
|
|
2474
2480
|
"value",
|
|
2475
2481
|
"placeholder",
|
|
2476
2482
|
"title"
|
|
2477
|
-
],
|
|
2483
|
+
], _o = ["value", "placeholder"], vo = /* @__PURE__ */ j({
|
|
2478
2484
|
__name: "ImageField",
|
|
2479
2485
|
props: {
|
|
2480
2486
|
field: {},
|
|
@@ -2509,7 +2515,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2509
2515
|
enabled: p,
|
|
2510
2516
|
onFiles: h
|
|
2511
2517
|
});
|
|
2512
|
-
return (t, n) => (S(), w(
|
|
2518
|
+
return (t, n) => (S(), w(po, {
|
|
2513
2519
|
label: e.field.label,
|
|
2514
2520
|
required: e.field.required,
|
|
2515
2521
|
"read-only": e.readOnly
|
|
@@ -2519,7 +2525,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2519
2525
|
ref: u,
|
|
2520
2526
|
class: "tpl:relative"
|
|
2521
2527
|
}, [
|
|
2522
|
-
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), {
|
|
2523
2529
|
class: "tpl-spinner",
|
|
2524
2530
|
size: 18,
|
|
2525
2531
|
"stroke-width": 2
|
|
@@ -2535,14 +2541,14 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2535
2541
|
placeholder: e.field.placeholder || "https://...",
|
|
2536
2542
|
disabled: "",
|
|
2537
2543
|
title: O(a).customBlocks.dataSource.readOnlyTooltip
|
|
2538
|
-
}, null, 10,
|
|
2544
|
+
}, null, 10, go)) : (S(), v("input", {
|
|
2539
2545
|
key: 2,
|
|
2540
2546
|
type: "url",
|
|
2541
2547
|
class: r(O(Q)),
|
|
2542
2548
|
value: e.modelValue,
|
|
2543
2549
|
placeholder: e.field.placeholder || "https://...",
|
|
2544
2550
|
onInput: n[0] ||= (e) => i("update:modelValue", e.target.value)
|
|
2545
|
-
}, null, 42,
|
|
2551
|
+
}, null, 42, _o)),
|
|
2546
2552
|
c.value && !e.readOnly ? (S(), v("button", {
|
|
2547
2553
|
key: 3,
|
|
2548
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)]",
|
|
@@ -2559,7 +2565,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2559
2565
|
"read-only"
|
|
2560
2566
|
]));
|
|
2561
2567
|
}
|
|
2562
|
-
}),
|
|
2568
|
+
}), yo = [
|
|
2563
2569
|
"value",
|
|
2564
2570
|
"placeholder",
|
|
2565
2571
|
"min",
|
|
@@ -2567,7 +2573,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2567
2573
|
"step",
|
|
2568
2574
|
"disabled",
|
|
2569
2575
|
"title"
|
|
2570
|
-
],
|
|
2576
|
+
], bo = /* @__PURE__ */ j({
|
|
2571
2577
|
__name: "NumberField",
|
|
2572
2578
|
props: {
|
|
2573
2579
|
field: {},
|
|
@@ -2577,7 +2583,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2577
2583
|
emits: ["update:modelValue"],
|
|
2578
2584
|
setup(e, { emit: t }) {
|
|
2579
2585
|
let n = t, { t: i } = q();
|
|
2580
|
-
return (t, a) => (S(), w(
|
|
2586
|
+
return (t, a) => (S(), w(po, {
|
|
2581
2587
|
label: e.field.label,
|
|
2582
2588
|
required: e.field.required,
|
|
2583
2589
|
"read-only": e.readOnly
|
|
@@ -2593,7 +2599,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2593
2599
|
disabled: e.readOnly,
|
|
2594
2600
|
title: e.readOnly ? O(i).customBlocks.dataSource.readOnlyTooltip : void 0,
|
|
2595
2601
|
onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
|
|
2596
|
-
}, null, 42,
|
|
2602
|
+
}, null, 42, yo)]),
|
|
2597
2603
|
_: 1
|
|
2598
2604
|
}, 8, [
|
|
2599
2605
|
"label",
|
|
@@ -2601,13 +2607,13 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2601
2607
|
"read-only"
|
|
2602
2608
|
]));
|
|
2603
2609
|
}
|
|
2604
|
-
}),
|
|
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 = {
|
|
2605
2611
|
key: 1,
|
|
2606
2612
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2607
|
-
},
|
|
2613
|
+
}, Eo = {
|
|
2608
2614
|
key: 2,
|
|
2609
2615
|
class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2610
|
-
},
|
|
2616
|
+
}, Do = /* @__PURE__ */ j({
|
|
2611
2617
|
__name: "RepeatableField",
|
|
2612
2618
|
props: {
|
|
2613
2619
|
field: {},
|
|
@@ -2635,16 +2641,16 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2635
2641
|
} : r);
|
|
2636
2642
|
i("update:modelValue", r);
|
|
2637
2643
|
}
|
|
2638
|
-
return (t, n) => (S(), w(
|
|
2644
|
+
return (t, n) => (S(), w(po, {
|
|
2639
2645
|
label: e.field.label,
|
|
2640
2646
|
required: e.field.required,
|
|
2641
2647
|
"read-only": e.readOnly
|
|
2642
2648
|
}, {
|
|
2643
|
-
default: M(() => [_("div",
|
|
2649
|
+
default: M(() => [_("div", xo, [
|
|
2644
2650
|
(S(!0), v(D, null, x(s.value, (t, n) => (S(), v("div", {
|
|
2645
2651
|
key: `${e.field.key}-${n}`,
|
|
2646
2652
|
class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
|
|
2647
|
-
}, [_("div",
|
|
2653
|
+
}, [_("div", So, [_("span", Co, " #" + C(n + 1), 1), l.value && !e.readOnly ? (S(), v("button", {
|
|
2648
2654
|
key: 0,
|
|
2649
2655
|
type: "button",
|
|
2650
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)]",
|
|
@@ -2653,7 +2659,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2653
2659
|
}, [y(O(Yt), {
|
|
2654
2660
|
size: 12,
|
|
2655
2661
|
"stroke-width": 2
|
|
2656
|
-
})], 8,
|
|
2662
|
+
})], 8, wo)) : A("", !0)]), (S(!0), v(D, null, x(e.field.fields, (r) => (S(), w(u(O(Io)(r.type)), {
|
|
2657
2663
|
key: r.key,
|
|
2658
2664
|
field: r,
|
|
2659
2665
|
"model-value": t[r.key],
|
|
@@ -2674,8 +2680,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2674
2680
|
size: 14,
|
|
2675
2681
|
"stroke-width": 2
|
|
2676
2682
|
}), b(" " + C(O(a).customBlocks.fields.addItem), 1)], 2)) : A("", !0),
|
|
2677
|
-
!c.value && !e.readOnly ? (S(), v("p",
|
|
2678
|
-
!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)
|
|
2679
2685
|
])]),
|
|
2680
2686
|
_: 1
|
|
2681
2687
|
}, 8, [
|
|
@@ -2684,11 +2690,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2684
2690
|
"read-only"
|
|
2685
2691
|
]));
|
|
2686
2692
|
}
|
|
2687
|
-
}),
|
|
2693
|
+
}), Oo = [
|
|
2688
2694
|
"value",
|
|
2689
2695
|
"disabled",
|
|
2690
2696
|
"title"
|
|
2691
|
-
],
|
|
2697
|
+
], ko = ["value"], Ao = /* @__PURE__ */ j({
|
|
2692
2698
|
__name: "SelectField",
|
|
2693
2699
|
props: {
|
|
2694
2700
|
field: {},
|
|
@@ -2698,7 +2704,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2698
2704
|
emits: ["update:modelValue"],
|
|
2699
2705
|
setup(e, { emit: t }) {
|
|
2700
2706
|
let n = t, { t: i } = q();
|
|
2701
|
-
return (t, a) => (S(), w(
|
|
2707
|
+
return (t, a) => (S(), w(po, {
|
|
2702
2708
|
label: e.field.label,
|
|
2703
2709
|
required: e.field.required,
|
|
2704
2710
|
"read-only": e.readOnly
|
|
@@ -2712,7 +2718,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2712
2718
|
}, [(S(!0), v(D, null, x(e.field.options, (e) => (S(), v("option", {
|
|
2713
2719
|
key: e.value,
|
|
2714
2720
|
value: e.value
|
|
2715
|
-
}, C(e.label), 9,
|
|
2721
|
+
}, C(e.label), 9, ko))), 128))], 42, Oo)]),
|
|
2716
2722
|
_: 1
|
|
2717
2723
|
}, 8, [
|
|
2718
2724
|
"label",
|
|
@@ -2720,11 +2726,11 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2720
2726
|
"read-only"
|
|
2721
2727
|
]));
|
|
2722
2728
|
}
|
|
2723
|
-
}),
|
|
2729
|
+
}), jo = [
|
|
2724
2730
|
"value",
|
|
2725
2731
|
"placeholder",
|
|
2726
2732
|
"title"
|
|
2727
|
-
],
|
|
2733
|
+
], Mo = /* @__PURE__ */ j({
|
|
2728
2734
|
__name: "TextField",
|
|
2729
2735
|
props: {
|
|
2730
2736
|
field: {},
|
|
@@ -2734,7 +2740,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2734
2740
|
emits: ["update:modelValue"],
|
|
2735
2741
|
setup(e, { emit: t }) {
|
|
2736
2742
|
let n = t, { t: i } = q();
|
|
2737
|
-
return (t, a) => (S(), w(
|
|
2743
|
+
return (t, a) => (S(), w(po, {
|
|
2738
2744
|
label: e.field.label,
|
|
2739
2745
|
required: e.field.required,
|
|
2740
2746
|
"read-only": e.readOnly
|
|
@@ -2747,7 +2753,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2747
2753
|
placeholder: e.field.placeholder,
|
|
2748
2754
|
disabled: "",
|
|
2749
2755
|
title: O(i).customBlocks.dataSource.readOnlyTooltip
|
|
2750
|
-
}, null, 10,
|
|
2756
|
+
}, null, 10, jo)) : (S(), w(Vi, {
|
|
2751
2757
|
key: 1,
|
|
2752
2758
|
"model-value": e.modelValue,
|
|
2753
2759
|
placeholder: e.field.placeholder,
|
|
@@ -2760,12 +2766,12 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2760
2766
|
"read-only"
|
|
2761
2767
|
]));
|
|
2762
2768
|
}
|
|
2763
|
-
}),
|
|
2769
|
+
}), No = [
|
|
2764
2770
|
"value",
|
|
2765
2771
|
"placeholder",
|
|
2766
2772
|
"title"
|
|
2767
|
-
],
|
|
2768
|
-
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,
|
|
2769
2775
|
textarea: /* @__PURE__ */ j({
|
|
2770
2776
|
__name: "TextareaField",
|
|
2771
2777
|
props: {
|
|
@@ -2776,7 +2782,7 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2776
2782
|
emits: ["update:modelValue"],
|
|
2777
2783
|
setup(e, { emit: t }) {
|
|
2778
2784
|
let n = t, { t: i } = q();
|
|
2779
|
-
return (t, a) => (S(), w(
|
|
2785
|
+
return (t, a) => (S(), w(po, {
|
|
2780
2786
|
label: e.field.label,
|
|
2781
2787
|
required: e.field.required,
|
|
2782
2788
|
"read-only": e.readOnly
|
|
@@ -2788,8 +2794,8 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2788
2794
|
rows: "3",
|
|
2789
2795
|
disabled: "",
|
|
2790
2796
|
title: O(i).customBlocks.dataSource.readOnlyTooltip,
|
|
2791
|
-
class: r(
|
|
2792
|
-
}, null, 8,
|
|
2797
|
+
class: r(Po)
|
|
2798
|
+
}, null, 8, No)) : (S(), w(ii, {
|
|
2793
2799
|
key: 1,
|
|
2794
2800
|
"model-value": e.modelValue,
|
|
2795
2801
|
placeholder: e.field.placeholder,
|
|
@@ -2803,37 +2809,37 @@ var Rr = ["aria-label", "onKeydown"], zr = ["data-tooltip"], Br = ["data-tooltip
|
|
|
2803
2809
|
]));
|
|
2804
2810
|
}
|
|
2805
2811
|
}),
|
|
2806
|
-
image:
|
|
2807
|
-
color:
|
|
2808
|
-
number:
|
|
2809
|
-
select:
|
|
2810
|
-
boolean:
|
|
2811
|
-
repeatable:
|
|
2812
|
+
image: vo,
|
|
2813
|
+
color: mo,
|
|
2814
|
+
number: bo,
|
|
2815
|
+
select: Ao,
|
|
2816
|
+
boolean: oo,
|
|
2817
|
+
repeatable: Do
|
|
2812
2818
|
};
|
|
2813
|
-
function
|
|
2814
|
-
return
|
|
2819
|
+
function Io(e) {
|
|
2820
|
+
return Fo[e] ?? Mo;
|
|
2815
2821
|
}
|
|
2816
2822
|
//#endregion
|
|
2817
2823
|
//#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
2818
|
-
var
|
|
2824
|
+
var Lo = {
|
|
2819
2825
|
key: 0,
|
|
2820
2826
|
class: "tpl:p-4"
|
|
2821
|
-
},
|
|
2827
|
+
}, Ro = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zo = { key: 1 }, Bo = {
|
|
2822
2828
|
key: 0,
|
|
2823
2829
|
class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
|
|
2824
|
-
},
|
|
2830
|
+
}, Vo = {
|
|
2825
2831
|
key: 1,
|
|
2826
2832
|
class: "tpl:mb-4"
|
|
2827
|
-
},
|
|
2833
|
+
}, Ho = {
|
|
2828
2834
|
key: 1,
|
|
2829
2835
|
class: "tpl:flex tpl:h-[32px] tpl:items-center"
|
|
2830
|
-
},
|
|
2836
|
+
}, Uo = {
|
|
2831
2837
|
key: 0,
|
|
2832
2838
|
class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
2833
|
-
},
|
|
2839
|
+
}, Wo = {
|
|
2834
2840
|
key: 2,
|
|
2835
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)]"
|
|
2836
|
-
},
|
|
2842
|
+
}, Go = /* @__PURE__ */ j({
|
|
2837
2843
|
__name: "CustomBlockToolbar",
|
|
2838
2844
|
props: { block: {} },
|
|
2839
2845
|
emits: ["updateFieldValues", "updateDataSourceFetched"],
|
|
@@ -2854,23 +2860,23 @@ var Io = {
|
|
|
2854
2860
|
[e]: t
|
|
2855
2861
|
});
|
|
2856
2862
|
}
|
|
2857
|
-
return (t, n) => o.value ? (S(), v("div",
|
|
2858
|
-
o.value.description ? (S(), v("p",
|
|
2859
|
-
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", {
|
|
2860
2866
|
key: 0,
|
|
2861
2867
|
type: "button",
|
|
2862
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)]",
|
|
2863
2869
|
onClick: n[0] ||= (...e) => O(f) && O(f)(...e)
|
|
2864
|
-
}, 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", {
|
|
2865
2871
|
key: 1,
|
|
2866
2872
|
type: "button",
|
|
2867
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)]",
|
|
2868
2874
|
onClick: n[1] ||= (...e) => O(f) && O(f)(...e)
|
|
2869
|
-
}, [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), {
|
|
2870
2876
|
size: 14,
|
|
2871
2877
|
class: "tpl:shrink-0"
|
|
2872
2878
|
}), b(" " + C(O(i).customBlocks.dataSource.fetchError), 1)])) : A("", !0)])) : A("", !0),
|
|
2873
|
-
(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)), {
|
|
2874
2880
|
key: t.key,
|
|
2875
2881
|
field: t,
|
|
2876
2882
|
"model-value": e.block.fieldValues[t.key],
|
|
@@ -2882,9 +2888,9 @@ var Io = {
|
|
|
2882
2888
|
"read-only",
|
|
2883
2889
|
"onUpdate:modelValue"
|
|
2884
2890
|
]))), 128))
|
|
2885
|
-
])) : (S(), v("div",
|
|
2891
|
+
])) : (S(), v("div", Lo, [_("p", Ro, C(O(i).customBlocks.toolbar.noDefinition), 1)]));
|
|
2886
2892
|
}
|
|
2887
|
-
}),
|
|
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({
|
|
2888
2894
|
__name: "DividerToolbar",
|
|
2889
2895
|
props: { block: {} },
|
|
2890
2896
|
emits: ["update"],
|
|
@@ -2894,7 +2900,7 @@ var Io = {
|
|
|
2894
2900
|
n("update", { [e]: t });
|
|
2895
2901
|
}
|
|
2896
2902
|
return (t, n) => (S(), v(D, null, [
|
|
2897
|
-
_("div",
|
|
2903
|
+
_("div", Ko, [_("label", { class: r(O(Y)) }, C(O(i).divider.style), 3), y(bn, {
|
|
2898
2904
|
options: [
|
|
2899
2905
|
{
|
|
2900
2906
|
value: "solid",
|
|
@@ -2912,27 +2918,27 @@ var Io = {
|
|
|
2912
2918
|
"model-value": e.block.lineStyle,
|
|
2913
2919
|
"onUpdate:modelValue": n[0] ||= (e) => a("lineStyle", e)
|
|
2914
2920
|
}, null, 8, ["options", "model-value"])]),
|
|
2915
|
-
_("div",
|
|
2921
|
+
_("div", qo, [_("label", { class: r(O(Y)) }, C(O(i).divider.color), 3), y($, {
|
|
2916
2922
|
"model-value": e.block.color,
|
|
2917
2923
|
"onUpdate:modelValue": n[1] ||= (e) => a("color", e)
|
|
2918
2924
|
}, null, 8, ["model-value"])]),
|
|
2919
|
-
_("div",
|
|
2925
|
+
_("div", Jo, [_("label", { class: r(O(Y)) }, C(O(i).divider.thickness), 3), _("div", Yo, [_("input", {
|
|
2920
2926
|
type: "number",
|
|
2921
2927
|
class: r(O(Z)),
|
|
2922
2928
|
value: e.block.thickness,
|
|
2923
2929
|
min: "1",
|
|
2924
2930
|
max: "10",
|
|
2925
2931
|
onInput: n[2] ||= (e) => a("thickness", Number(e.target.value))
|
|
2926
|
-
}, null, 42,
|
|
2932
|
+
}, null, 42, Xo), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
2927
2933
|
], 64));
|
|
2928
2934
|
}
|
|
2929
|
-
}),
|
|
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({
|
|
2930
2936
|
__name: "HtmlToolbar",
|
|
2931
2937
|
props: { block: {} },
|
|
2932
2938
|
emits: ["update"],
|
|
2933
2939
|
setup(e, { emit: t }) {
|
|
2934
2940
|
let n = t, { t: i } = q();
|
|
2935
|
-
return (t, a) => (S(), v("div",
|
|
2941
|
+
return (t, a) => (S(), v("div", Qo, [
|
|
2936
2942
|
_("label", { class: r(O(Y)) }, C(O(i).html.content), 3),
|
|
2937
2943
|
_("textarea", {
|
|
2938
2944
|
value: e.block.content,
|
|
@@ -2940,31 +2946,31 @@ var Io = {
|
|
|
2940
2946
|
rows: "10",
|
|
2941
2947
|
class: r(O(on)),
|
|
2942
2948
|
onInput: a[0] ||= (e) => n("update", { content: e.target.value })
|
|
2943
|
-
}, null, 42,
|
|
2944
|
-
_("p",
|
|
2949
|
+
}, null, 42, $o),
|
|
2950
|
+
_("p", es, [y(O(Ft), {
|
|
2945
2951
|
size: 12,
|
|
2946
2952
|
class: "tpl:mt-0.5 tpl:shrink-0"
|
|
2947
2953
|
}), b(" " + C(O(i).html.sanitizationHint), 1)])
|
|
2948
2954
|
]));
|
|
2949
2955
|
}
|
|
2950
|
-
}),
|
|
2956
|
+
}), ns = { class: "tpl:mb-3.5" }, rs = {
|
|
2951
2957
|
key: 0,
|
|
2952
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)]",
|
|
2953
2959
|
style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
|
|
2954
|
-
},
|
|
2960
|
+
}, is = {
|
|
2955
2961
|
key: 0,
|
|
2956
2962
|
class: "tpl:mb-3.5"
|
|
2957
|
-
},
|
|
2963
|
+
}, as = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, os = [
|
|
2958
2964
|
"value",
|
|
2959
2965
|
"placeholder",
|
|
2960
2966
|
"title"
|
|
2961
|
-
],
|
|
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 = {
|
|
2962
2968
|
key: 0,
|
|
2963
2969
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2964
|
-
},
|
|
2970
|
+
}, ms = ["value"], hs = { class: "tpl:mb-3.5" }, gs = ["value"], _s = { value: "auto" }, vs = { value: "custom" }, ys = {
|
|
2965
2971
|
key: 0,
|
|
2966
2972
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
2967
|
-
},
|
|
2973
|
+
}, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = 350, ws = 200, Ts = /* @__PURE__ */ j({
|
|
2968
2974
|
__name: "ImageToolbar",
|
|
2969
2975
|
props: { block: {} },
|
|
2970
2976
|
emits: ["update"],
|
|
@@ -2985,13 +2991,13 @@ var Io = {
|
|
|
2985
2991
|
function E(e) {
|
|
2986
2992
|
if (e === "custom") {
|
|
2987
2993
|
let e = n.block.width;
|
|
2988
|
-
(typeof e != "number" || h.includes(e)) && T("width",
|
|
2994
|
+
(typeof e != "number" || h.includes(e)) && T("width", Cs);
|
|
2989
2995
|
return;
|
|
2990
2996
|
}
|
|
2991
2997
|
T("width", e === "full" ? "full" : Number(e));
|
|
2992
2998
|
}
|
|
2993
2999
|
function j(e) {
|
|
2994
|
-
T("height", e === "custom" ?
|
|
3000
|
+
T("height", e === "custom" ? ws : void 0);
|
|
2995
3001
|
}
|
|
2996
3002
|
function N(e) {
|
|
2997
3003
|
let t = Number(e);
|
|
@@ -3027,12 +3033,12 @@ var Io = {
|
|
|
3027
3033
|
onFiles: B
|
|
3028
3034
|
});
|
|
3029
3035
|
return (t, n) => (S(), v(D, null, [
|
|
3030
|
-
_("div",
|
|
3036
|
+
_("div", ns, [_("label", { class: r(O(Y)) }, C(O(a).image.imageUrl), 3), _("div", {
|
|
3031
3037
|
ref_key: "dropZoneRef",
|
|
3032
3038
|
ref: I,
|
|
3033
3039
|
class: "tpl:relative"
|
|
3034
3040
|
}, [
|
|
3035
|
-
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), {
|
|
3036
3042
|
class: "tpl-spinner",
|
|
3037
3043
|
size: 18,
|
|
3038
3044
|
"stroke-width": 2
|
|
@@ -3040,7 +3046,7 @@ var Io = {
|
|
|
3040
3046
|
size: 18,
|
|
3041
3047
|
"stroke-width": 1.5
|
|
3042
3048
|
}), b(" " + C(O(a).image.dropToUpload), 1)], 64))])) : A("", !0),
|
|
3043
|
-
y(
|
|
3049
|
+
y(Vi, {
|
|
3044
3050
|
"model-value": e.block.src,
|
|
3045
3051
|
type: "url",
|
|
3046
3052
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3065,17 +3071,17 @@ var Io = {
|
|
|
3065
3071
|
"stroke-width": 1.5
|
|
3066
3072
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3067
3073
|
], 512)]),
|
|
3068
|
-
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", {
|
|
3069
3075
|
type: "url",
|
|
3070
3076
|
class: r(O(Q)),
|
|
3071
3077
|
value: e.block.placeholderUrl || "",
|
|
3072
3078
|
placeholder: O(a).image.placeholderUrlPlaceholder,
|
|
3073
3079
|
title: O(a).image.placeholderUrlTooltip,
|
|
3074
3080
|
onInput: n[1] ||= (e) => T("placeholderUrl", e.target.value)
|
|
3075
|
-
}, null, 42,
|
|
3076
|
-
_("div",
|
|
3081
|
+
}, null, 42, os)])) : A("", !0),
|
|
3082
|
+
_("div", ss, [
|
|
3077
3083
|
_("label", { class: r(O(Y)) }, C(O(a).image.altText), 3),
|
|
3078
|
-
y(
|
|
3084
|
+
y(Vi, {
|
|
3079
3085
|
"model-value": e.block.alt,
|
|
3080
3086
|
type: "text",
|
|
3081
3087
|
placeholder: O(a).image.altTextPlaceholder,
|
|
@@ -3094,49 +3100,49 @@ var Io = {
|
|
|
3094
3100
|
label: O(a).image.decorative,
|
|
3095
3101
|
"onUpdate:modelValue": n[3] ||= (e) => T("decorative", e)
|
|
3096
3102
|
}, {
|
|
3097
|
-
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)])]),
|
|
3098
3104
|
_: 1
|
|
3099
3105
|
}, 8, ["model-value", "label"])
|
|
3100
3106
|
]),
|
|
3101
|
-
_("div",
|
|
3107
|
+
_("div", ls, [
|
|
3102
3108
|
_("label", { class: r(O(Y)) }, C(O(a).image.width), 3),
|
|
3103
3109
|
_("select", {
|
|
3104
3110
|
class: r(O(Q)),
|
|
3105
3111
|
value: g.value,
|
|
3106
3112
|
onChange: n[4] ||= (e) => E(e.target.value)
|
|
3107
3113
|
}, [
|
|
3108
|
-
_("option",
|
|
3114
|
+
_("option", ds, C(O(a).image.fullWidth), 1),
|
|
3109
3115
|
n[11] ||= _("option", { value: "300" }, "300px", -1),
|
|
3110
3116
|
n[12] ||= _("option", { value: "400" }, "400px", -1),
|
|
3111
3117
|
n[13] ||= _("option", { value: "500" }, "500px", -1),
|
|
3112
|
-
_("option",
|
|
3113
|
-
], 42,
|
|
3114
|
-
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", {
|
|
3115
3121
|
type: "number",
|
|
3116
3122
|
class: r(O(Z)),
|
|
3117
|
-
value: typeof e.block.width == "number" ? e.block.width :
|
|
3123
|
+
value: typeof e.block.width == "number" ? e.block.width : Cs,
|
|
3118
3124
|
min: "20",
|
|
3119
3125
|
onInput: n[5] ||= (e) => P(e.target.value)
|
|
3120
|
-
}, null, 42,
|
|
3126
|
+
}, null, 42, ms), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3121
3127
|
]),
|
|
3122
|
-
_("div",
|
|
3128
|
+
_("div", hs, [
|
|
3123
3129
|
_("label", { class: r(O(Y)) }, C(O(a).image.height), 3),
|
|
3124
3130
|
_("select", {
|
|
3125
3131
|
class: r(O(Q)),
|
|
3126
3132
|
"data-testid": "image-height-mode",
|
|
3127
3133
|
value: x.value,
|
|
3128
3134
|
onChange: n[6] ||= (e) => j(e.target.value)
|
|
3129
|
-
}, [_("option",
|
|
3130
|
-
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", {
|
|
3131
3137
|
type: "number",
|
|
3132
3138
|
"data-testid": "image-height-input",
|
|
3133
3139
|
class: r(O(Z)),
|
|
3134
3140
|
value: e.block.height,
|
|
3135
3141
|
min: "20",
|
|
3136
3142
|
onInput: n[7] ||= (e) => N(e.target.value)
|
|
3137
|
-
}, null, 42,
|
|
3143
|
+
}, null, 42, bs), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3138
3144
|
]),
|
|
3139
|
-
_("div",
|
|
3145
|
+
_("div", xs, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3140
3146
|
options: [
|
|
3141
3147
|
{
|
|
3142
3148
|
value: "left",
|
|
@@ -3154,9 +3160,9 @@ var Io = {
|
|
|
3154
3160
|
"model-value": e.block.align,
|
|
3155
3161
|
"onUpdate:modelValue": n[8] ||= (e) => T("align", e)
|
|
3156
3162
|
}, null, 8, ["options", "model-value"])]),
|
|
3157
|
-
_("div",
|
|
3163
|
+
_("div", Ss, [
|
|
3158
3164
|
_("label", { class: r(O(Y)) }, C(O(a).image.linkUrl), 3),
|
|
3159
|
-
y(
|
|
3165
|
+
y(Vi, {
|
|
3160
3166
|
"model-value": e.block.linkUrl || "",
|
|
3161
3167
|
type: "url",
|
|
3162
3168
|
placeholder: O(a).image.imageUrlPlaceholder,
|
|
@@ -3172,11 +3178,11 @@ var Io = {
|
|
|
3172
3178
|
])
|
|
3173
3179
|
], 64));
|
|
3174
3180
|
}
|
|
3175
|
-
}),
|
|
3181
|
+
}), Es = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ds = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Os = [
|
|
3176
3182
|
"value",
|
|
3177
3183
|
"placeholder",
|
|
3178
3184
|
"onInput"
|
|
3179
|
-
],
|
|
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({
|
|
3180
3186
|
__name: "MenuToolbar",
|
|
3181
3187
|
props: {
|
|
3182
3188
|
block: {},
|
|
@@ -3240,25 +3246,25 @@ var Io = {
|
|
|
3240
3246
|
}
|
|
3241
3247
|
return (t, n) => (S(), v(D, null, [
|
|
3242
3248
|
y(yn, { label: O(a).menu.items }, {
|
|
3243
|
-
default: M(() => [_("div",
|
|
3249
|
+
default: M(() => [_("div", Es, [(S(!0), v(D, null, x(e.block.items, (t) => (S(), v("div", {
|
|
3244
3250
|
key: t.id,
|
|
3245
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"
|
|
3246
3252
|
}, [
|
|
3247
|
-
_("div",
|
|
3253
|
+
_("div", Ds, [_("input", {
|
|
3248
3254
|
type: "text",
|
|
3249
3255
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3250
3256
|
value: t.text,
|
|
3251
3257
|
placeholder: O(a).menu.text,
|
|
3252
3258
|
onInput: (e) => u(t.id, "text", e.target.value)
|
|
3253
|
-
}, null, 42,
|
|
3259
|
+
}, null, 42, Os), _("button", {
|
|
3254
3260
|
class: r(O(sn)),
|
|
3255
3261
|
title: O(a).menu.removeItem,
|
|
3256
3262
|
onClick: (e) => d(t.id)
|
|
3257
3263
|
}, [y(O(Zt), {
|
|
3258
3264
|
size: 14,
|
|
3259
3265
|
"stroke-width": 2
|
|
3260
|
-
})], 10,
|
|
3261
|
-
y(
|
|
3266
|
+
})], 10, ks)]),
|
|
3267
|
+
y(Vi, {
|
|
3262
3268
|
"model-value": t.url,
|
|
3263
3269
|
type: "url",
|
|
3264
3270
|
placeholder: O(a).menu.urlPlaceholder,
|
|
@@ -3268,7 +3274,7 @@ var Io = {
|
|
|
3268
3274
|
"placeholder",
|
|
3269
3275
|
"onUpdate:modelValue"
|
|
3270
3276
|
]),
|
|
3271
|
-
_("div",
|
|
3277
|
+
_("div", As, [(S(!0), v(D, null, x(o.value, (e) => (S(), w(vn, {
|
|
3272
3278
|
key: e.key,
|
|
3273
3279
|
"model-value": t[e.key],
|
|
3274
3280
|
label: e.label,
|
|
@@ -3278,7 +3284,7 @@ var Io = {
|
|
|
3278
3284
|
"label",
|
|
3279
3285
|
"onUpdate:modelValue"
|
|
3280
3286
|
]))), 128))]),
|
|
3281
|
-
_("div",
|
|
3287
|
+
_("div", js, [_("label", { class: r([O(Y), "tpl:!mb-0"]) }, C(O(a).menu.color), 3), y($, {
|
|
3282
3288
|
"swatch-only": "",
|
|
3283
3289
|
"model-value": t.color || e.block.linkColor || e.block.color || "",
|
|
3284
3290
|
"onUpdate:modelValue": (e) => u(t.id, "color", e)
|
|
@@ -3297,10 +3303,10 @@ var Io = {
|
|
|
3297
3303
|
class: r(O(Q)),
|
|
3298
3304
|
value: e.block.fontFamily || "",
|
|
3299
3305
|
onChange: n[0] ||= (e) => c("fontFamily", e.target.value || void 0)
|
|
3300
|
-
}, [_("option",
|
|
3306
|
+
}, [_("option", Ns, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3301
3307
|
key: e.value,
|
|
3302
3308
|
value: e.value
|
|
3303
|
-
}, C(e.label), 9,
|
|
3309
|
+
}, C(e.label), 9, Ps))), 128))], 42, Ms)]),
|
|
3304
3310
|
_: 1
|
|
3305
3311
|
}, 8, ["label"]),
|
|
3306
3312
|
y(yn, { label: O(a).menu.fontSize }, {
|
|
@@ -3341,7 +3347,7 @@ var Io = {
|
|
|
3341
3347
|
class: r(O(Q)),
|
|
3342
3348
|
value: e.block.separator,
|
|
3343
3349
|
onInput: n[5] ||= (e) => c("separator", e.target.value)
|
|
3344
|
-
}, null, 42,
|
|
3350
|
+
}, null, 42, Fs)]),
|
|
3345
3351
|
_: 1
|
|
3346
3352
|
}, 8, ["label"]),
|
|
3347
3353
|
y(yn, { label: O(a).menu.separatorColor }, {
|
|
@@ -3366,11 +3372,11 @@ var Io = {
|
|
|
3366
3372
|
});
|
|
3367
3373
|
//#endregion
|
|
3368
3374
|
//#region src/utils/rebalanceColumnChildren.ts
|
|
3369
|
-
function
|
|
3375
|
+
function Ls(e) {
|
|
3370
3376
|
return e === "1" ? 1 : e === "3" ? 3 : 2;
|
|
3371
3377
|
}
|
|
3372
|
-
function
|
|
3373
|
-
let n =
|
|
3378
|
+
function Rs(e, t) {
|
|
3379
|
+
let n = Ls(t);
|
|
3374
3380
|
if (e.length === n) return e;
|
|
3375
3381
|
if (e.length < n) {
|
|
3376
3382
|
let t = Array.from({ length: n - e.length }, () => []);
|
|
@@ -3381,13 +3387,13 @@ function Ls(e, t) {
|
|
|
3381
3387
|
}
|
|
3382
3388
|
//#endregion
|
|
3383
3389
|
//#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
|
|
3384
|
-
var
|
|
3390
|
+
var zs = { class: "tpl:mb-3.5" }, Bs = ["value"], Vs = ["value"], Hs = {
|
|
3385
3391
|
key: 0,
|
|
3386
3392
|
class: "tpl:mb-3.5"
|
|
3387
|
-
},
|
|
3393
|
+
}, Us = { class: "tpl:mb-3.5" }, Ws = { class: "tpl:flex tpl:items-stretch" }, Gs = ["value"], Ks = { class: "tpl:mb-3.5" }, qs = {
|
|
3388
3394
|
key: 0,
|
|
3389
3395
|
class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
|
|
3390
|
-
},
|
|
3396
|
+
}, Js = { class: "tpl:flex tpl:items-stretch" }, Ys = ["value"], Xs = /* @__PURE__ */ j({
|
|
3391
3397
|
__name: "SectionToolbar",
|
|
3392
3398
|
props: { block: {} },
|
|
3393
3399
|
emits: ["update"],
|
|
@@ -3415,7 +3421,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3415
3421
|
}
|
|
3416
3422
|
]);
|
|
3417
3423
|
function s(e) {
|
|
3418
|
-
let t = e.target.value, r =
|
|
3424
|
+
let t = e.target.value, r = Rs(n.block.children, t);
|
|
3419
3425
|
i("update", {
|
|
3420
3426
|
columns: t,
|
|
3421
3427
|
children: r
|
|
@@ -3449,39 +3455,39 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3449
3455
|
d({ borderRadius: Number(e.target.value) });
|
|
3450
3456
|
}
|
|
3451
3457
|
return (t, n) => (S(), v(D, null, [
|
|
3452
|
-
_("div",
|
|
3458
|
+
_("div", zs, [_("label", { class: r(O(Y)) }, C(O(a).section.columns), 3), _("select", {
|
|
3453
3459
|
class: r(O(Q)),
|
|
3454
3460
|
value: e.block.columns,
|
|
3455
3461
|
onChange: s
|
|
3456
3462
|
}, [(S(!0), v(D, null, x(o.value, (e) => (S(), v("option", {
|
|
3457
3463
|
key: e.value,
|
|
3458
3464
|
value: e.value
|
|
3459
|
-
}, C(e.label), 9,
|
|
3460
|
-
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, {
|
|
3461
3467
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3462
3468
|
"model-value": e.block.stackOnMobile !== !1,
|
|
3463
3469
|
label: O(a).section.stackOnMobile,
|
|
3464
3470
|
"onUpdate:modelValue": n[0] ||= (e) => c(e)
|
|
3465
3471
|
}, null, 8, ["model-value", "label"])])),
|
|
3466
|
-
_("div",
|
|
3472
|
+
_("div", Us, [_("label", { class: r(O(Y)) }, C(O(a).section.borderRadius), 3), _("div", Ws, [_("input", {
|
|
3467
3473
|
type: "number",
|
|
3468
3474
|
class: r(O(Z)),
|
|
3469
3475
|
value: e.block.borderRadius ?? 0,
|
|
3470
3476
|
min: "0",
|
|
3471
3477
|
max: "50",
|
|
3472
3478
|
onInput: l
|
|
3473
|
-
}, null, 42,
|
|
3474
|
-
_("div",
|
|
3479
|
+
}, null, 42, Gs), _("span", { class: r(O(X)) }, "px", 2)])]),
|
|
3480
|
+
_("div", Ks, [y(vn, {
|
|
3475
3481
|
class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
|
|
3476
3482
|
"model-value": !!e.block.wrapper,
|
|
3477
3483
|
label: O(a).section.wrapperEnable,
|
|
3478
3484
|
"onUpdate:modelValue": n[1] ||= (e) => u(e)
|
|
3479
|
-
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div",
|
|
3485
|
+
}, null, 8, ["model-value", "label"]), e.block.wrapper ? (S(), v("div", qs, [
|
|
3480
3486
|
_("div", null, [_("label", { class: r(O(Y)) }, C(O(a).blockSettings.color), 3), y($, {
|
|
3481
3487
|
"model-value": e.block.wrapper.backgroundColor ?? "",
|
|
3482
3488
|
"onUpdate:modelValue": n[2] ||= (e) => d({ backgroundColor: e })
|
|
3483
3489
|
}, null, 8, ["model-value"])]),
|
|
3484
|
-
y(
|
|
3490
|
+
y(Ia, {
|
|
3485
3491
|
label: O(a).blockSettings.padding,
|
|
3486
3492
|
"model-value": e.block.wrapper.padding ?? {
|
|
3487
3493
|
top: 0,
|
|
@@ -3491,18 +3497,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3491
3497
|
},
|
|
3492
3498
|
"onUpdate:modelValue": f
|
|
3493
3499
|
}, null, 8, ["label", "model-value"]),
|
|
3494
|
-
_("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", {
|
|
3495
3501
|
type: "number",
|
|
3496
3502
|
class: r(O(Z)),
|
|
3497
3503
|
value: e.block.wrapper.borderRadius ?? 0,
|
|
3498
3504
|
min: "0",
|
|
3499
3505
|
max: "50",
|
|
3500
3506
|
onInput: p
|
|
3501
|
-
}, null, 42,
|
|
3507
|
+
}, null, 42, Ys), _("span", { class: r(O(X)) }, "px", 2)])])
|
|
3502
3508
|
])) : A("", !0)])
|
|
3503
3509
|
], 64));
|
|
3504
3510
|
}
|
|
3505
|
-
}),
|
|
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({
|
|
3506
3512
|
__name: "SocialToolbar",
|
|
3507
3513
|
props: { block: {} },
|
|
3508
3514
|
emits: ["update"],
|
|
@@ -3530,10 +3536,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3530
3536
|
i("update", { icons: n.block.icons.filter((t) => t.id !== e) });
|
|
3531
3537
|
}
|
|
3532
3538
|
return (t, n) => (S(), v(D, null, [
|
|
3533
|
-
_("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", {
|
|
3534
3540
|
key: e.id,
|
|
3535
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"
|
|
3536
|
-
}, [_("div",
|
|
3542
|
+
}, [_("div", $s, [_("select", {
|
|
3537
3543
|
"data-testid": "social-platform-select",
|
|
3538
3544
|
class: r([O(Q), "tpl:flex-1"]),
|
|
3539
3545
|
value: e.platform,
|
|
@@ -3541,14 +3547,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3541
3547
|
}, [(S(!0), v(D, null, x(O(Me), (e) => (S(), v("option", {
|
|
3542
3548
|
key: e,
|
|
3543
3549
|
value: e
|
|
3544
|
-
}, C(O(a).social.platforms[e]), 9,
|
|
3550
|
+
}, C(O(a).social.platforms[e]), 9, tc))), 128))], 42, ec), _("button", {
|
|
3545
3551
|
class: r(O(sn)),
|
|
3546
3552
|
title: O(a).social.removeIcon,
|
|
3547
3553
|
onClick: (t) => l(e.id)
|
|
3548
3554
|
}, [y(O(Zt), {
|
|
3549
3555
|
size: 14,
|
|
3550
3556
|
"stroke-width": 2
|
|
3551
|
-
})], 10,
|
|
3557
|
+
})], 10, nc)]), y(Vi, {
|
|
3552
3558
|
"model-value": e.url,
|
|
3553
3559
|
type: "url",
|
|
3554
3560
|
placeholder: O(a).social.urlPlaceholder,
|
|
@@ -3564,18 +3570,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3564
3570
|
size: 14,
|
|
3565
3571
|
"stroke-width": 2
|
|
3566
3572
|
}), b(" " + C(O(a).social.addIcon), 1)], 2)])]),
|
|
3567
|
-
_("div",
|
|
3573
|
+
_("div", rc, [_("label", { class: r(O(Y)) }, C(O(a).social.style), 3), _("select", {
|
|
3568
3574
|
class: r(O(Q)),
|
|
3569
3575
|
value: e.block.iconStyle,
|
|
3570
3576
|
onChange: n[0] ||= (e) => o("iconStyle", e.target.value)
|
|
3571
3577
|
}, [
|
|
3572
|
-
_("option",
|
|
3573
|
-
_("option",
|
|
3574
|
-
_("option",
|
|
3575
|
-
_("option",
|
|
3576
|
-
_("option",
|
|
3577
|
-
], 42,
|
|
3578
|
-
_("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, {
|
|
3579
3585
|
options: [
|
|
3580
3586
|
{
|
|
3581
3587
|
value: "small",
|
|
@@ -3593,15 +3599,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3593
3599
|
"model-value": e.block.iconSize,
|
|
3594
3600
|
"onUpdate:modelValue": n[1] ||= (e) => o("iconSize", e)
|
|
3595
3601
|
}, null, 8, ["options", "model-value"])]),
|
|
3596
|
-
_("div",
|
|
3602
|
+
_("div", dc, [_("label", { class: r(O(Y)) }, C(O(a).social.spacing), 3), _("div", fc, [_("input", {
|
|
3597
3603
|
type: "number",
|
|
3598
3604
|
class: r(O(Z)),
|
|
3599
3605
|
value: e.block.spacing,
|
|
3600
3606
|
min: "0",
|
|
3601
3607
|
max: "50",
|
|
3602
3608
|
onInput: n[2] ||= (e) => o("spacing", Number(e.target.value))
|
|
3603
|
-
}, null, 42,
|
|
3604
|
-
_("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, {
|
|
3605
3611
|
options: [
|
|
3606
3612
|
{
|
|
3607
3613
|
value: "left",
|
|
@@ -3624,22 +3630,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3624
3630
|
}, null, 8, ["options", "model-value"])])
|
|
3625
3631
|
], 64));
|
|
3626
3632
|
}
|
|
3627
|
-
}),
|
|
3633
|
+
}), gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = ["value"], bc = /* @__PURE__ */ j({
|
|
3628
3634
|
__name: "SpacerToolbar",
|
|
3629
3635
|
props: { block: {} },
|
|
3630
3636
|
emits: ["update"],
|
|
3631
3637
|
setup(e, { emit: t }) {
|
|
3632
3638
|
let n = t, { t: i } = q();
|
|
3633
|
-
return (t, a) => (S(), v("div",
|
|
3639
|
+
return (t, a) => (S(), v("div", gc, [
|
|
3634
3640
|
_("label", { class: r(O(Y)) }, C(O(i).spacer.height), 3),
|
|
3635
|
-
_("div",
|
|
3641
|
+
_("div", _c, [_("input", {
|
|
3636
3642
|
type: "number",
|
|
3637
3643
|
class: r(O(Z)),
|
|
3638
3644
|
value: e.block.height,
|
|
3639
3645
|
min: "10",
|
|
3640
3646
|
max: "100",
|
|
3641
3647
|
onInput: a[0] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3642
|
-
}, null, 42,
|
|
3648
|
+
}, null, 42, vc), _("span", { class: r(O(X)) }, "px", 2)]),
|
|
3643
3649
|
_("input", {
|
|
3644
3650
|
type: "range",
|
|
3645
3651
|
class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
|
|
@@ -3647,13 +3653,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3647
3653
|
min: "10",
|
|
3648
3654
|
max: "100",
|
|
3649
3655
|
onInput: a[1] ||= (e) => n("update", { height: Number(e.target.value) })
|
|
3650
|
-
}, null, 40,
|
|
3656
|
+
}, null, 40, yc)
|
|
3651
3657
|
]));
|
|
3652
3658
|
}
|
|
3653
|
-
}),
|
|
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 = {
|
|
3654
3660
|
key: 0,
|
|
3655
3661
|
class: "tpl:mb-3.5"
|
|
3656
|
-
},
|
|
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({
|
|
3657
3663
|
__name: "TableToolbar",
|
|
3658
3664
|
props: {
|
|
3659
3665
|
block: {},
|
|
@@ -3696,7 +3702,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3696
3702
|
i("update", { rows: t });
|
|
3697
3703
|
}
|
|
3698
3704
|
return (t, n) => (S(), v(D, null, [
|
|
3699
|
-
_("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, [
|
|
3700
3706
|
_("button", {
|
|
3701
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",
|
|
3702
3708
|
disabled: e.block.rows.length <= 1,
|
|
@@ -3704,8 +3710,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3704
3710
|
}, [y(O(Ot), {
|
|
3705
3711
|
size: 12,
|
|
3706
3712
|
"stroke-width": 2
|
|
3707
|
-
})], 8,
|
|
3708
|
-
_("span",
|
|
3713
|
+
})], 8, Ec),
|
|
3714
|
+
_("span", Dc, C(e.block.rows.length), 1),
|
|
3709
3715
|
_("button", {
|
|
3710
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)]",
|
|
3711
3717
|
onClick: c
|
|
@@ -3713,7 +3719,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3713
3719
|
size: 12,
|
|
3714
3720
|
"stroke-width": 2
|
|
3715
3721
|
})])
|
|
3716
|
-
])]), _("div",
|
|
3722
|
+
])]), _("div", Oc, [_("span", kc, C(O(a).table.columns), 1), _("div", Ac, [
|
|
3717
3723
|
_("button", {
|
|
3718
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",
|
|
3719
3725
|
disabled: o.value <= 1,
|
|
@@ -3721,8 +3727,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3721
3727
|
}, [y(O(Ot), {
|
|
3722
3728
|
size: 12,
|
|
3723
3729
|
"stroke-width": 2
|
|
3724
|
-
})], 8,
|
|
3725
|
-
_("span",
|
|
3730
|
+
})], 8, jc),
|
|
3731
|
+
_("span", Mc, C(o.value), 1),
|
|
3726
3732
|
_("button", {
|
|
3727
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)]",
|
|
3728
3734
|
onClick: u
|
|
@@ -3731,13 +3737,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3731
3737
|
"stroke-width": 2
|
|
3732
3738
|
})])
|
|
3733
3739
|
])])])]),
|
|
3734
|
-
_("div",
|
|
3740
|
+
_("div", Nc, [y(vn, {
|
|
3735
3741
|
class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
|
|
3736
3742
|
"model-value": e.block.hasHeaderRow,
|
|
3737
3743
|
label: O(a).table.hasHeaderRow,
|
|
3738
3744
|
"onUpdate:modelValue": n[2] ||= (e) => s("hasHeaderRow", e)
|
|
3739
3745
|
}, null, 8, ["model-value", "label"])]),
|
|
3740
|
-
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($, {
|
|
3741
3747
|
"model-value": e.block.headerBackgroundColor ?? "",
|
|
3742
3748
|
"seed-color": O(un),
|
|
3743
3749
|
placeholder: O(a).table.noHeaderBg,
|
|
@@ -3747,47 +3753,47 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3747
3753
|
"seed-color",
|
|
3748
3754
|
"placeholder"
|
|
3749
3755
|
])])) : A("", !0),
|
|
3750
|
-
_("div",
|
|
3756
|
+
_("div", Fc, [_("label", { class: r(O(Y)) }, C(O(a).table.borderColor), 3), y($, {
|
|
3751
3757
|
"model-value": e.block.borderColor,
|
|
3752
3758
|
"onUpdate:modelValue": n[4] ||= (e) => s("borderColor", e)
|
|
3753
3759
|
}, null, 8, ["model-value"])]),
|
|
3754
|
-
_("div",
|
|
3760
|
+
_("div", Ic, [_("label", { class: r(O(Y)) }, C(O(a).table.borderWidth), 3), _("div", Lc, [_("input", {
|
|
3755
3761
|
type: "number",
|
|
3756
3762
|
class: r(O(Z)),
|
|
3757
3763
|
value: e.block.borderWidth,
|
|
3758
3764
|
min: "0",
|
|
3759
3765
|
max: "10",
|
|
3760
3766
|
onInput: n[5] ||= (e) => s("borderWidth", Number(e.target.value))
|
|
3761
|
-
}, null, 42,
|
|
3762
|
-
_("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", {
|
|
3763
3769
|
type: "number",
|
|
3764
3770
|
class: r(O(Z)),
|
|
3765
3771
|
value: e.block.cellPadding,
|
|
3766
3772
|
min: "0",
|
|
3767
3773
|
max: "30",
|
|
3768
3774
|
onInput: n[6] ||= (e) => s("cellPadding", Number(e.target.value))
|
|
3769
|
-
}, null, 42,
|
|
3770
|
-
_("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", {
|
|
3771
3777
|
class: r(O(Q)),
|
|
3772
3778
|
value: e.block.fontFamily || "",
|
|
3773
3779
|
onChange: n[7] ||= (e) => s("fontFamily", e.target.value || void 0)
|
|
3774
|
-
}, [_("option",
|
|
3780
|
+
}, [_("option", Wc, C(O(a).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3775
3781
|
key: e.value,
|
|
3776
3782
|
value: e.value
|
|
3777
|
-
}, C(e.label), 9,
|
|
3778
|
-
_("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", {
|
|
3779
3785
|
type: "number",
|
|
3780
3786
|
class: r(O(Z)),
|
|
3781
3787
|
value: e.block.fontSize,
|
|
3782
3788
|
min: "10",
|
|
3783
3789
|
max: "32",
|
|
3784
3790
|
onInput: n[8] ||= (e) => s("fontSize", Number(e.target.value))
|
|
3785
|
-
}, null, 42,
|
|
3786
|
-
_("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($, {
|
|
3787
3793
|
"model-value": e.block.color ?? "",
|
|
3788
3794
|
"onUpdate:modelValue": n[9] ||= (e) => s("color", e || void 0)
|
|
3789
3795
|
}, null, 8, ["model-value"])]),
|
|
3790
|
-
_("div",
|
|
3796
|
+
_("div", Xc, [_("label", { class: r(O(Y)) }, C(O(a).table.textAlign), 3), y(bn, {
|
|
3791
3797
|
options: [
|
|
3792
3798
|
{
|
|
3793
3799
|
value: "left",
|
|
@@ -3810,7 +3816,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3810
3816
|
}, null, 8, ["options", "model-value"])])
|
|
3811
3817
|
], 64));
|
|
3812
3818
|
}
|
|
3813
|
-
}),
|
|
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({
|
|
3814
3820
|
__name: "TitleToolbar",
|
|
3815
3821
|
props: {
|
|
3816
3822
|
block: {},
|
|
@@ -3823,29 +3829,29 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3823
3829
|
n("update", { [e]: t });
|
|
3824
3830
|
}
|
|
3825
3831
|
return (t, n) => (S(), v(D, null, [
|
|
3826
|
-
_("div",
|
|
3832
|
+
_("div", Qc, [_("label", { class: r(O(Y)) }, C(O(i).title.level), 3), _("select", {
|
|
3827
3833
|
class: r(O(Q)),
|
|
3828
3834
|
value: e.block.level,
|
|
3829
3835
|
onChange: n[0] ||= (e) => a("level", Number(e.target.value))
|
|
3830
3836
|
}, [
|
|
3831
|
-
_("option",
|
|
3832
|
-
_("option",
|
|
3833
|
-
_("option",
|
|
3834
|
-
_("option",
|
|
3835
|
-
], 42,
|
|
3836
|
-
_("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", {
|
|
3837
3843
|
class: r(O(Q)),
|
|
3838
3844
|
value: e.block.fontFamily || "",
|
|
3839
3845
|
onChange: n[1] ||= (e) => a("fontFamily", e.target.value || void 0)
|
|
3840
|
-
}, [_("option",
|
|
3846
|
+
}, [_("option", ol, C(O(i).title.inheritFont), 1), (S(!0), v(D, null, x(e.fontFamilies, (e) => (S(), v("option", {
|
|
3841
3847
|
key: e.value,
|
|
3842
3848
|
value: e.value
|
|
3843
|
-
}, C(e.label), 9,
|
|
3844
|
-
_("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($, {
|
|
3845
3851
|
"model-value": e.block.color ?? "",
|
|
3846
3852
|
"onUpdate:modelValue": n[2] ||= (e) => a("color", e || void 0)
|
|
3847
3853
|
}, null, 8, ["model-value"])]),
|
|
3848
|
-
_("div",
|
|
3854
|
+
_("div", ll, [_("label", { class: r(O(Y)) }, C(O(i).title.align), 3), y(bn, {
|
|
3849
3855
|
options: [
|
|
3850
3856
|
{
|
|
3851
3857
|
value: "left",
|
|
@@ -3868,17 +3874,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3868
3874
|
}, null, 8, ["options", "model-value"])])
|
|
3869
3875
|
], 64));
|
|
3870
3876
|
}
|
|
3871
|
-
}),
|
|
3877
|
+
}), dl = { class: "tpl:mb-3.5" }, fl = {
|
|
3872
3878
|
key: 0,
|
|
3873
3879
|
class: "tpl:mb-3.5"
|
|
3874
|
-
},
|
|
3880
|
+
}, pl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, ml = [
|
|
3875
3881
|
"value",
|
|
3876
3882
|
"placeholder",
|
|
3877
3883
|
"title"
|
|
3878
|
-
],
|
|
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 = {
|
|
3879
3885
|
key: 0,
|
|
3880
3886
|
class: "tpl:mt-2 tpl:flex tpl:items-stretch"
|
|
3881
|
-
},
|
|
3887
|
+
}, El = ["value"], Dl = { class: "tpl:mb-3.5" }, Ol = 200, kl = /* @__PURE__ */ j({
|
|
3882
3888
|
__name: "VideoToolbar",
|
|
3883
3889
|
props: { block: {} },
|
|
3884
3890
|
emits: ["update"],
|
|
@@ -3890,7 +3896,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3890
3896
|
i("update", { [e]: t });
|
|
3891
3897
|
}
|
|
3892
3898
|
function x(e) {
|
|
3893
|
-
g("height", e === "custom" ?
|
|
3899
|
+
g("height", e === "custom" ? Ol : void 0);
|
|
3894
3900
|
}
|
|
3895
3901
|
function T(e) {
|
|
3896
3902
|
let t = Number(e);
|
|
@@ -3901,9 +3907,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3901
3907
|
c.alive && e && (g("thumbnailUrl", e.url), p.value = !0, h());
|
|
3902
3908
|
}
|
|
3903
3909
|
return (t, n) => (S(), v(D, null, [
|
|
3904
|
-
_("div",
|
|
3910
|
+
_("div", dl, [
|
|
3905
3911
|
_("label", { class: r(O(Y)) }, C(O(a).video.videoUrl), 3),
|
|
3906
|
-
y(
|
|
3912
|
+
y(Vi, {
|
|
3907
3913
|
"model-value": e.block.url,
|
|
3908
3914
|
type: "url",
|
|
3909
3915
|
placeholder: O(a).video.videoUrlPlaceholder,
|
|
@@ -3917,17 +3923,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3917
3923
|
"onUpdate:modelValue": n[1] ||= (e) => g("openInNewTab", e)
|
|
3918
3924
|
}, null, 8, ["model-value", "label"])) : A("", !0)
|
|
3919
3925
|
]),
|
|
3920
|
-
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", {
|
|
3921
3927
|
type: "url",
|
|
3922
3928
|
class: r(O(Q)),
|
|
3923
3929
|
value: e.block.placeholderUrl || "",
|
|
3924
3930
|
placeholder: O(a).video.placeholderUrlPlaceholder,
|
|
3925
3931
|
title: O(a).video.placeholderUrlTooltip,
|
|
3926
3932
|
onInput: n[2] ||= (e) => g("placeholderUrl", e.target.value)
|
|
3927
|
-
}, null, 42,
|
|
3928
|
-
_("div",
|
|
3929
|
-
_("label", { class: r(O(Y)) }, [b(C(O(a).video.customThumbnail) + " ", 1), _("span",
|
|
3930
|
-
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, {
|
|
3931
3937
|
"model-value": e.block.thumbnailUrl,
|
|
3932
3938
|
type: "url",
|
|
3933
3939
|
placeholder: O(a).video.thumbnailPlaceholder,
|
|
@@ -3952,40 +3958,40 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
3952
3958
|
"stroke-width": 1.5
|
|
3953
3959
|
}), b(" " + C(O(a).image.browseMedia), 1)])) : A("", !0)
|
|
3954
3960
|
]),
|
|
3955
|
-
_("div",
|
|
3961
|
+
_("div", _l, [_("label", { class: r(O(Y)) }, C(O(a).video.altText), 3), y(Vi, {
|
|
3956
3962
|
"model-value": e.block.alt,
|
|
3957
3963
|
type: "text",
|
|
3958
3964
|
placeholder: O(a).video.altTextPlaceholder,
|
|
3959
3965
|
"onUpdate:modelValue": n[4] ||= (e) => g("alt", e)
|
|
3960
3966
|
}, null, 8, ["model-value", "placeholder"])]),
|
|
3961
|
-
_("div",
|
|
3967
|
+
_("div", vl, [_("label", { class: r(O(Y)) }, C(O(a).video.width), 3), _("select", {
|
|
3962
3968
|
class: r(O(Q)),
|
|
3963
3969
|
value: e.block.width,
|
|
3964
3970
|
onChange: n[5] ||= (e) => g("width", e.target.value === "full" ? "full" : Number(e.target.value))
|
|
3965
3971
|
}, [
|
|
3966
|
-
_("option",
|
|
3972
|
+
_("option", bl, C(O(a).video.fullWidth), 1),
|
|
3967
3973
|
n[9] ||= _("option", { value: "300" }, "300px", -1),
|
|
3968
3974
|
n[10] ||= _("option", { value: "400" }, "400px", -1),
|
|
3969
3975
|
n[11] ||= _("option", { value: "500" }, "500px", -1)
|
|
3970
|
-
], 42,
|
|
3971
|
-
_("div",
|
|
3976
|
+
], 42, yl)]),
|
|
3977
|
+
_("div", xl, [
|
|
3972
3978
|
_("label", { class: r(O(Y)) }, C(O(a).video.height), 3),
|
|
3973
3979
|
_("select", {
|
|
3974
3980
|
class: r(O(Q)),
|
|
3975
3981
|
"data-testid": "video-height-mode",
|
|
3976
3982
|
value: f.value,
|
|
3977
3983
|
onChange: n[6] ||= (e) => x(e.target.value)
|
|
3978
|
-
}, [_("option",
|
|
3979
|
-
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", {
|
|
3980
3986
|
type: "number",
|
|
3981
3987
|
"data-testid": "video-height-input",
|
|
3982
3988
|
class: r(O(Z)),
|
|
3983
3989
|
value: e.block.height,
|
|
3984
3990
|
min: "20",
|
|
3985
3991
|
onInput: n[7] ||= (e) => T(e.target.value)
|
|
3986
|
-
}, null, 42,
|
|
3992
|
+
}, null, 42, El), _("span", { class: r(O(X)) }, "px", 2)])) : A("", !0)
|
|
3987
3993
|
]),
|
|
3988
|
-
_("div",
|
|
3994
|
+
_("div", Dl, [_("label", { class: r(O(Y)) }, C(O(a).title.align), 3), y(bn, {
|
|
3989
3995
|
options: [
|
|
3990
3996
|
{
|
|
3991
3997
|
value: "left",
|
|
@@ -4005,7 +4011,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4005
4011
|
}, null, 8, ["options", "model-value"])])
|
|
4006
4012
|
], 64));
|
|
4007
4013
|
}
|
|
4008
|
-
}),
|
|
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({
|
|
4009
4015
|
__name: "Toolbar",
|
|
4010
4016
|
props: { block: {} },
|
|
4011
4017
|
emits: [
|
|
@@ -4014,7 +4020,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4014
4020
|
"duplicate"
|
|
4015
4021
|
],
|
|
4016
4022
|
setup(e, { emit: t }) {
|
|
4017
|
-
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(() => {
|
|
4018
4024
|
if (l.value) return s.find((e) => e.type === r.block.customType);
|
|
4019
4025
|
}), p = k(() => l.value ? f.value?.name ?? r.block.customType : _e(c.value, a)), m = o.fonts;
|
|
4020
4026
|
function g(e) {
|
|
@@ -4023,7 +4029,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4023
4029
|
return (t, r) => (S(), v("aside", {
|
|
4024
4030
|
"aria-label": O(a).landmarks.blockToolbar,
|
|
4025
4031
|
class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
|
|
4026
|
-
}, [_("div",
|
|
4032
|
+
}, [_("div", jl, [_("div", Ml, [O(jt)[c.value] ? (S(), w(u(O(jt)[c.value]), {
|
|
4027
4033
|
key: 0,
|
|
4028
4034
|
size: 16,
|
|
4029
4035
|
"stroke-width": 1.5
|
|
@@ -4031,70 +4037,70 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4031
4037
|
key: 1,
|
|
4032
4038
|
size: 16,
|
|
4033
4039
|
"stroke-width": 1.5
|
|
4034
|
-
})) : A("", !0), _("h3",
|
|
4040
|
+
})) : A("", !0), _("h3", Nl, C(p.value), 1)]), _("div", Pl, [_("button", {
|
|
4035
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)]",
|
|
4036
4042
|
title: O(a).toolbar.duplicate,
|
|
4037
4043
|
onClick: r[0] ||= (e) => i("duplicate")
|
|
4038
4044
|
}, [y(O(se), {
|
|
4039
4045
|
size: 14,
|
|
4040
4046
|
"stroke-width": 2
|
|
4041
|
-
})], 8,
|
|
4047
|
+
})], 8, Fl), _("button", {
|
|
4042
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)]",
|
|
4043
4049
|
title: O(a).toolbar.delete,
|
|
4044
4050
|
onClick: r[1] ||= (e) => i("delete")
|
|
4045
4051
|
}, [y(O(Yt), {
|
|
4046
4052
|
size: 14,
|
|
4047
4053
|
"stroke-width": 2
|
|
4048
|
-
})], 8,
|
|
4054
|
+
})], 8, Il)])]), _("div", Ll, [l.value ? (S(), w(Go, {
|
|
4049
4055
|
key: 0,
|
|
4050
4056
|
block: e.block,
|
|
4051
4057
|
onUpdateFieldValues: r[2] ||= (e) => i("update", { fieldValues: e }),
|
|
4052
4058
|
onUpdateDataSourceFetched: r[3] ||= (e) => i("update", { dataSourceFetched: e })
|
|
4053
|
-
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(
|
|
4059
|
+
}, null, 8, ["block"])) : c.value === "section" ? (S(), w(Xs, {
|
|
4054
4060
|
key: 1,
|
|
4055
4061
|
block: e.block,
|
|
4056
4062
|
onUpdate: g
|
|
4057
|
-
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(
|
|
4063
|
+
}, null, 8, ["block"])) : c.value === "title" ? (S(), w(ul, {
|
|
4058
4064
|
key: 2,
|
|
4059
4065
|
block: e.block,
|
|
4060
4066
|
"font-families": O(m),
|
|
4061
4067
|
onUpdate: g
|
|
4062
|
-
}, 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, {
|
|
4063
4069
|
key: 4,
|
|
4064
4070
|
block: e.block,
|
|
4065
4071
|
onUpdate: g
|
|
4066
|
-
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(
|
|
4072
|
+
}, null, 8, ["block"])) : c.value === "video" ? (S(), w(kl, {
|
|
4067
4073
|
key: 5,
|
|
4068
4074
|
block: e.block,
|
|
4069
4075
|
onUpdate: g
|
|
4070
|
-
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(
|
|
4076
|
+
}, null, 8, ["block"])) : c.value === "button" ? (S(), w(fa, {
|
|
4071
4077
|
key: 6,
|
|
4072
4078
|
block: e.block,
|
|
4073
4079
|
"font-families": O(m),
|
|
4074
4080
|
onUpdate: g
|
|
4075
|
-
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(
|
|
4081
|
+
}, null, 8, ["block", "font-families"])) : c.value === "divider" ? (S(), w(Zo, {
|
|
4076
4082
|
key: 7,
|
|
4077
4083
|
block: e.block,
|
|
4078
4084
|
onUpdate: g
|
|
4079
|
-
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(
|
|
4085
|
+
}, null, 8, ["block"])) : c.value === "social" ? (S(), w(hc, {
|
|
4080
4086
|
key: 8,
|
|
4081
4087
|
block: e.block,
|
|
4082
4088
|
onUpdate: g
|
|
4083
|
-
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(
|
|
4089
|
+
}, null, 8, ["block"])) : c.value === "menu" ? (S(), w(Is, {
|
|
4084
4090
|
key: 9,
|
|
4085
4091
|
block: e.block,
|
|
4086
4092
|
"font-families": O(m),
|
|
4087
4093
|
onUpdate: g
|
|
4088
|
-
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(
|
|
4094
|
+
}, null, 8, ["block", "font-families"])) : c.value === "table" ? (S(), w(Zc, {
|
|
4089
4095
|
key: 10,
|
|
4090
4096
|
block: e.block,
|
|
4091
4097
|
"font-families": O(m),
|
|
4092
4098
|
onUpdate: g
|
|
4093
|
-
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(
|
|
4099
|
+
}, null, 8, ["block", "font-families"])) : c.value === "spacer" ? (S(), w(bc, {
|
|
4094
4100
|
key: 11,
|
|
4095
4101
|
block: e.block,
|
|
4096
4102
|
onUpdate: g
|
|
4097
|
-
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(
|
|
4103
|
+
}, null, 8, ["block"])) : c.value === "html" ? (S(), w(ts, {
|
|
4098
4104
|
key: 12,
|
|
4099
4105
|
block: e.block,
|
|
4100
4106
|
onUpdate: g
|
|
@@ -4103,52 +4109,52 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4103
4109
|
block: e.block,
|
|
4104
4110
|
"font-families": O(m),
|
|
4105
4111
|
onUpdate: g
|
|
4106
|
-
}, null, 8, ["block", "font-families"])) : A("", !0), y(
|
|
4112
|
+
}, null, 8, ["block", "font-families"])) : A("", !0), y(io, {
|
|
4107
4113
|
block: e.block,
|
|
4108
4114
|
"is-first-section": c.value === "paragraph",
|
|
4109
4115
|
onUpdate: g
|
|
4110
|
-
}, null, 8, ["block", "is-first-section"])])], 8,
|
|
4116
|
+
}, null, 8, ["block", "is-first-section"])])], 8, Al));
|
|
4111
4117
|
}
|
|
4112
|
-
}), [["__scopeId", "data-v-c0ea5f03"]]),
|
|
4118
|
+
}), [["__scopeId", "data-v-c0ea5f03"]]), zl = ["aria-label"], Bl = {
|
|
4113
4119
|
role: "tablist",
|
|
4114
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"
|
|
4115
|
-
},
|
|
4121
|
+
}, Vl = [
|
|
4116
4122
|
"aria-selected",
|
|
4117
4123
|
"aria-label",
|
|
4118
4124
|
"title"
|
|
4119
|
-
],
|
|
4125
|
+
], Hl = { key: 0 }, Ul = [
|
|
4120
4126
|
"aria-selected",
|
|
4121
4127
|
"aria-label",
|
|
4122
4128
|
"title"
|
|
4123
|
-
],
|
|
4129
|
+
], Wl = { key: 0 }, Gl = [
|
|
4124
4130
|
"aria-selected",
|
|
4125
4131
|
"aria-label",
|
|
4126
4132
|
"title"
|
|
4127
|
-
],
|
|
4133
|
+
], Kl = { key: 0 }, ql = {
|
|
4128
4134
|
key: 1,
|
|
4129
4135
|
class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
|
|
4130
|
-
},
|
|
4136
|
+
}, Jl = {
|
|
4131
4137
|
key: 0,
|
|
4132
4138
|
id: "tpl-tabpanel-content",
|
|
4133
4139
|
role: "tabpanel",
|
|
4134
4140
|
"aria-labelledby": "tpl-tab-content",
|
|
4135
4141
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4136
|
-
},
|
|
4142
|
+
}, Yl = {
|
|
4137
4143
|
key: 1,
|
|
4138
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)]"
|
|
4139
|
-
},
|
|
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 = {
|
|
4140
4146
|
key: 1,
|
|
4141
4147
|
id: "tpl-tabpanel-settings",
|
|
4142
4148
|
role: "tabpanel",
|
|
4143
4149
|
"aria-labelledby": "tpl-tab-settings",
|
|
4144
4150
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4145
|
-
},
|
|
4151
|
+
}, eu = {
|
|
4146
4152
|
key: 2,
|
|
4147
4153
|
id: "tpl-tabpanel-issues",
|
|
4148
4154
|
role: "tabpanel",
|
|
4149
4155
|
"aria-labelledby": "tpl-tab-issues",
|
|
4150
4156
|
class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
|
|
4151
|
-
},
|
|
4157
|
+
}, tu = /* @__PURE__ */ j({
|
|
4152
4158
|
__name: "RightSidebar",
|
|
4153
4159
|
props: {
|
|
4154
4160
|
selectedBlock: {},
|
|
@@ -4162,7 +4168,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4162
4168
|
"update-settings"
|
|
4163
4169
|
],
|
|
4164
4170
|
setup(e, { emit: t }) {
|
|
4165
|
-
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);
|
|
4166
4172
|
function g(e) {
|
|
4167
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)]";
|
|
4168
4174
|
}
|
|
@@ -4178,7 +4184,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4178
4184
|
"aria-label": O(s).landmarks.rightSidebar,
|
|
4179
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"])
|
|
4180
4186
|
}, [
|
|
4181
|
-
_("div",
|
|
4187
|
+
_("div", Bl, [
|
|
4182
4188
|
_("button", {
|
|
4183
4189
|
id: "tpl-tab-content",
|
|
4184
4190
|
role: "tab",
|
|
@@ -4192,7 +4198,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4192
4198
|
}, [y(O(An), {
|
|
4193
4199
|
size: 14,
|
|
4194
4200
|
"stroke-width": 2
|
|
4195
|
-
}), c.value === "content" ? (S(), v("span",
|
|
4201
|
+
}), c.value === "content" ? (S(), v("span", Hl, C(O(s).sidebar.content), 1)) : A("", !0)], 14, Vl),
|
|
4196
4202
|
_("button", {
|
|
4197
4203
|
id: "tpl-tab-settings",
|
|
4198
4204
|
role: "tab",
|
|
@@ -4206,7 +4212,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4206
4212
|
}, [y(O(Pn), {
|
|
4207
4213
|
size: 14,
|
|
4208
4214
|
"stroke-width": 1.5
|
|
4209
|
-
}), c.value === "settings" ? (S(), v("span",
|
|
4215
|
+
}), c.value === "settings" ? (S(), v("span", Wl, C(O(s).sidebar.settings), 1)) : A("", !0)], 14, Ul),
|
|
4210
4216
|
f.value ? (S(), v("button", {
|
|
4211
4217
|
key: 0,
|
|
4212
4218
|
id: "tpl-tab-issues",
|
|
@@ -4223,68 +4229,68 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4223
4229
|
size: 14,
|
|
4224
4230
|
"stroke-width": 1.5
|
|
4225
4231
|
}),
|
|
4226
|
-
c.value === "issues" ? (S(), v("span",
|
|
4227
|
-
p.value > 0 ? (S(), v("span",
|
|
4228
|
-
], 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)
|
|
4229
4235
|
]),
|
|
4230
|
-
c.value === "content" ? (S(), v("div",
|
|
4236
|
+
c.value === "content" ? (S(), v("div", Jl, [e.selectedBlock ? (S(), w(Rl, {
|
|
4231
4237
|
key: 0,
|
|
4232
4238
|
block: e.selectedBlock,
|
|
4233
4239
|
onUpdate: i[3] ||= (e) => a("update-block", e),
|
|
4234
4240
|
onDelete: i[4] ||= (e) => a("delete-block"),
|
|
4235
4241
|
onDuplicate: i[5] ||= (e) => a("duplicate-block")
|
|
4236
|
-
}, null, 8, ["block"])) : (S(), v("div",
|
|
4237
|
-
_("div",
|
|
4242
|
+
}, null, 8, ["block"])) : (S(), v("div", Yl, [
|
|
4243
|
+
_("div", Xl, [y(O(En), {
|
|
4238
4244
|
size: 40,
|
|
4239
4245
|
"stroke-width": 1.5
|
|
4240
4246
|
})]),
|
|
4241
|
-
_("h3",
|
|
4242
|
-
_("p",
|
|
4247
|
+
_("h3", Zl, C(O(s).sidebar.noSelection), 1),
|
|
4248
|
+
_("p", Ql, C(O(s).sidebar.noSelectionHint), 1)
|
|
4243
4249
|
]))])) : A("", !0),
|
|
4244
|
-
c.value === "settings" ? (S(), v("div",
|
|
4250
|
+
c.value === "settings" ? (S(), v("div", $l, [y(Pi, {
|
|
4245
4251
|
settings: e.settings,
|
|
4246
4252
|
onUpdate: i[6] ||= (e) => a("update-settings", e)
|
|
4247
4253
|
}, null, 8, ["settings"])])) : A("", !0),
|
|
4248
|
-
c.value === "issues" && f.value ? (S(), v("div",
|
|
4249
|
-
], 10,
|
|
4254
|
+
c.value === "issues" && f.value ? (S(), v("div", eu, [y(O(n))])) : A("", !0)
|
|
4255
|
+
], 10, zl));
|
|
4250
4256
|
}
|
|
4251
|
-
}),
|
|
4257
|
+
}), nu = {
|
|
4252
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)]",
|
|
4253
4259
|
style: { "z-index": "10001" },
|
|
4254
4260
|
role: "status",
|
|
4255
4261
|
"data-testid": "small-screen-notice"
|
|
4256
|
-
},
|
|
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({
|
|
4257
4263
|
__name: "SmallScreenNotice",
|
|
4258
4264
|
setup(e) {
|
|
4259
4265
|
let { t } = q();
|
|
4260
|
-
return (e, n) => (S(), v("div",
|
|
4261
|
-
_("div",
|
|
4266
|
+
return (e, n) => (S(), v("div", nu, [
|
|
4267
|
+
_("div", ru, [y(O(Bt), {
|
|
4262
4268
|
size: 48,
|
|
4263
4269
|
"stroke-width": 1.5
|
|
4264
4270
|
})]),
|
|
4265
|
-
_("h2",
|
|
4266
|
-
_("p",
|
|
4271
|
+
_("h2", iu, C(O(t).smallScreen.title), 1),
|
|
4272
|
+
_("p", au, C(O(t).smallScreen.message), 1)
|
|
4267
4273
|
]));
|
|
4268
4274
|
}
|
|
4269
|
-
}),
|
|
4275
|
+
}), su = {
|
|
4270
4276
|
class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
|
|
4271
4277
|
style: {
|
|
4272
4278
|
"background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
|
|
4273
4279
|
"backdrop-filter": "blur(8px)",
|
|
4274
4280
|
"-webkit-backdrop-filter": "blur(8px)"
|
|
4275
4281
|
}
|
|
4276
|
-
},
|
|
4282
|
+
}, cu = {
|
|
4277
4283
|
href: "https://github.com/templatical/sdk",
|
|
4278
4284
|
target: "_blank",
|
|
4279
4285
|
rel: "noopener noreferrer",
|
|
4280
4286
|
class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
|
|
4281
4287
|
style: { "text-decoration": "none" }
|
|
4282
|
-
},
|
|
4288
|
+
}, lu = /* @__PURE__ */ j({
|
|
4283
4289
|
__name: "EditorFooter",
|
|
4284
4290
|
props: { positionClass: {} },
|
|
4285
4291
|
setup(e) {
|
|
4286
4292
|
let { t } = q();
|
|
4287
|
-
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, [
|
|
4288
4294
|
_("span", null, C(O(t).footer.poweredBy), 1),
|
|
4289
4295
|
i[0] ||= _("a", {
|
|
4290
4296
|
href: "https://templatical.com",
|
|
@@ -4299,14 +4305,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4299
4305
|
alt: ""
|
|
4300
4306
|
}), b(" Templatical ")], -1),
|
|
4301
4307
|
i[1] ||= _("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
|
|
4302
|
-
_("a",
|
|
4308
|
+
_("a", cu, C(O(t).footer.openSource), 1)
|
|
4303
4309
|
])], 2));
|
|
4304
4310
|
}
|
|
4305
|
-
}),
|
|
4311
|
+
}), uu = [
|
|
4306
4312
|
"aria-label",
|
|
4307
4313
|
"title",
|
|
4308
4314
|
"aria-pressed"
|
|
4309
|
-
],
|
|
4315
|
+
], du = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4310
4316
|
__name: "DarkModeToggle",
|
|
4311
4317
|
props: { darkMode: { type: Boolean } },
|
|
4312
4318
|
emits: ["change"],
|
|
@@ -4339,13 +4345,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4339
4345
|
"stroke-width": 1.5
|
|
4340
4346
|
}))]),
|
|
4341
4347
|
_: 1
|
|
4342
|
-
})], 12,
|
|
4348
|
+
})], 12, uu));
|
|
4343
4349
|
}
|
|
4344
|
-
}), [["__scopeId", "data-v-632aa74f"]]),
|
|
4350
|
+
}), [["__scopeId", "data-v-632aa74f"]]), fu = [
|
|
4345
4351
|
"aria-label",
|
|
4346
4352
|
"title",
|
|
4347
4353
|
"aria-pressed"
|
|
4348
|
-
],
|
|
4354
|
+
], pu = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
4349
4355
|
__name: "PreviewToggle",
|
|
4350
4356
|
props: { previewMode: { type: Boolean } },
|
|
4351
4357
|
emits: ["change"],
|
|
@@ -4378,9 +4384,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4378
4384
|
"stroke-width": 1.5
|
|
4379
4385
|
}))]),
|
|
4380
4386
|
_: 1
|
|
4381
|
-
})], 12,
|
|
4387
|
+
})], 12, fu));
|
|
4382
4388
|
}
|
|
4383
|
-
}), [["__scopeId", "data-v-eef7b2ca"]]),
|
|
4389
|
+
}), [["__scopeId", "data-v-eef7b2ca"]]), mu = ["aria-label", "onKeydown"], hu = ["title", "aria-label"], gu = /* @__PURE__ */ j({
|
|
4384
4390
|
__name: "TemplateNameField",
|
|
4385
4391
|
props: {
|
|
4386
4392
|
name: {},
|
|
@@ -4412,7 +4418,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4412
4418
|
class: r([O(Q), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
|
|
4413
4419
|
onKeydown: [L(P(d, ["prevent"]), ["enter"]), L(P(p, ["prevent"]), ["esc"])],
|
|
4414
4420
|
onBlur: d
|
|
4415
|
-
}, null, 42,
|
|
4421
|
+
}, null, 42, mu)), [[N, c.value]]) : e.editable ? (S(), v("button", {
|
|
4416
4422
|
key: 1,
|
|
4417
4423
|
type: "button",
|
|
4418
4424
|
"data-testid": "template-name",
|
|
@@ -4420,13 +4426,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4420
4426
|
"aria-label": O(o).header.rename,
|
|
4421
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 }]),
|
|
4422
4428
|
onClick: u
|
|
4423
|
-
}, C(e.name || O(o).header.untitled), 11,
|
|
4429
|
+
}, C(e.name || O(o).header.untitled), 11, hu)) : (S(), v("span", {
|
|
4424
4430
|
key: 2,
|
|
4425
4431
|
"data-testid": "template-name",
|
|
4426
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 }])
|
|
4427
4433
|
}, C(e.name || O(o).header.untitled), 3));
|
|
4428
4434
|
}
|
|
4429
|
-
}),
|
|
4435
|
+
}), _u = ["title"], vu = /* @__PURE__ */ j({
|
|
4430
4436
|
__name: "TemplateTimestamp",
|
|
4431
4437
|
props: {
|
|
4432
4438
|
iso: {},
|
|
@@ -4452,19 +4458,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4452
4458
|
"data-testid": "template-timestamp",
|
|
4453
4459
|
title: o.value,
|
|
4454
4460
|
class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
|
|
4455
|
-
}, C(a.value), 9,
|
|
4461
|
+
}, C(a.value), 9, _u)) : A("", !0);
|
|
4456
4462
|
}
|
|
4457
|
-
}),
|
|
4463
|
+
}), yu = ["data-tooltip"], bu = {
|
|
4458
4464
|
key: 1,
|
|
4459
4465
|
"aria-live": "polite",
|
|
4460
4466
|
"data-testid": "save-status-saved",
|
|
4461
4467
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
|
|
4462
|
-
},
|
|
4468
|
+
}, xu = {
|
|
4463
4469
|
key: 2,
|
|
4464
4470
|
"aria-live": "polite",
|
|
4465
4471
|
"data-testid": "save-status-unsaved",
|
|
4466
4472
|
class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
|
|
4467
|
-
},
|
|
4473
|
+
}, Su = /* @__PURE__ */ j({
|
|
4468
4474
|
__name: "TemplateSaveStatus",
|
|
4469
4475
|
props: {
|
|
4470
4476
|
status: {},
|
|
@@ -4482,19 +4488,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4482
4488
|
}, [y(O(Dt), {
|
|
4483
4489
|
size: 12,
|
|
4484
4490
|
"stroke-width": 2.5
|
|
4485
|
-
}), 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), {
|
|
4486
4492
|
size: 12,
|
|
4487
4493
|
"stroke-width": 2.5
|
|
4488
|
-
}), 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);
|
|
4489
4495
|
}
|
|
4490
|
-
}),
|
|
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 = {
|
|
4491
4497
|
key: 0,
|
|
4492
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)]"
|
|
4493
|
-
},
|
|
4499
|
+
}, ku = [
|
|
4494
4500
|
"aria-label",
|
|
4495
4501
|
"title",
|
|
4496
4502
|
"disabled"
|
|
4497
|
-
],
|
|
4503
|
+
], Au = ["disabled", "title"], ju = /* @__PURE__ */ j({
|
|
4498
4504
|
__name: "EditorHeader",
|
|
4499
4505
|
props: {
|
|
4500
4506
|
editor: {},
|
|
@@ -4506,13 +4512,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4506
4512
|
comments: {}
|
|
4507
4513
|
},
|
|
4508
4514
|
setup(e) {
|
|
4509
|
-
let t = h(() => import("./VersionHistoryMenu-
|
|
4510
|
-
return (n, i) => (S(), v("header",
|
|
4511
|
-
_("div",
|
|
4515
|
+
let t = h(() => import("./VersionHistoryMenu-D7lgozpw.js"));
|
|
4516
|
+
return (n, i) => (S(), v("header", Cu, [
|
|
4517
|
+
_("div", wu, [
|
|
4512
4518
|
e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (S(), v("div", {
|
|
4513
4519
|
key: 0,
|
|
4514
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 }])
|
|
4515
|
-
}, [e.showTemplateName ? (S(), w(
|
|
4521
|
+
}, [e.showTemplateName ? (S(), w(gu, {
|
|
4516
4522
|
key: 0,
|
|
4517
4523
|
name: e.templates.name.value,
|
|
4518
4524
|
editable: e.templates.canSave.value,
|
|
@@ -4521,7 +4527,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4521
4527
|
"name",
|
|
4522
4528
|
"editable",
|
|
4523
4529
|
"onCommit"
|
|
4524
|
-
])) : A("", !0), e.templates.timestamp.value ? (S(), w(
|
|
4530
|
+
])) : A("", !0), e.templates.timestamp.value ? (S(), w(vu, {
|
|
4525
4531
|
key: 1,
|
|
4526
4532
|
iso: e.templates.timestamp.value.iso,
|
|
4527
4533
|
kind: e.templates.timestamp.value.kind
|
|
@@ -4542,22 +4548,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4542
4548
|
])) : A("", !0),
|
|
4543
4549
|
s(n.$slots, "left-extras")
|
|
4544
4550
|
]),
|
|
4545
|
-
_("div",
|
|
4551
|
+
_("div", Tu, [
|
|
4546
4552
|
y(Vt, {
|
|
4547
4553
|
viewport: e.editor.state.viewport,
|
|
4548
4554
|
onChange: e.editor.setViewport
|
|
4549
4555
|
}, null, 8, ["viewport", "onChange"]),
|
|
4550
|
-
y(
|
|
4556
|
+
y(du, {
|
|
4551
4557
|
"dark-mode": e.editor.state.darkMode,
|
|
4552
4558
|
onChange: e.editor.setDarkMode
|
|
4553
4559
|
}, null, 8, ["dark-mode", "onChange"]),
|
|
4554
|
-
y(
|
|
4560
|
+
y(pu, {
|
|
4555
4561
|
"preview-mode": e.editor.state.previewMode,
|
|
4556
4562
|
onChange: e.editor.setPreviewMode
|
|
4557
4563
|
}, null, 8, ["preview-mode", "onChange"])
|
|
4558
4564
|
]),
|
|
4559
|
-
_("div",
|
|
4560
|
-
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, {
|
|
4561
4567
|
key: 0,
|
|
4562
4568
|
status: e.templates.status.value,
|
|
4563
4569
|
"error-message": e.templates.errorMessage.value,
|
|
@@ -4585,8 +4591,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4585
4591
|
"stroke-width": 2
|
|
4586
4592
|
}),
|
|
4587
4593
|
b(" " + C(e.core.t.comments.button) + " ", 1),
|
|
4588
|
-
e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (S(), v("span",
|
|
4589
|
-
], 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),
|
|
4590
4596
|
s(n.$slots, "right-extras"),
|
|
4591
4597
|
e.testEmail?.isAvailable.value ? (S(), v("button", {
|
|
4592
4598
|
key: 2,
|
|
@@ -4606,7 +4612,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4606
4612
|
key: 0,
|
|
4607
4613
|
size: 16,
|
|
4608
4614
|
"stroke-width": 2
|
|
4609
|
-
})), b(" " + C(e.core.t.testEmail.button), 1)], 10,
|
|
4615
|
+
})), b(" " + C(e.core.t.testEmail.button), 1)], 10, ku)) : A("", !0),
|
|
4610
4616
|
e.templates?.isAvailable.value && e.templates.canSave.value ? (S(), v("button", {
|
|
4611
4617
|
key: 3,
|
|
4612
4618
|
type: "button",
|
|
@@ -4625,33 +4631,33 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4625
4631
|
key: 0,
|
|
4626
4632
|
size: 16,
|
|
4627
4633
|
"stroke-width": 2
|
|
4628
|
-
})), 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)
|
|
4629
4635
|
])
|
|
4630
4636
|
]));
|
|
4631
4637
|
}
|
|
4632
|
-
}),
|
|
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 = [
|
|
4633
4639
|
"id",
|
|
4634
4640
|
"placeholder",
|
|
4635
4641
|
"aria-label",
|
|
4636
4642
|
"aria-activedescendant"
|
|
4637
|
-
],
|
|
4643
|
+
], Ru = {
|
|
4638
4644
|
key: 0,
|
|
4639
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",
|
|
4640
4646
|
"data-testid": "merge-tag-picker-group-pills"
|
|
4641
|
-
},
|
|
4647
|
+
}, zu = ["data-group-name", "onClick"], Bu = ["aria-label"], Vu = {
|
|
4642
4648
|
key: 0,
|
|
4643
4649
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4644
4650
|
"data-testid": "merge-tag-picker-empty"
|
|
4645
|
-
},
|
|
4651
|
+
}, Hu = {
|
|
4646
4652
|
key: 1,
|
|
4647
4653
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4648
4654
|
"data-testid": "merge-tag-picker-empty"
|
|
4649
|
-
},
|
|
4655
|
+
}, Uu = [
|
|
4650
4656
|
"aria-expanded",
|
|
4651
4657
|
"data-group-name",
|
|
4652
4658
|
"data-group-collapsed",
|
|
4653
4659
|
"onClick"
|
|
4654
|
-
],
|
|
4660
|
+
], Wu = { class: "tpl:ml-1 tpl:font-normal" }, Gu = [
|
|
4655
4661
|
"id",
|
|
4656
4662
|
"aria-selected",
|
|
4657
4663
|
"data-selected",
|
|
@@ -4660,14 +4666,14 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4660
4666
|
"title",
|
|
4661
4667
|
"onMousemove",
|
|
4662
4668
|
"onClick"
|
|
4663
|
-
],
|
|
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 = {
|
|
4664
4670
|
key: 0,
|
|
4665
4671
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4666
|
-
},
|
|
4672
|
+
}, Yu = {
|
|
4667
4673
|
key: 1,
|
|
4668
4674
|
"data-testid": "merge-tag-picker-sample",
|
|
4669
4675
|
class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4670
|
-
},
|
|
4676
|
+
}, Xu = "tpl-merge-tag-picker-list", Zu = /* @__PURE__ */ j({
|
|
4671
4677
|
__name: "MergeTagPickerModal",
|
|
4672
4678
|
setup(e) {
|
|
4673
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());
|
|
@@ -4780,10 +4786,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4780
4786
|
}
|
|
4781
4787
|
}
|
|
4782
4788
|
function re() {
|
|
4783
|
-
if (B.value.length !== 0) return `${
|
|
4789
|
+
if (B.value.length !== 0) return `${Xu}-opt-${b.value}`;
|
|
4784
4790
|
}
|
|
4785
4791
|
function ie(e) {
|
|
4786
|
-
return `${
|
|
4792
|
+
return `${Xu}-opt-${e}`;
|
|
4787
4793
|
}
|
|
4788
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);
|
|
4789
4795
|
return (e, o) => (S(), w(Cn, {
|
|
@@ -4794,16 +4800,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4794
4800
|
default: M(() => [_("div", {
|
|
4795
4801
|
role: "dialog",
|
|
4796
4802
|
"aria-modal": "true",
|
|
4797
|
-
"aria-labelledby": `${
|
|
4803
|
+
"aria-labelledby": `${Xu}-title`,
|
|
4798
4804
|
"data-tpl-theme": O(c),
|
|
4799
4805
|
"data-testid": "merge-tag-picker-modal",
|
|
4800
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)]",
|
|
4801
4807
|
style: l(O(s))
|
|
4802
4808
|
}, [
|
|
4803
|
-
_("header",
|
|
4804
|
-
id: `${
|
|
4809
|
+
_("header", Nu, [_("h2", {
|
|
4810
|
+
id: `${Xu}-title`,
|
|
4805
4811
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
4806
|
-
}, C(O(i).mergeTag.picker.title), 9,
|
|
4812
|
+
}, C(O(i).mergeTag.picker.title), 9, Pu), _("button", {
|
|
4807
4813
|
type: "button",
|
|
4808
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)]",
|
|
4809
4815
|
"aria-label": O(i).mergeTag.picker.close,
|
|
@@ -4812,13 +4818,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4812
4818
|
}, [y(O(Zt), {
|
|
4813
4819
|
size: 16,
|
|
4814
4820
|
"stroke-width": 2
|
|
4815
|
-
})], 8,
|
|
4816
|
-
_("div",
|
|
4821
|
+
})], 8, Fu)]),
|
|
4822
|
+
_("div", Iu, [y(O(kt), {
|
|
4817
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)]",
|
|
4818
4824
|
size: 14,
|
|
4819
4825
|
"stroke-width": 2
|
|
4820
4826
|
}), t(_("input", {
|
|
4821
|
-
id: `${
|
|
4827
|
+
id: `${Xu}-search`,
|
|
4822
4828
|
ref_key: "searchInputRef",
|
|
4823
4829
|
ref: h,
|
|
4824
4830
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -4826,34 +4832,34 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4826
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)]",
|
|
4827
4833
|
placeholder: O(i).mergeTag.picker.searchPlaceholder,
|
|
4828
4834
|
"aria-label": O(i).mergeTag.picker.searchAriaLabel,
|
|
4829
|
-
"aria-controls":
|
|
4835
|
+
"aria-controls": Xu,
|
|
4830
4836
|
"aria-activedescendant": re(),
|
|
4831
4837
|
"data-testid": "merge-tag-picker-search",
|
|
4832
4838
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
4833
|
-
}, null, 40,
|
|
4834
|
-
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", {
|
|
4835
4841
|
key: e,
|
|
4836
4842
|
type: "button",
|
|
4837
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)]",
|
|
4838
4844
|
"data-testid": "merge-tag-picker-group-pill",
|
|
4839
4845
|
"data-group-name": e,
|
|
4840
4846
|
onClick: (t) => ne(e)
|
|
4841
|
-
}, C(e), 9,
|
|
4847
|
+
}, C(e), 9, zu))), 128))])) : A("", !0),
|
|
4842
4848
|
_("div", {
|
|
4843
|
-
id:
|
|
4849
|
+
id: Xu,
|
|
4844
4850
|
ref_key: "listRef",
|
|
4845
4851
|
ref: W,
|
|
4846
4852
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
4847
4853
|
role: "listbox",
|
|
4848
4854
|
"aria-label": O(i).mergeTag.picker.title,
|
|
4849
4855
|
"data-testid": "merge-tag-picker-list"
|
|
4850
|
-
}, [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", {
|
|
4851
4857
|
key: 0,
|
|
4852
4858
|
ref_for: !0,
|
|
4853
4859
|
ref: (t) => ee(e.group, t),
|
|
4854
4860
|
type: "button",
|
|
4855
4861
|
"aria-expanded": !j(e.group),
|
|
4856
|
-
"aria-controls":
|
|
4862
|
+
"aria-controls": Xu,
|
|
4857
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)]",
|
|
4858
4864
|
"data-testid": "merge-tag-picker-group-header",
|
|
4859
4865
|
"data-group-name": e.group,
|
|
@@ -4866,8 +4872,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4866
4872
|
class: r(["tpl:transition-transform", j(e.group) ? "tpl:-rotate-90" : ""])
|
|
4867
4873
|
}, null, 8, ["class"]),
|
|
4868
4874
|
_("span", null, C(e.group), 1),
|
|
4869
|
-
_("span",
|
|
4870
|
-
], 8,
|
|
4875
|
+
_("span", Wu, " (" + C(O(a)(O(i).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
|
|
4876
|
+
], 8, Uu)) : (S(), v("button", {
|
|
4871
4877
|
key: 1,
|
|
4872
4878
|
id: ie(e.index),
|
|
4873
4879
|
type: "button",
|
|
@@ -4882,16 +4888,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4882
4888
|
onMousemove: (t) => b.value = e.index,
|
|
4883
4889
|
onClick: (t) => V(e.tag)
|
|
4884
4890
|
}, [
|
|
4885
|
-
_("span",
|
|
4886
|
-
_("span",
|
|
4887
|
-
e.tag.description ? (S(), v("span",
|
|
4888
|
-
e.tag.sample === void 0 ? A("", !0) : (S(), v("span",
|
|
4889
|
-
], 42,
|
|
4890
|
-
], 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)]),
|
|
4891
4897
|
_: 1
|
|
4892
4898
|
}, 8, ["visible"]));
|
|
4893
4899
|
}
|
|
4894
|
-
}),
|
|
4900
|
+
}), Qu = ["data-logic-keyword"], $u = /* @__PURE__ */ j({
|
|
4895
4901
|
__name: "LogicTagBadge",
|
|
4896
4902
|
props: {
|
|
4897
4903
|
value: {},
|
|
@@ -4908,22 +4914,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4908
4914
|
},
|
|
4909
4915
|
"data-testid": "merge-tag-logic-badge",
|
|
4910
4916
|
"data-logic-keyword": r.value
|
|
4911
|
-
}, C(r.value), 9,
|
|
4917
|
+
}, C(r.value), 9, Qu)) : A("", !0);
|
|
4912
4918
|
}
|
|
4913
|
-
}),
|
|
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 = [
|
|
4914
4920
|
"id",
|
|
4915
4921
|
"placeholder",
|
|
4916
4922
|
"aria-label",
|
|
4917
4923
|
"aria-activedescendant"
|
|
4918
|
-
],
|
|
4924
|
+
], od = ["aria-label"], sd = {
|
|
4919
4925
|
key: 0,
|
|
4920
4926
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4921
4927
|
"data-testid": "logic-picker-empty"
|
|
4922
|
-
},
|
|
4928
|
+
}, cd = {
|
|
4923
4929
|
key: 1,
|
|
4924
4930
|
class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
|
|
4925
4931
|
"data-testid": "logic-picker-empty"
|
|
4926
|
-
},
|
|
4932
|
+
}, ld = ["data-group-name"], ud = [
|
|
4927
4933
|
"id",
|
|
4928
4934
|
"aria-selected",
|
|
4929
4935
|
"data-selected",
|
|
@@ -4931,16 +4937,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
4931
4937
|
"data-logic-kind",
|
|
4932
4938
|
"onMousemove",
|
|
4933
4939
|
"onClick"
|
|
4934
|
-
],
|
|
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 = {
|
|
4935
4941
|
key: 0,
|
|
4936
4942
|
class: "tpl:flex tpl:items-center"
|
|
4937
|
-
},
|
|
4943
|
+
}, md = {
|
|
4938
4944
|
key: 1,
|
|
4939
4945
|
class: "tpl:flex tpl:items-center tpl:gap-1"
|
|
4940
|
-
},
|
|
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 = {
|
|
4941
4947
|
key: 0,
|
|
4942
4948
|
class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
|
|
4943
|
-
},
|
|
4949
|
+
}, _d = "tpl-logic-picker-list", vd = /* @__PURE__ */ j({
|
|
4944
4950
|
__name: "LogicTagPickerModal",
|
|
4945
4951
|
setup(e) {
|
|
4946
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);
|
|
@@ -5026,10 +5032,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5026
5032
|
}
|
|
5027
5033
|
}
|
|
5028
5034
|
function K(e) {
|
|
5029
|
-
return `${
|
|
5035
|
+
return `${_d}-opt-${e}`;
|
|
5030
5036
|
}
|
|
5031
5037
|
function re() {
|
|
5032
|
-
return B.value.length === 0 ? void 0 : `${
|
|
5038
|
+
return B.value.length === 0 ? void 0 : `${_d}-opt-${b.value}`;
|
|
5033
5039
|
}
|
|
5034
5040
|
return (e, o) => (S(), w(Cn, {
|
|
5035
5041
|
visible: O(n).isOpen.value,
|
|
@@ -5039,16 +5045,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5039
5045
|
default: M(() => [_("div", {
|
|
5040
5046
|
role: "dialog",
|
|
5041
5047
|
"aria-modal": "true",
|
|
5042
|
-
"aria-labelledby": `${
|
|
5048
|
+
"aria-labelledby": `${_d}-title`,
|
|
5043
5049
|
"data-tpl-theme": O(c),
|
|
5044
5050
|
"data-testid": "logic-picker-modal",
|
|
5045
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)]",
|
|
5046
5052
|
style: l(O(s))
|
|
5047
5053
|
}, [
|
|
5048
|
-
_("header",
|
|
5049
|
-
id: `${
|
|
5054
|
+
_("header", td, [_("h2", {
|
|
5055
|
+
id: `${_d}-title`,
|
|
5050
5056
|
class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
|
|
5051
|
-
}, C(O(i).logicTag.picker.title), 9,
|
|
5057
|
+
}, C(O(i).logicTag.picker.title), 9, nd), _("button", {
|
|
5052
5058
|
type: "button",
|
|
5053
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)]",
|
|
5054
5060
|
"aria-label": O(i).logicTag.picker.close,
|
|
@@ -5057,13 +5063,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5057
5063
|
}, [y(O(Zt), {
|
|
5058
5064
|
size: 16,
|
|
5059
5065
|
"stroke-width": 2
|
|
5060
|
-
})], 8,
|
|
5061
|
-
_("div",
|
|
5066
|
+
})], 8, rd)]),
|
|
5067
|
+
_("div", id, [y(O(kt), {
|
|
5062
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)]",
|
|
5063
5069
|
size: 14,
|
|
5064
5070
|
"stroke-width": 2
|
|
5065
5071
|
}), t(_("input", {
|
|
5066
|
-
id: `${
|
|
5072
|
+
id: `${_d}-search`,
|
|
5067
5073
|
ref_key: "searchInputRef",
|
|
5068
5074
|
ref: h,
|
|
5069
5075
|
"onUpdate:modelValue": o[0] ||= (e) => u.value = e,
|
|
@@ -5071,25 +5077,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5071
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)]",
|
|
5072
5078
|
placeholder: O(i).logicTag.picker.searchPlaceholder,
|
|
5073
5079
|
"aria-label": O(i).logicTag.picker.searchAriaLabel,
|
|
5074
|
-
"aria-controls":
|
|
5080
|
+
"aria-controls": _d,
|
|
5075
5081
|
"aria-activedescendant": re(),
|
|
5076
5082
|
"data-testid": "logic-picker-search",
|
|
5077
5083
|
onKeydown: o[1] ||= L(P(() => {}, ["prevent"]), ["enter"])
|
|
5078
|
-
}, null, 40,
|
|
5084
|
+
}, null, 40, ad), [[N, u.value]])]),
|
|
5079
5085
|
_("div", {
|
|
5080
|
-
id:
|
|
5086
|
+
id: _d,
|
|
5081
5087
|
ref_key: "listRef",
|
|
5082
5088
|
ref: U,
|
|
5083
5089
|
class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
|
|
5084
5090
|
role: "listbox",
|
|
5085
5091
|
"aria-label": O(i).logicTag.picker.title,
|
|
5086
5092
|
"data-testid": "logic-picker-list"
|
|
5087
|
-
}, [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", {
|
|
5088
5094
|
key: 0,
|
|
5089
5095
|
class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
|
|
5090
5096
|
"data-testid": "logic-picker-header",
|
|
5091
5097
|
"data-group-name": e.label
|
|
5092
|
-
}, C(e.label), 9,
|
|
5098
|
+
}, C(e.label), 9, ld)) : (S(), v("button", {
|
|
5093
5099
|
key: 1,
|
|
5094
5100
|
id: K(e.index),
|
|
5095
5101
|
type: "button",
|
|
@@ -5103,32 +5109,32 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5103
5109
|
onMousemove: (t) => b.value = e.index,
|
|
5104
5110
|
onClick: (t) => W(e.kind === "tag" ? e.tag : e.pair)
|
|
5105
5111
|
}, [
|
|
5106
|
-
_("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, {
|
|
5107
5113
|
value: e.tag.value,
|
|
5108
5114
|
syntax: O(a)
|
|
5109
|
-
}, null, 8, ["value", "syntax"])])) : (S(), v("span",
|
|
5110
|
-
y(
|
|
5115
|
+
}, null, 8, ["value", "syntax"])])) : (S(), v("span", md, [
|
|
5116
|
+
y($u, {
|
|
5111
5117
|
value: e.pair.before,
|
|
5112
5118
|
syntax: O(a)
|
|
5113
5119
|
}, null, 8, ["value", "syntax"]),
|
|
5114
5120
|
o[2] ||= _("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
|
|
5115
|
-
y(
|
|
5121
|
+
y($u, {
|
|
5116
5122
|
value: e.pair.after,
|
|
5117
5123
|
syntax: O(a)
|
|
5118
5124
|
}, null, 8, ["value", "syntax"])
|
|
5119
5125
|
]))]),
|
|
5120
|
-
_("span",
|
|
5121
|
-
(e.kind === "tag" ? e.tag.description : e.pair.description) ? (S(), v("span",
|
|
5122
|
-
], 42,
|
|
5123
|
-
], 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)]),
|
|
5124
5130
|
_: 1
|
|
5125
5131
|
}, 8, ["visible"]));
|
|
5126
5132
|
}
|
|
5127
|
-
}),
|
|
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 = {
|
|
5128
5134
|
key: 0,
|
|
5129
5135
|
"data-testid": "merge-tag-mode-toggle-anchor",
|
|
5130
5136
|
class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
|
|
5131
|
-
},
|
|
5137
|
+
}, Cd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, wd = ["aria-label"], Td = /*#__PURE__*/ Qt(/* @__PURE__ */ j({
|
|
5132
5138
|
__name: "Editor",
|
|
5133
5139
|
props: {
|
|
5134
5140
|
config: {},
|
|
@@ -5138,7 +5144,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5138
5144
|
cloud: {}
|
|
5139
5145
|
},
|
|
5140
5146
|
setup(e, { expose: i }) {
|
|
5141
|
-
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({
|
|
5142
5148
|
content: a.config.content,
|
|
5143
5149
|
defaultFontFamily: a.config.fonts?.defaultFont,
|
|
5144
5150
|
templateDefaults: a.config.templateDefaults,
|
|
@@ -5148,7 +5154,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5148
5154
|
}), d = a.cloud ? a.cloud.attach({ editor: u }) : null, f = s ? Vn({
|
|
5149
5155
|
provider: s,
|
|
5150
5156
|
editor: u,
|
|
5151
|
-
guardUnsavedChanges: a.config.unsavedChangesGuard,
|
|
5157
|
+
guardUnsavedChanges: a.config.templates?.unsavedChangesGuard,
|
|
5152
5158
|
getSaveGate: a.cloud ? () => a.cloud.getSaveGate() : void 0
|
|
5153
5159
|
}) : null;
|
|
5154
5160
|
a.config.onDirtyChange && o(() => u.state.isDirty, (e) => a.config.onDirtyChange(e));
|
|
@@ -5157,28 +5163,27 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5157
5163
|
editor: u,
|
|
5158
5164
|
onError: a.config.onError,
|
|
5159
5165
|
isAvailable: a.cloud ? () => a.cloud.isSavedBlocksAvailable() : void 0
|
|
5160
|
-
}) : null, x = h(() => import("./SavedBlocksPanels-
|
|
5166
|
+
}) : null, x = h(() => import("./SavedBlocksPanels-bizAFdNK.js")), E = a.config.testEmail ? Kn({
|
|
5161
5167
|
provider: a.config.testEmail,
|
|
5162
5168
|
getContent: () => u.content.value,
|
|
5163
5169
|
renderMjml: te,
|
|
5164
5170
|
onError: a.config.onError,
|
|
5165
5171
|
isAvailable: a.cloud ? () => a.cloud.isTestEmailAvailable() : void 0
|
|
5166
|
-
}) : null, D = h(() => import("./TestEmailPanel-
|
|
5172
|
+
}) : null, D = h(() => import("./TestEmailPanel-DORs6xk0.js")), j = a.config.comments ? Rn({
|
|
5167
5173
|
provider: a.config.comments,
|
|
5168
5174
|
editor: u,
|
|
5169
5175
|
user: a.config.user,
|
|
5170
5176
|
isOpen: d?.panelState.commentsOpen,
|
|
5171
|
-
onComment: a.config.onComment,
|
|
5172
5177
|
onError: a.config.onError,
|
|
5173
5178
|
isAvailable: a.cloud ? () => a.cloud.isCommentsAvailable() : void 0,
|
|
5174
5179
|
isBlockSaved: a.cloud ? (e) => a.cloud.isBlockSaved(e) : void 0
|
|
5175
|
-
}) : null, N = h(() => import("./CommentsPanel-
|
|
5176
|
-
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.");
|
|
5177
5182
|
let H = a.config.onChange || V ? {
|
|
5178
5183
|
onChange: () => {
|
|
5179
5184
|
a.config.onChange?.(JSON.parse(JSON.stringify(u.state.content))), V && f.requestAutoSave();
|
|
5180
5185
|
},
|
|
5181
|
-
...
|
|
5186
|
+
...a.config.changeDebounce === void 0 ? {} : { debounce: a.config.changeDebounce }
|
|
5182
5187
|
} : null, U = {
|
|
5183
5188
|
...g ? { savedBlocks: g.capability } : {},
|
|
5184
5189
|
...f ? { templates: f.capability } : {},
|
|
@@ -5202,7 +5207,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5202
5207
|
onRequestMedia: a.cloud?.onRequestMedia ?? a.config.onRequestMedia,
|
|
5203
5208
|
resolvePreview: a.config.resolvePreview,
|
|
5204
5209
|
resolveImageUrl: a.config.resolveImageUrl,
|
|
5205
|
-
lint:
|
|
5210
|
+
lint: Yn(a.config)
|
|
5206
5211
|
},
|
|
5207
5212
|
translations: a.translations,
|
|
5208
5213
|
fontsManager: a.fontsManager,
|
|
@@ -5214,15 +5219,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5214
5219
|
}), G = a.cloud && d ? a.cloud.ready({
|
|
5215
5220
|
core: W,
|
|
5216
5221
|
capabilities: U
|
|
5217
|
-
}) : null, ee = a.config.versionHistory ?
|
|
5222
|
+
}) : null, ee = a.config.versionHistory ? qn({
|
|
5218
5223
|
provider: a.config.versionHistory,
|
|
5219
|
-
editor:
|
|
5224
|
+
editor: or(u, a.config.mergeTags),
|
|
5220
5225
|
history: W.history,
|
|
5221
5226
|
conditionPreview: W.conditionPreview,
|
|
5222
5227
|
autoSave: W.autoSave,
|
|
5223
5228
|
saveBeforeRestore: f ? {
|
|
5224
5229
|
canSave: () => f.canSave.value && !(a.cloud?.getSaveGate()?.shouldBlock.value ?? !1),
|
|
5225
|
-
save: () => f.save()
|
|
5230
|
+
save: () => f.save("restore")
|
|
5226
5231
|
} : null,
|
|
5227
5232
|
onError: a.config.onError
|
|
5228
5233
|
}) : null;
|
|
@@ -5232,7 +5237,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5232
5237
|
getContent: () => u.content.value,
|
|
5233
5238
|
renderCustomBlock: W.registry.renderCustomBlock,
|
|
5234
5239
|
getCustomBlockStylesheet: (e) => W.registry.getDefinition(e)?.stylesheet,
|
|
5235
|
-
getFonts: () =>
|
|
5240
|
+
getFonts: () => Xn(a.fontsManager)
|
|
5236
5241
|
});
|
|
5237
5242
|
}
|
|
5238
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]");
|
|
@@ -5265,12 +5270,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5265
5270
|
onDragover: i[8] ||= P(() => {}, ["prevent"]),
|
|
5266
5271
|
onDrop: i[9] ||= P(() => {}, ["prevent"])
|
|
5267
5272
|
}, [
|
|
5268
|
-
y(
|
|
5269
|
-
y(
|
|
5273
|
+
y(xr),
|
|
5274
|
+
y(ju, {
|
|
5270
5275
|
editor: O(u),
|
|
5271
5276
|
core: O(W),
|
|
5272
5277
|
templates: O(f),
|
|
5273
|
-
"show-template-name": e.config.
|
|
5278
|
+
"show-template-name": e.config.templates?.nameField !== !1,
|
|
5274
5279
|
"test-email": O(E),
|
|
5275
5280
|
"version-history": O(ee),
|
|
5276
5281
|
comments: O(j)
|
|
@@ -5297,12 +5302,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5297
5302
|
"version-history",
|
|
5298
5303
|
"comments"
|
|
5299
5304
|
]),
|
|
5300
|
-
t(y(
|
|
5305
|
+
t(y(jr, null, null, 512), [[I, !O(u).state.previewMode]]),
|
|
5301
5306
|
_("div", {
|
|
5302
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"]]),
|
|
5303
5308
|
style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
|
|
5304
|
-
}, [_("div",
|
|
5305
|
-
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, {
|
|
5306
5311
|
"sample-mode": O(W).mergeTagSampleMode.value,
|
|
5307
5312
|
onChange: i[0] ||= (e) => O(W).mergeTagSampleMode.value = e
|
|
5308
5313
|
}, null, 8, ["sample-mode"])])) : A("", !0)]),
|
|
@@ -5319,7 +5324,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5319
5324
|
"stroke-width": 2
|
|
5320
5325
|
}), b(" " + C(O(W).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : A("", !0)]),
|
|
5321
5326
|
_: 1
|
|
5322
|
-
})])]), _("main",
|
|
5327
|
+
})])]), _("main", Cd, [y(br, {
|
|
5323
5328
|
viewport: O(u).state.viewport,
|
|
5324
5329
|
content: O(W).previewResolution.content.value,
|
|
5325
5330
|
"selected-block-id": O(u).state.selectedBlockId,
|
|
@@ -5338,7 +5343,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5338
5343
|
"locked-blocks",
|
|
5339
5344
|
"onSelectBlock"
|
|
5340
5345
|
])])], 2),
|
|
5341
|
-
e.config.branding === !1 ? A("", !0) : (S(), w(
|
|
5346
|
+
e.config.branding === !1 ? A("", !0) : (S(), w(lu, {
|
|
5342
5347
|
key: 0,
|
|
5343
5348
|
"position-class": [K.value]
|
|
5344
5349
|
}, null, 8, ["position-class"])),
|
|
@@ -5348,8 +5353,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5348
5353
|
"aria-live": "polite",
|
|
5349
5354
|
"aria-atomic": "true",
|
|
5350
5355
|
"aria-label": O(W).t.landmarks.reorderAnnouncements
|
|
5351
|
-
}, C(O(W).keyboardReorder.announcement.value), 9,
|
|
5352
|
-
t(y(
|
|
5356
|
+
}, C(O(W).keyboardReorder.announcement.value), 9, wd),
|
|
5357
|
+
t(y(tu, {
|
|
5353
5358
|
"selected-block": O(u).selectedBlock.value,
|
|
5354
5359
|
settings: O(u).content.value.settings,
|
|
5355
5360
|
"shifted-left": ne.value,
|
|
@@ -5370,8 +5375,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5370
5375
|
ref: (e) => O(W).popoverRoot.value = e,
|
|
5371
5376
|
class: "tpl-popover-root"
|
|
5372
5377
|
}, null, 512),
|
|
5373
|
-
y(
|
|
5374
|
-
y(
|
|
5378
|
+
y(Zu),
|
|
5379
|
+
y(vd),
|
|
5375
5380
|
O(g)?.isAvailable.value ? (S(), w(O(x), {
|
|
5376
5381
|
key: 1,
|
|
5377
5382
|
feature: O(g)
|
|
@@ -5404,10 +5409,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5404
5409
|
"ready",
|
|
5405
5410
|
"locale"
|
|
5406
5411
|
])) : A("", !0),
|
|
5407
|
-
O(ie) ? (S(), w(
|
|
5408
|
-
], 46,
|
|
5412
|
+
O(ie) ? (S(), w(ou, { key: 6 })) : A("", !0)
|
|
5413
|
+
], 46, yd));
|
|
5409
5414
|
}
|
|
5410
|
-
}), [["__scopeId", "data-v-
|
|
5415
|
+
}), [["__scopeId", "data-v-7ecf8151"]]), Ed = /* #__PURE__ */ Object.assign({
|
|
5411
5416
|
"./locales/ca.ts": () => import("./ca-DY0AYOLG.js"),
|
|
5412
5417
|
"./locales/de.ts": () => import("./de-CYLWugqb.js"),
|
|
5413
5418
|
"./locales/en.ts": () => import("./en-C3TM249M.js"),
|
|
@@ -5415,96 +5420,96 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
|
|
|
5415
5420
|
"./locales/fr.ts": () => import("./fr-CdLhJ7kw.js"),
|
|
5416
5421
|
"./locales/nl.ts": () => import("./nl-BvsLoyKp.js"),
|
|
5417
5422
|
"./locales/pt-BR.ts": () => import("./pt-BR-CAGS5YXp.js")
|
|
5418
|
-
}),
|
|
5423
|
+
}), Dd = /* #__PURE__ */ Object.assign({
|
|
5419
5424
|
"./locales/cloud/de.ts": () => import("./de-BytZwgn6.js"),
|
|
5420
5425
|
"./locales/cloud/en.ts": () => import("./en-DyOSV0lY.js"),
|
|
5421
5426
|
"./locales/cloud/pt-BR.ts": () => import("./pt-BR-C1WLSGDh.js")
|
|
5422
5427
|
});
|
|
5423
|
-
function
|
|
5428
|
+
function Od(e) {
|
|
5424
5429
|
return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
|
|
5425
5430
|
}
|
|
5426
|
-
var
|
|
5427
|
-
function
|
|
5431
|
+
var kd = Od(Ed), Ad = Od(Dd);
|
|
5432
|
+
function jd(e) {
|
|
5428
5433
|
return e.trim().replace(/_/g, "-").toLowerCase();
|
|
5429
5434
|
}
|
|
5430
|
-
function
|
|
5431
|
-
let n =
|
|
5432
|
-
return t.find((e) =>
|
|
5433
|
-
}
|
|
5434
|
-
function Md(e) {
|
|
5435
|
-
return Ad(e).split("-")[0];
|
|
5435
|
+
function Md(e, t) {
|
|
5436
|
+
let n = jd(e);
|
|
5437
|
+
return t.find((e) => jd(e) === n);
|
|
5436
5438
|
}
|
|
5437
|
-
function Nd(e
|
|
5438
|
-
return jd(e
|
|
5439
|
+
function Nd(e) {
|
|
5440
|
+
return jd(e).split("-")[0];
|
|
5439
5441
|
}
|
|
5440
5442
|
function Pd(e, t) {
|
|
5441
|
-
return
|
|
5443
|
+
return Md(e, t) ?? Md(Nd(e), t);
|
|
5442
5444
|
}
|
|
5443
|
-
|
|
5444
|
-
|
|
5445
|
-
return (await t()).default;
|
|
5445
|
+
function Fd(e, t) {
|
|
5446
|
+
return Pd(e, t) ?? "en";
|
|
5446
5447
|
}
|
|
5447
5448
|
async function Id(e) {
|
|
5448
|
-
let t = Ed[`./locales
|
|
5449
|
+
let t = Ed[`./locales/${Fd(e, kd)}.ts`];
|
|
5449
5450
|
return (await t()).default;
|
|
5450
5451
|
}
|
|
5451
|
-
function Ld(e) {
|
|
5452
|
-
|
|
5452
|
+
async function Ld(e) {
|
|
5453
|
+
let t = Dd[`./locales/cloud/${Fd(e, Ad)}.ts`];
|
|
5454
|
+
return (await t()).default;
|
|
5453
5455
|
}
|
|
5454
5456
|
function Rd(e) {
|
|
5455
|
-
return
|
|
5457
|
+
return Pd(e, kd) !== void 0;
|
|
5456
5458
|
}
|
|
5457
|
-
function zd() {
|
|
5458
|
-
return
|
|
5459
|
+
function zd(e) {
|
|
5460
|
+
return Pd(e, Ad) !== void 0;
|
|
5459
5461
|
}
|
|
5460
5462
|
function Bd() {
|
|
5461
5463
|
return [...kd];
|
|
5462
5464
|
}
|
|
5465
|
+
function Vd() {
|
|
5466
|
+
return [...Ad];
|
|
5467
|
+
}
|
|
5463
5468
|
//#endregion
|
|
5464
5469
|
//#region \0virtual:editor-css
|
|
5465
|
-
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-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-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;
|
|
5466
|
-
function
|
|
5467
|
-
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) {
|
|
5468
5473
|
let e = new CSSStyleSheet();
|
|
5469
|
-
e.replaceSync(
|
|
5474
|
+
e.replaceSync(Hd), Ud = e;
|
|
5470
5475
|
}
|
|
5471
|
-
return
|
|
5476
|
+
return Ud;
|
|
5472
5477
|
}
|
|
5473
|
-
function
|
|
5478
|
+
function Gd(e) {
|
|
5474
5479
|
return () => {};
|
|
5475
5480
|
}
|
|
5476
|
-
function
|
|
5481
|
+
function Kd(e, t) {
|
|
5477
5482
|
if (!t) return {
|
|
5478
5483
|
target: e,
|
|
5479
5484
|
shadowRoot: null,
|
|
5480
5485
|
cleanup: () => {}
|
|
5481
5486
|
};
|
|
5482
5487
|
let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
|
|
5483
|
-
for (n.adoptedStyleSheets = [
|
|
5488
|
+
for (n.adoptedStyleSheets = [Wd()]; n.firstChild;) n.removeChild(n.firstChild);
|
|
5484
5489
|
let r = document.createElement("div");
|
|
5485
5490
|
return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
|
|
5486
5491
|
target: r,
|
|
5487
5492
|
shadowRoot: n,
|
|
5488
|
-
cleanup:
|
|
5493
|
+
cleanup: Gd(n)
|
|
5489
5494
|
};
|
|
5490
5495
|
}
|
|
5491
|
-
var
|
|
5492
|
-
function
|
|
5493
|
-
let t =
|
|
5494
|
-
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));
|
|
5495
5500
|
}
|
|
5496
|
-
async function
|
|
5497
|
-
return
|
|
5501
|
+
async function Xd(e) {
|
|
5502
|
+
return Zd(e);
|
|
5498
5503
|
}
|
|
5499
|
-
async function
|
|
5504
|
+
async function Zd(e, t) {
|
|
5500
5505
|
let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
|
|
5501
5506
|
if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
|
|
5502
|
-
let r = await
|
|
5503
|
-
|
|
5504
|
-
let a =
|
|
5505
|
-
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);
|
|
5506
5511
|
let s = F({ setup() {
|
|
5507
|
-
return () => g(
|
|
5512
|
+
return () => g(Td, {
|
|
5508
5513
|
config: e,
|
|
5509
5514
|
translations: r,
|
|
5510
5515
|
fontsManager: i,
|
|
@@ -5513,27 +5518,27 @@ async function Xd(e, t) {
|
|
|
5513
5518
|
ref: o
|
|
5514
5519
|
});
|
|
5515
5520
|
} });
|
|
5516
|
-
s.mount(a.target),
|
|
5521
|
+
s.mount(a.target), qd.set(n, {
|
|
5517
5522
|
app: s,
|
|
5518
5523
|
editorRef: o,
|
|
5519
5524
|
cleanup: a.cleanup
|
|
5520
|
-
}),
|
|
5525
|
+
}), Jd = n;
|
|
5521
5526
|
let c = {
|
|
5522
5527
|
getContent() {
|
|
5523
5528
|
return o.value ? oe(o.value.getContent()) : oe(e.content ?? ie());
|
|
5524
5529
|
},
|
|
5525
5530
|
setContent(t) {
|
|
5526
|
-
let n =
|
|
5531
|
+
let n = ar(t, e.mergeTags);
|
|
5527
5532
|
o.value && o.value.setContent(n), e.content = n;
|
|
5528
5533
|
},
|
|
5529
5534
|
setTheme(e) {
|
|
5530
5535
|
o.value && o.value.setTheme(e);
|
|
5531
5536
|
},
|
|
5532
|
-
unmount: () =>
|
|
5537
|
+
unmount: () => Yd(n),
|
|
5533
5538
|
create(t) {
|
|
5534
5539
|
return o.value ? o.value.create(t?.content ? {
|
|
5535
5540
|
...t,
|
|
5536
|
-
content:
|
|
5541
|
+
content: ar(t.content, e.mergeTags)
|
|
5537
5542
|
} : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
|
|
5538
5543
|
},
|
|
5539
5544
|
load(e) {
|
|
@@ -5553,28 +5558,28 @@ async function Xd(e, t) {
|
|
|
5553
5558
|
},
|
|
5554
5559
|
toMjml: () => l.toMjml(),
|
|
5555
5560
|
toHtml: () => l.toHtml()
|
|
5556
|
-
}, l =
|
|
5561
|
+
}, l = Qn({
|
|
5557
5562
|
provider: e.render,
|
|
5558
|
-
buildPayload: () =>
|
|
5563
|
+
buildPayload: () => Zn({
|
|
5559
5564
|
getContent: () => c.getContent(),
|
|
5560
5565
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5561
|
-
getFonts: () =>
|
|
5566
|
+
getFonts: () => Xn(i)
|
|
5562
5567
|
}),
|
|
5563
5568
|
renderLocalMjml: () => Un({
|
|
5564
5569
|
getContent: () => c.getContent(),
|
|
5565
5570
|
renderCustomBlock: (e) => c.renderCustomBlock(e),
|
|
5566
5571
|
getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
|
|
5567
|
-
getFonts: () =>
|
|
5572
|
+
getFonts: () => Xn(i)
|
|
5568
5573
|
})
|
|
5569
5574
|
});
|
|
5570
5575
|
return c;
|
|
5571
5576
|
}
|
|
5572
|
-
async function
|
|
5573
|
-
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({
|
|
5574
5579
|
config: e,
|
|
5575
5580
|
cloudTranslations: n
|
|
5576
|
-
})
|
|
5577
|
-
return
|
|
5581
|
+
});
|
|
5582
|
+
return Zd({
|
|
5578
5583
|
container: e.container,
|
|
5579
5584
|
content: e.content,
|
|
5580
5585
|
shadowDom: e.shadowDom,
|
|
@@ -5583,7 +5588,6 @@ async function Zd(e) {
|
|
|
5583
5588
|
theme: e.theme,
|
|
5584
5589
|
branding: e.branding,
|
|
5585
5590
|
smallScreenNotice: e.smallScreenNotice,
|
|
5586
|
-
templateNameField: e.templateNameField,
|
|
5587
5591
|
blockDefaults: e.blockDefaults,
|
|
5588
5592
|
templateDefaults: e.templateDefaults,
|
|
5589
5593
|
customBlocks: e.customBlocks,
|
|
@@ -5599,10 +5603,13 @@ async function Zd(e) {
|
|
|
5599
5603
|
onChange: e.onChange,
|
|
5600
5604
|
onError: e.onError,
|
|
5601
5605
|
onDirtyChange: e.onDirtyChange,
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
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,
|
|
5606
5613
|
render: i.render,
|
|
5607
5614
|
versionHistory: i.versionHistory,
|
|
5608
5615
|
savedBlocks: i.savedBlocks,
|
|
@@ -5611,8 +5618,8 @@ async function Zd(e) {
|
|
|
5611
5618
|
user: a
|
|
5612
5619
|
}, r);
|
|
5613
5620
|
}
|
|
5614
|
-
function
|
|
5615
|
-
|
|
5621
|
+
function $d() {
|
|
5622
|
+
Jd && Yd(Jd);
|
|
5616
5623
|
}
|
|
5617
5624
|
//#endregion
|
|
5618
|
-
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 };
|