@templatical/editor 0.27.3 → 0.27.5

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.
Files changed (160) hide show
  1. package/dist/{AiChatSidebar-inzMb2Vi.js → AiChatSidebar-LstHjwBU.js} +7 -7
  2. package/dist/{AiFeatureMenu-BTdgjwdx.js → AiFeatureMenu-YE9qqElA.js} +4 -4
  3. package/dist/{BlockIssueBadge-a7jENlL4.js → BlockIssueBadge-DKaFQNxW.js} +2 -2
  4. package/dist/{BlockPreviewCanvas-CMuRmhQg.js → BlockPreviewCanvas-CF7r-mw4.js} +1 -1
  5. package/dist/{CloudHeaderExtras-Bgr-Ox9M.js → CloudHeaderExtras-msYo6uhq.js} +5 -5
  6. package/dist/{CloudPanels-oFNlTOO5.js → CloudPanels-DCeNSwXy.js} +3 -3
  7. package/dist/{CollaboratorBar-BHja900c.js → CollaboratorBar-D1Tx8cds.js} +2 -2
  8. package/dist/{ColorPicker-ClUa_hMj.js → ColorPicker-BNfy9BdG.js} +2 -2
  9. package/dist/{CommentsPanel-CB1-poNb.js → CommentsPanel-c5LmzlNN.js} +1 -1
  10. package/dist/{CommentsSidebar-B6mV8ft4.js → CommentsSidebar-Bm1DxFb5.js} +10 -10
  11. package/dist/{CountdownToolbar-BpnKUXN_.js → CountdownToolbar-D-o_hwsO.js} +3 -3
  12. package/dist/{DesignReferenceSidebar-BC5UxrJl.js → DesignReferenceSidebar-C8WTApc5.js} +5 -5
  13. package/dist/{IssuesPanel-BFczwZkL.js → IssuesPanel-D49aJjLS.js} +5 -5
  14. package/dist/{MergeTagModeToggle-koHNtEJe.js → MergeTagModeToggle-CVzJY9b2.js} +2 -2
  15. package/dist/{MergeTagSuggestion-DGha0WRp.js → MergeTagSuggestion-DflUPfkT.js} +2 -2
  16. package/dist/{NumberWithSuffix-D9mPtMJB.js → NumberWithSuffix-DZAktKby.js} +1 -1
  17. package/dist/{ParagraphEditor-cKosDi_l.js → ParagraphEditor-CoN76ofC.js} +20 -20
  18. package/dist/{RestoreVersionDialog-DpZmcFuf.js → RestoreVersionDialog-DUXGp-Nw.js} +4 -4
  19. package/dist/{RichTextEditorContent-Br3WBNOs.js → RichTextEditorContent-DxicfnPf.js} +3 -3
  20. package/dist/{SaveBlockDialog-C7mSGScN.js → SaveBlockDialog-D0B9SKf9.js} +16 -16
  21. package/dist/{SavedBlocksBrowserModal-D7MYzuVP.js → SavedBlocksBrowserModal-vdci8i18.js} +8 -8
  22. package/dist/{SavedBlocksPanels-D5T63WyR.js → SavedBlocksPanels-CTmlYwIT.js} +1 -1
  23. package/dist/{SavedBlocksPickBar-BluJS58M.js → SavedBlocksPickBar-DMtV1UKQ.js} +2 -2
  24. package/dist/{TemplateScoringPanel-C0z27t2p.js → TemplateScoringPanel-BFsUqnXR.js} +10 -10
  25. package/dist/{TestEmailModal-DoSIuHXe.js → TestEmailModal-4pHgNCmg.js} +7 -7
  26. package/dist/{TestEmailPanel-3Y6uUX3Z.js → TestEmailPanel-kp84Z0hs.js} +1 -1
  27. package/dist/{TitleEditor-D9IWtoH3.js → TitleEditor-BdRlIm67.js} +8 -8
  28. package/dist/{TplModal-CyBCFn5s.js → TplModal-CUV1Sd-2.js} +1 -1
  29. package/dist/{VersionHistoryMenu-8nd_aOnh.js → VersionHistoryMenu-CrIVG_SN.js} +10 -10
  30. package/dist/{VersionHistoryPanels-Cm7MxfrI.js → VersionHistoryPanels-dyV9JP5G.js} +1 -1
  31. package/dist/{VersionPreviewBanner-B9w773jz.js → VersionPreviewBanner-Bb1cnMZ3.js} +2 -2
  32. package/dist/{blockTypeIcons-BRCuWioG.js → blockTypeIcons-B13kXe55.js} +2 -2
  33. package/dist/bundle-stats.json +6 -6
  34. package/dist/cdn/chunks/{AiChatSidebar-BIvQg9Q5.js → AiChatSidebar-tZqbhmuJ.js} +2 -2
  35. package/dist/cdn/chunks/{AiChatSidebar-BIvQg9Q5.js.map → AiChatSidebar-tZqbhmuJ.js.map} +1 -1
  36. package/dist/cdn/chunks/{AiFeatureMenu-BMvcmvDZ.js → AiFeatureMenu-CS62uVuh.js} +3 -3
  37. package/dist/cdn/chunks/{AiFeatureMenu-BMvcmvDZ.js.map → AiFeatureMenu-CS62uVuh.js.map} +1 -1
  38. package/dist/cdn/chunks/{BlockIssueBadge-Drrmjqd7.js → BlockIssueBadge-D9L8j7Db.js} +2 -2
  39. package/dist/cdn/chunks/{BlockIssueBadge-Drrmjqd7.js.map → BlockIssueBadge-D9L8j7Db.js.map} +1 -1
  40. package/dist/cdn/chunks/{BlockPreviewCanvas-CuWJLv8h.js → BlockPreviewCanvas-DcCqg909.js} +2 -2
  41. package/dist/cdn/chunks/{BlockPreviewCanvas-CuWJLv8h.js.map → BlockPreviewCanvas-DcCqg909.js.map} +1 -1
  42. package/dist/cdn/chunks/{CloudHeaderExtras-Ctat5U0M.js → CloudHeaderExtras-d_8bZemh.js} +6 -6
  43. package/dist/cdn/chunks/CloudHeaderExtras-d_8bZemh.js.map +1 -0
  44. package/dist/cdn/chunks/{CloudPanels-YRYmXE9O.js → CloudPanels-DVtJkWsj.js} +4 -4
  45. package/dist/cdn/chunks/{CloudPanels-YRYmXE9O.js.map → CloudPanels-DVtJkWsj.js.map} +1 -1
  46. package/dist/cdn/chunks/{CollaboratorBar-DgdxBCkN.js → CollaboratorBar-CpHDWa9D.js} +3 -3
  47. package/dist/cdn/chunks/{CollaboratorBar-DgdxBCkN.js.map → CollaboratorBar-CpHDWa9D.js.map} +1 -1
  48. package/dist/cdn/chunks/{ColorPicker-B-we7_bC.js → ColorPicker-QPBbkWAs.js} +3 -3
  49. package/dist/cdn/chunks/{ColorPicker-B-we7_bC.js.map → ColorPicker-QPBbkWAs.js.map} +1 -1
  50. package/dist/cdn/chunks/{CommentsPanel-D7Y-74Nj.js → CommentsPanel-COhQMagD.js} +2 -2
  51. package/dist/cdn/chunks/{CommentsPanel-D7Y-74Nj.js.map → CommentsPanel-COhQMagD.js.map} +1 -1
  52. package/dist/cdn/chunks/{CommentsSidebar-DxTobvYS.js → CommentsSidebar-vzLX-_h3.js} +2 -2
  53. package/dist/cdn/chunks/{CommentsSidebar-DxTobvYS.js.map → CommentsSidebar-vzLX-_h3.js.map} +1 -1
  54. package/dist/cdn/chunks/{CountdownToolbar-D8QWL-jK.js → CountdownToolbar-CMJVzd97.js} +4 -4
  55. package/dist/cdn/chunks/{CountdownToolbar-D8QWL-jK.js.map → CountdownToolbar-CMJVzd97.js.map} +1 -1
  56. package/dist/cdn/chunks/{DesignReferenceSidebar-D9Lm4Al0.js → DesignReferenceSidebar-npLxDRJI.js} +2 -2
  57. package/dist/cdn/chunks/{DesignReferenceSidebar-D9Lm4Al0.js.map → DesignReferenceSidebar-npLxDRJI.js.map} +1 -1
  58. package/dist/cdn/chunks/{IssuesPanel-Dz90c1C6.js → IssuesPanel-CTGlv7HF.js} +2 -2
  59. package/dist/cdn/chunks/{IssuesPanel-Dz90c1C6.js.map → IssuesPanel-CTGlv7HF.js.map} +1 -1
  60. package/dist/cdn/chunks/{MergeTagModeToggle-CfFrfYNC.js → MergeTagModeToggle-CkpKFx9N.js} +2 -2
  61. package/dist/cdn/chunks/{MergeTagModeToggle-CfFrfYNC.js.map → MergeTagModeToggle-CkpKFx9N.js.map} +1 -1
  62. package/dist/cdn/chunks/{MergeTagSuggestion-DhllqTA3.js → MergeTagSuggestion-Df7jcLpS.js} +2 -2
  63. package/dist/cdn/chunks/{MergeTagSuggestion-DhllqTA3.js.map → MergeTagSuggestion-Df7jcLpS.js.map} +1 -1
  64. package/dist/cdn/chunks/{NumberWithSuffix-mm6AfIv4.js → NumberWithSuffix-DNBrbl4H.js} +2 -2
  65. package/dist/cdn/chunks/{NumberWithSuffix-mm6AfIv4.js.map → NumberWithSuffix-DNBrbl4H.js.map} +1 -1
  66. package/dist/cdn/chunks/{ParagraphEditor-Be-BO5hD.js → ParagraphEditor-CbP_rcqb.js} +18 -18
  67. package/dist/cdn/chunks/{ParagraphEditor-Be-BO5hD.js.map → ParagraphEditor-CbP_rcqb.js.map} +1 -1
  68. package/dist/cdn/chunks/{RestoreVersionDialog-CKtz_FEz.js → RestoreVersionDialog-DYI-M27i.js} +4 -4
  69. package/dist/cdn/chunks/{RestoreVersionDialog-CKtz_FEz.js.map → RestoreVersionDialog-DYI-M27i.js.map} +1 -1
  70. package/dist/cdn/chunks/{RichTextEditorContent-D3eWZ793.js → RichTextEditorContent-C-kbbKaq.js} +3 -3
  71. package/dist/cdn/chunks/{RichTextEditorContent-D3eWZ793.js.map → RichTextEditorContent-C-kbbKaq.js.map} +1 -1
  72. package/dist/cdn/chunks/{SaveBlockDialog-C5nT7Fxi.js → SaveBlockDialog-BBwDyRpC.js} +15 -15
  73. package/dist/cdn/chunks/{SaveBlockDialog-C5nT7Fxi.js.map → SaveBlockDialog-BBwDyRpC.js.map} +1 -1
  74. package/dist/cdn/chunks/{SavedBlocksBrowserModal-Cvyewimb.js → SavedBlocksBrowserModal-B_zqSoWl.js} +7 -7
  75. package/dist/cdn/chunks/{SavedBlocksBrowserModal-Cvyewimb.js.map → SavedBlocksBrowserModal-B_zqSoWl.js.map} +1 -1
  76. package/dist/cdn/chunks/{SavedBlocksPanels-B7aBlxKW.js → SavedBlocksPanels-B_XNxwzs.js} +2 -2
  77. package/dist/cdn/chunks/{SavedBlocksPanels-B7aBlxKW.js.map → SavedBlocksPanels-B_XNxwzs.js.map} +1 -1
  78. package/dist/cdn/chunks/{SavedBlocksPickBar-D0opM9P9.js → SavedBlocksPickBar-C3BP5941.js} +3 -3
  79. package/dist/cdn/chunks/{SavedBlocksPickBar-D0opM9P9.js.map → SavedBlocksPickBar-C3BP5941.js.map} +1 -1
  80. package/dist/cdn/chunks/{TemplateScoringPanel-DEsNZlHe.js → TemplateScoringPanel-MvdrkgqL.js} +2 -2
  81. package/dist/cdn/chunks/{TemplateScoringPanel-DEsNZlHe.js.map → TemplateScoringPanel-MvdrkgqL.js.map} +1 -1
  82. package/dist/cdn/chunks/{TestEmailModal-BANpGbEP.js → TestEmailModal-CnoOTm5c.js} +7 -7
  83. package/dist/cdn/chunks/{TestEmailModal-BANpGbEP.js.map → TestEmailModal-CnoOTm5c.js.map} +1 -1
  84. package/dist/cdn/chunks/{TestEmailPanel-DItZMP3B.js → TestEmailPanel-BcvY4bL7.js} +2 -2
  85. package/dist/cdn/chunks/{TestEmailPanel-DItZMP3B.js.map → TestEmailPanel-BcvY4bL7.js.map} +1 -1
  86. package/dist/cdn/chunks/{TitleEditor-D_NJ4Ww8.js → TitleEditor-5Ytpa9n2.js} +8 -8
  87. package/dist/cdn/chunks/{TitleEditor-D_NJ4Ww8.js.map → TitleEditor-5Ytpa9n2.js.map} +1 -1
  88. package/dist/cdn/chunks/{TplModal-C51W8LTn.js → TplModal-pGADKFOL.js} +2 -2
  89. package/dist/cdn/chunks/{TplModal-C51W8LTn.js.map → TplModal-pGADKFOL.js.map} +1 -1
  90. package/dist/cdn/chunks/{VersionHistoryMenu-Cv23A0uu.js → VersionHistoryMenu-BNYSIjVj.js} +4 -4
  91. package/dist/cdn/chunks/{VersionHistoryMenu-Cv23A0uu.js.map → VersionHistoryMenu-BNYSIjVj.js.map} +1 -1
  92. package/dist/cdn/chunks/{VersionHistoryPanels-DHDN1owI.js → VersionHistoryPanels-CSryv5rE.js} +2 -2
  93. package/dist/cdn/chunks/{VersionHistoryPanels-DHDN1owI.js.map → VersionHistoryPanels-CSryv5rE.js.map} +1 -1
  94. package/dist/cdn/chunks/{VersionPreviewBanner-Dw4kFkrh.js → VersionPreviewBanner-C4mr6y2u.js} +3 -3
  95. package/dist/cdn/chunks/{VersionPreviewBanner-Dw4kFkrh.js.map → VersionPreviewBanner-C4mr6y2u.js.map} +1 -1
  96. package/dist/cdn/chunks/{blockTypeIcons-hX_W4dqo.js → blockTypeIcons-A9qFb1cR.js} +2 -2
  97. package/dist/cdn/chunks/{blockTypeIcons-hX_W4dqo.js.map → blockTypeIcons-A9qFb1cR.js.map} +1 -1
  98. package/dist/cdn/chunks/{createCloudRuntime-D75oJ9j-.js → createCloudRuntime-DYDf_-rN.js} +2 -2
  99. package/dist/cdn/chunks/{createCloudRuntime-D75oJ9j-.js.map → createCloudRuntime-DYDf_-rN.js.map} +1 -1
  100. package/dist/cdn/chunks/{extensions-Byo2sA1r.js → extensions-P0lpi6k8.js} +3 -3
  101. package/dist/cdn/chunks/{extensions-Byo2sA1r.js.map → extensions-P0lpi6k8.js.map} +1 -1
  102. package/dist/cdn/chunks/{icons-C36Ha5VU.js → icons-Dl5bcXmT.js} +7 -7
  103. package/dist/cdn/chunks/{icons-C36Ha5VU.js.map → icons-Dl5bcXmT.js.map} +1 -1
  104. package/dist/cdn/chunks/{src-CoHDh8Ua.js → src-BDUi-9js.js} +15 -15
  105. package/dist/cdn/chunks/{src-CoHDh8Ua.js.map → src-BDUi-9js.js.map} +1 -1
  106. package/dist/cdn/chunks/{src-B_pCqXyM.js → src-DNhD7a2v.js} +3 -3
  107. package/dist/cdn/chunks/{src-B_pCqXyM.js.map → src-DNhD7a2v.js.map} +1 -1
  108. package/dist/cdn/chunks/{styleConstants-9oK5kn21.js → styleConstants-C_YAPdQS.js} +8 -8
  109. package/dist/cdn/chunks/{styleConstants-9oK5kn21.js.map → styleConstants-C_YAPdQS.js.map} +1 -1
  110. package/dist/cdn/chunks/{tiptap-DmpGap5g.js → tiptap-DWeSx_P8.js} +1012 -987
  111. package/dist/cdn/chunks/tiptap-DWeSx_P8.js.map +1 -0
  112. package/dist/cdn/chunks/{useEditorCore-BtEO1qms.js → useEditorCore-DTpSiO4S.js} +5 -5
  113. package/dist/cdn/chunks/{useEditorCore-BtEO1qms.js.map → useEditorCore-DTpSiO4S.js.map} +1 -1
  114. package/dist/cdn/editor.css +1 -1
  115. package/dist/cdn/editor.js +948 -939
  116. package/dist/cdn/editor.js.map +1 -1
  117. package/dist/{check-DZbmkMQe.js → check-GRcTaHlZ.js} +1 -1
  118. package/dist/{chevron-down-nYScOLeZ.js → chevron-down-NUIAa2Qf.js} +1 -1
  119. package/dist/{chevron-up-CpYpDLnc.js → chevron-up-Bjf2BQtL.js} +1 -1
  120. package/dist/{circle-alert-CuuK6thq.js → circle-alert-FpQ8ykQL.js} +1 -1
  121. package/dist/{clock-DxkrtqOr.js → clock-CaOM1DC-.js} +1 -1
  122. package/dist/{createLucideIcon-L-wQXW_R.js → createLucideIcon-CAmDKr5Z.js} +2 -2
  123. package/dist/{dist-Ck9roB6K.js → dist-BLVvhIFj.js} +2 -2
  124. package/dist/{dist-DMJRSouD.js → dist-C145btxT.js} +255 -250
  125. package/dist/{dist-C27SeFL5.js → dist-CLc1cpN2.js} +2 -2
  126. package/dist/{dist-M7m1lYRe.js → dist-CQQNoHxz.js} +2 -2
  127. package/dist/{dist-g6cbzhZW.js → dist-CclsUQ7r.js} +2 -2
  128. package/dist/{dist-CYx-E82k.js → dist-CgXIMxZc.js} +2 -2
  129. package/dist/dist-D-ulkdvF.js +5 -0
  130. package/dist/{dist-BImfm-46.js → dist-D4Jb08yv.js} +2 -2
  131. package/dist/{dist-ChYLhoJ4.js → dist-DUn6jY0n.js} +35 -18
  132. package/dist/{dist-DfpeSdmE.js → dist-Dx-KOuOj.js} +2 -2
  133. package/dist/{dist-C08jiemd.js → dist-Dz7KUOSg.js} +2 -2
  134. package/dist/dist-Kf9u4ULN.js +5 -0
  135. package/dist/{extensions-BV9qfsYr.js → extensions-DWp4eXoE.js} +3 -3
  136. package/dist/{image-up-DouZRGVt.js → image-up-CIGT4cSb.js} +1 -1
  137. package/dist/{info-puX5V6Iq.js → info-9YwKinXj.js} +1 -1
  138. package/dist/{loader-circle-DqTxB7Kr.js → loader-circle-QyURl47g.js} +1 -1
  139. package/dist/{message-circle-BZ7YpB22.js → message-circle-C9pycEzV.js} +1 -1
  140. package/dist/{pencil-DmbRhTJu.js → pencil-BvW86jVn.js} +1 -1
  141. package/dist/{refresh-cw-OK_O-cL0.js → refresh-cw-BDAUomac.js} +1 -1
  142. package/dist/{scan-line-DyaSTsJ5.js → scan-line-B5EvAPSG.js} +1 -1
  143. package/dist/{send-B-wasJJC.js → send-BAUn7DLp.js} +1 -1
  144. package/dist/{shield-check-DUIyRrTo.js → shield-check-CLGywlg0.js} +1 -1
  145. package/dist/{sparkles-DYEMATWC.js → sparkles-X6C0spo6.js} +1 -1
  146. package/dist/style.css +1 -1
  147. package/dist/{styleConstants-9oK5kn21.js → styleConstants-C_YAPdQS.js} +7 -7
  148. package/dist/templatical-editor.js +943 -934
  149. package/dist/{text-align-start-CzjLeBLe.js → text-align-start-C6FXOoEj.js} +1 -1
  150. package/dist/{trash-2-C0shEPry.js → trash-2-balHkQP4.js} +1 -1
  151. package/dist/{triangle-alert-Fw0ce8oQ.js → triangle-alert-D2JBEr6k.js} +1 -1
  152. package/dist/{upload-D69C2CBx.js → upload-D70OYprI.js} +1 -1
  153. package/dist/{useEditorCore-DoKDh27o.js → useEditorCore--_kmTxxX.js} +9 -9
  154. package/dist/{useScrollToBlock-KA65jhQ_.js → useScrollToBlock-DcImB73T.js} +1 -1
  155. package/dist/{x-BjTlFqRv.js → x-DTUPbuwx.js} +1 -1
  156. package/package.json +22 -22
  157. package/dist/cdn/chunks/CloudHeaderExtras-Ctat5U0M.js.map +0 -1
  158. package/dist/cdn/chunks/tiptap-DmpGap5g.js.map +0 -1
  159. package/dist/dist-6YJAWMuf.js +0 -5
  160. package/dist/dist-8vlm9kfO.js +0 -5
@@ -1,39 +1,39 @@
1
1
  import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as ee, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-BfpsXFg7.js";
