@templatical/editor 0.29.1 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/{AiChatSidebar-DsYJwCLT.js → AiChatSidebar-Bq99wU01.js} +1 -1
  2. package/dist/{AiFeatureMenu-CehKC-dh.js → AiFeatureMenu-F-C59LAV.js} +1 -1
  3. package/dist/{BlockPreviewCanvas-BQZ7aTPr.js → BlockPreviewCanvas-CqU1kwmG.js} +1 -1
  4. package/dist/{CloudHeaderExtras-CaRdlYpY.js → CloudHeaderExtras-vnGV_mLD.js} +1 -1
  5. package/dist/{CloudPanels-CYqHk1Az.js → CloudPanels-Dv-MD1Tc.js} +1 -1
  6. package/dist/{CollaboratorBar-BZi12Mut.js → CollaboratorBar-DmssyJoB.js} +1 -1
  7. package/dist/{CountdownToolbar-ByQVLqFF.js → CountdownToolbar-SwmE7CIk.js} +16 -16
  8. package/dist/{DesignReferenceSidebar-B9anB-Q0.js → DesignReferenceSidebar-9cLTzOqP.js} +1 -1
  9. package/dist/{NumberWithSuffix-C-k0BP1m.js → FieldRow-0-UbQR4a.js} +23 -16
  10. package/dist/{MergeTagModeToggle-sBEGugix.js → MergeTagModeToggle-DtD_Xl9w.js} +1 -1
  11. package/dist/{ParagraphEditor-gbp5gbFv.js → ParagraphEditor-C0NbqDmV.js} +2 -2
  12. package/dist/{RestoreVersionDialog-DIHpGfFr.js → RestoreVersionDialog-DCX0rJiV.js} +1 -1
  13. package/dist/{SaveBlockDialog-QSj7tf1p.js → SaveBlockDialog-e5LtQRVk.js} +3 -3
  14. package/dist/{SavedBlocksBrowserModal-Bz2xaBzJ.js → SavedBlocksBrowserModal-ZQIQoARO.js} +4 -4
  15. package/dist/{SavedBlocksPanels-RNgOnK9j.js → SavedBlocksPanels-pGZWjSmp.js} +1 -1
  16. package/dist/{SavedBlocksPickBar-CRmd3sD9.js → SavedBlocksPickBar-OZaOG1Si.js} +1 -1
  17. package/dist/{TestEmailModal-DclmELUc.js → TestEmailModal-PVa1VL2p.js} +5 -5
  18. package/dist/{TestEmailPanel-4i4n9Kup.js → TestEmailPanel-RekBdAtO.js} +1 -1
  19. package/dist/{TitleEditor-DMAeSWx3.js → TitleEditor-Cs2tELCL.js} +2 -2
  20. package/dist/{TplModal-CjuKT36J.js → TplModal-Bw1i8_eE.js} +1 -1
  21. package/dist/{VersionHistoryPanels-MqgexkhW.js → VersionHistoryPanels-TqTC4ofA.js} +1 -1
  22. package/dist/{blockTypeIcons-ejNais7n.js → blockTypeIcons-C7WedEOG.js} +1 -1
  23. package/dist/bundle-stats.json +6 -6
  24. package/dist/{cdn/chunks/ca-DY0AYOLG.js → ca-DZSrLNXK.js} +2 -2
  25. package/dist/cdn/chunks/{AiChatSidebar-BE97qqqb.js → AiChatSidebar-DmZ1Nvxo.js} +2 -2
  26. package/dist/cdn/chunks/{AiChatSidebar-BE97qqqb.js.map → AiChatSidebar-DmZ1Nvxo.js.map} +1 -1
  27. package/dist/cdn/chunks/{AiFeatureMenu-CNP54HPc.js → AiFeatureMenu-D4tax9j3.js} +2 -2
  28. package/dist/cdn/chunks/{AiFeatureMenu-CNP54HPc.js.map → AiFeatureMenu-D4tax9j3.js.map} +1 -1
  29. package/dist/cdn/chunks/{BlockPreviewCanvas-CUEZIwJ4.js → BlockPreviewCanvas-DDOqFJlT.js} +2 -2
  30. package/dist/cdn/chunks/{BlockPreviewCanvas-CUEZIwJ4.js.map → BlockPreviewCanvas-DDOqFJlT.js.map} +1 -1
  31. package/dist/cdn/chunks/{CloudHeaderExtras-Bz--_dKu.js → CloudHeaderExtras-g-_SFPna.js} +2 -2
  32. package/dist/cdn/chunks/{CloudHeaderExtras-Bz--_dKu.js.map → CloudHeaderExtras-g-_SFPna.js.map} +1 -1
  33. package/dist/cdn/chunks/{CloudPanels-BXcdYgy0.js → CloudPanels-Cnh07_2G.js} +3 -3
  34. package/dist/cdn/chunks/{CloudPanels-BXcdYgy0.js.map → CloudPanels-Cnh07_2G.js.map} +1 -1
  35. package/dist/cdn/chunks/{CollaboratorBar-CvvoIrKS.js → CollaboratorBar-CLGB0prG.js} +2 -2
  36. package/dist/cdn/chunks/{CollaboratorBar-CvvoIrKS.js.map → CollaboratorBar-CLGB0prG.js.map} +1 -1
  37. package/dist/cdn/chunks/{CountdownToolbar-BD90NpY1.js → CountdownToolbar-CO6xLgYc.js} +17 -17
  38. package/dist/cdn/chunks/{CountdownToolbar-BD90NpY1.js.map → CountdownToolbar-CO6xLgYc.js.map} +1 -1
  39. package/dist/cdn/chunks/{DesignReferenceSidebar-DY-laxO5.js → DesignReferenceSidebar-DRGqm33h.js} +2 -2
  40. package/dist/cdn/chunks/{DesignReferenceSidebar-DY-laxO5.js.map → DesignReferenceSidebar-DRGqm33h.js.map} +1 -1
  41. package/dist/cdn/chunks/{NumberWithSuffix-DOG0zHvY.js → FieldRow-CbcpsxZ4.js} +24 -17
  42. package/dist/cdn/chunks/FieldRow-CbcpsxZ4.js.map +1 -0
  43. package/dist/cdn/chunks/{MergeTagModeToggle-BRW3qErZ.js → MergeTagModeToggle-DZtnCj0F.js} +2 -2
  44. package/dist/cdn/chunks/{MergeTagModeToggle-BRW3qErZ.js.map → MergeTagModeToggle-DZtnCj0F.js.map} +1 -1
  45. package/dist/cdn/chunks/{ParagraphEditor-CPVnO48U.js → ParagraphEditor-BalgLjBt.js} +3 -3
  46. package/dist/cdn/chunks/{ParagraphEditor-CPVnO48U.js.map → ParagraphEditor-BalgLjBt.js.map} +1 -1
  47. package/dist/cdn/chunks/{RestoreVersionDialog--Blx-VKu.js → RestoreVersionDialog-DGOXQ0ou.js} +2 -2
  48. package/dist/cdn/chunks/{RestoreVersionDialog--Blx-VKu.js.map → RestoreVersionDialog-DGOXQ0ou.js.map} +1 -1
  49. package/dist/cdn/chunks/{SaveBlockDialog-DXQ2g_38.js → SaveBlockDialog-Dod3jX9X.js} +4 -4
  50. package/dist/cdn/chunks/{SaveBlockDialog-DXQ2g_38.js.map → SaveBlockDialog-Dod3jX9X.js.map} +1 -1
  51. package/dist/cdn/chunks/{SavedBlocksBrowserModal-DWBvVkuk.js → SavedBlocksBrowserModal-BysGB8zb.js} +4 -4
  52. package/dist/cdn/chunks/{SavedBlocksBrowserModal-DWBvVkuk.js.map → SavedBlocksBrowserModal-BysGB8zb.js.map} +1 -1
  53. package/dist/cdn/chunks/{SavedBlocksPanels-GgdpiPUq.js → SavedBlocksPanels-DJ4fceEM.js} +2 -2
  54. package/dist/cdn/chunks/{SavedBlocksPanels-GgdpiPUq.js.map → SavedBlocksPanels-DJ4fceEM.js.map} +1 -1
  55. package/dist/cdn/chunks/{SavedBlocksPickBar-Dyb5xi1B.js → SavedBlocksPickBar-DGgbqAsb.js} +2 -2
  56. package/dist/cdn/chunks/{SavedBlocksPickBar-Dyb5xi1B.js.map → SavedBlocksPickBar-DGgbqAsb.js.map} +1 -1
  57. package/dist/cdn/chunks/{TestEmailModal-B9SmAIKZ.js → TestEmailModal-DvZFnhWa.js} +6 -6
  58. package/dist/cdn/chunks/{TestEmailModal-B9SmAIKZ.js.map → TestEmailModal-DvZFnhWa.js.map} +1 -1
  59. package/dist/cdn/chunks/{TestEmailPanel-Q6alElB1.js → TestEmailPanel-BdxpMiWc.js} +2 -2
  60. package/dist/cdn/chunks/{TestEmailPanel-Q6alElB1.js.map → TestEmailPanel-BdxpMiWc.js.map} +1 -1
  61. package/dist/cdn/chunks/{TitleEditor-Tudoac5f.js → TitleEditor-CfHWnThg.js} +3 -3
  62. package/dist/cdn/chunks/{TitleEditor-Tudoac5f.js.map → TitleEditor-CfHWnThg.js.map} +1 -1
  63. package/dist/cdn/chunks/{TplModal-BNJIFnyj.js → TplModal-BMTW5bEN.js} +2 -2
  64. package/dist/cdn/chunks/{TplModal-BNJIFnyj.js.map → TplModal-BMTW5bEN.js.map} +1 -1
  65. package/dist/cdn/chunks/{VersionHistoryPanels-Crw5JA89.js → VersionHistoryPanels-2l_FLtix.js} +2 -2
  66. package/dist/cdn/chunks/{VersionHistoryPanels-Crw5JA89.js.map → VersionHistoryPanels-2l_FLtix.js.map} +1 -1
  67. package/dist/{ca-DY0AYOLG.js → cdn/chunks/ca-DZSrLNXK.js} +4 -0
  68. package/dist/cdn/chunks/ca-DZSrLNXK.js.map +1 -0
  69. package/dist/cdn/chunks/{cloud-C29LPXYn.js → cloud-CITqEHEc.js} +2 -2
  70. package/dist/cdn/chunks/{cloud-C29LPXYn.js.map → cloud-CITqEHEc.js.map} +1 -1
  71. package/dist/cdn/chunks/{createCloudRuntime-C6MJN7M6.js → createCloudRuntime-jLhuyKds.js} +4 -4
  72. package/dist/cdn/chunks/{createCloudRuntime-C6MJN7M6.js.map → createCloudRuntime-jLhuyKds.js.map} +1 -1
  73. package/dist/cdn/chunks/{de-CYLWugqb.js → de-DbayqpK-.js} +3 -1
  74. package/dist/cdn/chunks/{de-CYLWugqb.js.map → de-DbayqpK-.js.map} +1 -1
  75. package/dist/cdn/chunks/en-CwXyUb6-.js +2 -0
  76. package/dist/cdn/chunks/{en-C3TM249M.js → en-l0ib5X0f.js} +3 -1
  77. package/dist/cdn/chunks/en-l0ib5X0f.js.map +1 -0
  78. package/dist/{es-D1SF4nCR.js → cdn/chunks/es-CMQ-5PJP.js} +4 -0
  79. package/dist/cdn/chunks/es-CMQ-5PJP.js.map +1 -0
  80. package/dist/cdn/chunks/{extensions-BQefRevf.js → extensions-D30V0hzj.js} +3 -3
  81. package/dist/cdn/chunks/{extensions-BQefRevf.js.map → extensions-D30V0hzj.js.map} +1 -1
  82. package/dist/cdn/chunks/{fr-CdLhJ7kw.js → fr-DNXmZWAq.js} +3 -1
  83. package/dist/cdn/chunks/fr-DNXmZWAq.js.map +1 -0
  84. package/dist/{nl-BvsLoyKp.js → cdn/chunks/nl-BylRRHYJ.js} +4 -0
  85. package/dist/cdn/chunks/nl-BylRRHYJ.js.map +1 -0
  86. package/dist/cdn/chunks/{preRenderCustomBlocks-CbA3RcAy.js → preRenderCustomBlocks-DyCIgmqJ.js} +2 -2
  87. package/dist/cdn/chunks/{preRenderCustomBlocks-CbA3RcAy.js.map → preRenderCustomBlocks-DyCIgmqJ.js.map} +1 -1
  88. package/dist/cdn/chunks/{pt-BR-CAGS5YXp.js → pt-BR-BVoJhpie.js} +3 -1
  89. package/dist/cdn/chunks/pt-BR-BVoJhpie.js.map +1 -0
  90. package/dist/cdn/chunks/{src-fxaI2EQc.js → src-65H3RNcb.js} +3 -3
  91. package/dist/cdn/chunks/{src-fxaI2EQc.js.map → src-65H3RNcb.js.map} +1 -1
  92. package/dist/cdn/chunks/{src-Cx70q30o.js → src-6J-yyZoD.js} +2 -2
  93. package/dist/cdn/chunks/{src-Cx70q30o.js.map → src-6J-yyZoD.js.map} +1 -1
  94. package/dist/cdn/chunks/{src-B_QJduQD.js → src-BD60gqPW.js} +72 -67
  95. package/dist/cdn/chunks/src-BD60gqPW.js.map +1 -0
  96. package/dist/cdn/chunks/{src-CjSrA_o4.js → src-CLTXM4PM.js} +166 -136
  97. package/dist/cdn/chunks/src-CLTXM4PM.js.map +1 -0
  98. package/dist/cdn/chunks/{useEditorCore-o2emEjgF.js → useEditorCore-BQeEwEQ9.js} +351 -356
  99. package/dist/cdn/chunks/{useEditorCore-o2emEjgF.js.map → useEditorCore-BQeEwEQ9.js.map} +1 -1
  100. package/dist/cdn/chunks/{useMergeTag-BWt1DQS1.js → useMergeTag-lWo7So18.js} +2 -2
  101. package/dist/cdn/chunks/{useMergeTag-BWt1DQS1.js.map → useMergeTag-lWo7So18.js.map} +1 -1
  102. package/dist/cdn/editor.css +1 -1
  103. package/dist/cdn/editor.js +941 -909
  104. package/dist/cdn/editor.js.map +1 -1
  105. package/dist/{cloud-CHHQWdaR.js → cloud-DwJ8ebNl.js} +1 -1
  106. package/dist/{createCloudRuntime-WwKt9mgb.js → createCloudRuntime-CdXQdl34.js} +2 -2
  107. package/dist/{de-CYLWugqb.js → de-DbayqpK-.js} +2 -0
  108. package/dist/{dist-B1kLn1rs.js → dist-CzVIVbSa.js} +90 -85
  109. package/dist/{en-C3TM249M.js → en-l0ib5X0f.js} +2 -0
  110. package/dist/{cdn/chunks/es-D1SF4nCR.js → es-CMQ-5PJP.js} +2 -2
  111. package/dist/{extensions-B4gwZ36u.js → extensions-Bjsdx6Vm.js} +12 -12
  112. package/dist/{fr-CdLhJ7kw.js → fr-DNXmZWAq.js} +2 -0
  113. package/dist/{cdn/chunks/nl-BvsLoyKp.js → nl-BylRRHYJ.js} +2 -2
  114. package/dist/{preRenderCustomBlocks-BebjKtmw.js → preRenderCustomBlocks-2KyBJocY.js} +1 -1
  115. package/dist/{pt-BR-CAGS5YXp.js → pt-BR-BVoJhpie.js} +2 -0
  116. package/dist/style.css +1 -1
  117. package/dist/templatical-editor.js +983 -951
  118. package/dist/{useEditorCore-CJp84vJY.js → useEditorCore-Du9Vx-qr.js} +868 -873
  119. package/dist/{useMergeTag-D1Rsn4BO.js → useMergeTag-Cx36rtrt.js} +3 -3
  120. package/package.json +7 -7
  121. package/dist/cdn/chunks/NumberWithSuffix-DOG0zHvY.js.map +0 -1
  122. package/dist/cdn/chunks/ca-DY0AYOLG.js.map +0 -1
  123. package/dist/cdn/chunks/en-C3TM249M.js.map +0 -1
  124. package/dist/cdn/chunks/en-DIwntrh3.js +0 -2
  125. package/dist/cdn/chunks/es-D1SF4nCR.js.map +0 -1
  126. package/dist/cdn/chunks/fr-CdLhJ7kw.js.map +0 -1
  127. package/dist/cdn/chunks/nl-BvsLoyKp.js.map +0 -1
  128. package/dist/cdn/chunks/pt-BR-CAGS5YXp.js.map +0 -1
  129. package/dist/cdn/chunks/src-B_QJduQD.js.map +0 -1
  130. package/dist/cdn/chunks/src-CjSrA_o4.js.map +0 -1
@@ -1,38 +1,38 @@
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 ee, p as k, q as A, r as j, s as M, t as N, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-D2vo-aQI.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-o2emEjgF.js";
4
- import { _ as Be, d as Ve, g as He } from "./chunks/dist-CgR3inPR.js";
5
- import { a as Ue } from "./chunks/dist-El3fQnfk.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-BJ770Mwm.js";
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-D2vo-aQI.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, nt as ae, o as oe, r as se, x as ce } from "./chunks/src-BD60gqPW.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-BQeEwEQ9.js";
4
+ import { _ as Ve, d as He, g as Ue } from "./chunks/dist-CgR3inPR.js";
5
+ import { a as We } from "./chunks/dist-El3fQnfk.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-BJ770Mwm.js";
7
7
  import { t as q } from "./chunks/useI18n-DIhawILp.js";