2
- import { H as z, L as B, R as V, S as H, T as U, a as te, b as W, c as ne, d as re, h as ie, i as G, l as ae, o as oe, r as se, x as ce } from "./chunks/src-B_QJduQD.js";
3
- import { B as le, C as ue, D as de, F as fe, I as pe, L as me, N as he, O as ge, P as _e, R as ve, _ as ye, a as be, b as xe, c as Se, d as Ce, f as we, g as Te, h as Ee, i as De, j as Oe, k as ke, l as Ae, m as je, n as Me, o as Ne, p as Pe, r as Fe, s as Ie, t as Le, v as Re, w as ze, y as Be } from "./chunks/useEditorCore-BtEO1qms.js";
4
- import { _ as Ve, d as He, g as Ue } from "./chunks/dist-CYLJiSiH.js";
5
- import { a as We } from "./chunks/dist-CM8TB0VD.js";
6
- import { B as Ge, D as Ke, F as qe, H as Je, L as Ye, N as Xe, O as Ze, U as Qe, V as $e, W as et, _ as tt, c as nt, d as rt, f as it, h as at, j as ot, k as st, m as ct, n as lt, o as ut, p as dt, r as ft, s as pt, u as mt, w as ht, z as gt } from "./chunks/keys-oJdkdtPn.js";
7
- import { t as K } from "./chunks/useI18n-4sUbTM3Y.js";
8
- import { t as _t } from "./chunks/logger-ByvdoAwq.js";
9
- import { a as vt, n as yt } from "./chunks/usePopoverPosition-C1N2kaiZ.js";
10
- import { $ as bt, At as xt, D as St, E as Ct, Et as wt, F as Tt, I as Et, It as Dt, Lt as Ot, M as kt, Mt as At, N as jt, Ot as Mt, P as Nt, Q as Pt, Rt as Ft, T as It, Tt as Lt, U as Rt, Y as zt, _ as Bt, _t as Vt, b as Ht, d as Ut, dt as Wt, et as Gt, ft as Kt, g as qt, it as Jt, j as Yt, lt as Xt, m as Zt, n as Qt, nt as $t, pt as en, q as tn, rt as nn, s as rn, st as an, tt as on, w as sn, wt as cn, z as ln } from "./chunks/icons-C36Ha5VU.js";
11
- import { t as un } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
12
- import { t as dn } from "./chunks/useCloudI18n-Ch-SiRjU.js";
13
- import { t as fn } from "./chunks/useMergeTag-DxjTEyin.js";
14
- import { t as pn } from "./chunks/useAliveFlag-Dtm174fG.js";
15
- import { t as mn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
16
- import { n as hn, t as gn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
17
- import { t as _n } from "./chunks/readableTextColor-f8Kykfnh.js";
18
- import { t as vn } from "./chunks/blockTypeIcons-hX_W4dqo.js";
19
- import { t as yn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
20
- import { S as bn, _ as xn, b as Sn, c as Cn, g as q, h as J, l as wn, m as Y, p as X, r as Tn, t as En, y as Dn } from "./chunks/styleConstants-9oK5kn21.js";
21
- import { t as Z } from "./chunks/ColorPicker-B-we7_bC.js";
22
- import { n as On, r as kn } from "./chunks/MergeTagSuggestion-DhllqTA3.js";
23
- import { i as Q, n as An, r as jn, t as Mn } from "./chunks/NumberWithSuffix-mm6AfIv4.js";
24
- import { n as Nn, t as Pn } from "./chunks/MergeTagModeToggle-CfFrfYNC.js";
2
+ import { H as z, L as B, R as V, S as H, T as U, a as W, b as G, c as te, d as ne, h as re, i as K, l as ie, o as ae, r as oe, x as se } from "./chunks/src-B_QJduQD.js";
3
+ import { B as ce, C as le, D as ue, F as de, I as fe, L as pe, N as me, O as he, P as ge, R as _e, _ as ve, a as ye, b as be, c as xe, d as Se, f as Ce, g as we, h as Te, i as Ee, j as De, k as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, r as Pe, s as Fe, t as Ie, v as Le, w as Re, y as ze } from "./chunks/useEditorCore-DTpSiO4S.js";
4
+ import { _ as Be, d as Ve, g as He } from "./chunks/dist-CYLJiSiH.js";
5
+ import { a as Ue } from "./chunks/dist-CM8TB0VD.js";
6
+ import { B as We, D as Ge, F as Ke, H as qe, L as Je, N as Ye, O as Xe, U as Ze, V as Qe, W as $e, _ as et, c as tt, d as nt, f as rt, h as it, j as at, k as ot, m as st, n as ct, o as lt, p as ut, r as dt, s as ft, u as pt, w as mt, z as ht } from "./chunks/keys-oJdkdtPn.js";
7
+ import { t as q } from "./chunks/useI18n-4sUbTM3Y.js";
8
+ import { t as gt } from "./chunks/logger-ByvdoAwq.js";
9
+ import { a as _t, n as vt } from "./chunks/usePopoverPosition-C1N2kaiZ.js";
10
+ import { $ as yt, At as bt, D as xt, E as St, Et as Ct, F as wt, I as Tt, It as Et, Lt as Dt, M as Ot, Mt as kt, N as At, Ot as jt, P as Mt, Q as Nt, Rt as Pt, T as Ft, Tt as It, U as Lt, Y as Rt, _ as zt, _t as Bt, b as Vt, d as Ht, dt as Ut, et as Wt, ft as Gt, g as Kt, it as qt, j as Jt, lt as Yt, m as Xt, n as Zt, nt as Qt, pt as $t, q as en, rt as tn, s as nn, st as rn, tt as an, w as on, wt as sn, z as cn } from "./chunks/icons-Dl5bcXmT.js";
11
+ import { t as ln } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
12
+ import { t as un } from "./chunks/useCloudI18n-Ch-SiRjU.js";
13
+ import { t as dn } from "./chunks/useMergeTag-DxjTEyin.js";
14
+ import { t as fn } from "./chunks/useAliveFlag-Dtm174fG.js";
15
+ import { t as pn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
16
+ import { C as mn, S as hn, _ as gn, b as _n, c as vn, g as J, h as Y, l as yn, m as X, p as Z, r as bn, t as xn, y as Sn } from "./chunks/styleConstants-C_YAPdQS.js";
17
+ import { n as Cn, t as wn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
18
+ import { t as Tn } from "./chunks/readableTextColor-f8Kykfnh.js";
19
+ import { t as En } from "./chunks/blockTypeIcons-A9qFb1cR.js";
20
+ import { t as Dn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
21
+ import { t as Q } from "./chunks/ColorPicker-QPBbkWAs.js";
22
+ import { n as On, r as kn } from "./chunks/MergeTagSuggestion-Df7jcLpS.js";
23
+ import { i as $, n as An, r as jn, t as Mn } from "./chunks/NumberWithSuffix-DNBrbl4H.js";
24
+ import { n as Nn, t as Pn } from "./chunks/MergeTagModeToggle-CkpKFx9N.js";
25
25
  import { t as Fn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
26
- import { t as In } from "./chunks/TplModal-C51W8LTn.js";
26
+ import { t as In } from "./chunks/TplModal-pGADKFOL.js";
27
27
  //#region src/composables/useCommentsFeature.ts
28
28
  function Ln(t) {
29
- let { provider: n, editor: r } = t, i = _e({
29
+ let { provider: n, editor: r } = t, i = ge({
30
30
  provider: n,
31
31
  getTemplateId: () => r.state.template?.id ?? null,
32
32
  getUser: () => t.user ?? null,
33
33
  onComment: t.onComment,
34
34
  onError: t.onError
35
35
  });
36
- he({
36
+ me({
37
37
  comments: i,
38
38
  provider: n,
39
39
  getTemplateId: () => r.state.template?.id ?? null
@@ -87,7 +87,7 @@ function Ln(t) {
87
87
  //#endregion
88
88
  //#region src/composables/useSavedBlocksFeature.ts
89
89
  function Rn(t) {
90
- let { provider: n, editor: r } = t, i = me({
90
+ let { provider: n, editor: r } = t, i = pe({
91
91
  provider: n,
92
92
  onError: t.onError
93
93
  }), a = l(!1), o = l(!1), s = l(!1), u = l(/* @__PURE__ */ new Set()), d = b(() => s.value), f = b(() => u.value.size);
@@ -122,7 +122,7 @@ function Rn(t) {
122
122
  }
123
123
  function S(e, t) {
124
124
  for (let n = 0; n < e.content.length; n++) {
125
- let i = ce(e.content[n]), a = t === void 0 ? void 0 : t + n;
125
+ let i = se(e.content[n]), a = t === void 0 ? void 0 : t + n;
126
126
  r.addBlock(i, void 0, void 0, a);
127
127
  }
128
128
  o.value = !1;
@@ -131,7 +131,7 @@ function Rn(t) {
131
131
  i.load().catch(() => {});
132
132
  }
133
133
  let w = b(() => i.savedBlocks.value.length), T = b(() => t.isAvailable?.() ?? !0);
134
- return c(Ye, i), {
134
+ return c(Je, i), {
135
135
  headless: i,
136
136
  isPicking: d,
137
137
  pickedIds: u,
@@ -170,7 +170,7 @@ function Rn(t) {
170
170
  //#region src/composables/useTemplatesFeature.ts
171
171
  var zn = 3e3;
172
172
  function Bn(e) {
173
- let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Ve(() => {
173
+ let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Be(() => {
174
174
  r.value = "idle";
175
175
  }, zn, { immediate: !1 }), s = b(() => typeof t.create == "function"), c = b(() => typeof t.save == "function"), u = b(() => e.isAvailable?.() ?? !0), d = b(() => n.state.template?.name), f = b(() => {
176
176
  let e = n.state.template;
@@ -244,7 +244,7 @@ function Bn(e) {
244
244
  let t = e.trim();
245
245
  t && t !== n.state.template?.name && (n.setName(t), w());
246
246
  }
247
- return e.guardUnsavedChanges !== !1 && We(window, "beforeunload", (e) => {
247
+ return e.guardUnsavedChanges !== !1 && Ue(window, "beforeunload", (e) => {
248
248
  n.state.isDirty && (e.preventDefault(), e.returnValue = "");
249
249
  }), {
250
250
  save: _,
@@ -281,7 +281,7 @@ function Bn(e) {
281
281
  //#region src/utils/toMjml.ts
282
282
  async function Vn() {
283
283
  try {
284
- return await import("./chunks/src-B_pCqXyM.js");
284
+ return await import("./chunks/src-DNhD7a2v.js");
285
285
  } catch {
286
286
  return null;
287
287
  }
@@ -325,7 +325,7 @@ function Wn(e) {
325
325
  return await e.renderMjml();
326
326
  } catch (e) {
327
327
  if (await Vn() === null) {
328
- s || (s = !0, _t.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
328
+ s || (s = !0, gt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
329
329
  return;
330
330
  }
331
331
  throw e;
@@ -377,7 +377,7 @@ function Wn(e) {
377
377
  //#endregion
378
378
  //#region src/composables/useVersionHistoryFeature.ts
379
379
  function Gn(e) {
380
- let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = fe({
380
+ let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = de({
381
381
  provider: t,
382
382
  getTemplateId: () => n.state.template?.id ?? null,
383
383
  onError: e.onError
@@ -403,7 +403,7 @@ function Gn(e) {
403
403
  return;
404
404
  }
405
405
  let t = await o.resolveContent(e);
406
- f || (c.value = W(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
406
+ f || (c.value = G(n.content.value), a?.pause(), s.value = e, n.setContent(t, !1));
407
407
  }
408
408
  async function D() {
409
409
  if (s.value) {
@@ -510,8 +510,8 @@ function Jn(e) {
510
510
  };
511
511
  }
512
512
  async function Yn(e) {
513
- let t = W(e.getContent());
514
- return await mn(t, { renderCustomBlock: e.renderCustomBlock }), {
513
+ let t = G(e.getContent());
514
+ return await pn(t, { renderCustomBlock: e.renderCustomBlock }), {
515
515
  content: t,
516
516
  fonts: e.getFonts()
517
517
  };
@@ -553,7 +553,7 @@ function Qn(e, t, n) {
553
553
  }), o = a.exec(e);
554
554
  }
555
555
  };
556
- return i(n.logic, "data-logic-merge-tag", (e) => te(e, n)), i(n.value, "data-merge-tag", (e) => oe(e, t)), r.sort((e, t) => e.start - t.start);
556
+ return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) => ae(e, t)), r.sort((e, t) => e.start - t.start);
557
557
  }
558
558
  function $n(e) {
559
559
  let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
@@ -565,7 +565,7 @@ function $n(e) {
565
565
  return n;
566
566
  }
567
567
  function er(e, t, n) {
568
- if (!e || !G(e, n) || typeof DOMParser > "u") return e;
568
+ if (!e || !K(e, n) || typeof DOMParser > "u") return e;
569
569
  let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
570
570
  for (let e of $n(r)) {
571
571
  let a = e.data, o = Qn(a, t, n);
@@ -615,7 +615,7 @@ function nr(e, t, n) {
615
615
  } : e;
616
616
  }
617
617
  function rr(e, t) {
618
- return nr(e, t?.tags ?? [], ie(t?.syntax));
618
+ return nr(e, t?.tags ?? [], re(t?.syntax));
619
619
  }
620
620
  function ir(e, t) {
621
621
  return {
@@ -665,7 +665,7 @@ var or = ["aria-label"], sr = {
665
665
  }, gr = { class: "tpl:relative" }, _r = {
666
666
  class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
667
667
  style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
668
- }, vr = /*#__PURE__*/ un(/* @__PURE__ */ d({
668
+ }, vr = /*#__PURE__*/ ln(/* @__PURE__ */ d({
669
669
  __name: "Canvas",
670
670
  props: {
671
671
  viewport: {},
@@ -682,22 +682,22 @@ var or = ["aria-label"], sr = {
682
682
  ],
683
683
  setup(e, { emit: i }) {
684
684
  let a = {
685
- section: Ie,
686
- title: Se,
687
- paragraph: Pe,
688
- image: Ee,
689
- button: ge,
690
- divider: Re,
691
- spacer: De,
692
- html: ye,
693
- social: be,
694
- menu: je,
695
- table: Fe,
696
- video: Me,
697
- custom: Be
698
- }, o = e, d = i, { t: p } = K(), { t: m } = dn(), h = et(at, "Canvas"), v = t(rt, null), C = t(pt, null), w = t(nt, {}), T = t(Ze, null), O = t(qe, null);
699
- c(Qe, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
700
- let k = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), j = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = t(ft, null), I = b({
685
+ section: Fe,
686
+ title: xe,
687
+ paragraph: Ne,
688
+ image: Te,
689
+ button: he,
690
+ divider: Le,
691
+ spacer: Ee,
692
+ html: ve,
693
+ social: ye,
694
+ menu: Ae,
695
+ table: Pe,
696
+ video: je,
697
+ custom: ze
698
+ }, o = e, d = i, { t: p } = q(), { t: m } = un(), h = $e(it, "Canvas"), v = t(nt, null), C = t(ft, null), w = t(tt, {}), T = t(Xe, null), O = t(Ke, null);
699
+ c(Ze, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
700
+ let k = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), j = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), M = t(dt, null), I = b({
701
701
  get: () => o.content.blocks,
702
702
  set: (e) => {
703
703
  h.setContent({
@@ -705,27 +705,27 @@ var or = ["aria-label"], sr = {
705
705
  blocks: e
706
706
  });
707
707
  }
708
- }), L = b(() => hn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Ce(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
709
- function te() {
708
+ }), L = b(() => Cn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Se(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
709
+ function W() {
710
710
  V.value && (H.value += 1);
711
711
  }
712
- function W() {
712
+ function G() {
713
713
  V.value && (H.value = Math.max(0, H.value - 1));
714
714
  }
715
- function ne() {
715
+ function te() {
716
716
  H.value = 0;
717
717
  }
718
- function re(e) {
718
+ function ne(e) {
719
719
  o.previewMode || w.savedBlocks?.isPicking.value || e.target === e.currentTarget && d("select-block", null);
720
720
  }
721
- function ie(e) {
722
- return we(e, C, a);
721
+ function re(e) {
722
+ return Ce(e, C, a);
723
723
  }
724
- function G(e) {
724
+ function K(e) {
725
725
  return o.lockedBlocks?.get(e) ?? null;
726
726
  }
727
- function ae(e) {
728
- if (o.previewMode || G(e)) return;
727
+ function ie(e) {
728
+ if (o.previewMode || K(e)) return;
729
729
  let t = w.savedBlocks;
730
730
  if (t?.isPicking.value) {
731
731
  t.togglePick(e);
@@ -733,11 +733,11 @@ var or = ["aria-label"], sr = {
733
733
  }
734
734
  d("select-block", e);
735
735
  }
736
- function oe(e) {
736
+ function ae(e) {
737
737
  return w.savedBlocks?.isPicked(e) ?? !1;
738
738
  }
739
- let se = b(() => w.savedBlocks?.isPicking.value === !0);
740
- function ce(e, t) {
739
+ let oe = b(() => w.savedBlocks?.isPicking.value === !0);
740
+ function se(e, t) {
741
741
  e.type === "custom" && h.updateBlock(e.id, {
742
742
  fieldValues: t.fieldValues,
743
743
  dataSourceFetched: t.dataSourceFetched
@@ -748,7 +748,7 @@ var or = ["aria-label"], sr = {
748
748
  style: E({
749
749
  width: `${z.value}px`,
750
750
  boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
751
- transition: g(gn)
751
+ transition: g(wn)
752
752
  })
753
753
  }, [A("div", {
754
754
  class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
@@ -764,7 +764,7 @@ var or = ["aria-label"], sr = {
764
764
  class: "tpl-canvas-wrapper tpl:relative",
765
765
  style: E({
766
766
  width: `${L.value}px`,
767
- transition: g(gn)
767
+ transition: g(wn)
768
768
  })
769
769
  }, [A("div", {
770
770
  class: y(["tpl-canvas tpl:relative tpl:rounded-lg", {
@@ -772,7 +772,7 @@ var or = ["aria-label"], sr = {
772
772
  "tpl-preview-mode": e.previewMode
773
773
  }]),
774
774
  style: E(B.value),
775
- onClick: re
775
+ onClick: ne
776
776
  }, [g(O)?.isInitialResolve.value ? (s(), x("div", sr, [A("span", cr, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
777
777
  key: e,
778
778
  "aria-hidden": "true",
@@ -796,12 +796,12 @@ var or = ["aria-label"], sr = {
796
796
  V.value && U.value ? "tpl-canvas-empty--drag-over tpl:border-[var(--tpl-primary-hover)] tpl:bg-[var(--tpl-primary-light)]" : "",
797
797
  V.value && !U.value ? "tpl:border-[var(--tpl-primary)]" : ""
798
798
  ]),
799
- onDragenter: te,
800
- onDragleave: W,
801
- onDrop: ne
799
+ onDragenter: W,
800
+ onDragleave: G,
801
+ onDrop: te
802
802
  }, {
803
803
  default: r(() => [V.value ? (s(), x("div", ur, [
804
- A("div", dr, [_(g(It), {
804
+ A("div", dr, [_(g(Ft), {
805
805
  size: 48,
806
806
  "stroke-width": 1
807
807
  })]),
@@ -812,7 +812,7 @@ var or = ["aria-label"], sr = {
812
812
  A("button", {
813
813
  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)]",
814
814
  onClick: i[0] ||= (e) => d("open-ai-chat")
815
- }, [_(g(Ct), {
815
+ }, [_(g(St), {
816
816
  size: 14,
817
817
  "stroke-width": 2
818
818
  }), R(" " + F(g(m).aiMenu.aiAssistant), 1)]),
@@ -823,7 +823,7 @@ var or = ["aria-label"], sr = {
823
823
  A("button", {
824
824
  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)]",
825
825
  onClick: i[1] ||= (e) => d("open-design-reference")
826
- }, [_(g(en), {
826
+ }, [_(g($t), {
827
827
  size: 14,
828
828
  "stroke-width": 2
829
829
  }), R(" " + F(g(m).aiMenu.designToTemplate), 1)]),
@@ -832,31 +832,31 @@ var or = ["aria-label"], sr = {
832
832
  ])) : S("", !0), (s(!0), x(P, null, n(I.value, (t) => f((s(), x("div", {
833
833
  key: t.id,
834
834
  class: "tpl-block-item"
835
- }, [A("div", gr, [G(t.id) ? (s(), x("div", {
835
+ }, [A("div", gr, [K(t.id) ? (s(), x("div", {
836
836
  key: 0,
837
837
  class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
838
838
  style: E({
839
- outline: `2px solid ${G(t.id).color}`,
839
+ outline: `2px solid ${K(t.id).color}`,
840
840
  outlineOffset: "-1px"
841
841
  })
842
842
  }, [A("span", {
843
843
  class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
844
844
  style: E({
845
- backgroundColor: G(t.id).color,
846
- color: g(_n)(G(t.id).color)
845
+ backgroundColor: K(t.id).color,
846
+ color: g(Tn)(K(t.id).color)
847
847
  })
848
- }, [A("span", _r, F(G(t.id).name.charAt(0)), 1), R(" " + F(G(t.id).name), 1)], 4)], 4)) : S("", !0), _(Ae, {
848
+ }, [A("span", _r, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(ke, {
849
849
  block: t,
850
- "is-selected": !e.previewMode && !se.value && e.selectedBlockId === t.id && !G(t.id),
851
- picked: oe(t.id),
850
+ "is-selected": !e.previewMode && !oe.value && e.selectedBlockId === t.id && !K(t.id),
851
+ picked: ae(t.id),
852
852
  viewport: e.viewport,
853
853
  "preview-mode": e.previewMode,
854
- onSelect: (e) => ae(t.id)
854
+ onSelect: (e) => ie(t.id)
855
855
  }, {
856
- default: r(() => [(s(), D(u(ie(t)), {
856
+ default: r(() => [(s(), D(u(re(t)), {
857
857
  block: t,
858
858
  viewport: e.viewport,
859
- onFetchData: (e) => ce(t, e),
859
+ onFetchData: (e) => se(t, e),
860
860
  onUpdate: (e) => g(h).updateBlock(t.id, e)
861
861
  }, null, 40, [
862
862
  "block",
@@ -883,7 +883,7 @@ var or = ["aria-label"], sr = {
883
883
  }), [["__scopeId", "data-v-da730df5"]]), yr = d({
884
884
  name: "CustomBlockStylesheets",
885
885
  setup() {
886
- let e = t(dt, null);
886
+ let e = t(ut, null);
887
887
  return () => e ? e.value.map((e, t) => I("style", {
888
888
  key: t,
889
889
  "data-tpl-custom-block-stylesheet": "",
@@ -947,17 +947,27 @@ var Sr = ["aria-label"], Cr = {
947
947
  }, kr = /* @__PURE__ */ d({
948
948
  __name: "Sidebar",
949
949
  setup(i) {
950
- let { t: a, format: o } = K(), c = t(it, []), d = t(Xe, void 0), f = t(ut, void 0), p = t(at, null), m = yn(), h = t(nt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1);
951
- function w() {
952
- C.value || (y.value = !1);
953
- }
950
+ let { t: a, format: o } = q(), c = t(rt, []), d = t(Ye, void 0), f = t(lt, void 0), p = t(it, null), m = Dn(), h = t(tt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
954
951
  function T() {
955
- C.value = !0;
952
+ try {
953
+ return w.value?.querySelector(":focus-visible") != null;
954
+ } catch {
955
+ return !1;
956
+ }
956
957
  }
957
958
  function O() {
959
+ C.value || T() || (y.value = !1);
960
+ }
961
+ function k() {
962
+ C.value = !0;
963
+ }
964
+ function j() {
965
+ C.value = !1;
966
+ }
967
+ function M() {
958
968
  C.value = !1, y.value = !1;
959
969
  }
960
- let k = [
970
+ let N = [
961
971
  "section",
962
972
  "image",
963
973
  "title",
@@ -970,34 +980,34 @@ var Sr = ["aria-label"], Cr = {
970
980
  "table",
971
981
  "spacer",
972
982
  "html"
973
- ], j = b(() => {
974
- let e = k.map((e) => ({
983
+ ], I = b(() => {
984
+ let e = N.map((e) => ({
975
985
  type: e,
976
- label: Oe(e, a)
986
+ label: De(e, a)
977
987
  }));
978
988
  return h.plan && e.splice(-1, 0, {
979
989
  type: "countdown",
980
- label: Oe("countdown", a)
990
+ label: De("countdown", a)
981
991
  }), e;
982
- }), M = b(() => c.map((e) => ({
992
+ }), L = b(() => c.map((e) => ({
983
993
  type: `custom:${e.type}`,
984
994
  label: e.name,
985
995
  isCustom: !0,
986
996
  icon: e.icon
987
- }))), N = b(() => [...j.value, ...M.value]), I = b(() => br(N.value, d)), L = b(() => I.value.items), R = /* @__PURE__ */ new Set();
988
- e(() => I.value.unknown, (e) => {
989
- for (let t of e) R.has(t) || (R.add(t), _t.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.`));
997
+ }))), R = b(() => [...I.value, ...L.value]), z = b(() => br(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
998
+ e(() => z.value.unknown, (e) => {
999
+ for (let t of e) V.has(t) || (V.add(t), gt.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.`));
990
1000
  }, { immediate: !0 });
991
- function z(e) {
1001
+ function W(e) {
992
1002
  if (e.isCustom) {
993
1003
  let t = e.type.replace("custom:", ""), n = c.find((e) => e.type === t);
994
1004
  if (n) return U(n);
995
1005
  }
996
1006
  return H(e.type, f);
997
1007
  }
998
- function B(e) {
1008
+ function G(e) {
999
1009
  if (!p) return;
1000
- let t = z(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
1010
+ let t = W(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
1001
1011
  blockType: e.type,
1002
1012
  selectedBlockId: p.state.selectedBlockId,
1003
1013
  findBlockLocation: p.findBlockLocation,
@@ -1005,10 +1015,12 @@ var Sr = ["aria-label"], Cr = {
1005
1015
  });
1006
1016
  p.addBlock(t, n, r, i), p.selectBlock(t.id), m(t.id);
1007
1017
  }
1008
- function V(e, t) {
1009
- (e.key === "Enter" || e.key === " ") && (e.preventDefault(), B(t));
1018
+ function te(e, t) {
1019
+ (e.key === "Enter" || e.key === " ") && (e.preventDefault(), G(t));
1010
1020
  }
1011
1021
  return (e, t) => (s(), x("aside", {
1022
+ ref_key: "railEl",
1023
+ ref: w,
1012
1024
  "aria-label": g(a).sidebarNav.palette,
1013
1025
  class: "tpl-sidebar-rail tpl:absolute tpl:top-14 tpl:bottom-0 tpl:left-0 tpl:z-40 tpl:flex tpl:flex-col tpl:overflow-hidden",
1014
1026
  style: E({
@@ -1019,7 +1031,7 @@ var Sr = ["aria-label"], Cr = {
1019
1031
  transition: "width 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1)"
1020
1032
  }),
1021
1033
  onMouseenter: t[1] ||= (e) => y.value = !0,
1022
- onMouseleave: w,
1034
+ onMouseleave: O,
1023
1035
  onFocusin: t[2] ||= (e) => y.value = !0,
1024
1036
  onFocusout: t[3] ||= (e) => y.value = !1
1025
1037
  }, [v.value ? (s(), x("div", Cr, [A("button", {
@@ -1028,39 +1040,40 @@ var Sr = ["aria-label"], Cr = {
1028
1040
  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)]",
1029
1041
  style: E({ justifyContent: y.value ? "flex-start" : "center" }),
1030
1042
  onClick: t[0] ||= (e) => g(h).savedBlocks?.openBrowser()
1031
- }, [_(g(zt), {
1043
+ }, [_(g(Rt), {
1032
1044
  size: 20,
1033
1045
  "stroke-width": 1.5,
1034
1046
  class: "tpl:shrink-0"
1035
1047
  }), y.value ? (s(), x("span", Tr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, wr)])) : S("", !0), _(g(ee), {
1036
- "model-value": L.value,
1048
+ "model-value": B.value,
1037
1049
  group: {
1038
1050
  name: "blocks",
1039
1051
  pull: "clone",
1040
1052
  put: !1
1041
1053
  },
1042
- clone: z,
1054
+ clone: W,
1043
1055
  sort: !1,
1044
1056
  animation: 150,
1045
1057
  "force-fallback": !0,
1046
1058
  class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
1047
- onChoose: T,
1048
- onEnd: O
1059
+ onChoose: k,
1060
+ onUnchoose: j,
1061
+ onEnd: M
1049
1062
  }, {
1050
- default: r(() => [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
1063
+ default: r(() => [(s(!0), x(P, null, n(B.value, (e) => (s(), x("button", {
1051
1064
  key: e.type,
1052
1065
  type: "button",
1053
1066
  "data-palette-type": e.type,
1054
1067
  "aria-label": g(o)(g(a).sidebarNav.insertBlock, { block: e.label }),
1055
1068
  class: "tpl:flex tpl:h-10 tpl:w-full tpl:shrink-0 tpl:cursor-grab tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:active:cursor-grabbing",
1056
1069
  style: E({ justifyContent: y.value ? "flex-start" : "center" }),
1057
- onClick: (t) => B(e),
1058
- onKeydown: (t) => V(t, e)
1059
- }, [A("div", Dr, [g(vn)[e.type] ? (s(), D(u(g(vn)[e.type]), {
1070
+ onClick: (t) => G(e),
1071
+ onKeydown: (t) => te(t, e)
1072
+ }, [A("div", Dr, [g(En)[e.type] ? (s(), D(u(g(En)[e.type]), {
1060
1073
  key: 0,
1061
1074
  size: 20,
1062
1075
  "stroke-width": 1.5
1063
- })) : e.isCustom ? (s(), D(de, {
1076
+ })) : e.isCustom ? (s(), D(ue, {
1064
1077
  key: 1,
1065
1078
  icon: e.icon,
1066
1079
  size: 20
@@ -1128,7 +1141,7 @@ var Pr = /* @__PURE__ */ new Set([
1128
1141
  "End"
1129
1142
  ]);
1130
1143
  function Fr(e) {
1131
- let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ae(s), d = ne(s), f = c && u !== null && o.length > 0, p = t($e, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = yt(), _ = On(h, g), v = !1;
1144
+ let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t(Qe, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = vt(), _ = On(h, g), v = !1;
1132
1145
  a() && m(() => {
1133
1146
  v = !0, _.close();
1134
1147
  });
@@ -1182,7 +1195,7 @@ function Fr(e) {
1182
1195
  //#endregion
1183
1196
  //#region src/composables/useMergeTagField.ts
1184
1197
  function Ir(e) {
1185
- let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = fn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = ue(), v = l(!1), y = !1, x = !1;
1198
+ let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = dn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = le(), v = l(!1), y = !1, x = !1;
1186
1199
  a() && m(() => {
1187
1200
  x = !0;
1188
1201
  });
@@ -1210,10 +1223,10 @@ function Ir(e) {
1210
1223
  type: "mergeTag",
1211
1224
  value: t,
1212
1225
  label: u(t)
1213
- }) : re(t, f) ? n.push({
1226
+ }) : ne(t, f) ? n.push({
1214
1227
  type: "logicMergeTag",
1215
1228
  value: t,
1216
- keyword: te(t, f)
1229
+ keyword: W(t, f)
1217
1230
  }) : n.push({
1218
1231
  type: "text",
1219
1232
  value: t
@@ -1320,7 +1333,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1320
1333
  },
1321
1334
  emits: ["edit", "clear"],
1322
1335
  setup(e, { emit: t }) {
1323
- let r = t, { t: i } = K();
1336
+ let r = t, { t: i } = q();
1324
1337
  function a() {
1325
1338
  r("edit");
1326
1339
  }
@@ -1354,7 +1367,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1354
1367
  "aria-label": g(i).mergeTag.remove,
1355
1368
  title: g(i).mergeTag.remove,
1356
1369
  onClick: o[0] ||= T((e) => r("clear"), ["stop"])
1357
- }, [_(g(Qt), {
1370
+ }, [_(g(Zt), {
1358
1371
  size: 12,
1359
1372
  "stroke-width": 2.5
1360
1373
  })], 8, Vr)], 42, Lr));
@@ -1368,7 +1381,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1368
1381
  props: { disabled: { type: Boolean } },
1369
1382
  emits: ["insert"],
1370
1383
  setup(e) {
1371
- let { t } = K();
1384
+ let { t } = q();
1372
1385
  return (n, r) => (s(), x("button", {
1373
1386
  type: "button",
1374
1387
  class: y([Wr, "tpl:mt-1.5"]),
@@ -1377,7 +1390,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1377
1390
  disabled: e.disabled,
1378
1391
  onMousedown: r[0] ||= T(() => {}, ["prevent"]),
1379
1392
  onClick: r[1] ||= (e) => n.$emit("insert")
1380
- }, [_(g(Nt), {
1393
+ }, [_(g(Mt), {
1381
1394
  size: 12,
1382
1395
  "stroke-width": 2
1383
1396
  }), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Ur));
@@ -1391,7 +1404,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1391
1404
  props: { disabled: { type: Boolean } },
1392
1405
  emits: ["insert"],
1393
1406
  setup(e) {
1394
- let { t } = K();
1407
+ let { t } = q();
1395
1408
  return (n, r) => (s(), x("button", {
1396
1409
  type: "button",
1397
1410
  class: y([qr, "tpl:mt-1.5"]),
@@ -1401,7 +1414,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1401
1414
  "data-testid": "field-insert-logic-button",
1402
1415
  onMousedown: r[0] ||= T(() => {}, ["prevent"]),
1403
1416
  onClick: r[1] ||= (e) => n.$emit("insert")
1404
- }, [_(g(Ft), {
1417
+ }, [_(g(Pt), {
1405
1418
  size: 12,
1406
1419
  "stroke-width": 2
1407
1420
  }), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Kr));
@@ -1473,7 +1486,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1473
1486
  props: { settings: {} },
1474
1487
  emits: ["update"],
1475
1488
  setup(e, { emit: t }) {
1476
- let r = e, i = t, { t: a } = K(), o = et(tt, "TemplateSettings"), c = b(() => o.fonts.value), l = b(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : o.defaultFont.value), u = [
1489
+ let r = e, i = t, { t: a } = q(), o = $e(et, "TemplateSettings"), c = b(() => o.fonts.value), l = b(() => c.value.some((e) => e.value === r.settings.fontFamily) ? r.settings.fontFamily : o.defaultFont.value), u = [
1477
1490
  {
1478
1491
  value: 480,
1479
1492
  label: "480px"
@@ -1492,13 +1505,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1492
1505
  }
1493
1506
  ];
1494
1507
  return (t, r) => (s(), x("aside", ri, [A("div", ii, [
1495
- A("div", { class: y(g(wn)) }, [
1496
- A("div", ai, [_(g(sn), {
1508
+ A("div", { class: y(g(yn)) }, [
1509
+ A("div", ai, [_(g(on), {
1497
1510
  class: "tpl:text-[var(--tpl-text-muted)]",
1498
1511
  size: 14,
1499
1512
  "stroke-width": 2
1500
1513
  }), A("span", null, F(g(a).templateSettings.layout), 1)]),
1501
- A("div", oi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.widthPreset), 3), A("div", si, [(s(), x(P, null, n(u, (t) => A("button", {
1514
+ A("div", oi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", si, [(s(), x(P, null, n(u, (t) => A("button", {
1502
1515
  key: t.value,
1503
1516
  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)]",
1504
1517
  style: E({
@@ -1508,44 +1521,44 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1508
1521
  }),
1509
1522
  onClick: (e) => i("update", { width: t.value })
1510
1523
  }, F(t.label), 13, ci)), 64))])]),
1511
- A("div", null, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.customWidth), 3), A("div", li, [A("input", {
1524
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", li, [A("input", {
1512
1525
  type: "number",
1513
- class: y(g(Y)),
1526
+ class: y(g(X)),
1514
1527
  value: e.settings.width,
1515
1528
  min: "300",
1516
1529
  max: "900",
1517
1530
  onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
1518
- }, null, 42, ui), A("span", { class: y(g(J)) }, "px", 2)])])
1531
+ }, null, 42, ui), A("span", { class: y(g(Y)) }, "px", 2)])])
1519
1532
  ], 2),
1520
- A("div", { class: y(g(wn)) }, [
1521
- A("div", di, [_(g(xt), {
1533
+ A("div", { class: y(g(yn)) }, [
1534
+ A("div", di, [_(g(bt), {
1522
1535
  class: "tpl:text-[var(--tpl-text-muted)]",
1523
1536
  size: 14,
1524
1537
  "stroke-width": 2
1525
1538
  }), A("span", null, F(g(a).templateSettings.appearance), 1)]),
1526
- A("div", fi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.backgroundColor), 3), _(Z, {
1539
+ A("div", fi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
1527
1540
  "model-value": e.settings.backgroundColor,
1528
- placeholder: g(En),
1541
+ placeholder: g(xn),
1529
1542
  "onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
1530
1543
  }, null, 8, ["model-value", "placeholder"])]),
1531
- A("div", pi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.textColor), 3), _(Z, {
1544
+ A("div", pi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
1532
1545
  "model-value": e.settings.textColor ?? "",
1533
1546
  "seed-color": "#1a1a1a",
1534
1547
  "onUpdate:modelValue": r[2] ||= (e) => i("update", { textColor: e })
1535
1548
  }, null, 8, ["model-value"])]),
1536
- A("div", mi, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.linkColor), 3), _(Z, {
1549
+ A("div", mi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
1537
1550
  "model-value": e.settings.linkColor ?? "",
1538
1551
  "seed-color": "#0066cc",
1539
1552
  "onUpdate:modelValue": r[3] ||= (e) => i("update", { linkColor: e || void 0 })
1540
1553
  }, null, 8, ["model-value"])]),
1541
- A("div", hi, [_(Q, {
1554
+ A("div", hi, [_($, {
1542
1555
  class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
1543
1556
  "model-value": e.settings.linkUnderline,
1544
1557
  label: g(a).templateSettings.linkUnderline,
1545
1558
  "onUpdate:modelValue": r[4] ||= (e) => i("update", { linkUnderline: e })
1546
1559
  }, null, 8, ["model-value", "label"])]),
1547
- A("div", null, [A("label", { class: y(g(q)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
1548
- class: y(g(X)),
1560
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
1561
+ class: y(g(Z)),
1549
1562
  value: l.value,
1550
1563
  onChange: r[5] ||= (e) => i("update", { fontFamily: e.target.value })
1551
1564
  }, [(s(!0), x(P, null, n(c.value, (e) => (s(), x("option", {
@@ -1553,15 +1566,15 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1553
1566
  value: e.value
1554
1567
  }, F(e.label), 9, _i))), 128))], 42, gi)])
1555
1568
  ], 2),
1556
- A("div", { class: y(g(wn)) }, [A("div", vi, [_(g(Vt), {
1569
+ A("div", { class: y(g(yn)) }, [A("div", vi, [_(g(Bt), {
1557
1570
  class: "tpl:text-[var(--tpl-text-muted)]",
1558
1571
  size: 14,
1559
1572
  "stroke-width": 2
1560
1573
  }), A("span", null, F(g(a).templateSettings.language), 1)]), A("div", null, [
1561
- A("label", { class: y(g(q)) }, F(g(a).templateSettings.contentLocale), 3),
1574
+ A("label", { class: y(g(J)) }, F(g(a).templateSettings.contentLocale), 3),
1562
1575
  A("input", {
1563
1576
  type: "text",
1564
- class: y(g(X)),
1577
+ class: y(g(Z)),
1565
1578
  value: e.settings.locale ?? "",
1566
1579
  placeholder: "en",
1567
1580
  spellcheck: "false",
@@ -1571,7 +1584,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1571
1584
  }, null, 42, yi),
1572
1585
  A("p", bi, F(g(a).templateSettings.contentLocaleHint), 1)
1573
1586
  ])], 2),
1574
- A("div", { class: y(g(wn)) }, [A("div", xi, [_(g(cn), {
1587
+ A("div", { class: y(g(yn)) }, [A("div", xi, [_(g(sn), {
1575
1588
  class: "tpl:text-[var(--tpl-text-muted)]",
1576
1589
  size: 14,
1577
1590
  "stroke-width": 2
@@ -1581,7 +1594,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1581
1594
  rows: 2,
1582
1595
  "onUpdate:modelValue": r[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
1583
1596
  }, null, 8, ["model-value", "placeholder"]), A("div", Si, [A("span", Ci, F(g(a).templateSettings.preheaderTextHint), 1), A("span", wi, F((e.settings.preheaderText ?? "").length) + "/" + F(ji), 1)])])], 2),
1584
- A("div", Ti, [A("div", Ei, [_(g(Wt), {
1597
+ A("div", Ti, [A("div", Ei, [_(g(Ut), {
1585
1598
  size: 14,
1586
1599
  "stroke-width": 2
1587
1600
  }), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", Di, [
@@ -1601,7 +1614,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1601
1614
  ], Li = {
1602
1615
  key: 0,
1603
1616
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1604
- }, Ri = "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)]", $ = /*#__PURE__*/ un(/* @__PURE__ */ d({
1617
+ }, Ri = "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)]", zi = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1605
1618
  __name: "MergeTagInput",
1606
1619
  props: {
1607
1620
  modelValue: {},
@@ -1642,7 +1655,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1642
1655
  ref_key: "inputRef",
1643
1656
  ref: i,
1644
1657
  type: e.type,
1645
- class: y([g(X), { "tpl-pulse-fill": e.pulse }]),
1658
+ class: y([g(Z), { "tpl-pulse-fill": e.pulse }]),
1646
1659
  value: e.modelValue,
1647
1660
  placeholder: e.placeholder,
1648
1661
  onInput: n[0] ||= (...e) => g(h) && g(h)(...e),
@@ -1659,10 +1672,10 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1659
1672
  onInsert: g(E)
1660
1673
  }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
1661
1674
  }
1662
- }), [["__scopeId", "data-v-c289916a"]]), zi = { class: "tpl:mb-3.5" }, Bi = ["value"], Vi = { value: "" }, Hi = ["value"], Ui = { class: "tpl:mb-3.5" }, Wi = { class: "tpl:mb-3.5" }, Gi = { class: "tpl:mb-3.5" }, Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:flex tpl:items-stretch" }, Xi = ["value"], Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:flex tpl:items-stretch" }, $i = ["value"], ea = { class: "tpl:mb-3.5" }, ta = ["value"], na = { value: "auto" }, ra = { value: "full" }, ia = { value: "custom" }, aa = {
1675
+ }), [["__scopeId", "data-v-c289916a"]]), Bi = { class: "tpl:mb-3.5" }, Vi = ["value"], Hi = { value: "" }, Ui = ["value"], Wi = { class: "tpl:mb-3.5" }, Gi = { class: "tpl:mb-3.5" }, Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Yi = { class: "tpl:mb-3.5" }, Xi = { class: "tpl:flex tpl:items-stretch" }, Zi = ["value"], Qi = { class: "tpl:mb-3.5" }, $i = { class: "tpl:flex tpl:items-stretch" }, ea = ["value"], ta = { class: "tpl:mb-3.5" }, na = ["value"], ra = { value: "auto" }, ia = { value: "full" }, aa = { value: "custom" }, oa = {
1663
1676
  key: 0,
1664
1677
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
1665
- }, oa = ["value"], sa = { class: "tpl:mb-3.5" }, ca = 200, la = /* @__PURE__ */ d({
1678
+ }, sa = ["value"], ca = { class: "tpl:mb-3.5" }, la = 200, ua = /* @__PURE__ */ d({
1666
1679
  __name: "ButtonToolbar",
1667
1680
  props: {
1668
1681
  block: {},
@@ -1670,7 +1683,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1670
1683
  },
1671
1684
  emits: ["update"],
1672
1685
  setup(e, { emit: t }) {
1673
- let r = e, i = t, { t: a } = K(), o = b(() => r.block.width === "full" ? "full" : typeof r.block.width == "number" ? "custom" : "auto");
1686
+ let r = e, i = t, { t: a } = q(), o = b(() => r.block.width === "full" ? "full" : typeof r.block.width == "number" ? "custom" : "auto");
1674
1687
  function c(e, t) {
1675
1688
  i("update", { [e]: t });
1676
1689
  }
@@ -1680,7 +1693,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1680
1693
  return;
1681
1694
  }
1682
1695
  if (e === "custom") {
1683
- c("width", typeof r.block.width == "number" ? r.block.width : ca);
1696
+ c("width", typeof r.block.width == "number" ? r.block.width : la);
1684
1697
  return;
1685
1698
  }
1686
1699
  c("width", void 0);
@@ -1690,28 +1703,28 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1690
1703
  !Number.isFinite(t) || t <= 0 || c("width", t);
1691
1704
  }
1692
1705
  return (t, r) => (s(), x(P, null, [
1693
- A("div", zi, [A("label", { class: y(g(q)) }, F(g(a).button.fontFamily), 3), A("select", {
1694
- class: y(g(X)),
1706
+ A("div", Bi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
1707
+ class: y(g(Z)),
1695
1708
  value: e.block.fontFamily || "",
1696
1709
  onChange: r[0] ||= (e) => c("fontFamily", e.target.value || void 0)
1697
- }, [A("option", Vi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1710
+ }, [A("option", Hi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1698
1711
  key: e.value,
1699
1712
  value: e.value
1700
- }, F(e.label), 9, Hi))), 128))], 42, Bi)]),
1701
- A("div", Ui, [A("label", { class: y(g(q)) }, F(g(a).button.text), 3), _($, {
1713
+ }, F(e.label), 9, Ui))), 128))], 42, Vi)]),
1714
+ A("div", Wi, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(zi, {
1702
1715
  "model-value": e.block.text,
1703
1716
  type: "text",
1704
1717
  "onUpdate:modelValue": r[1] ||= (e) => c("text", e)
1705
1718
  }, null, 8, ["model-value"])]),
1706
- A("div", Wi, [
1707
- A("label", { class: y(g(q)) }, F(g(a).button.url), 3),
1708
- _($, {
1719
+ A("div", Gi, [
1720
+ A("label", { class: y(g(J)) }, F(g(a).button.url), 3),
1721
+ _(zi, {
1709
1722
  "model-value": e.block.url,
1710
1723
  type: "url",
1711
1724
  placeholder: g(a).button.urlPlaceholder,
1712
1725
  "onUpdate:modelValue": r[2] ||= (e) => c("url", e)
1713
1726
  }, null, 8, ["model-value", "placeholder"]),
1714
- e.block.url ? (s(), D(Q, {
1727
+ e.block.url ? (s(), D($, {
1715
1728
  key: 0,
1716
1729
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
1717
1730
  "model-value": e.block.openInNewTab ?? !1,
@@ -1719,49 +1732,49 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1719
1732
  "onUpdate:modelValue": r[3] ||= (e) => c("openInNewTab", e)
1720
1733
  }, null, 8, ["model-value", "label"])) : S("", !0)
1721
1734
  ]),
1722
- A("div", Gi, [A("label", { class: y(g(q)) }, F(g(a).button.background), 3), _(Z, {
1735
+ A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
1723
1736
  "model-value": e.block.backgroundColor,
1724
1737
  "onUpdate:modelValue": r[4] ||= (e) => c("backgroundColor", e)
1725
1738
  }, null, 8, ["model-value"])]),
1726
- A("div", Ki, [A("label", { class: y(g(q)) }, F(g(a).button.textColor), 3), _(Z, {
1739
+ A("div", qi, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
1727
1740
  "model-value": e.block.textColor,
1728
1741
  "onUpdate:modelValue": r[5] ||= (e) => c("textColor", e)
1729
1742
  }, null, 8, ["model-value"])]),
1730
- A("div", qi, [A("div", Ji, [A("label", { class: y(g(q)) }, F(g(a).button.borderRadius), 3), A("div", Yi, [A("input", {
1743
+ A("div", Ji, [A("div", Yi, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Xi, [A("input", {
1731
1744
  type: "number",
1732
- class: y(g(Y)),
1745
+ class: y(g(X)),
1733
1746
  value: e.block.borderRadius,
1734
1747
  min: "0",
1735
1748
  max: "50",
1736
1749
  onInput: r[6] ||= (e) => c("borderRadius", Number(e.target.value))
1737
- }, null, 42, Xi), A("span", { class: y(g(J)) }, "px", 2)])]), A("div", Zi, [A("label", { class: y(g(q)) }, F(g(a).button.fontSize), 3), A("div", Qi, [A("input", {
1750
+ }, null, 42, Zi), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", Qi, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", $i, [A("input", {
1738
1751
  type: "number",
1739
- class: y(g(Y)),
1752
+ class: y(g(X)),
1740
1753
  value: e.block.fontSize,
1741
1754
  min: "10",
1742
1755
  max: "36",
1743
1756
  onInput: r[7] ||= (e) => c("fontSize", Number(e.target.value))
1744
- }, null, 42, $i), A("span", { class: y(g(J)) }, "px", 2)])])]),
1745
- A("div", ea, [
1746
- A("label", { class: y(g(q)) }, F(g(a).button.width), 3),
1757
+ }, null, 42, ea), A("span", { class: y(g(Y)) }, "px", 2)])])]),
1758
+ A("div", ta, [
1759
+ A("label", { class: y(g(J)) }, F(g(a).button.width), 3),
1747
1760
  A("select", {
1748
- class: y(g(X)),
1761
+ class: y(g(Z)),
1749
1762
  value: o.value,
1750
1763
  onChange: r[8] ||= (e) => l(e.target.value)
1751
1764
  }, [
1752
- A("option", na, F(g(a).button.widthAuto), 1),
1753
- A("option", ra, F(g(a).button.fullWidth), 1),
1754
- A("option", ia, F(g(a).button.widthCustom), 1)
1755
- ], 42, ta),
1756
- o.value === "custom" ? (s(), x("div", aa, [A("input", {
1765
+ A("option", ra, F(g(a).button.widthAuto), 1),
1766
+ A("option", ia, F(g(a).button.fullWidth), 1),
1767
+ A("option", aa, F(g(a).button.widthCustom), 1)
1768
+ ], 42, na),
1769
+ o.value === "custom" ? (s(), x("div", oa, [A("input", {
1757
1770
  type: "number",
1758
- class: y(g(Y)),
1759
- value: typeof e.block.width == "number" ? e.block.width : ca,
1771
+ class: y(g(X)),
1772
+ value: typeof e.block.width == "number" ? e.block.width : la,
1760
1773
  min: "20",
1761
1774
  onInput: r[9] ||= (e) => u(e.target.value)
1762
- }, null, 42, oa), A("span", { class: y(g(J)) }, "px", 2)])) : S("", !0)
1775
+ }, null, 42, sa), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
1763
1776
  ]),
1764
- A("div", sa, [A("label", { class: y(g(q)) }, F(g(a).title.align), 3), _(jn, {
1777
+ A("div", ca, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(jn, {
1765
1778
  options: [
1766
1779
  {
1767
1780
  value: "left",
@@ -1781,7 +1794,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1781
1794
  }, null, 8, ["options", "model-value"])])
1782
1795
  ], 64));
1783
1796
  }
1784
- }), ua = { class: "spacing-control" }, da = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, fa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, pa = { class: "tpl:flex tpl:items-center" }, ma = ["aria-label"], ha = ["value", "aria-label"], ga = ["aria-label"], _a = { class: "tpl:flex tpl:items-center tpl:gap-2" }, va = { class: "tpl:flex tpl:items-center" }, ya = ["aria-label"], ba = ["value", "aria-label"], xa = ["aria-label"], Sa = ["aria-label", "title"], Ca = { class: "tpl:flex tpl:items-center" }, wa = ["aria-label"], Ta = ["value", "aria-label"], Ea = ["aria-label"], Da = { class: "tpl:flex tpl:items-center" }, Oa = ["aria-label"], ka = ["value", "aria-label"], Aa = ["aria-label"], ja = "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)]", Ma = "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)]", Na = /*#__PURE__*/ un(/* @__PURE__ */ d({
1797
+ }), da = { class: "spacing-control" }, fa = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, pa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ma = { class: "tpl:flex tpl:items-center" }, ha = ["aria-label"], ga = ["value", "aria-label"], _a = ["aria-label"], va = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ya = { class: "tpl:flex tpl:items-center" }, ba = ["aria-label"], xa = ["value", "aria-label"], Sa = ["aria-label"], Ca = ["aria-label", "title"], wa = { class: "tpl:flex tpl:items-center" }, Ta = ["aria-label"], Ea = ["value", "aria-label"], Da = ["aria-label"], Oa = { class: "tpl:flex tpl:items-center" }, ka = ["aria-label"], Aa = ["value", "aria-label"], ja = ["aria-label"], Ma = "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)]", Na = "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)]", Pa = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1785
1798
  __name: "SpacingControl",
1786
1799
  props: {
1787
1800
  modelValue: {},
@@ -1789,7 +1802,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1789
1802
  },
1790
1803
  emits: ["update:modelValue"],
1791
1804
  setup(t, { emit: n }) {
1792
- let r = t, i = n, { t: a } = K(), o = b(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), c = l(o.value);
1805
+ let r = t, i = n, { t: a } = q(), o = b(() => r.modelValue.top === r.modelValue.right && r.modelValue.right === r.modelValue.bottom && r.modelValue.bottom === r.modelValue.left), c = l(o.value);
1793
1806
  e(o, (e) => {
1794
1807
  !e && c.value && (c.value = !1);
1795
1808
  });
@@ -1828,130 +1841,130 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1828
1841
  });
1829
1842
  }
1830
1843
  }
1831
- return (e, n) => (s(), x("div", ua, [A("label", da, F(t.label), 1), A("div", fa, [
1832
- A("div", pa, [
1844
+ return (e, n) => (s(), x("div", da, [A("label", fa, F(t.label), 1), A("div", pa, [
1845
+ A("div", ma, [
1833
1846
  A("button", {
1834
1847
  "aria-label": g(a).spacingControl.decreaseTop,
1835
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1848
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1836
1849
  onClick: n[0] ||= (e) => u("top", -1)
1837
- }, [_(g(Gt), {
1850
+ }, [_(g(Wt), {
1838
1851
  size: 12,
1839
1852
  "stroke-width": 2
1840
- })], 10, ma),
1853
+ })], 10, ha),
1841
1854
  A("input", {
1842
1855
  type: "number",
1843
- class: y(Ma),
1856
+ class: y(Na),
1844
1857
  value: t.modelValue.top,
1845
1858
  "aria-label": g(a).spacingControl.top,
1846
1859
  min: "0",
1847
1860
  onInput: n[1] ||= (e) => d("top", Number(e.target.value))
1848
- }, null, 40, ha),
1861
+ }, null, 40, ga),
1849
1862
  A("button", {
1850
1863
  "aria-label": g(a).spacingControl.increaseTop,
1851
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1864
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1852
1865
  onClick: n[2] ||= (e) => u("top", 1)
1853
- }, [_(g(Rt), {
1866
+ }, [_(g(Lt), {
1854
1867
  size: 12,
1855
1868
  "stroke-width": 2
1856
- })], 10, ga)
1869
+ })], 10, _a)
1857
1870
  ]),
1858
- A("div", _a, [
1859
- A("div", va, [
1871
+ A("div", va, [
1872
+ A("div", ya, [
1860
1873
  A("button", {
1861
1874
  "aria-label": g(a).spacingControl.decreaseLeft,
1862
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1875
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1863
1876
  onClick: n[3] ||= (e) => u("left", -1)
1864
- }, [_(g(Gt), {
1877
+ }, [_(g(Wt), {
1865
1878
  size: 12,
1866
1879
  "stroke-width": 2
1867
- })], 10, ya),
1880
+ })], 10, ba),
1868
1881
  A("input", {
1869
1882
  type: "number",
1870
- class: y(Ma),
1883
+ class: y(Na),
1871
1884
  value: t.modelValue.left,
1872
1885
  "aria-label": g(a).spacingControl.left,
1873
1886
  min: "0",
1874
1887
  onInput: n[4] ||= (e) => d("left", Number(e.target.value))
1875
- }, null, 40, ba),
1888
+ }, null, 40, xa),
1876
1889
  A("button", {
1877
1890
  "aria-label": g(a).spacingControl.increaseLeft,
1878
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1891
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1879
1892
  onClick: n[5] ||= (e) => u("left", 1)
1880
- }, [_(g(Rt), {
1893
+ }, [_(g(Lt), {
1881
1894
  size: 12,
1882
1895
  "stroke-width": 2
1883
- })], 10, xa)
1896
+ })], 10, Sa)
1884
1897
  ]),
1885
1898
  A("button", {
1886
1899
  class: y(["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)]"]),
1887
1900
  "aria-label": c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
1888
1901
  title: c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
1889
1902
  onClick: f
1890
- }, [c.value ? (s(), D(g($t), {
1903
+ }, [c.value ? (s(), D(g(Qt), {
1891
1904
  key: 0,
1892
1905
  size: 14,
1893
1906
  "stroke-width": 2
1894
- })) : (s(), D(g(nn), {
1907
+ })) : (s(), D(g(tn), {
1895
1908
  key: 1,
1896
1909
  size: 14,
1897
1910
  "stroke-width": 2
1898
- }))], 10, Sa),
1899
- A("div", Ca, [
1911
+ }))], 10, Ca),
1912
+ A("div", wa, [
1900
1913
  A("button", {
1901
1914
  "aria-label": g(a).spacingControl.decreaseRight,
1902
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1915
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1903
1916
  onClick: n[6] ||= (e) => u("right", -1)
1904
- }, [_(g(Gt), {
1917
+ }, [_(g(Wt), {
1905
1918
  size: 12,
1906
1919
  "stroke-width": 2
1907
- })], 10, wa),
1920
+ })], 10, Ta),
1908
1921
  A("input", {
1909
1922
  type: "number",
1910
- class: y(Ma),
1923
+ class: y(Na),
1911
1924
  value: t.modelValue.right,
1912
1925
  "aria-label": g(a).spacingControl.right,
1913
1926
  min: "0",
1914
1927
  onInput: n[7] ||= (e) => d("right", Number(e.target.value))
1915
- }, null, 40, Ta),
1928
+ }, null, 40, Ea),
1916
1929
  A("button", {
1917
1930
  "aria-label": g(a).spacingControl.increaseRight,
1918
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1931
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1919
1932
  onClick: n[8] ||= (e) => u("right", 1)
1920
- }, [_(g(Rt), {
1933
+ }, [_(g(Lt), {
1921
1934
  size: 12,
1922
1935
  "stroke-width": 2
1923
- })], 10, Ea)
1936
+ })], 10, Da)
1924
1937
  ])
1925
1938
  ]),
1926
- A("div", Da, [
1939
+ A("div", Oa, [
1927
1940
  A("button", {
1928
1941
  "aria-label": g(a).spacingControl.decreaseBottom,
1929
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1942
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1930
1943
  onClick: n[9] ||= (e) => u("bottom", -1)
1931
- }, [_(g(Gt), {
1944
+ }, [_(g(Wt), {
1932
1945
  size: 12,
1933
1946
  "stroke-width": 2
1934
- })], 10, Oa),
1947
+ })], 10, ka),
1935
1948
  A("input", {
1936
1949
  type: "number",
1937
- class: y(Ma),
1950
+ class: y(Na),
1938
1951
  value: t.modelValue.bottom,
1939
1952
  "aria-label": g(a).spacingControl.bottom,
1940
1953
  min: "0",
1941
1954
  onInput: n[10] ||= (e) => d("bottom", Number(e.target.value))
1942
- }, null, 40, ka),
1955
+ }, null, 40, Aa),
1943
1956
  A("button", {
1944
1957
  "aria-label": g(a).spacingControl.increaseBottom,
1945
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1958
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1946
1959
  onClick: n[11] ||= (e) => u("bottom", 1)
1947
- }, [_(g(Rt), {
1960
+ }, [_(g(Lt), {
1948
1961
  size: 12,
1949
1962
  "stroke-width": 2
1950
- })], 10, Aa)
1963
+ })], 10, ja)
1951
1964
  ])
1952
1965
  ])]));
1953
1966
  }
1954
- }), [["__scopeId", "data-v-69591c1e"]]), Pa = ["data-testid"], Fa = { class: "tpl:mt-3" }, Ia = /* @__PURE__ */ d({
1967
+ }), [["__scopeId", "data-v-69591c1e"]]), Fa = ["data-testid"], Ia = { class: "tpl:mt-3" }, La = /* @__PURE__ */ d({
1955
1968
  __name: "CollapsibleSection",
1956
1969
  props: {
1957
1970
  title: {},
@@ -1966,25 +1979,25 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1966
1979
  "data-testid": e.headerTestId,
1967
1980
  class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
1968
1981
  onClick: n[0] ||= (e) => t.$emit("toggle")
1969
- }, [_(g(Dt), {
1982
+ }, [_(g(Et), {
1970
1983
  class: y(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
1971
1984
  size: 12,
1972
1985
  "stroke-width": 2
1973
- }, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, Pa), f(A("div", Fa, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
1986
+ }, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, Fa), f(A("div", Ia, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
1974
1987
  }
1975
- }), La = { class: "tpl:space-y-2" }, Ra = { class: "tpl:flex tpl:items-center tpl:gap-2" }, za = { class: "tpl:space-y-2" }, Ba = ["value"], Va = { value: "" }, Ha = ["label"], Ua = ["value"], Wa = ["value"], Ga = {
1988
+ }), Ra = { class: "tpl:space-y-2" }, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = { class: "tpl:space-y-2" }, Va = ["value"], Ha = { value: "" }, Ua = ["label"], Wa = ["value"], Ga = ["value"], Ka = {
1976
1989
  key: 0,
1977
1990
  value: "__custom__"
1978
- }, Ka = {
1991
+ }, qa = {
1979
1992
  key: 0,
1980
1993
  class: "tpl:space-y-2"
1981
- }, qa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ja = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ya = { class: "tpl:flex tpl:justify-end" }, Xa = ["disabled"], Za = {
1994
+ }, Ja = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ya = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Xa = { class: "tpl:flex tpl:justify-end" }, Za = ["disabled"], Qa = {
1982
1995
  key: 0,
1983
1996
  class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
1984
- }, Qa = { class: "tpl:space-y-1" }, $a = { 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)]" }, eo = {
1997
+ }, $a = { class: "tpl:space-y-1" }, eo = { 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)]" }, to = {
1985
1998
  key: 0,
1986
1999
  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)]"
1987
- }, to = /* @__PURE__ */ d({
2000
+ }, no = /* @__PURE__ */ d({
1988
2001
  __name: "CommonBlockSettings",
1989
2002
  props: {
1990
2003
  block: {},
@@ -1992,13 +2005,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
1992
2005
  },
1993
2006
  emits: ["update"],
1994
2007
  setup(i, { emit: a }) {
1995
- let o = i, c = a, { t: d } = K(), m = t(ct, []), h = t(lt, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
2008
+ let o = i, c = a, { t: d } = q(), m = t(st, []), h = t(ct, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
1996
2009
  key: "desktop",
1997
- icon: bt,
2010
+ icon: yt,
1998
2011
  labelKey: "showOnDesktop"
1999
2012
  }, {
2000
2013
  key: "mobile",
2001
- icon: St,
2014
+ icon: xt,
2002
2015
  labelKey: "showOnMobile"
2003
2016
  }];
2004
2017
  function O(e) {
@@ -2047,13 +2060,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2047
2060
  t[e] = !t[e], c("update", { visibility: t });
2048
2061
  }
2049
2062
  return (e, t) => (s(), x("div", { class: y(["tpl:flex tpl:flex-col", i.isFirstSection ? "" : "tpl:mt-4"]) }, [
2050
- _(Ia, {
2063
+ _(La, {
2051
2064
  title: g(d).blockSettings.spacing,
2052
2065
  open: v.has("spacing"),
2053
2066
  "no-border": i.isFirstSection,
2054
2067
  onToggle: t[1] ||= (e) => O("spacing")
2055
2068
  }, {
2056
- default: r(() => [_(Na, {
2069
+ default: r(() => [_(Pa, {
2057
2070
  label: g(d).blockSettings.padding,
2058
2071
  "model-value": i.block.styles.padding,
2059
2072
  "onUpdate:modelValue": t[0] ||= (e) => L("padding", e)
@@ -2064,30 +2077,30 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2064
2077
  "open",
2065
2078
  "no-border"
2066
2079
  ]),
2067
- _(Ia, {
2080
+ _(La, {
2068
2081
  title: g(d).blockSettings.background,
2069
2082
  open: v.has("bg"),
2070
2083
  onToggle: t[3] ||= (e) => O("bg")
2071
2084
  }, {
2072
- default: r(() => [A("label", { class: y(g(q)) }, F(g(d).blockSettings.color), 3), _(Z, {
2085
+ default: r(() => [A("label", { class: y(g(J)) }, F(g(d).blockSettings.color), 3), _(Q, {
2073
2086
  "model-value": i.block.styles.backgroundColor ?? "",
2074
2087
  "onUpdate:modelValue": t[2] ||= (e) => L("backgroundColor", e)
2075
2088
  }, null, 8, ["model-value"])]),
2076
2089
  _: 1
2077
2090
  }, 8, ["title", "open"]),
2078
- _(Ia, {
2091
+ _(La, {
2079
2092
  title: g(d).blockSettings.display,
2080
2093
  open: v.has("display"),
2081
2094
  onToggle: t[4] ||= (e) => O("display")
2082
2095
  }, {
2083
- default: r(() => [A("div", La, [(s(), x(P, null, n(E, (e) => _(Q, {
2096
+ default: r(() => [A("div", Ra, [(s(), x(P, null, n(E, (e) => _($, {
2084
2097
  key: e.key,
2085
2098
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
2086
2099
  "model-value": z(e.key),
2087
2100
  label: g(d).blockSettings[e.labelKey],
2088
2101
  "onUpdate:modelValue": (t) => B(e.key)
2089
2102
  }, {
2090
- default: r(() => [A("span", Ra, [(s(), D(u(e.icon), {
2103
+ default: r(() => [A("span", za, [(s(), D(u(e.icon), {
2091
2104
  size: 14,
2092
2105
  "stroke-width": 1.5
2093
2106
  })), R(" " + F(g(d).blockSettings[e.labelKey]), 1)])]),
@@ -2099,14 +2112,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2099
2112
  ])), 64))])]),
2100
2113
  _: 1
2101
2114
  }, 8, ["title", "open"]),
2102
- j.value ? (s(), D(Ia, {
2115
+ j.value ? (s(), D(La, {
2103
2116
  key: 0,
2104
2117
  "header-test-id": "display-condition-section",
2105
2118
  title: g(d).blockSettings.displayCondition,
2106
2119
  open: v.has("condition"),
2107
2120
  onToggle: t[8] ||= (e) => O("condition")
2108
2121
  }, {
2109
- default: r(() => [A("div", za, [A("select", {
2122
+ default: r(() => [A("div", Ba, [A("select", {
2110
2123
  "data-testid": "display-condition-select",
2111
2124
  class: y(["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)]", i.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)]"]),
2112
2125
  value: C.value || M.value ? "__custom__" : i.block.displayCondition?.label ?? "",
@@ -2124,41 +2137,41 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2124
2137
  n && c("update", { displayCondition: n });
2125
2138
  }
2126
2139
  }, [
2127
- A("option", Va, F(g(d).blockSettings.noCondition), 1),
2140
+ A("option", Ha, F(g(d).blockSettings.noCondition), 1),
2128
2141
  (s(!0), x(P, null, n(I.value, (e, t) => (s(), x(P, { key: t }, [t ? (s(), x("optgroup", {
2129
2142
  key: 0,
2130
2143
  label: String(t)
2131
2144
  }, [(s(!0), x(P, null, n(e, (e) => (s(), x("option", {
2132
2145
  key: e.label,
2133
2146
  value: e.label
2134
- }, F(e.label), 9, Ua))), 128))], 8, Ha)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2147
+ }, F(e.label), 9, Wa))), 128))], 8, Ua)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2135
2148
  key: e.label,
2136
2149
  value: e.label
2137
- }, F(e.label), 9, Wa))), 128))], 64))), 128)),
2138
- g(h) ? (s(), x("option", Ga, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2139
- ], 42, Ba), C.value || M.value ? (s(), x("div", Ka, [
2140
- A("div", null, [A("label", qa, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
2150
+ }, F(e.label), 9, Ga))), 128))], 64))), 128)),
2151
+ g(h) ? (s(), x("option", Ka, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2152
+ ], 42, Va), C.value || M.value ? (s(), x("div", qa, [
2153
+ A("div", null, [A("label", Ja, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
2141
2154
  "onUpdate:modelValue": t[6] ||= (e) => w.value = e,
2142
2155
  rows: "2",
2143
- class: y(g(xn))
2156
+ class: y(g(gn))
2144
2157
  }, null, 2), [[k, w.value]])]),
2145
- A("div", null, [A("label", Ja, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
2158
+ A("div", null, [A("label", Ya, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
2146
2159
  "onUpdate:modelValue": t[7] ||= (e) => T.value = e,
2147
2160
  rows: "2",
2148
- class: y(g(xn))
2161
+ class: y(g(gn))
2149
2162
  }, null, 2), [[k, T.value]])]),
2150
- A("div", Ya, [A("button", {
2163
+ A("div", Xa, [A("button", {
2151
2164
  type: "button",
2152
2165
  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",
2153
2166
  disabled: !w.value.trim(),
2154
2167
  onClick: ee
2155
- }, F(g(d).blockSettings.applyCondition), 9, Xa)])
2156
- ])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", Za, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", Qa, [A("pre", $a, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", eo, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2168
+ }, F(g(d).blockSettings.applyCondition), 9, Za)])
2169
+ ])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", Qa, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", $a, [A("pre", eo, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", to, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2157
2170
  _: 1
2158
2171
  }, 8, ["title", "open"])) : S("", !0)
2159
2172
  ], 2));
2160
2173
  }
2161
- }), no = ["title"], ro = /* @__PURE__ */ d({
2174
+ }), ro = ["title"], io = /* @__PURE__ */ d({
2162
2175
  __name: "BooleanField",
2163
2176
  props: {
2164
2177
  field: {},
@@ -2167,11 +2180,11 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2167
2180
  },
2168
2181
  emits: ["update:modelValue"],
2169
2182
  setup(e, { emit: t }) {
2170
- let n = t, { t: i } = K();
2183
+ let n = t, { t: i } = q();
2171
2184
  return (t, a) => (s(), x("div", {
2172
2185
  class: "tpl:mb-3.5",
2173
2186
  title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0
2174
- }, [_(Q, {
2187
+ }, [_($, {
2175
2188
  class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
2176
2189
  "model-value": e.modelValue,
2177
2190
  label: e.field.label,
@@ -2179,7 +2192,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2179
2192
  disabled: e.readOnly,
2180
2193
  "onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
2181
2194
  }, {
2182
- default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g($t), {
2195
+ default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g(Qt), {
2183
2196
  key: 0,
2184
2197
  size: 12,
2185
2198
  class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
@@ -2190,9 +2203,9 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2190
2203
  "label",
2191
2204
  "required",
2192
2205
  "disabled"
2193
- ])], 8, no));
2206
+ ])], 8, ro));
2194
2207
  }
2195
- }), io = { class: "tpl:mb-3.5" }, ao = ["title"], oo = { class: "tpl-sr-only" }, so = ["title"], co = { class: "tpl-sr-only" }, lo = /* @__PURE__ */ d({
2208
+ }), ao = { class: "tpl:mb-3.5" }, oo = ["title"], so = { class: "tpl-sr-only" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = /* @__PURE__ */ d({
2196
2209
  __name: "FieldWrapper",
2197
2210
  props: {
2198
2211
  label: {},
@@ -2200,25 +2213,25 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2200
2213
  readOnly: { type: Boolean }
2201
2214
  },
2202
2215
  setup(e) {
2203
- let { t } = K();
2204
- return (n, r) => (s(), x("div", io, [A("label", { class: y(g(q)) }, [
2216
+ let { t } = q();
2217
+ return (n, r) => (s(), x("div", ao, [A("label", { class: y(g(J)) }, [
2205
2218
  R(F(e.label) + " ", 1),
2206
2219
  e.readOnly ? (s(), x("span", {
2207
2220
  key: 0,
2208
2221
  title: g(t).customBlocks.dataSource.readOnlyTooltip
2209
- }, [_(g($t), {
2222
+ }, [_(g(Qt), {
2210
2223
  size: 12,
2211
2224
  class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
2212
2225
  "aria-hidden": "true"
2213
- }), A("span", oo, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, ao)) : S("", !0),
2226
+ }), A("span", so, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, oo)) : S("", !0),
2214
2227
  e.required ? (s(), x("span", {
2215
2228
  key: 1,
2216
2229
  class: "tpl:text-[var(--tpl-danger)]",
2217
2230
  title: g(t).customBlocks.fields.required
2218
- }, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", co, F(g(t).customBlocks.fields.required), 1)], 8, so)) : S("", !0)
2231
+ }, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", lo, F(g(t).customBlocks.fields.required), 1)], 8, co)) : S("", !0)
2219
2232
  ], 2), i(n.$slots, "default")]));
2220
2233
  }
2221
- }), uo = /* @__PURE__ */ d({
2234
+ }), fo = /* @__PURE__ */ d({
2222
2235
  __name: "ColorField",
2223
2236
  props: {
2224
2237
  field: {},
@@ -2227,13 +2240,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2227
2240
  },
2228
2241
  emits: ["update:modelValue"],
2229
2242
  setup(e, { emit: n }) {
2230
- let i = e, a = n, { t: o } = K(), c = t(mt, vt), l = b(() => ke(i.field, c));
2231
- return (t, n) => (s(), D(lo, {
2243
+ let i = e, a = n, { t: o } = q(), c = t(pt, _t), l = b(() => Oe(i.field, c));
2244
+ return (t, n) => (s(), D(uo, {
2232
2245
  label: e.field.label,
2233
2246
  required: e.field.required,
2234
2247
  "read-only": e.readOnly
2235
2248
  }, {
2236
- default: r(() => [_(Z, {
2249
+ default: r(() => [_(Q, {
2237
2250
  "model-value": e.modelValue,
2238
2251
  placeholder: e.field.placeholder,
2239
2252
  disabled: e.readOnly,
@@ -2256,15 +2269,15 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2256
2269
  "read-only"
2257
2270
  ]));
2258
2271
  }
2259
- }), fo = {
2272
+ }), po = {
2260
2273
  key: 0,
2261
2274
  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)]",
2262
2275
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2263
- }, po = [
2276
+ }, mo = [
2264
2277
  "value",
2265
2278
  "placeholder",
2266
2279
  "title"
2267
- ], mo = ["value", "placeholder"], ho = /* @__PURE__ */ d({
2280
+ ], ho = ["value", "placeholder"], go = /* @__PURE__ */ d({
2268
2281
  __name: "ImageField",
2269
2282
  props: {
2270
2283
  field: {},
@@ -2273,7 +2286,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2273
2286
  },
2274
2287
  emits: ["update:modelValue"],
2275
2288
  setup(e, { emit: n }) {
2276
- let i = e, a = n, { t: o } = K(), c = t(ot, null), u = pn(), d = b(() => !!c);
2289
+ let i = e, a = n, { t: o } = q(), c = t(at, null), u = fn(), d = b(() => !!c);
2277
2290
  async function f() {
2278
2291
  let e = await c?.({ accept: ["images"] });
2279
2292
  u.alive && e && a("update:modelValue", e.url);
@@ -2294,12 +2307,12 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2294
2307
  }
2295
2308
  }
2296
2309
  }
2297
- let { isOver: C } = Te({
2310
+ let { isOver: C } = we({
2298
2311
  target: p,
2299
2312
  enabled: h,
2300
2313
  onFiles: v
2301
2314
  });
2302
- return (t, n) => (s(), D(lo, {
2315
+ return (t, n) => (s(), D(uo, {
2303
2316
  label: e.field.label,
2304
2317
  required: e.field.required,
2305
2318
  "read-only": e.readOnly
@@ -2309,35 +2322,35 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2309
2322
  ref: p,
2310
2323
  class: "tpl:relative"
2311
2324
  }, [
2312
- h.value && (g(C) || m.value) ? (s(), x("div", fo, [m.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
2325
+ h.value && (g(C) || m.value) ? (s(), x("div", po, [m.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2313
2326
  class: "tpl-spinner",
2314
2327
  size: 18,
2315
2328
  "stroke-width": 2
2316
- }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
2329
+ }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
2317
2330
  size: 18,
2318
2331
  "stroke-width": 1.5
2319
2332
  }), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
2320
2333
  e.readOnly ? (s(), x("input", {
2321
2334
  key: 1,
2322
2335
  type: "url",
2323
- class: y([g(X), "tpl:opacity-60 tpl:cursor-not-allowed"]),
2336
+ class: y([g(Z), "tpl:opacity-60 tpl:cursor-not-allowed"]),
2324
2337
  value: e.modelValue,
2325
2338
  placeholder: e.field.placeholder || "https://...",
2326
2339
  disabled: "",
2327
2340
  title: g(o).customBlocks.dataSource.readOnlyTooltip
2328
- }, null, 10, po)) : (s(), x("input", {
2341
+ }, null, 10, mo)) : (s(), x("input", {
2329
2342
  key: 2,
2330
2343
  type: "url",
2331
- class: y(g(X)),
2344
+ class: y(g(Z)),
2332
2345
  value: e.modelValue,
2333
2346
  placeholder: e.field.placeholder || "https://...",
2334
2347
  onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
2335
- }, null, 42, mo)),
2348
+ }, null, 42, ho)),
2336
2349
  d.value && !e.readOnly ? (s(), x("button", {
2337
2350
  key: 3,
2338
2351
  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)]",
2339
2352
  onClick: n[1] ||= (e) => f()
2340
- }, [_(g(Kt), {
2353
+ }, [_(g(Gt), {
2341
2354
  size: 14,
2342
2355
  "stroke-width": 1.5
2343
2356
  }), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
@@ -2349,7 +2362,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2349
2362
  "read-only"
2350
2363
  ]));
2351
2364
  }
2352
- }), go = [
2365
+ }), _o = [
2353
2366
  "value",
2354
2367
  "placeholder",
2355
2368
  "min",
@@ -2357,7 +2370,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2357
2370
  "step",
2358
2371
  "disabled",
2359
2372
  "title"
2360
- ], _o = /* @__PURE__ */ d({
2373
+ ], vo = /* @__PURE__ */ d({
2361
2374
  __name: "NumberField",
2362
2375
  props: {
2363
2376
  field: {},
@@ -2366,15 +2379,15 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2366
2379
  },
2367
2380
  emits: ["update:modelValue"],
2368
2381
  setup(e, { emit: t }) {
2369
- let n = t, { t: i } = K();
2370
- return (t, a) => (s(), D(lo, {
2382
+ let n = t, { t: i } = q();
2383
+ return (t, a) => (s(), D(uo, {
2371
2384
  label: e.field.label,
2372
2385
  required: e.field.required,
2373
2386
  "read-only": e.readOnly
2374
2387
  }, {
2375
2388
  default: r(() => [A("input", {
2376
2389
  type: "number",
2377
- class: y([g(X), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2390
+ class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2378
2391
  value: e.modelValue,
2379
2392
  placeholder: e.field.placeholder,
2380
2393
  min: e.field.min,
@@ -2383,7 +2396,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2383
2396
  disabled: e.readOnly,
2384
2397
  title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
2385
2398
  onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
2386
- }, null, 42, go)]),
2399
+ }, null, 42, _o)]),
2387
2400
  _: 1
2388
2401
  }, 8, [
2389
2402
  "label",
@@ -2391,13 +2404,13 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2391
2404
  "read-only"
2392
2405
  ]));
2393
2406
  }
2394
- }), vo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, yo = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, bo = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, xo = ["title", "onClick"], So = {
2407
+ }), yo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, bo = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, xo = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, So = ["title", "onClick"], Co = {
2395
2408
  key: 1,
2396
2409
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2397
- }, Co = {
2410
+ }, wo = {
2398
2411
  key: 2,
2399
2412
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2400
- }, wo = /* @__PURE__ */ d({
2413
+ }, To = /* @__PURE__ */ d({
2401
2414
  __name: "RepeatableField",
2402
2415
  props: {
2403
2416
  field: {},
@@ -2406,7 +2419,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2406
2419
  },
2407
2420
  emits: ["update:modelValue"],
2408
2421
  setup(e, { emit: t }) {
2409
- let i = e, a = t, { t: o, format: c } = K(), l = b(() => i.modelValue || []), d = b(() => !i.field.maxItems || l.value.length < i.field.maxItems), f = b(() => !i.field.minItems || l.value.length > i.field.minItems);
2422
+ let i = e, a = t, { t: o, format: c } = q(), l = b(() => i.modelValue || []), d = b(() => !i.field.maxItems || l.value.length < i.field.maxItems), f = b(() => !i.field.minItems || l.value.length > i.field.minItems);
2410
2423
  function p() {
2411
2424
  if (!d.value || i.readOnly) return;
2412
2425
  let e = {};
@@ -2425,25 +2438,25 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2425
2438
  } : r);
2426
2439
  a("update:modelValue", r);
2427
2440
  }
2428
- return (t, i) => (s(), D(lo, {
2441
+ return (t, i) => (s(), D(uo, {
2429
2442
  label: e.field.label,
2430
2443
  required: e.field.required,
2431
2444
  "read-only": e.readOnly
2432
2445
  }, {
2433
- default: r(() => [A("div", vo, [
2446
+ default: r(() => [A("div", yo, [
2434
2447
  (s(!0), x(P, null, n(l.value, (t, r) => (s(), x("div", {
2435
2448
  key: `${e.field.key}-${r}`,
2436
2449
  class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
2437
- }, [A("div", yo, [A("span", bo, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2450
+ }, [A("div", bo, [A("span", xo, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2438
2451
  key: 0,
2439
2452
  type: "button",
2440
2453
  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)]",
2441
2454
  title: g(o).customBlocks.fields.removeItem,
2442
2455
  onClick: (e) => m(r)
2443
- }, [_(g(Ut), {
2456
+ }, [_(g(Ht), {
2444
2457
  size: 12,
2445
2458
  "stroke-width": 2
2446
- })], 8, xo)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(No)(n.type)), {
2459
+ })], 8, So)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(Po)(n.type)), {
2447
2460
  key: n.key,
2448
2461
  field: n,
2449
2462
  "model-value": t[n.key],
@@ -2458,14 +2471,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2458
2471
  d.value && !e.readOnly ? (s(), x("button", {
2459
2472
  key: 0,
2460
2473
  type: "button",
2461
- class: y(g(Cn)),
2474
+ class: y(g(vn)),
2462
2475
  onClick: p
2463
- }, [_(g(Rt), {
2476
+ }, [_(g(Lt), {
2464
2477
  size: 14,
2465
2478
  "stroke-width": 2
2466
2479
  }), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
2467
- !d.value && !e.readOnly ? (s(), x("p", So, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2468
- !f.value && !e.readOnly ? (s(), x("p", Co, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2480
+ !d.value && !e.readOnly ? (s(), x("p", Co, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2481
+ !f.value && !e.readOnly ? (s(), x("p", wo, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2469
2482
  ])]),
2470
2483
  _: 1
2471
2484
  }, 8, [
@@ -2474,11 +2487,11 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2474
2487
  "read-only"
2475
2488
  ]));
2476
2489
  }
2477
- }), To = [
2490
+ }), Eo = [
2478
2491
  "value",
2479
2492
  "disabled",
2480
2493
  "title"
2481
- ], Eo = ["value"], Do = /* @__PURE__ */ d({
2494
+ ], Do = ["value"], Oo = /* @__PURE__ */ d({
2482
2495
  __name: "SelectField",
2483
2496
  props: {
2484
2497
  field: {},
@@ -2487,14 +2500,14 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2487
2500
  },
2488
2501
  emits: ["update:modelValue"],
2489
2502
  setup(e, { emit: t }) {
2490
- let i = t, { t: a } = K();
2491
- return (t, o) => (s(), D(lo, {
2503
+ let i = t, { t: a } = q();
2504
+ return (t, o) => (s(), D(uo, {
2492
2505
  label: e.field.label,
2493
2506
  required: e.field.required,
2494
2507
  "read-only": e.readOnly
2495
2508
  }, {
2496
2509
  default: r(() => [A("select", {
2497
- class: y([g(X), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2510
+ class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2498
2511
  value: e.modelValue,
2499
2512
  disabled: e.readOnly,
2500
2513
  title: e.readOnly ? g(a).customBlocks.dataSource.readOnlyTooltip : void 0,
@@ -2502,7 +2515,7 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2502
2515
  }, [(s(!0), x(P, null, n(e.field.options, (e) => (s(), x("option", {
2503
2516
  key: e.value,
2504
2517
  value: e.value
2505
- }, F(e.label), 9, Eo))), 128))], 42, To)]),
2518
+ }, F(e.label), 9, Do))), 128))], 42, Eo)]),
2506
2519
  _: 1
2507
2520
  }, 8, [
2508
2521
  "label",
@@ -2510,11 +2523,11 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2510
2523
  "read-only"
2511
2524
  ]));
2512
2525
  }
2513
- }), Oo = [
2526
+ }), ko = [
2514
2527
  "value",
2515
2528
  "placeholder",
2516
2529
  "title"
2517
- ], ko = /* @__PURE__ */ d({
2530
+ ], Ao = /* @__PURE__ */ d({
2518
2531
  __name: "TextField",
2519
2532
  props: {
2520
2533
  field: {},
@@ -2523,8 +2536,8 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2523
2536
  },
2524
2537
  emits: ["update:modelValue"],
2525
2538
  setup(e, { emit: t }) {
2526
- let n = t, { t: i } = K();
2527
- return (t, a) => (s(), D(lo, {
2539
+ let n = t, { t: i } = q();
2540
+ return (t, a) => (s(), D(uo, {
2528
2541
  label: e.field.label,
2529
2542
  required: e.field.required,
2530
2543
  "read-only": e.readOnly
@@ -2532,12 +2545,12 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2532
2545
  default: r(() => [e.readOnly ? (s(), x("input", {
2533
2546
  key: 0,
2534
2547
  type: "text",
2535
- class: y([g(X), "tpl:opacity-60 tpl:cursor-not-allowed"]),
2548
+ class: y([g(Z), "tpl:opacity-60 tpl:cursor-not-allowed"]),
2536
2549
  value: e.modelValue,
2537
2550
  placeholder: e.field.placeholder,
2538
2551
  disabled: "",
2539
2552
  title: g(i).customBlocks.dataSource.readOnlyTooltip
2540
- }, null, 10, Oo)) : (s(), D($, {
2553
+ }, null, 10, ko)) : (s(), D(zi, {
2541
2554
  key: 1,
2542
2555
  "model-value": e.modelValue,
2543
2556
  placeholder: e.field.placeholder,
@@ -2550,12 +2563,12 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2550
2563
  "read-only"
2551
2564
  ]));
2552
2565
  }
2553
- }), Ao = [
2566
+ }), jo = [
2554
2567
  "value",
2555
2568
  "placeholder",
2556
2569
  "title"
2557
- ], jo = "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", Mo = {
2558
- text: ko,
2570
+ ], Mo = "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", No = {
2571
+ text: Ao,
2559
2572
  textarea: /* @__PURE__ */ d({
2560
2573
  __name: "TextareaField",
2561
2574
  props: {
@@ -2565,8 +2578,8 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2565
2578
  },
2566
2579
  emits: ["update:modelValue"],
2567
2580
  setup(e, { emit: t }) {
2568
- let n = t, { t: i } = K();
2569
- return (t, a) => (s(), D(lo, {
2581
+ let n = t, { t: i } = q();
2582
+ return (t, a) => (s(), D(uo, {
2570
2583
  label: e.field.label,
2571
2584
  required: e.field.required,
2572
2585
  "read-only": e.readOnly
@@ -2578,8 +2591,8 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2578
2591
  rows: "3",
2579
2592
  disabled: "",
2580
2593
  title: g(i).customBlocks.dataSource.readOnlyTooltip,
2581
- class: y(jo)
2582
- }, null, 8, Ao)) : (s(), D(ni, {
2594
+ class: y(Mo)
2595
+ }, null, 8, jo)) : (s(), D(ni, {
2583
2596
  key: 1,
2584
2597
  "model-value": e.modelValue,
2585
2598
  placeholder: e.field.placeholder,
@@ -2593,42 +2606,42 @@ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip
2593
2606
  ]));
2594
2607
  }
2595
2608
  }),
2596
- image: ho,
2597
- color: uo,
2598
- number: _o,
2599
- select: Do,
2600
- boolean: ro,
2601
- repeatable: wo
2609
+ image: go,
2610
+ color: fo,
2611
+ number: vo,
2612
+ select: Oo,
2613
+ boolean: io,
2614
+ repeatable: To
2602
2615
  };
2603
- function No(e) {
2604
- return Mo[e] ?? ko;
2616
+ function Po(e) {
2617
+ return No[e] ?? Ao;
2605
2618
  }
2606
2619
  //#endregion
2607
2620
  //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
2608
- var Po = {
2621
+ var Fo = {
2609
2622
  key: 0,
2610
2623
  class: "tpl:p-4"
2611
- }, Fo = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Io = { key: 1 }, Lo = {
2624
+ }, Io = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Lo = { key: 1 }, Ro = {
2612
2625
  key: 0,
2613
2626
  class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2614
- }, Ro = {
2627
+ }, zo = {
2615
2628
  key: 1,
2616
2629
  class: "tpl:mb-4"
2617
- }, zo = {
2630
+ }, Bo = {
2618
2631
  key: 1,
2619
2632
  class: "tpl:flex tpl:h-[32px] tpl:items-center"
2620
- }, Bo = {
2633
+ }, Vo = {
2621
2634
  key: 0,
2622
2635
  class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
2623
- }, Vo = {
2636
+ }, Ho = {
2624
2637
  key: 2,
2625
2638
  class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
2626
- }, Ho = /* @__PURE__ */ d({
2639
+ }, Uo = /* @__PURE__ */ d({
2627
2640
  __name: "CustomBlockToolbar",
2628
2641
  props: { block: {} },
2629
2642
  emits: ["updateFieldValues", "updateDataSourceFetched"],
2630
2643
  setup(e, { emit: r }) {
2631
- let i = e, a = r, { t: o } = K(), c = t(it, []), l = b(() => c.find((e) => e.type === i.block.customType)), d = b(() => i.block), { isFetching: f, fetchError: p, fetch: m, hasDataSource: h, needsFetch: v } = ve({
2644
+ let i = e, a = r, { t: o } = q(), c = t(rt, []), l = b(() => c.find((e) => e.type === i.block.customType)), d = b(() => i.block), { isFetching: f, fetchError: p, fetch: m, hasDataSource: h, needsFetch: v } = _e({
2632
2645
  definition: l,
2633
2646
  block: d,
2634
2647
  onUpdate: (e, t) => {
@@ -2644,23 +2657,23 @@ var Po = {
2644
2657
  [e]: t
2645
2658
  });
2646
2659
  }
2647
- return (t, r) => l.value ? (s(), x("div", Io, [
2648
- l.value.description ? (s(), x("p", Lo, F(l.value.description), 1)) : S("", !0),
2649
- g(h) ? (s(), x("div", Ro, [g(v) && !g(f) ? (s(), x("button", {
2660
+ return (t, r) => l.value ? (s(), x("div", Lo, [
2661
+ l.value.description ? (s(), x("p", Ro, F(l.value.description), 1)) : S("", !0),
2662
+ g(h) ? (s(), x("div", zo, [g(v) && !g(f) ? (s(), x("button", {
2650
2663
  key: 0,
2651
2664
  type: "button",
2652
2665
  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)]",
2653
2666
  onClick: r[0] ||= (...e) => g(m) && g(m)(...e)
2654
- }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", zo, [g(f) ? (s(), x("div", Bo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2667
+ }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Bo, [g(f) ? (s(), x("div", Vo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2655
2668
  key: 1,
2656
2669
  type: "button",
2657
2670
  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)]",
2658
2671
  onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
2659
- }, [_(g(ln), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Vo, [_(g(At), {
2672
+ }, [_(g(cn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Ho, [_(g(kt), {
2660
2673
  size: 14,
2661
2674
  class: "tpl:shrink-0"
2662
2675
  }), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
2663
- (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(No)(t.type)), {
2676
+ (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(Po)(t.type)), {
2664
2677
  key: t.key,
2665
2678
  field: t,
2666
2679
  "model-value": e.block.fieldValues[t.key],
@@ -2672,19 +2685,19 @@ var Po = {
2672
2685
  "read-only",
2673
2686
  "onUpdate:modelValue"
2674
2687
  ]))), 128))
2675
- ])) : (s(), x("div", Po, [A("p", Fo, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2688
+ ])) : (s(), x("div", Fo, [A("p", Io, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2676
2689
  }
2677
- }), Uo = { class: "tpl:mb-3.5" }, Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:flex tpl:items-stretch" }, qo = ["value"], Jo = /* @__PURE__ */ d({
2690
+ }), Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:flex tpl:items-stretch" }, Jo = ["value"], Yo = /* @__PURE__ */ d({
2678
2691
  __name: "DividerToolbar",
2679
2692
  props: { block: {} },
2680
2693
  emits: ["update"],
2681
2694
  setup(e, { emit: t }) {
2682
- let n = t, { t: r } = K();
2695
+ let n = t, { t: r } = q();
2683
2696
  function i(e, t) {
2684
2697
  n("update", { [e]: t });
2685
2698
  }
2686
2699
  return (t, n) => (s(), x(P, null, [
2687
- A("div", Uo, [A("label", { class: y(g(q)) }, F(g(r).divider.style), 3), _(jn, {
2700
+ A("div", Wo, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(jn, {
2688
2701
  options: [
2689
2702
  {
2690
2703
  value: "solid",
@@ -2702,61 +2715,61 @@ var Po = {
2702
2715
  "model-value": e.block.lineStyle,
2703
2716
  "onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
2704
2717
  }, null, 8, ["options", "model-value"])]),
2705
- A("div", Wo, [A("label", { class: y(g(q)) }, F(g(r).divider.color), 3), _(Z, {
2718
+ A("div", Go, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
2706
2719
  "model-value": e.block.color,
2707
2720
  "onUpdate:modelValue": n[1] ||= (e) => i("color", e)
2708
2721
  }, null, 8, ["model-value"])]),
2709
- A("div", Go, [A("label", { class: y(g(q)) }, F(g(r).divider.thickness), 3), A("div", Ko, [A("input", {
2722
+ A("div", Ko, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", qo, [A("input", {
2710
2723
  type: "number",
2711
- class: y(g(Y)),
2724
+ class: y(g(X)),
2712
2725
  value: e.block.thickness,
2713
2726
  min: "1",
2714
2727
  max: "10",
2715
2728
  onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
2716
- }, null, 42, qo), A("span", { class: y(g(J)) }, "px", 2)])])
2729
+ }, null, 42, Jo), A("span", { class: y(g(Y)) }, "px", 2)])])
2717
2730
  ], 64));
2718
2731
  }
2719
- }), Yo = { class: "tpl:mb-3.5" }, Xo = ["value"], Zo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Qo = /* @__PURE__ */ d({
2732
+ }), Xo = { class: "tpl:mb-3.5" }, Zo = ["value"], Qo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, $o = /* @__PURE__ */ d({
2720
2733
  __name: "HtmlToolbar",
2721
2734
  props: { block: {} },
2722
2735
  emits: ["update"],
2723
2736
  setup(e, { emit: t }) {
2724
- let n = t, { t: r } = K();
2725
- return (t, i) => (s(), x("div", Yo, [
2726
- A("label", { class: y(g(q)) }, F(g(r).html.content), 3),
2737
+ let n = t, { t: r } = q();
2738
+ return (t, i) => (s(), x("div", Xo, [
2739
+ A("label", { class: y(g(J)) }, F(g(r).html.content), 3),
2727
2740
  A("textarea", {
2728
2741
  value: e.block.content,
2729
2742
  placeholder: "<div>...</div>",
2730
2743
  rows: "10",
2731
- class: y(g(xn)),
2744
+ class: y(g(gn)),
2732
2745
  onInput: i[0] ||= (e) => n("update", { content: e.target.value })
2733
- }, null, 42, Xo),
2734
- A("p", Zo, [_(g(Wt), {
2746
+ }, null, 42, Zo),
2747
+ A("p", Qo, [_(g(Ut), {
2735
2748
  size: 12,
2736
2749
  class: "tpl:mt-0.5 tpl:shrink-0"
2737
2750
  }), R(" " + F(g(r).html.sanitizationHint), 1)])
2738
2751
  ]));
2739
2752
  }
2740
- }), $o = { class: "tpl:mb-3.5" }, es = {
2753
+ }), es = { class: "tpl:mb-3.5" }, ts = {
2741
2754
  key: 0,
2742
2755
  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)]",
2743
2756
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2744
- }, ts = {
2757
+ }, ns = {
2745
2758
  key: 0,
2746
2759
  class: "tpl:mb-3.5"
2747
- }, ns = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, rs = [
2760
+ }, rs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, is = [
2748
2761
  "value",
2749
2762
  "placeholder",
2750
2763
  "title"
2751
- ], is = { class: "tpl:mb-3.5" }, as = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, os = { class: "tpl:mb-3.5" }, ss = ["value"], cs = { value: "full" }, ls = { value: "custom" }, us = {
2764
+ ], as = { class: "tpl:mb-3.5" }, os = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, ss = { class: "tpl:mb-3.5" }, cs = ["value"], ls = { value: "full" }, us = { value: "custom" }, ds = {
2752
2765
  key: 0,
2753
2766
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
2754
- }, ds = ["value"], fs = { class: "tpl:mb-3.5" }, ps = { class: "tpl:mb-3.5" }, ms = 350, hs = /* @__PURE__ */ d({
2767
+ }, fs = ["value"], ps = { class: "tpl:mb-3.5" }, ms = { class: "tpl:mb-3.5" }, hs = 350, gs = /* @__PURE__ */ d({
2755
2768
  __name: "ImageToolbar",
2756
2769
  props: { block: {} },
2757
2770
  emits: ["update"],
2758
2771
  setup(e, { emit: n }) {
2759
- let i = e, a = n, { t: o } = K(), c = t(ot, null), u = t(st, se.liquid), d = pn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Ve(() => {
2772
+ let i = e, a = n, { t: o } = q(), c = t(at, null), u = t(ot, oe.liquid), d = fn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Be(() => {
2760
2773
  p.value = !1;
2761
2774
  }, 1e3, { immediate: !1 }), v = [
2762
2775
  300,
@@ -2772,7 +2785,7 @@ var Po = {
2772
2785
  function T(e) {
2773
2786
  if (e === "custom") {
2774
2787
  let e = i.block.width;
2775
- (typeof e != "number" || v.includes(e)) && w("width", ms);
2788
+ (typeof e != "number" || v.includes(e)) && w("width", hs);
2776
2789
  return;
2777
2790
  }
2778
2791
  w("width", e === "full" ? "full" : Number(e));
@@ -2785,7 +2798,7 @@ var Po = {
2785
2798
  let e = await c?.({ accept: ["images"] });
2786
2799
  d.alive && e && (w("src", e.url), e.alt && (w("alt", e.alt), m.value = !0), p.value = !0, h());
2787
2800
  }
2788
- let k = l(), j = l(!1), M = b(() => G(i.block.src, u)), N = b(() => f.value && !j.value && !M.value);
2801
+ let k = l(), j = l(!1), M = b(() => K(i.block.src, u)), N = b(() => f.value && !j.value && !M.value);
2789
2802
  async function ee(e) {
2790
2803
  if (c) {
2791
2804
  j.value = !0;
@@ -2801,26 +2814,26 @@ var Po = {
2801
2814
  }
2802
2815
  }
2803
2816
  }
2804
- let { isOver: I } = Te({
2817
+ let { isOver: I } = we({
2805
2818
  target: k,
2806
2819
  enabled: N,
2807
2820
  onFiles: ee
2808
2821
  });
2809
2822
  return (t, n) => (s(), x(P, null, [
2810
- A("div", $o, [A("label", { class: y(g(q)) }, F(g(o).image.imageUrl), 3), A("div", {
2823
+ A("div", es, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
2811
2824
  ref_key: "dropZoneRef",
2812
2825
  ref: k,
2813
2826
  class: "tpl:relative"
2814
2827
  }, [
2815
- N.value && (g(I) || j.value) ? (s(), x("div", es, [j.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
2828
+ N.value && (g(I) || j.value) ? (s(), x("div", ts, [j.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2816
2829
  class: "tpl-spinner",
2817
2830
  size: 18,
2818
2831
  "stroke-width": 2
2819
- }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
2832
+ }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
2820
2833
  size: 18,
2821
2834
  "stroke-width": 1.5
2822
2835
  }), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
2823
- _($, {
2836
+ _(zi, {
2824
2837
  "model-value": e.block.src,
2825
2838
  type: "url",
2826
2839
  placeholder: g(o).image.imageUrlPlaceholder,
@@ -2840,22 +2853,22 @@ var Po = {
2840
2853
  "background-color": "var(--tpl-bg)"
2841
2854
  },
2842
2855
  onClick: O
2843
- }, [_(g(Kt), {
2856
+ }, [_(g(Gt), {
2844
2857
  size: 14,
2845
2858
  "stroke-width": 1.5
2846
2859
  }), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
2847
2860
  ], 512)]),
2848
- g(G)(e.block.src, g(u)) ? (s(), x("div", ts, [A("label", { class: y(g(q)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", ns, F(g(o).image.optional), 1)], 2), A("input", {
2861
+ g(K)(e.block.src, g(u)) ? (s(), x("div", ns, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", rs, F(g(o).image.optional), 1)], 2), A("input", {
2849
2862
  type: "url",
2850
- class: y(g(X)),
2863
+ class: y(g(Z)),
2851
2864
  value: e.block.placeholderUrl || "",
2852
2865
  placeholder: g(o).image.placeholderUrlPlaceholder,
2853
2866
  title: g(o).image.placeholderUrlTooltip,
2854
2867
  onInput: n[1] ||= (e) => w("placeholderUrl", e.target.value)
2855
- }, null, 42, rs)])) : S("", !0),
2856
- A("div", is, [
2857
- A("label", { class: y(g(q)) }, F(g(o).image.altText), 3),
2858
- _($, {
2868
+ }, null, 42, is)])) : S("", !0),
2869
+ A("div", as, [
2870
+ A("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
2871
+ _(zi, {
2859
2872
  "model-value": e.block.alt,
2860
2873
  type: "text",
2861
2874
  placeholder: g(o).image.altTextPlaceholder,
@@ -2868,38 +2881,38 @@ var Po = {
2868
2881
  "pulse",
2869
2882
  "disabled"
2870
2883
  ]),
2871
- _(Q, {
2884
+ _($, {
2872
2885
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
2873
2886
  "model-value": e.block.decorative === !0,
2874
2887
  label: g(o).image.decorative,
2875
2888
  "onUpdate:modelValue": n[3] ||= (e) => w("decorative", e)
2876
2889
  }, {
2877
- default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", as, F(g(o).image.decorativeHint), 1)])]),
2890
+ default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", os, F(g(o).image.decorativeHint), 1)])]),
2878
2891
  _: 1
2879
2892
  }, 8, ["model-value", "label"])
2880
2893
  ]),
2881
- A("div", os, [
2882
- A("label", { class: y(g(q)) }, F(g(o).image.width), 3),
2894
+ A("div", ss, [
2895
+ A("label", { class: y(g(J)) }, F(g(o).image.width), 3),
2883
2896
  A("select", {
2884
- class: y(g(X)),
2897
+ class: y(g(Z)),
2885
2898
  value: C.value,
2886
2899
  onChange: n[4] ||= (e) => T(e.target.value)
2887
2900
  }, [
2888
- A("option", cs, F(g(o).image.fullWidth), 1),
2901
+ A("option", ls, F(g(o).image.fullWidth), 1),
2889
2902
  n[9] ||= A("option", { value: "300" }, "300px", -1),
2890
2903
  n[10] ||= A("option", { value: "400" }, "400px", -1),
2891
2904
  n[11] ||= A("option", { value: "500" }, "500px", -1),
2892
- A("option", ls, F(g(o).image.widthCustom), 1)
2893
- ], 42, ss),
2894
- C.value === "custom" ? (s(), x("div", us, [A("input", {
2905
+ A("option", us, F(g(o).image.widthCustom), 1)
2906
+ ], 42, cs),
2907
+ C.value === "custom" ? (s(), x("div", ds, [A("input", {
2895
2908
  type: "number",
2896
- class: y(g(Y)),
2897
- value: typeof e.block.width == "number" ? e.block.width : ms,
2909
+ class: y(g(X)),
2910
+ value: typeof e.block.width == "number" ? e.block.width : hs,
2898
2911
  min: "20",
2899
2912
  onInput: n[5] ||= (e) => E(e.target.value)
2900
- }, null, 42, ds), A("span", { class: y(g(J)) }, "px", 2)])) : S("", !0)
2913
+ }, null, 42, fs), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2901
2914
  ]),
2902
- A("div", fs, [A("label", { class: y(g(q)) }, F(g(o).title.align), 3), _(jn, {
2915
+ A("div", ps, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(jn, {
2903
2916
  options: [
2904
2917
  {
2905
2918
  value: "left",
@@ -2917,15 +2930,15 @@ var Po = {
2917
2930
  "model-value": e.block.align,
2918
2931
  "onUpdate:modelValue": n[6] ||= (e) => w("align", e)
2919
2932
  }, null, 8, ["options", "model-value"])]),
2920
- A("div", ps, [
2921
- A("label", { class: y(g(q)) }, F(g(o).image.linkUrl), 3),
2922
- _($, {
2933
+ A("div", ms, [
2934
+ A("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
2935
+ _(zi, {
2923
2936
  "model-value": e.block.linkUrl || "",
2924
2937
  type: "url",
2925
2938
  placeholder: g(o).image.imageUrlPlaceholder,
2926
2939
  "onUpdate:modelValue": n[7] ||= (e) => w("linkUrl", e)
2927
2940
  }, null, 8, ["model-value", "placeholder"]),
2928
- e.block.linkUrl ? (s(), D(Q, {
2941
+ e.block.linkUrl ? (s(), D($, {
2929
2942
  key: 0,
2930
2943
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
2931
2944
  "model-value": e.block.linkOpenInNewTab ?? !1,
@@ -2935,11 +2948,11 @@ var Po = {
2935
2948
  ])
2936
2949
  ], 64));
2937
2950
  }
2938
- }), gs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, _s = { class: "tpl:flex tpl:items-center tpl:gap-2" }, vs = [
2951
+ }), _s = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, vs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ys = [
2939
2952
  "value",
2940
2953
  "placeholder",
2941
2954
  "onInput"
2942
- ], ys = ["title", "onClick"], bs = { 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)]" }, xs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ss = ["value"], Cs = { value: "" }, ws = ["value"], Ts = ["value"], Es = /* @__PURE__ */ d({
2955
+ ], bs = ["title", "onClick"], xs = { 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)]" }, Ss = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cs = ["value"], ws = { value: "" }, Ts = ["value"], Es = ["value"], Ds = /* @__PURE__ */ d({
2943
2956
  __name: "MenuToolbar",
2944
2957
  props: {
2945
2958
  block: {},
@@ -2947,7 +2960,7 @@ var Po = {
2947
2960
  },
2948
2961
  emits: ["update"],
2949
2962
  setup(e, { emit: t }) {
2950
- let i = e, a = t, { t: o } = K(), c = b(() => [
2963
+ let i = e, a = t, { t: o } = q(), c = b(() => [
2951
2964
  {
2952
2965
  key: "openInNewTab",
2953
2966
  label: o.menu.openInNewTab
@@ -2964,17 +2977,17 @@ var Po = {
2964
2977
  {
2965
2978
  value: "left",
2966
2979
  label: o.title.alignLeft,
2967
- icon: Zt
2980
+ icon: Xt
2968
2981
  },
2969
2982
  {
2970
2983
  value: "center",
2971
2984
  label: o.title.alignCenter,
2972
- icon: Bt
2985
+ icon: zt
2973
2986
  },
2974
2987
  {
2975
2988
  value: "right",
2976
2989
  label: o.title.alignRight,
2977
- icon: qt
2990
+ icon: Kt
2978
2991
  }
2979
2992
  ]);
2980
2993
  function u(e, t) {
@@ -3003,25 +3016,25 @@ var Po = {
3003
3016
  }
3004
3017
  return (t, i) => (s(), x(P, null, [
3005
3018
  _(An, { label: g(o).menu.items }, {
3006
- default: r(() => [A("div", gs, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3019
+ default: r(() => [A("div", _s, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3007
3020
  key: t.id,
3008
3021
  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"
3009
3022
  }, [
3010
- A("div", _s, [A("input", {
3023
+ A("div", vs, [A("input", {
3011
3024
  type: "text",
3012
- class: y([g(X), "tpl:flex-1"]),
3025
+ class: y([g(Z), "tpl:flex-1"]),
3013
3026
  value: t.text,
3014
3027
  placeholder: g(o).menu.text,
3015
3028
  onInput: (e) => f(t.id, "text", e.target.value)
3016
- }, null, 42, vs), A("button", {
3017
- class: y(g(Sn)),
3029
+ }, null, 42, ys), A("button", {
3030
+ class: y(g(_n)),
3018
3031
  title: g(o).menu.removeItem,
3019
3032
  onClick: (e) => p(t.id)
3020
- }, [_(g(Qt), {
3033
+ }, [_(g(Zt), {
3021
3034
  size: 14,
3022
3035
  "stroke-width": 2
3023
- })], 10, ys)]),
3024
- _($, {
3036
+ })], 10, bs)]),
3037
+ _(zi, {
3025
3038
  "model-value": t.url,
3026
3039
  type: "url",
3027
3040
  placeholder: g(o).menu.urlPlaceholder,
@@ -3031,7 +3044,7 @@ var Po = {
3031
3044
  "placeholder",
3032
3045
  "onUpdate:modelValue"
3033
3046
  ]),
3034
- A("div", bs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D(Q, {
3047
+ A("div", xs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
3035
3048
  key: e.key,
3036
3049
  "model-value": t[e.key],
3037
3050
  label: e.label,
@@ -3041,15 +3054,15 @@ var Po = {
3041
3054
  "label",
3042
3055
  "onUpdate:modelValue"
3043
3056
  ]))), 128))]),
3044
- A("div", xs, [A("label", { class: y([g(q), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Z, {
3057
+ A("div", Ss, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
3045
3058
  "swatch-only": "",
3046
3059
  "model-value": t.color || e.block.linkColor || e.block.color || "",
3047
3060
  "onUpdate:modelValue": (e) => f(t.id, "color", e)
3048
3061
  }, null, 8, ["model-value", "onUpdate:modelValue"])])
3049
3062
  ]))), 128)), A("button", {
3050
- class: y(g(Cn)),
3063
+ class: y(g(vn)),
3051
3064
  onClick: d
3052
- }, [_(g(Rt), {
3065
+ }, [_(g(Lt), {
3053
3066
  size: 14,
3054
3067
  "stroke-width": 2
3055
3068
  }), R(" " + F(g(o).menu.addItem), 1)], 2)])]),
@@ -3057,13 +3070,13 @@ var Po = {
3057
3070
  }, 8, ["label"]),
3058
3071
  _(An, { label: g(o).menu.fontFamily }, {
3059
3072
  default: r(() => [A("select", {
3060
- class: y(g(X)),
3073
+ class: y(g(Z)),
3061
3074
  value: e.block.fontFamily || "",
3062
3075
  onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
3063
- }, [A("option", Cs, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3076
+ }, [A("option", ws, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3064
3077
  key: e.value,
3065
3078
  value: e.value
3066
- }, F(e.label), 9, ws))), 128))], 42, Ss)]),
3079
+ }, F(e.label), 9, Ts))), 128))], 42, Cs)]),
3067
3080
  _: 1
3068
3081
  }, 8, ["label"]),
3069
3082
  _(An, { label: g(o).menu.fontSize }, {
@@ -3077,14 +3090,14 @@ var Po = {
3077
3090
  _: 1
3078
3091
  }, 8, ["label"]),
3079
3092
  _(An, { label: g(o).menu.color }, {
3080
- default: r(() => [_(Z, {
3093
+ default: r(() => [_(Q, {
3081
3094
  "model-value": e.block.color ?? "",
3082
3095
  "onUpdate:modelValue": i[2] ||= (e) => u("color", e || void 0)
3083
3096
  }, null, 8, ["model-value"])]),
3084
3097
  _: 1
3085
3098
  }, 8, ["label"]),
3086
3099
  _(An, { label: g(o).menu.linkColor }, {
3087
- default: r(() => [_(Z, {
3100
+ default: r(() => [_(Q, {
3088
3101
  "model-value": e.block.linkColor || e.block.color || "",
3089
3102
  "onUpdate:modelValue": i[3] ||= (e) => u("linkColor", e || void 0)
3090
3103
  }, null, 8, ["model-value"])]),
@@ -3101,14 +3114,14 @@ var Po = {
3101
3114
  _(An, { label: g(o).menu.separator }, {
3102
3115
  default: r(() => [A("input", {
3103
3116
  type: "text",
3104
- class: y(g(X)),
3117
+ class: y(g(Z)),
3105
3118
  value: e.block.separator,
3106
3119
  onInput: i[5] ||= (e) => u("separator", e.target.value)
3107
- }, null, 42, Ts)]),
3120
+ }, null, 42, Es)]),
3108
3121
  _: 1
3109
3122
  }, 8, ["label"]),
3110
3123
  _(An, { label: g(o).menu.separatorColor }, {
3111
- default: r(() => [_(Z, {
3124
+ default: r(() => [_(Q, {
3112
3125
  "model-value": e.block.separatorColor,
3113
3126
  "onUpdate:modelValue": i[6] ||= (e) => u("separatorColor", e)
3114
3127
  }, null, 8, ["model-value"])]),
@@ -3129,11 +3142,11 @@ var Po = {
3129
3142
  });
3130
3143
  //#endregion
3131
3144
  //#region src/utils/rebalanceColumnChildren.ts
3132
- function Ds(e) {
3145
+ function Os(e) {
3133
3146
  return e === "1" ? 1 : e === "3" ? 3 : 2;
3134
3147
  }
3135
- function Os(e, t) {
3136
- let n = Ds(t);
3148
+ function ks(e, t) {
3149
+ let n = Os(t);
3137
3150
  if (e.length === n) return e;
3138
3151
  if (e.length < n) {
3139
3152
  let t = Array.from({ length: n - e.length }, () => []);
@@ -3144,18 +3157,18 @@ function Os(e, t) {
3144
3157
  }
3145
3158
  //#endregion
3146
3159
  //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
3147
- var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3160
+ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
3148
3161
  key: 0,
3149
3162
  class: "tpl:mb-3.5"
3150
- }, Ns = { class: "tpl:mb-3.5" }, Ps = { class: "tpl:flex tpl:items-stretch" }, Fs = ["value"], Is = { class: "tpl:mb-3.5" }, Ls = {
3163
+ }, Ps = { class: "tpl:mb-3.5" }, Fs = { class: "tpl:flex tpl:items-stretch" }, Is = ["value"], Ls = { class: "tpl:mb-3.5" }, Rs = {
3151
3164
  key: 0,
3152
3165
  class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
3153
- }, Rs = { class: "tpl:flex tpl:items-stretch" }, zs = ["value"], Bs = /* @__PURE__ */ d({
3166
+ }, zs = { class: "tpl:flex tpl:items-stretch" }, Bs = ["value"], Vs = /* @__PURE__ */ d({
3154
3167
  __name: "SectionToolbar",
3155
3168
  props: { block: {} },
3156
3169
  emits: ["update"],
3157
3170
  setup(e, { emit: t }) {
3158
- let r = e, i = t, { t: a } = K(), o = b(() => [
3171
+ let r = e, i = t, { t: a } = q(), o = b(() => [
3159
3172
  {
3160
3173
  value: "1",
3161
3174
  label: a.section.column1
@@ -3178,7 +3191,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3178
3191
  }
3179
3192
  ]);
3180
3193
  function c(e) {
3181
- let t = e.target.value, n = Os(r.block.children, t);
3194
+ let t = e.target.value, n = ks(r.block.children, t);
3182
3195
  i("update", {
3183
3196
  columns: t,
3184
3197
  children: n
@@ -3212,39 +3225,39 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3212
3225
  f({ borderRadius: Number(e.target.value) });
3213
3226
  }
3214
3227
  return (t, r) => (s(), x(P, null, [
3215
- A("div", ks, [A("label", { class: y(g(q)) }, F(g(a).section.columns), 3), A("select", {
3216
- class: y(g(X)),
3228
+ A("div", As, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
3229
+ class: y(g(Z)),
3217
3230
  value: e.block.columns,
3218
3231
  onChange: c
3219
3232
  }, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
3220
3233
  key: e.value,
3221
3234
  value: e.value
3222
- }, F(e.label), 9, js))), 128))], 42, As)]),
3223
- e.block.columns === "1" ? S("", !0) : (s(), x("div", Ms, [_(Q, {
3235
+ }, F(e.label), 9, Ms))), 128))], 42, js)]),
3236
+ e.block.columns === "1" ? S("", !0) : (s(), x("div", Ns, [_($, {
3224
3237
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3225
3238
  "model-value": e.block.stackOnMobile !== !1,
3226
3239
  label: g(a).section.stackOnMobile,
3227
3240
  "onUpdate:modelValue": r[0] ||= (e) => l(e)
3228
3241
  }, null, 8, ["model-value", "label"])])),
3229
- A("div", Ns, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", Ps, [A("input", {
3242
+ A("div", Ps, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Fs, [A("input", {
3230
3243
  type: "number",
3231
- class: y(g(Y)),
3244
+ class: y(g(X)),
3232
3245
  value: e.block.borderRadius ?? 0,
3233
3246
  min: "0",
3234
3247
  max: "50",
3235
3248
  onInput: u
3236
- }, null, 42, Fs), A("span", { class: y(g(J)) }, "px", 2)])]),
3237
- A("div", Is, [_(Q, {
3249
+ }, null, 42, Is), A("span", { class: y(g(Y)) }, "px", 2)])]),
3250
+ A("div", Ls, [_($, {
3238
3251
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3239
3252
  "model-value": !!e.block.wrapper,
3240
3253
  label: g(a).section.wrapperEnable,
3241
3254
  "onUpdate:modelValue": r[1] ||= (e) => d(e)
3242
- }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Ls, [
3243
- A("div", null, [A("label", { class: y(g(q)) }, F(g(a).blockSettings.color), 3), _(Z, {
3255
+ }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Rs, [
3256
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
3244
3257
  "model-value": e.block.wrapper.backgroundColor ?? "",
3245
3258
  "onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
3246
3259
  }, null, 8, ["model-value"])]),
3247
- _(Na, {
3260
+ _(Pa, {
3248
3261
  label: g(a).blockSettings.padding,
3249
3262
  "model-value": e.block.wrapper.padding ?? {
3250
3263
  top: 0,
@@ -3254,23 +3267,23 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3254
3267
  },
3255
3268
  "onUpdate:modelValue": p
3256
3269
  }, null, 8, ["label", "model-value"]),
3257
- A("div", null, [A("label", { class: y(g(q)) }, F(g(a).section.borderRadius), 3), A("div", Rs, [A("input", {
3270
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", zs, [A("input", {
3258
3271
  type: "number",
3259
- class: y(g(Y)),
3272
+ class: y(g(X)),
3260
3273
  value: e.block.wrapper.borderRadius ?? 0,
3261
3274
  min: "0",
3262
3275
  max: "50",
3263
3276
  onInput: m
3264
- }, null, 42, zs), A("span", { class: y(g(J)) }, "px", 2)])])
3277
+ }, null, 42, Bs), A("span", { class: y(g(Y)) }, "px", 2)])])
3265
3278
  ])) : S("", !0)])
3266
3279
  ], 64));
3267
3280
  }
3268
- }), Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Us = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ws = ["value", "onChange"], Gs = ["value"], Ks = ["title", "onClick"], qs = { class: "tpl:mb-3.5" }, Js = ["value"], Ys = { value: "solid" }, Xs = { value: "outlined" }, Zs = { value: "rounded" }, Qs = { value: "square" }, $s = { value: "circle" }, ec = { class: "tpl:mb-3.5" }, tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:flex tpl:items-stretch" }, rc = ["value"], ic = { class: "tpl:mb-3.5" }, ac = /* @__PURE__ */ d({
3281
+ }), Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ws = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Gs = ["value", "onChange"], Ks = ["value"], qs = ["title", "onClick"], Js = { class: "tpl:mb-3.5" }, Ys = ["value"], Xs = { value: "solid" }, Zs = { value: "outlined" }, Qs = { value: "rounded" }, $s = { value: "square" }, ec = { value: "circle" }, tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:mb-3.5" }, rc = { class: "tpl:flex tpl:items-stretch" }, ic = ["value"], ac = { class: "tpl:mb-3.5" }, oc = /* @__PURE__ */ d({
3269
3282
  __name: "SocialToolbar",
3270
3283
  props: { block: {} },
3271
3284
  emits: ["update"],
3272
3285
  setup(e, { emit: t }) {
3273
- let r = e, i = t, { t: a } = K();
3286
+ let r = e, i = t, { t: a } = q();
3274
3287
  function o(e, t) {
3275
3288
  i("update", { [e]: t });
3276
3289
  }
@@ -3293,25 +3306,25 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3293
3306
  i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
3294
3307
  }
3295
3308
  return (t, r) => (s(), x(P, null, [
3296
- A("div", Vs, [A("label", { class: y(g(q)) }, F(g(a).social.icons), 3), A("div", Hs, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3309
+ A("div", Hs, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", Us, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3297
3310
  key: e.id,
3298
3311
  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"
3299
- }, [A("div", Us, [A("select", {
3312
+ }, [A("div", Ws, [A("select", {
3300
3313
  "data-testid": "social-platform-select",
3301
- class: y([g(X), "tpl:flex-1"]),
3314
+ class: y([g(Z), "tpl:flex-1"]),
3302
3315
  value: e.platform,
3303
3316
  onChange: (t) => l(e.id, "platform", t.target.value)
3304
- }, [(s(!0), x(P, null, n(g(Ne), (e) => (s(), x("option", {
3317
+ }, [(s(!0), x(P, null, n(g(Me), (e) => (s(), x("option", {
3305
3318
  key: e,
3306
3319
  value: e
3307
- }, F(g(a).social.platforms[e]), 9, Gs))), 128))], 42, Ws), A("button", {
3308
- class: y(g(Sn)),
3320
+ }, F(g(a).social.platforms[e]), 9, Ks))), 128))], 42, Gs), A("button", {
3321
+ class: y(g(_n)),
3309
3322
  title: g(a).social.removeIcon,
3310
3323
  onClick: (t) => u(e.id)
3311
- }, [_(g(Qt), {
3324
+ }, [_(g(Zt), {
3312
3325
  size: 14,
3313
3326
  "stroke-width": 2
3314
- })], 10, Ks)]), _($, {
3327
+ })], 10, qs)]), _(zi, {
3315
3328
  "model-value": e.url,
3316
3329
  type: "url",
3317
3330
  placeholder: g(a).social.urlPlaceholder,
@@ -3321,24 +3334,24 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3321
3334
  "placeholder",
3322
3335
  "onUpdate:modelValue"
3323
3336
  ])]))), 128)), A("button", {
3324
- class: y(g(Cn)),
3337
+ class: y(g(vn)),
3325
3338
  onClick: c
3326
- }, [_(g(Rt), {
3339
+ }, [_(g(Lt), {
3327
3340
  size: 14,
3328
3341
  "stroke-width": 2
3329
3342
  }), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
3330
- A("div", qs, [A("label", { class: y(g(q)) }, F(g(a).social.style), 3), A("select", {
3331
- class: y(g(X)),
3343
+ A("div", Js, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
3344
+ class: y(g(Z)),
3332
3345
  value: e.block.iconStyle,
3333
3346
  onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
3334
3347
  }, [
3335
- A("option", Ys, F(g(a).social.styleSolid), 1),
3336
- A("option", Xs, F(g(a).social.styleOutlined), 1),
3337
- A("option", Zs, F(g(a).social.styleRounded), 1),
3338
- A("option", Qs, F(g(a).social.styleSquare), 1),
3339
- A("option", $s, F(g(a).social.styleCircle), 1)
3340
- ], 42, Js)]),
3341
- A("div", ec, [A("label", { class: y(g(q)) }, F(g(a).social.size), 3), _(jn, {
3348
+ A("option", Xs, F(g(a).social.styleSolid), 1),
3349
+ A("option", Zs, F(g(a).social.styleOutlined), 1),
3350
+ A("option", Qs, F(g(a).social.styleRounded), 1),
3351
+ A("option", $s, F(g(a).social.styleSquare), 1),
3352
+ A("option", ec, F(g(a).social.styleCircle), 1)
3353
+ ], 42, Ys)]),
3354
+ A("div", tc, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(jn, {
3342
3355
  options: [
3343
3356
  {
3344
3357
  value: "small",
@@ -3356,30 +3369,30 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3356
3369
  "model-value": e.block.iconSize,
3357
3370
  "onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
3358
3371
  }, null, 8, ["options", "model-value"])]),
3359
- A("div", tc, [A("label", { class: y(g(q)) }, F(g(a).social.spacing), 3), A("div", nc, [A("input", {
3372
+ A("div", nc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", rc, [A("input", {
3360
3373
  type: "number",
3361
- class: y(g(Y)),
3374
+ class: y(g(X)),
3362
3375
  value: e.block.spacing,
3363
3376
  min: "0",
3364
3377
  max: "50",
3365
3378
  onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
3366
- }, null, 42, rc), A("span", { class: y(g(J)) }, "px", 2)])]),
3367
- A("div", ic, [A("label", { class: y(g(q)) }, F(g(a).social.align), 3), _(jn, {
3379
+ }, null, 42, ic), A("span", { class: y(g(Y)) }, "px", 2)])]),
3380
+ A("div", ac, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(jn, {
3368
3381
  options: [
3369
3382
  {
3370
3383
  value: "left",
3371
3384
  label: g(a).title.alignLeft,
3372
- icon: g(Zt)
3385
+ icon: g(Xt)
3373
3386
  },
3374
3387
  {
3375
3388
  value: "center",
3376
3389
  label: g(a).title.alignCenter,
3377
- icon: g(Bt)
3390
+ icon: g(zt)
3378
3391
  },
3379
3392
  {
3380
3393
  value: "right",
3381
3394
  label: g(a).title.alignRight,
3382
- icon: g(qt)
3395
+ icon: g(Kt)
3383
3396
  }
3384
3397
  ],
3385
3398
  "model-value": e.block.align,
@@ -3387,22 +3400,22 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3387
3400
  }, null, 8, ["options", "model-value"])])
3388
3401
  ], 64));
3389
3402
  }
3390
- }), oc = { class: "tpl:mb-3.5" }, sc = { class: "tpl:flex tpl:items-stretch" }, cc = ["value"], lc = ["value"], uc = /* @__PURE__ */ d({
3403
+ }), sc = { class: "tpl:mb-3.5" }, cc = { class: "tpl:flex tpl:items-stretch" }, lc = ["value"], uc = ["value"], dc = /* @__PURE__ */ d({
3391
3404
  __name: "SpacerToolbar",
3392
3405
  props: { block: {} },
3393
3406
  emits: ["update"],
3394
3407
  setup(e, { emit: t }) {
3395
- let n = t, { t: r } = K();
3396
- return (t, i) => (s(), x("div", oc, [
3397
- A("label", { class: y(g(q)) }, F(g(r).spacer.height), 3),
3398
- A("div", sc, [A("input", {
3408
+ let n = t, { t: r } = q();
3409
+ return (t, i) => (s(), x("div", sc, [
3410
+ A("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
3411
+ A("div", cc, [A("input", {
3399
3412
  type: "number",
3400
- class: y(g(Y)),
3413
+ class: y(g(X)),
3401
3414
  value: e.block.height,
3402
3415
  min: "10",
3403
3416
  max: "100",
3404
3417
  onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
3405
- }, null, 42, cc), A("span", { class: y(g(J)) }, "px", 2)]),
3418
+ }, null, 42, lc), A("span", { class: y(g(Y)) }, "px", 2)]),
3406
3419
  A("input", {
3407
3420
  type: "range",
3408
3421
  class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -3410,13 +3423,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3410
3423
  min: "10",
3411
3424
  max: "100",
3412
3425
  onInput: i[1] ||= (e) => n("update", { height: Number(e.target.value) })
3413
- }, null, 40, lc)
3426
+ }, null, 40, uc)
3414
3427
  ]));
3415
3428
  }
3416
- }), dc = { class: "tpl:mb-3.5" }, fc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, pc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, mc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, hc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, gc = ["disabled"], _c = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, vc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, yc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, bc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xc = ["disabled"], Sc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Cc = { class: "tpl:mb-3.5" }, wc = {
3429
+ }), fc = { class: "tpl:mb-3.5" }, pc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, hc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, gc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, _c = ["disabled"], vc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, yc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, bc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, xc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Sc = ["disabled"], Cc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, wc = { class: "tpl:mb-3.5" }, Tc = {
3417
3430
  key: 0,
3418
3431
  class: "tpl:mb-3.5"
3419
- }, Tc = { class: "tpl:mb-3.5" }, Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:flex tpl:items-stretch" }, Oc = ["value"], kc = { class: "tpl:mb-3.5" }, Ac = { class: "tpl:flex tpl:items-stretch" }, jc = ["value"], Mc = { class: "tpl:mb-3.5" }, Nc = ["value"], Pc = { value: "" }, Fc = ["value"], Ic = { class: "tpl:mb-3.5" }, Lc = { class: "tpl:flex tpl:items-stretch" }, Rc = ["value"], zc = { class: "tpl:mb-3.5" }, Bc = { class: "tpl:mb-3.5" }, Vc = /* @__PURE__ */ d({
3432
+ }, Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:mb-3.5" }, Oc = { class: "tpl:flex tpl:items-stretch" }, kc = ["value"], Ac = { class: "tpl:mb-3.5" }, jc = { class: "tpl:flex tpl:items-stretch" }, Mc = ["value"], Nc = { class: "tpl:mb-3.5" }, Pc = ["value"], Fc = { value: "" }, Ic = ["value"], Lc = { class: "tpl:mb-3.5" }, Rc = { class: "tpl:flex tpl:items-stretch" }, zc = ["value"], Bc = { class: "tpl:mb-3.5" }, Vc = { class: "tpl:mb-3.5" }, Hc = /* @__PURE__ */ d({
3420
3433
  __name: "TableToolbar",
3421
3434
  props: {
3422
3435
  block: {},
@@ -3424,7 +3437,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3424
3437
  },
3425
3438
  emits: ["update"],
3426
3439
  setup(e, { emit: t }) {
3427
- let r = e, i = t, { t: a } = K(), o = b(() => r.block.rows.length > 0 ? r.block.rows[0].cells.length : 0);
3440
+ let r = e, i = t, { t: a } = q(), o = b(() => r.block.rows.length > 0 ? r.block.rows[0].cells.length : 0);
3428
3441
  function c(e, t) {
3429
3442
  i("update", { [e]: t });
3430
3443
  }
@@ -3459,50 +3472,50 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3459
3472
  i("update", { rows: t });
3460
3473
  }
3461
3474
  return (t, r) => (s(), x(P, null, [
3462
- A("div", dc, [A("label", { class: y(g(q)) }, F(g(a).table.dimensions), 3), A("div", fc, [A("div", pc, [A("span", mc, F(g(a).table.rows), 1), A("div", hc, [
3475
+ A("div", fc, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", pc, [A("div", mc, [A("span", hc, F(g(a).table.rows), 1), A("div", gc, [
3463
3476
  A("button", {
3464
3477
  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",
3465
3478
  disabled: e.block.rows.length <= 1,
3466
3479
  onClick: r[0] ||= (t) => u(e.block.rows[e.block.rows.length - 1].id)
3467
- }, [_(g(Gt), {
3480
+ }, [_(g(Wt), {
3468
3481
  size: 12,
3469
3482
  "stroke-width": 2
3470
- })], 8, gc),
3471
- A("span", _c, F(e.block.rows.length), 1),
3483
+ })], 8, _c),
3484
+ A("span", vc, F(e.block.rows.length), 1),
3472
3485
  A("button", {
3473
3486
  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)]",
3474
3487
  onClick: l
3475
- }, [_(g(Rt), {
3488
+ }, [_(g(Lt), {
3476
3489
  size: 12,
3477
3490
  "stroke-width": 2
3478
3491
  })])
3479
- ])]), A("div", vc, [A("span", yc, F(g(a).table.columns), 1), A("div", bc, [
3492
+ ])]), A("div", yc, [A("span", bc, F(g(a).table.columns), 1), A("div", xc, [
3480
3493
  A("button", {
3481
3494
  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",
3482
3495
  disabled: o.value <= 1,
3483
3496
  onClick: r[1] ||= (e) => f(o.value - 1)
3484
- }, [_(g(Gt), {
3497
+ }, [_(g(Wt), {
3485
3498
  size: 12,
3486
3499
  "stroke-width": 2
3487
- })], 8, xc),
3488
- A("span", Sc, F(o.value), 1),
3500
+ })], 8, Sc),
3501
+ A("span", Cc, F(o.value), 1),
3489
3502
  A("button", {
3490
3503
  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)]",
3491
3504
  onClick: d
3492
- }, [_(g(Rt), {
3505
+ }, [_(g(Lt), {
3493
3506
  size: 12,
3494
3507
  "stroke-width": 2
3495
3508
  })])
3496
3509
  ])])])]),
3497
- A("div", Cc, [_(Q, {
3510
+ A("div", wc, [_($, {
3498
3511
  class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
3499
3512
  "model-value": e.block.hasHeaderRow,
3500
3513
  label: g(a).table.hasHeaderRow,
3501
3514
  "onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
3502
3515
  }, null, 8, ["model-value", "label"])]),
3503
- e.block.hasHeaderRow ? (s(), x("div", wc, [A("label", { class: y(g(q)) }, F(g(a).table.headerBackgroundColor), 3), _(Z, {
3516
+ e.block.hasHeaderRow ? (s(), x("div", Tc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
3504
3517
  "model-value": e.block.headerBackgroundColor ?? "",
3505
- "seed-color": g(Tn),
3518
+ "seed-color": g(bn),
3506
3519
  placeholder: g(a).table.noHeaderBg,
3507
3520
  "onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
3508
3521
  }, null, 8, [
@@ -3510,62 +3523,62 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3510
3523
  "seed-color",
3511
3524
  "placeholder"
3512
3525
  ])])) : S("", !0),
3513
- A("div", Tc, [A("label", { class: y(g(q)) }, F(g(a).table.borderColor), 3), _(Z, {
3526
+ A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
3514
3527
  "model-value": e.block.borderColor,
3515
3528
  "onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
3516
3529
  }, null, 8, ["model-value"])]),
3517
- A("div", Ec, [A("label", { class: y(g(q)) }, F(g(a).table.borderWidth), 3), A("div", Dc, [A("input", {
3530
+ A("div", Dc, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Oc, [A("input", {
3518
3531
  type: "number",
3519
- class: y(g(Y)),
3532
+ class: y(g(X)),
3520
3533
  value: e.block.borderWidth,
3521
3534
  min: "0",
3522
3535
  max: "10",
3523
3536
  onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
3524
- }, null, 42, Oc), A("span", { class: y(g(J)) }, "px", 2)])]),
3525
- A("div", kc, [A("label", { class: y(g(q)) }, F(g(a).table.cellPadding), 3), A("div", Ac, [A("input", {
3537
+ }, null, 42, kc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3538
+ A("div", Ac, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", jc, [A("input", {
3526
3539
  type: "number",
3527
- class: y(g(Y)),
3540
+ class: y(g(X)),
3528
3541
  value: e.block.cellPadding,
3529
3542
  min: "0",
3530
3543
  max: "30",
3531
3544
  onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
3532
- }, null, 42, jc), A("span", { class: y(g(J)) }, "px", 2)])]),
3533
- A("div", Mc, [A("label", { class: y(g(q)) }, F(g(a).table.fontFamily), 3), A("select", {
3534
- class: y(g(X)),
3545
+ }, null, 42, Mc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3546
+ A("div", Nc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
3547
+ class: y(g(Z)),
3535
3548
  value: e.block.fontFamily || "",
3536
3549
  onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
3537
- }, [A("option", Pc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3550
+ }, [A("option", Fc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3538
3551
  key: e.value,
3539
3552
  value: e.value
3540
- }, F(e.label), 9, Fc))), 128))], 42, Nc)]),
3541
- A("div", Ic, [A("label", { class: y(g(q)) }, F(g(a).table.fontSize), 3), A("div", Lc, [A("input", {
3553
+ }, F(e.label), 9, Ic))), 128))], 42, Pc)]),
3554
+ A("div", Lc, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Rc, [A("input", {
3542
3555
  type: "number",
3543
- class: y(g(Y)),
3556
+ class: y(g(X)),
3544
3557
  value: e.block.fontSize,
3545
3558
  min: "10",
3546
3559
  max: "32",
3547
3560
  onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
3548
- }, null, 42, Rc), A("span", { class: y(g(J)) }, "px", 2)])]),
3549
- A("div", zc, [A("label", { class: y(g(q)) }, F(g(a).table.color), 3), _(Z, {
3561
+ }, null, 42, zc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3562
+ A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
3550
3563
  "model-value": e.block.color ?? "",
3551
3564
  "onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
3552
3565
  }, null, 8, ["model-value"])]),
3553
- A("div", Bc, [A("label", { class: y(g(q)) }, F(g(a).table.textAlign), 3), _(jn, {
3566
+ A("div", Vc, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(jn, {
3554
3567
  options: [
3555
3568
  {
3556
3569
  value: "left",
3557
3570
  label: g(a).title.alignLeft,
3558
- icon: g(Zt)
3571
+ icon: g(Xt)
3559
3572
  },
3560
3573
  {
3561
3574
  value: "center",
3562
3575
  label: g(a).title.alignCenter,
3563
- icon: g(Bt)
3576
+ icon: g(zt)
3564
3577
  },
3565
3578
  {
3566
3579
  value: "right",
3567
3580
  label: g(a).title.alignRight,
3568
- icon: g(qt)
3581
+ icon: g(Kt)
3569
3582
  }
3570
3583
  ],
3571
3584
  "model-value": e.block.textAlign,
@@ -3573,7 +3586,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3573
3586
  }, null, 8, ["options", "model-value"])])
3574
3587
  ], 64));
3575
3588
  }
3576
- }), Hc = { class: "tpl:mb-3.5" }, Uc = ["value"], Wc = { value: 1 }, Gc = { value: 2 }, Kc = { value: 3 }, qc = { value: 4 }, Jc = { class: "tpl:mb-3.5" }, Yc = ["value"], Xc = { value: "" }, Zc = ["value"], Qc = { class: "tpl:mb-3.5" }, $c = { class: "tpl:mb-3.5" }, el = /* @__PURE__ */ d({
3589
+ }), Uc = { class: "tpl:mb-3.5" }, Wc = ["value"], Gc = { value: 1 }, Kc = { value: 2 }, qc = { value: 3 }, Jc = { value: 4 }, Yc = { class: "tpl:mb-3.5" }, Xc = ["value"], Zc = { value: "" }, Qc = ["value"], $c = { class: "tpl:mb-3.5" }, el = { class: "tpl:mb-3.5" }, tl = /* @__PURE__ */ d({
3577
3590
  __name: "TitleToolbar",
3578
3591
  props: {
3579
3592
  block: {},
@@ -3581,49 +3594,49 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3581
3594
  },
3582
3595
  emits: ["update"],
3583
3596
  setup(e, { emit: t }) {
3584
- let r = t, { t: i } = K();
3597
+ let r = t, { t: i } = q();
3585
3598
  function a(e, t) {
3586
3599
  r("update", { [e]: t });
3587
3600
  }
3588
3601
  return (t, r) => (s(), x(P, null, [
3589
- A("div", Hc, [A("label", { class: y(g(q)) }, F(g(i).title.level), 3), A("select", {
3590
- class: y(g(X)),
3602
+ A("div", Uc, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
3603
+ class: y(g(Z)),
3591
3604
  value: e.block.level,
3592
3605
  onChange: r[0] ||= (e) => a("level", Number(e.target.value))
3593
3606
  }, [
3594
- A("option", Wc, F(g(i).title.heading1), 1),
3595
- A("option", Gc, F(g(i).title.heading2), 1),
3596
- A("option", Kc, F(g(i).title.heading3), 1),
3597
- A("option", qc, F(g(i).title.heading4), 1)
3598
- ], 42, Uc)]),
3599
- A("div", Jc, [A("label", { class: y(g(q)) }, F(g(i).title.fontFamily), 3), A("select", {
3600
- class: y(g(X)),
3607
+ A("option", Gc, F(g(i).title.heading1), 1),
3608
+ A("option", Kc, F(g(i).title.heading2), 1),
3609
+ A("option", qc, F(g(i).title.heading3), 1),
3610
+ A("option", Jc, F(g(i).title.heading4), 1)
3611
+ ], 42, Wc)]),
3612
+ A("div", Yc, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
3613
+ class: y(g(Z)),
3601
3614
  value: e.block.fontFamily || "",
3602
3615
  onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
3603
- }, [A("option", Xc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3616
+ }, [A("option", Zc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3604
3617
  key: e.value,
3605
3618
  value: e.value
3606
- }, F(e.label), 9, Zc))), 128))], 42, Yc)]),
3607
- A("div", Qc, [A("label", { class: y(g(q)) }, F(g(i).title.color), 3), _(Z, {
3619
+ }, F(e.label), 9, Qc))), 128))], 42, Xc)]),
3620
+ A("div", $c, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
3608
3621
  "model-value": e.block.color ?? "",
3609
3622
  "onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
3610
3623
  }, null, 8, ["model-value"])]),
3611
- A("div", $c, [A("label", { class: y(g(q)) }, F(g(i).title.align), 3), _(jn, {
3624
+ A("div", el, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(jn, {
3612
3625
  options: [
3613
3626
  {
3614
3627
  value: "left",
3615
3628
  label: g(i).title.alignLeft,
3616
- icon: g(Zt)
3629
+ icon: g(Xt)
3617
3630
  },
3618
3631
  {
3619
3632
  value: "center",
3620
3633
  label: g(i).title.alignCenter,
3621
- icon: g(Bt)
3634
+ icon: g(zt)
3622
3635
  },
3623
3636
  {
3624
3637
  value: "right",
3625
3638
  label: g(i).title.alignRight,
3626
- icon: g(qt)
3639
+ icon: g(Kt)
3627
3640
  }
3628
3641
  ],
3629
3642
  "model-value": e.block.textAlign,
@@ -3631,19 +3644,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3631
3644
  }, null, 8, ["options", "model-value"])])
3632
3645
  ], 64));
3633
3646
  }
3634
- }), tl = { class: "tpl:mb-3.5" }, nl = {
3647
+ }), nl = { class: "tpl:mb-3.5" }, rl = {
3635
3648
  key: 0,
3636
3649
  class: "tpl:mb-3.5"
3637
- }, rl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, il = [
3650
+ }, il = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, al = [
3638
3651
  "value",
3639
3652
  "placeholder",
3640
3653
  "title"
3641
- ], al = { class: "tpl:mb-3.5" }, ol = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, sl = { class: "tpl:mb-3.5" }, cl = { class: "tpl:mb-3.5" }, ll = ["value"], ul = { value: "full" }, dl = { class: "tpl:mb-3.5" }, fl = /* @__PURE__ */ d({
3654
+ ], ol = { class: "tpl:mb-3.5" }, sl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, cl = { class: "tpl:mb-3.5" }, ll = { class: "tpl:mb-3.5" }, ul = ["value"], dl = { value: "full" }, fl = { class: "tpl:mb-3.5" }, pl = /* @__PURE__ */ d({
3642
3655
  __name: "VideoToolbar",
3643
3656
  props: { block: {} },
3644
3657
  emits: ["update"],
3645
3658
  setup(e, { emit: n }) {
3646
- let r = e, i = n, { t: a } = K(), o = t(ot, null), c = t(st, se.liquid), u = pn(), d = b(() => !!o), f = b(() => G(r.block.url, c)), p = l(!1), { start: m } = Ve(() => {
3659
+ let r = e, i = n, { t: a } = q(), o = t(at, null), c = t(ot, oe.liquid), u = fn(), d = b(() => !!o), f = b(() => K(r.block.url, c)), p = l(!1), { start: m } = Be(() => {
3647
3660
  p.value = !1;
3648
3661
  }, 1e3, { immediate: !1 });
3649
3662
  function h(e, t) {
@@ -3654,15 +3667,15 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3654
3667
  u.alive && e && (h("thumbnailUrl", e.url), p.value = !0, m());
3655
3668
  }
3656
3669
  return (t, n) => (s(), x(P, null, [
3657
- A("div", tl, [
3658
- A("label", { class: y(g(q)) }, F(g(a).video.videoUrl), 3),
3659
- _($, {
3670
+ A("div", nl, [
3671
+ A("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
3672
+ _(zi, {
3660
3673
  "model-value": e.block.url,
3661
3674
  type: "url",
3662
3675
  placeholder: g(a).video.videoUrlPlaceholder,
3663
3676
  "onUpdate:modelValue": n[0] ||= (e) => h("url", e)
3664
3677
  }, null, 8, ["model-value", "placeholder"]),
3665
- e.block.url ? (s(), D(Q, {
3678
+ e.block.url ? (s(), D($, {
3666
3679
  key: 0,
3667
3680
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
3668
3681
  "model-value": e.block.openInNewTab ?? !1,
@@ -3670,17 +3683,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3670
3683
  "onUpdate:modelValue": n[1] ||= (e) => h("openInNewTab", e)
3671
3684
  }, null, 8, ["model-value", "label"])) : S("", !0)
3672
3685
  ]),
3673
- f.value ? (s(), x("div", nl, [A("label", { class: y(g(q)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", rl, F(g(a).video.optional), 1)], 2), A("input", {
3686
+ f.value ? (s(), x("div", rl, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", il, F(g(a).video.optional), 1)], 2), A("input", {
3674
3687
  type: "url",
3675
- class: y(g(X)),
3688
+ class: y(g(Z)),
3676
3689
  value: e.block.placeholderUrl || "",
3677
3690
  placeholder: g(a).video.placeholderUrlPlaceholder,
3678
3691
  title: g(a).video.placeholderUrlTooltip,
3679
3692
  onInput: n[2] ||= (e) => h("placeholderUrl", e.target.value)
3680
- }, null, 42, il)])) : S("", !0),
3681
- A("div", al, [
3682
- A("label", { class: y(g(q)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", ol, F(g(a).video.optional), 1)], 2),
3683
- _($, {
3693
+ }, null, 42, al)])) : S("", !0),
3694
+ A("div", ol, [
3695
+ A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", sl, F(g(a).video.optional), 1)], 2),
3696
+ _(zi, {
3684
3697
  "model-value": e.block.thumbnailUrl,
3685
3698
  type: "url",
3686
3699
  placeholder: g(a).video.thumbnailPlaceholder,
@@ -3700,28 +3713,28 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3700
3713
  "background-color": "var(--tpl-bg)"
3701
3714
  },
3702
3715
  onClick: v
3703
- }, [_(g(Kt), {
3716
+ }, [_(g(Gt), {
3704
3717
  size: 14,
3705
3718
  "stroke-width": 1.5
3706
3719
  }), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
3707
3720
  ]),
3708
- A("div", sl, [A("label", { class: y(g(q)) }, F(g(a).video.altText), 3), _($, {
3721
+ A("div", cl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(zi, {
3709
3722
  "model-value": e.block.alt,
3710
3723
  type: "text",
3711
3724
  placeholder: g(a).video.altTextPlaceholder,
3712
3725
  "onUpdate:modelValue": n[4] ||= (e) => h("alt", e)
3713
3726
  }, null, 8, ["model-value", "placeholder"])]),
3714
- A("div", cl, [A("label", { class: y(g(q)) }, F(g(a).video.width), 3), A("select", {
3715
- class: y(g(X)),
3727
+ A("div", ll, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
3728
+ class: y(g(Z)),
3716
3729
  value: e.block.width,
3717
3730
  onChange: n[5] ||= (e) => h("width", e.target.value === "full" ? "full" : Number(e.target.value))
3718
3731
  }, [
3719
- A("option", ul, F(g(a).video.fullWidth), 1),
3732
+ A("option", dl, F(g(a).video.fullWidth), 1),
3720
3733
  n[7] ||= A("option", { value: "300" }, "300px", -1),
3721
3734
  n[8] ||= A("option", { value: "400" }, "400px", -1),
3722
3735
  n[9] ||= A("option", { value: "500" }, "500px", -1)
3723
- ], 42, ll)]),
3724
- A("div", dl, [A("label", { class: y(g(q)) }, F(g(a).title.align), 3), _(jn, {
3736
+ ], 42, ul)]),
3737
+ A("div", fl, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(jn, {
3725
3738
  options: [
3726
3739
  {
3727
3740
  value: "left",
@@ -3741,7 +3754,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3741
3754
  }, null, 8, ["options", "model-value"])])
3742
3755
  ], 64));
3743
3756
  }
3744
- }), pl = ["aria-label"], ml = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, hl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, gl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _l = { class: "tpl:flex tpl:gap-1" }, vl = ["title"], yl = ["title"], bl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, xl = /*#__PURE__*/ un(/* @__PURE__ */ d({
3757
+ }), ml = ["aria-label"], hl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, gl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, _l = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, vl = { class: "tpl:flex tpl:gap-1" }, yl = ["title"], bl = ["title"], xl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Sl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
3745
3758
  __name: "Toolbar",
3746
3759
  props: { block: {} },
3747
3760
  emits: [
@@ -3750,87 +3763,87 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3750
3763
  "duplicate"
3751
3764
  ],
3752
3765
  setup(e, { emit: n }) {
3753
- let r = L(() => import("./chunks/CountdownToolbar-D8QWL-jK.js")), i = e, a = n, { t: o } = K(), c = et(tt, "Toolbar"), l = t(it, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
3766
+ let r = L(() => import("./chunks/CountdownToolbar-CMJVzd97.js")), i = e, a = n, { t: o } = q(), c = $e(et, "Toolbar"), l = t(rt, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
3754
3767
  if (f.value) return l.find((e) => e.type === i.block.customType);
3755
- }), m = b(() => f.value ? p.value?.name ?? i.block.customType : Oe(d.value, o)), h = c.fonts;
3768
+ }), m = b(() => f.value ? p.value?.name ?? i.block.customType : De(d.value, o)), h = c.fonts;
3756
3769
  function v(e) {
3757
3770
  a("update", e);
3758
3771
  }
3759
3772
  return (t, n) => (s(), x("aside", {
3760
3773
  "aria-label": g(o).landmarks.blockToolbar,
3761
3774
  class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
3762
- }, [A("div", ml, [A("div", hl, [g(vn)[d.value] ? (s(), D(u(g(vn)[d.value]), {
3775
+ }, [A("div", hl, [A("div", gl, [g(En)[d.value] ? (s(), D(u(g(En)[d.value]), {
3763
3776
  key: 0,
3764
3777
  size: 16,
3765
3778
  "stroke-width": 1.5
3766
- })) : f.value ? (s(), D(g(Mt), {
3779
+ })) : f.value ? (s(), D(g(jt), {
3767
3780
  key: 1,
3768
3781
  size: 16,
3769
3782
  "stroke-width": 1.5
3770
- })) : S("", !0), A("h3", gl, F(m.value), 1)]), A("div", _l, [A("button", {
3783
+ })) : S("", !0), A("h3", _l, F(m.value), 1)]), A("div", vl, [A("button", {
3771
3784
  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)]",
3772
3785
  title: g(o).toolbar.duplicate,
3773
3786
  onClick: n[0] ||= (e) => a("duplicate")
3774
- }, [_(g(wt), {
3787
+ }, [_(g(Ct), {
3775
3788
  size: 14,
3776
3789
  "stroke-width": 2
3777
- })], 8, vl), A("button", {
3790
+ })], 8, yl), A("button", {
3778
3791
  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)]",
3779
3792
  title: g(o).toolbar.delete,
3780
3793
  onClick: n[1] ||= (e) => a("delete")
3781
- }, [_(g(Ut), {
3794
+ }, [_(g(Ht), {
3782
3795
  size: 14,
3783
3796
  "stroke-width": 2
3784
- })], 8, yl)])]), A("div", bl, [f.value ? (s(), D(Ho, {
3797
+ })], 8, bl)])]), A("div", xl, [f.value ? (s(), D(Uo, {
3785
3798
  key: 0,
3786
3799
  block: e.block,
3787
3800
  onUpdateFieldValues: n[2] ||= (e) => a("update", { fieldValues: e }),
3788
3801
  onUpdateDataSourceFetched: n[3] ||= (e) => a("update", { dataSourceFetched: e })
3789
- }, null, 8, ["block"])) : d.value === "section" ? (s(), D(Bs, {
3802
+ }, null, 8, ["block"])) : d.value === "section" ? (s(), D(Vs, {
3790
3803
  key: 1,
3791
3804
  block: e.block,
3792
3805
  onUpdate: v
3793
- }, null, 8, ["block"])) : d.value === "title" ? (s(), D(el, {
3806
+ }, null, 8, ["block"])) : d.value === "title" ? (s(), D(tl, {
3794
3807
  key: 2,
3795
3808
  block: e.block,
3796
3809
  "font-families": g(h),
3797
3810
  onUpdate: v
3798
- }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(hs, {
3811
+ }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(gs, {
3799
3812
  key: 4,
3800
3813
  block: e.block,
3801
3814
  onUpdate: v
3802
- }, null, 8, ["block"])) : d.value === "video" ? (s(), D(fl, {
3815
+ }, null, 8, ["block"])) : d.value === "video" ? (s(), D(pl, {
3803
3816
  key: 5,
3804
3817
  block: e.block,
3805
3818
  onUpdate: v
3806
- }, null, 8, ["block"])) : d.value === "button" ? (s(), D(la, {
3819
+ }, null, 8, ["block"])) : d.value === "button" ? (s(), D(ua, {
3807
3820
  key: 6,
3808
3821
  block: e.block,
3809
3822
  "font-families": g(h),
3810
3823
  onUpdate: v
3811
- }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Jo, {
3824
+ }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Yo, {
3812
3825
  key: 7,
3813
3826
  block: e.block,
3814
3827
  onUpdate: v
3815
- }, null, 8, ["block"])) : d.value === "social" ? (s(), D(ac, {
3828
+ }, null, 8, ["block"])) : d.value === "social" ? (s(), D(oc, {
3816
3829
  key: 8,
3817
3830
  block: e.block,
3818
3831
  onUpdate: v
3819
- }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Es, {
3832
+ }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Ds, {
3820
3833
  key: 9,
3821
3834
  block: e.block,
3822
3835
  "font-families": g(h),
3823
3836
  onUpdate: v
3824
- }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Vc, {
3837
+ }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Hc, {
3825
3838
  key: 10,
3826
3839
  block: e.block,
3827
3840
  "font-families": g(h),
3828
3841
  onUpdate: v
3829
- }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(uc, {
3842
+ }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(dc, {
3830
3843
  key: 11,
3831
3844
  block: e.block,
3832
3845
  onUpdate: v
3833
- }, null, 8, ["block"])) : d.value === "html" ? (s(), D(Qo, {
3846
+ }, null, 8, ["block"])) : d.value === "html" ? (s(), D($o, {
3834
3847
  key: 12,
3835
3848
  block: e.block,
3836
3849
  onUpdate: v
@@ -3839,52 +3852,52 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3839
3852
  block: e.block,
3840
3853
  "font-families": g(h),
3841
3854
  onUpdate: v
3842
- }, null, 8, ["block", "font-families"])) : S("", !0), _(to, {
3855
+ }, null, 8, ["block", "font-families"])) : S("", !0), _(no, {
3843
3856
  block: e.block,
3844
3857
  "is-first-section": d.value === "paragraph",
3845
3858
  onUpdate: v
3846
- }, null, 8, ["block", "is-first-section"])])], 8, pl));
3859
+ }, null, 8, ["block", "is-first-section"])])], 8, ml));
3847
3860
  }
3848
- }), [["__scopeId", "data-v-c0ea5f03"]]), Sl = ["aria-label"], Cl = {
3861
+ }), [["__scopeId", "data-v-c0ea5f03"]]), Cl = ["aria-label"], wl = {
3849
3862
  role: "tablist",
3850
3863
  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"
3851
- }, wl = [
3864
+ }, Tl = [
3852
3865
  "aria-selected",
3853
3866
  "aria-label",
3854
3867
  "title"
3855
- ], Tl = { key: 0 }, El = [
3868
+ ], El = { key: 0 }, Dl = [
3856
3869
  "aria-selected",
3857
3870
  "aria-label",
3858
3871
  "title"
3859
- ], Dl = { key: 0 }, Ol = [
3872
+ ], Ol = { key: 0 }, kl = [
3860
3873
  "aria-selected",
3861
3874
  "aria-label",
3862
3875
  "title"
3863
- ], kl = { key: 0 }, Al = {
3876
+ ], Al = { key: 0 }, jl = {
3864
3877
  key: 1,
3865
3878
  class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
3866
- }, jl = {
3879
+ }, Ml = {
3867
3880
  key: 0,
3868
3881
  id: "tpl-tabpanel-content",
3869
3882
  role: "tabpanel",
3870
3883
  "aria-labelledby": "tpl-tab-content",
3871
3884
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3872
- }, Ml = {
3885
+ }, Nl = {
3873
3886
  key: 1,
3874
3887
  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)]"
3875
- }, Nl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Pl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Fl = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Il = {
3888
+ }, Pl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Fl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Il = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Ll = {
3876
3889
  key: 1,
3877
3890
  id: "tpl-tabpanel-settings",
3878
3891
  role: "tabpanel",
3879
3892
  "aria-labelledby": "tpl-tab-settings",
3880
3893
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3881
- }, Ll = {
3894
+ }, Rl = {
3882
3895
  key: 2,
3883
3896
  id: "tpl-tabpanel-issues",
3884
3897
  role: "tabpanel",
3885
3898
  "aria-labelledby": "tpl-tab-issues",
3886
3899
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3887
- }, Rl = /* @__PURE__ */ d({
3900
+ }, zl = /* @__PURE__ */ d({
3888
3901
  __name: "RightSidebar",
3889
3902
  props: {
3890
3903
  selectedBlock: {},
@@ -3898,7 +3911,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3898
3911
  "update-settings"
3899
3912
  ],
3900
3913
  setup(n, { emit: r }) {
3901
- let i = L(() => import("./chunks/IssuesPanel-Dz90c1C6.js")), a = n, o = r, { t: c } = K(), u = l("content"), d = t(gt, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
3914
+ let i = L(() => import("./chunks/IssuesPanel-CTGlv7HF.js")), a = n, o = r, { t: c } = q(), u = l("content"), d = t(ht, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
3902
3915
  function m(e) {
3903
3916
  return u.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)]";
3904
3917
  }
@@ -3914,7 +3927,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3914
3927
  "aria-label": g(c).landmarks.rightSidebar,
3915
3928
  class: y(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
3916
3929
  }, [
3917
- A("div", Cl, [
3930
+ A("div", wl, [
3918
3931
  A("button", {
3919
3932
  id: "tpl-tab-content",
3920
3933
  role: "tab",
@@ -3925,10 +3938,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3925
3938
  class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("content")]),
3926
3939
  style: E(h("content")),
3927
3940
  onClick: t[0] ||= (e) => u.value = "content"
3928
- }, [_(g(tn), {
3941
+ }, [_(g(en), {
3929
3942
  size: 14,
3930
3943
  "stroke-width": 2
3931
- }), u.value === "content" ? (s(), x("span", Tl, F(g(c).sidebar.content), 1)) : S("", !0)], 14, wl),
3944
+ }), u.value === "content" ? (s(), x("span", El, F(g(c).sidebar.content), 1)) : S("", !0)], 14, Tl),
3932
3945
  A("button", {
3933
3946
  id: "tpl-tab-settings",
3934
3947
  role: "tab",
@@ -3939,10 +3952,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3939
3952
  class: y(["tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", m("settings")]),
3940
3953
  style: E(h("settings")),
3941
3954
  onClick: t[1] ||= (e) => u.value = "settings"
3942
- }, [_(g(Yt), {
3955
+ }, [_(g(Jt), {
3943
3956
  size: 14,
3944
3957
  "stroke-width": 1.5
3945
- }), u.value === "settings" ? (s(), x("span", Dl, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, El),
3958
+ }), u.value === "settings" ? (s(), x("span", Ol, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, Dl),
3946
3959
  f.value ? (s(), x("button", {
3947
3960
  key: 0,
3948
3961
  id: "tpl-tab-issues",
@@ -3955,72 +3968,72 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3955
3968
  style: E(h("issues")),
3956
3969
  onClick: t[2] ||= (e) => u.value = "issues"
3957
3970
  }, [
3958
- _(g(an), {
3971
+ _(g(rn), {
3959
3972
  size: 14,
3960
3973
  "stroke-width": 1.5
3961
3974
  }),
3962
- u.value === "issues" ? (s(), x("span", kl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
3963
- p.value > 0 ? (s(), x("span", Al, F(p.value), 1)) : S("", !0)
3964
- ], 14, Ol)) : S("", !0)
3975
+ u.value === "issues" ? (s(), x("span", Al, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
3976
+ p.value > 0 ? (s(), x("span", jl, F(p.value), 1)) : S("", !0)
3977
+ ], 14, kl)) : S("", !0)
3965
3978
  ]),
3966
- u.value === "content" ? (s(), x("div", jl, [n.selectedBlock ? (s(), D(xl, {
3979
+ u.value === "content" ? (s(), x("div", Ml, [n.selectedBlock ? (s(), D(Sl, {
3967
3980
  key: 0,
3968
3981
  block: n.selectedBlock,
3969
3982
  onUpdate: t[3] ||= (e) => o("update-block", e),
3970
3983
  onDelete: t[4] ||= (e) => o("delete-block"),
3971
3984
  onDuplicate: t[5] ||= (e) => o("duplicate-block")
3972
- }, null, 8, ["block"])) : (s(), x("div", Ml, [
3973
- A("div", Nl, [_(g(Xt), {
3985
+ }, null, 8, ["block"])) : (s(), x("div", Nl, [
3986
+ A("div", Pl, [_(g(Yt), {
3974
3987
  size: 40,
3975
3988
  "stroke-width": 1.5
3976
3989
  })]),
3977
- A("h3", Pl, F(g(c).sidebar.noSelection), 1),
3978
- A("p", Fl, F(g(c).sidebar.noSelectionHint), 1)
3990
+ A("h3", Fl, F(g(c).sidebar.noSelection), 1),
3991
+ A("p", Il, F(g(c).sidebar.noSelectionHint), 1)
3979
3992
  ]))])) : S("", !0),
3980
- u.value === "settings" ? (s(), x("div", Il, [_(Mi, {
3993
+ u.value === "settings" ? (s(), x("div", Ll, [_(Mi, {
3981
3994
  settings: n.settings,
3982
3995
  onUpdate: t[6] ||= (e) => o("update-settings", e)
3983
3996
  }, null, 8, ["settings"])])) : S("", !0),
3984
- u.value === "issues" && f.value ? (s(), x("div", Ll, [_(g(i))])) : S("", !0)
3985
- ], 10, Sl));
3997
+ u.value === "issues" && f.value ? (s(), x("div", Rl, [_(g(i))])) : S("", !0)
3998
+ ], 10, Cl));
3986
3999
  }
3987
- }), zl = {
4000
+ }), Bl = {
3988
4001
  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)]",
3989
4002
  style: { "z-index": "10001" },
3990
4003
  role: "status",
3991
4004
  "data-testid": "small-screen-notice"
3992
- }, Bl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Vl = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Hl = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Ul = /* @__PURE__ */ d({
4005
+ }, Vl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Hl = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ul = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Wl = /* @__PURE__ */ d({
3993
4006
  __name: "SmallScreenNotice",
3994
4007
  setup(e) {
3995
- let { t } = K();
3996
- return (e, n) => (s(), x("div", zl, [
3997
- A("div", Bl, [_(g(bt), {
4008
+ let { t } = q();
4009
+ return (e, n) => (s(), x("div", Bl, [
4010
+ A("div", Vl, [_(g(yt), {
3998
4011
  size: 48,
3999
4012
  "stroke-width": 1.5
4000
4013
  })]),
4001
- A("h2", Vl, F(g(t).smallScreen.title), 1),
4002
- A("p", Hl, F(g(t).smallScreen.message), 1)
4014
+ A("h2", Hl, F(g(t).smallScreen.title), 1),
4015
+ A("p", Ul, F(g(t).smallScreen.message), 1)
4003
4016
  ]));
4004
4017
  }
4005
- }), Wl = {
4018
+ }), Gl = {
4006
4019
  class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
4007
4020
  style: {
4008
4021
  "background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
4009
4022
  "backdrop-filter": "blur(8px)",
4010
4023
  "-webkit-backdrop-filter": "blur(8px)"
4011
4024
  }
4012
- }, Gl = {
4025
+ }, Kl = {
4013
4026
  href: "https://github.com/templatical/sdk",
4014
4027
  target: "_blank",
4015
4028
  rel: "noopener noreferrer",
4016
4029
  class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
4017
4030
  style: { "text-decoration": "none" }
4018
- }, Kl = /* @__PURE__ */ d({
4031
+ }, ql = /* @__PURE__ */ d({
4019
4032
  __name: "EditorFooter",
4020
4033
  props: { positionClass: {} },
4021
4034
  setup(e) {
4022
- let { t } = K();
4023
- return (n, r) => (s(), x("footer", { class: y(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [A("div", Wl, [
4035
+ let { t } = q();
4036
+ return (n, r) => (s(), x("footer", { class: y(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [A("div", Gl, [
4024
4037
  A("span", null, F(g(t).footer.poweredBy), 1),
4025
4038
  r[0] ||= A("a", {
4026
4039
  href: "https://templatical.com",
@@ -4035,19 +4048,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4035
4048
  alt: ""
4036
4049
  }), R(" Templatical ")], -1),
4037
4050
  r[1] ||= A("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
4038
- A("a", Gl, F(g(t).footer.openSource), 1)
4051
+ A("a", Kl, F(g(t).footer.openSource), 1)
4039
4052
  ])], 2));
4040
4053
  }
4041
- }), ql = [
4054
+ }), Jl = [
4042
4055
  "aria-label",
4043
4056
  "title",
4044
4057
  "aria-pressed"
4045
- ], Jl = /*#__PURE__*/ un(/* @__PURE__ */ d({
4058
+ ], Yl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4046
4059
  __name: "DarkModeToggle",
4047
4060
  props: { darkMode: { type: Boolean } },
4048
4061
  emits: ["change"],
4049
4062
  setup(e, { emit: t }) {
4050
- let n = t, { t: i } = K();
4063
+ let n = t, { t: i } = q();
4051
4064
  return (t, a) => (s(), x("button", {
4052
4065
  class: "tpl-dark-mode-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
4053
4066
  style: E({
@@ -4065,28 +4078,28 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4065
4078
  "leave-to-class": "tpl-icon-leave-to",
4066
4079
  mode: "out-in"
4067
4080
  }, {
4068
- default: r(() => [e.darkMode ? (s(), D(g(Pt), {
4081
+ default: r(() => [e.darkMode ? (s(), D(g(Nt), {
4069
4082
  key: "moon",
4070
4083
  size: 18,
4071
4084
  "stroke-width": 1.5
4072
- })) : (s(), D(g(Ht), {
4085
+ })) : (s(), D(g(Vt), {
4073
4086
  key: "sun",
4074
4087
  size: 18,
4075
4088
  "stroke-width": 1.5
4076
4089
  }))]),
4077
4090
  _: 1
4078
- })], 12, ql));
4091
+ })], 12, Jl));
4079
4092
  }
4080
- }), [["__scopeId", "data-v-632aa74f"]]), Yl = [
4093
+ }), [["__scopeId", "data-v-632aa74f"]]), Xl = [
4081
4094
  "aria-label",
4082
4095
  "title",
4083
4096
  "aria-pressed"
4084
- ], Xl = /*#__PURE__*/ un(/* @__PURE__ */ d({
4097
+ ], Zl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4085
4098
  __name: "PreviewToggle",
4086
4099
  props: { previewMode: { type: Boolean } },
4087
4100
  emits: ["change"],
4088
4101
  setup(e, { emit: t }) {
4089
- let n = t, { t: i } = K();
4102
+ let n = t, { t: i } = q();
4090
4103
  return (t, a) => (s(), x("button", {
4091
4104
  class: "tpl-preview-toggle tpl:relative tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:p-2 tpl:transition-all",
4092
4105
  style: E({
@@ -4104,19 +4117,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4104
4117
  "leave-to-class": "tpl-icon-leave-to",
4105
4118
  mode: "out-in"
4106
4119
  }, {
4107
- default: r(() => [e.previewMode ? (s(), D(g(cn), {
4120
+ default: r(() => [e.previewMode ? (s(), D(g(sn), {
4108
4121
  key: "eye",
4109
4122
  size: 18,
4110
4123
  "stroke-width": 1.5
4111
- })) : (s(), D(g(Lt), {
4124
+ })) : (s(), D(g(It), {
4112
4125
  key: "eye-off",
4113
4126
  size: 18,
4114
4127
  "stroke-width": 1.5
4115
4128
  }))]),
4116
4129
  _: 1
4117
- })], 12, Yl));
4130
+ })], 12, Xl));
4118
4131
  }
4119
- }), [["__scopeId", "data-v-eef7b2ca"]]), Zl = ["aria-label", "onKeydown"], Ql = ["title", "aria-label"], $l = /* @__PURE__ */ d({
4132
+ }), [["__scopeId", "data-v-eef7b2ca"]]), Ql = ["aria-label", "onKeydown"], $l = ["title", "aria-label"], eu = /* @__PURE__ */ d({
4120
4133
  __name: "TemplateNameField",
4121
4134
  props: {
4122
4135
  name: {},
@@ -4124,7 +4137,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4124
4137
  },
4125
4138
  emits: ["commit"],
4126
4139
  setup(e, { emit: t }) {
4127
- let n = e, r = t, { t: i } = K(), a = l(!1), o = l(""), c = l(null);
4140
+ let n = e, r = t, { t: i } = q(), a = l(!1), o = l(""), c = l(null);
4128
4141
  async function u() {
4129
4142
  n.editable && (o.value = n.name ?? "", a.value = !0, await w(), c.value?.focus(), c.value?.select());
4130
4143
  }
@@ -4145,10 +4158,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4145
4158
  type: "text",
4146
4159
  "data-testid": "template-name-input",
4147
4160
  "aria-label": g(i).header.templateName,
4148
- class: y([g(X), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
4161
+ class: y([g(Z), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
4149
4162
  onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
4150
4163
  onBlur: d
4151
- }, null, 42, Zl)), [[k, o.value]]) : e.editable ? (s(), x("button", {
4164
+ }, null, 42, Ql)), [[k, o.value]]) : e.editable ? (s(), x("button", {
4152
4165
  key: 1,
4153
4166
  type: "button",
4154
4167
  "data-testid": "template-name",
@@ -4156,21 +4169,21 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4156
4169
  "aria-label": g(i).header.rename,
4157
4170
  class: y(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
4158
4171
  onClick: u
4159
- }, F(e.name || g(i).header.untitled), 11, Ql)) : (s(), x("span", {
4172
+ }, F(e.name || g(i).header.untitled), 11, $l)) : (s(), x("span", {
4160
4173
  key: 2,
4161
4174
  "data-testid": "template-name",
4162
4175
  class: y(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
4163
4176
  }, F(e.name || g(i).header.untitled), 3));
4164
4177
  }
4165
- }), eu = ["title"], tu = /* @__PURE__ */ d({
4178
+ }), tu = ["title"], nu = /* @__PURE__ */ d({
4166
4179
  __name: "TemplateTimestamp",
4167
4180
  props: {
4168
4181
  iso: {},
4169
4182
  kind: {}
4170
4183
  },
4171
4184
  setup(e) {
4172
- let t = e, { t: n, format: r } = K(), i = l(0);
4173
- Ue(() => {
4185
+ let t = e, { t: n, format: r } = q(), i = l(0);
4186
+ He(() => {
4174
4187
  i.value += 1;
4175
4188
  }, 6e4);
4176
4189
  let a = b(() => {
@@ -4187,19 +4200,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4187
4200
  "data-testid": "template-timestamp",
4188
4201
  title: o.value,
4189
4202
  class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
4190
- }, F(a.value), 9, eu)) : S("", !0);
4203
+ }, F(a.value), 9, tu)) : S("", !0);
4191
4204
  }
4192
- }), nu = ["data-tooltip"], ru = {
4205
+ }), ru = ["data-tooltip"], iu = {
4193
4206
  key: 1,
4194
4207
  "aria-live": "polite",
4195
4208
  "data-testid": "save-status-saved",
4196
4209
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
4197
- }, iu = {
4210
+ }, au = {
4198
4211
  key: 2,
4199
4212
  "aria-live": "polite",
4200
4213
  "data-testid": "save-status-unsaved",
4201
4214
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
4202
- }, au = /* @__PURE__ */ d({
4215
+ }, ou = /* @__PURE__ */ d({
4203
4216
  __name: "TemplateSaveStatus",
4204
4217
  props: {
4205
4218
  status: {},
@@ -4207,29 +4220,29 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4207
4220
  isDirty: { type: Boolean }
4208
4221
  },
4209
4222
  setup(e) {
4210
- let { t } = K();
4223
+ let { t } = q();
4211
4224
  return (n, r) => e.status === "error" ? (s(), x("div", {
4212
4225
  key: 0,
4213
4226
  "aria-live": "assertive",
4214
4227
  "data-testid": "save-status-error",
4215
4228
  class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
4216
4229
  "data-tooltip": e.errorMessage
4217
- }, [_(g(At), {
4230
+ }, [_(g(kt), {
4218
4231
  size: 12,
4219
4232
  "stroke-width": 2.5
4220
- }), R(" " + F(g(t).header.saveFailed), 1)], 8, nu)) : e.status === "saved" ? (s(), x("div", ru, [_(g(Ot), {
4233
+ }), R(" " + F(g(t).header.saveFailed), 1)], 8, ru)) : e.status === "saved" ? (s(), x("div", iu, [_(g(Dt), {
4221
4234
  size: 12,
4222
4235
  "stroke-width": 2.5
4223
- }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", iu, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
4236
+ }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", au, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
4224
4237
  }
4225
- }), ou = { 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)]" }, su = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, cu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, lu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, uu = ["aria-label", "aria-expanded"], du = {
4238
+ }), su = { 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)]" }, cu = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, lu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, uu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, du = ["aria-label", "aria-expanded"], fu = {
4226
4239
  key: 0,
4227
4240
  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)]"
4228
- }, fu = [
4241
+ }, pu = [
4229
4242
  "aria-label",
4230
4243
  "title",
4231
4244
  "disabled"
4232
- ], pu = ["disabled", "title"], mu = /* @__PURE__ */ d({
4245
+ ], mu = ["disabled", "title"], hu = /* @__PURE__ */ d({
4233
4246
  __name: "EditorHeader",
4234
4247
  props: {
4235
4248
  editor: {},
@@ -4241,61 +4254,58 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4241
4254
  comments: {}
4242
4255
  },
4243
4256
  setup(e) {
4244
- let t = L(() => import("./chunks/VersionHistoryMenu-Cv23A0uu.js"));
4245
- return (n, r) => (s(), x("header", ou, [
4246
- A("div", su, [e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
4247
- key: 0,
4248
- class: y(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
4249
- }, [e.showTemplateName ? (s(), D($l, {
4250
- key: 0,
4251
- name: e.templates.name.value,
4252
- editable: e.templates.canSave.value,
4253
- onCommit: e.templates.rename
4254
- }, null, 8, [
4255
- "name",
4256
- "editable",
4257
- "onCommit"
4258
- ])) : S("", !0), e.templates.timestamp.value ? (s(), D(tu, {
4259
- key: 1,
4260
- iso: e.templates.timestamp.value.iso,
4261
- kind: e.templates.timestamp.value.kind
4262
- }, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0), i(n.$slots, "left-extras")]),
4257
+ let t = L(() => import("./chunks/VersionHistoryMenu-BNYSIjVj.js"));
4258
+ return (n, r) => (s(), x("header", su, [
4263
4259
  A("div", cu, [
4264
- _(Nn, {
4265
- viewport: e.editor.state.viewport,
4266
- onChange: e.editor.setViewport
4267
- }, null, 8, ["viewport", "onChange"]),
4268
- _(Jl, {
4269
- "dark-mode": e.editor.state.darkMode,
4270
- onChange: e.editor.setDarkMode
4271
- }, null, 8, ["dark-mode", "onChange"]),
4272
- _(Xl, {
4273
- "preview-mode": e.editor.state.previewMode,
4274
- onChange: e.editor.setPreviewMode
4275
- }, null, 8, ["preview-mode", "onChange"]),
4276
- e.editor.state.previewMode && !e.core.previewResolution.supersedesSamples.value ? (s(), D(Pn, {
4260
+ e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
4261
+ key: 0,
4262
+ class: y(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
4263
+ }, [e.showTemplateName ? (s(), D(eu, {
4277
4264
  key: 0,
4278
- "sample-mode": e.core.mergeTagSampleMode.value,
4279
- onChange: r[0] ||= (t) => e.core.mergeTagSampleMode.value = t
4280
- }, null, 8, ["sample-mode"])) : S("", !0),
4281
- i(n.$slots, "center-extras"),
4265
+ name: e.templates.name.value,
4266
+ editable: e.templates.canSave.value,
4267
+ onCommit: e.templates.rename
4268
+ }, null, 8, [
4269
+ "name",
4270
+ "editable",
4271
+ "onCommit"
4272
+ ])) : S("", !0), e.templates.timestamp.value ? (s(), D(nu, {
4273
+ key: 1,
4274
+ iso: e.templates.timestamp.value.iso,
4275
+ kind: e.templates.timestamp.value.kind
4276
+ }, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0),
4282
4277
  e.versionHistory?.isAvailable.value && e.versionHistory.hasTemplate.value ? (s(), D(g(t), {
4283
4278
  key: 1,
4284
4279
  versions: e.versionHistory.versions.value,
4285
4280
  "is-loading": e.versionHistory.isLoading.value,
4286
4281
  "is-restoring": e.versionHistory.isRestoring.value,
4287
4282
  "previewing-id": e.versionHistory.previewingVersion.value?.id ?? null,
4288
- onOpen: r[1] ||= (t) => e.versionHistory.refresh(),
4289
- onNavigate: r[2] ||= (t) => e.versionHistory.navigate(t)
4283
+ onOpen: r[0] ||= (t) => e.versionHistory.refresh(),
4284
+ onNavigate: r[1] ||= (t) => e.versionHistory.navigate(t)
4290
4285
  }, null, 8, [
4291
4286
  "versions",
4292
4287
  "is-loading",
4293
4288
  "is-restoring",
4294
4289
  "previewing-id"
4295
- ])) : S("", !0)
4290
+ ])) : S("", !0),
4291
+ i(n.$slots, "left-extras")
4296
4292
  ]),
4297
4293
  A("div", lu, [
4298
- e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(au, {
4294
+ _(Nn, {
4295
+ viewport: e.editor.state.viewport,
4296
+ onChange: e.editor.setViewport
4297
+ }, null, 8, ["viewport", "onChange"]),
4298
+ _(Yl, {
4299
+ "dark-mode": e.editor.state.darkMode,
4300
+ onChange: e.editor.setDarkMode
4301
+ }, null, 8, ["dark-mode", "onChange"]),
4302
+ _(Zl, {
4303
+ "preview-mode": e.editor.state.previewMode,
4304
+ onChange: e.editor.setPreviewMode
4305
+ }, null, 8, ["preview-mode", "onChange"])
4306
+ ]),
4307
+ A("div", uu, [
4308
+ e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(ou, {
4299
4309
  key: 0,
4300
4310
  status: e.templates.status.value,
4301
4311
  "error-message": e.templates.errorMessage.value,
@@ -4311,20 +4321,20 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4311
4321
  "data-testid": "comments-trigger",
4312
4322
  "aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
4313
4323
  "aria-expanded": e.comments.isOpen.value,
4314
- class: y(g(bn)),
4324
+ class: y(g(hn)),
4315
4325
  style: E(e.comments.isOpen.value ? {
4316
4326
  backgroundColor: "var(--tpl-primary-light)",
4317
4327
  borderColor: "var(--tpl-primary-light)"
4318
4328
  } : void 0),
4319
- onClick: r[3] ||= (t) => e.comments.toggle()
4329
+ onClick: r[2] ||= (t) => e.comments.toggle()
4320
4330
  }, [
4321
- _(g(on), {
4331
+ _(g(an), {
4322
4332
  size: 16,
4323
4333
  "stroke-width": 2
4324
4334
  }),
4325
4335
  R(" " + F(e.core.t.comments.button) + " ", 1),
4326
- e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", du, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4327
- ], 14, uu)) : S("", !0),
4336
+ e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", fu, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4337
+ ], 14, du)) : S("", !0),
4328
4338
  i(n.$slots, "right-extras"),
4329
4339
  e.testEmail?.isAvailable.value ? (s(), x("button", {
4330
4340
  key: 2,
@@ -4333,63 +4343,63 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4333
4343
  "aria-label": e.core.t.testEmail.title,
4334
4344
  title: e.core.t.testEmail.title,
4335
4345
  disabled: e.testEmail.isSending.value,
4336
- class: y(g(bn)),
4337
- onClick: r[4] ||= (t) => e.testEmail.open()
4338
- }, [e.testEmail.isSending.value ? (s(), D(g(Jt), {
4346
+ class: y(g(hn)),
4347
+ onClick: r[3] ||= (t) => e.testEmail.open()
4348
+ }, [e.testEmail.isSending.value ? (s(), D(g(qt), {
4339
4349
  key: 1,
4340
4350
  class: "tpl-spinner",
4341
4351
  size: 16,
4342
4352
  "stroke-width": 2
4343
- })) : (s(), D(g(kt), {
4353
+ })) : (s(), D(g(Ot), {
4344
4354
  key: 0,
4345
4355
  size: 16,
4346
4356
  "stroke-width": 2
4347
- })), R(" " + F(e.core.t.testEmail.button), 1)], 10, fu)) : S("", !0),
4357
+ })), R(" " + F(e.core.t.testEmail.button), 1)], 10, pu)) : S("", !0),
4348
4358
  e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), x("button", {
4349
4359
  key: 3,
4350
4360
  type: "button",
4351
4361
  "data-testid": "template-save",
4352
- class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Dn : bn)),
4362
+ class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Sn : hn)),
4353
4363
  style: E(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
4354
4364
  disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
4355
4365
  title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
4356
- onClick: r[5] ||= (t) => e.templates.requestSave()
4357
- }, [e.templates.isSaving.value ? (s(), D(g(Jt), {
4366
+ onClick: r[4] ||= (t) => e.templates.requestSave()
4367
+ }, [e.templates.isSaving.value ? (s(), D(g(qt), {
4358
4368
  key: 1,
4359
4369
  class: "tpl-spinner",
4360
4370
  size: 16,
4361
4371
  "stroke-width": 2
4362
- })) : (s(), D(g(Tt), {
4372
+ })) : (s(), D(g(wt), {
4363
4373
  key: 0,
4364
4374
  size: 16,
4365
4375
  "stroke-width": 2
4366
- })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, pu)) : S("", !0)
4376
+ })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, mu)) : S("", !0)
4367
4377
  ])
4368
4378
  ]));
4369
4379
  }
4370
- }), hu = ["aria-labelledby", "data-tpl-theme"], gu = { 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" }, _u = ["id"], vu = ["aria-label"], yu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, bu = [
4380
+ }), gu = ["aria-labelledby", "data-tpl-theme"], _u = { 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" }, vu = ["id"], yu = ["aria-label"], bu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, xu = [
4371
4381
  "id",
4372
4382
  "placeholder",
4373
4383
  "aria-label",
4374
4384
  "aria-activedescendant"
4375
- ], xu = {
4385
+ ], Su = {
4376
4386
  key: 0,
4377
4387
  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",
4378
4388
  "data-testid": "merge-tag-picker-group-pills"
4379
- }, Su = ["data-group-name", "onClick"], Cu = ["aria-label"], wu = {
4389
+ }, Cu = ["data-group-name", "onClick"], wu = ["aria-label"], Tu = {
4380
4390
  key: 0,
4381
4391
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4382
4392
  "data-testid": "merge-tag-picker-empty"
4383
- }, Tu = {
4393
+ }, Eu = {
4384
4394
  key: 1,
4385
4395
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4386
4396
  "data-testid": "merge-tag-picker-empty"
4387
- }, Eu = [
4397
+ }, Du = [
4388
4398
  "aria-expanded",
4389
4399
  "data-group-name",
4390
4400
  "data-group-collapsed",
4391
4401
  "onClick"
4392
- ], Du = { class: "tpl:ml-1 tpl:font-normal" }, Ou = [
4402
+ ], Ou = { class: "tpl:ml-1 tpl:font-normal" }, ku = [
4393
4403
  "id",
4394
4404
  "aria-selected",
4395
4405
  "data-selected",
@@ -4398,17 +4408,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4398
4408
  "title",
4399
4409
  "onMousemove",
4400
4410
  "onClick"
4401
- ], ku = { class: "tpl:text-sm tpl:font-medium" }, Au = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, ju = {
4411
+ ], Au = { class: "tpl:text-sm tpl:font-medium" }, ju = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Mu = {
4402
4412
  key: 0,
4403
4413
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4404
- }, Mu = {
4414
+ }, Nu = {
4405
4415
  key: 1,
4406
4416
  "data-testid": "merge-tag-picker-sample",
4407
4417
  class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4408
- }, Nu = "tpl-merge-tag-picker-list", Pu = /* @__PURE__ */ d({
4418
+ }, Pu = "tpl-merge-tag-picker-list", Fu = /* @__PURE__ */ d({
4409
4419
  __name: "MergeTagPickerModal",
4410
4420
  setup(i) {
4411
- let a = et(Ke, "MergeTagPickerModal"), { t: o, format: c } = K(), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
4421
+ let a = $e(Ge, "MergeTagPickerModal"), { t: o, format: c } = q(), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
4412
4422
  function N(e) {
4413
4423
  return M.value.has(e);
4414
4424
  }
@@ -4474,19 +4484,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4474
4484
  function H(e) {
4475
4485
  if (z.value.length === 0) return;
4476
4486
  let t = O.value + e;
4477
- O.value = Math.max(0, Math.min(z.value.length - 1, t)), ne();
4487
+ O.value = Math.max(0, Math.min(z.value.length - 1, t)), te();
4478
4488
  }
4479
- let U = l(null), te = l({});
4480
- function W(e, t) {
4481
- te.value[e] = t ?? null;
4489
+ let U = l(null), W = l({});
4490
+ function G(e, t) {
4491
+ W.value[e] = t ?? null;
4482
4492
  }
4483
- function ne() {
4493
+ function te() {
4484
4494
  w(() => {
4485
4495
  let e = U.value;
4486
4496
  e && e.querySelector(`[data-merge-tag-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
4487
4497
  });
4488
4498
  }
4489
- function re(e) {
4499
+ function ne(e) {
4490
4500
  if (M.value.has(e)) {
4491
4501
  let t = new Set(M.value);
4492
4502
  t.delete(e), M.value = t;
@@ -4508,7 +4518,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4508
4518
  });
4509
4519
  });
4510
4520
  }
4511
- function ie(e) {
4521
+ function re(e) {
4512
4522
  if (e.key === "ArrowDown") e.preventDefault(), H(1);
4513
4523
  else if (e.key === "ArrowUp") e.preventDefault(), H(-1);
4514
4524
  else if (e.key === "Enter") {
@@ -4517,46 +4527,46 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4517
4527
  t && B(t);
4518
4528
  }
4519
4529
  }
4520
- function G() {
4521
- if (z.value.length !== 0) return `${Nu}-opt-${O.value}`;
4530
+ function K() {
4531
+ if (z.value.length !== 0) return `${Pu}-opt-${O.value}`;
4522
4532
  }
4523
- function ae(e) {
4524
- return `${Nu}-opt-${e}`;
4533
+ function ie(e) {
4534
+ return `${Pu}-opt-${e}`;
4525
4535
  }
4526
- let oe = b(() => a.tags.value.length === 0), se = b(() => !oe.value && I.value.length === 0), ce = b(() => j.value && L.value.length > 1 && !C.value);
4536
+ let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() => j.value && L.value.length > 1 && !C.value);
4527
4537
  return (e, t) => (s(), D(In, {
4528
4538
  visible: g(a).isOpen.value,
4529
4539
  onClose: V,
4530
- onKeydown: ie
4540
+ onKeydown: re
4531
4541
  }, {
4532
4542
  default: r(() => [A("div", {
4533
4543
  role: "dialog",
4534
4544
  "aria-modal": "true",
4535
- "aria-labelledby": `${Nu}-title`,
4545
+ "aria-labelledby": `${Pu}-title`,
4536
4546
  "data-tpl-theme": g(d),
4537
4547
  "data-testid": "merge-tag-picker-modal",
4538
4548
  class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4539
4549
  style: E(g(u))
4540
4550
  }, [
4541
- A("header", gu, [A("h2", {
4542
- id: `${Nu}-title`,
4551
+ A("header", _u, [A("h2", {
4552
+ id: `${Pu}-title`,
4543
4553
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4544
- }, F(g(o).mergeTag.picker.title), 9, _u), A("button", {
4554
+ }, F(g(o).mergeTag.picker.title), 9, vu), A("button", {
4545
4555
  type: "button",
4546
4556
  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)]",
4547
4557
  "aria-label": g(o).mergeTag.picker.close,
4548
4558
  "data-testid": "merge-tag-picker-close",
4549
4559
  onClick: V
4550
- }, [_(g(Qt), {
4560
+ }, [_(g(Zt), {
4551
4561
  size: 16,
4552
4562
  "stroke-width": 2
4553
- })], 8, vu)]),
4554
- A("div", yu, [_(g(jt), {
4563
+ })], 8, yu)]),
4564
+ A("div", bu, [_(g(At), {
4555
4565
  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)]",
4556
4566
  size: 14,
4557
4567
  "stroke-width": 2
4558
4568
  }), f(A("input", {
4559
- id: `${Nu}-search`,
4569
+ id: `${Pu}-search`,
4560
4570
  ref_key: "searchInputRef",
4561
4571
  ref: h,
4562
4572
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4564,50 +4574,50 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4564
4574
  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)]",
4565
4575
  placeholder: g(o).mergeTag.picker.searchPlaceholder,
4566
4576
  "aria-label": g(o).mergeTag.picker.searchAriaLabel,
4567
- "aria-controls": Nu,
4568
- "aria-activedescendant": G(),
4577
+ "aria-controls": Pu,
4578
+ "aria-activedescendant": K(),
4569
4579
  "data-testid": "merge-tag-picker-search",
4570
4580
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4571
- }, null, 40, bu), [[k, p.value]])]),
4572
- ce.value ? (s(), x("div", xu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4581
+ }, null, 40, xu), [[k, p.value]])]),
4582
+ se.value ? (s(), x("div", Su, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4573
4583
  key: e,
4574
4584
  type: "button",
4575
4585
  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)]",
4576
4586
  "data-testid": "merge-tag-picker-group-pill",
4577
4587
  "data-group-name": e,
4578
- onClick: (t) => re(e)
4579
- }, F(e), 9, Su))), 128))])) : S("", !0),
4588
+ onClick: (t) => ne(e)
4589
+ }, F(e), 9, Cu))), 128))])) : S("", !0),
4580
4590
  A("div", {
4581
- id: Nu,
4591
+ id: Pu,
4582
4592
  ref_key: "listRef",
4583
4593
  ref: U,
4584
4594
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4585
4595
  role: "listbox",
4586
4596
  "aria-label": g(o).mergeTag.picker.title,
4587
4597
  "data-testid": "merge-tag-picker-list"
4588
- }, [oe.value ? (s(), x("div", wu, F(g(o).mergeTag.picker.empty), 1)) : se.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
4598
+ }, [ae.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", Eu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
4589
4599
  key: 0,
4590
4600
  ref_for: !0,
4591
- ref: (t) => W(e.group, t),
4601
+ ref: (t) => G(e.group, t),
4592
4602
  type: "button",
4593
4603
  "aria-expanded": !N(e.group),
4594
- "aria-controls": Nu,
4604
+ "aria-controls": Pu,
4595
4605
  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)]",
4596
4606
  "data-testid": "merge-tag-picker-group-header",
4597
4607
  "data-group-name": e.group,
4598
4608
  "data-group-collapsed": N(e.group) ? "true" : "false",
4599
4609
  onClick: (t) => ee(e.group)
4600
4610
  }, [
4601
- _(g(Dt), {
4611
+ _(g(Et), {
4602
4612
  size: 12,
4603
4613
  "stroke-width": 2,
4604
4614
  class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
4605
4615
  }, null, 8, ["class"]),
4606
4616
  A("span", null, F(e.group), 1),
4607
- A("span", Du, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4608
- ], 8, Eu)) : (s(), x("button", {
4617
+ A("span", Ou, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4618
+ ], 8, Du)) : (s(), x("button", {
4609
4619
  key: 1,
4610
- id: ae(e.index),
4620
+ id: ie(e.index),
4611
4621
  type: "button",
4612
4622
  role: "option",
4613
4623
  "aria-selected": e.index === O.value,
@@ -4620,23 +4630,23 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4620
4630
  onMousemove: (t) => O.value = e.index,
4621
4631
  onClick: (t) => B(e.tag)
4622
4632
  }, [
4623
- A("span", ku, F(e.tag.label), 1),
4624
- A("span", Au, F(e.tag.value), 1),
4625
- e.tag.description ? (s(), x("span", ju, F(e.tag.description), 1)) : S("", !0),
4626
- e.tag.sample === void 0 ? S("", !0) : (s(), x("span", Mu, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4627
- ], 42, Ou))], 64))), 128))], 8, Cu)
4628
- ], 12, hu)]),
4633
+ A("span", Au, F(e.tag.label), 1),
4634
+ A("span", ju, F(e.tag.value), 1),
4635
+ e.tag.description ? (s(), x("span", Mu, F(e.tag.description), 1)) : S("", !0),
4636
+ e.tag.sample === void 0 ? S("", !0) : (s(), x("span", Nu, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4637
+ ], 42, ku))], 64))), 128))], 8, wu)
4638
+ ], 12, gu)]),
4629
4639
  _: 1
4630
4640
  }, 8, ["visible"]));
4631
4641
  }
4632
- }), Fu = ["data-logic-keyword"], Iu = /* @__PURE__ */ d({
4642
+ }), Iu = ["data-logic-keyword"], Lu = /* @__PURE__ */ d({
4633
4643
  __name: "LogicTagBadge",
4634
4644
  props: {
4635
4645
  value: {},
4636
4646
  syntax: {}
4637
4647
  },
4638
4648
  setup(e) {
4639
- let t = e, n = b(() => re(t.value, t.syntax)), r = b(() => te(t.value, t.syntax));
4649
+ let t = e, n = b(() => ne(t.value, t.syntax)), r = b(() => W(t.value, t.syntax));
4640
4650
  return (e, t) => n.value ? (s(), x("span", {
4641
4651
  key: 0,
4642
4652
  class: "tpl:inline-flex tpl:flex-shrink-0 tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:leading-none tpl:font-bold tpl:tracking-wide tpl:uppercase",
@@ -4646,22 +4656,22 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4646
4656
  },
4647
4657
  "data-testid": "merge-tag-logic-badge",
4648
4658
  "data-logic-keyword": r.value
4649
- }, F(r.value), 9, Fu)) : S("", !0);
4659
+ }, F(r.value), 9, Iu)) : S("", !0);
4650
4660
  }
4651
- }), Lu = ["aria-labelledby", "data-tpl-theme"], Ru = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, zu = ["id"], Bu = ["aria-label"], Vu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Hu = [
4661
+ }), Ru = ["aria-labelledby", "data-tpl-theme"], zu = { 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" }, Bu = ["id"], Vu = ["aria-label"], Hu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Uu = [
4652
4662
  "id",
4653
4663
  "placeholder",
4654
4664
  "aria-label",
4655
4665
  "aria-activedescendant"
4656
- ], Uu = ["aria-label"], Wu = {
4666
+ ], Wu = ["aria-label"], Gu = {
4657
4667
  key: 0,
4658
4668
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4659
4669
  "data-testid": "logic-picker-empty"
4660
- }, Gu = {
4670
+ }, Ku = {
4661
4671
  key: 1,
4662
4672
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4663
4673
  "data-testid": "logic-picker-empty"
4664
- }, Ku = ["data-group-name"], qu = [
4674
+ }, qu = ["data-group-name"], Ju = [
4665
4675
  "id",
4666
4676
  "aria-selected",
4667
4677
  "data-selected",
@@ -4669,19 +4679,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4669
4679
  "data-logic-kind",
4670
4680
  "onMousemove",
4671
4681
  "onClick"
4672
- ], Ju = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Yu = { class: "tpl:text-sm tpl:font-medium" }, Xu = {
4682
+ ], Yu = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Xu = { class: "tpl:text-sm tpl:font-medium" }, Zu = {
4673
4683
  key: 0,
4674
4684
  class: "tpl:flex tpl:items-center"
4675
- }, Zu = {
4685
+ }, Qu = {
4676
4686
  key: 1,
4677
4687
  class: "tpl:flex tpl:items-center tpl:gap-1"
4678
- }, Qu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, $u = {
4688
+ }, $u = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, ed = {
4679
4689
  key: 0,
4680
4690
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4681
- }, ed = "tpl-logic-picker-list", td = /* @__PURE__ */ d({
4691
+ }, td = "tpl-logic-picker-list", nd = /* @__PURE__ */ d({
4682
4692
  __name: "LogicTagPickerModal",
4683
4693
  setup(i) {
4684
- let a = et(ht, "LogicTagPickerModal"), { t: o } = K(), c = t(st, se.liquid), u = t(Ge, null), d = t(Je, null), p = l(""), m = He(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
4694
+ let a = $e(mt, "LogicTagPickerModal"), { t: o } = q(), c = t(ot, oe.liquid), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
4685
4695
  function j(e) {
4686
4696
  let t = m.value.trim().toLowerCase();
4687
4697
  return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
@@ -4746,62 +4756,62 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4746
4756
  function U(e) {
4747
4757
  a.resolve(e);
4748
4758
  }
4749
- function te() {
4759
+ function W() {
4750
4760
  a.resolve(null);
4751
4761
  }
4752
- function W(e) {
4762
+ function G(e) {
4753
4763
  z.value.length !== 0 && (O.value = Math.max(0, Math.min(z.value.length - 1, O.value + e)), w(() => {
4754
4764
  H.value?.querySelector(`[data-logic-index="${O.value}"]`)?.scrollIntoView({ block: "nearest" });
4755
4765
  }));
4756
4766
  }
4757
- function ne(e) {
4758
- if (e.key === "ArrowDown") e.preventDefault(), W(1);
4759
- else if (e.key === "ArrowUp") e.preventDefault(), W(-1);
4767
+ function te(e) {
4768
+ if (e.key === "ArrowDown") e.preventDefault(), G(1);
4769
+ else if (e.key === "ArrowUp") e.preventDefault(), G(-1);
4760
4770
  else if (e.key === "Enter") {
4761
4771
  e.preventDefault();
4762
4772
  let t = z.value[O.value];
4763
4773
  t && U(t);
4764
4774
  }
4765
4775
  }
4766
- function re(e) {
4767
- return `${ed}-opt-${e}`;
4776
+ function ne(e) {
4777
+ return `${td}-opt-${e}`;
4768
4778
  }
4769
- function ie() {
4770
- return z.value.length === 0 ? void 0 : `${ed}-opt-${O.value}`;
4779
+ function re() {
4780
+ return z.value.length === 0 ? void 0 : `${td}-opt-${O.value}`;
4771
4781
  }
4772
4782
  return (e, t) => (s(), D(In, {
4773
4783
  visible: g(a).isOpen.value,
4774
- onClose: te,
4775
- onKeydown: ne
4784
+ onClose: W,
4785
+ onKeydown: te
4776
4786
  }, {
4777
4787
  default: r(() => [A("div", {
4778
4788
  role: "dialog",
4779
4789
  "aria-modal": "true",
4780
- "aria-labelledby": `${ed}-title`,
4790
+ "aria-labelledby": `${td}-title`,
4781
4791
  "data-tpl-theme": g(d),
4782
4792
  "data-testid": "logic-picker-modal",
4783
4793
  class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4784
4794
  style: E(g(u))
4785
4795
  }, [
4786
- A("header", Ru, [A("h2", {
4787
- id: `${ed}-title`,
4796
+ A("header", zu, [A("h2", {
4797
+ id: `${td}-title`,
4788
4798
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4789
- }, F(g(o).logicTag.picker.title), 9, zu), A("button", {
4799
+ }, F(g(o).logicTag.picker.title), 9, Bu), A("button", {
4790
4800
  type: "button",
4791
4801
  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)]",
4792
4802
  "aria-label": g(o).logicTag.picker.close,
4793
4803
  "data-testid": "logic-picker-close",
4794
- onClick: te
4795
- }, [_(g(Qt), {
4804
+ onClick: W
4805
+ }, [_(g(Zt), {
4796
4806
  size: 16,
4797
4807
  "stroke-width": 2
4798
- })], 8, Bu)]),
4799
- A("div", Vu, [_(g(jt), {
4808
+ })], 8, Vu)]),
4809
+ A("div", Hu, [_(g(At), {
4800
4810
  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)]",
4801
4811
  size: 14,
4802
4812
  "stroke-width": 2
4803
4813
  }), f(A("input", {
4804
- id: `${ed}-search`,
4814
+ id: `${td}-search`,
4805
4815
  ref_key: "searchInputRef",
4806
4816
  ref: h,
4807
4817
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4809,27 +4819,27 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4809
4819
  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)]",
4810
4820
  placeholder: g(o).logicTag.picker.searchPlaceholder,
4811
4821
  "aria-label": g(o).logicTag.picker.searchAriaLabel,
4812
- "aria-controls": ed,
4813
- "aria-activedescendant": ie(),
4822
+ "aria-controls": td,
4823
+ "aria-activedescendant": re(),
4814
4824
  "data-testid": "logic-picker-search",
4815
4825
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4816
- }, null, 40, Hu), [[k, p.value]])]),
4826
+ }, null, 40, Uu), [[k, p.value]])]),
4817
4827
  A("div", {
4818
- id: ed,
4828
+ id: td,
4819
4829
  ref_key: "listRef",
4820
4830
  ref: H,
4821
4831
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4822
4832
  role: "listbox",
4823
4833
  "aria-label": g(o).logicTag.picker.title,
4824
4834
  "data-testid": "logic-picker-list"
4825
- }, [B.value ? (s(), x("div", Wu, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", Gu, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
4835
+ }, [B.value ? (s(), x("div", Gu, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", Ku, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
4826
4836
  key: 0,
4827
4837
  class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
4828
4838
  "data-testid": "logic-picker-header",
4829
4839
  "data-group-name": e.label
4830
- }, F(e.label), 9, Ku)) : (s(), x("button", {
4840
+ }, F(e.label), 9, qu)) : (s(), x("button", {
4831
4841
  key: 1,
4832
- id: re(e.index),
4842
+ id: ne(e.index),
4833
4843
  type: "button",
4834
4844
  role: "option",
4835
4845
  "aria-selected": e.index === O.value,
@@ -4841,28 +4851,32 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4841
4851
  onMousemove: (t) => O.value = e.index,
4842
4852
  onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
4843
4853
  }, [
4844
- A("span", Ju, [A("span", Yu, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", Xu, [_(Iu, {
4854
+ A("span", Yu, [A("span", Xu, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", Zu, [_(Lu, {
4845
4855
  value: e.tag.value,
4846
4856
  syntax: g(c)
4847
- }, null, 8, ["value", "syntax"])])) : (s(), x("span", Zu, [
4848
- _(Iu, {
4857
+ }, null, 8, ["value", "syntax"])])) : (s(), x("span", Qu, [
4858
+ _(Lu, {
4849
4859
  value: e.pair.before,
4850
4860
  syntax: g(c)
4851
4861
  }, null, 8, ["value", "syntax"]),
4852
4862
  t[2] ||= A("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
4853
- _(Iu, {
4863
+ _(Lu, {
4854
4864
  value: e.pair.after,
4855
4865
  syntax: g(c)
4856
4866
  }, null, 8, ["value", "syntax"])
4857
4867
  ]))]),
4858
- A("span", Qu, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4859
- (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", $u, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4860
- ], 42, qu))], 64))), 128))], 8, Uu)
4861
- ], 12, Lu)]),
4868
+ A("span", $u, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4869
+ (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", ed, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4870
+ ], 42, Ju))], 64))), 128))], 8, Wu)
4871
+ ], 12, Ru)]),
4862
4872
  _: 1
4863
4873
  }, 8, ["visible"]));
4864
4874
  }
4865
- }), nd = ["data-tpl-theme"], rd = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, id = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, ad = ["aria-label"], od = /*#__PURE__*/ un(/* @__PURE__ */ d({
4875
+ }), rd = ["data-tpl-theme"], id = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, ad = { 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" }, od = {
4876
+ key: 0,
4877
+ "data-testid": "merge-tag-mode-toggle-anchor",
4878
+ class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
4879
+ }, sd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, cd = ["aria-label"], ld = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4866
4880
  __name: "Editor",
4867
4881
  props: {
4868
4882
  config: {},
@@ -4872,7 +4886,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4872
4886
  cloud: {}
4873
4887
  },
4874
4888
  setup(t, { expose: n }) {
4875
- let i = t, a = i.config.templates ? ar(i.config.templates, i.config.mergeTags) : void 0, c = le({
4889
+ let i = t, a = i.config.templates ? ar(i.config.templates, i.config.mergeTags) : void 0, c = ce({
4876
4890
  content: i.config.content,
4877
4891
  defaultFontFamily: i.config.fonts?.defaultFont,
4878
4892
  templateDefaults: i.config.templateDefaults,
@@ -4891,13 +4905,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4891
4905
  editor: c,
4892
4906
  onError: i.config.onError,
4893
4907
  isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
4894
- }) : null, v = L(() => import("./chunks/SavedBlocksPanels-B7aBlxKW.js")), w = i.config.testEmail ? Wn({
4908
+ }) : null, v = L(() => import("./chunks/SavedBlocksPanels-B_XNxwzs.js")), w = i.config.testEmail ? Wn({
4895
4909
  provider: i.config.testEmail,
4896
4910
  getContent: () => c.content.value,
4897
- renderMjml: ne,
4911
+ renderMjml: te,
4898
4912
  onError: i.config.onError,
4899
4913
  isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
4900
- }) : null, k = L(() => import("./chunks/TestEmailPanel-DItZMP3B.js")), j = i.config.comments ? Ln({
4914
+ }) : null, k = L(() => import("./chunks/TestEmailPanel-BcvY4bL7.js")), j = i.config.comments ? Ln({
4901
4915
  provider: i.config.comments,
4902
4916
  editor: c,
4903
4917
  user: i.config.user,
@@ -4906,8 +4920,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4906
4920
  onError: i.config.onError,
4907
4921
  isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
4908
4922
  isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
4909
- }) : null, M = L(() => import("./chunks/CommentsPanel-D7Y-74Nj.js")), ee = L(() => import("./chunks/CloudPanels-YRYmXE9O.js")), P = L(() => import("./chunks/CloudHeaderExtras-Ctat5U0M.js")), I = L(() => import("./chunks/VersionHistoryPanels-DHDN1owI.js")), z = Kn(i.config.autoSave, !1), B = z.enabled && d !== null;
4910
- z.enabled && d === null && _t.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
4923
+ }) : null, M = L(() => import("./chunks/CommentsPanel-COhQMagD.js")), ee = L(() => import("./chunks/CloudPanels-DVtJkWsj.js")), P = L(() => import("./chunks/CloudHeaderExtras-d_8bZemh.js")), I = L(() => import("./chunks/VersionHistoryPanels-CSryv5rE.js")), z = Kn(i.config.autoSave, !1), B = z.enabled && d !== null;
4924
+ z.enabled && d === null && gt.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
4911
4925
  let V = i.config.onChange || B ? {
4912
4926
  onChange: () => {
4913
4927
  i.config.onChange?.(JSON.parse(JSON.stringify(c.state.content))), B && d.requestAutoSave();
@@ -4918,7 +4932,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4918
4932
  ...d ? { templates: d.capability } : {},
4919
4933
  ...w ? { testEmail: w.capability } : {},
4920
4934
  ...j ? { comments: j.capability } : {}
4921
- }, U = Le({
4935
+ }, U = Ie({
4922
4936
  editor: c,
4923
4937
  containerEl: p,
4924
4938
  config: {
@@ -4945,10 +4959,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4945
4959
  editorRoot: i.shadowRoot,
4946
4960
  historyOptions: i.cloud ? { isRemoteOperation: () => i.cloud.isRemoteOperation() } : void 0,
4947
4961
  keyboardOptions: i.cloud ? { onBeforeUndo: () => i.cloud.onBeforeUndo() } : void 0
4948
- }), te = i.cloud && u ? i.cloud.ready({
4962
+ }), W = i.cloud && u ? i.cloud.ready({
4949
4963
  core: U,
4950
4964
  capabilities: H
4951
- }) : null, W = i.config.versionHistory ? Gn({
4965
+ }) : null, G = i.config.versionHistory ? Gn({
4952
4966
  provider: i.config.versionHistory,
4953
4967
  editor: ir(c, i.config.mergeTags),
4954
4968
  history: U.history,
@@ -4960,8 +4974,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4960
4974
  } : null,
4961
4975
  onError: i.config.onError
4962
4976
  }) : null;
4963
- W && (H.versionHistory = W.capability);
4964
- function ne() {
4977
+ G && (H.versionHistory = G.capability);
4978
+ function te() {
4965
4979
  return Hn({
4966
4980
  getContent: () => c.content.value,
4967
4981
  renderCustomBlock: U.registry.renderCustomBlock,
@@ -4969,25 +4983,25 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4969
4983
  getFonts: () => Jn(i.fontsManager)
4970
4984
  });
4971
4985
  }
4972
- let re = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), ie = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : re.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
4973
- function G(e) {
4986
+ let ne = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), re = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
4987
+ function K(e) {
4974
4988
  u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
4975
4989
  }
4976
- let { showNotice: ae } = xe(() => i.config.smallScreenNotice);
4990
+ let { showNotice: ie } = be(() => i.config.smallScreenNotice);
4977
4991
  C(async () => {
4978
4992
  await i.fontsManager.loadCustomFonts();
4979
4993
  }), o(() => {
4980
4994
  i.fontsManager.cleanupFontLinks(), i.cloud?.destroy(), U.destroy();
4981
4995
  });
4982
- let oe = d ?? c;
4996
+ let ae = d ?? c;
4983
4997
  return n({
4984
4998
  getContent: () => c.content.value,
4985
4999
  setContent: (e) => c.setContent(e),
4986
5000
  setTheme: (e) => c.setUiTheme(e),
4987
5001
  isDirty: () => c.state.isDirty,
4988
- create: oe.create,
4989
- load: oe.load,
4990
- save: oe.save,
5002
+ create: ae.create,
5003
+ load: ae.load,
5004
+ save: ae.save,
4991
5005
  renderCustomBlock: U.registry.renderCustomBlock,
4992
5006
  getCustomBlockStylesheet: (e) => U.registry.getDefinition(e)?.stylesheet
4993
5007
  }), (e, n) => (s(), x("div", {
@@ -4996,44 +5010,33 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4996
5010
  class: y(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": g(c).state.darkMode }]),
4997
5011
  "data-tpl-theme": g(U).resolvedTheme.value,
4998
5012
  style: E(g(U).themeStyles.value),
4999
- onDragover: n[7] ||= T(() => {}, ["prevent"]),
5000
- onDrop: n[8] ||= T(() => {}, ["prevent"])
5013
+ onDragover: n[8] ||= T(() => {}, ["prevent"]),
5014
+ onDrop: n[9] ||= T(() => {}, ["prevent"])
5001
5015
  }, [
5002
5016
  _(yr),
5003
- _(mu, {
5017
+ _(hu, {
5004
5018
  editor: g(c),
5005
5019
  core: g(U),
5006
5020
  templates: g(d),
5007
5021
  "show-template-name": t.config.templateNameField !== !1,
5008
5022
  "test-email": g(w),
5009
- "version-history": g(W),
5023
+ "version-history": g(G),
5010
5024
  comments: g(j)
5011
- }, h({ _: 2 }, [
5012
- g(u) ? {
5013
- name: "left-extras",
5014
- fn: r(() => [_(g(P), {
5015
- part: "left",
5016
- cloud: g(u)
5017
- }, null, 8, ["cloud"])]),
5018
- key: "0"
5019
- } : void 0,
5020
- g(u) ? {
5021
- name: "center-extras",
5022
- fn: r(() => [_(g(P), {
5023
- part: "center",
5024
- cloud: g(u)
5025
- }, null, 8, ["cloud"])]),
5026
- key: "1"
5027
- } : void 0,
5028
- g(u) ? {
5029
- name: "right-extras",
5030
- fn: r(() => [_(g(P), {
5031
- part: "right",
5032
- cloud: g(u)
5033
- }, null, 8, ["cloud"])]),
5034
- key: "2"
5035
- } : void 0
5036
- ]), 1032, [
5025
+ }, h({ _: 2 }, [g(u) ? {
5026
+ name: "left-extras",
5027
+ fn: r(() => [_(g(P), {
5028
+ part: "left",
5029
+ cloud: g(u)
5030
+ }, null, 8, ["cloud"])]),
5031
+ key: "0"
5032
+ } : void 0, g(u) ? {
5033
+ name: "right-extras",
5034
+ fn: r(() => [_(g(P), {
5035
+ part: "right",
5036
+ cloud: g(u)
5037
+ }, null, 8, ["cloud"])]),
5038
+ key: "1"
5039
+ } : void 0]), 1032, [
5037
5040
  "editor",
5038
5041
  "core",
5039
5042
  "templates",
@@ -5044,21 +5047,27 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5044
5047
  ]),
5045
5048
  f(_(kr, null, null, 512), [[N, !g(c).state.previewMode]]),
5046
5049
  A("div", {
5047
- class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [ie.value, g(W)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
5050
+ class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [re.value, g(G)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
5048
5051
  style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
5049
- }, [A("div", rd, [_(O, { name: "tpl-restore-btn" }, {
5052
+ }, [A("div", id, [A("div", ad, [_(O, { name: "tpl-preview-pill" }, {
5053
+ default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div", od, [_(Pn, {
5054
+ "sample-mode": g(U).mergeTagSampleMode.value,
5055
+ onChange: n[0] ||= (e) => g(U).mergeTagSampleMode.value = e
5056
+ }, null, 8, ["sample-mode"])])) : S("", !0)]),
5057
+ _: 1
5058
+ }), _(O, { name: "tpl-preview-pill" }, {
5050
5059
  default: r(() => [g(U).conditionPreview.hasHiddenBlocks.value && g(U).appliesConditionFilter.value ? (s(), x("button", {
5051
5060
  key: 0,
5052
- class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-[var(--tpl-shadow-md)] tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
5053
- style: { "backdrop-filter": "blur(8px)" },
5061
+ type: "button",
5062
+ class: y([g(mn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
5054
5063
  "data-testid": "restore-hidden-blocks",
5055
- onClick: n[0] ||= (e) => g(U).conditionPreview.reset()
5056
- }, [_(g(Et), {
5057
- size: 13,
5064
+ onClick: n[1] ||= (e) => g(U).conditionPreview.reset()
5065
+ }, [_(g(Tt), {
5066
+ size: 16,
5058
5067
  "stroke-width": 2
5059
- }), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)])) : S("", !0)]),
5068
+ }), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : S("", !0)]),
5060
5069
  _: 1
5061
- })]), A("main", id, [_(vr, {
5070
+ })])]), A("main", sd, [_(vr, {
5062
5071
  viewport: g(c).state.viewport,
5063
5072
  content: g(U).previewResolution.content.value,
5064
5073
  "selected-block-id": g(c).state.selectedBlockId,
@@ -5066,8 +5075,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5066
5075
  "preview-mode": g(c).state.previewMode,
5067
5076
  "locked-blocks": g(u)?.collaboration?.lockedBlocks.value,
5068
5077
  onSelectBlock: g(c).selectBlock,
5069
- onOpenAiChat: n[1] ||= (e) => G("ai-chat"),
5070
- onOpenDesignReference: n[2] ||= (e) => G("design-reference")
5078
+ onOpenAiChat: n[2] ||= (e) => K("ai-chat"),
5079
+ onOpenDesignReference: n[3] ||= (e) => K("design-reference")
5071
5080
  }, null, 8, [
5072
5081
  "viewport",
5073
5082
  "content",
@@ -5077,9 +5086,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5077
5086
  "locked-blocks",
5078
5087
  "onSelectBlock"
5079
5088
  ])])], 2),
5080
- t.config.branding === !1 ? S("", !0) : (s(), D(Kl, {
5089
+ t.config.branding === !1 ? S("", !0) : (s(), D(ql, {
5081
5090
  key: 0,
5082
- "position-class": [ie.value]
5091
+ "position-class": [re.value]
5083
5092
  }, null, 8, ["position-class"])),
5084
5093
  A("div", {
5085
5094
  class: "tpl-sr-only",
@@ -5087,19 +5096,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5087
5096
  "aria-live": "polite",
5088
5097
  "aria-atomic": "true",
5089
5098
  "aria-label": g(U).t.landmarks.reorderAnnouncements
5090
- }, F(g(U).keyboardReorder.announcement.value), 9, ad),
5091
- f(_(Rl, {
5099
+ }, F(g(U).keyboardReorder.announcement.value), 9, cd),
5100
+ f(_(zl, {
5092
5101
  "selected-block": g(c).selectedBlock.value,
5093
5102
  settings: g(c).content.value.settings,
5094
- "shifted-left": re.value,
5095
- onUpdateBlock: n[3] ||= (e) => g(c).updateBlock(g(c).state.selectedBlockId, e),
5096
- onDeleteBlock: n[4] ||= () => {
5103
+ "shifted-left": ne.value,
5104
+ onUpdateBlock: n[4] ||= (e) => g(c).updateBlock(g(c).state.selectedBlockId, e),
5105
+ onDeleteBlock: n[5] ||= () => {
5097
5106
  g(c).state.selectedBlockId && g(U).blockActions.deleteBlock(g(c).state.selectedBlockId);
5098
5107
  },
5099
- onDuplicateBlock: n[5] ||= () => {
5108
+ onDuplicateBlock: n[6] ||= () => {
5100
5109
  g(c).selectedBlock.value && g(U).blockActions.duplicateBlock(g(c).selectedBlock.value);
5101
5110
  },
5102
- onUpdateSettings: n[6] ||= (e) => g(c).updateSettings(e)
5111
+ onUpdateSettings: n[7] ||= (e) => g(c).updateSettings(e)
5103
5112
  }, null, 8, [
5104
5113
  "selected-block",
5105
5114
  "settings",
@@ -5109,8 +5118,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5109
5118
  ref: (e) => g(U).popoverRoot.value = e,
5110
5119
  class: "tpl-popover-root"
5111
5120
  }, null, 512),
5112
- _(Pu),
5113
- _(td),
5121
+ _(Fu),
5122
+ _(nd),
5114
5123
  g(m)?.isAvailable.value ? (s(), D(g(v), {
5115
5124
  key: 1,
5116
5125
  feature: g(m)
@@ -5123,17 +5132,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5123
5132
  key: 3,
5124
5133
  feature: g(j)
5125
5134
  }, null, 8, ["feature"])) : S("", !0),
5126
- g(W)?.isAvailable.value ? (s(), D(g(I), {
5135
+ g(G)?.isAvailable.value ? (s(), D(g(I), {
5127
5136
  key: 4,
5128
- feature: g(W)
5137
+ feature: g(G)
5129
5138
  }, null, 8, ["feature"])) : S("", !0),
5130
- t.cloud && g(u) && g(te) ? (s(), D(g(ee), {
5139
+ t.cloud && g(u) && g(W) ? (s(), D(g(ee), {
5131
5140
  key: 5,
5132
5141
  editor: g(c),
5133
5142
  core: g(U),
5134
5143
  runtime: t.cloud,
5135
5144
  cloud: g(u),
5136
- ready: g(te),
5145
+ ready: g(W),
5137
5146
  locale: t.config.locale
5138
5147
  }, null, 8, [
5139
5148
  "editor",
@@ -5143,10 +5152,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5143
5152
  "ready",
5144
5153
  "locale"
5145
5154
  ])) : S("", !0),
5146
- g(ae) ? (s(), D(Ul, { key: 6 })) : S("", !0)
5147
- ], 46, nd));
5155
+ g(ie) ? (s(), D(Wl, { key: 6 })) : S("", !0)
5156
+ ], 46, rd));
5148
5157
  }
5149
- }), [["__scopeId", "data-v-9b8b235c"]]), sd = /* #__PURE__ */ Object.assign({
5158
+ }), [["__scopeId", "data-v-ebc669ed"]]), ud = /* #__PURE__ */ Object.assign({
5150
5159
  "./locales/ca.ts": () => import("./chunks/ca-CEuJ6IRr.js"),
5151
5160
  "./locales/de.ts": () => import("./chunks/de-aRxhZF_K.js"),
5152
5161
  "./locales/en.ts": () => import("./chunks/en-BX4V_7YO.js"),
@@ -5154,96 +5163,96 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5154
5163
  "./locales/fr.ts": () => import("./chunks/fr-iBuE60Ap.js"),
5155
5164
  "./locales/nl.ts": () => import("./chunks/nl-Btw4ojNo.js"),
5156
5165
  "./locales/pt-BR.ts": () => import("./chunks/pt-BR-GjVsCqbN.js")
5157
- }), cd = /* #__PURE__ */ Object.assign({
5166
+ }), dd = /* #__PURE__ */ Object.assign({
5158
5167
  "./locales/cloud/de.ts": () => import("./chunks/de-BytZwgn6.js"),
5159
5168
  "./locales/cloud/en.ts": () => import("./chunks/en-DyOSV0lY.js"),
5160
5169
  "./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-C1WLSGDh.js")
5161
5170
  });
5162
- function ld(e) {
5171
+ function fd(e) {
5163
5172
  return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
5164
5173
  }
5165
- var ud = ld(sd), dd = ld(cd);
5166
- function fd(e) {
5174
+ var pd = fd(ud), md = fd(dd);
5175
+ function hd(e) {
5167
5176
  return e.trim().replace(/_/g, "-").toLowerCase();
5168
5177
  }
5169
- function pd(e, t) {
5170
- let n = fd(e);
5171
- return t.find((e) => fd(e) === n);
5178
+ function gd(e, t) {
5179
+ let n = hd(e);
5180
+ return t.find((e) => hd(e) === n);
5172
5181
  }
5173
- function md(e) {
5174
- return fd(e).split("-")[0];
5182
+ function _d(e) {
5183
+ return hd(e).split("-")[0];
5175
5184
  }
5176
- function hd(e, t) {
5177
- return pd(e, t) ?? pd(md(e), t);
5185
+ function vd(e, t) {
5186
+ return gd(e, t) ?? gd(_d(e), t);
5178
5187
  }
5179
- function gd(e, t) {
5180
- return hd(e, t) ?? "en";
5188
+ function yd(e, t) {
5189
+ return vd(e, t) ?? "en";
5181
5190
  }
5182
- async function _d(e) {
5183
- let t = sd[`./locales/${gd(e, ud)}.ts`];
5191
+ async function bd(e) {
5192
+ let t = ud[`./locales/${yd(e, pd)}.ts`];
5184
5193
  return (await t()).default;
5185
5194
  }
5186
- async function vd(e) {
5187
- let t = cd[`./locales/cloud/${gd(e, dd)}.ts`];
5195
+ async function xd(e) {
5196
+ let t = dd[`./locales/cloud/${yd(e, md)}.ts`];
5188
5197
  return (await t()).default;
5189
5198
  }
5190
- function yd(e) {
5191
- return hd(e, ud) !== void 0;
5199
+ function Sd(e) {
5200
+ return vd(e, pd) !== void 0;
5192
5201
  }
5193
- function bd(e) {
5194
- return hd(e, dd) !== void 0;
5202
+ function Cd(e) {
5203
+ return vd(e, md) !== void 0;
5195
5204
  }
5196
- function xd() {
5197
- return [...ud];
5205
+ function wd() {
5206
+ return [...pd];
5198
5207
  }
5199
- function Sd() {
5200
- return [...dd];
5208
+ function Td() {
5209
+ return [...md];
5201
5210
  }
5202
5211
  //#endregion
5203
5212
  //#region \0virtual:editor-css
5204
- var Cd = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-restore-btn-enter-active[data-v-9b8b235c]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-restore-btn-leave-active[data-v-9b8b235c]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-restore-btn-enter-from[data-v-9b8b235c],.tpl-restore-btn-leave-to[data-v-9b8b235c]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-restore-btn-enter-to[data-v-9b8b235c],.tpl-restore-btn-leave-from[data-v-9b8b235c]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-267faa45] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper{background-color:transparent!important}[data-v-267faa45] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", wd = null;
5205
- function Td() {
5206
- if (wd === null) {
5213
+ var Ed = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-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}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-267faa45] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper{background-color:transparent!important}[data-v-267faa45] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\: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:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Dd = null;
5214
+ function Od() {
5215
+ if (Dd === null) {
5207
5216
  let e = new CSSStyleSheet();
5208
- e.replaceSync(Cd), wd = e;
5217
+ e.replaceSync(Ed), Dd = e;
5209
5218
  }
5210
- return wd;
5219
+ return Dd;
5211
5220
  }
5212
- function Ed(e) {
5221
+ function kd(e) {
5213
5222
  return () => {};
5214
5223
  }
5215
- function Dd(e, t) {
5224
+ function Ad(e, t) {
5216
5225
  if (!t) return {
5217
5226
  target: e,
5218
5227
  shadowRoot: null,
5219
5228
  cleanup: () => {}
5220
5229
  };
5221
5230
  let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
5222
- for (n.adoptedStyleSheets = [Td()]; n.firstChild;) n.removeChild(n.firstChild);
5231
+ for (n.adoptedStyleSheets = [Od()]; n.firstChild;) n.removeChild(n.firstChild);
5223
5232
  let r = document.createElement("div");
5224
5233
  return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
5225
5234
  target: r,
5226
5235
  shadowRoot: n,
5227
- cleanup: Ed(n)
5236
+ cleanup: kd(n)
5228
5237
  };
5229
5238
  }
5230
- var Od = /* @__PURE__ */ new Map(), kd = null;
5231
- function Ad(e) {
5232
- let t = Od.get(e);
5233
- t && (t.cleanup(), t.app.unmount(), Od.delete(e), kd === e && (kd = null));
5239
+ var jd = /* @__PURE__ */ new Map(), Md = null;
5240
+ function Nd(e) {
5241
+ let t = jd.get(e);
5242
+ t && (t.cleanup(), t.app.unmount(), jd.delete(e), Md === e && (Md = null));
5234
5243
  }
5235
- async function jd(e) {
5236
- return Md(e);
5244
+ async function Pd(e) {
5245
+ return Fd(e);
5237
5246
  }
5238
- async function Md(e, t) {
5247
+ async function Fd(e, t) {
5239
5248
  let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
5240
5249
  if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
5241
- let r = await _d(e.locale ?? "en"), i = ze(e.fonts);
5242
- Ad(n);
5243
- let a = Dd(n, e.shadowDom ?? !0), o = l(null);
5250
+ let r = await bd(e.locale ?? "en"), i = Re(e.fonts);
5251
+ Nd(n);
5252
+ let a = Ad(n, e.shadowDom ?? !0), o = l(null);
5244
5253
  e.content &&= rr(e.content, e.mergeTags);
5245
5254
  let s = M({ setup() {
5246
- return () => I(od, {
5255
+ return () => I(ld, {
5247
5256
  config: e,
5248
5257
  translations: r,
5249
5258
  fontsManager: i,
@@ -5252,14 +5261,14 @@ async function Md(e, t) {
5252
5261
  ref: o
5253
5262
  });
5254
5263
  } });
5255
- s.mount(a.target), Od.set(n, {
5264
+ s.mount(a.target), jd.set(n, {
5256
5265
  app: s,
5257
5266
  editorRef: o,
5258
5267
  cleanup: a.cleanup
5259
- }), kd = n;
5268
+ }), Md = n;
5260
5269
  let c = {
5261
5270
  getContent() {
5262
- return W(o.value ? o.value.getContent() : e.content ?? V());
5271
+ return G(o.value ? o.value.getContent() : e.content ?? V());
5263
5272
  },
5264
5273
  setContent(t) {
5265
5274
  let n = rr(t, e.mergeTags);
@@ -5268,7 +5277,7 @@ async function Md(e, t) {
5268
5277
  setTheme(e) {
5269
5278
  o.value && o.value.setTheme(e);
5270
5279
  },
5271
- unmount: () => Ad(n),
5280
+ unmount: () => Nd(n),
5272
5281
  create(t) {
5273
5282
  return o.value ? o.value.create(t?.content ? {
5274
5283
  ...t,
@@ -5308,12 +5317,12 @@ async function Md(e, t) {
5308
5317
  });
5309
5318
  return c;
5310
5319
  }
5311
- async function Nd(e) {
5312
- let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-D75oJ9j-.js"), vd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5320
+ async function Id(e) {
5321
+ let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DYDf_-rN.js"), xd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5313
5322
  config: e,
5314
5323
  cloudTranslations: n
5315
5324
  });
5316
- return Md({
5325
+ return Fd({
5317
5326
  container: e.container,
5318
5327
  content: e.content,
5319
5328
  shadowDom: e.shadowDom,
@@ -5350,10 +5359,10 @@ async function Nd(e) {
5350
5359
  user: a
5351
5360
  }, r);
5352
5361
  }
5353
- function Pd() {
5354
- kd && Ad(kd);
5362
+ function Ld() {
5363
+ Md && Nd(Md);
5355
5364
  }
5356
5365
  //#endregion
5357
- export { pe as createLocalStorageSavedBlocksProvider, md as getBaseLocale, Sd as getSupportedCloudLocales, xd as getSupportedLocales, jd as init, Nd as initCloud, bd as isCloudLocaleSupported, yd as isLocaleSupported, Pd as unmount, ze as useFonts };
5366
+ export { fe as createLocalStorageSavedBlocksProvider, _d as getBaseLocale, Td as getSupportedCloudLocales, wd as getSupportedLocales, Pd as init, Id as initCloud, Cd as isCloudLocaleSupported, Sd as isLocaleSupported, Ld as unmount, Re as useFonts };
5358
5367
 
5359
5368
  //# sourceMappingURL=editor.js.map