8
- import { t as gt } from "./chunks/logger-ByvdoAwq.js";
9
- import { a as _t, n as vt } from "./chunks/usePopoverPosition-DkiTLnBm.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-BTdLXRXn.js";
11
- import { t as ln } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
12
- import { t as un } from "./chunks/useCloudI18n-D0AoLV0a.js";
13
- import { t as dn } from "./chunks/useMergeTag-BWt1DQS1.js";
14
- import { t as fn } from "./chunks/useAliveFlag-DrXxPV8V.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-JUwZtKaq.js";
20
- import { t as Dn } from "./chunks/useScrollToBlock-KcSAuXKz.js";
8
+ import { t as _t } from "./chunks/logger-ByvdoAwq.js";
9
+ import { a as vt, n as yt } from "./chunks/usePopoverPosition-DkiTLnBm.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-BTdLXRXn.js";
11
+ import { t as un } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
12
+ import { t as dn } from "./chunks/useCloudI18n-D0AoLV0a.js";
13
+ import { t as fn } from "./chunks/useMergeTag-lWo7So18.js";
14
+ import { t as pn } from "./chunks/useAliveFlag-DrXxPV8V.js";
15
+ import { t as mn } from "./chunks/preRenderCustomBlocks-DyCIgmqJ.js";
16
+ import { C as hn, S as gn, _ as _n, b as vn, c as yn, g as J, h as Y, l as bn, m as X, p as Z, r as xn, t as Sn, y as Cn } from "./chunks/styleConstants-C_YAPdQS.js";
17
+ import { n as wn, t as Tn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
18
+ import { t as En } from "./chunks/readableTextColor-f8Kykfnh.js";
19
+ import { t as Dn } from "./chunks/blockTypeIcons-JUwZtKaq.js";
20
+ import { t as On } from "./chunks/useScrollToBlock-KcSAuXKz.js";
21
21
  import { t as Q } from "./chunks/ColorPicker-Ww4xHHMI.js";
22
- import { n as On, r as kn } from "./chunks/MergeTagSuggestion-VP_nC-8W.js";
23
- import { i as An, n as jn, r as Mn, t as Nn } from "./chunks/NumberWithSuffix-DOG0zHvY.js";
24
- import { n as Pn, t as Fn } from "./chunks/MergeTagModeToggle-BRW3qErZ.js";
22
+ import { n as kn, r as An } from "./chunks/MergeTagSuggestion-VP_nC-8W.js";
23
+ import { i as $, n as jn, r as Mn, t as Nn } from "./chunks/FieldRow-CbcpsxZ4.js";
24
+ import { n as Pn, t as Fn } from "./chunks/MergeTagModeToggle-DZtnCj0F.js";
25
25
  import { t as In } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
26
- import { t as Ln } from "./chunks/TplModal-BNJIFnyj.js";
26
+ import { t as Ln } from "./chunks/TplModal-BMTW5bEN.js";
27
27
  //#region src/composables/useCommentsFeature.ts
28
28
  function Rn(t) {
29
- let { provider: n, editor: r } = t, i = ge({
29
+ let { provider: n, editor: r } = t, i = _e({
30
30
  provider: n,
31
31
  getTemplateId: () => r.state.template?.id ?? null,
32
32
  getUser: () => t.user ?? null,
33
33
  onError: t.onError
34
34
  });
35
- me({
35
+ he({
36
36
  comments: i,
37
37
  provider: n,
38
38
  getTemplateId: () => r.state.template?.id ?? null
@@ -86,7 +86,7 @@ function Rn(t) {
86
86
  //#endregion
87
87
  //#region src/composables/useSavedBlocksFeature.ts
88
88
  function zn(t) {
89
- let { provider: n, editor: r } = t, i = pe({
89
+ let { provider: n, editor: r } = t, i = me({
90
90
  provider: n,
91
91
  onError: t.onError
92
92
  }), a = l(!1), o = l(!1), s = l(!1), u = l(/* @__PURE__ */ new Set()), d = b(() => s.value), f = b(() => u.value.size);
@@ -121,7 +121,7 @@ function zn(t) {
121
121
  }
122
122
  function S(e, t) {
123
123
  for (let n = 0; n < e.content.length; n++) {
124
- let i = se(e.content[n]), a = t === void 0 ? void 0 : t + n;
124
+ let i = ce(e.content[n]), a = t === void 0 ? void 0 : t + n;
125
125
  r.addBlock(i, void 0, void 0, a);
126
126
  }
127
127
  o.value = !1;
@@ -130,7 +130,7 @@ function zn(t) {
130
130
  i.load().catch(() => {});
131
131
  }
132
132
  let w = b(() => i.savedBlocks.value.length), T = b(() => t.isAvailable?.() ?? !0);
133
- return c(Je, i), {
133
+ return c(Ye, i), {
134
134
  headless: i,
135
135
  isPicking: d,
136
136
  pickedIds: u,
@@ -169,7 +169,7 @@ function zn(t) {
169
169
  //#region src/composables/useTemplatesFeature.ts
170
170
  var Bn = 3e3;
171
171
  function Vn(e) {
172
- let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Be(() => {
172
+ let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Ve(() => {
173
173
  r.value = "idle";
174
174
  }, Bn, { 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(() => {
175
175
  let e = n.state.template;
@@ -243,7 +243,7 @@ function Vn(e) {
243
243
  let t = e.trim();
244
244
  t && t !== n.state.template?.name && (n.setName(t), w("rename"));
245
245
  }
246
- return e.guardUnsavedChanges !== !1 && Ue(window, "beforeunload", (e) => {
246
+ return e.guardUnsavedChanges !== !1 && We(window, "beforeunload", (e) => {
247
247
  n.state.isDirty && (e.preventDefault(), e.returnValue = "");
248
248
  }), {
249
249
  save: _,
@@ -280,7 +280,7 @@ function Vn(e) {
280
280
  //#region src/utils/toMjml.ts
281
281
  async function Hn() {
282
282
  try {
283
- return await import("./chunks/src-CjSrA_o4.js");
283
+ return await import("./chunks/src-CLTXM4PM.js");
284
284
  } catch {
285
285
  return null;
286
286
  }
@@ -327,7 +327,7 @@ function Kn(e) {
327
327
  return await e.renderMjml();
328
328
  } catch (e) {
329
329
  if (await Hn() === null) {
330
- 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`."));
330
+ 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`."));
331
331
  return;
332
332
  }
333
333
  throw e;
@@ -386,7 +386,7 @@ function Kn(e) {
386
386
  //#endregion
387
387
  //#region src/composables/useVersionHistoryFeature.ts
388
388
  function qn(e) {
389
- let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = de({
389
+ let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = fe({
390
390
  provider: t,
391
391
  getTemplateId: () => n.state.template?.id ?? null,
392
392
  onError: e.onError
@@ -420,7 +420,7 @@ function qn(e) {
420
420
  u.value = !0;
421
421
  return;
422
422
  }
423
- await A();
423
+ await j();
424
424
  }
425
425
  }
426
426
  async function O() {
@@ -437,29 +437,29 @@ function qn(e) {
437
437
  } finally {
438
438
  f || (d.value = !1);
439
439
  }
440
- f || await A();
440
+ f || await j();
441
441
  }
442
442
  }
443
- async function ee() {
444
- w.value || await A();
443
+ async function k() {
444
+ w.value || await j();
445
445
  }
446
- function k() {
446
+ function A() {
447
447
  u.value = !1;
448
448
  }
449
- async function A() {
449
+ async function j() {
450
450
  if (s.value) try {
451
451
  let e = await o.restore(s.value.id);
452
- if (f || (j(e.content), await o.load(), f)) return;
452
+ if (f || (M(e.content), await o.load(), f)) return;
453
453
  } catch (e) {
454
454
  throw !f && c.value && n.setContent(c.value, !1), e;
455
455
  } finally {
456
456
  f || (s.value = null, c.value = null, u.value = !1, a?.resume());
457
457
  }
458
458
  }
459
- function j(e) {
459
+ function M(e) {
460
460
  n.setContent(e, !1), r.clear(), i.reset();
461
461
  }
462
- function M() {
462
+ function N() {
463
463
  !s.value || !c.value || (n.setContent(c.value, !1), s.value = null, c.value = null, u.value = !1, a?.resume());
464
464
  }
465
465
  return {
@@ -480,10 +480,10 @@ function qn(e) {
480
480
  navigate: E,
481
481
  requestRestore: D,
482
482
  saveAndRestore: O,
483
- discardAndRestore: ee,
484
- cancelRestoreConfirm: k,
485
- confirmRestore: A,
486
- cancelPreview: M,
483
+ discardAndRestore: k,
484
+ cancelRestoreConfirm: A,
485
+ confirmRestore: j,
486
+ cancelPreview: N,
487
487
  capability: {
488
488
  refresh: T,
489
489
  isPreviewing: S,
@@ -517,7 +517,7 @@ function Xn(e) {
517
517
  }
518
518
  async function Zn(e) {
519
519
  let t = G(e.getContent());
520
- return await pn(t, { renderCustomBlock: e.renderCustomBlock }), {
520
+ return await mn(t, { renderCustomBlock: e.renderCustomBlock }), {
521
521
  content: t,
522
522
  fonts: e.getFonts()
523
523
  };
@@ -559,7 +559,7 @@ function er(e, t, n) {
559
559
  }), o = a.exec(e);
560
560
  }
561
561
  };
562
- 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);
562
+ return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) => oe(e, t)), r.sort((e, t) => e.start - t.start);
563
563
  }
564
564
  function tr(e) {
565
565
  let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
@@ -671,7 +671,7 @@ var cr = ["aria-label"], lr = {
671
671
  }, vr = { class: "tpl:relative" }, yr = {
672
672
  class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
673
673
  style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
674
- }, br = /*#__PURE__*/ ln(/* @__PURE__ */ d({
674
+ }, br = /*#__PURE__*/ un(/* @__PURE__ */ d({
675
675
  __name: "Canvas",
676
676
  props: {
677
677
  viewport: {},
@@ -688,22 +688,22 @@ var cr = ["aria-label"], lr = {
688
688
  ],
689
689
  setup(e, { emit: i }) {
690
690
  let a = {
691
- section: Fe,
692
- title: xe,
693
- paragraph: Ne,
694
- image: Te,
695
- button: he,
696
- divider: Le,
697
- spacer: Ee,
698
- html: ve,
699
- social: ye,
700
- menu: Ae,
701
- table: Pe,
702
- video: je,
703
- custom: ze
704
- }, 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);
705
- c(Ze, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
706
- let ee = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("chat") ?? !1)), A = b(() => (w.plan?.hasFeature("ai_generation") ?? !1) && (w.ai?.isFeatureEnabled("designToTemplate") ?? !1)), j = t(dt, null), I = b({
691
+ section: Ie,
692
+ title: Se,
693
+ paragraph: Pe,
694
+ image: Ee,
695
+ button: ge,
696
+ divider: Re,
697
+ spacer: De,
698
+ html: ye,
699
+ social: be,
700
+ menu: je,
701
+ table: Fe,
702
+ video: Me,
703
+ custom: Be
704
+ }, o = e, d = i, { t: p } = q(), { 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);
705
+ c(Qe, b(() => o.previewMode && (T?.value ?? !1) && !O?.isConfigured));
706
+ 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({
707
707
  get: () => o.content.blocks,
708
708
  set: (e) => {
709
709
  h.setContent({
@@ -711,7 +711,7 @@ var cr = ["aria-label"], lr = {
711
711
  blocks: e
712
712
  });
713
713
  }
714
- }), 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);
714
+ }), L = b(() => wn(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);
715
715
  function W() {
716
716
  V.value && (H.value += 1);
717
717
  }
@@ -725,7 +725,7 @@ var cr = ["aria-label"], lr = {
725
725
  o.previewMode || w.savedBlocks?.isPicking.value || e.target === e.currentTarget && d("select-block", null);
726
726
  }
727
727
  function re(e) {
728
- return Ce(e, C, a);
728
+ return we(e, C, a);
729
729
  }
730
730
  function K(e) {
731
731
  return o.lockedBlocks?.get(e) ?? null;
@@ -754,36 +754,36 @@ var cr = ["aria-label"], lr = {
754
754
  style: E({
755
755
  width: `${z.value}px`,
756
756
  boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
757
- transition: g(wn)
757
+ transition: g(Tn)
758
758
  })
759
- }, [k("div", {
759
+ }, [A("div", {
760
760
  class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
761
761
  style: E({
762
762
  backgroundColor: e.content.settings.backgroundColor,
763
763
  ...e.darkMode ? { filter: "invert(1) hue-rotate(180deg)" } : {},
764
764
  transition: "filter 300ms ease"
765
765
  })
766
- }, null, 4), k("div", {
766
+ }, null, 4), A("div", {
767
767
  "data-testid": "canvas-wrapper",
768
768
  role: "region",
769
769
  "aria-label": g(p).landmarks.canvas,
770
770
  class: "tpl-canvas-wrapper tpl:relative",
771
771
  style: E({
772
772
  width: `${L.value}px`,
773
- transition: g(wn)
773
+ transition: g(Tn)
774
774
  })
775
- }, [k("div", {
775
+ }, [A("div", {
776
776
  class: y(["tpl-canvas tpl:relative tpl:rounded-lg", {
777
777
  "tpl-canvas--dark-mode": e.darkMode,
778
778
  "tpl-preview-mode": e.previewMode
779
779
  }]),
780
780
  style: E(B.value),
781
781
  onClick: ne
782
- }, [g(O)?.isInitialResolve.value ? (s(), x("div", lr, [k("span", ur, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => k("div", {
782
+ }, [g(O)?.isInitialResolve.value ? (s(), x("div", lr, [A("span", ur, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
783
783
  key: e,
784
784
  "aria-hidden": "true",
785
785
  class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
786
- })), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", dr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(N), {
786
+ })), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", dr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
787
787
  modelValue: I.value,
788
788
  "onUpdate:modelValue": i[2] ||= (e) => I.value = e,
789
789
  group: "blocks",
@@ -807,29 +807,29 @@ var cr = ["aria-label"], lr = {
807
807
  onDrop: te
808
808
  }, {
809
809
  default: r(() => [V.value ? (s(), x("div", fr, [
810
- k("div", pr, [_(g(Ft), {
810
+ A("div", pr, [_(g(It), {
811
811
  size: 48,
812
812
  "stroke-width": 1
813
813
  })]),
814
- k("p", mr, F(g(p).canvas.noBlocks), 1),
815
- k("p", hr, F(g(p).canvas.dragHint), 1),
816
- ee.value && g(m) ? (s(), x("p", gr, [
814
+ A("p", mr, F(g(p).canvas.noBlocks), 1),
815
+ A("p", hr, F(g(p).canvas.dragHint), 1),
816
+ k.value && g(m) ? (s(), x("p", gr, [
817
817
  R(F(g(p).canvas.aiHintChat) + " ", 1),
818
- k("button", {
818
+ A("button", {
819
819
  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)]",
820
820
  onClick: i[0] ||= (e) => d("open-ai-chat")
821
- }, [_(g(St), {
821
+ }, [_(g(Ct), {
822
822
  size: 14,
823
823
  "stroke-width": 2
824
824
  }), R(" " + F(g(m).aiMenu.aiAssistant), 1)]),
825
825
  R(" " + F(g(p).canvas.aiHintChatSuffix), 1)
826
826
  ])) : S("", !0),
827
- A.value && g(m) ? (s(), x("p", _r, [
827
+ j.value && g(m) ? (s(), x("p", _r, [
828
828
  R(F(g(p).canvas.aiHintDesign) + " ", 1),
829
- k("button", {
829
+ A("button", {
830
830
  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)]",
831
831
  onClick: i[1] ||= (e) => d("open-design-reference")
832
- }, [_(g($t), {
832
+ }, [_(g(en), {
833
833
  size: 14,
834
834
  "stroke-width": 2
835
835
  }), R(" " + F(g(m).aiMenu.designToTemplate), 1)]),
@@ -838,20 +838,20 @@ var cr = ["aria-label"], lr = {
838
838
  ])) : S("", !0), (s(!0), x(P, null, n(I.value, (t) => f((s(), x("div", {
839
839
  key: t.id,
840
840
  class: "tpl-block-item"
841
- }, [k("div", vr, [K(t.id) ? (s(), x("div", {
841
+ }, [A("div", vr, [K(t.id) ? (s(), x("div", {
842
842
  key: 0,
843
843
  class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
844
844
  style: E({
845
845
  outline: `2px solid ${K(t.id).color}`,
846
846
  outlineOffset: "-1px"
847
847
  })
848
- }, [k("span", {
848
+ }, [A("span", {
849
849
  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",
850
850
  style: E({
851
851
  backgroundColor: K(t.id).color,
852
- color: g(Tn)(K(t.id).color)
852
+ color: g(En)(K(t.id).color)
853
853
  })
854
- }, [k("span", yr, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(ke, {
854
+ }, [A("span", yr, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(Ae, {
855
855
  block: t,
856
856
  "is-selected": !e.previewMode && !oe.value && e.selectedBlockId === t.id && !K(t.id),
857
857
  picked: ae(t.id),
@@ -878,18 +878,18 @@ var cr = ["aria-label"], lr = {
878
878
  "viewport",
879
879
  "preview-mode",
880
880
  "onSelect"
881
- ])])])), [[M, g(j) === !1 || !g(v)?.isHidden(t.id)]])), 128))]),
881
+ ])])])), [[N, g(M) === !1 || !g(v)?.isHidden(t.id)]])), 128))]),
882
882
  _: 1
883
883
  }, 8, [
884
884
  "modelValue",
885
885
  "disabled",
886
886
  "class"
887
- ]), [[M, !g(O)?.isInitialResolve.value]])], 6)], 12, cr)], 4));
887
+ ]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, cr)], 4));
888
888
  }
889
889
  }), [["__scopeId", "data-v-9bb8b409"]]), xr = d({
890
890
  name: "CustomBlockStylesheets",
891
891
  setup() {
892
- let e = t(ut, null);
892
+ let e = t(dt, null);
893
893
  return () => e ? e.value.map((e, t) => I("style", {
894
894
  key: t,
895
895
  "data-tpl-custom-block-stylesheet": "",
@@ -953,7 +953,7 @@ var wr = ["aria-label"], Tr = {
953
953
  }, jr = /* @__PURE__ */ d({
954
954
  __name: "Sidebar",
955
955
  setup(i) {
956
- 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);
956
+ let { t: a, format: o } = q(), c = t(it, []), d = t(Xe, void 0), f = t(ut, void 0), p = t(at, null), m = On(), h = t(nt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
957
957
  function T() {
958
958
  try {
959
959
  return w.value?.querySelector(":focus-visible") != null;
@@ -964,16 +964,16 @@ var wr = ["aria-label"], Tr = {
964
964
  function O() {
965
965
  C.value || T() || (y.value = !1);
966
966
  }
967
- function ee() {
967
+ function k() {
968
968
  C.value = !0;
969
969
  }
970
- function A() {
970
+ function j() {
971
971
  C.value = !1;
972
972
  }
973
- function j() {
973
+ function M() {
974
974
  C.value = !1, y.value = !1;
975
975
  }
976
- let M = [
976
+ let N = [
977
977
  "section",
978
978
  "image",
979
979
  "title",
@@ -987,13 +987,13 @@ var wr = ["aria-label"], Tr = {
987
987
  "spacer",
988
988
  "html"
989
989
  ], I = b(() => {
990
- let e = M.map((e) => ({
990
+ let e = N.map((e) => ({
991
991
  type: e,
992
- label: De(e, a)
992
+ label: Oe(e, a)
993
993
  }));
994
994
  return h.plan && e.splice(-1, 0, {
995
995
  type: "countdown",
996
- label: De("countdown", a)
996
+ label: Oe("countdown", a)
997
997
  }), e;
998
998
  }), L = b(() => c.map((e) => ({
999
999
  type: `custom:${e.type}`,
@@ -1002,7 +1002,7 @@ var wr = ["aria-label"], Tr = {
1002
1002
  icon: e.icon
1003
1003
  }))), R = b(() => [...I.value, ...L.value]), z = b(() => Sr(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
1004
1004
  e(() => z.value.unknown, (e) => {
1005
- 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.`));
1005
+ for (let t of e) V.has(t) || (V.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.`));
1006
1006
  }, { immediate: !0 });
1007
1007
  function W(e) {
1008
1008
  if (e.isCustom) {
@@ -1040,17 +1040,17 @@ var wr = ["aria-label"], Tr = {
1040
1040
  onMouseleave: O,
1041
1041
  onFocusin: t[2] ||= (e) => y.value = !0,
1042
1042
  onFocusout: t[3] ||= (e) => y.value = !1
1043
- }, [v.value ? (s(), x("div", Tr, [k("button", {
1043
+ }, [v.value ? (s(), x("div", Tr, [A("button", {
1044
1044
  type: "button",
1045
1045
  "aria-label": g(a).sidebarNav.browseSavedBlocks,
1046
1046
  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)]",
1047
1047
  style: E({ justifyContent: y.value ? "flex-start" : "center" }),
1048
1048
  onClick: t[0] ||= (e) => g(h).savedBlocks?.openBrowser()
1049
- }, [_(g(Rt), {
1049
+ }, [_(g(zt), {
1050
1050
  size: 20,
1051
1051
  "stroke-width": 1.5,
1052
1052
  class: "tpl:shrink-0"
1053
- }), y.value ? (s(), x("span", Dr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Er)])) : S("", !0), _(g(N), {
1053
+ }), y.value ? (s(), x("span", Dr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Er)])) : S("", !0), _(g(ee), {
1054
1054
  "model-value": B.value,
1055
1055
  group: {
1056
1056
  name: "blocks",
@@ -1062,9 +1062,9 @@ var wr = ["aria-label"], Tr = {
1062
1062
  animation: 150,
1063
1063
  "force-fallback": !0,
1064
1064
  class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:gap-0.5 tpl:overflow-y-auto tpl:p-1",
1065
- onChoose: ee,
1066
- onUnchoose: A,
1067
- onEnd: j
1065
+ onChoose: k,
1066
+ onUnchoose: j,
1067
+ onEnd: M
1068
1068
  }, {
1069
1069
  default: r(() => [(s(!0), x(P, null, n(B.value, (e) => (s(), x("button", {
1070
1070
  key: e.type,
@@ -1075,11 +1075,11 @@ var wr = ["aria-label"], Tr = {
1075
1075
  style: E({ justifyContent: y.value ? "flex-start" : "center" }),
1076
1076
  onClick: (t) => G(e),
1077
1077
  onKeydown: (t) => te(t, e)
1078
- }, [k("div", kr, [g(En)[e.type] ? (s(), D(u(g(En)[e.type]), {
1078
+ }, [A("div", kr, [g(Dn)[e.type] ? (s(), D(u(g(Dn)[e.type]), {
1079
1079
  key: 0,
1080
1080
  size: 20,
1081
1081
  "stroke-width": 1.5
1082
- })) : e.isCustom ? (s(), D(ue, {
1082
+ })) : e.isCustom ? (s(), D(de, {
1083
1083
  key: 1,
1084
1084
  icon: e.icon,
1085
1085
  size: 20
@@ -1147,7 +1147,7 @@ var Ir = /* @__PURE__ */ new Set([
1147
1147
  "End"
1148
1148
  ]);
1149
1149
  function Lr(e) {
1150
- 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 = (A(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = vt(), _ = On(h, g), v = !1;
1150
+ 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($e, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = yt(), _ = kn(h, g), v = !1;
1151
1151
  a() && m(() => {
1152
1152
  v = !0, _.close();
1153
1153
  });
@@ -1175,7 +1175,7 @@ function Lr(e) {
1175
1175
  _.close();
1176
1176
  return;
1177
1177
  }
1178
- let r = kn(o, t.query), i = () => Fr(e, t.triggerStart), a = (n) => b(e, t, n);
1178
+ let r = An(o, t.query), i = () => Fr(e, t.triggerStart), a = (n) => b(e, t, n);
1179
1179
  _.isOpen() ? _.update({
1180
1180
  items: r,
1181
1181
  getRect: i,
@@ -1201,7 +1201,7 @@ function Lr(e) {
1201
1201
  //#endregion
1202
1202
  //#region src/composables/useMergeTagField.ts
1203
1203
  function Rr(e) {
1204
- 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;
1204
+ 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;
1205
1205
  a() && m(() => {
1206
1206
  x = !0;
1207
1207
  });
@@ -1256,23 +1256,23 @@ function Rr(e) {
1256
1256
  function O(e) {
1257
1257
  n(e.target.value), S.refresh();
1258
1258
  }
1259
- function ee(e) {
1259
+ function k(e) {
1260
1260
  if (S.handleKeydown(e)) {
1261
1261
  e.preventDefault();
1262
1262
  return;
1263
1263
  }
1264
1264
  e.key === "Escape" && D();
1265
1265
  }
1266
- function k() {
1266
+ function A() {
1267
1267
  S.refresh();
1268
1268
  }
1269
- function A() {
1269
+ function j() {
1270
1270
  S.close(), D();
1271
1271
  }
1272
- function j() {
1272
+ function M() {
1273
1273
  n("");
1274
1274
  }
1275
- async function M() {
1275
+ async function N() {
1276
1276
  let e = v.value && r.value ? r.value.selectionStart ?? t().length : t().length;
1277
1277
  y = !0;
1278
1278
  let i;
@@ -1290,7 +1290,7 @@ function Rr(e) {
1290
1290
  });
1291
1291
  }
1292
1292
  }
1293
- async function N() {
1293
+ async function ee() {
1294
1294
  let e = r.value, i = e?.selectionStart ?? t().length, a = e?.selectionEnd ?? i;
1295
1295
  y = !0;
1296
1296
  let o;
@@ -1316,12 +1316,12 @@ function Rr(e) {
1316
1316
  startEditing: E,
1317
1317
  stopEditing: D,
1318
1318
  handleInput: O,
1319
- handleKeydown: ee,
1320
- handleClick: k,
1321
- handleBlur: A,
1322
- clearValue: j,
1323
- insertMergeTag: M,
1324
- insertLogicTag: N,
1319
+ handleKeydown: k,
1320
+ handleClick: A,
1321
+ handleBlur: j,
1322
+ clearValue: M,
1323
+ insertMergeTag: N,
1324
+ insertLogicTag: ee,
1325
1325
  autocompleteAvailable: S.available
1326
1326
  };
1327
1327
  }
@@ -1367,13 +1367,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1367
1367
  border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
1368
1368
  color: "var(--tpl-primary)"
1369
1369
  }
1370
- }, F(e.keyword), 9, Vr)) : (s(), x("span", Hr, F(e.value), 1))], 64))), 128)), k("button", {
1370
+ }, F(e.keyword), 9, Vr)) : (s(), x("span", Hr, F(e.value), 1))], 64))), 128)), A("button", {
1371
1371
  type: "button",
1372
1372
  class: "tpl:ml-auto tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-dim)] tpl:opacity-60 tpl:transition-all tpl:hover:text-[var(--tpl-danger)] tpl:hover:opacity-100",
1373
1373
  "aria-label": g(i).mergeTag.remove,
1374
1374
  title: g(i).mergeTag.remove,
1375
1375
  onClick: o[0] ||= T((e) => r("clear"), ["stop"])
1376
- }, [_(g(Zt), {
1376
+ }, [_(g(Qt), {
1377
1377
  size: 12,
1378
1378
  "stroke-width": 2.5
1379
1379
  })], 8, Ur)], 42, zr));
@@ -1396,7 +1396,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1396
1396
  disabled: e.disabled,
1397
1397
  onMousedown: r[0] ||= T(() => {}, ["prevent"]),
1398
1398
  onClick: r[1] ||= (e) => n.$emit("insert")
1399
- }, [_(g(Mt), {
1399
+ }, [_(g(Nt), {
1400
1400
  size: 12,
1401
1401
  "stroke-width": 2
1402
1402
  }), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Gr));
@@ -1420,7 +1420,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1420
1420
  "data-testid": "field-insert-logic-button",
1421
1421
  onMousedown: r[0] ||= T(() => {}, ["prevent"]),
1422
1422
  onClick: r[1] ||= (e) => n.$emit("insert")
1423
- }, [_(g(Pt), {
1423
+ }, [_(g(Ft), {
1424
1424
  size: 12,
1425
1425
  "stroke-width": 2
1426
1426
  }), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Jr));
@@ -1466,7 +1466,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1466
1466
  key: 1,
1467
1467
  disabled: g(f),
1468
1468
  onInsert: g(E)
1469
- }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", $r, [k("textarea", {
1469
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", $r, [A("textarea", {
1470
1470
  ref_key: "textareaRef",
1471
1471
  ref: i,
1472
1472
  class: y(ni),
@@ -1495,7 +1495,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1495
1495
  props: { settings: {} },
1496
1496
  emits: ["update"],
1497
1497
  setup(e, { emit: t }) {
1498
- 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 = [
1498
+ let r = e, i = t, { t: a } = q(), 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 = [
1499
1499
  {
1500
1500
  value: 480,
1501
1501
  label: "480px"
@@ -1513,14 +1513,14 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1513
1513
  label: "800px"
1514
1514
  }
1515
1515
  ];
1516
- return (t, r) => (s(), x("aside", ai, [k("div", oi, [
1517
- k("div", { class: y(g(yn)) }, [
1518
- k("div", si, [_(g(on), {
1516
+ return (t, r) => (s(), x("aside", ai, [A("div", oi, [
1517
+ A("div", { class: y(g(bn)) }, [
1518
+ A("div", si, [_(g(sn), {
1519
1519
  class: "tpl:text-[var(--tpl-text-muted)]",
1520
1520
  size: 14,
1521
1521
  "stroke-width": 2
1522
- }), k("span", null, F(g(a).templateSettings.layout), 1)]),
1523
- k("div", ci, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), k("div", li, [(s(), x(P, null, n(u, (t) => k("button", {
1522
+ }), A("span", null, F(g(a).templateSettings.layout), 1)]),
1523
+ A("div", ci, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", li, [(s(), x(P, null, n(u, (t) => A("button", {
1524
1524
  key: t.value,
1525
1525
  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)]",
1526
1526
  style: E({
@@ -1530,43 +1530,43 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1530
1530
  }),
1531
1531
  onClick: (e) => i("update", { width: t.value })
1532
1532
  }, F(t.label), 13, ui)), 64))])]),
1533
- k("div", null, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), k("div", di, [k("input", {
1533
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", di, [A("input", {
1534
1534
  type: "number",
1535
1535
  class: y(g(X)),
1536
1536
  value: e.settings.width,
1537
1537
  min: "300",
1538
1538
  max: "900",
1539
1539
  onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
1540
- }, null, 42, fi), k("span", { class: y(g(Y)) }, "px", 2)])])
1540
+ }, null, 42, fi), A("span", { class: y(g(Y)) }, "px", 2)])])
1541
1541
  ], 2),
1542
- k("div", { class: y(g(yn)) }, [
1543
- k("div", pi, [_(g(bt), {
1542
+ A("div", { class: y(g(bn)) }, [
1543
+ A("div", pi, [_(g(xt), {
1544
1544
  class: "tpl:text-[var(--tpl-text-muted)]",
1545
1545
  size: 14,
1546
1546
  "stroke-width": 2
1547
- }), k("span", null, F(g(a).templateSettings.appearance), 1)]),
1548
- k("div", mi, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
1547
+ }), A("span", null, F(g(a).templateSettings.appearance), 1)]),
1548
+ A("div", mi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
1549
1549
  "model-value": e.settings.backgroundColor,
1550
- placeholder: g(xn),
1550
+ placeholder: g(Sn),
1551
1551
  "onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
1552
1552
  }, null, 8, ["model-value", "placeholder"])]),
1553
- k("div", hi, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
1553
+ A("div", hi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
1554
1554
  "model-value": e.settings.textColor ?? "",
1555
1555
  "seed-color": "#1a1a1a",
1556
1556
  "onUpdate:modelValue": r[2] ||= (e) => i("update", { textColor: e })
1557
1557
  }, null, 8, ["model-value"])]),
1558
- k("div", gi, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
1558
+ A("div", gi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
1559
1559
  "model-value": e.settings.linkColor ?? "",
1560
1560
  "seed-color": "#0066cc",
1561
1561
  "onUpdate:modelValue": r[3] ||= (e) => i("update", { linkColor: e || void 0 })
1562
1562
  }, null, 8, ["model-value"])]),
1563
- k("div", _i, [_(An, {
1563
+ A("div", _i, [_($, {
1564
1564
  class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
1565
1565
  "model-value": e.settings.linkUnderline,
1566
1566
  label: g(a).templateSettings.linkUnderline,
1567
1567
  "onUpdate:modelValue": r[4] ||= (e) => i("update", { linkUnderline: e })
1568
1568
  }, null, 8, ["model-value", "label"])]),
1569
- k("div", null, [k("label", { class: y(g(J)) }, F(g(a).templateSettings.fontFamily), 3), k("select", {
1569
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.fontFamily), 3), A("select", {
1570
1570
  class: y(g(Z)),
1571
1571
  value: l.value,
1572
1572
  onChange: r[5] ||= (e) => i("update", { fontFamily: e.target.value })
@@ -1575,13 +1575,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1575
1575
  value: e.value
1576
1576
  }, F(e.label), 9, yi))), 128))], 42, vi)])
1577
1577
  ], 2),
1578
- k("div", { class: y(g(yn)) }, [k("div", bi, [_(g(Bt), {
1578
+ A("div", { class: y(g(bn)) }, [A("div", bi, [_(g(Vt), {
1579
1579
  class: "tpl:text-[var(--tpl-text-muted)]",
1580
1580
  size: 14,
1581
1581
  "stroke-width": 2
1582
- }), k("span", null, F(g(a).templateSettings.language), 1)]), k("div", null, [
1583
- k("label", { class: y(g(J)) }, F(g(a).templateSettings.contentLocale), 3),
1584
- k("input", {
1582
+ }), A("span", null, F(g(a).templateSettings.language), 1)]), A("div", null, [
1583
+ A("label", { class: y(g(J)) }, F(g(a).templateSettings.contentLocale), 3),
1584
+ A("input", {
1585
1585
  type: "text",
1586
1586
  class: y(g(Z)),
1587
1587
  value: e.settings.locale ?? "",
@@ -1591,25 +1591,25 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1591
1591
  autocomplete: "off",
1592
1592
  onInput: r[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
1593
1593
  }, null, 42, xi),
1594
- k("p", Si, F(g(a).templateSettings.contentLocaleHint), 1)
1594
+ A("p", Si, F(g(a).templateSettings.contentLocaleHint), 1)
1595
1595
  ])], 2),
1596
- k("div", { class: y(g(yn)) }, [k("div", Ci, [_(g(sn), {
1596
+ A("div", { class: y(g(bn)) }, [A("div", Ci, [_(g(cn), {
1597
1597
  class: "tpl:text-[var(--tpl-text-muted)]",
1598
1598
  size: 14,
1599
1599
  "stroke-width": 2
1600
- }), k("span", null, F(g(a).templateSettings.preheaderText), 1)]), k("div", null, [_(ii, {
1600
+ }), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ii, {
1601
1601
  "model-value": e.settings.preheaderText ?? "",
1602
1602
  placeholder: g(a).templateSettings.preheaderTextPlaceholder,
1603
1603
  rows: 2,
1604
1604
  "onUpdate:modelValue": r[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
1605
- }, null, 8, ["model-value", "placeholder"]), k("div", wi, [k("span", Ti, F(g(a).templateSettings.preheaderTextHint), 1), k("span", Ei, F((e.settings.preheaderText ?? "").length) + "/" + F(Ni), 1)])])], 2),
1606
- k("div", Di, [k("div", Oi, [_(g(Ut), {
1605
+ }, null, 8, ["model-value", "placeholder"]), A("div", wi, [A("span", Ti, F(g(a).templateSettings.preheaderTextHint), 1), A("span", Ei, F((e.settings.preheaderText ?? "").length) + "/" + F(Ni), 1)])])], 2),
1606
+ A("div", Di, [A("div", Oi, [_(g(Wt), {
1607
1607
  size: 14,
1608
1608
  "stroke-width": 2
1609
- }), k("span", null, F(g(a).templateSettings.tips), 1)]), k("ul", ki, [
1610
- k("li", Ai, F(g(a).templateSettings.tip1), 1),
1611
- k("li", ji, F(g(a).templateSettings.tip2), 1),
1612
- k("li", Mi, F(g(a).templateSettings.tip3), 1)
1609
+ }), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", ki, [
1610
+ A("li", Ai, F(g(a).templateSettings.tip1), 1),
1611
+ A("li", ji, F(g(a).templateSettings.tip2), 1),
1612
+ A("li", Mi, F(g(a).templateSettings.tip3), 1)
1613
1613
  ])])
1614
1614
  ])]));
1615
1615
  }
@@ -1623,7 +1623,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1623
1623
  ], zi = {
1624
1624
  key: 0,
1625
1625
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1626
- }, Bi = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", $ = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1626
+ }, Bi = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", Vi = /*#__PURE__*/ un(/* @__PURE__ */ d({
1627
1627
  __name: "MergeTagInput",
1628
1628
  props: {
1629
1629
  modelValue: {},
@@ -1660,7 +1660,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1660
1660
  key: 1,
1661
1661
  disabled: g(f),
1662
1662
  onInsert: g(E)
1663
- }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Li, [k("input", {
1663
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Li, [A("input", {
1664
1664
  ref_key: "inputRef",
1665
1665
  ref: i,
1666
1666
  type: e.type,
@@ -1681,10 +1681,10 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1681
1681
  onInsert: g(E)
1682
1682
  }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
1683
1683
  }
1684
- }), [["__scopeId", "data-v-c289916a"]]), Vi = { class: "tpl:mb-3.5" }, Hi = ["value"], Ui = { value: "" }, Wi = ["value"], Gi = { class: "tpl:mb-3.5" }, Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Xi = { class: "tpl:mb-3.5" }, Zi = { class: "tpl:flex tpl:items-stretch" }, Qi = ["value"], $i = { class: "tpl:mb-3.5" }, ea = { class: "tpl:flex tpl:items-stretch" }, ta = ["value"], na = { class: "tpl:mb-3.5" }, ra = ["value"], ia = { value: "auto" }, aa = { value: "full" }, oa = { value: "custom" }, sa = {
1684
+ }), [["__scopeId", "data-v-c289916a"]]), Hi = { class: "tpl:mb-3.5" }, Ui = ["value"], Wi = { value: "" }, Gi = ["value"], Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:mb-3.5" }, Xi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:flex tpl:items-stretch" }, $i = ["value"], ea = { class: "tpl:mb-3.5" }, ta = { class: "tpl:flex tpl:items-stretch" }, na = ["value"], ra = { class: "tpl:mb-3.5" }, ia = ["value"], aa = { value: "auto" }, oa = { value: "full" }, sa = { value: "custom" }, ca = {
1685
1685
  key: 0,
1686
1686
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
1687
- }, ca = ["value"], la = { class: "tpl:mb-3.5" }, ua = 200, da = /* @__PURE__ */ d({
1687
+ }, la = ["value"], ua = { class: "tpl:mb-3.5" }, da = 200, fa = /* @__PURE__ */ d({
1688
1688
  __name: "ButtonToolbar",
1689
1689
  props: {
1690
1690
  block: {},
@@ -1702,7 +1702,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1702
1702
  return;
1703
1703
  }
1704
1704
  if (e === "custom") {
1705
- c("width", typeof r.block.width == "number" ? r.block.width : ua);
1705
+ c("width", typeof r.block.width == "number" ? r.block.width : da);
1706
1706
  return;
1707
1707
  }
1708
1708
  c("width", void 0);
@@ -1712,28 +1712,28 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1712
1712
  !Number.isFinite(t) || t <= 0 || c("width", t);
1713
1713
  }
1714
1714
  return (t, r) => (s(), x(P, null, [
1715
- k("div", Vi, [k("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), k("select", {
1715
+ A("div", Hi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
1716
1716
  class: y(g(Z)),
1717
1717
  value: e.block.fontFamily || "",
1718
1718
  onChange: r[0] ||= (e) => c("fontFamily", e.target.value || void 0)
1719
- }, [k("option", Ui, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1719
+ }, [A("option", Wi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1720
1720
  key: e.value,
1721
1721
  value: e.value
1722
- }, F(e.label), 9, Wi))), 128))], 42, Hi)]),
1723
- k("div", Gi, [k("label", { class: y(g(J)) }, F(g(a).button.text), 3), _($, {
1722
+ }, F(e.label), 9, Gi))), 128))], 42, Ui)]),
1723
+ A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(Vi, {
1724
1724
  "model-value": e.block.text,
1725
1725
  type: "text",
1726
1726
  "onUpdate:modelValue": r[1] ||= (e) => c("text", e)
1727
1727
  }, null, 8, ["model-value"])]),
1728
- k("div", Ki, [
1729
- k("label", { class: y(g(J)) }, F(g(a).button.url), 3),
1730
- _($, {
1728
+ A("div", qi, [
1729
+ A("label", { class: y(g(J)) }, F(g(a).button.url), 3),
1730
+ _(Vi, {
1731
1731
  "model-value": e.block.url,
1732
1732
  type: "url",
1733
1733
  placeholder: g(a).button.urlPlaceholder,
1734
1734
  "onUpdate:modelValue": r[2] ||= (e) => c("url", e)
1735
1735
  }, null, 8, ["model-value", "placeholder"]),
1736
- e.block.url ? (s(), D(An, {
1736
+ e.block.url ? (s(), D($, {
1737
1737
  key: 0,
1738
1738
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
1739
1739
  "model-value": e.block.openInNewTab ?? !1,
@@ -1741,49 +1741,49 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1741
1741
  "onUpdate:modelValue": r[3] ||= (e) => c("openInNewTab", e)
1742
1742
  }, null, 8, ["model-value", "label"])) : S("", !0)
1743
1743
  ]),
1744
- k("div", qi, [k("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
1744
+ A("div", Ji, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
1745
1745
  "model-value": e.block.backgroundColor,
1746
1746
  "onUpdate:modelValue": r[4] ||= (e) => c("backgroundColor", e)
1747
1747
  }, null, 8, ["model-value"])]),
1748
- k("div", Ji, [k("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
1748
+ A("div", Yi, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
1749
1749
  "model-value": e.block.textColor,
1750
1750
  "onUpdate:modelValue": r[5] ||= (e) => c("textColor", e)
1751
1751
  }, null, 8, ["model-value"])]),
1752
- k("div", Yi, [k("div", Xi, [k("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), k("div", Zi, [k("input", {
1752
+ A("div", Xi, [A("div", Zi, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Qi, [A("input", {
1753
1753
  type: "number",
1754
1754
  class: y(g(X)),
1755
1755
  value: e.block.borderRadius,
1756
1756
  min: "0",
1757
1757
  max: "50",
1758
1758
  onInput: r[6] ||= (e) => c("borderRadius", Number(e.target.value))
1759
- }, null, 42, Qi), k("span", { class: y(g(Y)) }, "px", 2)])]), k("div", $i, [k("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), k("div", ea, [k("input", {
1759
+ }, null, 42, $i), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", ea, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", ta, [A("input", {
1760
1760
  type: "number",
1761
1761
  class: y(g(X)),
1762
1762
  value: e.block.fontSize,
1763
1763
  min: "10",
1764
1764
  max: "36",
1765
1765
  onInput: r[7] ||= (e) => c("fontSize", Number(e.target.value))
1766
- }, null, 42, ta), k("span", { class: y(g(Y)) }, "px", 2)])])]),
1767
- k("div", na, [
1768
- k("label", { class: y(g(J)) }, F(g(a).button.width), 3),
1769
- k("select", {
1766
+ }, null, 42, na), A("span", { class: y(g(Y)) }, "px", 2)])])]),
1767
+ A("div", ra, [
1768
+ A("label", { class: y(g(J)) }, F(g(a).button.width), 3),
1769
+ A("select", {
1770
1770
  class: y(g(Z)),
1771
1771
  value: o.value,
1772
1772
  onChange: r[8] ||= (e) => l(e.target.value)
1773
1773
  }, [
1774
- k("option", ia, F(g(a).button.widthAuto), 1),
1775
- k("option", aa, F(g(a).button.fullWidth), 1),
1776
- k("option", oa, F(g(a).button.widthCustom), 1)
1777
- ], 42, ra),
1778
- o.value === "custom" ? (s(), x("div", sa, [k("input", {
1774
+ A("option", aa, F(g(a).button.widthAuto), 1),
1775
+ A("option", oa, F(g(a).button.fullWidth), 1),
1776
+ A("option", sa, F(g(a).button.widthCustom), 1)
1777
+ ], 42, ia),
1778
+ o.value === "custom" ? (s(), x("div", ca, [A("input", {
1779
1779
  type: "number",
1780
1780
  class: y(g(X)),
1781
- value: typeof e.block.width == "number" ? e.block.width : ua,
1781
+ value: typeof e.block.width == "number" ? e.block.width : da,
1782
1782
  min: "20",
1783
1783
  onInput: r[9] ||= (e) => u(e.target.value)
1784
- }, null, 42, ca), k("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
1784
+ }, null, 42, la), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
1785
1785
  ]),
1786
- k("div", la, [k("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
1786
+ A("div", ua, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
1787
1787
  options: [
1788
1788
  {
1789
1789
  value: "left",
@@ -1803,7 +1803,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1803
1803
  }, null, 8, ["options", "model-value"])])
1804
1804
  ], 64));
1805
1805
  }
1806
- }), fa = { class: "spacing-control" }, pa = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ma = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ha = { class: "tpl:flex tpl:items-center" }, ga = ["aria-label"], _a = ["value", "aria-label"], va = ["aria-label"], ya = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ba = { class: "tpl:flex tpl:items-center" }, xa = ["aria-label"], Sa = ["value", "aria-label"], Ca = ["aria-label"], wa = ["aria-label", "title"], Ta = { class: "tpl:flex tpl:items-center" }, Ea = ["aria-label"], Da = ["value", "aria-label"], Oa = ["aria-label"], ka = { class: "tpl:flex tpl:items-center" }, Aa = ["aria-label"], ja = ["value", "aria-label"], Ma = ["aria-label"], Na = "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)]", Pa = "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)]", Fa = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1806
+ }), pa = { class: "spacing-control" }, ma = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, ha = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ga = { class: "tpl:flex tpl:items-center" }, _a = ["aria-label"], va = ["value", "aria-label"], ya = ["aria-label"], ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xa = { class: "tpl:flex tpl:items-center" }, Sa = ["aria-label"], Ca = ["value", "aria-label"], wa = ["aria-label"], Ta = ["aria-label", "title"], Ea = { class: "tpl:flex tpl:items-center" }, Da = ["aria-label"], Oa = ["value", "aria-label"], ka = ["aria-label"], Aa = { class: "tpl:flex tpl:items-center" }, ja = ["aria-label"], Ma = ["value", "aria-label"], Na = ["aria-label"], Pa = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Fa = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Ia = /*#__PURE__*/ un(/* @__PURE__ */ d({
1807
1807
  __name: "SpacingControl",
1808
1808
  props: {
1809
1809
  modelValue: {},
@@ -1850,130 +1850,130 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1850
1850
  });
1851
1851
  }
1852
1852
  }
1853
- return (e, n) => (s(), x("div", fa, [k("label", pa, F(t.label), 1), k("div", ma, [
1854
- k("div", ha, [
1855
- k("button", {
1853
+ return (e, n) => (s(), x("div", pa, [A("label", ma, F(t.label), 1), A("div", ha, [
1854
+ A("div", ga, [
1855
+ A("button", {
1856
1856
  "aria-label": g(a).spacingControl.decreaseTop,
1857
- class: y([Na, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1857
+ class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1858
1858
  onClick: n[0] ||= (e) => u("top", -1)
1859
- }, [_(g(Wt), {
1859
+ }, [_(g(Gt), {
1860
1860
  size: 12,
1861
1861
  "stroke-width": 2
1862
- })], 10, ga),
1863
- k("input", {
1862
+ })], 10, _a),
1863
+ A("input", {
1864
1864
  type: "number",
1865
- class: y(Pa),
1865
+ class: y(Fa),
1866
1866
  value: t.modelValue.top,
1867
1867
  "aria-label": g(a).spacingControl.top,
1868
1868
  min: "0",
1869
1869
  onInput: n[1] ||= (e) => d("top", Number(e.target.value))
1870
- }, null, 40, _a),
1871
- k("button", {
1870
+ }, null, 40, va),
1871
+ A("button", {
1872
1872
  "aria-label": g(a).spacingControl.increaseTop,
1873
- class: y([Na, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1873
+ class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1874
1874
  onClick: n[2] ||= (e) => u("top", 1)
1875
- }, [_(g(Lt), {
1875
+ }, [_(g(Rt), {
1876
1876
  size: 12,
1877
1877
  "stroke-width": 2
1878
- })], 10, va)
1878
+ })], 10, ya)
1879
1879
  ]),
1880
- k("div", ya, [
1881
- k("div", ba, [
1882
- k("button", {
1880
+ A("div", ba, [
1881
+ A("div", xa, [
1882
+ A("button", {
1883
1883
  "aria-label": g(a).spacingControl.decreaseLeft,
1884
- class: y([Na, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1884
+ class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1885
1885
  onClick: n[3] ||= (e) => u("left", -1)
1886
- }, [_(g(Wt), {
1886
+ }, [_(g(Gt), {
1887
1887
  size: 12,
1888
1888
  "stroke-width": 2
1889
- })], 10, xa),
1890
- k("input", {
1889
+ })], 10, Sa),
1890
+ A("input", {
1891
1891
  type: "number",
1892
- class: y(Pa),
1892
+ class: y(Fa),
1893
1893
  value: t.modelValue.left,
1894
1894
  "aria-label": g(a).spacingControl.left,
1895
1895
  min: "0",
1896
1896
  onInput: n[4] ||= (e) => d("left", Number(e.target.value))
1897
- }, null, 40, Sa),
1898
- k("button", {
1897
+ }, null, 40, Ca),
1898
+ A("button", {
1899
1899
  "aria-label": g(a).spacingControl.increaseLeft,
1900
- class: y([Na, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1900
+ class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1901
1901
  onClick: n[5] ||= (e) => u("left", 1)
1902
- }, [_(g(Lt), {
1902
+ }, [_(g(Rt), {
1903
1903
  size: 12,
1904
1904
  "stroke-width": 2
1905
- })], 10, Ca)
1905
+ })], 10, wa)
1906
1906
  ]),
1907
- k("button", {
1907
+ A("button", {
1908
1908
  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)]"]),
1909
1909
  "aria-label": c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
1910
1910
  title: c.value ? g(a).spacingControl.unlock : g(a).spacingControl.lockAll,
1911
1911
  onClick: f
1912
- }, [c.value ? (s(), D(g(Qt), {
1912
+ }, [c.value ? (s(), D(g($t), {
1913
1913
  key: 0,
1914
1914
  size: 14,
1915
1915
  "stroke-width": 2
1916
- })) : (s(), D(g(tn), {
1916
+ })) : (s(), D(g(nn), {
1917
1917
  key: 1,
1918
1918
  size: 14,
1919
1919
  "stroke-width": 2
1920
- }))], 10, wa),
1921
- k("div", Ta, [
1922
- k("button", {
1920
+ }))], 10, Ta),
1921
+ A("div", Ea, [
1922
+ A("button", {
1923
1923
  "aria-label": g(a).spacingControl.decreaseRight,
1924
- class: y([Na, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1924
+ class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1925
1925
  onClick: n[6] ||= (e) => u("right", -1)
1926
- }, [_(g(Wt), {
1926
+ }, [_(g(Gt), {
1927
1927
  size: 12,
1928
1928
  "stroke-width": 2
1929
- })], 10, Ea),
1930
- k("input", {
1929
+ })], 10, Da),
1930
+ A("input", {
1931
1931
  type: "number",
1932
- class: y(Pa),
1932
+ class: y(Fa),
1933
1933
  value: t.modelValue.right,
1934
1934
  "aria-label": g(a).spacingControl.right,
1935
1935
  min: "0",
1936
1936
  onInput: n[7] ||= (e) => d("right", Number(e.target.value))
1937
- }, null, 40, Da),
1938
- k("button", {
1937
+ }, null, 40, Oa),
1938
+ A("button", {
1939
1939
  "aria-label": g(a).spacingControl.increaseRight,
1940
- class: y([Na, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1940
+ class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1941
1941
  onClick: n[8] ||= (e) => u("right", 1)
1942
- }, [_(g(Lt), {
1942
+ }, [_(g(Rt), {
1943
1943
  size: 12,
1944
1944
  "stroke-width": 2
1945
- })], 10, Oa)
1945
+ })], 10, ka)
1946
1946
  ])
1947
1947
  ]),
1948
- k("div", ka, [
1949
- k("button", {
1948
+ A("div", Aa, [
1949
+ A("button", {
1950
1950
  "aria-label": g(a).spacingControl.decreaseBottom,
1951
- class: y([Na, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1951
+ class: y([Pa, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1952
1952
  onClick: n[9] ||= (e) => u("bottom", -1)
1953
- }, [_(g(Wt), {
1953
+ }, [_(g(Gt), {
1954
1954
  size: 12,
1955
1955
  "stroke-width": 2
1956
- })], 10, Aa),
1957
- k("input", {
1956
+ })], 10, ja),
1957
+ A("input", {
1958
1958
  type: "number",
1959
- class: y(Pa),
1959
+ class: y(Fa),
1960
1960
  value: t.modelValue.bottom,
1961
1961
  "aria-label": g(a).spacingControl.bottom,
1962
1962
  min: "0",
1963
1963
  onInput: n[10] ||= (e) => d("bottom", Number(e.target.value))
1964
- }, null, 40, ja),
1965
- k("button", {
1964
+ }, null, 40, Ma),
1965
+ A("button", {
1966
1966
  "aria-label": g(a).spacingControl.increaseBottom,
1967
- class: y([Na, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1967
+ class: y([Pa, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1968
1968
  onClick: n[11] ||= (e) => u("bottom", 1)
1969
- }, [_(g(Lt), {
1969
+ }, [_(g(Rt), {
1970
1970
  size: 12,
1971
1971
  "stroke-width": 2
1972
- })], 10, Ma)
1972
+ })], 10, Na)
1973
1973
  ])
1974
1974
  ])]));
1975
1975
  }
1976
- }), [["__scopeId", "data-v-69591c1e"]]), Ia = ["data-testid"], La = { class: "tpl:mt-3" }, Ra = /* @__PURE__ */ d({
1976
+ }), [["__scopeId", "data-v-69591c1e"]]), La = ["data-testid"], Ra = { class: "tpl:mt-3" }, za = /* @__PURE__ */ d({
1977
1977
  __name: "CollapsibleSection",
1978
1978
  props: {
1979
1979
  title: {},
@@ -1983,30 +1983,30 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
1983
1983
  },
1984
1984
  emits: ["toggle"],
1985
1985
  setup(e) {
1986
- return (t, n) => (s(), x("div", { class: y(["tpl:py-3", e.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [k("button", {
1986
+ return (t, n) => (s(), x("div", { class: y(["tpl:py-3", e.noBorder ? "" : "tpl:border-t tpl:border-[var(--tpl-border)]"]) }, [A("button", {
1987
1987
  type: "button",
1988
1988
  "data-testid": e.headerTestId,
1989
1989
  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)]",
1990
1990
  onClick: n[0] ||= (e) => t.$emit("toggle")
1991
- }, [_(g(Et), {
1991
+ }, [_(g(Dt), {
1992
1992
  class: y(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
1993
1993
  size: 12,
1994
1994
  "stroke-width": 2
1995
- }, null, 8, ["class"]), k("span", null, F(e.title), 1)], 8, Ia), f(k("div", La, [i(t.$slots, "default")], 512), [[M, e.open]])], 2));
1995
+ }, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, La), f(A("div", Ra, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
1996
1996
  }
1997
- }), za = { class: "tpl:space-y-2" }, Ba = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Va = { class: "tpl:space-y-2" }, Ha = ["value"], Ua = { value: "" }, Wa = ["label"], Ga = ["value"], Ka = ["value"], qa = {
1997
+ }), Ba = { class: "tpl:space-y-2" }, Va = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ha = { class: "tpl:space-y-2" }, Ua = ["value"], Wa = { value: "" }, Ga = ["label"], Ka = ["value"], qa = ["value"], Ja = {
1998
1998
  key: 0,
1999
1999
  value: "__custom__"
2000
- }, Ja = {
2000
+ }, Ya = {
2001
2001
  key: 0,
2002
2002
  class: "tpl:space-y-2"
2003
- }, Ya = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Xa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:flex tpl:justify-end" }, Qa = ["disabled"], $a = {
2003
+ }, Xa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Za = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Qa = { class: "tpl:flex tpl:justify-end" }, $a = ["disabled"], eo = {
2004
2004
  key: 0,
2005
2005
  class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
2006
- }, eo = { class: "tpl:space-y-1" }, to = { 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)]" }, no = {
2006
+ }, to = { class: "tpl:space-y-1" }, no = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, ro = {
2007
2007
  key: 0,
2008
2008
  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)]"
2009
- }, ro = /* @__PURE__ */ d({
2009
+ }, io = /* @__PURE__ */ d({
2010
2010
  __name: "CommonBlockSettings",
2011
2011
  props: {
2012
2012
  block: {},
@@ -2014,23 +2014,23 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2014
2014
  },
2015
2015
  emits: ["update"],
2016
2016
  setup(i, { emit: a }) {
2017
- 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 = [{
2017
+ let o = i, c = a, { t: d } = q(), m = t(ct, []), h = t(lt, !1), v = p(/* @__PURE__ */ new Set()), C = l(!1), w = l(""), T = l(""), E = [{
2018
2018
  key: "desktop",
2019
- icon: yt,
2019
+ icon: bt,
2020
2020
  labelKey: "showOnDesktop"
2021
2021
  }, {
2022
2022
  key: "mobile",
2023
- icon: xt,
2023
+ icon: St,
2024
2024
  labelKey: "showOnMobile"
2025
2025
  }];
2026
2026
  function O(e) {
2027
2027
  v.has(e) ? v.delete(e) : v.add(e);
2028
2028
  }
2029
- let A = b(() => m.length > 0 || h), j = b(() => o.block.displayCondition ? !m.some((e) => e.label === o.block.displayCondition?.label) : !1);
2030
- function M() {
2031
- C.value = !0, j.value && o.block.displayCondition ? (w.value = o.block.displayCondition.before, T.value = o.block.displayCondition.after ?? "") : (w.value = "", T.value = "");
2032
- }
2029
+ let j = b(() => m.length > 0 || h), M = b(() => o.block.displayCondition ? !m.some((e) => e.label === o.block.displayCondition?.label) : !1);
2033
2030
  function N() {
2031
+ C.value = !0, M.value && o.block.displayCondition ? (w.value = o.block.displayCondition.before, T.value = o.block.displayCondition.after ?? "") : (w.value = "", T.value = "");
2032
+ }
2033
+ function ee() {
2034
2034
  w.value.trim() && (c("update", { displayCondition: {
2035
2035
  label: d.blockSettings.customCondition,
2036
2036
  before: w.value.trim(),
@@ -2042,7 +2042,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2042
2042
  C.value = !1, w.value = "", T.value = "";
2043
2043
  return;
2044
2044
  }
2045
- j.value && (w.value = e.before, T.value = e.after ?? "");
2045
+ M.value && (w.value = e.before, T.value = e.after ?? "");
2046
2046
  }, { immediate: !0 });
2047
2047
  let I = b(() => {
2048
2048
  let e = {};
@@ -2069,13 +2069,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2069
2069
  t[e] = !t[e], c("update", { visibility: t });
2070
2070
  }
2071
2071
  return (e, t) => (s(), x("div", { class: y(["tpl:flex tpl:flex-col", i.isFirstSection ? "" : "tpl:mt-4"]) }, [
2072
- _(Ra, {
2072
+ _(za, {
2073
2073
  title: g(d).blockSettings.spacing,
2074
2074
  open: v.has("spacing"),
2075
2075
  "no-border": i.isFirstSection,
2076
2076
  onToggle: t[1] ||= (e) => O("spacing")
2077
2077
  }, {
2078
- default: r(() => [_(Fa, {
2078
+ default: r(() => [_(Ia, {
2079
2079
  label: g(d).blockSettings.padding,
2080
2080
  "model-value": i.block.styles.padding,
2081
2081
  "onUpdate:modelValue": t[0] ||= (e) => L("padding", e)
@@ -2086,30 +2086,30 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2086
2086
  "open",
2087
2087
  "no-border"
2088
2088
  ]),
2089
- _(Ra, {
2089
+ _(za, {
2090
2090
  title: g(d).blockSettings.background,
2091
2091
  open: v.has("bg"),
2092
2092
  onToggle: t[3] ||= (e) => O("bg")
2093
2093
  }, {
2094
- default: r(() => [k("label", { class: y(g(J)) }, F(g(d).blockSettings.color), 3), _(Q, {
2094
+ default: r(() => [A("label", { class: y(g(J)) }, F(g(d).blockSettings.color), 3), _(Q, {
2095
2095
  "model-value": i.block.styles.backgroundColor ?? "",
2096
2096
  "onUpdate:modelValue": t[2] ||= (e) => L("backgroundColor", e)
2097
2097
  }, null, 8, ["model-value"])]),
2098
2098
  _: 1
2099
2099
  }, 8, ["title", "open"]),
2100
- _(Ra, {
2100
+ _(za, {
2101
2101
  title: g(d).blockSettings.display,
2102
2102
  open: v.has("display"),
2103
2103
  onToggle: t[4] ||= (e) => O("display")
2104
2104
  }, {
2105
- default: r(() => [k("div", za, [(s(), x(P, null, n(E, (e) => _(An, {
2105
+ default: r(() => [A("div", Ba, [(s(), x(P, null, n(E, (e) => _($, {
2106
2106
  key: e.key,
2107
2107
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
2108
2108
  "model-value": z(e.key),
2109
2109
  label: g(d).blockSettings[e.labelKey],
2110
2110
  "onUpdate:modelValue": (t) => B(e.key)
2111
2111
  }, {
2112
- default: r(() => [k("span", Ba, [(s(), D(u(e.icon), {
2112
+ default: r(() => [A("span", Va, [(s(), D(u(e.icon), {
2113
2113
  size: 14,
2114
2114
  "stroke-width": 1.5
2115
2115
  })), R(" " + F(g(d).blockSettings[e.labelKey]), 1)])]),
@@ -2121,21 +2121,21 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2121
2121
  ])), 64))])]),
2122
2122
  _: 1
2123
2123
  }, 8, ["title", "open"]),
2124
- A.value ? (s(), D(Ra, {
2124
+ j.value ? (s(), D(za, {
2125
2125
  key: 0,
2126
2126
  "header-test-id": "display-condition-section",
2127
2127
  title: g(d).blockSettings.displayCondition,
2128
2128
  open: v.has("condition"),
2129
2129
  onToggle: t[8] ||= (e) => O("condition")
2130
2130
  }, {
2131
- default: r(() => [k("div", Va, [k("select", {
2131
+ default: r(() => [A("div", Ha, [A("select", {
2132
2132
  "data-testid": "display-condition-select",
2133
2133
  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)]"]),
2134
- value: C.value || j.value ? "__custom__" : i.block.displayCondition?.label ?? "",
2134
+ value: C.value || M.value ? "__custom__" : i.block.displayCondition?.label ?? "",
2135
2135
  onChange: t[5] ||= (e) => {
2136
2136
  let t = e.target.value;
2137
2137
  if (t === "__custom__") {
2138
- M();
2138
+ N();
2139
2139
  return;
2140
2140
  }
2141
2141
  if (C.value = !1, !t) {
@@ -2146,41 +2146,41 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2146
2146
  n && c("update", { displayCondition: n });
2147
2147
  }
2148
2148
  }, [
2149
- k("option", Ua, F(g(d).blockSettings.noCondition), 1),
2149
+ A("option", Wa, F(g(d).blockSettings.noCondition), 1),
2150
2150
  (s(!0), x(P, null, n(I.value, (e, t) => (s(), x(P, { key: t }, [t ? (s(), x("optgroup", {
2151
2151
  key: 0,
2152
2152
  label: String(t)
2153
2153
  }, [(s(!0), x(P, null, n(e, (e) => (s(), x("option", {
2154
2154
  key: e.label,
2155
2155
  value: e.label
2156
- }, F(e.label), 9, Ga))), 128))], 8, Wa)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2156
+ }, F(e.label), 9, Ka))), 128))], 8, Ga)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2157
2157
  key: e.label,
2158
2158
  value: e.label
2159
- }, F(e.label), 9, Ka))), 128))], 64))), 128)),
2160
- g(h) ? (s(), x("option", qa, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2161
- ], 42, Ha), C.value || j.value ? (s(), x("div", Ja, [
2162
- k("div", null, [k("label", Ya, F(g(d).blockSettings.customConditionBefore), 1), f(k("textarea", {
2159
+ }, F(e.label), 9, qa))), 128))], 64))), 128)),
2160
+ g(h) ? (s(), x("option", Ja, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2161
+ ], 42, Ua), C.value || M.value ? (s(), x("div", Ya, [
2162
+ A("div", null, [A("label", Xa, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
2163
2163
  "onUpdate:modelValue": t[6] ||= (e) => w.value = e,
2164
2164
  rows: "2",
2165
- class: y(g(gn))
2166
- }, null, 2), [[ee, w.value]])]),
2167
- k("div", null, [k("label", Xa, F(g(d).blockSettings.customConditionAfter), 1), f(k("textarea", {
2165
+ class: y(g(_n))
2166
+ }, null, 2), [[k, w.value]])]),
2167
+ A("div", null, [A("label", Za, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
2168
2168
  "onUpdate:modelValue": t[7] ||= (e) => T.value = e,
2169
2169
  rows: "2",
2170
- class: y(g(gn))
2171
- }, null, 2), [[ee, T.value]])]),
2172
- k("div", Za, [k("button", {
2170
+ class: y(g(_n))
2171
+ }, null, 2), [[k, T.value]])]),
2172
+ A("div", Qa, [A("button", {
2173
2173
  type: "button",
2174
2174
  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",
2175
2175
  disabled: !w.value.trim(),
2176
- onClick: N
2177
- }, F(g(d).blockSettings.applyCondition), 9, Qa)])
2178
- ])) : i.block.displayCondition && !j.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", $a, F(i.block.displayCondition.description), 1)) : S("", !0), k("div", eo, [k("pre", to, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", no, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2176
+ onClick: ee
2177
+ }, F(g(d).blockSettings.applyCondition), 9, $a)])
2178
+ ])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", eo, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", to, [A("pre", no, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", ro, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2179
2179
  _: 1
2180
2180
  }, 8, ["title", "open"])) : S("", !0)
2181
2181
  ], 2));
2182
2182
  }
2183
- }), io = ["title"], ao = /* @__PURE__ */ d({
2183
+ }), ao = ["title"], oo = /* @__PURE__ */ d({
2184
2184
  __name: "BooleanField",
2185
2185
  props: {
2186
2186
  field: {},
@@ -2193,7 +2193,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2193
2193
  return (t, a) => (s(), x("div", {
2194
2194
  class: "tpl:mb-3.5",
2195
2195
  title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0
2196
- }, [_(An, {
2196
+ }, [_($, {
2197
2197
  class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
2198
2198
  "model-value": e.modelValue,
2199
2199
  label: e.field.label,
@@ -2201,7 +2201,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2201
2201
  disabled: e.readOnly,
2202
2202
  "onUpdate:modelValue": a[0] ||= (e) => n("update:modelValue", e)
2203
2203
  }, {
2204
- default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g(Qt), {
2204
+ default: r(() => [R(F(e.field.label) + " ", 1), e.readOnly ? (s(), D(g($t), {
2205
2205
  key: 0,
2206
2206
  size: 12,
2207
2207
  class: "tpl:inline tpl:text-[var(--tpl-text-dim)]"
@@ -2212,9 +2212,9 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2212
2212
  "label",
2213
2213
  "required",
2214
2214
  "disabled"
2215
- ])], 8, io));
2215
+ ])], 8, ao));
2216
2216
  }
2217
- }), oo = { class: "tpl:mb-3.5" }, so = ["title"], co = { class: "tpl-sr-only" }, lo = ["title"], uo = { class: "tpl-sr-only" }, fo = /* @__PURE__ */ d({
2217
+ }), so = { class: "tpl:mb-3.5" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = ["title"], fo = { class: "tpl-sr-only" }, po = /* @__PURE__ */ d({
2218
2218
  __name: "FieldWrapper",
2219
2219
  props: {
2220
2220
  label: {},
@@ -2223,24 +2223,24 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2223
2223
  },
2224
2224
  setup(e) {
2225
2225
  let { t } = q();
2226
- return (n, r) => (s(), x("div", oo, [k("label", { class: y(g(J)) }, [
2226
+ return (n, r) => (s(), x("div", so, [A("label", { class: y(g(J)) }, [
2227
2227
  R(F(e.label) + " ", 1),
2228
2228
  e.readOnly ? (s(), x("span", {
2229
2229
  key: 0,
2230
2230
  title: g(t).customBlocks.dataSource.readOnlyTooltip
2231
- }, [_(g(Qt), {
2231
+ }, [_(g($t), {
2232
2232
  size: 12,
2233
2233
  class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
2234
2234
  "aria-hidden": "true"
2235
- }), k("span", co, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, so)) : S("", !0),
2235
+ }), A("span", lo, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, co)) : S("", !0),
2236
2236
  e.required ? (s(), x("span", {
2237
2237
  key: 1,
2238
2238
  class: "tpl:text-[var(--tpl-danger)]",
2239
2239
  title: g(t).customBlocks.fields.required
2240
- }, [r[0] ||= k("span", { "aria-hidden": "true" }, "*", -1), k("span", uo, F(g(t).customBlocks.fields.required), 1)], 8, lo)) : S("", !0)
2240
+ }, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", fo, F(g(t).customBlocks.fields.required), 1)], 8, uo)) : S("", !0)
2241
2241
  ], 2), i(n.$slots, "default")]));
2242
2242
  }
2243
- }), po = /* @__PURE__ */ d({
2243
+ }), mo = /* @__PURE__ */ d({
2244
2244
  __name: "ColorField",
2245
2245
  props: {
2246
2246
  field: {},
@@ -2249,8 +2249,8 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2249
2249
  },
2250
2250
  emits: ["update:modelValue"],
2251
2251
  setup(e, { emit: n }) {
2252
- let i = e, a = n, { t: o } = q(), c = t(pt, _t), l = b(() => Oe(i.field, c));
2253
- return (t, n) => (s(), D(fo, {
2252
+ let i = e, a = n, { t: o } = q(), c = t(mt, vt), l = b(() => ke(i.field, c));
2253
+ return (t, n) => (s(), D(po, {
2254
2254
  label: e.field.label,
2255
2255
  required: e.field.required,
2256
2256
  "read-only": e.readOnly
@@ -2278,15 +2278,15 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2278
2278
  "read-only"
2279
2279
  ]));
2280
2280
  }
2281
- }), mo = {
2281
+ }), ho = {
2282
2282
  key: 0,
2283
2283
  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)]",
2284
2284
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2285
- }, ho = [
2285
+ }, go = [
2286
2286
  "value",
2287
2287
  "placeholder",
2288
2288
  "title"
2289
- ], go = ["value", "placeholder"], _o = /* @__PURE__ */ d({
2289
+ ], _o = ["value", "placeholder"], vo = /* @__PURE__ */ d({
2290
2290
  __name: "ImageField",
2291
2291
  props: {
2292
2292
  field: {},
@@ -2295,7 +2295,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2295
2295
  },
2296
2296
  emits: ["update:modelValue"],
2297
2297
  setup(e, { emit: n }) {
2298
- let i = e, a = n, { t: o } = q(), c = t(at, null), u = fn(), d = b(() => !!c);
2298
+ let i = e, a = n, { t: o } = q(), c = t(ot, null), u = pn(), d = b(() => !!c);
2299
2299
  async function f() {
2300
2300
  let e = await c?.({ accept: ["images"] });
2301
2301
  u.alive && e && a("update:modelValue", e.url);
@@ -2316,26 +2316,26 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2316
2316
  }
2317
2317
  }
2318
2318
  }
2319
- let { isOver: C } = we({
2319
+ let { isOver: C } = Te({
2320
2320
  target: p,
2321
2321
  enabled: h,
2322
2322
  onFiles: v
2323
2323
  });
2324
- return (t, n) => (s(), D(fo, {
2324
+ return (t, n) => (s(), D(po, {
2325
2325
  label: e.field.label,
2326
2326
  required: e.field.required,
2327
2327
  "read-only": e.readOnly
2328
2328
  }, {
2329
- default: r(() => [k("div", {
2329
+ default: r(() => [A("div", {
2330
2330
  ref_key: "dropZoneRef",
2331
2331
  ref: p,
2332
2332
  class: "tpl:relative"
2333
2333
  }, [
2334
- h.value && (g(C) || m.value) ? (s(), x("div", mo, [m.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2334
+ h.value && (g(C) || m.value) ? (s(), x("div", ho, [m.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
2335
2335
  class: "tpl-spinner",
2336
2336
  size: 18,
2337
2337
  "stroke-width": 2
2338
- }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
2338
+ }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
2339
2339
  size: 18,
2340
2340
  "stroke-width": 1.5
2341
2341
  }), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
@@ -2347,19 +2347,19 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2347
2347
  placeholder: e.field.placeholder || "https://...",
2348
2348
  disabled: "",
2349
2349
  title: g(o).customBlocks.dataSource.readOnlyTooltip
2350
- }, null, 10, ho)) : (s(), x("input", {
2350
+ }, null, 10, go)) : (s(), x("input", {
2351
2351
  key: 2,
2352
2352
  type: "url",
2353
2353
  class: y(g(Z)),
2354
2354
  value: e.modelValue,
2355
2355
  placeholder: e.field.placeholder || "https://...",
2356
2356
  onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
2357
- }, null, 42, go)),
2357
+ }, null, 42, _o)),
2358
2358
  d.value && !e.readOnly ? (s(), x("button", {
2359
2359
  key: 3,
2360
2360
  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)]",
2361
2361
  onClick: n[1] ||= (e) => f()
2362
- }, [_(g(Gt), {
2362
+ }, [_(g(Kt), {
2363
2363
  size: 14,
2364
2364
  "stroke-width": 1.5
2365
2365
  }), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
@@ -2371,7 +2371,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2371
2371
  "read-only"
2372
2372
  ]));
2373
2373
  }
2374
- }), vo = [
2374
+ }), yo = [
2375
2375
  "value",
2376
2376
  "placeholder",
2377
2377
  "min",
@@ -2379,7 +2379,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2379
2379
  "step",
2380
2380
  "disabled",
2381
2381
  "title"
2382
- ], yo = /* @__PURE__ */ d({
2382
+ ], bo = /* @__PURE__ */ d({
2383
2383
  __name: "NumberField",
2384
2384
  props: {
2385
2385
  field: {},
@@ -2389,12 +2389,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2389
2389
  emits: ["update:modelValue"],
2390
2390
  setup(e, { emit: t }) {
2391
2391
  let n = t, { t: i } = q();
2392
- return (t, a) => (s(), D(fo, {
2392
+ return (t, a) => (s(), D(po, {
2393
2393
  label: e.field.label,
2394
2394
  required: e.field.required,
2395
2395
  "read-only": e.readOnly
2396
2396
  }, {
2397
- default: r(() => [k("input", {
2397
+ default: r(() => [A("input", {
2398
2398
  type: "number",
2399
2399
  class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2400
2400
  value: e.modelValue,
@@ -2405,7 +2405,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2405
2405
  disabled: e.readOnly,
2406
2406
  title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
2407
2407
  onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
2408
- }, null, 42, vo)]),
2408
+ }, null, 42, yo)]),
2409
2409
  _: 1
2410
2410
  }, 8, [
2411
2411
  "label",
@@ -2413,13 +2413,13 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2413
2413
  "read-only"
2414
2414
  ]));
2415
2415
  }
2416
- }), bo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, xo = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, So = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, Co = ["title", "onClick"], wo = {
2416
+ }), xo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, So = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, Co = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, wo = ["title", "onClick"], To = {
2417
2417
  key: 1,
2418
2418
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2419
- }, To = {
2419
+ }, Eo = {
2420
2420
  key: 2,
2421
2421
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2422
- }, Eo = /* @__PURE__ */ d({
2422
+ }, Do = /* @__PURE__ */ d({
2423
2423
  __name: "RepeatableField",
2424
2424
  props: {
2425
2425
  field: {},
@@ -2447,25 +2447,25 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2447
2447
  } : r);
2448
2448
  a("update:modelValue", r);
2449
2449
  }
2450
- return (t, i) => (s(), D(fo, {
2450
+ return (t, i) => (s(), D(po, {
2451
2451
  label: e.field.label,
2452
2452
  required: e.field.required,
2453
2453
  "read-only": e.readOnly
2454
2454
  }, {
2455
- default: r(() => [k("div", bo, [
2455
+ default: r(() => [A("div", xo, [
2456
2456
  (s(!0), x(P, null, n(l.value, (t, r) => (s(), x("div", {
2457
2457
  key: `${e.field.key}-${r}`,
2458
2458
  class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
2459
- }, [k("div", xo, [k("span", So, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2459
+ }, [A("div", So, [A("span", Co, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2460
2460
  key: 0,
2461
2461
  type: "button",
2462
2462
  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)]",
2463
2463
  title: g(o).customBlocks.fields.removeItem,
2464
2464
  onClick: (e) => m(r)
2465
- }, [_(g(Ht), {
2465
+ }, [_(g(Ut), {
2466
2466
  size: 12,
2467
2467
  "stroke-width": 2
2468
- })], 8, Co)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(Fo)(n.type)), {
2468
+ })], 8, wo)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(Io)(n.type)), {
2469
2469
  key: n.key,
2470
2470
  field: n,
2471
2471
  "model-value": t[n.key],
@@ -2480,14 +2480,14 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2480
2480
  d.value && !e.readOnly ? (s(), x("button", {
2481
2481
  key: 0,
2482
2482
  type: "button",
2483
- class: y(g(vn)),
2483
+ class: y(g(yn)),
2484
2484
  onClick: p
2485
- }, [_(g(Lt), {
2485
+ }, [_(g(Rt), {
2486
2486
  size: 14,
2487
2487
  "stroke-width": 2
2488
2488
  }), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
2489
- !d.value && !e.readOnly ? (s(), x("p", wo, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2490
- !f.value && !e.readOnly ? (s(), x("p", To, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2489
+ !d.value && !e.readOnly ? (s(), x("p", To, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2490
+ !f.value && !e.readOnly ? (s(), x("p", Eo, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2491
2491
  ])]),
2492
2492
  _: 1
2493
2493
  }, 8, [
@@ -2496,11 +2496,11 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2496
2496
  "read-only"
2497
2497
  ]));
2498
2498
  }
2499
- }), Do = [
2499
+ }), Oo = [
2500
2500
  "value",
2501
2501
  "disabled",
2502
2502
  "title"
2503
- ], Oo = ["value"], ko = /* @__PURE__ */ d({
2503
+ ], ko = ["value"], Ao = /* @__PURE__ */ d({
2504
2504
  __name: "SelectField",
2505
2505
  props: {
2506
2506
  field: {},
@@ -2510,12 +2510,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2510
2510
  emits: ["update:modelValue"],
2511
2511
  setup(e, { emit: t }) {
2512
2512
  let i = t, { t: a } = q();
2513
- return (t, o) => (s(), D(fo, {
2513
+ return (t, o) => (s(), D(po, {
2514
2514
  label: e.field.label,
2515
2515
  required: e.field.required,
2516
2516
  "read-only": e.readOnly
2517
2517
  }, {
2518
- default: r(() => [k("select", {
2518
+ default: r(() => [A("select", {
2519
2519
  class: y([g(Z), e.readOnly && "tpl:opacity-60 tpl:cursor-not-allowed"]),
2520
2520
  value: e.modelValue,
2521
2521
  disabled: e.readOnly,
@@ -2524,7 +2524,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2524
2524
  }, [(s(!0), x(P, null, n(e.field.options, (e) => (s(), x("option", {
2525
2525
  key: e.value,
2526
2526
  value: e.value
2527
- }, F(e.label), 9, Oo))), 128))], 42, Do)]),
2527
+ }, F(e.label), 9, ko))), 128))], 42, Oo)]),
2528
2528
  _: 1
2529
2529
  }, 8, [
2530
2530
  "label",
@@ -2532,11 +2532,11 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2532
2532
  "read-only"
2533
2533
  ]));
2534
2534
  }
2535
- }), Ao = [
2535
+ }), jo = [
2536
2536
  "value",
2537
2537
  "placeholder",
2538
2538
  "title"
2539
- ], jo = /* @__PURE__ */ d({
2539
+ ], Mo = /* @__PURE__ */ d({
2540
2540
  __name: "TextField",
2541
2541
  props: {
2542
2542
  field: {},
@@ -2546,7 +2546,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2546
2546
  emits: ["update:modelValue"],
2547
2547
  setup(e, { emit: t }) {
2548
2548
  let n = t, { t: i } = q();
2549
- return (t, a) => (s(), D(fo, {
2549
+ return (t, a) => (s(), D(po, {
2550
2550
  label: e.field.label,
2551
2551
  required: e.field.required,
2552
2552
  "read-only": e.readOnly
@@ -2559,7 +2559,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2559
2559
  placeholder: e.field.placeholder,
2560
2560
  disabled: "",
2561
2561
  title: g(i).customBlocks.dataSource.readOnlyTooltip
2562
- }, null, 10, Ao)) : (s(), D($, {
2562
+ }, null, 10, jo)) : (s(), D(Vi, {
2563
2563
  key: 1,
2564
2564
  "model-value": e.modelValue,
2565
2565
  placeholder: e.field.placeholder,
@@ -2572,12 +2572,12 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2572
2572
  "read-only"
2573
2573
  ]));
2574
2574
  }
2575
- }), Mo = [
2575
+ }), No = [
2576
2576
  "value",
2577
2577
  "placeholder",
2578
2578
  "title"
2579
- ], No = "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", Po = {
2580
- text: jo,
2579
+ ], Po = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", Fo = {
2580
+ text: Mo,
2581
2581
  textarea: /* @__PURE__ */ d({
2582
2582
  __name: "TextareaField",
2583
2583
  props: {
@@ -2588,7 +2588,7 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2588
2588
  emits: ["update:modelValue"],
2589
2589
  setup(e, { emit: t }) {
2590
2590
  let n = t, { t: i } = q();
2591
- return (t, a) => (s(), D(fo, {
2591
+ return (t, a) => (s(), D(po, {
2592
2592
  label: e.field.label,
2593
2593
  required: e.field.required,
2594
2594
  "read-only": e.readOnly
@@ -2600,8 +2600,8 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2600
2600
  rows: "3",
2601
2601
  disabled: "",
2602
2602
  title: g(i).customBlocks.dataSource.readOnlyTooltip,
2603
- class: y(No)
2604
- }, null, 8, Mo)) : (s(), D(ii, {
2603
+ class: y(Po)
2604
+ }, null, 8, No)) : (s(), D(ii, {
2605
2605
  key: 1,
2606
2606
  "model-value": e.modelValue,
2607
2607
  placeholder: e.field.placeholder,
@@ -2615,42 +2615,42 @@ var zr = ["aria-label", "onKeydown"], Br = ["data-tooltip"], Vr = ["data-tooltip
2615
2615
  ]));
2616
2616
  }
2617
2617
  }),
2618
- image: _o,
2619
- color: po,
2620
- number: yo,
2621
- select: ko,
2622
- boolean: ao,
2623
- repeatable: Eo
2618
+ image: vo,
2619
+ color: mo,
2620
+ number: bo,
2621
+ select: Ao,
2622
+ boolean: oo,
2623
+ repeatable: Do
2624
2624
  };
2625
- function Fo(e) {
2626
- return Po[e] ?? jo;
2625
+ function Io(e) {
2626
+ return Fo[e] ?? Mo;
2627
2627
  }
2628
2628
  //#endregion
2629
2629
  //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
2630
- var Io = {
2630
+ var Lo = {
2631
2631
  key: 0,
2632
2632
  class: "tpl:p-4"
2633
- }, Lo = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Ro = { key: 1 }, zo = {
2633
+ }, Ro = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, zo = { key: 1 }, Bo = {
2634
2634
  key: 0,
2635
2635
  class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2636
- }, Bo = {
2636
+ }, Vo = {
2637
2637
  key: 1,
2638
2638
  class: "tpl:mb-4"
2639
- }, Vo = {
2639
+ }, Ho = {
2640
2640
  key: 1,
2641
2641
  class: "tpl:flex tpl:h-[32px] tpl:items-center"
2642
- }, Ho = {
2642
+ }, Uo = {
2643
2643
  key: 0,
2644
2644
  class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
2645
- }, Uo = {
2645
+ }, Wo = {
2646
2646
  key: 2,
2647
2647
  class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
2648
- }, Wo = /* @__PURE__ */ d({
2648
+ }, Go = /* @__PURE__ */ d({
2649
2649
  __name: "CustomBlockToolbar",
2650
2650
  props: { block: {} },
2651
2651
  emits: ["updateFieldValues", "updateDataSourceFetched"],
2652
2652
  setup(e, { emit: r }) {
2653
- 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({
2653
+ let i = e, a = r, { t: o } = q(), 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({
2654
2654
  definition: l,
2655
2655
  block: d,
2656
2656
  onUpdate: (e, t) => {
@@ -2666,23 +2666,23 @@ var Io = {
2666
2666
  [e]: t
2667
2667
  });
2668
2668
  }
2669
- return (t, r) => l.value ? (s(), x("div", Ro, [
2670
- l.value.description ? (s(), x("p", zo, F(l.value.description), 1)) : S("", !0),
2671
- g(h) ? (s(), x("div", Bo, [g(v) && !g(f) ? (s(), x("button", {
2669
+ return (t, r) => l.value ? (s(), x("div", zo, [
2670
+ l.value.description ? (s(), x("p", Bo, F(l.value.description), 1)) : S("", !0),
2671
+ g(h) ? (s(), x("div", Vo, [g(v) && !g(f) ? (s(), x("button", {
2672
2672
  key: 0,
2673
2673
  type: "button",
2674
2674
  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)]",
2675
2675
  onClick: r[0] ||= (...e) => g(m) && g(m)(...e)
2676
- }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Vo, [g(f) ? (s(), x("div", Ho, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2676
+ }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Ho, [g(f) ? (s(), x("div", Uo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2677
2677
  key: 1,
2678
2678
  type: "button",
2679
2679
  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)]",
2680
2680
  onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
2681
- }, [_(g(cn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Uo, [_(g(kt), {
2681
+ }, [_(g(ln), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Wo, [_(g(At), {
2682
2682
  size: 14,
2683
2683
  class: "tpl:shrink-0"
2684
2684
  }), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
2685
- (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(Fo)(t.type)), {
2685
+ (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(Io)(t.type)), {
2686
2686
  key: t.key,
2687
2687
  field: t,
2688
2688
  "model-value": e.block.fieldValues[t.key],
@@ -2694,9 +2694,9 @@ var Io = {
2694
2694
  "read-only",
2695
2695
  "onUpdate:modelValue"
2696
2696
  ]))), 128))
2697
- ])) : (s(), x("div", Io, [k("p", Lo, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2697
+ ])) : (s(), x("div", Lo, [A("p", Ro, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2698
2698
  }
2699
- }), Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:flex tpl:items-stretch" }, Yo = ["value"], Xo = /* @__PURE__ */ d({
2699
+ }), Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:mb-3.5" }, Jo = { class: "tpl:mb-3.5" }, Yo = { class: "tpl:flex tpl:items-stretch" }, Xo = ["value"], Zo = /* @__PURE__ */ d({
2700
2700
  __name: "DividerToolbar",
2701
2701
  props: { block: {} },
2702
2702
  emits: ["update"],
@@ -2706,7 +2706,7 @@ var Io = {
2706
2706
  n("update", { [e]: t });
2707
2707
  }
2708
2708
  return (t, n) => (s(), x(P, null, [
2709
- k("div", Go, [k("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(Mn, {
2709
+ A("div", Ko, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(Mn, {
2710
2710
  options: [
2711
2711
  {
2712
2712
  value: "solid",
@@ -2724,64 +2724,64 @@ var Io = {
2724
2724
  "model-value": e.block.lineStyle,
2725
2725
  "onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
2726
2726
  }, null, 8, ["options", "model-value"])]),
2727
- k("div", Ko, [k("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
2727
+ A("div", qo, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
2728
2728
  "model-value": e.block.color,
2729
2729
  "onUpdate:modelValue": n[1] ||= (e) => i("color", e)
2730
2730
  }, null, 8, ["model-value"])]),
2731
- k("div", qo, [k("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), k("div", Jo, [k("input", {
2731
+ A("div", Jo, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", Yo, [A("input", {
2732
2732
  type: "number",
2733
2733
  class: y(g(X)),
2734
2734
  value: e.block.thickness,
2735
2735
  min: "1",
2736
2736
  max: "10",
2737
2737
  onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
2738
- }, null, 42, Yo), k("span", { class: y(g(Y)) }, "px", 2)])])
2738
+ }, null, 42, Xo), A("span", { class: y(g(Y)) }, "px", 2)])])
2739
2739
  ], 64));
2740
2740
  }
2741
- }), Zo = { class: "tpl:mb-3.5" }, Qo = ["value"], $o = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, es = /* @__PURE__ */ d({
2741
+ }), Qo = { class: "tpl:mb-3.5" }, $o = ["value"], es = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, ts = /* @__PURE__ */ d({
2742
2742
  __name: "HtmlToolbar",
2743
2743
  props: { block: {} },
2744
2744
  emits: ["update"],
2745
2745
  setup(e, { emit: t }) {
2746
2746
  let n = t, { t: r } = q();
2747
- return (t, i) => (s(), x("div", Zo, [
2748
- k("label", { class: y(g(J)) }, F(g(r).html.content), 3),
2749
- k("textarea", {
2747
+ return (t, i) => (s(), x("div", Qo, [
2748
+ A("label", { class: y(g(J)) }, F(g(r).html.content), 3),
2749
+ A("textarea", {
2750
2750
  value: e.block.content,
2751
2751
  placeholder: "<div>...</div>",
2752
2752
  rows: "10",
2753
- class: y(g(gn)),
2753
+ class: y(g(_n)),
2754
2754
  onInput: i[0] ||= (e) => n("update", { content: e.target.value })
2755
- }, null, 42, Qo),
2756
- k("p", $o, [_(g(Ut), {
2755
+ }, null, 42, $o),
2756
+ A("p", es, [_(g(Wt), {
2757
2757
  size: 12,
2758
2758
  class: "tpl:mt-0.5 tpl:shrink-0"
2759
2759
  }), R(" " + F(g(r).html.sanitizationHint), 1)])
2760
2760
  ]));
2761
2761
  }
2762
- }), ts = { class: "tpl:mb-3.5" }, ns = {
2762
+ }), ns = { class: "tpl:mb-3.5" }, rs = {
2763
2763
  key: 0,
2764
2764
  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)]",
2765
2765
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2766
- }, rs = {
2766
+ }, is = {
2767
2767
  key: 0,
2768
2768
  class: "tpl:mb-3.5"
2769
- }, is = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, as = [
2769
+ }, as = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, os = [
2770
2770
  "value",
2771
2771
  "placeholder",
2772
2772
  "title"
2773
- ], os = { class: "tpl:mb-3.5" }, ss = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, cs = { class: "tpl:mb-3.5" }, ls = ["value"], us = { value: "full" }, ds = { value: "custom" }, fs = {
2773
+ ], ss = { class: "tpl:mb-3.5" }, cs = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, ls = { class: "tpl:mb-3.5" }, us = ["value"], ds = { value: "full" }, fs = { value: "custom" }, ps = {
2774
2774
  key: 0,
2775
2775
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
2776
- }, ps = ["value"], ms = { class: "tpl:mb-3.5" }, hs = ["value"], gs = { value: "auto" }, _s = { value: "custom" }, vs = {
2776
+ }, ms = ["value"], hs = { class: "tpl:mb-3.5" }, gs = ["value"], _s = { value: "auto" }, vs = { value: "custom" }, ys = {
2777
2777
  key: 0,
2778
2778
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
2779
- }, ys = ["value"], bs = { class: "tpl:mb-3.5" }, xs = { class: "tpl:mb-3.5" }, Ss = 350, Cs = 200, ws = /* @__PURE__ */ d({
2779
+ }, bs = ["value"], xs = { class: "tpl:mb-3.5" }, Ss = { class: "tpl:mb-3.5" }, Cs = { class: "tpl:mb-3.5" }, ws = 350, Ts = 200, Es = /* @__PURE__ */ d({
2780
2780
  __name: "ImageToolbar",
2781
2781
  props: { block: {} },
2782
2782
  emits: ["update"],
2783
2783
  setup(e, { emit: n }) {
2784
- 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(() => {
2784
+ let i = e, a = n, { t: o } = q(), c = t(ot, null), u = t(st, se.liquid), d = pn(), f = b(() => !!c), p = l(!1), m = l(!1), { start: h } = Ve(() => {
2785
2785
  p.value = !1;
2786
2786
  }, 1e3, { immediate: !1 }), v = [
2787
2787
  300,
@@ -2797,30 +2797,33 @@ var Io = {
2797
2797
  function E(e) {
2798
2798
  if (e === "custom") {
2799
2799
  let e = i.block.width;
2800
- (typeof e != "number" || v.includes(e)) && T("width", Ss);
2800
+ (typeof e != "number" || v.includes(e)) && T("width", ws);
2801
2801
  return;
2802
2802
  }
2803
2803
  T("width", e === "full" ? "full" : Number(e));
2804
2804
  }
2805
2805
  function O(e) {
2806
- T("height", e === "custom" ? Cs : void 0);
2806
+ T("height", e === "custom" ? Ts : void 0);
2807
2807
  }
2808
- function ee(e) {
2808
+ function k(e) {
2809
2809
  let t = Number(e);
2810
2810
  !Number.isFinite(t) || t <= 0 || T("height", t);
2811
2811
  }
2812
- function A(e) {
2812
+ function j(e) {
2813
+ !Number.isFinite(e) || e < 0 || T("borderRadius", e > 0 ? e : void 0);
2814
+ }
2815
+ function M(e) {
2813
2816
  let t = Number(e);
2814
2817
  !Number.isFinite(t) || t <= 0 || T("width", t);
2815
2818
  }
2816
- async function j() {
2819
+ async function N() {
2817
2820
  let e = await c?.({ accept: ["images"] });
2818
2821
  d.alive && e && (T("src", e.url), e.alt && (T("alt", e.alt), m.value = !0), p.value = !0, h());
2819
2822
  }
2820
- let M = l(), N = l(!1), I = b(() => K(i.block.src, u)), L = b(() => f.value && !N.value && !I.value);
2821
- async function z(e) {
2823
+ let ee = l(), I = l(!1), L = b(() => K(i.block.src, u)), z = b(() => f.value && !I.value && !L.value);
2824
+ async function B(e) {
2822
2825
  if (c) {
2823
- N.value = !0;
2826
+ I.value = !0;
2824
2827
  try {
2825
2828
  let t = await c({
2826
2829
  accept: ["images"],
@@ -2829,30 +2832,30 @@ var Io = {
2829
2832
  if (!d.alive) return;
2830
2833
  t && (T("src", t.url), t.alt && (T("alt", t.alt), m.value = !0), p.value = !0, h());
2831
2834
  } finally {
2832
- d.alive && (N.value = !1);
2835
+ d.alive && (I.value = !1);
2833
2836
  }
2834
2837
  }
2835
2838
  }
2836
- let { isOver: B } = we({
2837
- target: M,
2838
- enabled: L,
2839
- onFiles: z
2839
+ let { isOver: V } = Te({
2840
+ target: ee,
2841
+ enabled: z,
2842
+ onFiles: B
2840
2843
  });
2841
2844
  return (t, n) => (s(), x(P, null, [
2842
- k("div", ts, [k("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), k("div", {
2845
+ A("div", ns, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
2843
2846
  ref_key: "dropZoneRef",
2844
- ref: M,
2847
+ ref: ee,
2845
2848
  class: "tpl:relative"
2846
2849
  }, [
2847
- L.value && (g(B) || N.value) ? (s(), x("div", ns, [N.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2850
+ z.value && (g(V) || I.value) ? (s(), x("div", rs, [I.value ? (s(), x(P, { key: 0 }, [_(g(Jt), {
2848
2851
  class: "tpl-spinner",
2849
2852
  size: 18,
2850
2853
  "stroke-width": 2
2851
- }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(nn), {
2854
+ }), R(" " + F(g(o).image.uploading), 1)], 64)) : (s(), x(P, { key: 1 }, [_(g(rn), {
2852
2855
  size: 18,
2853
2856
  "stroke-width": 1.5
2854
2857
  }), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
2855
- _($, {
2858
+ _(Vi, {
2856
2859
  "model-value": e.block.src,
2857
2860
  type: "url",
2858
2861
  placeholder: g(o).image.imageUrlPlaceholder,
@@ -2871,23 +2874,23 @@ var Io = {
2871
2874
  color: "var(--tpl-primary)",
2872
2875
  "background-color": "var(--tpl-bg)"
2873
2876
  },
2874
- onClick: j
2875
- }, [_(g(Gt), {
2877
+ onClick: N
2878
+ }, [_(g(Kt), {
2876
2879
  size: 14,
2877
2880
  "stroke-width": 1.5
2878
2881
  }), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
2879
2882
  ], 512)]),
2880
- g(K)(e.block.src, g(u)) ? (s(), x("div", rs, [k("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), k("span", is, F(g(o).image.optional), 1)], 2), k("input", {
2883
+ g(K)(e.block.src, g(u)) ? (s(), x("div", is, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", as, F(g(o).image.optional), 1)], 2), A("input", {
2881
2884
  type: "url",
2882
2885
  class: y(g(Z)),
2883
2886
  value: e.block.placeholderUrl || "",
2884
2887
  placeholder: g(o).image.placeholderUrlPlaceholder,
2885
2888
  title: g(o).image.placeholderUrlTooltip,
2886
2889
  onInput: n[1] ||= (e) => T("placeholderUrl", e.target.value)
2887
- }, null, 42, as)])) : S("", !0),
2888
- k("div", os, [
2889
- k("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
2890
- _($, {
2890
+ }, null, 42, os)])) : S("", !0),
2891
+ A("div", ss, [
2892
+ A("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
2893
+ _(Vi, {
2891
2894
  "model-value": e.block.alt,
2892
2895
  type: "text",
2893
2896
  placeholder: g(o).image.altTextPlaceholder,
@@ -2900,55 +2903,62 @@ var Io = {
2900
2903
  "pulse",
2901
2904
  "disabled"
2902
2905
  ]),
2903
- _(An, {
2906
+ _($, {
2904
2907
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
2905
2908
  "model-value": e.block.decorative === !0,
2906
2909
  label: g(o).image.decorative,
2907
2910
  "onUpdate:modelValue": n[3] ||= (e) => T("decorative", e)
2908
2911
  }, {
2909
- default: r(() => [k("span", null, [R(F(g(o).image.decorative) + " ", 1), k("span", ss, F(g(o).image.decorativeHint), 1)])]),
2912
+ default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", cs, F(g(o).image.decorativeHint), 1)])]),
2910
2913
  _: 1
2911
2914
  }, 8, ["model-value", "label"])
2912
2915
  ]),
2913
- k("div", cs, [
2914
- k("label", { class: y(g(J)) }, F(g(o).image.width), 3),
2915
- k("select", {
2916
+ A("div", ls, [
2917
+ A("label", { class: y(g(J)) }, F(g(o).image.width), 3),
2918
+ A("select", {
2916
2919
  class: y(g(Z)),
2917
2920
  value: C.value,
2918
2921
  onChange: n[4] ||= (e) => E(e.target.value)
2919
2922
  }, [
2920
- k("option", us, F(g(o).image.fullWidth), 1),
2921
- n[11] ||= k("option", { value: "300" }, "300px", -1),
2922
- n[12] ||= k("option", { value: "400" }, "400px", -1),
2923
- n[13] ||= k("option", { value: "500" }, "500px", -1),
2924
- k("option", ds, F(g(o).image.widthCustom), 1)
2925
- ], 42, ls),
2926
- C.value === "custom" ? (s(), x("div", fs, [k("input", {
2923
+ A("option", ds, F(g(o).image.fullWidth), 1),
2924
+ n[11] ||= A("option", { value: "300" }, "300px", -1),
2925
+ n[12] ||= A("option", { value: "400" }, "400px", -1),
2926
+ n[13] ||= A("option", { value: "500" }, "500px", -1),
2927
+ A("option", fs, F(g(o).image.widthCustom), 1)
2928
+ ], 42, us),
2929
+ C.value === "custom" ? (s(), x("div", ps, [A("input", {
2927
2930
  type: "number",
2928
2931
  class: y(g(X)),
2929
- value: typeof e.block.width == "number" ? e.block.width : Ss,
2932
+ value: typeof e.block.width == "number" ? e.block.width : ws,
2930
2933
  min: "20",
2931
- onInput: n[5] ||= (e) => A(e.target.value)
2932
- }, null, 42, ps), k("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2934
+ onInput: n[5] ||= (e) => M(e.target.value)
2935
+ }, null, 42, ms), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2933
2936
  ]),
2934
- k("div", ms, [
2935
- k("label", { class: y(g(J)) }, F(g(o).image.height), 3),
2936
- k("select", {
2937
+ A("div", hs, [
2938
+ A("label", { class: y(g(J)) }, F(g(o).image.height), 3),
2939
+ A("select", {
2937
2940
  class: y(g(Z)),
2938
2941
  "data-testid": "image-height-mode",
2939
2942
  value: w.value,
2940
2943
  onChange: n[6] ||= (e) => O(e.target.value)
2941
- }, [k("option", gs, F(g(o).image.heightAuto), 1), k("option", _s, F(g(o).image.heightCustom), 1)], 42, hs),
2942
- w.value === "custom" ? (s(), x("div", vs, [k("input", {
2944
+ }, [A("option", _s, F(g(o).image.heightAuto), 1), A("option", vs, F(g(o).image.heightCustom), 1)], 42, gs),
2945
+ w.value === "custom" ? (s(), x("div", ys, [A("input", {
2943
2946
  type: "number",
2944
2947
  "data-testid": "image-height-input",
2945
2948
  class: y(g(X)),
2946
2949
  value: e.block.height,
2947
2950
  min: "20",
2948
- onInput: n[7] ||= (e) => ee(e.target.value)
2949
- }, null, 42, ys), k("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2951
+ onInput: n[7] ||= (e) => k(e.target.value)
2952
+ }, null, 42, bs), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2950
2953
  ]),
2951
- k("div", bs, [k("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(Mn, {
2954
+ A("div", xs, [A("label", { class: y(g(J)) }, F(g(o).image.borderRadius), 3), _(jn, {
2955
+ "model-value": e.block.borderRadius ?? 0,
2956
+ min: 0,
2957
+ suffix: "px",
2958
+ testid: "image-border-radius-input",
2959
+ "onUpdate:modelValue": j
2960
+ }, null, 8, ["model-value"])]),
2961
+ A("div", Ss, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(Mn, {
2952
2962
  options: [
2953
2963
  {
2954
2964
  value: "left",
@@ -2966,15 +2976,15 @@ var Io = {
2966
2976
  "model-value": e.block.align,
2967
2977
  "onUpdate:modelValue": n[8] ||= (e) => T("align", e)
2968
2978
  }, null, 8, ["options", "model-value"])]),
2969
- k("div", xs, [
2970
- k("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
2971
- _($, {
2979
+ A("div", Cs, [
2980
+ A("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
2981
+ _(Vi, {
2972
2982
  "model-value": e.block.linkUrl || "",
2973
2983
  type: "url",
2974
2984
  placeholder: g(o).image.imageUrlPlaceholder,
2975
2985
  "onUpdate:modelValue": n[9] ||= (e) => T("linkUrl", e)
2976
2986
  }, null, 8, ["model-value", "placeholder"]),
2977
- e.block.linkUrl ? (s(), D(An, {
2987
+ e.block.linkUrl ? (s(), D($, {
2978
2988
  key: 0,
2979
2989
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
2980
2990
  "model-value": e.block.linkOpenInNewTab ?? !1,
@@ -2984,11 +2994,11 @@ var Io = {
2984
2994
  ])
2985
2995
  ], 64));
2986
2996
  }
2987
- }), Ts = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Es = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ds = [
2997
+ }), Ds = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Os = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ks = [
2988
2998
  "value",
2989
2999
  "placeholder",
2990
3000
  "onInput"
2991
- ], Os = ["title", "onClick"], ks = { 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)]" }, As = { class: "tpl:flex tpl:items-center tpl:gap-2" }, js = ["value"], Ms = { value: "" }, Ns = ["value"], Ps = ["value"], Fs = /* @__PURE__ */ d({
3001
+ ], As = ["title", "onClick"], js = { 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)]" }, Ms = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ns = ["value"], Ps = { value: "" }, Fs = ["value"], Is = ["value"], Ls = /* @__PURE__ */ d({
2992
3002
  __name: "MenuToolbar",
2993
3003
  props: {
2994
3004
  block: {},
@@ -3013,17 +3023,17 @@ var Io = {
3013
3023
  {
3014
3024
  value: "left",
3015
3025
  label: o.title.alignLeft,
3016
- icon: Xt
3026
+ icon: Zt
3017
3027
  },
3018
3028
  {
3019
3029
  value: "center",
3020
3030
  label: o.title.alignCenter,
3021
- icon: zt
3031
+ icon: Bt
3022
3032
  },
3023
3033
  {
3024
3034
  value: "right",
3025
3035
  label: o.title.alignRight,
3026
- icon: Kt
3036
+ icon: qt
3027
3037
  }
3028
3038
  ]);
3029
3039
  function u(e, t) {
@@ -3051,26 +3061,26 @@ var Io = {
3051
3061
  a("update", { items: i.block.items.filter((t) => t.id !== e) });
3052
3062
  }
3053
3063
  return (t, i) => (s(), x(P, null, [
3054
- _(jn, { label: g(o).menu.items }, {
3055
- default: r(() => [k("div", Ts, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3064
+ _(Nn, { label: g(o).menu.items }, {
3065
+ default: r(() => [A("div", Ds, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3056
3066
  key: t.id,
3057
3067
  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"
3058
3068
  }, [
3059
- k("div", Es, [k("input", {
3069
+ A("div", Os, [A("input", {
3060
3070
  type: "text",
3061
3071
  class: y([g(Z), "tpl:flex-1"]),
3062
3072
  value: t.text,
3063
3073
  placeholder: g(o).menu.text,
3064
3074
  onInput: (e) => f(t.id, "text", e.target.value)
3065
- }, null, 42, Ds), k("button", {
3066
- class: y(g(_n)),
3075
+ }, null, 42, ks), A("button", {
3076
+ class: y(g(vn)),
3067
3077
  title: g(o).menu.removeItem,
3068
3078
  onClick: (e) => p(t.id)
3069
- }, [_(g(Zt), {
3079
+ }, [_(g(Qt), {
3070
3080
  size: 14,
3071
3081
  "stroke-width": 2
3072
- })], 10, Os)]),
3073
- _($, {
3082
+ })], 10, As)]),
3083
+ _(Vi, {
3074
3084
  "model-value": t.url,
3075
3085
  type: "url",
3076
3086
  placeholder: g(o).menu.urlPlaceholder,
@@ -3080,7 +3090,7 @@ var Io = {
3080
3090
  "placeholder",
3081
3091
  "onUpdate:modelValue"
3082
3092
  ]),
3083
- k("div", ks, [(s(!0), x(P, null, n(c.value, (e) => (s(), D(An, {
3093
+ A("div", js, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
3084
3094
  key: e.key,
3085
3095
  "model-value": t[e.key],
3086
3096
  label: e.label,
@@ -3090,33 +3100,33 @@ var Io = {
3090
3100
  "label",
3091
3101
  "onUpdate:modelValue"
3092
3102
  ]))), 128))]),
3093
- k("div", As, [k("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
3103
+ A("div", Ms, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
3094
3104
  "swatch-only": "",
3095
3105
  "model-value": t.color || e.block.linkColor || e.block.color || "",
3096
3106
  "onUpdate:modelValue": (e) => f(t.id, "color", e)
3097
3107
  }, null, 8, ["model-value", "onUpdate:modelValue"])])
3098
- ]))), 128)), k("button", {
3099
- class: y(g(vn)),
3108
+ ]))), 128)), A("button", {
3109
+ class: y(g(yn)),
3100
3110
  onClick: d
3101
- }, [_(g(Lt), {
3111
+ }, [_(g(Rt), {
3102
3112
  size: 14,
3103
3113
  "stroke-width": 2
3104
3114
  }), R(" " + F(g(o).menu.addItem), 1)], 2)])]),
3105
3115
  _: 1
3106
3116
  }, 8, ["label"]),
3107
- _(jn, { label: g(o).menu.fontFamily }, {
3108
- default: r(() => [k("select", {
3117
+ _(Nn, { label: g(o).menu.fontFamily }, {
3118
+ default: r(() => [A("select", {
3109
3119
  class: y(g(Z)),
3110
3120
  value: e.block.fontFamily || "",
3111
3121
  onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
3112
- }, [k("option", Ms, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3122
+ }, [A("option", Ps, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3113
3123
  key: e.value,
3114
3124
  value: e.value
3115
- }, F(e.label), 9, Ns))), 128))], 42, js)]),
3125
+ }, F(e.label), 9, Fs))), 128))], 42, Ns)]),
3116
3126
  _: 1
3117
3127
  }, 8, ["label"]),
3118
- _(jn, { label: g(o).menu.fontSize }, {
3119
- default: r(() => [_(Nn, {
3128
+ _(Nn, { label: g(o).menu.fontSize }, {
3129
+ default: r(() => [_(jn, {
3120
3130
  "model-value": e.block.fontSize,
3121
3131
  min: 8,
3122
3132
  max: 48,
@@ -3125,21 +3135,21 @@ var Io = {
3125
3135
  }, null, 8, ["model-value"])]),
3126
3136
  _: 1
3127
3137
  }, 8, ["label"]),
3128
- _(jn, { label: g(o).menu.color }, {
3138
+ _(Nn, { label: g(o).menu.color }, {
3129
3139
  default: r(() => [_(Q, {
3130
3140
  "model-value": e.block.color ?? "",
3131
3141
  "onUpdate:modelValue": i[2] ||= (e) => u("color", e || void 0)
3132
3142
  }, null, 8, ["model-value"])]),
3133
3143
  _: 1
3134
3144
  }, 8, ["label"]),
3135
- _(jn, { label: g(o).menu.linkColor }, {
3145
+ _(Nn, { label: g(o).menu.linkColor }, {
3136
3146
  default: r(() => [_(Q, {
3137
3147
  "model-value": e.block.linkColor || e.block.color || "",
3138
3148
  "onUpdate:modelValue": i[3] ||= (e) => u("linkColor", e || void 0)
3139
3149
  }, null, 8, ["model-value"])]),
3140
3150
  _: 1
3141
3151
  }, 8, ["label"]),
3142
- _(jn, { label: g(o).menu.textAlign }, {
3152
+ _(Nn, { label: g(o).menu.textAlign }, {
3143
3153
  default: r(() => [_(Mn, {
3144
3154
  options: l.value,
3145
3155
  "model-value": e.block.textAlign,
@@ -3147,24 +3157,24 @@ var Io = {
3147
3157
  }, null, 8, ["options", "model-value"])]),
3148
3158
  _: 1
3149
3159
  }, 8, ["label"]),
3150
- _(jn, { label: g(o).menu.separator }, {
3151
- default: r(() => [k("input", {
3160
+ _(Nn, { label: g(o).menu.separator }, {
3161
+ default: r(() => [A("input", {
3152
3162
  type: "text",
3153
3163
  class: y(g(Z)),
3154
3164
  value: e.block.separator,
3155
3165
  onInput: i[5] ||= (e) => u("separator", e.target.value)
3156
- }, null, 42, Ps)]),
3166
+ }, null, 42, Is)]),
3157
3167
  _: 1
3158
3168
  }, 8, ["label"]),
3159
- _(jn, { label: g(o).menu.separatorColor }, {
3169
+ _(Nn, { label: g(o).menu.separatorColor }, {
3160
3170
  default: r(() => [_(Q, {
3161
3171
  "model-value": e.block.separatorColor,
3162
3172
  "onUpdate:modelValue": i[6] ||= (e) => u("separatorColor", e)
3163
3173
  }, null, 8, ["model-value"])]),
3164
3174
  _: 1
3165
3175
  }, 8, ["label"]),
3166
- _(jn, { label: g(o).menu.spacing }, {
3167
- default: r(() => [_(Nn, {
3176
+ _(Nn, { label: g(o).menu.spacing }, {
3177
+ default: r(() => [_(jn, {
3168
3178
  "model-value": e.block.spacing,
3169
3179
  min: 0,
3170
3180
  max: 50,
@@ -3175,14 +3185,32 @@ var Io = {
3175
3185
  }, 8, ["label"])
3176
3186
  ], 64));
3177
3187
  }
3188
+ }), Rs = {
3189
+ class: "tpl:mb-3.5",
3190
+ "data-testid": "paragraph-spacing"
3191
+ }, zs = { class: "tpl:flex tpl:items-stretch" }, Bs = ["value"], Vs = /* @__PURE__ */ d({
3192
+ __name: "ParagraphToolbar",
3193
+ props: { block: {} },
3194
+ emits: ["update"],
3195
+ setup(e, { emit: t }) {
3196
+ let n = t, { t: r } = q();
3197
+ return (t, i) => (s(), x("div", Rs, [A("label", { class: y(g(J)) }, F(g(r).paragraph.paragraphSpacing), 3), A("div", zs, [A("input", {
3198
+ type: "number",
3199
+ class: y(g(X)),
3200
+ value: e.block.paragraphSpacing ?? g(ae).paragraphGap,
3201
+ min: "0",
3202
+ max: "64",
3203
+ onInput: i[0] ||= (e) => n("update", { paragraphSpacing: Number(e.target.value) })
3204
+ }, null, 42, Bs), A("span", { class: y(g(Y)) }, "px", 2)])]));
3205
+ }
3178
3206
  });
3179
3207
  //#endregion
3180
3208
  //#region src/utils/rebalanceColumnChildren.ts
3181
- function Is(e) {
3209
+ function Hs(e) {
3182
3210
  return e === "1" ? 1 : e === "3" ? 3 : 2;
3183
3211
  }
3184
- function Ls(e, t) {
3185
- let n = Is(t);
3212
+ function Us(e, t) {
3213
+ let n = Hs(t);
3186
3214
  if (e.length === n) return e;
3187
3215
  if (e.length < n) {
3188
3216
  let t = Array.from({ length: n - e.length }, () => []);
@@ -3193,13 +3221,13 @@ function Ls(e, t) {
3193
3221
  }
3194
3222
  //#endregion
3195
3223
  //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
3196
- var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3224
+ var Ws = { class: "tpl:mb-3.5" }, Gs = ["value"], Ks = ["value"], qs = {
3197
3225
  key: 0,
3198
3226
  class: "tpl:mb-3.5"
3199
- }, Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:flex tpl:items-stretch" }, Ws = ["value"], Gs = { class: "tpl:mb-3.5" }, Ks = {
3227
+ }, Js = { class: "tpl:mb-3.5" }, Ys = { class: "tpl:flex tpl:items-stretch" }, Xs = ["value"], Zs = { class: "tpl:mb-3.5" }, Qs = {
3200
3228
  key: 0,
3201
3229
  class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
3202
- }, qs = { class: "tpl:flex tpl:items-stretch" }, Js = ["value"], Ys = /* @__PURE__ */ d({
3230
+ }, $s = { class: "tpl:flex tpl:items-stretch" }, ec = ["value"], tc = /* @__PURE__ */ d({
3203
3231
  __name: "SectionToolbar",
3204
3232
  props: { block: {} },
3205
3233
  emits: ["update"],
@@ -3227,7 +3255,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3227
3255
  }
3228
3256
  ]);
3229
3257
  function c(e) {
3230
- let t = e.target.value, n = Ls(r.block.children, t);
3258
+ let t = e.target.value, n = Us(r.block.children, t);
3231
3259
  i("update", {
3232
3260
  columns: t,
3233
3261
  children: n
@@ -3261,39 +3289,39 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3261
3289
  f({ borderRadius: Number(e.target.value) });
3262
3290
  }
3263
3291
  return (t, r) => (s(), x(P, null, [
3264
- k("div", Rs, [k("label", { class: y(g(J)) }, F(g(a).section.columns), 3), k("select", {
3292
+ A("div", Ws, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
3265
3293
  class: y(g(Z)),
3266
3294
  value: e.block.columns,
3267
3295
  onChange: c
3268
3296
  }, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
3269
3297
  key: e.value,
3270
3298
  value: e.value
3271
- }, F(e.label), 9, Bs))), 128))], 42, zs)]),
3272
- e.block.columns === "1" ? S("", !0) : (s(), x("div", Vs, [_(An, {
3299
+ }, F(e.label), 9, Ks))), 128))], 42, Gs)]),
3300
+ e.block.columns === "1" ? S("", !0) : (s(), x("div", qs, [_($, {
3273
3301
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3274
3302
  "model-value": e.block.stackOnMobile !== !1,
3275
3303
  label: g(a).section.stackOnMobile,
3276
3304
  "onUpdate:modelValue": r[0] ||= (e) => l(e)
3277
3305
  }, null, 8, ["model-value", "label"])])),
3278
- k("div", Hs, [k("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), k("div", Us, [k("input", {
3306
+ A("div", Js, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Ys, [A("input", {
3279
3307
  type: "number",
3280
3308
  class: y(g(X)),
3281
3309
  value: e.block.borderRadius ?? 0,
3282
3310
  min: "0",
3283
3311
  max: "50",
3284
3312
  onInput: u
3285
- }, null, 42, Ws), k("span", { class: y(g(Y)) }, "px", 2)])]),
3286
- k("div", Gs, [_(An, {
3313
+ }, null, 42, Xs), A("span", { class: y(g(Y)) }, "px", 2)])]),
3314
+ A("div", Zs, [_($, {
3287
3315
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3288
3316
  "model-value": !!e.block.wrapper,
3289
3317
  label: g(a).section.wrapperEnable,
3290
3318
  "onUpdate:modelValue": r[1] ||= (e) => d(e)
3291
- }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Ks, [
3292
- k("div", null, [k("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
3319
+ }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Qs, [
3320
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
3293
3321
  "model-value": e.block.wrapper.backgroundColor ?? "",
3294
3322
  "onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
3295
3323
  }, null, 8, ["model-value"])]),
3296
- _(Fa, {
3324
+ _(Ia, {
3297
3325
  label: g(a).blockSettings.padding,
3298
3326
  "model-value": e.block.wrapper.padding ?? {
3299
3327
  top: 0,
@@ -3303,18 +3331,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3303
3331
  },
3304
3332
  "onUpdate:modelValue": p
3305
3333
  }, null, 8, ["label", "model-value"]),
3306
- k("div", null, [k("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), k("div", qs, [k("input", {
3334
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", $s, [A("input", {
3307
3335
  type: "number",
3308
3336
  class: y(g(X)),
3309
3337
  value: e.block.wrapper.borderRadius ?? 0,
3310
3338
  min: "0",
3311
3339
  max: "50",
3312
3340
  onInput: m
3313
- }, null, 42, Js), k("span", { class: y(g(Y)) }, "px", 2)])])
3341
+ }, null, 42, ec), A("span", { class: y(g(Y)) }, "px", 2)])])
3314
3342
  ])) : S("", !0)])
3315
3343
  ], 64));
3316
3344
  }
3317
- }), Xs = { class: "tpl:mb-3.5" }, Zs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Qs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, $s = ["value", "onChange"], ec = ["value"], tc = ["title", "onClick"], nc = { class: "tpl:mb-3.5" }, rc = ["value"], ic = { value: "solid" }, ac = { value: "outlined" }, oc = { value: "rounded" }, sc = { value: "square" }, cc = { value: "circle" }, lc = { class: "tpl:mb-3.5" }, uc = { class: "tpl:mb-3.5" }, dc = { class: "tpl:flex tpl:items-stretch" }, fc = ["value"], pc = { class: "tpl:mb-3.5" }, mc = /* @__PURE__ */ d({
3345
+ }), nc = { class: "tpl:mb-3.5" }, rc = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, ic = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ac = ["value", "onChange"], oc = ["value"], sc = ["title", "onClick"], cc = { class: "tpl:mb-3.5" }, lc = ["value"], uc = { value: "solid" }, dc = { value: "outlined" }, fc = { value: "rounded" }, pc = { value: "square" }, mc = { value: "circle" }, hc = { class: "tpl:mb-3.5" }, gc = { class: "tpl:mb-3.5" }, _c = { class: "tpl:flex tpl:items-stretch" }, vc = ["value"], yc = { class: "tpl:mb-3.5" }, bc = /* @__PURE__ */ d({
3318
3346
  __name: "SocialToolbar",
3319
3347
  props: { block: {} },
3320
3348
  emits: ["update"],
@@ -3342,25 +3370,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3342
3370
  i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
3343
3371
  }
3344
3372
  return (t, r) => (s(), x(P, null, [
3345
- k("div", Xs, [k("label", { class: y(g(J)) }, F(g(a).social.icons), 3), k("div", Zs, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3373
+ A("div", nc, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", rc, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3346
3374
  key: e.id,
3347
3375
  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"
3348
- }, [k("div", Qs, [k("select", {
3376
+ }, [A("div", ic, [A("select", {
3349
3377
  "data-testid": "social-platform-select",
3350
3378
  class: y([g(Z), "tpl:flex-1"]),
3351
3379
  value: e.platform,
3352
3380
  onChange: (t) => l(e.id, "platform", t.target.value)
3353
- }, [(s(!0), x(P, null, n(g(Me), (e) => (s(), x("option", {
3381
+ }, [(s(!0), x(P, null, n(g(Ne), (e) => (s(), x("option", {
3354
3382
  key: e,
3355
3383
  value: e
3356
- }, F(g(a).social.platforms[e]), 9, ec))), 128))], 42, $s), k("button", {
3357
- class: y(g(_n)),
3384
+ }, F(g(a).social.platforms[e]), 9, oc))), 128))], 42, ac), A("button", {
3385
+ class: y(g(vn)),
3358
3386
  title: g(a).social.removeIcon,
3359
3387
  onClick: (t) => u(e.id)
3360
- }, [_(g(Zt), {
3388
+ }, [_(g(Qt), {
3361
3389
  size: 14,
3362
3390
  "stroke-width": 2
3363
- })], 10, tc)]), _($, {
3391
+ })], 10, sc)]), _(Vi, {
3364
3392
  "model-value": e.url,
3365
3393
  type: "url",
3366
3394
  placeholder: g(a).social.urlPlaceholder,
@@ -3369,25 +3397,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3369
3397
  "model-value",
3370
3398
  "placeholder",
3371
3399
  "onUpdate:modelValue"
3372
- ])]))), 128)), k("button", {
3373
- class: y(g(vn)),
3400
+ ])]))), 128)), A("button", {
3401
+ class: y(g(yn)),
3374
3402
  onClick: c
3375
- }, [_(g(Lt), {
3403
+ }, [_(g(Rt), {
3376
3404
  size: 14,
3377
3405
  "stroke-width": 2
3378
3406
  }), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
3379
- k("div", nc, [k("label", { class: y(g(J)) }, F(g(a).social.style), 3), k("select", {
3407
+ A("div", cc, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
3380
3408
  class: y(g(Z)),
3381
3409
  value: e.block.iconStyle,
3382
3410
  onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
3383
3411
  }, [
3384
- k("option", ic, F(g(a).social.styleSolid), 1),
3385
- k("option", ac, F(g(a).social.styleOutlined), 1),
3386
- k("option", oc, F(g(a).social.styleRounded), 1),
3387
- k("option", sc, F(g(a).social.styleSquare), 1),
3388
- k("option", cc, F(g(a).social.styleCircle), 1)
3389
- ], 42, rc)]),
3390
- k("div", lc, [k("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(Mn, {
3412
+ A("option", uc, F(g(a).social.styleSolid), 1),
3413
+ A("option", dc, F(g(a).social.styleOutlined), 1),
3414
+ A("option", fc, F(g(a).social.styleRounded), 1),
3415
+ A("option", pc, F(g(a).social.styleSquare), 1),
3416
+ A("option", mc, F(g(a).social.styleCircle), 1)
3417
+ ], 42, lc)]),
3418
+ A("div", hc, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(Mn, {
3391
3419
  options: [
3392
3420
  {
3393
3421
  value: "small",
@@ -3405,30 +3433,30 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3405
3433
  "model-value": e.block.iconSize,
3406
3434
  "onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
3407
3435
  }, null, 8, ["options", "model-value"])]),
3408
- k("div", uc, [k("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), k("div", dc, [k("input", {
3436
+ A("div", gc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", _c, [A("input", {
3409
3437
  type: "number",
3410
3438
  class: y(g(X)),
3411
3439
  value: e.block.spacing,
3412
3440
  min: "0",
3413
3441
  max: "50",
3414
3442
  onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
3415
- }, null, 42, fc), k("span", { class: y(g(Y)) }, "px", 2)])]),
3416
- k("div", pc, [k("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(Mn, {
3443
+ }, null, 42, vc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3444
+ A("div", yc, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(Mn, {
3417
3445
  options: [
3418
3446
  {
3419
3447
  value: "left",
3420
3448
  label: g(a).title.alignLeft,
3421
- icon: g(Xt)
3449
+ icon: g(Zt)
3422
3450
  },
3423
3451
  {
3424
3452
  value: "center",
3425
3453
  label: g(a).title.alignCenter,
3426
- icon: g(zt)
3454
+ icon: g(Bt)
3427
3455
  },
3428
3456
  {
3429
3457
  value: "right",
3430
3458
  label: g(a).title.alignRight,
3431
- icon: g(Kt)
3459
+ icon: g(qt)
3432
3460
  }
3433
3461
  ],
3434
3462
  "model-value": e.block.align,
@@ -3436,36 +3464,36 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3436
3464
  }, null, 8, ["options", "model-value"])])
3437
3465
  ], 64));
3438
3466
  }
3439
- }), hc = { class: "tpl:mb-3.5" }, gc = { class: "tpl:flex tpl:items-stretch" }, _c = ["value"], vc = ["value"], yc = /* @__PURE__ */ d({
3467
+ }), xc = { class: "tpl:mb-3.5" }, Sc = { class: "tpl:flex tpl:items-stretch" }, Cc = ["value"], wc = ["value"], Tc = /* @__PURE__ */ d({
3440
3468
  __name: "SpacerToolbar",
3441
3469
  props: { block: {} },
3442
3470
  emits: ["update"],
3443
3471
  setup(e, { emit: t }) {
3444
3472
  let n = t, { t: r } = q();
3445
- return (t, i) => (s(), x("div", hc, [
3446
- k("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
3447
- k("div", gc, [k("input", {
3473
+ return (t, i) => (s(), x("div", xc, [
3474
+ A("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
3475
+ A("div", Sc, [A("input", {
3448
3476
  type: "number",
3449
3477
  class: y(g(X)),
3450
3478
  value: e.block.height,
3451
3479
  min: "10",
3452
3480
  max: "100",
3453
3481
  onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
3454
- }, null, 42, _c), k("span", { class: y(g(Y)) }, "px", 2)]),
3455
- k("input", {
3482
+ }, null, 42, Cc), A("span", { class: y(g(Y)) }, "px", 2)]),
3483
+ A("input", {
3456
3484
  type: "range",
3457
3485
  class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
3458
3486
  value: e.block.height,
3459
3487
  min: "10",
3460
3488
  max: "100",
3461
3489
  onInput: i[1] ||= (e) => n("update", { height: Number(e.target.value) })
3462
- }, null, 40, vc)
3490
+ }, null, 40, wc)
3463
3491
  ]));
3464
3492
  }
3465
- }), bc = { class: "tpl:mb-3.5" }, xc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Sc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Cc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, wc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Tc = ["disabled"], Ec = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Dc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Oc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, kc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ac = ["disabled"], jc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Mc = { class: "tpl:mb-3.5" }, Nc = {
3493
+ }), Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Oc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, kc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ac = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, jc = ["disabled"], Mc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Nc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, Pc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Fc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Ic = ["disabled"], Lc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Rc = { class: "tpl:mb-3.5" }, zc = {
3466
3494
  key: 0,
3467
3495
  class: "tpl:mb-3.5"
3468
- }, Pc = { class: "tpl:mb-3.5" }, Fc = { class: "tpl:mb-3.5" }, Ic = { class: "tpl:flex tpl:items-stretch" }, Lc = ["value"], Rc = { class: "tpl:mb-3.5" }, zc = { class: "tpl:flex tpl:items-stretch" }, Bc = ["value"], Vc = { class: "tpl:mb-3.5" }, Hc = ["value"], Uc = { value: "" }, Wc = ["value"], Gc = { class: "tpl:mb-3.5" }, Kc = { class: "tpl:flex tpl:items-stretch" }, qc = ["value"], Jc = { class: "tpl:mb-3.5" }, Yc = { class: "tpl:mb-3.5" }, Xc = /* @__PURE__ */ d({
3496
+ }, Bc = { class: "tpl:mb-3.5" }, Vc = { class: "tpl:mb-3.5" }, Hc = { class: "tpl:flex tpl:items-stretch" }, Uc = ["value"], Wc = { class: "tpl:mb-3.5" }, Gc = { class: "tpl:flex tpl:items-stretch" }, Kc = ["value"], qc = { class: "tpl:mb-3.5" }, Jc = ["value"], Yc = { value: "" }, Xc = ["value"], Zc = { class: "tpl:mb-3.5" }, Qc = { class: "tpl:flex tpl:items-stretch" }, $c = ["value"], el = { class: "tpl:mb-3.5" }, tl = { class: "tpl:mb-3.5" }, nl = /* @__PURE__ */ d({
3469
3497
  __name: "TableToolbar",
3470
3498
  props: {
3471
3499
  block: {},
@@ -3508,50 +3536,50 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3508
3536
  i("update", { rows: t });
3509
3537
  }
3510
3538
  return (t, r) => (s(), x(P, null, [
3511
- k("div", bc, [k("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), k("div", xc, [k("div", Sc, [k("span", Cc, F(g(a).table.rows), 1), k("div", wc, [
3512
- k("button", {
3539
+ A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", Dc, [A("div", Oc, [A("span", kc, F(g(a).table.rows), 1), A("div", Ac, [
3540
+ A("button", {
3513
3541
  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",
3514
3542
  disabled: e.block.rows.length <= 1,
3515
3543
  onClick: r[0] ||= (t) => u(e.block.rows[e.block.rows.length - 1].id)
3516
- }, [_(g(Wt), {
3544
+ }, [_(g(Gt), {
3517
3545
  size: 12,
3518
3546
  "stroke-width": 2
3519
- })], 8, Tc),
3520
- k("span", Ec, F(e.block.rows.length), 1),
3521
- k("button", {
3547
+ })], 8, jc),
3548
+ A("span", Mc, F(e.block.rows.length), 1),
3549
+ A("button", {
3522
3550
  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)]",
3523
3551
  onClick: l
3524
- }, [_(g(Lt), {
3552
+ }, [_(g(Rt), {
3525
3553
  size: 12,
3526
3554
  "stroke-width": 2
3527
3555
  })])
3528
- ])]), k("div", Dc, [k("span", Oc, F(g(a).table.columns), 1), k("div", kc, [
3529
- k("button", {
3556
+ ])]), A("div", Nc, [A("span", Pc, F(g(a).table.columns), 1), A("div", Fc, [
3557
+ A("button", {
3530
3558
  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",
3531
3559
  disabled: o.value <= 1,
3532
3560
  onClick: r[1] ||= (e) => f(o.value - 1)
3533
- }, [_(g(Wt), {
3561
+ }, [_(g(Gt), {
3534
3562
  size: 12,
3535
3563
  "stroke-width": 2
3536
- })], 8, Ac),
3537
- k("span", jc, F(o.value), 1),
3538
- k("button", {
3564
+ })], 8, Ic),
3565
+ A("span", Lc, F(o.value), 1),
3566
+ A("button", {
3539
3567
  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)]",
3540
3568
  onClick: d
3541
- }, [_(g(Lt), {
3569
+ }, [_(g(Rt), {
3542
3570
  size: 12,
3543
3571
  "stroke-width": 2
3544
3572
  })])
3545
3573
  ])])])]),
3546
- k("div", Mc, [_(An, {
3574
+ A("div", Rc, [_($, {
3547
3575
  class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
3548
3576
  "model-value": e.block.hasHeaderRow,
3549
3577
  label: g(a).table.hasHeaderRow,
3550
3578
  "onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
3551
3579
  }, null, 8, ["model-value", "label"])]),
3552
- e.block.hasHeaderRow ? (s(), x("div", Nc, [k("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
3580
+ e.block.hasHeaderRow ? (s(), x("div", zc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
3553
3581
  "model-value": e.block.headerBackgroundColor ?? "",
3554
- "seed-color": g(bn),
3582
+ "seed-color": g(xn),
3555
3583
  placeholder: g(a).table.noHeaderBg,
3556
3584
  "onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
3557
3585
  }, null, 8, [
@@ -3559,62 +3587,62 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3559
3587
  "seed-color",
3560
3588
  "placeholder"
3561
3589
  ])])) : S("", !0),
3562
- k("div", Pc, [k("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
3590
+ A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
3563
3591
  "model-value": e.block.borderColor,
3564
3592
  "onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
3565
3593
  }, null, 8, ["model-value"])]),
3566
- k("div", Fc, [k("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), k("div", Ic, [k("input", {
3594
+ A("div", Vc, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Hc, [A("input", {
3567
3595
  type: "number",
3568
3596
  class: y(g(X)),
3569
3597
  value: e.block.borderWidth,
3570
3598
  min: "0",
3571
3599
  max: "10",
3572
3600
  onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
3573
- }, null, 42, Lc), k("span", { class: y(g(Y)) }, "px", 2)])]),
3574
- k("div", Rc, [k("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), k("div", zc, [k("input", {
3601
+ }, null, 42, Uc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3602
+ A("div", Wc, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", Gc, [A("input", {
3575
3603
  type: "number",
3576
3604
  class: y(g(X)),
3577
3605
  value: e.block.cellPadding,
3578
3606
  min: "0",
3579
3607
  max: "30",
3580
3608
  onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
3581
- }, null, 42, Bc), k("span", { class: y(g(Y)) }, "px", 2)])]),
3582
- k("div", Vc, [k("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), k("select", {
3609
+ }, null, 42, Kc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3610
+ A("div", qc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
3583
3611
  class: y(g(Z)),
3584
3612
  value: e.block.fontFamily || "",
3585
3613
  onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
3586
- }, [k("option", Uc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3614
+ }, [A("option", Yc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3587
3615
  key: e.value,
3588
3616
  value: e.value
3589
- }, F(e.label), 9, Wc))), 128))], 42, Hc)]),
3590
- k("div", Gc, [k("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), k("div", Kc, [k("input", {
3617
+ }, F(e.label), 9, Xc))), 128))], 42, Jc)]),
3618
+ A("div", Zc, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Qc, [A("input", {
3591
3619
  type: "number",
3592
3620
  class: y(g(X)),
3593
3621
  value: e.block.fontSize,
3594
3622
  min: "10",
3595
3623
  max: "32",
3596
3624
  onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
3597
- }, null, 42, qc), k("span", { class: y(g(Y)) }, "px", 2)])]),
3598
- k("div", Jc, [k("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
3625
+ }, null, 42, $c), A("span", { class: y(g(Y)) }, "px", 2)])]),
3626
+ A("div", el, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
3599
3627
  "model-value": e.block.color ?? "",
3600
3628
  "onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
3601
3629
  }, null, 8, ["model-value"])]),
3602
- k("div", Yc, [k("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(Mn, {
3630
+ A("div", tl, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(Mn, {
3603
3631
  options: [
3604
3632
  {
3605
3633
  value: "left",
3606
3634
  label: g(a).title.alignLeft,
3607
- icon: g(Xt)
3635
+ icon: g(Zt)
3608
3636
  },
3609
3637
  {
3610
3638
  value: "center",
3611
3639
  label: g(a).title.alignCenter,
3612
- icon: g(zt)
3640
+ icon: g(Bt)
3613
3641
  },
3614
3642
  {
3615
3643
  value: "right",
3616
3644
  label: g(a).title.alignRight,
3617
- icon: g(Kt)
3645
+ icon: g(qt)
3618
3646
  }
3619
3647
  ],
3620
3648
  "model-value": e.block.textAlign,
@@ -3622,7 +3650,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3622
3650
  }, null, 8, ["options", "model-value"])])
3623
3651
  ], 64));
3624
3652
  }
3625
- }), Zc = { class: "tpl:mb-3.5" }, Qc = ["value"], $c = { value: 1 }, el = { value: 2 }, tl = { value: 3 }, nl = { value: 4 }, rl = { class: "tpl:mb-3.5" }, il = ["value"], al = { value: "" }, ol = ["value"], sl = { class: "tpl:mb-3.5" }, cl = { class: "tpl:mb-3.5" }, ll = /* @__PURE__ */ d({
3653
+ }), rl = { class: "tpl:mb-3.5" }, il = ["value"], al = { value: 1 }, ol = { value: 2 }, sl = { value: 3 }, cl = { value: 4 }, ll = { class: "tpl:mb-3.5" }, ul = ["value"], dl = { value: "" }, fl = ["value"], pl = { class: "tpl:mb-3.5" }, ml = { class: "tpl:mb-3.5" }, hl = /* @__PURE__ */ d({
3626
3654
  __name: "TitleToolbar",
3627
3655
  props: {
3628
3656
  block: {},
@@ -3635,44 +3663,44 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3635
3663
  r("update", { [e]: t });
3636
3664
  }
3637
3665
  return (t, r) => (s(), x(P, null, [
3638
- k("div", Zc, [k("label", { class: y(g(J)) }, F(g(i).title.level), 3), k("select", {
3666
+ A("div", rl, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
3639
3667
  class: y(g(Z)),
3640
3668
  value: e.block.level,
3641
3669
  onChange: r[0] ||= (e) => a("level", Number(e.target.value))
3642
3670
  }, [
3643
- k("option", $c, F(g(i).title.heading1), 1),
3644
- k("option", el, F(g(i).title.heading2), 1),
3645
- k("option", tl, F(g(i).title.heading3), 1),
3646
- k("option", nl, F(g(i).title.heading4), 1)
3647
- ], 42, Qc)]),
3648
- k("div", rl, [k("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), k("select", {
3671
+ A("option", al, F(g(i).title.heading1), 1),
3672
+ A("option", ol, F(g(i).title.heading2), 1),
3673
+ A("option", sl, F(g(i).title.heading3), 1),
3674
+ A("option", cl, F(g(i).title.heading4), 1)
3675
+ ], 42, il)]),
3676
+ A("div", ll, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
3649
3677
  class: y(g(Z)),
3650
3678
  value: e.block.fontFamily || "",
3651
3679
  onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
3652
- }, [k("option", al, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3680
+ }, [A("option", dl, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3653
3681
  key: e.value,
3654
3682
  value: e.value
3655
- }, F(e.label), 9, ol))), 128))], 42, il)]),
3656
- k("div", sl, [k("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
3683
+ }, F(e.label), 9, fl))), 128))], 42, ul)]),
3684
+ A("div", pl, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
3657
3685
  "model-value": e.block.color ?? "",
3658
3686
  "onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
3659
3687
  }, null, 8, ["model-value"])]),
3660
- k("div", cl, [k("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(Mn, {
3688
+ A("div", ml, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(Mn, {
3661
3689
  options: [
3662
3690
  {
3663
3691
  value: "left",
3664
3692
  label: g(i).title.alignLeft,
3665
- icon: g(Xt)
3693
+ icon: g(Zt)
3666
3694
  },
3667
3695
  {
3668
3696
  value: "center",
3669
3697
  label: g(i).title.alignCenter,
3670
- icon: g(zt)
3698
+ icon: g(Bt)
3671
3699
  },
3672
3700
  {
3673
3701
  value: "right",
3674
3702
  label: g(i).title.alignRight,
3675
- icon: g(Kt)
3703
+ icon: g(qt)
3676
3704
  }
3677
3705
  ],
3678
3706
  "model-value": e.block.textAlign,
@@ -3680,29 +3708,29 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3680
3708
  }, null, 8, ["options", "model-value"])])
3681
3709
  ], 64));
3682
3710
  }
3683
- }), ul = { class: "tpl:mb-3.5" }, dl = {
3711
+ }), gl = { class: "tpl:mb-3.5" }, _l = {
3684
3712
  key: 0,
3685
3713
  class: "tpl:mb-3.5"
3686
- }, fl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, pl = [
3714
+ }, vl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, yl = [
3687
3715
  "value",
3688
3716
  "placeholder",
3689
3717
  "title"
3690
- ], ml = { class: "tpl:mb-3.5" }, hl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, gl = { class: "tpl:mb-3.5" }, _l = { class: "tpl:mb-3.5" }, vl = ["value"], yl = { value: "full" }, bl = { class: "tpl:mb-3.5" }, xl = ["value"], Sl = { value: "auto" }, Cl = { value: "custom" }, wl = {
3718
+ ], bl = { class: "tpl:mb-3.5" }, xl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, Sl = { class: "tpl:mb-3.5" }, Cl = { class: "tpl:mb-3.5" }, wl = ["value"], Tl = { value: "full" }, El = { class: "tpl:mb-3.5" }, Dl = ["value"], Ol = { value: "auto" }, kl = { value: "custom" }, Al = {
3691
3719
  key: 0,
3692
3720
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
3693
- }, Tl = ["value"], El = { class: "tpl:mb-3.5" }, Dl = 200, Ol = /* @__PURE__ */ d({
3721
+ }, jl = ["value"], Ml = { class: "tpl:mb-3.5" }, Nl = 200, Pl = /* @__PURE__ */ d({
3694
3722
  __name: "VideoToolbar",
3695
3723
  props: { block: {} },
3696
3724
  emits: ["update"],
3697
3725
  setup(e, { emit: n }) {
3698
- 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 = b(() => typeof r.block.height == "number" ? "custom" : "auto"), m = l(!1), { start: h } = Be(() => {
3726
+ let r = e, i = n, { t: a } = q(), o = t(ot, null), c = t(st, se.liquid), u = pn(), d = b(() => !!o), f = b(() => K(r.block.url, c)), p = b(() => typeof r.block.height == "number" ? "custom" : "auto"), m = l(!1), { start: h } = Ve(() => {
3699
3727
  m.value = !1;
3700
3728
  }, 1e3, { immediate: !1 });
3701
3729
  function v(e, t) {
3702
3730
  i("update", { [e]: t });
3703
3731
  }
3704
3732
  function C(e) {
3705
- v("height", e === "custom" ? Dl : void 0);
3733
+ v("height", e === "custom" ? Nl : void 0);
3706
3734
  }
3707
3735
  function w(e) {
3708
3736
  let t = Number(e);
@@ -3713,15 +3741,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3713
3741
  u.alive && e && (v("thumbnailUrl", e.url), m.value = !0, h());
3714
3742
  }
3715
3743
  return (t, n) => (s(), x(P, null, [
3716
- k("div", ul, [
3717
- k("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
3718
- _($, {
3744
+ A("div", gl, [
3745
+ A("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
3746
+ _(Vi, {
3719
3747
  "model-value": e.block.url,
3720
3748
  type: "url",
3721
3749
  placeholder: g(a).video.videoUrlPlaceholder,
3722
3750
  "onUpdate:modelValue": n[0] ||= (e) => v("url", e)
3723
3751
  }, null, 8, ["model-value", "placeholder"]),
3724
- e.block.url ? (s(), D(An, {
3752
+ e.block.url ? (s(), D($, {
3725
3753
  key: 0,
3726
3754
  class: "tpl:mt-2 tpl:text-[12px] tpl:text-[var(--tpl-text-muted)]",
3727
3755
  "model-value": e.block.openInNewTab ?? !1,
@@ -3729,17 +3757,17 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3729
3757
  "onUpdate:modelValue": n[1] ||= (e) => v("openInNewTab", e)
3730
3758
  }, null, 8, ["model-value", "label"])) : S("", !0)
3731
3759
  ]),
3732
- f.value ? (s(), x("div", dl, [k("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), k("span", fl, F(g(a).video.optional), 1)], 2), k("input", {
3760
+ f.value ? (s(), x("div", _l, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", vl, F(g(a).video.optional), 1)], 2), A("input", {
3733
3761
  type: "url",
3734
3762
  class: y(g(Z)),
3735
3763
  value: e.block.placeholderUrl || "",
3736
3764
  placeholder: g(a).video.placeholderUrlPlaceholder,
3737
3765
  title: g(a).video.placeholderUrlTooltip,
3738
3766
  onInput: n[2] ||= (e) => v("placeholderUrl", e.target.value)
3739
- }, null, 42, pl)])) : S("", !0),
3740
- k("div", ml, [
3741
- k("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), k("span", hl, F(g(a).video.optional), 1)], 2),
3742
- _($, {
3767
+ }, null, 42, yl)])) : S("", !0),
3768
+ A("div", bl, [
3769
+ A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", xl, F(g(a).video.optional), 1)], 2),
3770
+ _(Vi, {
3743
3771
  "model-value": e.block.thumbnailUrl,
3744
3772
  type: "url",
3745
3773
  placeholder: g(a).video.thumbnailPlaceholder,
@@ -3759,45 +3787,45 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3759
3787
  "background-color": "var(--tpl-bg)"
3760
3788
  },
3761
3789
  onClick: T
3762
- }, [_(g(Gt), {
3790
+ }, [_(g(Kt), {
3763
3791
  size: 14,
3764
3792
  "stroke-width": 1.5
3765
3793
  }), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
3766
3794
  ]),
3767
- k("div", gl, [k("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _($, {
3795
+ A("div", Sl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(Vi, {
3768
3796
  "model-value": e.block.alt,
3769
3797
  type: "text",
3770
3798
  placeholder: g(a).video.altTextPlaceholder,
3771
3799
  "onUpdate:modelValue": n[4] ||= (e) => v("alt", e)
3772
3800
  }, null, 8, ["model-value", "placeholder"])]),
3773
- k("div", _l, [k("label", { class: y(g(J)) }, F(g(a).video.width), 3), k("select", {
3801
+ A("div", Cl, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
3774
3802
  class: y(g(Z)),
3775
3803
  value: e.block.width,
3776
3804
  onChange: n[5] ||= (e) => v("width", e.target.value === "full" ? "full" : Number(e.target.value))
3777
3805
  }, [
3778
- k("option", yl, F(g(a).video.fullWidth), 1),
3779
- n[9] ||= k("option", { value: "300" }, "300px", -1),
3780
- n[10] ||= k("option", { value: "400" }, "400px", -1),
3781
- n[11] ||= k("option", { value: "500" }, "500px", -1)
3782
- ], 42, vl)]),
3783
- k("div", bl, [
3784
- k("label", { class: y(g(J)) }, F(g(a).video.height), 3),
3785
- k("select", {
3806
+ A("option", Tl, F(g(a).video.fullWidth), 1),
3807
+ n[9] ||= A("option", { value: "300" }, "300px", -1),
3808
+ n[10] ||= A("option", { value: "400" }, "400px", -1),
3809
+ n[11] ||= A("option", { value: "500" }, "500px", -1)
3810
+ ], 42, wl)]),
3811
+ A("div", El, [
3812
+ A("label", { class: y(g(J)) }, F(g(a).video.height), 3),
3813
+ A("select", {
3786
3814
  class: y(g(Z)),
3787
3815
  "data-testid": "video-height-mode",
3788
3816
  value: p.value,
3789
3817
  onChange: n[6] ||= (e) => C(e.target.value)
3790
- }, [k("option", Sl, F(g(a).video.heightAuto), 1), k("option", Cl, F(g(a).video.heightCustom), 1)], 42, xl),
3791
- p.value === "custom" ? (s(), x("div", wl, [k("input", {
3818
+ }, [A("option", Ol, F(g(a).video.heightAuto), 1), A("option", kl, F(g(a).video.heightCustom), 1)], 42, Dl),
3819
+ p.value === "custom" ? (s(), x("div", Al, [A("input", {
3792
3820
  type: "number",
3793
3821
  "data-testid": "video-height-input",
3794
3822
  class: y(g(X)),
3795
3823
  value: e.block.height,
3796
3824
  min: "20",
3797
3825
  onInput: n[7] ||= (e) => w(e.target.value)
3798
- }, null, 42, Tl), k("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
3826
+ }, null, 42, jl), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
3799
3827
  ]),
3800
- k("div", El, [k("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
3828
+ A("div", Ml, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(Mn, {
3801
3829
  options: [
3802
3830
  {
3803
3831
  value: "left",
@@ -3817,7 +3845,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3817
3845
  }, null, 8, ["options", "model-value"])])
3818
3846
  ], 64));
3819
3847
  }
3820
- }), kl = ["aria-label"], Al = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, jl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Ml = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Nl = { class: "tpl:flex tpl:gap-1" }, Pl = ["title"], Fl = ["title"], Il = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ll = /*#__PURE__*/ ln(/* @__PURE__ */ d({
3848
+ }), Fl = ["aria-label"], Il = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, Ll = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, Rl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, zl = { class: "tpl:flex tpl:gap-1" }, Bl = ["title"], Vl = ["title"], Hl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Ul = /*#__PURE__*/ un(/* @__PURE__ */ d({
3821
3849
  __name: "Toolbar",
3822
3850
  props: { block: {} },
3823
3851
  emits: [
@@ -3826,87 +3854,91 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3826
3854
  "duplicate"
3827
3855
  ],
3828
3856
  setup(e, { emit: n }) {
3829
- let r = L(() => import("./chunks/CountdownToolbar-BD90NpY1.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(() => {
3857
+ let r = L(() => import("./chunks/CountdownToolbar-CO6xLgYc.js")), i = e, a = n, { t: o } = q(), c = et(tt, "Toolbar"), l = t(it, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
3830
3858
  if (f.value) return l.find((e) => e.type === i.block.customType);
3831
- }), m = b(() => f.value ? p.value?.name ?? i.block.customType : De(d.value, o)), h = c.fonts;
3859
+ }), m = b(() => f.value ? p.value?.name ?? i.block.customType : Oe(d.value, o)), h = c.fonts;
3832
3860
  function v(e) {
3833
3861
  a("update", e);
3834
3862
  }
3835
3863
  return (t, n) => (s(), x("aside", {
3836
3864
  "aria-label": g(o).landmarks.blockToolbar,
3837
3865
  class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
3838
- }, [k("div", Al, [k("div", jl, [g(En)[d.value] ? (s(), D(u(g(En)[d.value]), {
3866
+ }, [A("div", Il, [A("div", Ll, [g(Dn)[d.value] ? (s(), D(u(g(Dn)[d.value]), {
3839
3867
  key: 0,
3840
3868
  size: 16,
3841
3869
  "stroke-width": 1.5
3842
- })) : f.value ? (s(), D(g(jt), {
3870
+ })) : f.value ? (s(), D(g(Mt), {
3843
3871
  key: 1,
3844
3872
  size: 16,
3845
3873
  "stroke-width": 1.5
3846
- })) : S("", !0), k("h3", Ml, F(m.value), 1)]), k("div", Nl, [k("button", {
3874
+ })) : S("", !0), A("h3", Rl, F(m.value), 1)]), A("div", zl, [A("button", {
3847
3875
  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)]",
3848
3876
  title: g(o).toolbar.duplicate,
3849
3877
  onClick: n[0] ||= (e) => a("duplicate")
3850
- }, [_(g(Ct), {
3878
+ }, [_(g(wt), {
3851
3879
  size: 14,
3852
3880
  "stroke-width": 2
3853
- })], 8, Pl), k("button", {
3881
+ })], 8, Bl), A("button", {
3854
3882
  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)]",
3855
3883
  title: g(o).toolbar.delete,
3856
3884
  onClick: n[1] ||= (e) => a("delete")
3857
- }, [_(g(Ht), {
3885
+ }, [_(g(Ut), {
3858
3886
  size: 14,
3859
3887
  "stroke-width": 2
3860
- })], 8, Fl)])]), k("div", Il, [f.value ? (s(), D(Wo, {
3888
+ })], 8, Vl)])]), A("div", Hl, [f.value ? (s(), D(Go, {
3861
3889
  key: 0,
3862
3890
  block: e.block,
3863
3891
  onUpdateFieldValues: n[2] ||= (e) => a("update", { fieldValues: e }),
3864
3892
  onUpdateDataSourceFetched: n[3] ||= (e) => a("update", { dataSourceFetched: e })
3865
- }, null, 8, ["block"])) : d.value === "section" ? (s(), D(Ys, {
3893
+ }, null, 8, ["block"])) : d.value === "section" ? (s(), D(tc, {
3866
3894
  key: 1,
3867
3895
  block: e.block,
3868
3896
  onUpdate: v
3869
- }, null, 8, ["block"])) : d.value === "title" ? (s(), D(ll, {
3897
+ }, null, 8, ["block"])) : d.value === "title" ? (s(), D(hl, {
3870
3898
  key: 2,
3871
3899
  block: e.block,
3872
3900
  "font-families": g(h),
3873
3901
  onUpdate: v
3874
- }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(ws, {
3902
+ }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), D(Vs, {
3903
+ key: 3,
3904
+ block: e.block,
3905
+ onUpdate: v
3906
+ }, null, 8, ["block"])) : d.value === "image" ? (s(), D(Es, {
3875
3907
  key: 4,
3876
3908
  block: e.block,
3877
3909
  onUpdate: v
3878
- }, null, 8, ["block"])) : d.value === "video" ? (s(), D(Ol, {
3910
+ }, null, 8, ["block"])) : d.value === "video" ? (s(), D(Pl, {
3879
3911
  key: 5,
3880
3912
  block: e.block,
3881
3913
  onUpdate: v
3882
- }, null, 8, ["block"])) : d.value === "button" ? (s(), D(da, {
3914
+ }, null, 8, ["block"])) : d.value === "button" ? (s(), D(fa, {
3883
3915
  key: 6,
3884
3916
  block: e.block,
3885
3917
  "font-families": g(h),
3886
3918
  onUpdate: v
3887
- }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Xo, {
3919
+ }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Zo, {
3888
3920
  key: 7,
3889
3921
  block: e.block,
3890
3922
  onUpdate: v
3891
- }, null, 8, ["block"])) : d.value === "social" ? (s(), D(mc, {
3923
+ }, null, 8, ["block"])) : d.value === "social" ? (s(), D(bc, {
3892
3924
  key: 8,
3893
3925
  block: e.block,
3894
3926
  onUpdate: v
3895
- }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Fs, {
3927
+ }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Ls, {
3896
3928
  key: 9,
3897
3929
  block: e.block,
3898
3930
  "font-families": g(h),
3899
3931
  onUpdate: v
3900
- }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Xc, {
3932
+ }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(nl, {
3901
3933
  key: 10,
3902
3934
  block: e.block,
3903
3935
  "font-families": g(h),
3904
3936
  onUpdate: v
3905
- }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(yc, {
3937
+ }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(Tc, {
3906
3938
  key: 11,
3907
3939
  block: e.block,
3908
3940
  onUpdate: v
3909
- }, null, 8, ["block"])) : d.value === "html" ? (s(), D(es, {
3941
+ }, null, 8, ["block"])) : d.value === "html" ? (s(), D(ts, {
3910
3942
  key: 12,
3911
3943
  block: e.block,
3912
3944
  onUpdate: v
@@ -3915,52 +3947,52 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3915
3947
  block: e.block,
3916
3948
  "font-families": g(h),
3917
3949
  onUpdate: v
3918
- }, null, 8, ["block", "font-families"])) : S("", !0), _(ro, {
3950
+ }, null, 8, ["block", "font-families"])) : S("", !0), _(io, {
3919
3951
  block: e.block,
3920
3952
  "is-first-section": d.value === "paragraph",
3921
3953
  onUpdate: v
3922
- }, null, 8, ["block", "is-first-section"])])], 8, kl));
3954
+ }, null, 8, ["block", "is-first-section"])])], 8, Fl));
3923
3955
  }
3924
- }), [["__scopeId", "data-v-c0ea5f03"]]), Rl = ["aria-label"], zl = {
3956
+ }), [["__scopeId", "data-v-dbc9901a"]]), Wl = ["aria-label"], Gl = {
3925
3957
  role: "tablist",
3926
3958
  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"
3927
- }, Bl = [
3959
+ }, Kl = [
3928
3960
  "aria-selected",
3929
3961
  "aria-label",
3930
3962
  "title"
3931
- ], Vl = { key: 0 }, Hl = [
3963
+ ], ql = { key: 0 }, Jl = [
3932
3964
  "aria-selected",
3933
3965
  "aria-label",
3934
3966
  "title"
3935
- ], Ul = { key: 0 }, Wl = [
3967
+ ], Yl = { key: 0 }, Xl = [
3936
3968
  "aria-selected",
3937
3969
  "aria-label",
3938
3970
  "title"
3939
- ], Gl = { key: 0 }, Kl = {
3971
+ ], Zl = { key: 0 }, Ql = {
3940
3972
  key: 1,
3941
3973
  class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
3942
- }, ql = {
3974
+ }, $l = {
3943
3975
  key: 0,
3944
3976
  id: "tpl-tabpanel-content",
3945
3977
  role: "tabpanel",
3946
3978
  "aria-labelledby": "tpl-tab-content",
3947
3979
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3948
- }, Jl = {
3980
+ }, eu = {
3949
3981
  key: 1,
3950
3982
  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)]"
3951
- }, Yl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Xl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Zl = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Ql = {
3983
+ }, tu = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, nu = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ru = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, iu = {
3952
3984
  key: 1,
3953
3985
  id: "tpl-tabpanel-settings",
3954
3986
  role: "tabpanel",
3955
3987
  "aria-labelledby": "tpl-tab-settings",
3956
3988
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3957
- }, $l = {
3989
+ }, au = {
3958
3990
  key: 2,
3959
3991
  id: "tpl-tabpanel-issues",
3960
3992
  role: "tabpanel",
3961
3993
  "aria-labelledby": "tpl-tab-issues",
3962
3994
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3963
- }, eu = /* @__PURE__ */ d({
3995
+ }, ou = /* @__PURE__ */ d({
3964
3996
  __name: "RightSidebar",
3965
3997
  props: {
3966
3998
  selectedBlock: {},
@@ -3974,7 +4006,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3974
4006
  "update-settings"
3975
4007
  ],
3976
4008
  setup(n, { emit: r }) {
3977
- let i = L(() => import("./chunks/IssuesPanel-iC2hgrXx.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);
4009
+ let i = L(() => import("./chunks/IssuesPanel-iC2hgrXx.js")), a = n, o = r, { t: c } = q(), u = l("content"), d = t(gt, null), f = b(() => d !== null), p = b(() => d?.issues.value.length ?? 0);
3978
4010
  function m(e) {
3979
4011
  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)]";
3980
4012
  }
@@ -3990,8 +4022,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
3990
4022
  "aria-label": g(c).landmarks.rightSidebar,
3991
4023
  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"])
3992
4024
  }, [
3993
- k("div", zl, [
3994
- k("button", {
4025
+ A("div", Gl, [
4026
+ A("button", {
3995
4027
  id: "tpl-tab-content",
3996
4028
  role: "tab",
3997
4029
  "aria-selected": u.value === "content",
@@ -4001,11 +4033,11 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4001
4033
  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")]),
4002
4034
  style: E(h("content")),
4003
4035
  onClick: t[0] ||= (e) => u.value = "content"
4004
- }, [_(g(en), {
4036
+ }, [_(g(tn), {
4005
4037
  size: 14,
4006
4038
  "stroke-width": 2
4007
- }), u.value === "content" ? (s(), x("span", Vl, F(g(c).sidebar.content), 1)) : S("", !0)], 14, Bl),
4008
- k("button", {
4039
+ }), u.value === "content" ? (s(), x("span", ql, F(g(c).sidebar.content), 1)) : S("", !0)], 14, Kl),
4040
+ A("button", {
4009
4041
  id: "tpl-tab-settings",
4010
4042
  role: "tab",
4011
4043
  "aria-selected": u.value === "settings",
@@ -4015,10 +4047,10 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4015
4047
  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")]),
4016
4048
  style: E(h("settings")),
4017
4049
  onClick: t[1] ||= (e) => u.value = "settings"
4018
- }, [_(g(Jt), {
4050
+ }, [_(g(Yt), {
4019
4051
  size: 14,
4020
4052
  "stroke-width": 1.5
4021
- }), u.value === "settings" ? (s(), x("span", Ul, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, Hl),
4053
+ }), u.value === "settings" ? (s(), x("span", Yl, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, Jl),
4022
4054
  f.value ? (s(), x("button", {
4023
4055
  key: 0,
4024
4056
  id: "tpl-tab-issues",
@@ -4031,94 +4063,94 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4031
4063
  style: E(h("issues")),
4032
4064
  onClick: t[2] ||= (e) => u.value = "issues"
4033
4065
  }, [
4034
- _(g(rn), {
4066
+ _(g(an), {
4035
4067
  size: 14,
4036
4068
  "stroke-width": 1.5
4037
4069
  }),
4038
- u.value === "issues" ? (s(), x("span", Gl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
4039
- p.value > 0 ? (s(), x("span", Kl, F(p.value), 1)) : S("", !0)
4040
- ], 14, Wl)) : S("", !0)
4070
+ u.value === "issues" ? (s(), x("span", Zl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
4071
+ p.value > 0 ? (s(), x("span", Ql, F(p.value), 1)) : S("", !0)
4072
+ ], 14, Xl)) : S("", !0)
4041
4073
  ]),
4042
- u.value === "content" ? (s(), x("div", ql, [n.selectedBlock ? (s(), D(Ll, {
4074
+ u.value === "content" ? (s(), x("div", $l, [n.selectedBlock ? (s(), D(Ul, {
4043
4075
  key: 0,
4044
4076
  block: n.selectedBlock,
4045
4077
  onUpdate: t[3] ||= (e) => o("update-block", e),
4046
4078
  onDelete: t[4] ||= (e) => o("delete-block"),
4047
4079
  onDuplicate: t[5] ||= (e) => o("duplicate-block")
4048
- }, null, 8, ["block"])) : (s(), x("div", Jl, [
4049
- k("div", Yl, [_(g(Yt), {
4080
+ }, null, 8, ["block"])) : (s(), x("div", eu, [
4081
+ A("div", tu, [_(g(Xt), {
4050
4082
  size: 40,
4051
4083
  "stroke-width": 1.5
4052
4084
  })]),
4053
- k("h3", Xl, F(g(c).sidebar.noSelection), 1),
4054
- k("p", Zl, F(g(c).sidebar.noSelectionHint), 1)
4085
+ A("h3", nu, F(g(c).sidebar.noSelection), 1),
4086
+ A("p", ru, F(g(c).sidebar.noSelectionHint), 1)
4055
4087
  ]))])) : S("", !0),
4056
- u.value === "settings" ? (s(), x("div", Ql, [_(Pi, {
4088
+ u.value === "settings" ? (s(), x("div", iu, [_(Pi, {
4057
4089
  settings: n.settings,
4058
4090
  onUpdate: t[6] ||= (e) => o("update-settings", e)
4059
4091
  }, null, 8, ["settings"])])) : S("", !0),
4060
- u.value === "issues" && f.value ? (s(), x("div", $l, [_(g(i))])) : S("", !0)
4061
- ], 10, Rl));
4092
+ u.value === "issues" && f.value ? (s(), x("div", au, [_(g(i))])) : S("", !0)
4093
+ ], 10, Wl));
4062
4094
  }
4063
- }), tu = {
4095
+ }), su = {
4064
4096
  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)]",
4065
4097
  style: { "z-index": "10001" },
4066
4098
  role: "status",
4067
4099
  "data-testid": "small-screen-notice"
4068
- }, nu = { class: "tpl:text-[var(--tpl-text-dim)]" }, ru = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, iu = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, au = /* @__PURE__ */ d({
4100
+ }, cu = { class: "tpl:text-[var(--tpl-text-dim)]" }, lu = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, uu = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, du = /* @__PURE__ */ d({
4069
4101
  __name: "SmallScreenNotice",
4070
4102
  setup(e) {
4071
4103
  let { t } = q();
4072
- return (e, n) => (s(), x("div", tu, [
4073
- k("div", nu, [_(g(yt), {
4104
+ return (e, n) => (s(), x("div", su, [
4105
+ A("div", cu, [_(g(bt), {
4074
4106
  size: 48,
4075
4107
  "stroke-width": 1.5
4076
4108
  })]),
4077
- k("h2", ru, F(g(t).smallScreen.title), 1),
4078
- k("p", iu, F(g(t).smallScreen.message), 1)
4109
+ A("h2", lu, F(g(t).smallScreen.title), 1),
4110
+ A("p", uu, F(g(t).smallScreen.message), 1)
4079
4111
  ]));
4080
4112
  }
4081
- }), ou = {
4113
+ }), fu = {
4082
4114
  class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
4083
4115
  style: {
4084
4116
  "background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
4085
4117
  "backdrop-filter": "blur(8px)",
4086
4118
  "-webkit-backdrop-filter": "blur(8px)"
4087
4119
  }
4088
- }, su = {
4120
+ }, pu = {
4089
4121
  href: "https://github.com/templatical/sdk",
4090
4122
  target: "_blank",
4091
4123
  rel: "noopener noreferrer",
4092
4124
  class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
4093
4125
  style: { "text-decoration": "none" }
4094
- }, cu = /* @__PURE__ */ d({
4126
+ }, mu = /* @__PURE__ */ d({
4095
4127
  __name: "EditorFooter",
4096
4128
  props: { positionClass: {} },
4097
4129
  setup(e) {
4098
4130
  let { t } = q();
4099
- 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]) }, [k("div", ou, [
4100
- k("span", null, F(g(t).footer.poweredBy), 1),
4101
- r[0] ||= k("a", {
4131
+ 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", fu, [
4132
+ A("span", null, F(g(t).footer.poweredBy), 1),
4133
+ r[0] ||= A("a", {
4102
4134
  href: "https://templatical.com",
4103
4135
  target: "_blank",
4104
4136
  rel: "noopener noreferrer",
4105
4137
  class: "tpl:inline-flex tpl:items-center tpl:gap-1 tpl:font-medium tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-muted)]",
4106
4138
  style: { "text-decoration": "none" }
4107
- }, [k("img", {
4139
+ }, [A("img", {
4108
4140
  width: "14",
4109
4141
  height: "14",
4110
4142
  src: "https://templatical.com/logo.svg",
4111
4143
  alt: ""
4112
4144
  }), R(" Templatical ")], -1),
4113
- r[1] ||= k("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
4114
- k("a", su, F(g(t).footer.openSource), 1)
4145
+ r[1] ||= A("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
4146
+ A("a", pu, F(g(t).footer.openSource), 1)
4115
4147
  ])], 2));
4116
4148
  }
4117
- }), lu = [
4149
+ }), hu = [
4118
4150
  "aria-label",
4119
4151
  "title",
4120
4152
  "aria-pressed"
4121
- ], uu = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4153
+ ], gu = /*#__PURE__*/ un(/* @__PURE__ */ d({
4122
4154
  __name: "DarkModeToggle",
4123
4155
  props: { darkMode: { type: Boolean } },
4124
4156
  emits: ["change"],
@@ -4141,23 +4173,23 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4141
4173
  "leave-to-class": "tpl-icon-leave-to",
4142
4174
  mode: "out-in"
4143
4175
  }, {
4144
- default: r(() => [e.darkMode ? (s(), D(g(Nt), {
4176
+ default: r(() => [e.darkMode ? (s(), D(g(Pt), {
4145
4177
  key: "moon",
4146
4178
  size: 18,
4147
4179
  "stroke-width": 1.5
4148
- })) : (s(), D(g(Vt), {
4180
+ })) : (s(), D(g(Ht), {
4149
4181
  key: "sun",
4150
4182
  size: 18,
4151
4183
  "stroke-width": 1.5
4152
4184
  }))]),
4153
4185
  _: 1
4154
- })], 12, lu));
4186
+ })], 12, hu));
4155
4187
  }
4156
- }), [["__scopeId", "data-v-632aa74f"]]), du = [
4188
+ }), [["__scopeId", "data-v-632aa74f"]]), _u = [
4157
4189
  "aria-label",
4158
4190
  "title",
4159
4191
  "aria-pressed"
4160
- ], fu = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4192
+ ], vu = /*#__PURE__*/ un(/* @__PURE__ */ d({
4161
4193
  __name: "PreviewToggle",
4162
4194
  props: { previewMode: { type: Boolean } },
4163
4195
  emits: ["change"],
@@ -4180,19 +4212,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4180
4212
  "leave-to-class": "tpl-icon-leave-to",
4181
4213
  mode: "out-in"
4182
4214
  }, {
4183
- default: r(() => [e.previewMode ? (s(), D(g(sn), {
4215
+ default: r(() => [e.previewMode ? (s(), D(g(cn), {
4184
4216
  key: "eye",
4185
4217
  size: 18,
4186
4218
  "stroke-width": 1.5
4187
- })) : (s(), D(g(It), {
4219
+ })) : (s(), D(g(Lt), {
4188
4220
  key: "eye-off",
4189
4221
  size: 18,
4190
4222
  "stroke-width": 1.5
4191
4223
  }))]),
4192
4224
  _: 1
4193
- })], 12, du));
4225
+ })], 12, _u));
4194
4226
  }
4195
- }), [["__scopeId", "data-v-eef7b2ca"]]), pu = ["aria-label", "onKeydown"], mu = ["title", "aria-label"], hu = /* @__PURE__ */ d({
4227
+ }), [["__scopeId", "data-v-eef7b2ca"]]), yu = ["aria-label", "onKeydown"], bu = ["title", "aria-label"], xu = /* @__PURE__ */ d({
4196
4228
  __name: "TemplateNameField",
4197
4229
  props: {
4198
4230
  name: {},
@@ -4224,7 +4256,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4224
4256
  class: y([g(Z), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
4225
4257
  onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
4226
4258
  onBlur: d
4227
- }, null, 42, pu)), [[ee, o.value]]) : e.editable ? (s(), x("button", {
4259
+ }, null, 42, yu)), [[k, o.value]]) : e.editable ? (s(), x("button", {
4228
4260
  key: 1,
4229
4261
  type: "button",
4230
4262
  "data-testid": "template-name",
@@ -4232,13 +4264,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4232
4264
  "aria-label": g(i).header.rename,
4233
4265
  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 }]),
4234
4266
  onClick: u
4235
- }, F(e.name || g(i).header.untitled), 11, mu)) : (s(), x("span", {
4267
+ }, F(e.name || g(i).header.untitled), 11, bu)) : (s(), x("span", {
4236
4268
  key: 2,
4237
4269
  "data-testid": "template-name",
4238
4270
  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 }])
4239
4271
  }, F(e.name || g(i).header.untitled), 3));
4240
4272
  }
4241
- }), gu = ["title"], _u = /* @__PURE__ */ d({
4273
+ }), Su = ["title"], Cu = /* @__PURE__ */ d({
4242
4274
  __name: "TemplateTimestamp",
4243
4275
  props: {
4244
4276
  iso: {},
@@ -4246,7 +4278,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4246
4278
  },
4247
4279
  setup(e) {
4248
4280
  let t = e, { t: n, format: r } = q(), i = l(0);
4249
- He(() => {
4281
+ Ue(() => {
4250
4282
  i.value += 1;
4251
4283
  }, 6e4);
4252
4284
  let a = b(() => {
@@ -4263,19 +4295,19 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4263
4295
  "data-testid": "template-timestamp",
4264
4296
  title: o.value,
4265
4297
  class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
4266
- }, F(a.value), 9, gu)) : S("", !0);
4298
+ }, F(a.value), 9, Su)) : S("", !0);
4267
4299
  }
4268
- }), vu = ["data-tooltip"], yu = {
4300
+ }), wu = ["data-tooltip"], Tu = {
4269
4301
  key: 1,
4270
4302
  "aria-live": "polite",
4271
4303
  "data-testid": "save-status-saved",
4272
4304
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
4273
- }, bu = {
4305
+ }, Eu = {
4274
4306
  key: 2,
4275
4307
  "aria-live": "polite",
4276
4308
  "data-testid": "save-status-unsaved",
4277
4309
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
4278
- }, xu = /* @__PURE__ */ d({
4310
+ }, Du = /* @__PURE__ */ d({
4279
4311
  __name: "TemplateSaveStatus",
4280
4312
  props: {
4281
4313
  status: {},
@@ -4290,22 +4322,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4290
4322
  "data-testid": "save-status-error",
4291
4323
  class: "tpl-tooltip tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]",
4292
4324
  "data-tooltip": e.errorMessage
4293
- }, [_(g(kt), {
4325
+ }, [_(g(At), {
4294
4326
  size: 12,
4295
4327
  "stroke-width": 2.5
4296
- }), R(" " + F(g(t).header.saveFailed), 1)], 8, vu)) : e.status === "saved" ? (s(), x("div", yu, [_(g(Dt), {
4328
+ }), R(" " + F(g(t).header.saveFailed), 1)], 8, wu)) : e.status === "saved" ? (s(), x("div", Tu, [_(g(Ot), {
4297
4329
  size: 12,
4298
4330
  "stroke-width": 2.5
4299
- }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", bu, [r[0] ||= k("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);
4331
+ }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", Eu, [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);
4300
4332
  }
4301
- }), 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" }, wu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, Tu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Eu = ["aria-label", "aria-expanded"], Du = {
4333
+ }), 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)]" }, ku = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, Au = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, ju = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, Mu = ["aria-label", "aria-expanded"], Nu = {
4302
4334
  key: 0,
4303
4335
  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)]"
4304
- }, Ou = [
4336
+ }, Pu = [
4305
4337
  "aria-label",
4306
4338
  "title",
4307
4339
  "disabled"
4308
- ], ku = ["disabled", "title"], Au = /* @__PURE__ */ d({
4340
+ ], Fu = ["disabled", "title"], Iu = /* @__PURE__ */ d({
4309
4341
  __name: "EditorHeader",
4310
4342
  props: {
4311
4343
  editor: {},
@@ -4318,12 +4350,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4318
4350
  },
4319
4351
  setup(e) {
4320
4352
  let t = L(() => import("./chunks/VersionHistoryMenu-DJGcA_RX.js"));
4321
- return (n, r) => (s(), x("header", Su, [
4322
- k("div", Cu, [
4353
+ return (n, r) => (s(), x("header", Ou, [
4354
+ A("div", ku, [
4323
4355
  e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
4324
4356
  key: 0,
4325
4357
  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 }])
4326
- }, [e.showTemplateName ? (s(), D(hu, {
4358
+ }, [e.showTemplateName ? (s(), D(xu, {
4327
4359
  key: 0,
4328
4360
  name: e.templates.name.value,
4329
4361
  editable: e.templates.canSave.value,
@@ -4332,7 +4364,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4332
4364
  "name",
4333
4365
  "editable",
4334
4366
  "onCommit"
4335
- ])) : S("", !0), e.templates.timestamp.value ? (s(), D(_u, {
4367
+ ])) : S("", !0), e.templates.timestamp.value ? (s(), D(Cu, {
4336
4368
  key: 1,
4337
4369
  iso: e.templates.timestamp.value.iso,
4338
4370
  kind: e.templates.timestamp.value.kind
@@ -4353,22 +4385,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4353
4385
  ])) : S("", !0),
4354
4386
  i(n.$slots, "left-extras")
4355
4387
  ]),
4356
- k("div", wu, [
4388
+ A("div", Au, [
4357
4389
  _(Pn, {
4358
4390
  viewport: e.editor.state.viewport,
4359
4391
  onChange: e.editor.setViewport
4360
4392
  }, null, 8, ["viewport", "onChange"]),
4361
- _(uu, {
4393
+ _(gu, {
4362
4394
  "dark-mode": e.editor.state.darkMode,
4363
4395
  onChange: e.editor.setDarkMode
4364
4396
  }, null, 8, ["dark-mode", "onChange"]),
4365
- _(fu, {
4397
+ _(vu, {
4366
4398
  "preview-mode": e.editor.state.previewMode,
4367
4399
  onChange: e.editor.setPreviewMode
4368
4400
  }, null, 8, ["preview-mode", "onChange"])
4369
4401
  ]),
4370
- k("div", Tu, [
4371
- e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(xu, {
4402
+ A("div", ju, [
4403
+ e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(Du, {
4372
4404
  key: 0,
4373
4405
  status: e.templates.status.value,
4374
4406
  "error-message": e.templates.errorMessage.value,
@@ -4384,20 +4416,20 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4384
4416
  "data-testid": "comments-trigger",
4385
4417
  "aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
4386
4418
  "aria-expanded": e.comments.isOpen.value,
4387
- class: y(g(hn)),
4419
+ class: y(g(gn)),
4388
4420
  style: E(e.comments.isOpen.value ? {
4389
4421
  backgroundColor: "var(--tpl-primary-light)",
4390
4422
  borderColor: "var(--tpl-primary-light)"
4391
4423
  } : void 0),
4392
4424
  onClick: r[2] ||= (t) => e.comments.toggle()
4393
4425
  }, [
4394
- _(g(an), {
4426
+ _(g(on), {
4395
4427
  size: 16,
4396
4428
  "stroke-width": 2
4397
4429
  }),
4398
4430
  R(" " + F(e.core.t.comments.button) + " ", 1),
4399
- e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", Du, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4400
- ], 14, Eu)) : S("", !0),
4431
+ e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", Nu, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4432
+ ], 14, Mu)) : S("", !0),
4401
4433
  i(n.$slots, "right-extras"),
4402
4434
  e.testEmail?.isAvailable.value ? (s(), x("button", {
4403
4435
  key: 2,
@@ -4406,63 +4438,63 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4406
4438
  "aria-label": e.core.t.testEmail.title,
4407
4439
  title: e.core.t.testEmail.title,
4408
4440
  disabled: e.testEmail.isSending.value,
4409
- class: y(g(hn)),
4441
+ class: y(g(gn)),
4410
4442
  onClick: r[3] ||= (t) => e.testEmail.open()
4411
- }, [e.testEmail.isSending.value ? (s(), D(g(qt), {
4443
+ }, [e.testEmail.isSending.value ? (s(), D(g(Jt), {
4412
4444
  key: 1,
4413
4445
  class: "tpl-spinner",
4414
4446
  size: 16,
4415
4447
  "stroke-width": 2
4416
- })) : (s(), D(g(Ot), {
4448
+ })) : (s(), D(g(kt), {
4417
4449
  key: 0,
4418
4450
  size: 16,
4419
4451
  "stroke-width": 2
4420
- })), R(" " + F(e.core.t.testEmail.button), 1)], 10, Ou)) : S("", !0),
4452
+ })), R(" " + F(e.core.t.testEmail.button), 1)], 10, Pu)) : S("", !0),
4421
4453
  e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), x("button", {
4422
4454
  key: 3,
4423
4455
  type: "button",
4424
4456
  "data-testid": "template-save",
4425
- class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Sn : hn)),
4457
+ class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Cn : gn)),
4426
4458
  style: E(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
4427
4459
  disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
4428
4460
  title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
4429
4461
  onClick: r[4] ||= (t) => e.templates.requestSave()
4430
- }, [e.templates.isSaving.value ? (s(), D(g(qt), {
4462
+ }, [e.templates.isSaving.value ? (s(), D(g(Jt), {
4431
4463
  key: 1,
4432
4464
  class: "tpl-spinner",
4433
4465
  size: 16,
4434
4466
  "stroke-width": 2
4435
- })) : (s(), D(g(wt), {
4467
+ })) : (s(), D(g(Tt), {
4436
4468
  key: 0,
4437
4469
  size: 16,
4438
4470
  "stroke-width": 2
4439
- })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, ku)) : S("", !0)
4471
+ })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, Fu)) : S("", !0)
4440
4472
  ])
4441
4473
  ]));
4442
4474
  }
4443
- }), ju = ["aria-labelledby", "data-tpl-theme"], Mu = { 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" }, Nu = ["id"], Pu = ["aria-label"], Fu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Iu = [
4475
+ }), 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 = [
4444
4476
  "id",
4445
4477
  "placeholder",
4446
4478
  "aria-label",
4447
4479
  "aria-activedescendant"
4448
- ], Lu = {
4480
+ ], Uu = {
4449
4481
  key: 0,
4450
4482
  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",
4451
4483
  "data-testid": "merge-tag-picker-group-pills"
4452
- }, Ru = ["data-group-name", "onClick"], zu = ["aria-label"], Bu = {
4484
+ }, Wu = ["data-group-name", "onClick"], Gu = ["aria-label"], Ku = {
4453
4485
  key: 0,
4454
4486
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4455
4487
  "data-testid": "merge-tag-picker-empty"
4456
- }, Vu = {
4488
+ }, qu = {
4457
4489
  key: 1,
4458
4490
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4459
4491
  "data-testid": "merge-tag-picker-empty"
4460
- }, Hu = [
4492
+ }, Ju = [
4461
4493
  "aria-expanded",
4462
4494
  "data-group-name",
4463
4495
  "data-group-collapsed",
4464
4496
  "onClick"
4465
- ], Uu = { class: "tpl:ml-1 tpl:font-normal" }, Wu = [
4497
+ ], Yu = { class: "tpl:ml-1 tpl:font-normal" }, Xu = [
4466
4498
  "id",
4467
4499
  "aria-selected",
4468
4500
  "data-selected",
@@ -4471,23 +4503,23 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4471
4503
  "title",
4472
4504
  "onMousemove",
4473
4505
  "onClick"
4474
- ], Gu = { class: "tpl:text-sm tpl:font-medium" }, Ku = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, qu = {
4506
+ ], Zu = { class: "tpl:text-sm tpl:font-medium" }, Qu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, $u = {
4475
4507
  key: 0,
4476
4508
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4477
- }, Ju = {
4509
+ }, ed = {
4478
4510
  key: 1,
4479
4511
  "data-testid": "merge-tag-picker-sample",
4480
4512
  class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4481
- }, Yu = "tpl-merge-tag-picker-list", Xu = /* @__PURE__ */ d({
4513
+ }, td = "tpl-merge-tag-picker-list", nd = /* @__PURE__ */ d({
4482
4514
  __name: "MergeTagPickerModal",
4483
4515
  setup(i) {
4484
- 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), A = b(() => a.tags.value.some((e) => !!e.group)), j = l(/* @__PURE__ */ new Set());
4485
- function M(e) {
4486
- return j.value.has(e);
4487
- }
4516
+ let a = et(Ke, "MergeTagPickerModal"), { t: o, format: c } = q(), 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());
4488
4517
  function N(e) {
4489
- let t = new Set(j.value);
4490
- t.has(e) ? t.delete(e) : t.add(e), j.value = t, O.value = 0;
4518
+ return M.value.has(e);
4519
+ }
4520
+ function ee(e) {
4521
+ let t = new Set(M.value);
4522
+ t.has(e) ? t.delete(e) : t.add(e), M.value = t, O.value = 0;
4491
4523
  }
4492
4524
  let I = b(() => {
4493
4525
  let e = m.value.trim().toLowerCase();
@@ -4497,7 +4529,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4497
4529
  t.description ?? ""
4498
4530
  ].join(" ").toLowerCase().includes(e)) : a.tags.value;
4499
4531
  }), L = b(() => {
4500
- if (!A.value) return [];
4532
+ if (!j.value) return [];
4501
4533
  let e = o.mergeTag.picker.otherGroup, t = /* @__PURE__ */ new Set(), n = [];
4502
4534
  for (let r of a.tags.value) {
4503
4535
  let i = r.group ?? e;
@@ -4506,7 +4538,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4506
4538
  return n;
4507
4539
  }), R = b(() => {
4508
4540
  let e = I.value;
4509
- if (!A.value || C.value) return e.map((e, t) => ({
4541
+ if (!j.value || C.value) return e.map((e, t) => ({
4510
4542
  kind: "tag",
4511
4543
  tag: e,
4512
4544
  index: t
@@ -4523,7 +4555,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4523
4555
  kind: "header",
4524
4556
  group: e,
4525
4557
  count: t.length
4526
- }), !j.value.has(e)) for (let e of t) i.push({
4558
+ }), !M.value.has(e)) for (let e of t) i.push({
4527
4559
  kind: "tag",
4528
4560
  tag: e,
4529
4561
  index: a
@@ -4532,7 +4564,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4532
4564
  return i;
4533
4565
  }), z = b(() => R.value.flatMap((e) => e.kind === "tag" ? [e.tag] : []));
4534
4566
  e(() => a.isOpen.value, (e) => {
4535
- e && (p.value = "", O.value = 0, j.value = /* @__PURE__ */ new Set(), w(() => {
4567
+ e && (p.value = "", O.value = 0, M.value = /* @__PURE__ */ new Set(), w(() => {
4536
4568
  h.value?.focus();
4537
4569
  }));
4538
4570
  }), e(z, (e) => {
@@ -4560,9 +4592,9 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4560
4592
  });
4561
4593
  }
4562
4594
  function ne(e) {
4563
- if (j.value.has(e)) {
4564
- let t = new Set(j.value);
4565
- t.delete(e), j.value = t;
4595
+ if (M.value.has(e)) {
4596
+ let t = new Set(M.value);
4597
+ t.delete(e), M.value = t;
4566
4598
  }
4567
4599
  w(() => {
4568
4600
  let t = U.value;
@@ -4591,45 +4623,45 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4591
4623
  }
4592
4624
  }
4593
4625
  function K() {
4594
- if (z.value.length !== 0) return `${Yu}-opt-${O.value}`;
4626
+ if (z.value.length !== 0) return `${td}-opt-${O.value}`;
4595
4627
  }
4596
4628
  function ie(e) {
4597
- return `${Yu}-opt-${e}`;
4629
+ return `${td}-opt-${e}`;
4598
4630
  }
4599
- let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() => A.value && L.value.length > 1 && !C.value);
4631
+ 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);
4600
4632
  return (e, t) => (s(), D(Ln, {
4601
4633
  visible: g(a).isOpen.value,
4602
4634
  onClose: V,
4603
4635
  onKeydown: re
4604
4636
  }, {
4605
- default: r(() => [k("div", {
4637
+ default: r(() => [A("div", {
4606
4638
  role: "dialog",
4607
4639
  "aria-modal": "true",
4608
- "aria-labelledby": `${Yu}-title`,
4640
+ "aria-labelledby": `${td}-title`,
4609
4641
  "data-tpl-theme": g(d),
4610
4642
  "data-testid": "merge-tag-picker-modal",
4611
4643
  class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4612
4644
  style: E(g(u))
4613
4645
  }, [
4614
- k("header", Mu, [k("h2", {
4615
- id: `${Yu}-title`,
4646
+ A("header", Ru, [A("h2", {
4647
+ id: `${td}-title`,
4616
4648
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4617
- }, F(g(o).mergeTag.picker.title), 9, Nu), k("button", {
4649
+ }, F(g(o).mergeTag.picker.title), 9, zu), A("button", {
4618
4650
  type: "button",
4619
4651
  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)]",
4620
4652
  "aria-label": g(o).mergeTag.picker.close,
4621
4653
  "data-testid": "merge-tag-picker-close",
4622
4654
  onClick: V
4623
- }, [_(g(Zt), {
4655
+ }, [_(g(Qt), {
4624
4656
  size: 16,
4625
4657
  "stroke-width": 2
4626
- })], 8, Pu)]),
4627
- k("div", Fu, [_(g(At), {
4658
+ })], 8, Bu)]),
4659
+ A("div", Vu, [_(g(jt), {
4628
4660
  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)]",
4629
4661
  size: 14,
4630
4662
  "stroke-width": 2
4631
- }), f(k("input", {
4632
- id: `${Yu}-search`,
4663
+ }), f(A("input", {
4664
+ id: `${td}-search`,
4633
4665
  ref_key: "searchInputRef",
4634
4666
  ref: h,
4635
4667
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4637,48 +4669,48 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4637
4669
  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)]",
4638
4670
  placeholder: g(o).mergeTag.picker.searchPlaceholder,
4639
4671
  "aria-label": g(o).mergeTag.picker.searchAriaLabel,
4640
- "aria-controls": Yu,
4672
+ "aria-controls": td,
4641
4673
  "aria-activedescendant": K(),
4642
4674
  "data-testid": "merge-tag-picker-search",
4643
4675
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4644
- }, null, 40, Iu), [[ee, p.value]])]),
4645
- se.value ? (s(), x("div", Lu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4676
+ }, null, 40, Hu), [[k, p.value]])]),
4677
+ se.value ? (s(), x("div", Uu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4646
4678
  key: e,
4647
4679
  type: "button",
4648
4680
  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)]",
4649
4681
  "data-testid": "merge-tag-picker-group-pill",
4650
4682
  "data-group-name": e,
4651
4683
  onClick: (t) => ne(e)
4652
- }, F(e), 9, Ru))), 128))])) : S("", !0),
4653
- k("div", {
4654
- id: Yu,
4684
+ }, F(e), 9, Wu))), 128))])) : S("", !0),
4685
+ A("div", {
4686
+ id: td,
4655
4687
  ref_key: "listRef",
4656
4688
  ref: U,
4657
4689
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4658
4690
  role: "listbox",
4659
4691
  "aria-label": g(o).mergeTag.picker.title,
4660
4692
  "data-testid": "merge-tag-picker-list"
4661
- }, [ae.value ? (s(), x("div", Bu, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", Vu, 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", {
4693
+ }, [ae.value ? (s(), x("div", Ku, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", qu, 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", {
4662
4694
  key: 0,
4663
4695
  ref_for: !0,
4664
4696
  ref: (t) => G(e.group, t),
4665
4697
  type: "button",
4666
- "aria-expanded": !M(e.group),
4667
- "aria-controls": Yu,
4698
+ "aria-expanded": !N(e.group),
4699
+ "aria-controls": td,
4668
4700
  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)]",
4669
4701
  "data-testid": "merge-tag-picker-group-header",
4670
4702
  "data-group-name": e.group,
4671
- "data-group-collapsed": M(e.group) ? "true" : "false",
4672
- onClick: (t) => N(e.group)
4703
+ "data-group-collapsed": N(e.group) ? "true" : "false",
4704
+ onClick: (t) => ee(e.group)
4673
4705
  }, [
4674
- _(g(Et), {
4706
+ _(g(Dt), {
4675
4707
  size: 12,
4676
4708
  "stroke-width": 2,
4677
- class: y(["tpl:transition-transform", M(e.group) ? "tpl:-rotate-90" : ""])
4709
+ class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
4678
4710
  }, null, 8, ["class"]),
4679
- k("span", null, F(e.group), 1),
4680
- k("span", Uu, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4681
- ], 8, Hu)) : (s(), x("button", {
4711
+ A("span", null, F(e.group), 1),
4712
+ A("span", Yu, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4713
+ ], 8, Ju)) : (s(), x("button", {
4682
4714
  key: 1,
4683
4715
  id: ie(e.index),
4684
4716
  type: "button",
@@ -4693,16 +4725,16 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4693
4725
  onMousemove: (t) => O.value = e.index,
4694
4726
  onClick: (t) => B(e.tag)
4695
4727
  }, [
4696
- k("span", Gu, F(e.tag.label), 1),
4697
- k("span", Ku, F(e.tag.value), 1),
4698
- e.tag.description ? (s(), x("span", qu, F(e.tag.description), 1)) : S("", !0),
4699
- e.tag.sample === void 0 ? S("", !0) : (s(), x("span", Ju, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4700
- ], 42, Wu))], 64))), 128))], 8, zu)
4701
- ], 12, ju)]),
4728
+ A("span", Zu, F(e.tag.label), 1),
4729
+ A("span", Qu, F(e.tag.value), 1),
4730
+ e.tag.description ? (s(), x("span", $u, F(e.tag.description), 1)) : S("", !0),
4731
+ e.tag.sample === void 0 ? S("", !0) : (s(), x("span", ed, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4732
+ ], 42, Xu))], 64))), 128))], 8, Gu)
4733
+ ], 12, Lu)]),
4702
4734
  _: 1
4703
4735
  }, 8, ["visible"]));
4704
4736
  }
4705
- }), Zu = ["data-logic-keyword"], Qu = /* @__PURE__ */ d({
4737
+ }), rd = ["data-logic-keyword"], id = /* @__PURE__ */ d({
4706
4738
  __name: "LogicTagBadge",
4707
4739
  props: {
4708
4740
  value: {},
@@ -4719,22 +4751,22 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4719
4751
  },
4720
4752
  "data-testid": "merge-tag-logic-badge",
4721
4753
  "data-logic-keyword": r.value
4722
- }, F(r.value), 9, Zu)) : S("", !0);
4754
+ }, F(r.value), 9, rd)) : S("", !0);
4723
4755
  }
4724
- }), $u = ["aria-labelledby", "data-tpl-theme"], ed = { 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" }, td = ["id"], nd = ["aria-label"], rd = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, id = [
4756
+ }), ad = ["aria-labelledby", "data-tpl-theme"], od = { 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" }, sd = ["id"], cd = ["aria-label"], ld = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, ud = [
4725
4757
  "id",
4726
4758
  "placeholder",
4727
4759
  "aria-label",
4728
4760
  "aria-activedescendant"
4729
- ], ad = ["aria-label"], od = {
4761
+ ], dd = ["aria-label"], fd = {
4730
4762
  key: 0,
4731
4763
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4732
4764
  "data-testid": "logic-picker-empty"
4733
- }, sd = {
4765
+ }, pd = {
4734
4766
  key: 1,
4735
4767
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4736
4768
  "data-testid": "logic-picker-empty"
4737
- }, cd = ["data-group-name"], ld = [
4769
+ }, md = ["data-group-name"], hd = [
4738
4770
  "id",
4739
4771
  "aria-selected",
4740
4772
  "data-selected",
@@ -4742,37 +4774,37 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4742
4774
  "data-logic-kind",
4743
4775
  "onMousemove",
4744
4776
  "onClick"
4745
- ], ud = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, dd = { class: "tpl:text-sm tpl:font-medium" }, fd = {
4777
+ ], gd = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, _d = { class: "tpl:text-sm tpl:font-medium" }, vd = {
4746
4778
  key: 0,
4747
4779
  class: "tpl:flex tpl:items-center"
4748
- }, pd = {
4780
+ }, yd = {
4749
4781
  key: 1,
4750
4782
  class: "tpl:flex tpl:items-center tpl:gap-1"
4751
- }, md = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, hd = {
4783
+ }, bd = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, xd = {
4752
4784
  key: 0,
4753
4785
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4754
- }, gd = "tpl-logic-picker-list", _d = /* @__PURE__ */ d({
4786
+ }, Sd = "tpl-logic-picker-list", Cd = /* @__PURE__ */ d({
4755
4787
  __name: "LogicTagPickerModal",
4756
4788
  setup(i) {
4757
- 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);
4758
- function A(e) {
4789
+ let a = et(ht, "LogicTagPickerModal"), { t: o } = q(), 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);
4790
+ function j(e) {
4759
4791
  let t = m.value.trim().toLowerCase();
4760
4792
  return !t || e.filter(Boolean).join(" ").toLowerCase().includes(t);
4761
4793
  }
4762
- let j = b(() => a.tags.value.filter((e) => A([
4794
+ let M = b(() => a.tags.value.filter((e) => j([
4763
4795
  e.label,
4764
4796
  e.value,
4765
4797
  e.description
4766
- ]))), M = b(() => a.pairs.value.filter((e) => A([
4798
+ ]))), N = b(() => a.pairs.value.filter((e) => j([
4767
4799
  e.label,
4768
4800
  e.before,
4769
4801
  e.after,
4770
4802
  e.description
4771
- ]))), N = b(() => [...M.value.map((e) => ({
4803
+ ]))), ee = b(() => [...N.value.map((e) => ({
4772
4804
  kind: "pair",
4773
4805
  pair: e,
4774
4806
  group: e.group
4775
- })), ...j.value.map((e) => ({
4807
+ })), ...M.value.map((e) => ({
4776
4808
  kind: "tag",
4777
4809
  tag: e,
4778
4810
  group: e.group
@@ -4796,7 +4828,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4796
4828
  pair: r.pair,
4797
4829
  index: n
4798
4830
  }), t.push(r.pair)), n++;
4799
- }, i = N.value;
4831
+ }, i = ee.value;
4800
4832
  if (C.value || !I.value) for (let e of i) r(e);
4801
4833
  else for (let [t, n] of L(i)) {
4802
4834
  e.push({
@@ -4837,44 +4869,44 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4837
4869
  }
4838
4870
  }
4839
4871
  function ne(e) {
4840
- return `${gd}-opt-${e}`;
4872
+ return `${Sd}-opt-${e}`;
4841
4873
  }
4842
4874
  function re() {
4843
- return z.value.length === 0 ? void 0 : `${gd}-opt-${O.value}`;
4875
+ return z.value.length === 0 ? void 0 : `${Sd}-opt-${O.value}`;
4844
4876
  }
4845
4877
  return (e, t) => (s(), D(Ln, {
4846
4878
  visible: g(a).isOpen.value,
4847
4879
  onClose: W,
4848
4880
  onKeydown: te
4849
4881
  }, {
4850
- default: r(() => [k("div", {
4882
+ default: r(() => [A("div", {
4851
4883
  role: "dialog",
4852
4884
  "aria-modal": "true",
4853
- "aria-labelledby": `${gd}-title`,
4885
+ "aria-labelledby": `${Sd}-title`,
4854
4886
  "data-tpl-theme": g(d),
4855
4887
  "data-testid": "logic-picker-modal",
4856
4888
  class: "tpl tpl:flex tpl:max-h-[80%] tpl:w-[420px] tpl:max-w-full tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4857
4889
  style: E(g(u))
4858
4890
  }, [
4859
- k("header", ed, [k("h2", {
4860
- id: `${gd}-title`,
4891
+ A("header", od, [A("h2", {
4892
+ id: `${Sd}-title`,
4861
4893
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4862
- }, F(g(o).logicTag.picker.title), 9, td), k("button", {
4894
+ }, F(g(o).logicTag.picker.title), 9, sd), A("button", {
4863
4895
  type: "button",
4864
4896
  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)]",
4865
4897
  "aria-label": g(o).logicTag.picker.close,
4866
4898
  "data-testid": "logic-picker-close",
4867
4899
  onClick: W
4868
- }, [_(g(Zt), {
4900
+ }, [_(g(Qt), {
4869
4901
  size: 16,
4870
4902
  "stroke-width": 2
4871
- })], 8, nd)]),
4872
- k("div", rd, [_(g(At), {
4903
+ })], 8, cd)]),
4904
+ A("div", ld, [_(g(jt), {
4873
4905
  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)]",
4874
4906
  size: 14,
4875
4907
  "stroke-width": 2
4876
- }), f(k("input", {
4877
- id: `${gd}-search`,
4908
+ }), f(A("input", {
4909
+ id: `${Sd}-search`,
4878
4910
  ref_key: "searchInputRef",
4879
4911
  ref: h,
4880
4912
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4882,25 +4914,25 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4882
4914
  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)]",
4883
4915
  placeholder: g(o).logicTag.picker.searchPlaceholder,
4884
4916
  "aria-label": g(o).logicTag.picker.searchAriaLabel,
4885
- "aria-controls": gd,
4917
+ "aria-controls": Sd,
4886
4918
  "aria-activedescendant": re(),
4887
4919
  "data-testid": "logic-picker-search",
4888
4920
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4889
- }, null, 40, id), [[ee, p.value]])]),
4890
- k("div", {
4891
- id: gd,
4921
+ }, null, 40, ud), [[k, p.value]])]),
4922
+ A("div", {
4923
+ id: Sd,
4892
4924
  ref_key: "listRef",
4893
4925
  ref: H,
4894
4926
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4895
4927
  role: "listbox",
4896
4928
  "aria-label": g(o).logicTag.picker.title,
4897
4929
  "data-testid": "logic-picker-list"
4898
- }, [B.value ? (s(), x("div", od, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", sd, 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", {
4930
+ }, [B.value ? (s(), x("div", fd, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", pd, 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", {
4899
4931
  key: 0,
4900
4932
  class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
4901
4933
  "data-testid": "logic-picker-header",
4902
4934
  "data-group-name": e.label
4903
- }, F(e.label), 9, cd)) : (s(), x("button", {
4935
+ }, F(e.label), 9, md)) : (s(), x("button", {
4904
4936
  key: 1,
4905
4937
  id: ne(e.index),
4906
4938
  type: "button",
@@ -4914,32 +4946,32 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4914
4946
  onMousemove: (t) => O.value = e.index,
4915
4947
  onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
4916
4948
  }, [
4917
- k("span", ud, [k("span", dd, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", fd, [_(Qu, {
4949
+ A("span", gd, [A("span", _d, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", vd, [_(id, {
4918
4950
  value: e.tag.value,
4919
4951
  syntax: g(c)
4920
- }, null, 8, ["value", "syntax"])])) : (s(), x("span", pd, [
4921
- _(Qu, {
4952
+ }, null, 8, ["value", "syntax"])])) : (s(), x("span", yd, [
4953
+ _(id, {
4922
4954
  value: e.pair.before,
4923
4955
  syntax: g(c)
4924
4956
  }, null, 8, ["value", "syntax"]),
4925
- t[2] ||= k("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
4926
- _(Qu, {
4957
+ t[2] ||= A("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
4958
+ _(id, {
4927
4959
  value: e.pair.after,
4928
4960
  syntax: g(c)
4929
4961
  }, null, 8, ["value", "syntax"])
4930
4962
  ]))]),
4931
- k("span", md, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4932
- (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", hd, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4933
- ], 42, ld))], 64))), 128))], 8, ad)
4934
- ], 12, $u)]),
4963
+ A("span", bd, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4964
+ (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", xd, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4965
+ ], 42, hd))], 64))), 128))], 8, dd)
4966
+ ], 12, ad)]),
4935
4967
  _: 1
4936
4968
  }, 8, ["visible"]));
4937
4969
  }
4938
- }), vd = ["data-tpl-theme"], yd = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, bd = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, xd = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, Sd = {
4970
+ }), wd = ["data-tpl-theme"], Td = { class: "tpl:absolute tpl:inset-0 tpl:overflow-hidden" }, Ed = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Dd = { 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 = {
4939
4971
  key: 0,
4940
4972
  "data-testid": "merge-tag-mode-toggle-anchor",
4941
4973
  class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
4942
- }, Cd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, wd = ["aria-label"], Td = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4974
+ }, kd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, Ad = ["aria-label"], jd = /*#__PURE__*/ un(/* @__PURE__ */ d({
4943
4975
  __name: "Editor",
4944
4976
  props: {
4945
4977
  config: {},
@@ -4949,7 +4981,7 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4949
4981
  cloud: {}
4950
4982
  },
4951
4983
  setup(t, { expose: n }) {
4952
- let i = t, a = i.config.templates ? sr(i.config.templates, i.config.mergeTags) : void 0, c = ce({
4984
+ let i = t, a = i.config.templates ? sr(i.config.templates, i.config.mergeTags) : void 0, c = le({
4953
4985
  content: i.config.content,
4954
4986
  defaultFontFamily: i.config.fonts?.defaultFont,
4955
4987
  templateDefaults: i.config.templateDefaults,
@@ -4968,13 +5000,13 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4968
5000
  editor: c,
4969
5001
  onError: i.config.onError,
4970
5002
  isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
4971
- }) : null, v = L(() => import("./chunks/SavedBlocksPanels-GgdpiPUq.js")), w = i.config.testEmail ? Kn({
5003
+ }) : null, v = L(() => import("./chunks/SavedBlocksPanels-DJ4fceEM.js")), w = i.config.testEmail ? Kn({
4972
5004
  provider: i.config.testEmail,
4973
5005
  getContent: () => c.content.value,
4974
5006
  renderMjml: te,
4975
5007
  onError: i.config.onError,
4976
5008
  isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
4977
- }) : null, ee = L(() => import("./chunks/TestEmailPanel-Q6alElB1.js")), A = i.config.comments ? Rn({
5009
+ }) : null, k = L(() => import("./chunks/TestEmailPanel-BdxpMiWc.js")), j = i.config.comments ? Rn({
4978
5010
  provider: i.config.comments,
4979
5011
  editor: c,
4980
5012
  user: i.config.user,
@@ -4982,8 +5014,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4982
5014
  onError: i.config.onError,
4983
5015
  isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
4984
5016
  isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
4985
- }) : null, j = L(() => import("./chunks/CommentsPanel-DjId-XH-.js")), N = L(() => import("./chunks/CloudPanels-BXcdYgy0.js")), P = L(() => import("./chunks/CloudHeaderExtras-Bz--_dKu.js")), I = L(() => import("./chunks/VersionHistoryPanels-Crw5JA89.js")), z = Jn(i.config.templates?.autoSave, !1), B = z && d !== null;
4986
- z && d !== null && !d.canSave.value && gt.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && d !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && gt.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
5017
+ }) : null, M = L(() => import("./chunks/CommentsPanel-DjId-XH-.js")), ee = L(() => import("./chunks/CloudPanels-Cnh07_2G.js")), P = L(() => import("./chunks/CloudHeaderExtras-g-_SFPna.js")), I = L(() => import("./chunks/VersionHistoryPanels-2l_FLtix.js")), z = Jn(i.config.templates?.autoSave, !1), B = z && d !== null;
5018
+ z && d !== null && !d.canSave.value && _t.warn("config.templates.autoSave is on but this provider's save is false — there is nothing to persist to. Give it a real save function, or use `onChange` to persist the content yourself."), i.config.changeDebounce !== void 0 && d !== null && i.config.templates?.autoSave === void 0 && !i.config.onChange && _t.warn("config.changeDebounce is set but nothing will use it — config.templates.autoSave is unset and there is no onChange either, so the timer has no consumer. Set config.templates.autoSave, or add onChange, so the debounce takes effect.");
4987
5019
  let V = i.config.onChange || B ? {
4988
5020
  onChange: () => {
4989
5021
  i.config.onChange?.(JSON.parse(JSON.stringify(c.state.content))), B && d.requestAutoSave();
@@ -4993,8 +5025,8 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
4993
5025
  ...m ? { savedBlocks: m.capability } : {},
4994
5026
  ...d ? { templates: d.capability } : {},
4995
5027
  ...w ? { testEmail: w.capability } : {},
4996
- ...A ? { comments: A.capability } : {}
4997
- }, U = Ie({
5028
+ ...j ? { comments: j.capability } : {}
5029
+ }, U = Le({
4998
5030
  editor: c,
4999
5031
  containerEl: p,
5000
5032
  config: {
@@ -5045,11 +5077,11 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5045
5077
  getFonts: () => Xn(i.fontsManager)
5046
5078
  });
5047
5079
  }
5048
- let ne = b(() => A?.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]");
5080
+ 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]");
5049
5081
  function K(e) {
5050
5082
  u && (e === "ai-chat" ? u.panelState.aiChatOpen.value = !0 : u.panelState.designReferenceOpen.value = !0);
5051
5083
  }
5052
- let { showNotice: ie } = be(() => i.config.smallScreenNotice);
5084
+ let { showNotice: ie } = xe(() => i.config.smallScreenNotice);
5053
5085
  C(async () => {
5054
5086
  await i.fontsManager.loadCustomFonts();
5055
5087
  }), o(() => {
@@ -5076,15 +5108,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5076
5108
  onDrop: n[9] ||= T(() => {}, ["prevent"])
5077
5109
  }, [
5078
5110
  _(xr),
5079
- k("div", yd, [
5080
- _(Au, {
5111
+ A("div", Td, [
5112
+ _(Iu, {
5081
5113
  editor: g(c),
5082
5114
  core: g(U),
5083
5115
  templates: g(d),
5084
5116
  "show-template-name": t.config.templates?.nameField !== !1,
5085
5117
  "test-email": g(w),
5086
5118
  "version-history": g(G),
5087
- comments: g(A)
5119
+ comments: g(j)
5088
5120
  }, h({ _: 2 }, [g(u) ? {
5089
5121
  name: "left-extras",
5090
5122
  fn: r(() => [_(g(P), {
@@ -5108,12 +5140,12 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5108
5140
  "version-history",
5109
5141
  "comments"
5110
5142
  ]),
5111
- f(_(jr, null, null, 512), [[M, !g(c).state.previewMode]]),
5112
- k("div", {
5143
+ f(_(jr, null, null, 512), [[N, !g(c).state.previewMode]]),
5144
+ A("div", {
5113
5145
  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"]]),
5114
5146
  style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
5115
- }, [k("div", bd, [k("div", xd, [_(O, { name: "tpl-preview-pill" }, {
5116
- default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div", Sd, [_(Fn, {
5147
+ }, [A("div", Ed, [A("div", Dd, [_(O, { name: "tpl-preview-pill" }, {
5148
+ default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div", Od, [_(Fn, {
5117
5149
  "sample-mode": g(U).mergeTagSampleMode.value,
5118
5150
  onChange: n[0] ||= (e) => g(U).mergeTagSampleMode.value = e
5119
5151
  }, null, 8, ["sample-mode"])])) : S("", !0)]),
@@ -5122,15 +5154,15 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5122
5154
  default: r(() => [g(U).conditionPreview.hasHiddenBlocks.value && g(U).appliesConditionFilter.value ? (s(), x("button", {
5123
5155
  key: 0,
5124
5156
  type: "button",
5125
- class: y([g(mn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
5157
+ class: y([g(hn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
5126
5158
  "data-testid": "restore-hidden-blocks",
5127
5159
  onClick: n[1] ||= (e) => g(U).conditionPreview.reset()
5128
- }, [_(g(Tt), {
5160
+ }, [_(g(Et), {
5129
5161
  size: 16,
5130
5162
  "stroke-width": 2
5131
5163
  }), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : S("", !0)]),
5132
5164
  _: 1
5133
- })])]), k("main", Cd, [_(br, {
5165
+ })])]), A("main", kd, [_(br, {
5134
5166
  viewport: g(c).state.viewport,
5135
5167
  content: g(U).previewResolution.content.value,
5136
5168
  "selected-block-id": g(c).state.selectedBlockId,
@@ -5149,18 +5181,18 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5149
5181
  "locked-blocks",
5150
5182
  "onSelectBlock"
5151
5183
  ])])], 2),
5152
- t.config.branding === !1 ? S("", !0) : (s(), D(cu, {
5184
+ t.config.branding === !1 ? S("", !0) : (s(), D(mu, {
5153
5185
  key: 0,
5154
5186
  "position-class": [re.value]
5155
5187
  }, null, 8, ["position-class"])),
5156
- k("div", {
5188
+ A("div", {
5157
5189
  class: "tpl-sr-only",
5158
5190
  role: "status",
5159
5191
  "aria-live": "polite",
5160
5192
  "aria-atomic": "true",
5161
5193
  "aria-label": g(U).t.landmarks.reorderAnnouncements
5162
- }, F(g(U).keyboardReorder.announcement.value), 9, wd),
5163
- f(_(eu, {
5194
+ }, F(g(U).keyboardReorder.announcement.value), 9, Ad),
5195
+ f(_(ou, {
5164
5196
  "selected-block": g(c).selectedBlock.value,
5165
5197
  settings: g(c).content.value.settings,
5166
5198
  "shifted-left": ne.value,
@@ -5176,31 +5208,31 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5176
5208
  "selected-block",
5177
5209
  "settings",
5178
5210
  "shifted-left"
5179
- ]), [[M, !g(c).state.previewMode]])
5211
+ ]), [[N, !g(c).state.previewMode]])
5180
5212
  ]),
5181
- k("div", {
5213
+ A("div", {
5182
5214
  ref: (e) => g(U).popoverRoot.value = e,
5183
5215
  class: "tpl-popover-root"
5184
5216
  }, null, 512),
5185
- _(Xu),
5186
- _(_d),
5217
+ _(nd),
5218
+ _(Cd),
5187
5219
  g(m)?.isAvailable.value ? (s(), D(g(v), {
5188
5220
  key: 0,
5189
5221
  feature: g(m)
5190
5222
  }, null, 8, ["feature"])) : S("", !0),
5191
- g(w)?.isAvailable.value ? (s(), D(g(ee), {
5223
+ g(w)?.isAvailable.value ? (s(), D(g(k), {
5192
5224
  key: 1,
5193
5225
  feature: g(w)
5194
5226
  }, null, 8, ["feature"])) : S("", !0),
5195
- g(A)?.isAvailable.value ? (s(), D(g(j), {
5227
+ g(j)?.isAvailable.value ? (s(), D(g(M), {
5196
5228
  key: 2,
5197
- feature: g(A)
5229
+ feature: g(j)
5198
5230
  }, null, 8, ["feature"])) : S("", !0),
5199
5231
  g(G)?.isAvailable.value ? (s(), D(g(I), {
5200
5232
  key: 3,
5201
5233
  feature: g(G)
5202
5234
  }, null, 8, ["feature"])) : S("", !0),
5203
- t.cloud && g(u) && g(W) ? (s(), D(g(N), {
5235
+ t.cloud && g(u) && g(W) ? (s(), D(g(ee), {
5204
5236
  key: 4,
5205
5237
  editor: g(c),
5206
5238
  core: g(U),
@@ -5216,107 +5248,107 @@ var Rs = { class: "tpl:mb-3.5" }, zs = ["value"], Bs = ["value"], Vs = {
5216
5248
  "ready",
5217
5249
  "locale"
5218
5250
  ])) : S("", !0),
5219
- g(ie) ? (s(), D(au, { key: 5 })) : S("", !0)
5220
- ], 46, vd));
5251
+ g(ie) ? (s(), D(du, { key: 5 })) : S("", !0)
5252
+ ], 46, wd));
5221
5253
  }
5222
- }), [["__scopeId", "data-v-226e891c"]]), Ed = /* #__PURE__ */ Object.assign({
5223
- "./locales/ca.ts": () => import("./chunks/ca-DY0AYOLG.js"),
5224
- "./locales/de.ts": () => import("./chunks/de-CYLWugqb.js"),
5225
- "./locales/en.ts": () => import("./chunks/en-C3TM249M.js"),
5226
- "./locales/es.ts": () => import("./chunks/es-D1SF4nCR.js"),
5227
- "./locales/fr.ts": () => import("./chunks/fr-CdLhJ7kw.js"),
5228
- "./locales/nl.ts": () => import("./chunks/nl-BvsLoyKp.js"),
5229
- "./locales/pt-BR.ts": () => import("./chunks/pt-BR-CAGS5YXp.js")
5230
- }), Dd = /* #__PURE__ */ Object.assign({
5254
+ }), [["__scopeId", "data-v-226e891c"]]), Md = /* #__PURE__ */ Object.assign({
5255
+ "./locales/ca.ts": () => import("./chunks/ca-DZSrLNXK.js"),
5256
+ "./locales/de.ts": () => import("./chunks/de-DbayqpK-.js"),
5257
+ "./locales/en.ts": () => import("./chunks/en-l0ib5X0f.js"),
5258
+ "./locales/es.ts": () => import("./chunks/es-CMQ-5PJP.js"),
5259
+ "./locales/fr.ts": () => import("./chunks/fr-DNXmZWAq.js"),
5260
+ "./locales/nl.ts": () => import("./chunks/nl-BylRRHYJ.js"),
5261
+ "./locales/pt-BR.ts": () => import("./chunks/pt-BR-BVoJhpie.js")
5262
+ }), Nd = /* #__PURE__ */ Object.assign({
5231
5263
  "./locales/cloud/de.ts": () => import("./chunks/de-BytZwgn6.js"),
5232
5264
  "./locales/cloud/en.ts": () => import("./chunks/en-DyOSV0lY.js"),
5233
5265
  "./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-C1WLSGDh.js")
5234
5266
  });
5235
- function Od(e) {
5267
+ function Pd(e) {
5236
5268
  return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
5237
5269
  }
5238
- var kd = Od(Ed), Ad = Od(Dd);
5239
- function jd(e) {
5270
+ var Fd = Pd(Md), Id = Pd(Nd);
5271
+ function Ld(e) {
5240
5272
  return e.trim().replace(/_/g, "-").toLowerCase();
5241
5273
  }
5242
- function Md(e, t) {
5243
- let n = jd(e);
5244
- return t.find((e) => jd(e) === n);
5274
+ function Rd(e, t) {
5275
+ let n = Ld(e);
5276
+ return t.find((e) => Ld(e) === n);
5245
5277
  }
5246
- function Nd(e) {
5247
- return jd(e).split("-")[0];
5278
+ function zd(e) {
5279
+ return Ld(e).split("-")[0];
5248
5280
  }
5249
- function Pd(e, t) {
5250
- return Md(e, t) ?? Md(Nd(e), t);
5281
+ function Bd(e, t) {
5282
+ return Rd(e, t) ?? Rd(zd(e), t);
5251
5283
  }
5252
- function Fd(e, t) {
5253
- return Pd(e, t) ?? "en";
5284
+ function Vd(e, t) {
5285
+ return Bd(e, t) ?? "en";
5254
5286
  }
5255
- async function Id(e) {
5256
- let t = Ed[`./locales/${Fd(e, kd)}.ts`];
5287
+ async function Hd(e) {
5288
+ let t = Md[`./locales/${Vd(e, Fd)}.ts`];
5257
5289
  return (await t()).default;
5258
5290
  }
5259
- async function Ld(e) {
5260
- let t = Dd[`./locales/cloud/${Fd(e, Ad)}.ts`];
5291
+ async function Ud(e) {
5292
+ let t = Nd[`./locales/cloud/${Vd(e, Id)}.ts`];
5261
5293
  return (await t()).default;
5262
5294
  }
5263
- function Rd(e) {
5264
- return Pd(e, kd) !== void 0;
5295
+ function Wd(e) {
5296
+ return Bd(e, Fd) !== void 0;
5265
5297
  }
5266
- function zd(e) {
5267
- return Pd(e, Ad) !== void 0;
5298
+ function Gd(e) {
5299
+ return Bd(e, Id) !== void 0;
5268
5300
  }
5269
- function Bd() {
5270
- return [...kd];
5301
+ function Kd() {
5302
+ return [...Fd];
5271
5303
  }
5272
- function Vd() {
5273
- return [...Ad];
5304
+ function qd() {
5305
+ return [...Id];
5274
5306
  }
5275
5307
  //#endregion
5276
5308
  //#region \0virtual:editor-css
5277
- var Hd = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-9bb8b409] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-3xl{max-width:calc(48 * 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);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;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-226e891c]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-226e891c]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-226e891c],.tpl-preview-pill-leave-to[data-v-226e891c]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-226e891c],.tpl-preview-pill-leave-from[data-v-226e891c]{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-2013fa0f] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper{background-color:transparent!important}[data-v-2013fa0f] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .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-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:48rem}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width: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*/", Ud = null;
5278
- function Wd() {
5279
- if (Ud === null) {
5309
+ var Jd = "@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-2c239048]{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-2c239048]: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-2c239048]{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-2c239048]{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-2c239048]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-2c239048]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-2c239048]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-2c239048]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-2c239048]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-9bb8b409] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-9bb8b409] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-dbc9901a]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-dbc9901a]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-dbc9901a]{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-3xl{max-width:calc(48 * 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);letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;white-space:normal;cursor:auto;font-variant-numeric:normal;text-shadow:none;flex-direction:column;font-style:normal;font-weight:400;list-style-type:disc;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 0 var(--tpl-doc-paragraph-spacing,8px)}.tpl-text-content p:last-child,.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:8px 0;padding-left:24px}.tpl-text-content li,.tpl-text-editable .tiptap li{margin:4px 0}.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-226e891c]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-226e891c]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-226e891c],.tpl-preview-pill-leave-to[data-v-226e891c]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-226e891c],.tpl-preview-pill-leave-from[data-v-226e891c]{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-2013fa0f] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .vue-advanced-cropper{background-color:transparent!important}[data-v-2013fa0f] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-2013fa0f] .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-\\[80\\%\\]{max-height:80%}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90\\%\\]{max-height:90%}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:max-h-full{max-height:100%}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[420px\\]{width:420px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-3xl{max-width:48rem}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100\\%_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100% - 2 * var(--tpl-base-size))}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width: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}}.tpl\\:\\[\\&_p\\]\\:mb-2 p{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}@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*/", Yd = null;
5310
+ function Xd() {
5311
+ if (Yd === null) {
5280
5312
  let e = new CSSStyleSheet();
5281
- e.replaceSync(Hd), Ud = e;
5313
+ e.replaceSync(Jd), Yd = e;
5282
5314
  }
5283
- return Ud;
5315
+ return Yd;
5284
5316
  }
5285
- function Gd(e) {
5317
+ function Zd(e) {
5286
5318
  return () => {};
5287
5319
  }
5288
- function Kd(e, t) {
5320
+ function Qd(e, t) {
5289
5321
  if (!t) return {
5290
5322
  target: e,
5291
5323
  shadowRoot: null,
5292
5324
  cleanup: () => {}
5293
5325
  };
5294
5326
  let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
5295
- for (n.adoptedStyleSheets = [Wd()]; n.firstChild;) n.removeChild(n.firstChild);
5327
+ for (n.adoptedStyleSheets = [Xd()]; n.firstChild;) n.removeChild(n.firstChild);
5296
5328
  let r = document.createElement("div");
5297
5329
  return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
5298
5330
  target: r,
5299
5331
  shadowRoot: n,
5300
- cleanup: Gd(n)
5332
+ cleanup: Zd(n)
5301
5333
  };
5302
5334
  }
5303
- var qd = /* @__PURE__ */ new Map(), Jd = null;
5304
- function Yd(e) {
5305
- let t = qd.get(e);
5306
- t && (t.cleanup(), t.app.unmount(), qd.delete(e), Jd === e && (Jd = null));
5335
+ var $d = /* @__PURE__ */ new Map(), ef = null;
5336
+ function tf(e) {
5337
+ let t = $d.get(e);
5338
+ t && (t.cleanup(), t.app.unmount(), $d.delete(e), ef === e && (ef = null));
5307
5339
  }
5308
- async function Xd(e) {
5309
- return Zd(e);
5340
+ async function nf(e) {
5341
+ return rf(e);
5310
5342
  }
5311
- async function Zd(e, t) {
5343
+ async function rf(e, t) {
5312
5344
  let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
5313
5345
  if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
5314
- let r = await Id(e.locale ?? "en"), i = Re(e.fonts);
5315
- Yd(n);
5316
- let a = Kd(n, e.shadowDom ?? !0), o = l(null);
5346
+ let r = await Hd(e.locale ?? "en"), i = ze(e.fonts);
5347
+ tf(n);
5348
+ let a = Qd(n, e.shadowDom ?? !0), o = l(null);
5317
5349
  e.content &&= ar(e.content, e.mergeTags);
5318
- let s = j({ setup() {
5319
- return () => I(Td, {
5350
+ let s = M({ setup() {
5351
+ return () => I(jd, {
5320
5352
  config: e,
5321
5353
  translations: r,
5322
5354
  fontsManager: i,
@@ -5325,11 +5357,11 @@ async function Zd(e, t) {
5325
5357
  ref: o
5326
5358
  });
5327
5359
  } });
5328
- s.mount(a.target), qd.set(n, {
5360
+ s.mount(a.target), $d.set(n, {
5329
5361
  app: s,
5330
5362
  editorRef: o,
5331
5363
  cleanup: a.cleanup
5332
- }), Jd = n;
5364
+ }), ef = n;
5333
5365
  let c = {
5334
5366
  getContent() {
5335
5367
  return G(o.value ? o.value.getContent() : e.content ?? V());
@@ -5341,7 +5373,7 @@ async function Zd(e, t) {
5341
5373
  setTheme(e) {
5342
5374
  o.value && o.value.setTheme(e);
5343
5375
  },
5344
- unmount: () => Yd(n),
5376
+ unmount: () => tf(n),
5345
5377
  create(t) {
5346
5378
  return o.value ? o.value.create(t?.content ? {
5347
5379
  ...t,
@@ -5381,12 +5413,12 @@ async function Zd(e, t) {
5381
5413
  });
5382
5414
  return c;
5383
5415
  }
5384
- async function Qd(e) {
5385
- let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-C6MJN7M6.js"), Ld(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5416
+ async function af(e) {
5417
+ let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-jLhuyKds.js"), Ud(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5386
5418
  config: e,
5387
5419
  cloudTranslations: n
5388
5420
  });
5389
- return Zd({
5421
+ return rf({
5390
5422
  container: e.container,
5391
5423
  content: e.content,
5392
5424
  shadowDom: e.shadowDom,
@@ -5425,10 +5457,10 @@ async function Qd(e) {
5425
5457
  user: a
5426
5458
  }, r);
5427
5459
  }
5428
- function $d() {
5429
- Jd && Yd(Jd);
5460
+ function of() {
5461
+ ef && tf(ef);
5430
5462
  }
5431
5463
  //#endregion
5432
- export { fe as createLocalStorageSavedBlocksProvider, Nd as getBaseLocale, Vd as getSupportedCloudLocales, Bd as getSupportedLocales, Xd as init, Qd as initCloud, zd as isCloudLocaleSupported, Rd as isLocaleSupported, $d as unmount, Re as useFonts };
5464
+ export { pe as createLocalStorageSavedBlocksProvider, zd as getBaseLocale, qd as getSupportedCloudLocales, Kd as getSupportedLocales, nf as init, af as initCloud, Gd as isCloudLocaleSupported, Wd as isLocaleSupported, of as unmount, ze as useFonts };
5433
5465
 
5434
5466
  //# sourceMappingURL=editor.js.map