@templatical/editor 0.27.4 → 0.27.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/{AiFeatureMenu-DVQrznsN.js → AiFeatureMenu-YE9qqElA.js} +1 -1
  2. package/dist/{BlockPreviewCanvas-D9eC04OA.js → BlockPreviewCanvas-CF7r-mw4.js} +1 -1
  3. package/dist/{CloudHeaderExtras-DX0j3CJ3.js → CloudHeaderExtras-msYo6uhq.js} +4 -4
  4. package/dist/{CollaboratorBar-BZ-JCjdM.js → CollaboratorBar-D1Tx8cds.js} +1 -1
  5. package/dist/{ColorPicker-j0TQu5lE.js → ColorPicker-BNfy9BdG.js} +1 -1
  6. package/dist/{CountdownToolbar-UPdwNvVI.js → CountdownToolbar-D-o_hwsO.js} +3 -3
  7. package/dist/{MergeTagSuggestion-DGha0WRp.js → MergeTagSuggestion-DflUPfkT.js} +2 -2
  8. package/dist/{NumberWithSuffix-D9mPtMJB.js → NumberWithSuffix-DZAktKby.js} +1 -1
  9. package/dist/{ParagraphEditor-C9-jQ5zP.js → ParagraphEditor-CoN76ofC.js} +16 -16
  10. package/dist/{RestoreVersionDialog-Ds6gEF5u.js → RestoreVersionDialog-DUXGp-Nw.js} +2 -2
  11. package/dist/{RichTextEditorContent-CO1se6ln.js → RichTextEditorContent-DxicfnPf.js} +1 -1
  12. package/dist/{SaveBlockDialog-DJIcncsU.js → SaveBlockDialog-D0B9SKf9.js} +13 -13
  13. package/dist/{SavedBlocksBrowserModal-BUhhkGEb.js → SavedBlocksBrowserModal-vdci8i18.js} +5 -5
  14. package/dist/{SavedBlocksPanels-DBfPz4iB.js → SavedBlocksPanels-CTmlYwIT.js} +1 -1
  15. package/dist/{SavedBlocksPickBar-D9NsfzCB.js → SavedBlocksPickBar-DMtV1UKQ.js} +1 -1
  16. package/dist/{TestEmailModal-DARwBqpV.js → TestEmailModal-4pHgNCmg.js} +4 -4
  17. package/dist/{TestEmailPanel-BkgAew1S.js → TestEmailPanel-kp84Z0hs.js} +1 -1
  18. package/dist/{TitleEditor-BWLwZh84.js → TitleEditor-BdRlIm67.js} +6 -6
  19. package/dist/{TplModal-CJLs8as_.js → TplModal-CUV1Sd-2.js} +1 -1
  20. package/dist/{VersionHistoryPanels-s45U7XY-.js → VersionHistoryPanels-dyV9JP5G.js} +1 -1
  21. package/dist/{VersionPreviewBanner-BIy95B34.js → VersionPreviewBanner-Bb1cnMZ3.js} +1 -1
  22. package/dist/{blockTypeIcons-BjUkQsAe.js → blockTypeIcons-B13kXe55.js} +1 -1
  23. package/dist/bundle-stats.json +6 -6
  24. package/dist/cdn/chunks/{AiFeatureMenu-BhtNkpIq.js → AiFeatureMenu-CS62uVuh.js} +2 -2
  25. package/dist/cdn/chunks/{AiFeatureMenu-BhtNkpIq.js.map → AiFeatureMenu-CS62uVuh.js.map} +1 -1
  26. package/dist/cdn/chunks/{BlockPreviewCanvas-Bt7fFzIQ.js → BlockPreviewCanvas-DcCqg909.js} +2 -2
  27. package/dist/cdn/chunks/{BlockPreviewCanvas-Bt7fFzIQ.js.map → BlockPreviewCanvas-DcCqg909.js.map} +1 -1
  28. package/dist/cdn/chunks/{CloudHeaderExtras-CScGpeLl.js → CloudHeaderExtras-d_8bZemh.js} +5 -5
  29. package/dist/cdn/chunks/CloudHeaderExtras-d_8bZemh.js.map +1 -0
  30. package/dist/cdn/chunks/{CollaboratorBar-BH1lM_Ta.js → CollaboratorBar-CpHDWa9D.js} +2 -2
  31. package/dist/cdn/chunks/{CollaboratorBar-BH1lM_Ta.js.map → CollaboratorBar-CpHDWa9D.js.map} +1 -1
  32. package/dist/cdn/chunks/{ColorPicker-d4kY7WWd.js → ColorPicker-QPBbkWAs.js} +2 -2
  33. package/dist/cdn/chunks/{ColorPicker-d4kY7WWd.js.map → ColorPicker-QPBbkWAs.js.map} +1 -1
  34. package/dist/cdn/chunks/{CountdownToolbar-BRDbI1mM.js → CountdownToolbar-CMJVzd97.js} +4 -4
  35. package/dist/cdn/chunks/{CountdownToolbar-BRDbI1mM.js.map → CountdownToolbar-CMJVzd97.js.map} +1 -1
  36. package/dist/cdn/chunks/{MergeTagSuggestion-DhllqTA3.js → MergeTagSuggestion-Df7jcLpS.js} +2 -2
  37. package/dist/cdn/chunks/{MergeTagSuggestion-DhllqTA3.js.map → MergeTagSuggestion-Df7jcLpS.js.map} +1 -1
  38. package/dist/cdn/chunks/{NumberWithSuffix-mm6AfIv4.js → NumberWithSuffix-DNBrbl4H.js} +2 -2
  39. package/dist/cdn/chunks/{NumberWithSuffix-mm6AfIv4.js.map → NumberWithSuffix-DNBrbl4H.js.map} +1 -1
  40. package/dist/cdn/chunks/{ParagraphEditor-BgeeE0Gj.js → ParagraphEditor-CbP_rcqb.js} +17 -17
  41. package/dist/cdn/chunks/{ParagraphEditor-BgeeE0Gj.js.map → ParagraphEditor-CbP_rcqb.js.map} +1 -1
  42. package/dist/cdn/chunks/{RestoreVersionDialog-tfoAQAeP.js → RestoreVersionDialog-DYI-M27i.js} +3 -3
  43. package/dist/cdn/chunks/{RestoreVersionDialog-tfoAQAeP.js.map → RestoreVersionDialog-DYI-M27i.js.map} +1 -1
  44. package/dist/cdn/chunks/{RichTextEditorContent-DvLBtUcW.js → RichTextEditorContent-C-kbbKaq.js} +2 -2
  45. package/dist/cdn/chunks/{RichTextEditorContent-DvLBtUcW.js.map → RichTextEditorContent-C-kbbKaq.js.map} +1 -1
  46. package/dist/cdn/chunks/{SaveBlockDialog-D67K2lHn.js → SaveBlockDialog-BBwDyRpC.js} +14 -14
  47. package/dist/cdn/chunks/{SaveBlockDialog-D67K2lHn.js.map → SaveBlockDialog-BBwDyRpC.js.map} +1 -1
  48. package/dist/cdn/chunks/{SavedBlocksBrowserModal-BxVR-yDt.js → SavedBlocksBrowserModal-B_zqSoWl.js} +5 -5
  49. package/dist/cdn/chunks/{SavedBlocksBrowserModal-BxVR-yDt.js.map → SavedBlocksBrowserModal-B_zqSoWl.js.map} +1 -1
  50. package/dist/cdn/chunks/{SavedBlocksPanels-VkKCO0uY.js → SavedBlocksPanels-B_XNxwzs.js} +2 -2
  51. package/dist/cdn/chunks/{SavedBlocksPanels-VkKCO0uY.js.map → SavedBlocksPanels-B_XNxwzs.js.map} +1 -1
  52. package/dist/cdn/chunks/{SavedBlocksPickBar-BJHQDgUT.js → SavedBlocksPickBar-C3BP5941.js} +2 -2
  53. package/dist/cdn/chunks/{SavedBlocksPickBar-BJHQDgUT.js.map → SavedBlocksPickBar-C3BP5941.js.map} +1 -1
  54. package/dist/cdn/chunks/{TestEmailModal-CEBFCevy.js → TestEmailModal-CnoOTm5c.js} +5 -5
  55. package/dist/cdn/chunks/{TestEmailModal-CEBFCevy.js.map → TestEmailModal-CnoOTm5c.js.map} +1 -1
  56. package/dist/cdn/chunks/{TestEmailPanel-C35nqIIl.js → TestEmailPanel-BcvY4bL7.js} +2 -2
  57. package/dist/cdn/chunks/{TestEmailPanel-C35nqIIl.js.map → TestEmailPanel-BcvY4bL7.js.map} +1 -1
  58. package/dist/cdn/chunks/{TitleEditor-c2aQCyds.js → TitleEditor-5Ytpa9n2.js} +7 -7
  59. package/dist/cdn/chunks/{TitleEditor-c2aQCyds.js.map → TitleEditor-5Ytpa9n2.js.map} +1 -1
  60. package/dist/cdn/chunks/{TplModal-DSTVZKuI.js → TplModal-pGADKFOL.js} +2 -2
  61. package/dist/cdn/chunks/{TplModal-DSTVZKuI.js.map → TplModal-pGADKFOL.js.map} +1 -1
  62. package/dist/cdn/chunks/{VersionHistoryPanels-CvWySHUE.js → VersionHistoryPanels-CSryv5rE.js} +2 -2
  63. package/dist/cdn/chunks/{VersionHistoryPanels-CvWySHUE.js.map → VersionHistoryPanels-CSryv5rE.js.map} +1 -1
  64. package/dist/cdn/chunks/{VersionPreviewBanner-CBVDWnhq.js → VersionPreviewBanner-C4mr6y2u.js} +2 -2
  65. package/dist/cdn/chunks/{VersionPreviewBanner-CBVDWnhq.js.map → VersionPreviewBanner-C4mr6y2u.js.map} +1 -1
  66. package/dist/cdn/chunks/{extensions-Byo2sA1r.js → extensions-P0lpi6k8.js} +3 -3
  67. package/dist/cdn/chunks/{extensions-Byo2sA1r.js.map → extensions-P0lpi6k8.js.map} +1 -1
  68. package/dist/cdn/chunks/{src-BAWlZu4B.js → src-DNhD7a2v.js} +2 -2
  69. package/dist/cdn/chunks/{src-BAWlZu4B.js.map → src-DNhD7a2v.js.map} +1 -1
  70. package/dist/cdn/chunks/{styleConstants-9oK5kn21.js → styleConstants-C_YAPdQS.js} +8 -8
  71. package/dist/cdn/chunks/{styleConstants-9oK5kn21.js.map → styleConstants-C_YAPdQS.js.map} +1 -1
  72. package/dist/cdn/chunks/{tiptap-DmpGap5g.js → tiptap-DWeSx_P8.js} +1012 -987
  73. package/dist/cdn/chunks/tiptap-DWeSx_P8.js.map +1 -0
  74. package/dist/cdn/chunks/{useEditorCore-D84laTMj.js → useEditorCore-DTpSiO4S.js} +3 -3
  75. package/dist/cdn/chunks/{useEditorCore-D84laTMj.js.map → useEditorCore-DTpSiO4S.js.map} +1 -1
  76. package/dist/cdn/editor.css +1 -1
  77. package/dist/cdn/editor.js +776 -780
  78. package/dist/cdn/editor.js.map +1 -1
  79. package/dist/{dist-Ck9roB6K.js → dist-BLVvhIFj.js} +2 -2
  80. package/dist/{dist-DMJRSouD.js → dist-C145btxT.js} +255 -250
  81. package/dist/{dist-C27SeFL5.js → dist-CLc1cpN2.js} +2 -2
  82. package/dist/{dist-M7m1lYRe.js → dist-CQQNoHxz.js} +2 -2
  83. package/dist/{dist-g6cbzhZW.js → dist-CclsUQ7r.js} +2 -2
  84. package/dist/{dist-CYx-E82k.js → dist-CgXIMxZc.js} +2 -2
  85. package/dist/dist-D-ulkdvF.js +5 -0
  86. package/dist/{dist-BImfm-46.js → dist-D4Jb08yv.js} +2 -2
  87. package/dist/{dist-ChYLhoJ4.js → dist-DUn6jY0n.js} +35 -18
  88. package/dist/{dist-DfpeSdmE.js → dist-Dx-KOuOj.js} +2 -2
  89. package/dist/{dist-C08jiemd.js → dist-Dz7KUOSg.js} +2 -2
  90. package/dist/dist-Kf9u4ULN.js +5 -0
  91. package/dist/{extensions-BV9qfsYr.js → extensions-DWp4eXoE.js} +3 -3
  92. package/dist/style.css +1 -1
  93. package/dist/{styleConstants-9oK5kn21.js → styleConstants-C_YAPdQS.js} +7 -7
  94. package/dist/templatical-editor.js +939 -943
  95. package/dist/{useEditorCore-D7Gz7_CW.js → useEditorCore--_kmTxxX.js} +2 -2
  96. package/package.json +20 -20
  97. package/dist/cdn/chunks/CloudHeaderExtras-CScGpeLl.js.map +0 -1
  98. package/dist/cdn/chunks/tiptap-DmpGap5g.js.map +0 -1
  99. package/dist/dist-6YJAWMuf.js +0 -5
  100. package/dist/dist-8vlm9kfO.js +0 -5
@@ -1,6 +1,6 @@
1
1
  import { B as e, E as t, F as n, H as r, I as i, K as a, M as o, N as s, P as c, Q as l, R as u, S as d, U as f, X as p, Y as m, _ as h, at as g, b as _, c as v, ct as y, f as b, g as x, h as S, j as C, k as w, l as T, lt as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as ee, u as P, ut as F, w as I, x as L, y as R } from "./chunks/draggable-BfpsXFg7.js";
2
2
  import { H as z, L as B, R as V, S as H, T as U, a as W, b as 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-D84laTMj.js";
3
+ import { B as ce, C as le, D as ue, F as de, I as fe, L as pe, N as me, O as he, P as ge, R as _e, _ as ve, a as ye, b as be, c as xe, d as Se, f as Ce, g as we, h as Te, i as Ee, j as De, k as Oe, l as ke, m as Ae, n as je, o as Me, p as Ne, r as Pe, s as Fe, t as Ie, v as Le, w as Re, y as ze } from "./chunks/useEditorCore-DTpSiO4S.js";
4
4
  import { _ as Be, d as Ve, g as He } from "./chunks/dist-CYLJiSiH.js";
5
5
  import { a as Ue } from "./chunks/dist-CM8TB0VD.js";
6
6
  import { B as We, D as Ge, F as Ke, H as qe, L as Je, N as Ye, O as Xe, U as Ze, V as Qe, W as $e, _ as et, c as tt, d as nt, f as rt, h as it, j as at, k as ot, m as st, n as ct, o as lt, p as ut, r as dt, s as ft, u as pt, w as mt, z as ht } from "./chunks/keys-oJdkdtPn.js";
@@ -13,19 +13,19 @@ import { t as un } from "./chunks/useCloudI18n-Ch-SiRjU.js";
13
13
  import { t as dn } from "./chunks/useMergeTag-DxjTEyin.js";
14
14
  import { t as fn } from "./chunks/useAliveFlag-Dtm174fG.js";
15
15
  import { t as pn } from "./chunks/preRenderCustomBlocks-CbA3RcAy.js";
16
- import { n as mn, t as hn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
17
- import { t as gn } from "./chunks/readableTextColor-f8Kykfnh.js";
18
- import { t as _n } from "./chunks/blockTypeIcons-A9qFb1cR.js";
19
- import { t as vn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
20
- import { S as yn, _ as bn, b as xn, c as Sn, g as J, h as Y, l as Cn, m as X, p as Z, r as wn, t as Tn, y as En } from "./chunks/styleConstants-9oK5kn21.js";
21
- import { t as Q } from "./chunks/ColorPicker-d4kY7WWd.js";
22
- import { n as Dn, r as On } from "./chunks/MergeTagSuggestion-DhllqTA3.js";
23
- import { i as $, n as kn, r as An, t as jn } from "./chunks/NumberWithSuffix-mm6AfIv4.js";
24
- import { n as Mn, t as Nn } from "./chunks/MergeTagModeToggle-CkpKFx9N.js";
25
- import { t as Pn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
26
- import { t as Fn } from "./chunks/TplModal-DSTVZKuI.js";
16
+ import { C as mn, S as hn, _ as gn, b as _n, c as vn, g as J, h as Y, l as yn, m as X, p as Z, r as bn, t as xn, y as Sn } from "./chunks/styleConstants-C_YAPdQS.js";
17
+ import { n as Cn, t as wn } from "./chunks/emailFrameWidth-BmFCN2dp.js";
18
+ import { t as Tn } from "./chunks/readableTextColor-f8Kykfnh.js";
19
+ import { t as En } from "./chunks/blockTypeIcons-A9qFb1cR.js";
20
+ import { t as Dn } from "./chunks/useScrollToBlock-BvWAfWd8.js";
21
+ import { t as Q } from "./chunks/ColorPicker-QPBbkWAs.js";
22
+ import { n as On, r as kn } from "./chunks/MergeTagSuggestion-Df7jcLpS.js";
23
+ import { i as $, n as An, r as jn, t as Mn } from "./chunks/NumberWithSuffix-DNBrbl4H.js";
24
+ import { n as Nn, t as Pn } from "./chunks/MergeTagModeToggle-CkpKFx9N.js";
25
+ import { t as Fn } from "./chunks/formatRelativeTime-CtUU-QZ8.js";
26
+ import { t as In } from "./chunks/TplModal-pGADKFOL.js";
27
27
  //#region src/composables/useCommentsFeature.ts
28
- function In(t) {
28
+ function Ln(t) {
29
29
  let { provider: n, editor: r } = t, i = ge({
30
30
  provider: n,
31
31
  getTemplateId: () => r.state.template?.id ?? null,
@@ -86,7 +86,7 @@ function In(t) {
86
86
  }
87
87
  //#endregion
88
88
  //#region src/composables/useSavedBlocksFeature.ts
89
- function Ln(t) {
89
+ function Rn(t) {
90
90
  let { provider: n, editor: r } = t, i = pe({
91
91
  provider: n,
92
92
  onError: t.onError
@@ -168,11 +168,11 @@ function Ln(t) {
168
168
  }
169
169
  //#endregion
170
170
  //#region src/composables/useTemplatesFeature.ts
171
- var Rn = 3e3;
172
- function zn(e) {
171
+ var zn = 3e3;
172
+ function Bn(e) {
173
173
  let { provider: t, editor: n } = e, r = l("idle"), i = l(""), { start: a, stop: o } = Be(() => {
174
174
  r.value = "idle";
175
- }, Rn, { 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
+ }, zn, { immediate: !1 }), s = b(() => typeof t.create == "function"), c = b(() => typeof t.save == "function"), u = b(() => e.isAvailable?.() ?? !0), d = b(() => n.state.template?.name), f = b(() => {
176
176
  let e = n.state.template;
177
177
  return e?.updatedAt ? {
178
178
  iso: e.updatedAt,
@@ -279,15 +279,15 @@ function zn(e) {
279
279
  }
280
280
  //#endregion
281
281
  //#region src/utils/toMjml.ts
282
- async function Bn() {
282
+ async function Vn() {
283
283
  try {
284
- return await import("./chunks/src-BAWlZu4B.js");
284
+ return await import("./chunks/src-DNhD7a2v.js");
285
285
  } catch {
286
286
  return null;
287
287
  }
288
288
  }
289
- async function Vn(e) {
290
- let t = await Bn();
289
+ async function Hn(e) {
290
+ let t = await Vn();
291
291
  if (!t) throw Error("[Templatical] toMjml() requires the @templatical/renderer package. Please install it.");
292
292
  let n = e.getCustomBlockStylesheet, r = e.getFonts?.();
293
293
  return t.renderToMjml(e.getContent(), {
@@ -301,8 +301,8 @@ async function Vn(e) {
301
301
  }
302
302
  //#endregion
303
303
  //#region src/composables/useTestEmailFeature.ts
304
- var Hn = 1200;
305
- function Un(e) {
304
+ var Un = 1200;
305
+ function Wn(e) {
306
306
  let { provider: t } = e, n = l(!1), r = l(!1), i = l(!1), a = l(null), o = null, s = !1;
307
307
  function c() {
308
308
  o !== null && (clearTimeout(o), o = null);
@@ -324,7 +324,7 @@ function Un(e) {
324
324
  if (!(!t.includeMjml || !e.renderMjml)) try {
325
325
  return await e.renderMjml();
326
326
  } catch (e) {
327
- if (await Bn() === null) {
327
+ if (await Vn() === null) {
328
328
  s || (s = !0, gt.warn("testEmail.includeMjml is set but @templatical/renderer is not installed — sending the template as JSON only. Install it to receive `payload.mjml`."));
329
329
  return;
330
330
  }
@@ -346,7 +346,7 @@ function Un(e) {
346
346
  content: e.getContent(),
347
347
  ...r === void 0 ? {} : { mjml: r },
348
348
  ...s === void 0 ? {} : { allowedRecipients: s }
349
- }), i.value = !0, o = setTimeout(h, Hn);
349
+ }), i.value = !0, o = setTimeout(h, Un);
350
350
  } catch (t) {
351
351
  let n = t instanceof Error ? t : Error(String(t));
352
352
  a.value = {
@@ -376,7 +376,7 @@ function Un(e) {
376
376
  }
377
377
  //#endregion
378
378
  //#region src/composables/useVersionHistoryFeature.ts
379
- function Wn(e) {
379
+ function Gn(e) {
380
380
  let { provider: t, editor: n, history: r, conditionPreview: i, autoSave: a } = e, o = de({
381
381
  provider: t,
382
382
  getTemplateId: () => n.state.template?.id ?? null,
@@ -487,7 +487,7 @@ function Wn(e) {
487
487
  }
488
488
  //#endregion
489
489
  //#region src/types/auto-save.ts
490
- function Gn(e, t) {
490
+ function Kn(e, t) {
491
491
  return e === void 0 ? { enabled: t } : typeof e == "boolean" ? { enabled: e } : {
492
492
  enabled: !0,
493
493
  debounce: e.debounce
@@ -495,7 +495,7 @@ function Gn(e, t) {
495
495
  }
496
496
  //#endregion
497
497
  //#region src/utils/resolveLintOptions.ts
498
- function Kn(e) {
498
+ function qn(e) {
499
499
  return {
500
500
  ...e.lint,
501
501
  locale: e.locale
@@ -503,20 +503,20 @@ function Kn(e) {
503
503
  }
504
504
  //#endregion
505
505
  //#region src/utils/renderProvider.ts
506
- function qn(e) {
506
+ function Jn(e) {
507
507
  return {
508
508
  customFonts: e.customFonts.value,
509
509
  defaultFallback: e.defaultFallback.value
510
510
  };
511
511
  }
512
- async function Jn(e) {
512
+ async function Yn(e) {
513
513
  let t = G(e.getContent());
514
514
  return await pn(t, { renderCustomBlock: e.renderCustomBlock }), {
515
515
  content: t,
516
516
  fonts: e.getFonts()
517
517
  };
518
518
  }
519
- function Yn(e) {
519
+ function Xn(e) {
520
520
  async function t() {
521
521
  let t = e.provider, n = t?.toMjml?.bind(t);
522
522
  return n ? n(await e.buildPayload()) : e.renderLocalMjml();
@@ -535,13 +535,13 @@ function Yn(e) {
535
535
  }
536
536
  //#endregion
537
537
  //#region src/utils/normalizeMergeTagMarkup.ts
538
- function Xn(e) {
538
+ function Zn(e) {
539
539
  let t = e.flags.includes("g") ? e.flags : `${e.flags}g`;
540
540
  return new RegExp(e.source, t);
541
541
  }
542
- function Zn(e, t, n) {
542
+ function Qn(e, t, n) {
543
543
  let r = [], i = (t, n, i) => {
544
- let a = Xn(t), o = a.exec(e);
544
+ let a = Zn(t), o = a.exec(e);
545
545
  for (; o !== null;) {
546
546
  let t = o.index, s = t + o[0].length;
547
547
  o[0].length === 0 ? a.lastIndex++ : r.some((e) => t < e.end && s > e.start) || r.push({
@@ -555,7 +555,7 @@ function Zn(e, t, n) {
555
555
  };
556
556
  return i(n.logic, "data-logic-merge-tag", (e) => W(e, n)), i(n.value, "data-merge-tag", (e) => ae(e, t)), r.sort((e, t) => e.start - t.start);
557
557
  }
558
- function Qn(e) {
558
+ function $n(e) {
559
559
  let t = e.createTreeWalker(e.body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, { acceptNode(e) {
560
560
  if (e.nodeType !== 1) return NodeFilter.FILTER_ACCEPT;
561
561
  let t = e;
@@ -564,11 +564,11 @@ function Qn(e) {
564
564
  for (; r !== null;) n.push(r), r = t.nextNode();
565
565
  return n;
566
566
  }
567
- function $n(e, t, n) {
567
+ function er(e, t, n) {
568
568
  if (!e || !K(e, n) || typeof DOMParser > "u") return e;
569
569
  let r = new DOMParser().parseFromString(`<!doctype html><body>${e}</body>`, "text/html"), i = 0;
570
- for (let e of Qn(r)) {
571
- let a = e.data, o = Zn(a, t, n);
570
+ for (let e of $n(r)) {
571
+ let a = e.data, o = Qn(a, t, n);
572
572
  if (o.length === 0) continue;
573
573
  let s = r.createDocumentFragment(), c = 0;
574
574
  for (let e of o) {
@@ -580,13 +580,13 @@ function $n(e, t, n) {
580
580
  }
581
581
  return i === 0 ? e : r.body.innerHTML;
582
582
  }
583
- function er(e, t, n) {
583
+ function tr(e, t, n) {
584
584
  if (e.type === "section") {
585
585
  if (!Array.isArray(e.children)) return e;
586
586
  let r = !1, i = e.children.map((e) => {
587
587
  if (!Array.isArray(e)) return e;
588
588
  let i = !1, a = e.map((e) => {
589
- let r = er(e, t, n);
589
+ let r = tr(e, t, n);
590
590
  return r !== e && (i = !0), r;
591
591
  });
592
592
  return i ? (r = !0, a) : e;
@@ -597,16 +597,16 @@ function er(e, t, n) {
597
597
  } : e;
598
598
  }
599
599
  if (e.type !== "title" && e.type !== "paragraph" || typeof e.content != "string") return e;
600
- let r = $n(e.content, t, n);
600
+ let r = er(e.content, t, n);
601
601
  return r === e.content ? e : {
602
602
  ...e,
603
603
  content: r
604
604
  };
605
605
  }
606
- function tr(e, t, n) {
606
+ function nr(e, t, n) {
607
607
  if (!e || !Array.isArray(e.blocks)) return e;
608
608
  let r = !1, i = e.blocks.map((e) => {
609
- let i = er(e, t, n);
609
+ let i = tr(e, t, n);
610
610
  return i !== e && (r = !0), i;
611
611
  });
612
612
  return r ? {
@@ -614,10 +614,10 @@ function tr(e, t, n) {
614
614
  blocks: i
615
615
  } : e;
616
616
  }
617
- function nr(e, t) {
618
- return tr(e, t?.tags ?? [], re(t?.syntax));
619
- }
620
617
  function rr(e, t) {
618
+ return nr(e, t?.tags ?? [], re(t?.syntax));
619
+ }
620
+ function ir(e, t) {
621
621
  return {
622
622
  get state() {
623
623
  return e.state;
@@ -625,14 +625,14 @@ function rr(e, t) {
625
625
  get content() {
626
626
  return e.content;
627
627
  },
628
- setContent: (n, r) => e.setContent(nr(n, t), r)
628
+ setContent: (n, r) => e.setContent(rr(n, t), r)
629
629
  };
630
630
  }
631
- function ir(e, t) {
631
+ function ar(e, t) {
632
632
  return {
633
633
  ...e,
634
634
  async load(n) {
635
- let r = await e.load(n), i = nr(r.content, t);
635
+ let r = await e.load(n), i = rr(r.content, t);
636
636
  return i === r.content ? r : {
637
637
  ...r,
638
638
  content: i
@@ -642,30 +642,30 @@ function ir(e, t) {
642
642
  }
643
643
  //#endregion
644
644
  //#region src/components/Canvas.vue?vue&type=script&setup=true&lang.ts
645
- var ar = ["aria-label"], or = {
645
+ var or = ["aria-label"], sr = {
646
646
  key: 0,
647
647
  role: "status",
648
648
  "aria-busy": "true",
649
649
  "data-testid": "preview-resolution-loading",
650
650
  class: "tpl:flex tpl:flex-col tpl:gap-3 tpl:p-6"
651
- }, sr = { class: "tpl:sr-only" }, cr = {
651
+ }, cr = { class: "tpl:sr-only" }, lr = {
652
652
  key: 1,
653
653
  role: "status",
654
654
  "data-testid": "preview-resolution-failed",
655
655
  class: "tpl:mx-6 tpl:mt-4 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
656
- }, lr = {
656
+ }, ur = {
657
657
  key: 0,
658
658
  class: "tpl-canvas-empty-content tpl:flex tpl:flex-col tpl:items-center"
659
- }, ur = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, dr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, fr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, pr = {
659
+ }, dr = { class: "tpl-canvas-empty-icon tpl:mb-4 tpl:text-[var(--tpl-primary)]" }, fr = { class: "tpl-canvas-empty-title tpl:m-0 tpl:mb-2 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-primary)]" }, pr = { class: "tpl-canvas-empty-text tpl:m-0 tpl:text-sm tpl:text-[var(--tpl-text-dim)]" }, mr = {
660
660
  key: 0,
661
661
  class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
662
- }, mr = {
662
+ }, hr = {
663
663
  key: 1,
664
664
  class: "tpl:m-0 tpl:mt-4 tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-center tpl:gap-x-1 tpl:gap-y-0.5 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
665
- }, hr = { class: "tpl:relative" }, gr = {
665
+ }, gr = { class: "tpl:relative" }, _r = {
666
666
  class: "tpl:inline-flex tpl:size-3 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[8px] tpl:font-bold",
667
667
  style: { "background-color": "color-mix(\n in srgb,\n var(--tpl-bg) 30%,\n transparent\n )" }
668
- }, _r = /*#__PURE__*/ ln(/* @__PURE__ */ d({
668
+ }, vr = /*#__PURE__*/ ln(/* @__PURE__ */ d({
669
669
  __name: "Canvas",
670
670
  props: {
671
671
  viewport: {},
@@ -705,7 +705,7 @@ var ar = ["aria-label"], or = {
705
705
  blocks: e
706
706
  });
707
707
  }
708
- }), L = b(() => mn(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);
708
+ }), L = b(() => Cn(o.content.settings, o.viewport)), z = b(() => L.value + 192), B = b(() => Se(o.content.settings)), V = b(() => I.value.length === 0 && !o.previewMode), H = l(0), U = b(() => V.value && H.value > 0);
709
709
  function W() {
710
710
  V.value && (H.value += 1);
711
711
  }
@@ -748,7 +748,7 @@ var ar = ["aria-label"], or = {
748
748
  style: E({
749
749
  width: `${z.value}px`,
750
750
  boxShadow: e.darkMode ? "none" : "var(--tpl-shadow-xl)",
751
- transition: g(hn)
751
+ transition: g(wn)
752
752
  })
753
753
  }, [A("div", {
754
754
  class: "tpl-canvas-bg tpl:absolute tpl:inset-0 tpl:rounded-lg tpl:pointer-events-none",
@@ -764,7 +764,7 @@ var ar = ["aria-label"], or = {
764
764
  class: "tpl-canvas-wrapper tpl:relative",
765
765
  style: E({
766
766
  width: `${L.value}px`,
767
- transition: g(hn)
767
+ transition: g(wn)
768
768
  })
769
769
  }, [A("div", {
770
770
  class: y(["tpl-canvas tpl:relative tpl:rounded-lg", {
@@ -773,11 +773,11 @@ var ar = ["aria-label"], or = {
773
773
  }]),
774
774
  style: E(B.value),
775
775
  onClick: ne
776
- }, [g(O)?.isInitialResolve.value ? (s(), x("div", or, [A("span", sr, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
776
+ }, [g(O)?.isInitialResolve.value ? (s(), x("div", sr, [A("span", cr, F(g(p).previewResolution.resolving), 1), (s(), x(P, null, n(3, (e) => A("div", {
777
777
  key: e,
778
778
  "aria-hidden": "true",
779
779
  class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
780
- })), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", cr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
780
+ })), 64))])) : g(O)?.hasFailed.value ? (s(), x("p", lr, F(g(p).previewResolution.failed), 1)) : S("", !0), f(_(g(ee), {
781
781
  modelValue: I.value,
782
782
  "onUpdate:modelValue": i[2] ||= (e) => I.value = e,
783
783
  group: "blocks",
@@ -800,14 +800,14 @@ var ar = ["aria-label"], or = {
800
800
  onDragleave: G,
801
801
  onDrop: te
802
802
  }, {
803
- default: r(() => [V.value ? (s(), x("div", lr, [
804
- A("div", ur, [_(g(Ft), {
803
+ default: r(() => [V.value ? (s(), x("div", ur, [
804
+ A("div", dr, [_(g(Ft), {
805
805
  size: 48,
806
806
  "stroke-width": 1
807
807
  })]),
808
- A("p", dr, F(g(p).canvas.noBlocks), 1),
809
- A("p", fr, F(g(p).canvas.dragHint), 1),
810
- k.value && g(m) ? (s(), x("p", pr, [
808
+ A("p", fr, F(g(p).canvas.noBlocks), 1),
809
+ A("p", pr, F(g(p).canvas.dragHint), 1),
810
+ k.value && g(m) ? (s(), x("p", mr, [
811
811
  R(F(g(p).canvas.aiHintChat) + " ", 1),
812
812
  A("button", {
813
813
  class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
@@ -818,7 +818,7 @@ var ar = ["aria-label"], or = {
818
818
  }), R(" " + F(g(m).aiMenu.aiAssistant), 1)]),
819
819
  R(" " + F(g(p).canvas.aiHintChatSuffix), 1)
820
820
  ])) : S("", !0),
821
- j.value && g(m) ? (s(), x("p", mr, [
821
+ j.value && g(m) ? (s(), x("p", hr, [
822
822
  R(F(g(p).canvas.aiHintDesign) + " ", 1),
823
823
  A("button", {
824
824
  class: "tpl:inline-flex tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:whitespace-nowrap tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-0.5 tpl:text-sm tpl:font-semibold tpl:transition-colors tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary-hover)]",
@@ -832,7 +832,7 @@ var ar = ["aria-label"], or = {
832
832
  ])) : S("", !0), (s(!0), x(P, null, n(I.value, (t) => f((s(), x("div", {
833
833
  key: t.id,
834
834
  class: "tpl-block-item"
835
- }, [A("div", hr, [K(t.id) ? (s(), x("div", {
835
+ }, [A("div", gr, [K(t.id) ? (s(), x("div", {
836
836
  key: 0,
837
837
  class: "tpl-collab-lock tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-[4] tpl:rounded-sm",
838
838
  style: E({
@@ -843,9 +843,9 @@ var ar = ["aria-label"], or = {
843
843
  class: "tpl:absolute tpl:-top-0.5 tpl:left-1/2 tpl:z-[5] tpl:flex tpl:-translate-x-1/2 tpl:-translate-y-full tpl:items-center tpl:gap-1 tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:whitespace-nowrap",
844
844
  style: E({
845
845
  backgroundColor: K(t.id).color,
846
- color: g(gn)(K(t.id).color)
846
+ color: g(Tn)(K(t.id).color)
847
847
  })
848
- }, [A("span", gr, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(ke, {
848
+ }, [A("span", _r, F(K(t.id).name.charAt(0)), 1), R(" " + F(K(t.id).name), 1)], 4)], 4)) : S("", !0), _(ke, {
849
849
  block: t,
850
850
  "is-selected": !e.previewMode && !oe.value && e.selectedBlockId === t.id && !K(t.id),
851
851
  picked: ae(t.id),
@@ -878,9 +878,9 @@ var ar = ["aria-label"], or = {
878
878
  "modelValue",
879
879
  "disabled",
880
880
  "class"
881
- ]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, ar)], 4));
881
+ ]), [[N, !g(O)?.isInitialResolve.value]])], 6)], 12, or)], 4));
882
882
  }
883
- }), [["__scopeId", "data-v-da730df5"]]), vr = d({
883
+ }), [["__scopeId", "data-v-da730df5"]]), yr = d({
884
884
  name: "CustomBlockStylesheets",
885
885
  setup() {
886
886
  let e = t(ut, null);
@@ -893,7 +893,7 @@ var ar = ["aria-label"], or = {
893
893
  });
894
894
  //#endregion
895
895
  //#region src/utils/resolvePaletteBlocks.ts
896
- function yr(e, t) {
896
+ function br(e, t) {
897
897
  if (!t || t.length === 0) return {
898
898
  items: e,
899
899
  unknown: []
@@ -912,7 +912,7 @@ function yr(e, t) {
912
912
  }
913
913
  //#endregion
914
914
  //#region src/utils/resolveInsertPosition.ts
915
- function br(e) {
915
+ function xr(e) {
916
916
  let { blockType: t, selectedBlockId: n, findBlockLocation: r, isBlockLocked: i } = e;
917
917
  if (!n) return {};
918
918
  let a = r(n);
@@ -930,24 +930,24 @@ function br(e) {
930
930
  }
931
931
  //#endregion
932
932
  //#region src/components/Sidebar.vue?vue&type=script&setup=true&lang.ts
933
- var xr = ["aria-label"], Sr = {
933
+ var Sr = ["aria-label"], Cr = {
934
934
  key: 0,
935
935
  class: "tpl:border-b tpl:px-1 tpl:pb-1 tpl:border-[var(--tpl-border)]"
936
- }, Cr = ["aria-label"], wr = {
936
+ }, wr = ["aria-label"], Tr = {
937
937
  key: 0,
938
938
  class: "tpl:truncate tpl:text-sm tpl:font-medium"
939
- }, Tr = [
939
+ }, Er = [
940
940
  "data-palette-type",
941
941
  "aria-label",
942
942
  "onClick",
943
943
  "onKeydown"
944
- ], Er = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Dr = {
944
+ ], Dr = { class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-center tpl:transition-transform tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:scale-105" }, Or = {
945
945
  key: 0,
946
946
  class: "tpl:truncate tpl:text-sm tpl:font-medium"
947
- }, Or = /* @__PURE__ */ d({
947
+ }, kr = /* @__PURE__ */ d({
948
948
  __name: "Sidebar",
949
949
  setup(i) {
950
- let { t: a, format: o } = q(), c = t(rt, []), d = t(Ye, void 0), f = t(lt, void 0), p = t(it, null), m = vn(), h = t(tt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
950
+ let { t: a, format: o } = q(), c = t(rt, []), d = t(Ye, void 0), f = t(lt, void 0), p = t(it, null), m = Dn(), h = t(tt, {}), v = b(() => h.savedBlocks?.isAvailable.value === !0), y = l(!1), C = l(!1), w = l(null);
951
951
  function T() {
952
952
  try {
953
953
  return w.value?.querySelector(":focus-visible") != null;
@@ -994,7 +994,7 @@ var xr = ["aria-label"], Sr = {
994
994
  label: e.name,
995
995
  isCustom: !0,
996
996
  icon: e.icon
997
- }))), R = b(() => [...I.value, ...L.value]), z = b(() => yr(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
997
+ }))), R = b(() => [...I.value, ...L.value]), z = b(() => br(R.value, d)), B = b(() => z.value.items), V = /* @__PURE__ */ new Set();
998
998
  e(() => z.value.unknown, (e) => {
999
999
  for (let t of e) V.has(t) || (V.add(t), gt.warn(`config.paletteBlocks: "${t}" is not a built-in or registered custom block (use the "custom:" prefix for custom blocks) — skipping it in the palette.`));
1000
1000
  }, { immediate: !0 });
@@ -1007,7 +1007,7 @@ var xr = ["aria-label"], Sr = {
1007
1007
  }
1008
1008
  function G(e) {
1009
1009
  if (!p) return;
1010
- let t = W(e), { targetSectionId: n, columnIndex: r, index: i } = br({
1010
+ let t = W(e), { targetSectionId: n, columnIndex: r, index: i } = xr({
1011
1011
  blockType: e.type,
1012
1012
  selectedBlockId: p.state.selectedBlockId,
1013
1013
  findBlockLocation: p.findBlockLocation,
@@ -1034,7 +1034,7 @@ var xr = ["aria-label"], Sr = {
1034
1034
  onMouseleave: O,
1035
1035
  onFocusin: t[2] ||= (e) => y.value = !0,
1036
1036
  onFocusout: t[3] ||= (e) => y.value = !1
1037
- }, [v.value ? (s(), x("div", Sr, [A("button", {
1037
+ }, [v.value ? (s(), x("div", Cr, [A("button", {
1038
1038
  type: "button",
1039
1039
  "aria-label": g(a).sidebarNav.browseSavedBlocks,
1040
1040
  class: "tpl:flex tpl:h-10 tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-3 tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)]",
@@ -1044,7 +1044,7 @@ var xr = ["aria-label"], Sr = {
1044
1044
  size: 20,
1045
1045
  "stroke-width": 1.5,
1046
1046
  class: "tpl:shrink-0"
1047
- }), y.value ? (s(), x("span", wr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, Cr)])) : S("", !0), _(g(ee), {
1047
+ }), y.value ? (s(), x("span", Tr, F(g(a).savedBlocks.title), 1)) : S("", !0)], 12, wr)])) : S("", !0), _(g(ee), {
1048
1048
  "model-value": B.value,
1049
1049
  group: {
1050
1050
  name: "blocks",
@@ -1069,7 +1069,7 @@ var xr = ["aria-label"], Sr = {
1069
1069
  style: E({ justifyContent: y.value ? "flex-start" : "center" }),
1070
1070
  onClick: (t) => G(e),
1071
1071
  onKeydown: (t) => te(t, e)
1072
- }, [A("div", Er, [g(_n)[e.type] ? (s(), D(u(g(_n)[e.type]), {
1072
+ }, [A("div", Dr, [g(En)[e.type] ? (s(), D(u(g(En)[e.type]), {
1073
1073
  key: 0,
1074
1074
  size: 20,
1075
1075
  "stroke-width": 1.5
@@ -1077,14 +1077,14 @@ var xr = ["aria-label"], Sr = {
1077
1077
  key: 1,
1078
1078
  icon: e.icon,
1079
1079
  size: 20
1080
- }, null, 8, ["icon"])) : S("", !0)]), y.value ? (s(), x("span", Dr, F(e.label), 1)) : S("", !0)], 44, Tr))), 128))]),
1080
+ }, null, 8, ["icon"])) : S("", !0)]), y.value ? (s(), x("span", Or, F(e.label), 1)) : S("", !0)], 44, Er))), 128))]),
1081
1081
  _: 1
1082
- }, 8, ["model-value"])], 44, xr));
1082
+ }, 8, ["model-value"])], 44, Sr));
1083
1083
  }
1084
1084
  });
1085
1085
  //#endregion
1086
1086
  //#region src/utils/mergeTagTrigger.ts
1087
- function kr(e, t, n, r) {
1087
+ function Ar(e, t, n, r) {
1088
1088
  if (!n) return null;
1089
1089
  let i = e.slice(0, t), a = i.lastIndexOf(n);
1090
1090
  if (a === -1) return null;
@@ -1097,8 +1097,8 @@ function kr(e, t, n, r) {
1097
1097
  }
1098
1098
  //#endregion
1099
1099
  //#region src/utils/textFieldCaret.ts
1100
- var Ar = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
1101
- function jr(e, t, n) {
1100
+ var jr = /* @__PURE__ */ "boxSizing.width.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.lineHeight.fontFamily.textAlign.textTransform.textIndent.letterSpacing.wordSpacing.tabSize.whiteSpace.wordWrap.wordBreak".split(".");
1101
+ function Mr(e, t, n) {
1102
1102
  return {
1103
1103
  left: e,
1104
1104
  top: t,
@@ -1111,7 +1111,7 @@ function jr(e, t, n) {
1111
1111
  toJSON: () => ({})
1112
1112
  };
1113
1113
  }
1114
- function Mr(e, t) {
1114
+ function Nr(e, t) {
1115
1115
  let n = e.ownerDocument, r = n.defaultView;
1116
1116
  if (!r) return null;
1117
1117
  let i = e.tagName === "INPUT", a = r.getComputedStyle(e), o = n.createElement("div");
@@ -1119,7 +1119,7 @@ function Mr(e, t) {
1119
1119
  let s = o.style;
1120
1120
  s.position = "absolute", s.visibility = "hidden", s.top = "0", s.left = "0", s.overflow = "hidden", s.whiteSpace = i ? "pre" : "pre-wrap", s.wordWrap = i ? "normal" : "break-word";
1121
1121
  let c = s, l = a;
1122
- for (let e of Ar) c[e] = l[e];
1122
+ for (let e of jr) c[e] = l[e];
1123
1123
  i && (s.width = "auto", s.whiteSpace = "pre");
1124
1124
  let u = e.value, d = u.slice(0, t);
1125
1125
  i && (d = d.replace(/\s/g, "\xA0")), o.textContent = d;
@@ -1128,26 +1128,26 @@ function Mr(e, t) {
1128
1128
  let p = f.offsetTop, m = f.offsetLeft;
1129
1129
  n.body.removeChild(o);
1130
1130
  let h = e.getBoundingClientRect(), g = parseFloat(a.borderTopWidth) || 0, _ = parseFloat(a.borderLeftWidth) || 0, v = parseFloat(a.lineHeight) || parseFloat(a.fontSize) || 0, y = h.left + m + _ - e.scrollLeft;
1131
- if (i) return jr(y, h.top, h.bottom);
1131
+ if (i) return Mr(y, h.top, h.bottom);
1132
1132
  let b = h.top + p + g - e.scrollTop;
1133
- return jr(y, b, b + v);
1133
+ return Mr(y, b, b + v);
1134
1134
  }
1135
1135
  //#endregion
1136
1136
  //#region src/composables/useMergeTagAutocomplete.ts
1137
- var Nr = /* @__PURE__ */ new Set([
1137
+ var Pr = /* @__PURE__ */ new Set([
1138
1138
  "ArrowLeft",
1139
1139
  "ArrowRight",
1140
1140
  "Home",
1141
1141
  "End"
1142
1142
  ]);
1143
- function Pr(e) {
1144
- let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t(Qe, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = vt(), _ = Dn(h, g), v = !1;
1143
+ function Fr(e) {
1144
+ let { elementRef: n, modelValue: r, emit: i, mergeTags: o, syntax: s, enabled: c, onInsert: l } = e, u = ie(s), d = te(s), f = c && u !== null && o.length > 0, p = t(Qe, null), h = (j(p) ? p.value : p)?.mergeTag?.suggestionEmpty ?? "No matching merge tags", g = vt(), _ = On(h, g), v = !1;
1145
1145
  a() && m(() => {
1146
1146
  v = !0, _.close();
1147
1147
  });
1148
1148
  function y(e) {
1149
1149
  let t = e.value ?? "";
1150
- return kr(t, e.selectionStart ?? t.length, u, d);
1150
+ return Ar(t, e.selectionStart ?? t.length, u, d);
1151
1151
  }
1152
1152
  function b(e, t, a) {
1153
1153
  let o = e.value ?? r(), s = o.slice(t.caret), c = d && s.startsWith(d) ? d.length : 0, u = o.slice(0, t.triggerStart), f = o.slice(t.caret + c), p = u + a.value + f, m = u.length + a.value.length;
@@ -1169,7 +1169,7 @@ function Pr(e) {
1169
1169
  _.close();
1170
1170
  return;
1171
1171
  }
1172
- let r = On(o, t.query), i = () => Mr(e, t.triggerStart), a = (n) => b(e, t, n);
1172
+ let r = kn(o, t.query), i = () => Nr(e, t.triggerStart), a = (n) => b(e, t, n);
1173
1173
  _.isOpen() ? _.update({
1174
1174
  items: r,
1175
1175
  getRect: i,
@@ -1182,7 +1182,7 @@ function Pr(e) {
1182
1182
  });
1183
1183
  }
1184
1184
  function S(e) {
1185
- return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : Nr.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
1185
+ return _.isOpen() ? e.key === "Escape" ? (_.close(), !0) : Pr.has(e.key) ? (_.close(), !1) : _.handleKeyDown(e) : !1;
1186
1186
  }
1187
1187
  return {
1188
1188
  available: f,
@@ -1194,12 +1194,12 @@ function Pr(e) {
1194
1194
  }
1195
1195
  //#endregion
1196
1196
  //#region src/composables/useMergeTagField.ts
1197
- function Fr(e) {
1197
+ function Ir(e) {
1198
1198
  let { modelValue: t, emit: n, elementRef: r } = e, { mergeTags: i, canRequestMergeTag: o, isRequesting: s, isMergeTagValue: c, getMergeTagLabel: u, requestMergeTag: d, syntax: f, autocomplete: p } = dn(), { canInsertLogicTag: h, isRequesting: g, requestLogicTag: _ } = le(), v = l(!1), y = !1, x = !1;
1199
1199
  a() && m(() => {
1200
1200
  x = !0;
1201
1201
  });
1202
- let S = Pr({
1202
+ let S = Fr({
1203
1203
  elementRef: r,
1204
1204
  modelValue: t,
1205
1205
  emit: n,
@@ -1321,10 +1321,10 @@ function Fr(e) {
1321
1321
  }
1322
1322
  //#endregion
1323
1323
  //#region src/components/MergeTagSegments.vue?vue&type=script&setup=true&lang.ts
1324
- var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip"], zr = {
1324
+ var Lr = ["aria-label", "onKeydown"], Rr = ["data-tooltip"], zr = ["data-tooltip"], Br = {
1325
1325
  key: 2,
1326
1326
  class: "tpl:text-sm tpl:text-[var(--tpl-text)]"
1327
- }, Br = ["aria-label", "title"], Vr = /* @__PURE__ */ d({
1327
+ }, Vr = ["aria-label", "title"], Hr = /* @__PURE__ */ d({
1328
1328
  __name: "MergeTagSegments",
1329
1329
  props: {
1330
1330
  segments: {},
@@ -1352,7 +1352,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1352
1352
  "background-color": "color-mix(\n in srgb,\n var(--tpl-primary) 20%,\n transparent\n )",
1353
1353
  color: "var(--tpl-primary)"
1354
1354
  }
1355
- }, F(e.label), 9, Lr)) : e.type === "logicMergeTag" ? (s(), x("span", {
1355
+ }, F(e.label), 9, Rr)) : e.type === "logicMergeTag" ? (s(), x("span", {
1356
1356
  key: 1,
1357
1357
  class: "tpl-tooltip tpl:inline-flex tpl:items-center tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase",
1358
1358
  "data-tooltip": e.value,
@@ -1361,7 +1361,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1361
1361
  border: "1.5px solid\n color-mix(in srgb, var(--tpl-primary) 50%, transparent)",
1362
1362
  color: "var(--tpl-primary)"
1363
1363
  }
1364
- }, F(e.keyword), 9, Rr)) : (s(), x("span", zr, F(e.value), 1))], 64))), 128)), A("button", {
1364
+ }, F(e.keyword), 9, zr)) : (s(), x("span", Br, F(e.value), 1))], 64))), 128)), A("button", {
1365
1365
  type: "button",
1366
1366
  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",
1367
1367
  "aria-label": g(i).mergeTag.remove,
@@ -1370,13 +1370,13 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1370
1370
  }, [_(g(Zt), {
1371
1371
  size: 12,
1372
1372
  "stroke-width": 2.5
1373
- })], 8, Br)], 42, Ir));
1373
+ })], 8, Vr)], 42, Lr));
1374
1374
  }
1375
- }), Hr = [
1375
+ }), Ur = [
1376
1376
  "aria-label",
1377
1377
  "title",
1378
1378
  "disabled"
1379
- ], Ur = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Wr = /* @__PURE__ */ d({
1379
+ ], Wr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Gr = /* @__PURE__ */ d({
1380
1380
  __name: "MergeTagInsertButton",
1381
1381
  props: { disabled: { type: Boolean } },
1382
1382
  emits: ["insert"],
@@ -1384,7 +1384,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1384
1384
  let { t } = q();
1385
1385
  return (n, r) => (s(), x("button", {
1386
1386
  type: "button",
1387
- class: y([Ur, "tpl:mt-1.5"]),
1387
+ class: y([Wr, "tpl:mt-1.5"]),
1388
1388
  "aria-label": g(t).mergeTag.insert,
1389
1389
  title: g(t).mergeTag.insert,
1390
1390
  disabled: e.disabled,
@@ -1393,13 +1393,13 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1393
1393
  }, [_(g(Mt), {
1394
1394
  size: 12,
1395
1395
  "stroke-width": 2
1396
- }), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Hr));
1396
+ }), R(" " + F(g(t).mergeTag.insertShort), 1)], 42, Ur));
1397
1397
  }
1398
- }), Gr = [
1398
+ }), Kr = [
1399
1399
  "aria-label",
1400
1400
  "title",
1401
1401
  "disabled"
1402
- ], Kr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", qr = /* @__PURE__ */ d({
1402
+ ], qr = "tpl:flex tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:px-2 tpl:py-1 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-[120ms] tpl:hover:bg-[var(--tpl-primary-light)] tpl:hover:text-[var(--tpl-primary)] tpl:hover:border-[var(--tpl-primary)]", Jr = /* @__PURE__ */ d({
1403
1403
  __name: "LogicTagInsertButton",
1404
1404
  props: { disabled: { type: Boolean } },
1405
1405
  emits: ["insert"],
@@ -1407,7 +1407,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1407
1407
  let { t } = q();
1408
1408
  return (n, r) => (s(), x("button", {
1409
1409
  type: "button",
1410
- class: y([Kr, "tpl:mt-1.5"]),
1410
+ class: y([qr, "tpl:mt-1.5"]),
1411
1411
  "aria-label": g(t).logicTag.insert,
1412
1412
  title: g(t).logicTag.insert,
1413
1413
  disabled: e.disabled,
@@ -1417,19 +1417,19 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1417
1417
  }, [_(g(Pt), {
1418
1418
  size: 12,
1419
1419
  "stroke-width": 2
1420
- }), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Gr));
1420
+ }), R(" " + F(g(t).logicTag.insertShort), 1)], 42, Kr));
1421
1421
  }
1422
- }), Jr = { key: 0 }, Yr = {
1422
+ }), Yr = { key: 0 }, Xr = {
1423
1423
  key: 0,
1424
1424
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1425
- }, Xr = { key: 1 }, Zr = [
1425
+ }, Zr = { key: 1 }, Qr = [
1426
1426
  "value",
1427
1427
  "placeholder",
1428
1428
  "rows"
1429
- ], Qr = {
1429
+ ], $r = {
1430
1430
  key: 0,
1431
1431
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1432
- }, $r = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ei = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ti = /* @__PURE__ */ d({
1432
+ }, ei = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", ti = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", ni = /* @__PURE__ */ d({
1433
1433
  __name: "MergeTagTextarea",
1434
1434
  props: {
1435
1435
  modelValue: {},
@@ -1438,32 +1438,32 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1438
1438
  },
1439
1439
  emits: ["update:modelValue"],
1440
1440
  setup(e, { emit: t }) {
1441
- let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Fr({
1441
+ let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Ir({
1442
1442
  modelValue: () => n.modelValue,
1443
1443
  emit: (e) => r("update:modelValue", e),
1444
1444
  elementRef: i
1445
1445
  });
1446
- return (t, n) => g(o) && !g(p) ? (s(), x("div", Jr, [_(Vr, {
1446
+ return (t, n) => g(o) && !g(p) ? (s(), x("div", Yr, [_(Hr, {
1447
1447
  segments: g(a),
1448
- "display-class": ei,
1448
+ "display-class": ti,
1449
1449
  onEdit: g(m),
1450
1450
  onClear: g(w)
1451
1451
  }, null, 8, [
1452
1452
  "segments",
1453
1453
  "onEdit",
1454
1454
  "onClear"
1455
- ]), g(c) || g(d) ? (s(), x("div", Yr, [g(c) ? (s(), D(Wr, {
1455
+ ]), g(c) || g(d) ? (s(), x("div", Xr, [g(c) ? (s(), D(Gr, {
1456
1456
  key: 0,
1457
1457
  disabled: g(u),
1458
1458
  onInsert: g(T)
1459
- }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
1459
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
1460
1460
  key: 1,
1461
1461
  disabled: g(f),
1462
1462
  onInsert: g(E)
1463
- }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Xr, [A("textarea", {
1463
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Zr, [A("textarea", {
1464
1464
  ref_key: "textareaRef",
1465
1465
  ref: i,
1466
- class: y($r),
1466
+ class: y(ei),
1467
1467
  value: e.modelValue,
1468
1468
  placeholder: e.placeholder,
1469
1469
  rows: e.rows,
@@ -1471,17 +1471,17 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1471
1471
  onKeydown: n[1] ||= (...e) => g(v) && g(v)(...e),
1472
1472
  onClick: n[2] ||= (...e) => g(b) && g(b)(...e),
1473
1473
  onBlur: n[3] ||= (...e) => g(C) && g(C)(...e)
1474
- }, null, 40, Zr), g(c) || g(d) ? (s(), x("div", Qr, [g(c) ? (s(), D(Wr, {
1474
+ }, null, 40, Qr), g(c) || g(d) ? (s(), x("div", $r, [g(c) ? (s(), D(Gr, {
1475
1475
  key: 0,
1476
1476
  disabled: g(u),
1477
1477
  onInsert: g(T)
1478
- }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
1478
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
1479
1479
  key: 1,
1480
1480
  disabled: g(f),
1481
1481
  onInsert: g(E)
1482
1482
  }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
1483
1483
  }
1484
- }), ni = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, ri = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, ii = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, ai = { class: "tpl:mb-3.5" }, oi = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, si = ["onClick"], ci = { class: "tpl:flex tpl:items-stretch" }, li = ["value"], ui = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, di = { class: "tpl:mb-3.5" }, fi = { class: "tpl:mb-3.5" }, pi = { class: "tpl:mb-3.5" }, mi = { class: "tpl:mb-3.5" }, hi = ["value"], gi = ["value"], _i = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, vi = ["value"], yi = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, bi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, xi = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Si = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Ci = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, wi = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Ti = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Ei = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Di = { class: "tpl:mb-1 tpl:last:mb-0" }, Oi = { class: "tpl:mb-1 tpl:last:mb-0" }, ki = { class: "tpl:mb-1 tpl:last:mb-0" }, Ai = 150, ji = /* @__PURE__ */ d({
1484
+ }), ri = { class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]" }, ii = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:gap-3 tpl:overflow-y-auto tpl:p-4" }, ai = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, oi = { class: "tpl:mb-3.5" }, si = { class: "tpl:grid tpl:grid-cols-4 tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1 tpl:bg-[var(--tpl-bg-hover)]" }, ci = ["onClick"], li = { class: "tpl:flex tpl:items-stretch" }, ui = ["value"], di = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, fi = { class: "tpl:mb-3.5" }, pi = { class: "tpl:mb-3.5" }, mi = { class: "tpl:mb-3.5" }, hi = { class: "tpl:mb-3.5" }, gi = ["value"], _i = ["value"], vi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, yi = ["value"], bi = { class: "tpl:mt-1 tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, xi = { class: "tpl:mb-3.5 tpl:flex tpl:items-center tpl:gap-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Si = { class: "tpl:mt-1 tpl:flex tpl:items-start tpl:justify-between tpl:gap-2" }, Ci = { class: "tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, wi = { class: "tpl:shrink-0 tpl:text-xs tpl:tabular-nums tpl:text-[var(--tpl-text-dim)]" }, Ti = { class: "tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-3" }, Ei = { class: "tpl:mb-2.5 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text-muted)]" }, Di = { class: "tpl:m-0 tpl:pl-[18px] tpl:text-xs tpl:leading-relaxed tpl:text-[var(--tpl-text-dim)]" }, Oi = { class: "tpl:mb-1 tpl:last:mb-0" }, ki = { class: "tpl:mb-1 tpl:last:mb-0" }, Ai = { class: "tpl:mb-1 tpl:last:mb-0" }, ji = 150, Mi = /* @__PURE__ */ d({
1485
1485
  __name: "TemplateSettings",
1486
1486
  props: { settings: {} },
1487
1487
  emits: ["update"],
@@ -1504,14 +1504,14 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1504
1504
  label: "800px"
1505
1505
  }
1506
1506
  ];
1507
- return (t, r) => (s(), x("aside", ni, [A("div", ri, [
1508
- A("div", { class: y(g(Cn)) }, [
1509
- A("div", ii, [_(g(on), {
1507
+ return (t, r) => (s(), x("aside", ri, [A("div", ii, [
1508
+ A("div", { class: y(g(yn)) }, [
1509
+ A("div", ai, [_(g(on), {
1510
1510
  class: "tpl:text-[var(--tpl-text-muted)]",
1511
1511
  size: 14,
1512
1512
  "stroke-width": 2
1513
1513
  }), A("span", null, F(g(a).templateSettings.layout), 1)]),
1514
- A("div", ai, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", oi, [(s(), x(P, null, n(u, (t) => A("button", {
1514
+ A("div", oi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.widthPreset), 3), A("div", si, [(s(), x(P, null, n(u, (t) => A("button", {
1515
1515
  key: t.value,
1516
1516
  class: "tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
1517
1517
  style: E({
@@ -1520,38 +1520,38 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1520
1520
  boxShadow: e.settings.width === t.value ? "var(--tpl-shadow)" : "none"
1521
1521
  }),
1522
1522
  onClick: (e) => i("update", { width: t.value })
1523
- }, F(t.label), 13, si)), 64))])]),
1524
- A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", ci, [A("input", {
1523
+ }, F(t.label), 13, ci)), 64))])]),
1524
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.customWidth), 3), A("div", li, [A("input", {
1525
1525
  type: "number",
1526
1526
  class: y(g(X)),
1527
1527
  value: e.settings.width,
1528
1528
  min: "300",
1529
1529
  max: "900",
1530
1530
  onInput: r[0] ||= (e) => i("update", { width: Number(e.target.value) })
1531
- }, null, 42, li), A("span", { class: y(g(Y)) }, "px", 2)])])
1531
+ }, null, 42, ui), A("span", { class: y(g(Y)) }, "px", 2)])])
1532
1532
  ], 2),
1533
- A("div", { class: y(g(Cn)) }, [
1534
- A("div", ui, [_(g(bt), {
1533
+ A("div", { class: y(g(yn)) }, [
1534
+ A("div", di, [_(g(bt), {
1535
1535
  class: "tpl:text-[var(--tpl-text-muted)]",
1536
1536
  size: 14,
1537
1537
  "stroke-width": 2
1538
1538
  }), A("span", null, F(g(a).templateSettings.appearance), 1)]),
1539
- A("div", di, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
1539
+ A("div", fi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.backgroundColor), 3), _(Q, {
1540
1540
  "model-value": e.settings.backgroundColor,
1541
- placeholder: g(Tn),
1541
+ placeholder: g(xn),
1542
1542
  "onUpdate:modelValue": r[1] ||= (e) => i("update", { backgroundColor: e })
1543
1543
  }, null, 8, ["model-value", "placeholder"])]),
1544
- A("div", fi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
1544
+ A("div", pi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.textColor), 3), _(Q, {
1545
1545
  "model-value": e.settings.textColor ?? "",
1546
1546
  "seed-color": "#1a1a1a",
1547
1547
  "onUpdate:modelValue": r[2] ||= (e) => i("update", { textColor: e })
1548
1548
  }, null, 8, ["model-value"])]),
1549
- A("div", pi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
1549
+ A("div", mi, [A("label", { class: y(g(J)) }, F(g(a).templateSettings.linkColor), 3), _(Q, {
1550
1550
  "model-value": e.settings.linkColor ?? "",
1551
1551
  "seed-color": "#0066cc",
1552
1552
  "onUpdate:modelValue": r[3] ||= (e) => i("update", { linkColor: e || void 0 })
1553
1553
  }, null, 8, ["model-value"])]),
1554
- A("div", mi, [_($, {
1554
+ A("div", hi, [_($, {
1555
1555
  class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
1556
1556
  "model-value": e.settings.linkUnderline,
1557
1557
  label: g(a).templateSettings.linkUnderline,
@@ -1564,9 +1564,9 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1564
1564
  }, [(s(!0), x(P, null, n(c.value, (e) => (s(), x("option", {
1565
1565
  key: e.value,
1566
1566
  value: e.value
1567
- }, F(e.label), 9, gi))), 128))], 42, hi)])
1567
+ }, F(e.label), 9, _i))), 128))], 42, gi)])
1568
1568
  ], 2),
1569
- A("div", { class: y(g(Cn)) }, [A("div", _i, [_(g(Bt), {
1569
+ A("div", { class: y(g(yn)) }, [A("div", vi, [_(g(Bt), {
1570
1570
  class: "tpl:text-[var(--tpl-text-muted)]",
1571
1571
  size: 14,
1572
1572
  "stroke-width": 2
@@ -1581,40 +1581,40 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1581
1581
  autocapitalize: "off",
1582
1582
  autocomplete: "off",
1583
1583
  onInput: r[6] ||= (e) => i("update", { locale: e.target.value.trim() || void 0 })
1584
- }, null, 42, vi),
1585
- A("p", yi, F(g(a).templateSettings.contentLocaleHint), 1)
1584
+ }, null, 42, yi),
1585
+ A("p", bi, F(g(a).templateSettings.contentLocaleHint), 1)
1586
1586
  ])], 2),
1587
- A("div", { class: y(g(Cn)) }, [A("div", bi, [_(g(sn), {
1587
+ A("div", { class: y(g(yn)) }, [A("div", xi, [_(g(sn), {
1588
1588
  class: "tpl:text-[var(--tpl-text-muted)]",
1589
1589
  size: 14,
1590
1590
  "stroke-width": 2
1591
- }), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ti, {
1591
+ }), A("span", null, F(g(a).templateSettings.preheaderText), 1)]), A("div", null, [_(ni, {
1592
1592
  "model-value": e.settings.preheaderText ?? "",
1593
1593
  placeholder: g(a).templateSettings.preheaderTextPlaceholder,
1594
1594
  rows: 2,
1595
1595
  "onUpdate:modelValue": r[7] ||= (e) => i("update", { preheaderText: e.replace(/[\r\n]/g, " ") || void 0 })
1596
- }, null, 8, ["model-value", "placeholder"]), A("div", xi, [A("span", Si, F(g(a).templateSettings.preheaderTextHint), 1), A("span", Ci, F((e.settings.preheaderText ?? "").length) + "/" + F(Ai), 1)])])], 2),
1597
- A("div", wi, [A("div", Ti, [_(g(Ut), {
1596
+ }, null, 8, ["model-value", "placeholder"]), A("div", Si, [A("span", Ci, F(g(a).templateSettings.preheaderTextHint), 1), A("span", wi, F((e.settings.preheaderText ?? "").length) + "/" + F(ji), 1)])])], 2),
1597
+ A("div", Ti, [A("div", Ei, [_(g(Ut), {
1598
1598
  size: 14,
1599
1599
  "stroke-width": 2
1600
- }), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", Ei, [
1601
- A("li", Di, F(g(a).templateSettings.tip1), 1),
1602
- A("li", Oi, F(g(a).templateSettings.tip2), 1),
1603
- A("li", ki, F(g(a).templateSettings.tip3), 1)
1600
+ }), A("span", null, F(g(a).templateSettings.tips), 1)]), A("ul", Di, [
1601
+ A("li", Oi, F(g(a).templateSettings.tip1), 1),
1602
+ A("li", ki, F(g(a).templateSettings.tip2), 1),
1603
+ A("li", Ai, F(g(a).templateSettings.tip3), 1)
1604
1604
  ])])
1605
1605
  ])]));
1606
1606
  }
1607
- }), Mi = { key: 0 }, Ni = {
1607
+ }), Ni = { key: 0 }, Pi = {
1608
1608
  key: 0,
1609
1609
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1610
- }, Pi = { key: 1 }, Fi = [
1610
+ }, Fi = { key: 1 }, Ii = [
1611
1611
  "type",
1612
1612
  "value",
1613
1613
  "placeholder"
1614
- ], Ii = {
1614
+ ], Li = {
1615
1615
  key: 0,
1616
1616
  class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
1617
- }, Li = "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)]", Ri = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1617
+ }, Ri = "tpl:flex tpl:w-full tpl:min-h-10 tpl:cursor-pointer tpl:items-center tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3.5 tpl:py-1.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", zi = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1618
1618
  __name: "MergeTagInput",
1619
1619
  props: {
1620
1620
  modelValue: {},
@@ -1627,14 +1627,14 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1627
1627
  },
1628
1628
  emits: ["update:modelValue"],
1629
1629
  setup(e, { emit: t }) {
1630
- let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Fr({
1630
+ let n = e, r = t, i = l(null), { segments: a, hasMergeTags: o, canRequestMergeTag: c, isRequestingMergeTag: u, canInsertLogicTag: d, isRequestingLogicTag: f, isEditing: p, startEditing: m, handleInput: h, handleKeydown: v, handleClick: b, handleBlur: C, clearValue: w, insertMergeTag: T, insertLogicTag: E } = Ir({
1631
1631
  modelValue: () => n.modelValue,
1632
1632
  emit: (e) => r("update:modelValue", e),
1633
1633
  elementRef: i
1634
1634
  });
1635
- return (t, n) => g(o) && !g(p) ? (s(), x("div", Mi, [_(Vr, {
1635
+ return (t, n) => g(o) && !g(p) ? (s(), x("div", Ni, [_(Hr, {
1636
1636
  segments: g(a),
1637
- "display-class": Li,
1637
+ "display-class": Ri,
1638
1638
  pulse: e.pulse,
1639
1639
  onEdit: g(m),
1640
1640
  onClear: g(w)
@@ -1643,15 +1643,15 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1643
1643
  "pulse",
1644
1644
  "onEdit",
1645
1645
  "onClear"
1646
- ]), g(c) || g(d) ? (s(), x("div", Ni, [g(c) ? (s(), D(Wr, {
1646
+ ]), g(c) || g(d) ? (s(), x("div", Pi, [g(c) ? (s(), D(Gr, {
1647
1647
  key: 0,
1648
1648
  disabled: g(u),
1649
1649
  onInsert: g(T)
1650
- }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
1650
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
1651
1651
  key: 1,
1652
1652
  disabled: g(f),
1653
1653
  onInsert: g(E)
1654
- }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Pi, [A("input", {
1654
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)])) : (s(), x("div", Fi, [A("input", {
1655
1655
  ref_key: "inputRef",
1656
1656
  ref: i,
1657
1657
  type: e.type,
@@ -1662,20 +1662,20 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1662
1662
  onKeydown: n[1] ||= (...e) => g(v) && g(v)(...e),
1663
1663
  onClick: n[2] ||= (...e) => g(b) && g(b)(...e),
1664
1664
  onBlur: n[3] ||= (...e) => g(C) && g(C)(...e)
1665
- }, null, 42, Fi), g(c) || g(d) ? (s(), x("div", Ii, [g(c) ? (s(), D(Wr, {
1665
+ }, null, 42, Ii), g(c) || g(d) ? (s(), x("div", Li, [g(c) ? (s(), D(Gr, {
1666
1666
  key: 0,
1667
1667
  disabled: g(u),
1668
1668
  onInsert: g(T)
1669
- }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(qr, {
1669
+ }, null, 8, ["disabled", "onInsert"])) : S("", !0), g(d) ? (s(), D(Jr, {
1670
1670
  key: 1,
1671
1671
  disabled: g(f),
1672
1672
  onInsert: g(E)
1673
1673
  }, null, 8, ["disabled", "onInsert"])) : S("", !0)])) : S("", !0)]));
1674
1674
  }
1675
- }), [["__scopeId", "data-v-c289916a"]]), zi = { class: "tpl:mb-3.5" }, Bi = ["value"], Vi = { value: "" }, Hi = ["value"], Ui = { class: "tpl:mb-3.5" }, Wi = { class: "tpl:mb-3.5" }, Gi = { class: "tpl:mb-3.5" }, Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Ji = { class: "tpl:mb-3.5" }, Yi = { class: "tpl:flex tpl:items-stretch" }, Xi = ["value"], Zi = { class: "tpl:mb-3.5" }, Qi = { class: "tpl:flex tpl:items-stretch" }, $i = ["value"], ea = { class: "tpl:mb-3.5" }, ta = ["value"], na = { value: "auto" }, ra = { value: "full" }, ia = { value: "custom" }, aa = {
1675
+ }), [["__scopeId", "data-v-c289916a"]]), Bi = { class: "tpl:mb-3.5" }, Vi = ["value"], Hi = { value: "" }, Ui = ["value"], Wi = { class: "tpl:mb-3.5" }, Gi = { class: "tpl:mb-3.5" }, Ki = { class: "tpl:mb-3.5" }, qi = { class: "tpl:mb-3.5" }, Ji = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, Yi = { class: "tpl:mb-3.5" }, Xi = { class: "tpl:flex tpl:items-stretch" }, Zi = ["value"], Qi = { class: "tpl:mb-3.5" }, $i = { class: "tpl:flex tpl:items-stretch" }, ea = ["value"], ta = { class: "tpl:mb-3.5" }, na = ["value"], ra = { value: "auto" }, ia = { value: "full" }, aa = { value: "custom" }, oa = {
1676
1676
  key: 0,
1677
1677
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
1678
- }, oa = ["value"], sa = { class: "tpl:mb-3.5" }, ca = 200, la = /* @__PURE__ */ d({
1678
+ }, sa = ["value"], ca = { class: "tpl:mb-3.5" }, la = 200, ua = /* @__PURE__ */ d({
1679
1679
  __name: "ButtonToolbar",
1680
1680
  props: {
1681
1681
  block: {},
@@ -1693,7 +1693,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1693
1693
  return;
1694
1694
  }
1695
1695
  if (e === "custom") {
1696
- c("width", typeof r.block.width == "number" ? r.block.width : ca);
1696
+ c("width", typeof r.block.width == "number" ? r.block.width : la);
1697
1697
  return;
1698
1698
  }
1699
1699
  c("width", void 0);
@@ -1703,22 +1703,22 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1703
1703
  !Number.isFinite(t) || t <= 0 || c("width", t);
1704
1704
  }
1705
1705
  return (t, r) => (s(), x(P, null, [
1706
- A("div", zi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
1706
+ A("div", Bi, [A("label", { class: y(g(J)) }, F(g(a).button.fontFamily), 3), A("select", {
1707
1707
  class: y(g(Z)),
1708
1708
  value: e.block.fontFamily || "",
1709
1709
  onChange: r[0] ||= (e) => c("fontFamily", e.target.value || void 0)
1710
- }, [A("option", Vi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1710
+ }, [A("option", Hi, F(g(a).button.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
1711
1711
  key: e.value,
1712
1712
  value: e.value
1713
- }, F(e.label), 9, Hi))), 128))], 42, Bi)]),
1714
- A("div", Ui, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(Ri, {
1713
+ }, F(e.label), 9, Ui))), 128))], 42, Vi)]),
1714
+ A("div", Wi, [A("label", { class: y(g(J)) }, F(g(a).button.text), 3), _(zi, {
1715
1715
  "model-value": e.block.text,
1716
1716
  type: "text",
1717
1717
  "onUpdate:modelValue": r[1] ||= (e) => c("text", e)
1718
1718
  }, null, 8, ["model-value"])]),
1719
- A("div", Wi, [
1719
+ A("div", Gi, [
1720
1720
  A("label", { class: y(g(J)) }, F(g(a).button.url), 3),
1721
- _(Ri, {
1721
+ _(zi, {
1722
1722
  "model-value": e.block.url,
1723
1723
  type: "url",
1724
1724
  placeholder: g(a).button.urlPlaceholder,
@@ -1732,49 +1732,49 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1732
1732
  "onUpdate:modelValue": r[3] ||= (e) => c("openInNewTab", e)
1733
1733
  }, null, 8, ["model-value", "label"])) : S("", !0)
1734
1734
  ]),
1735
- A("div", Gi, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
1735
+ A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.background), 3), _(Q, {
1736
1736
  "model-value": e.block.backgroundColor,
1737
1737
  "onUpdate:modelValue": r[4] ||= (e) => c("backgroundColor", e)
1738
1738
  }, null, 8, ["model-value"])]),
1739
- A("div", Ki, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
1739
+ A("div", qi, [A("label", { class: y(g(J)) }, F(g(a).button.textColor), 3), _(Q, {
1740
1740
  "model-value": e.block.textColor,
1741
1741
  "onUpdate:modelValue": r[5] ||= (e) => c("textColor", e)
1742
1742
  }, null, 8, ["model-value"])]),
1743
- A("div", qi, [A("div", Ji, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Yi, [A("input", {
1743
+ A("div", Ji, [A("div", Yi, [A("label", { class: y(g(J)) }, F(g(a).button.borderRadius), 3), A("div", Xi, [A("input", {
1744
1744
  type: "number",
1745
1745
  class: y(g(X)),
1746
1746
  value: e.block.borderRadius,
1747
1747
  min: "0",
1748
1748
  max: "50",
1749
1749
  onInput: r[6] ||= (e) => c("borderRadius", Number(e.target.value))
1750
- }, null, 42, Xi), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", Zi, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", Qi, [A("input", {
1750
+ }, null, 42, Zi), A("span", { class: y(g(Y)) }, "px", 2)])]), A("div", Qi, [A("label", { class: y(g(J)) }, F(g(a).button.fontSize), 3), A("div", $i, [A("input", {
1751
1751
  type: "number",
1752
1752
  class: y(g(X)),
1753
1753
  value: e.block.fontSize,
1754
1754
  min: "10",
1755
1755
  max: "36",
1756
1756
  onInput: r[7] ||= (e) => c("fontSize", Number(e.target.value))
1757
- }, null, 42, $i), A("span", { class: y(g(Y)) }, "px", 2)])])]),
1758
- A("div", ea, [
1757
+ }, null, 42, ea), A("span", { class: y(g(Y)) }, "px", 2)])])]),
1758
+ A("div", ta, [
1759
1759
  A("label", { class: y(g(J)) }, F(g(a).button.width), 3),
1760
1760
  A("select", {
1761
1761
  class: y(g(Z)),
1762
1762
  value: o.value,
1763
1763
  onChange: r[8] ||= (e) => l(e.target.value)
1764
1764
  }, [
1765
- A("option", na, F(g(a).button.widthAuto), 1),
1766
- A("option", ra, F(g(a).button.fullWidth), 1),
1767
- A("option", ia, F(g(a).button.widthCustom), 1)
1768
- ], 42, ta),
1769
- o.value === "custom" ? (s(), x("div", aa, [A("input", {
1765
+ A("option", ra, F(g(a).button.widthAuto), 1),
1766
+ A("option", ia, F(g(a).button.fullWidth), 1),
1767
+ A("option", aa, F(g(a).button.widthCustom), 1)
1768
+ ], 42, na),
1769
+ o.value === "custom" ? (s(), x("div", oa, [A("input", {
1770
1770
  type: "number",
1771
1771
  class: y(g(X)),
1772
- value: typeof e.block.width == "number" ? e.block.width : ca,
1772
+ value: typeof e.block.width == "number" ? e.block.width : la,
1773
1773
  min: "20",
1774
1774
  onInput: r[9] ||= (e) => u(e.target.value)
1775
- }, null, 42, oa), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
1775
+ }, null, 42, sa), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
1776
1776
  ]),
1777
- A("div", sa, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(An, {
1777
+ A("div", ca, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(jn, {
1778
1778
  options: [
1779
1779
  {
1780
1780
  value: "left",
@@ -1794,7 +1794,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1794
1794
  }, null, 8, ["options", "model-value"])])
1795
1795
  ], 64));
1796
1796
  }
1797
- }), ua = { class: "spacing-control" }, da = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, fa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, pa = { class: "tpl:flex tpl:items-center" }, ma = ["aria-label"], ha = ["value", "aria-label"], ga = ["aria-label"], _a = { class: "tpl:flex tpl:items-center tpl:gap-2" }, va = { class: "tpl:flex tpl:items-center" }, ya = ["aria-label"], ba = ["value", "aria-label"], xa = ["aria-label"], Sa = ["aria-label", "title"], Ca = { class: "tpl:flex tpl:items-center" }, wa = ["aria-label"], Ta = ["value", "aria-label"], Ea = ["aria-label"], Da = { class: "tpl:flex tpl:items-center" }, Oa = ["aria-label"], ka = ["value", "aria-label"], Aa = ["aria-label"], ja = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Ma = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Na = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1797
+ }), da = { class: "spacing-control" }, fa = { class: "tpl:mb-2 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, pa = { class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-1.5" }, ma = { class: "tpl:flex tpl:items-center" }, ha = ["aria-label"], ga = ["value", "aria-label"], _a = ["aria-label"], va = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ya = { class: "tpl:flex tpl:items-center" }, ba = ["aria-label"], xa = ["value", "aria-label"], Sa = ["aria-label"], Ca = ["aria-label", "title"], wa = { class: "tpl:flex tpl:items-center" }, Ta = ["aria-label"], Ea = ["value", "aria-label"], Da = ["aria-label"], Oa = { class: "tpl:flex tpl:items-center" }, ka = ["aria-label"], Aa = ["value", "aria-label"], ja = ["aria-label"], Ma = "tpl:flex tpl:items-center tpl:justify-center tpl:w-8 tpl:h-8 tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg)] tpl:border tpl:border-[var(--tpl-border)] tpl:cursor-pointer tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:active:bg-[var(--tpl-bg-active)]", Na = "tpl:w-10 tpl:h-8 tpl:text-center tpl:text-xs tpl:font-medium tpl:border-y tpl:border-x-0 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", Pa = /*#__PURE__*/ ln(/* @__PURE__ */ d({
1798
1798
  __name: "SpacingControl",
1799
1799
  props: {
1800
1800
  modelValue: {},
@@ -1841,59 +1841,59 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1841
1841
  });
1842
1842
  }
1843
1843
  }
1844
- return (e, n) => (s(), x("div", ua, [A("label", da, F(t.label), 1), A("div", fa, [
1845
- A("div", pa, [
1844
+ return (e, n) => (s(), x("div", da, [A("label", fa, F(t.label), 1), A("div", pa, [
1845
+ A("div", ma, [
1846
1846
  A("button", {
1847
1847
  "aria-label": g(a).spacingControl.decreaseTop,
1848
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1848
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1849
1849
  onClick: n[0] ||= (e) => u("top", -1)
1850
1850
  }, [_(g(Wt), {
1851
1851
  size: 12,
1852
1852
  "stroke-width": 2
1853
- })], 10, ma),
1853
+ })], 10, ha),
1854
1854
  A("input", {
1855
1855
  type: "number",
1856
- class: y(Ma),
1856
+ class: y(Na),
1857
1857
  value: t.modelValue.top,
1858
1858
  "aria-label": g(a).spacingControl.top,
1859
1859
  min: "0",
1860
1860
  onInput: n[1] ||= (e) => d("top", Number(e.target.value))
1861
- }, null, 40, ha),
1861
+ }, null, 40, ga),
1862
1862
  A("button", {
1863
1863
  "aria-label": g(a).spacingControl.increaseTop,
1864
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1864
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1865
1865
  onClick: n[2] ||= (e) => u("top", 1)
1866
1866
  }, [_(g(Lt), {
1867
1867
  size: 12,
1868
1868
  "stroke-width": 2
1869
- })], 10, ga)
1869
+ })], 10, _a)
1870
1870
  ]),
1871
- A("div", _a, [
1872
- A("div", va, [
1871
+ A("div", va, [
1872
+ A("div", ya, [
1873
1873
  A("button", {
1874
1874
  "aria-label": g(a).spacingControl.decreaseLeft,
1875
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1875
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1876
1876
  onClick: n[3] ||= (e) => u("left", -1)
1877
1877
  }, [_(g(Wt), {
1878
1878
  size: 12,
1879
1879
  "stroke-width": 2
1880
- })], 10, ya),
1880
+ })], 10, ba),
1881
1881
  A("input", {
1882
1882
  type: "number",
1883
- class: y(Ma),
1883
+ class: y(Na),
1884
1884
  value: t.modelValue.left,
1885
1885
  "aria-label": g(a).spacingControl.left,
1886
1886
  min: "0",
1887
1887
  onInput: n[4] ||= (e) => d("left", Number(e.target.value))
1888
- }, null, 40, ba),
1888
+ }, null, 40, xa),
1889
1889
  A("button", {
1890
1890
  "aria-label": g(a).spacingControl.increaseLeft,
1891
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1891
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1892
1892
  onClick: n[5] ||= (e) => u("left", 1)
1893
1893
  }, [_(g(Lt), {
1894
1894
  size: 12,
1895
1895
  "stroke-width": 2
1896
- })], 10, xa)
1896
+ })], 10, Sa)
1897
1897
  ]),
1898
1898
  A("button", {
1899
1899
  class: y(["tpl:flex tpl:h-8 tpl:w-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", c.value ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-primary)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)]"]),
@@ -1908,63 +1908,63 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1908
1908
  key: 1,
1909
1909
  size: 14,
1910
1910
  "stroke-width": 2
1911
- }))], 10, Sa),
1912
- A("div", Ca, [
1911
+ }))], 10, Ca),
1912
+ A("div", wa, [
1913
1913
  A("button", {
1914
1914
  "aria-label": g(a).spacingControl.decreaseRight,
1915
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1915
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1916
1916
  onClick: n[6] ||= (e) => u("right", -1)
1917
1917
  }, [_(g(Wt), {
1918
1918
  size: 12,
1919
1919
  "stroke-width": 2
1920
- })], 10, wa),
1920
+ })], 10, Ta),
1921
1921
  A("input", {
1922
1922
  type: "number",
1923
- class: y(Ma),
1923
+ class: y(Na),
1924
1924
  value: t.modelValue.right,
1925
1925
  "aria-label": g(a).spacingControl.right,
1926
1926
  min: "0",
1927
1927
  onInput: n[7] ||= (e) => d("right", Number(e.target.value))
1928
- }, null, 40, Ta),
1928
+ }, null, 40, Ea),
1929
1929
  A("button", {
1930
1930
  "aria-label": g(a).spacingControl.increaseRight,
1931
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1931
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1932
1932
  onClick: n[8] ||= (e) => u("right", 1)
1933
1933
  }, [_(g(Lt), {
1934
1934
  size: 12,
1935
1935
  "stroke-width": 2
1936
- })], 10, Ea)
1936
+ })], 10, Da)
1937
1937
  ])
1938
1938
  ]),
1939
- A("div", Da, [
1939
+ A("div", Oa, [
1940
1940
  A("button", {
1941
1941
  "aria-label": g(a).spacingControl.decreaseBottom,
1942
- class: y([ja, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1942
+ class: y([Ma, "tpl:rounded-l-[var(--tpl-radius-sm)]"]),
1943
1943
  onClick: n[9] ||= (e) => u("bottom", -1)
1944
1944
  }, [_(g(Wt), {
1945
1945
  size: 12,
1946
1946
  "stroke-width": 2
1947
- })], 10, Oa),
1947
+ })], 10, ka),
1948
1948
  A("input", {
1949
1949
  type: "number",
1950
- class: y(Ma),
1950
+ class: y(Na),
1951
1951
  value: t.modelValue.bottom,
1952
1952
  "aria-label": g(a).spacingControl.bottom,
1953
1953
  min: "0",
1954
1954
  onInput: n[10] ||= (e) => d("bottom", Number(e.target.value))
1955
- }, null, 40, ka),
1955
+ }, null, 40, Aa),
1956
1956
  A("button", {
1957
1957
  "aria-label": g(a).spacingControl.increaseBottom,
1958
- class: y([ja, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1958
+ class: y([Ma, "tpl:rounded-r-[var(--tpl-radius-sm)]"]),
1959
1959
  onClick: n[11] ||= (e) => u("bottom", 1)
1960
1960
  }, [_(g(Lt), {
1961
1961
  size: 12,
1962
1962
  "stroke-width": 2
1963
- })], 10, Aa)
1963
+ })], 10, ja)
1964
1964
  ])
1965
1965
  ])]));
1966
1966
  }
1967
- }), [["__scopeId", "data-v-69591c1e"]]), Pa = ["data-testid"], Fa = { class: "tpl:mt-3" }, Ia = /* @__PURE__ */ d({
1967
+ }), [["__scopeId", "data-v-69591c1e"]]), Fa = ["data-testid"], Ia = { class: "tpl:mt-3" }, La = /* @__PURE__ */ d({
1968
1968
  __name: "CollapsibleSection",
1969
1969
  props: {
1970
1970
  title: {},
@@ -1983,21 +1983,21 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
1983
1983
  class: y(["tpl:transition-transform tpl:duration-200", e.open ? "tpl:rotate-0" : "tpl:-rotate-90"]),
1984
1984
  size: 12,
1985
1985
  "stroke-width": 2
1986
- }, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, Pa), f(A("div", Fa, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
1986
+ }, null, 8, ["class"]), A("span", null, F(e.title), 1)], 8, Fa), f(A("div", Ia, [i(t.$slots, "default")], 512), [[N, e.open]])], 2));
1987
1987
  }
1988
- }), La = { class: "tpl:space-y-2" }, Ra = { class: "tpl:flex tpl:items-center tpl:gap-2" }, za = { class: "tpl:space-y-2" }, Ba = ["value"], Va = { value: "" }, Ha = ["label"], Ua = ["value"], Wa = ["value"], Ga = {
1988
+ }), Ra = { class: "tpl:space-y-2" }, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = { class: "tpl:space-y-2" }, Va = ["value"], Ha = { value: "" }, Ua = ["label"], Wa = ["value"], Ga = ["value"], Ka = {
1989
1989
  key: 0,
1990
1990
  value: "__custom__"
1991
- }, Ka = {
1991
+ }, qa = {
1992
1992
  key: 0,
1993
1993
  class: "tpl:space-y-2"
1994
- }, qa = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ja = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ya = { class: "tpl:flex tpl:justify-end" }, Xa = ["disabled"], Za = {
1994
+ }, Ja = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Ya = { class: "tpl:mb-1 tpl:block tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, Xa = { class: "tpl:flex tpl:justify-end" }, Za = ["disabled"], Qa = {
1995
1995
  key: 0,
1996
1996
  class: "tpl:text-[11px] tpl:text-[var(--tpl-text-muted)]"
1997
- }, Qa = { class: "tpl:space-y-1" }, $a = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, eo = {
1997
+ }, $a = { class: "tpl:space-y-1" }, eo = { class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]" }, to = {
1998
1998
  key: 0,
1999
1999
  class: "tpl:m-0 tpl:overflow-x-auto tpl:rounded tpl:bg-[var(--tpl-bg)] tpl:p-2 tpl:font-mono tpl:text-[10px] tpl:text-[var(--tpl-text-muted)]"
2000
- }, to = /* @__PURE__ */ d({
2000
+ }, no = /* @__PURE__ */ d({
2001
2001
  __name: "CommonBlockSettings",
2002
2002
  props: {
2003
2003
  block: {},
@@ -2060,13 +2060,13 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2060
2060
  t[e] = !t[e], c("update", { visibility: t });
2061
2061
  }
2062
2062
  return (e, t) => (s(), x("div", { class: y(["tpl:flex tpl:flex-col", i.isFirstSection ? "" : "tpl:mt-4"]) }, [
2063
- _(Ia, {
2063
+ _(La, {
2064
2064
  title: g(d).blockSettings.spacing,
2065
2065
  open: v.has("spacing"),
2066
2066
  "no-border": i.isFirstSection,
2067
2067
  onToggle: t[1] ||= (e) => O("spacing")
2068
2068
  }, {
2069
- default: r(() => [_(Na, {
2069
+ default: r(() => [_(Pa, {
2070
2070
  label: g(d).blockSettings.padding,
2071
2071
  "model-value": i.block.styles.padding,
2072
2072
  "onUpdate:modelValue": t[0] ||= (e) => L("padding", e)
@@ -2077,7 +2077,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2077
2077
  "open",
2078
2078
  "no-border"
2079
2079
  ]),
2080
- _(Ia, {
2080
+ _(La, {
2081
2081
  title: g(d).blockSettings.background,
2082
2082
  open: v.has("bg"),
2083
2083
  onToggle: t[3] ||= (e) => O("bg")
@@ -2088,19 +2088,19 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2088
2088
  }, null, 8, ["model-value"])]),
2089
2089
  _: 1
2090
2090
  }, 8, ["title", "open"]),
2091
- _(Ia, {
2091
+ _(La, {
2092
2092
  title: g(d).blockSettings.display,
2093
2093
  open: v.has("display"),
2094
2094
  onToggle: t[4] ||= (e) => O("display")
2095
2095
  }, {
2096
- default: r(() => [A("div", La, [(s(), x(P, null, n(E, (e) => _($, {
2096
+ default: r(() => [A("div", Ra, [(s(), x(P, null, n(E, (e) => _($, {
2097
2097
  key: e.key,
2098
2098
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
2099
2099
  "model-value": z(e.key),
2100
2100
  label: g(d).blockSettings[e.labelKey],
2101
2101
  "onUpdate:modelValue": (t) => B(e.key)
2102
2102
  }, {
2103
- default: r(() => [A("span", Ra, [(s(), D(u(e.icon), {
2103
+ default: r(() => [A("span", za, [(s(), D(u(e.icon), {
2104
2104
  size: 14,
2105
2105
  "stroke-width": 1.5
2106
2106
  })), R(" " + F(g(d).blockSettings[e.labelKey]), 1)])]),
@@ -2112,14 +2112,14 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2112
2112
  ])), 64))])]),
2113
2113
  _: 1
2114
2114
  }, 8, ["title", "open"]),
2115
- j.value ? (s(), D(Ia, {
2115
+ j.value ? (s(), D(La, {
2116
2116
  key: 0,
2117
2117
  "header-test-id": "display-condition-section",
2118
2118
  title: g(d).blockSettings.displayCondition,
2119
2119
  open: v.has("condition"),
2120
2120
  onToggle: t[8] ||= (e) => O("condition")
2121
2121
  }, {
2122
- default: r(() => [A("div", za, [A("select", {
2122
+ default: r(() => [A("div", Ba, [A("select", {
2123
2123
  "data-testid": "display-condition-select",
2124
2124
  class: y(["tpl:w-full tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-2 tpl:text-xs tpl:outline-none tpl:transition-all tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", i.block.displayCondition ? "tpl:border-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)] tpl:text-[var(--tpl-text)]" : "tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"]),
2125
2125
  value: C.value || M.value ? "__custom__" : i.block.displayCondition?.label ?? "",
@@ -2137,41 +2137,41 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2137
2137
  n && c("update", { displayCondition: n });
2138
2138
  }
2139
2139
  }, [
2140
- A("option", Va, F(g(d).blockSettings.noCondition), 1),
2140
+ A("option", Ha, F(g(d).blockSettings.noCondition), 1),
2141
2141
  (s(!0), x(P, null, n(I.value, (e, t) => (s(), x(P, { key: t }, [t ? (s(), x("optgroup", {
2142
2142
  key: 0,
2143
2143
  label: String(t)
2144
2144
  }, [(s(!0), x(P, null, n(e, (e) => (s(), x("option", {
2145
2145
  key: e.label,
2146
2146
  value: e.label
2147
- }, F(e.label), 9, Ua))), 128))], 8, Ha)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2147
+ }, F(e.label), 9, Wa))), 128))], 8, Ua)) : (s(!0), x(P, { key: 1 }, n(e, (e) => (s(), x("option", {
2148
2148
  key: e.label,
2149
2149
  value: e.label
2150
- }, F(e.label), 9, Wa))), 128))], 64))), 128)),
2151
- g(h) ? (s(), x("option", Ga, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2152
- ], 42, Ba), C.value || M.value ? (s(), x("div", Ka, [
2153
- A("div", null, [A("label", qa, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
2150
+ }, F(e.label), 9, Ga))), 128))], 64))), 128)),
2151
+ g(h) ? (s(), x("option", Ka, F(g(d).blockSettings.customCondition), 1)) : S("", !0)
2152
+ ], 42, Va), C.value || M.value ? (s(), x("div", qa, [
2153
+ A("div", null, [A("label", Ja, F(g(d).blockSettings.customConditionBefore), 1), f(A("textarea", {
2154
2154
  "onUpdate:modelValue": t[6] ||= (e) => w.value = e,
2155
2155
  rows: "2",
2156
- class: y(g(bn))
2156
+ class: y(g(gn))
2157
2157
  }, null, 2), [[k, w.value]])]),
2158
- A("div", null, [A("label", Ja, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
2158
+ A("div", null, [A("label", Ya, F(g(d).blockSettings.customConditionAfter), 1), f(A("textarea", {
2159
2159
  "onUpdate:modelValue": t[7] ||= (e) => T.value = e,
2160
2160
  rows: "2",
2161
- class: y(g(bn))
2161
+ class: y(g(gn))
2162
2162
  }, null, 2), [[k, T.value]])]),
2163
- A("div", Ya, [A("button", {
2163
+ A("div", Xa, [A("button", {
2164
2164
  type: "button",
2165
2165
  class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:hover:opacity-90 tpl:disabled:opacity-50",
2166
2166
  disabled: !w.value.trim(),
2167
2167
  onClick: ee
2168
- }, F(g(d).blockSettings.applyCondition), 9, Xa)])
2169
- ])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", Za, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", Qa, [A("pre", $a, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", eo, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2168
+ }, F(g(d).blockSettings.applyCondition), 9, Za)])
2169
+ ])) : i.block.displayCondition && !M.value ? (s(), x(P, { key: 1 }, [i.block.displayCondition.description ? (s(), x("p", Qa, F(i.block.displayCondition.description), 1)) : S("", !0), A("div", $a, [A("pre", eo, F(i.block.displayCondition.before), 1), i.block.displayCondition.after ? (s(), x("pre", to, F(i.block.displayCondition.after), 1)) : S("", !0)])], 64)) : S("", !0)])]),
2170
2170
  _: 1
2171
2171
  }, 8, ["title", "open"])) : S("", !0)
2172
2172
  ], 2));
2173
2173
  }
2174
- }), no = ["title"], ro = /* @__PURE__ */ d({
2174
+ }), ro = ["title"], io = /* @__PURE__ */ d({
2175
2175
  __name: "BooleanField",
2176
2176
  props: {
2177
2177
  field: {},
@@ -2203,9 +2203,9 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2203
2203
  "label",
2204
2204
  "required",
2205
2205
  "disabled"
2206
- ])], 8, no));
2206
+ ])], 8, ro));
2207
2207
  }
2208
- }), io = { class: "tpl:mb-3.5" }, ao = ["title"], oo = { class: "tpl-sr-only" }, so = ["title"], co = { class: "tpl-sr-only" }, lo = /* @__PURE__ */ d({
2208
+ }), ao = { class: "tpl:mb-3.5" }, oo = ["title"], so = { class: "tpl-sr-only" }, co = ["title"], lo = { class: "tpl-sr-only" }, uo = /* @__PURE__ */ d({
2209
2209
  __name: "FieldWrapper",
2210
2210
  props: {
2211
2211
  label: {},
@@ -2214,7 +2214,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2214
2214
  },
2215
2215
  setup(e) {
2216
2216
  let { t } = q();
2217
- return (n, r) => (s(), x("div", io, [A("label", { class: y(g(J)) }, [
2217
+ return (n, r) => (s(), x("div", ao, [A("label", { class: y(g(J)) }, [
2218
2218
  R(F(e.label) + " ", 1),
2219
2219
  e.readOnly ? (s(), x("span", {
2220
2220
  key: 0,
@@ -2223,15 +2223,15 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2223
2223
  size: 12,
2224
2224
  class: "tpl:inline tpl:text-[var(--tpl-text-dim)]",
2225
2225
  "aria-hidden": "true"
2226
- }), A("span", oo, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, ao)) : S("", !0),
2226
+ }), A("span", so, F(g(t).customBlocks.dataSource.readOnlyTooltip), 1)], 8, oo)) : S("", !0),
2227
2227
  e.required ? (s(), x("span", {
2228
2228
  key: 1,
2229
2229
  class: "tpl:text-[var(--tpl-danger)]",
2230
2230
  title: g(t).customBlocks.fields.required
2231
- }, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", co, F(g(t).customBlocks.fields.required), 1)], 8, so)) : S("", !0)
2231
+ }, [r[0] ||= A("span", { "aria-hidden": "true" }, "*", -1), A("span", lo, F(g(t).customBlocks.fields.required), 1)], 8, co)) : S("", !0)
2232
2232
  ], 2), i(n.$slots, "default")]));
2233
2233
  }
2234
- }), uo = /* @__PURE__ */ d({
2234
+ }), fo = /* @__PURE__ */ d({
2235
2235
  __name: "ColorField",
2236
2236
  props: {
2237
2237
  field: {},
@@ -2241,7 +2241,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2241
2241
  emits: ["update:modelValue"],
2242
2242
  setup(e, { emit: n }) {
2243
2243
  let i = e, a = n, { t: o } = q(), c = t(pt, _t), l = b(() => Oe(i.field, c));
2244
- return (t, n) => (s(), D(lo, {
2244
+ return (t, n) => (s(), D(uo, {
2245
2245
  label: e.field.label,
2246
2246
  required: e.field.required,
2247
2247
  "read-only": e.readOnly
@@ -2269,15 +2269,15 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2269
2269
  "read-only"
2270
2270
  ]));
2271
2271
  }
2272
- }), fo = {
2272
+ }), po = {
2273
2273
  key: 0,
2274
2274
  class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
2275
2275
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2276
- }, po = [
2276
+ }, mo = [
2277
2277
  "value",
2278
2278
  "placeholder",
2279
2279
  "title"
2280
- ], mo = ["value", "placeholder"], ho = /* @__PURE__ */ d({
2280
+ ], ho = ["value", "placeholder"], go = /* @__PURE__ */ d({
2281
2281
  __name: "ImageField",
2282
2282
  props: {
2283
2283
  field: {},
@@ -2312,7 +2312,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2312
2312
  enabled: h,
2313
2313
  onFiles: v
2314
2314
  });
2315
- return (t, n) => (s(), D(lo, {
2315
+ return (t, n) => (s(), D(uo, {
2316
2316
  label: e.field.label,
2317
2317
  required: e.field.required,
2318
2318
  "read-only": e.readOnly
@@ -2322,7 +2322,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2322
2322
  ref: p,
2323
2323
  class: "tpl:relative"
2324
2324
  }, [
2325
- h.value && (g(C) || m.value) ? (s(), x("div", fo, [m.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2325
+ h.value && (g(C) || m.value) ? (s(), x("div", po, [m.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2326
2326
  class: "tpl-spinner",
2327
2327
  size: 18,
2328
2328
  "stroke-width": 2
@@ -2338,14 +2338,14 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2338
2338
  placeholder: e.field.placeholder || "https://...",
2339
2339
  disabled: "",
2340
2340
  title: g(o).customBlocks.dataSource.readOnlyTooltip
2341
- }, null, 10, po)) : (s(), x("input", {
2341
+ }, null, 10, mo)) : (s(), x("input", {
2342
2342
  key: 2,
2343
2343
  type: "url",
2344
2344
  class: y(g(Z)),
2345
2345
  value: e.modelValue,
2346
2346
  placeholder: e.field.placeholder || "https://...",
2347
2347
  onInput: n[0] ||= (e) => a("update:modelValue", e.target.value)
2348
- }, null, 42, mo)),
2348
+ }, null, 42, ho)),
2349
2349
  d.value && !e.readOnly ? (s(), x("button", {
2350
2350
  key: 3,
2351
2351
  class: "tpl:mt-2 tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-bg)]",
@@ -2362,7 +2362,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2362
2362
  "read-only"
2363
2363
  ]));
2364
2364
  }
2365
- }), go = [
2365
+ }), _o = [
2366
2366
  "value",
2367
2367
  "placeholder",
2368
2368
  "min",
@@ -2370,7 +2370,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2370
2370
  "step",
2371
2371
  "disabled",
2372
2372
  "title"
2373
- ], _o = /* @__PURE__ */ d({
2373
+ ], vo = /* @__PURE__ */ d({
2374
2374
  __name: "NumberField",
2375
2375
  props: {
2376
2376
  field: {},
@@ -2380,7 +2380,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2380
2380
  emits: ["update:modelValue"],
2381
2381
  setup(e, { emit: t }) {
2382
2382
  let n = t, { t: i } = q();
2383
- return (t, a) => (s(), D(lo, {
2383
+ return (t, a) => (s(), D(uo, {
2384
2384
  label: e.field.label,
2385
2385
  required: e.field.required,
2386
2386
  "read-only": e.readOnly
@@ -2396,7 +2396,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2396
2396
  disabled: e.readOnly,
2397
2397
  title: e.readOnly ? g(i).customBlocks.dataSource.readOnlyTooltip : void 0,
2398
2398
  onInput: a[0] ||= (t) => !e.readOnly && n("update:modelValue", Number(t.target.value))
2399
- }, null, 42, go)]),
2399
+ }, null, 42, _o)]),
2400
2400
  _: 1
2401
2401
  }, 8, [
2402
2402
  "label",
@@ -2404,13 +2404,13 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2404
2404
  "read-only"
2405
2405
  ]));
2406
2406
  }
2407
- }), vo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, yo = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, bo = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, xo = ["title", "onClick"], So = {
2407
+ }), yo = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, bo = { class: "tpl:mb-2 tpl:flex tpl:items-center tpl:justify-between" }, xo = { class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]" }, So = ["title", "onClick"], Co = {
2408
2408
  key: 1,
2409
2409
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2410
- }, Co = {
2410
+ }, wo = {
2411
2411
  key: 2,
2412
2412
  class: "tpl:m-0 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2413
- }, wo = /* @__PURE__ */ d({
2413
+ }, To = /* @__PURE__ */ d({
2414
2414
  __name: "RepeatableField",
2415
2415
  props: {
2416
2416
  field: {},
@@ -2438,16 +2438,16 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2438
2438
  } : r);
2439
2439
  a("update:modelValue", r);
2440
2440
  }
2441
- return (t, i) => (s(), D(lo, {
2441
+ return (t, i) => (s(), D(uo, {
2442
2442
  label: e.field.label,
2443
2443
  required: e.field.required,
2444
2444
  "read-only": e.readOnly
2445
2445
  }, {
2446
- default: r(() => [A("div", vo, [
2446
+ default: r(() => [A("div", yo, [
2447
2447
  (s(!0), x(P, null, n(l.value, (t, r) => (s(), x("div", {
2448
2448
  key: `${e.field.key}-${r}`,
2449
2449
  class: "tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-3"
2450
- }, [A("div", yo, [A("span", bo, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2450
+ }, [A("div", bo, [A("span", xo, " #" + F(r + 1), 1), f.value && !e.readOnly ? (s(), x("button", {
2451
2451
  key: 0,
2452
2452
  type: "button",
2453
2453
  class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
@@ -2456,7 +2456,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2456
2456
  }, [_(g(Ht), {
2457
2457
  size: 12,
2458
2458
  "stroke-width": 2
2459
- })], 8, xo)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(No)(n.type)), {
2459
+ })], 8, So)) : S("", !0)]), (s(!0), x(P, null, n(e.field.fields, (n) => (s(), D(u(g(Po)(n.type)), {
2460
2460
  key: n.key,
2461
2461
  field: n,
2462
2462
  "model-value": t[n.key],
@@ -2471,14 +2471,14 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2471
2471
  d.value && !e.readOnly ? (s(), x("button", {
2472
2472
  key: 0,
2473
2473
  type: "button",
2474
- class: y(g(Sn)),
2474
+ class: y(g(vn)),
2475
2475
  onClick: p
2476
2476
  }, [_(g(Lt), {
2477
2477
  size: 14,
2478
2478
  "stroke-width": 2
2479
2479
  }), R(" " + F(g(o).customBlocks.fields.addItem), 1)], 2)) : S("", !0),
2480
- !d.value && !e.readOnly ? (s(), x("p", So, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2481
- !f.value && !e.readOnly ? (s(), x("p", Co, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2480
+ !d.value && !e.readOnly ? (s(), x("p", Co, F(g(o).customBlocks.fields.maxItemsReached), 1)) : S("", !0),
2481
+ !f.value && !e.readOnly ? (s(), x("p", wo, F(g(c)(g(o).customBlocks.fields.minItemsRequired, { count: e.field.minItems ?? 0 })), 1)) : S("", !0)
2482
2482
  ])]),
2483
2483
  _: 1
2484
2484
  }, 8, [
@@ -2487,11 +2487,11 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2487
2487
  "read-only"
2488
2488
  ]));
2489
2489
  }
2490
- }), To = [
2490
+ }), Eo = [
2491
2491
  "value",
2492
2492
  "disabled",
2493
2493
  "title"
2494
- ], Eo = ["value"], Do = /* @__PURE__ */ d({
2494
+ ], Do = ["value"], Oo = /* @__PURE__ */ d({
2495
2495
  __name: "SelectField",
2496
2496
  props: {
2497
2497
  field: {},
@@ -2501,7 +2501,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2501
2501
  emits: ["update:modelValue"],
2502
2502
  setup(e, { emit: t }) {
2503
2503
  let i = t, { t: a } = q();
2504
- return (t, o) => (s(), D(lo, {
2504
+ return (t, o) => (s(), D(uo, {
2505
2505
  label: e.field.label,
2506
2506
  required: e.field.required,
2507
2507
  "read-only": e.readOnly
@@ -2515,7 +2515,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2515
2515
  }, [(s(!0), x(P, null, n(e.field.options, (e) => (s(), x("option", {
2516
2516
  key: e.value,
2517
2517
  value: e.value
2518
- }, F(e.label), 9, Eo))), 128))], 42, To)]),
2518
+ }, F(e.label), 9, Do))), 128))], 42, Eo)]),
2519
2519
  _: 1
2520
2520
  }, 8, [
2521
2521
  "label",
@@ -2523,11 +2523,11 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2523
2523
  "read-only"
2524
2524
  ]));
2525
2525
  }
2526
- }), Oo = [
2526
+ }), ko = [
2527
2527
  "value",
2528
2528
  "placeholder",
2529
2529
  "title"
2530
- ], ko = /* @__PURE__ */ d({
2530
+ ], Ao = /* @__PURE__ */ d({
2531
2531
  __name: "TextField",
2532
2532
  props: {
2533
2533
  field: {},
@@ -2537,7 +2537,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2537
2537
  emits: ["update:modelValue"],
2538
2538
  setup(e, { emit: t }) {
2539
2539
  let n = t, { t: i } = q();
2540
- return (t, a) => (s(), D(lo, {
2540
+ return (t, a) => (s(), D(uo, {
2541
2541
  label: e.field.label,
2542
2542
  required: e.field.required,
2543
2543
  "read-only": e.readOnly
@@ -2550,7 +2550,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2550
2550
  placeholder: e.field.placeholder,
2551
2551
  disabled: "",
2552
2552
  title: g(i).customBlocks.dataSource.readOnlyTooltip
2553
- }, null, 10, Oo)) : (s(), D(Ri, {
2553
+ }, null, 10, ko)) : (s(), D(zi, {
2554
2554
  key: 1,
2555
2555
  "model-value": e.modelValue,
2556
2556
  placeholder: e.field.placeholder,
@@ -2563,12 +2563,12 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2563
2563
  "read-only"
2564
2564
  ]));
2565
2565
  }
2566
- }), Ao = [
2566
+ }), jo = [
2567
2567
  "value",
2568
2568
  "placeholder",
2569
2569
  "title"
2570
- ], jo = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", Mo = {
2571
- text: ko,
2570
+ ], Mo = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:opacity-60 tpl:cursor-not-allowed", No = {
2571
+ text: Ao,
2572
2572
  textarea: /* @__PURE__ */ d({
2573
2573
  __name: "TextareaField",
2574
2574
  props: {
@@ -2579,7 +2579,7 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2579
2579
  emits: ["update:modelValue"],
2580
2580
  setup(e, { emit: t }) {
2581
2581
  let n = t, { t: i } = q();
2582
- return (t, a) => (s(), D(lo, {
2582
+ return (t, a) => (s(), D(uo, {
2583
2583
  label: e.field.label,
2584
2584
  required: e.field.required,
2585
2585
  "read-only": e.readOnly
@@ -2591,8 +2591,8 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2591
2591
  rows: "3",
2592
2592
  disabled: "",
2593
2593
  title: g(i).customBlocks.dataSource.readOnlyTooltip,
2594
- class: y(jo)
2595
- }, null, 8, Ao)) : (s(), D(ti, {
2594
+ class: y(Mo)
2595
+ }, null, 8, jo)) : (s(), D(ni, {
2596
2596
  key: 1,
2597
2597
  "model-value": e.modelValue,
2598
2598
  placeholder: e.field.placeholder,
@@ -2606,37 +2606,37 @@ var Ir = ["aria-label", "onKeydown"], Lr = ["data-tooltip"], Rr = ["data-tooltip
2606
2606
  ]));
2607
2607
  }
2608
2608
  }),
2609
- image: ho,
2610
- color: uo,
2611
- number: _o,
2612
- select: Do,
2613
- boolean: ro,
2614
- repeatable: wo
2609
+ image: go,
2610
+ color: fo,
2611
+ number: vo,
2612
+ select: Oo,
2613
+ boolean: io,
2614
+ repeatable: To
2615
2615
  };
2616
- function No(e) {
2617
- return Mo[e] ?? ko;
2616
+ function Po(e) {
2617
+ return No[e] ?? Ao;
2618
2618
  }
2619
2619
  //#endregion
2620
2620
  //#region src/components/toolbar/CustomBlockToolbar.vue?vue&type=script&setup=true&lang.ts
2621
- var Po = {
2621
+ var Fo = {
2622
2622
  key: 0,
2623
2623
  class: "tpl:p-4"
2624
- }, Fo = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Io = { key: 1 }, Lo = {
2624
+ }, Io = { class: "tpl:m-0 tpl:text-center tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Lo = { key: 1 }, Ro = {
2625
2625
  key: 0,
2626
2626
  class: "tpl:m-0 tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
2627
- }, Ro = {
2627
+ }, zo = {
2628
2628
  key: 1,
2629
2629
  class: "tpl:mb-4"
2630
- }, zo = {
2630
+ }, Bo = {
2631
2631
  key: 1,
2632
2632
  class: "tpl:flex tpl:h-[32px] tpl:items-center"
2633
- }, Bo = {
2633
+ }, Vo = {
2634
2634
  key: 0,
2635
2635
  class: "tpl:w-full tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
2636
- }, Vo = {
2636
+ }, Ho = {
2637
2637
  key: 2,
2638
2638
  class: "tpl:m-0 tpl:mt-2 tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-danger)]"
2639
- }, Ho = /* @__PURE__ */ d({
2639
+ }, Uo = /* @__PURE__ */ d({
2640
2640
  __name: "CustomBlockToolbar",
2641
2641
  props: { block: {} },
2642
2642
  emits: ["updateFieldValues", "updateDataSourceFetched"],
@@ -2657,23 +2657,23 @@ var Po = {
2657
2657
  [e]: t
2658
2658
  });
2659
2659
  }
2660
- return (t, r) => l.value ? (s(), x("div", Io, [
2661
- l.value.description ? (s(), x("p", Lo, F(l.value.description), 1)) : S("", !0),
2662
- g(h) ? (s(), x("div", Ro, [g(v) && !g(f) ? (s(), x("button", {
2660
+ return (t, r) => l.value ? (s(), x("div", Lo, [
2661
+ l.value.description ? (s(), x("p", Ro, F(l.value.description), 1)) : S("", !0),
2662
+ g(h) ? (s(), x("div", zo, [g(v) && !g(f) ? (s(), x("button", {
2663
2663
  key: 0,
2664
2664
  type: "button",
2665
2665
  class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-2 tpl:rounded-md tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-on-primary)] tpl:transition-all tpl:bg-[var(--tpl-primary)]",
2666
2666
  onClick: r[0] ||= (...e) => g(m) && g(m)(...e)
2667
- }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", zo, [g(f) ? (s(), x("div", Bo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2667
+ }, F(l.value?.dataSource?.label || g(o).customBlocks.dataSource.fetchButton), 1)) : (s(), x("div", Bo, [g(f) ? (s(), x("div", Vo, F(g(o).customBlocks.dataSource.fetching), 1)) : (s(), x("button", {
2668
2668
  key: 1,
2669
2669
  type: "button",
2670
2670
  class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]",
2671
2671
  onClick: r[1] ||= (...e) => g(m) && g(m)(...e)
2672
- }, [_(g(cn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Vo, [_(g(kt), {
2672
+ }, [_(g(cn), { size: 12 }), R(" " + F(g(o).customBlocks.dataSource.changeButton), 1)]))])), g(p) ? (s(), x("p", Ho, [_(g(kt), {
2673
2673
  size: 14,
2674
2674
  class: "tpl:shrink-0"
2675
2675
  }), R(" " + F(g(o).customBlocks.dataSource.fetchError), 1)])) : S("", !0)])) : S("", !0),
2676
- (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(No)(t.type)), {
2676
+ (s(!0), x(P, null, n(l.value.fields, (t) => (s(), D(u(g(Po)(t.type)), {
2677
2677
  key: t.key,
2678
2678
  field: t,
2679
2679
  "model-value": e.block.fieldValues[t.key],
@@ -2685,9 +2685,9 @@ var Po = {
2685
2685
  "read-only",
2686
2686
  "onUpdate:modelValue"
2687
2687
  ]))), 128))
2688
- ])) : (s(), x("div", Po, [A("p", Fo, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2688
+ ])) : (s(), x("div", Fo, [A("p", Io, F(g(o).customBlocks.toolbar.noDefinition), 1)]));
2689
2689
  }
2690
- }), Uo = { class: "tpl:mb-3.5" }, Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:flex tpl:items-stretch" }, qo = ["value"], Jo = /* @__PURE__ */ d({
2690
+ }), Wo = { class: "tpl:mb-3.5" }, Go = { class: "tpl:mb-3.5" }, Ko = { class: "tpl:mb-3.5" }, qo = { class: "tpl:flex tpl:items-stretch" }, Jo = ["value"], Yo = /* @__PURE__ */ d({
2691
2691
  __name: "DividerToolbar",
2692
2692
  props: { block: {} },
2693
2693
  emits: ["update"],
@@ -2697,7 +2697,7 @@ var Po = {
2697
2697
  n("update", { [e]: t });
2698
2698
  }
2699
2699
  return (t, n) => (s(), x(P, null, [
2700
- A("div", Uo, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(An, {
2700
+ A("div", Wo, [A("label", { class: y(g(J)) }, F(g(r).divider.style), 3), _(jn, {
2701
2701
  options: [
2702
2702
  {
2703
2703
  value: "solid",
@@ -2715,56 +2715,56 @@ var Po = {
2715
2715
  "model-value": e.block.lineStyle,
2716
2716
  "onUpdate:modelValue": n[0] ||= (e) => i("lineStyle", e)
2717
2717
  }, null, 8, ["options", "model-value"])]),
2718
- A("div", Wo, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
2718
+ A("div", Go, [A("label", { class: y(g(J)) }, F(g(r).divider.color), 3), _(Q, {
2719
2719
  "model-value": e.block.color,
2720
2720
  "onUpdate:modelValue": n[1] ||= (e) => i("color", e)
2721
2721
  }, null, 8, ["model-value"])]),
2722
- A("div", Go, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", Ko, [A("input", {
2722
+ A("div", Ko, [A("label", { class: y(g(J)) }, F(g(r).divider.thickness), 3), A("div", qo, [A("input", {
2723
2723
  type: "number",
2724
2724
  class: y(g(X)),
2725
2725
  value: e.block.thickness,
2726
2726
  min: "1",
2727
2727
  max: "10",
2728
2728
  onInput: n[2] ||= (e) => i("thickness", Number(e.target.value))
2729
- }, null, 42, qo), A("span", { class: y(g(Y)) }, "px", 2)])])
2729
+ }, null, 42, Jo), A("span", { class: y(g(Y)) }, "px", 2)])])
2730
2730
  ], 64));
2731
2731
  }
2732
- }), Yo = { class: "tpl:mb-3.5" }, Xo = ["value"], Zo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, Qo = /* @__PURE__ */ d({
2732
+ }), Xo = { class: "tpl:mb-3.5" }, Zo = ["value"], Qo = { class: "tpl:mt-1.5 tpl:flex tpl:items-start tpl:gap-1.5 tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, $o = /* @__PURE__ */ d({
2733
2733
  __name: "HtmlToolbar",
2734
2734
  props: { block: {} },
2735
2735
  emits: ["update"],
2736
2736
  setup(e, { emit: t }) {
2737
2737
  let n = t, { t: r } = q();
2738
- return (t, i) => (s(), x("div", Yo, [
2738
+ return (t, i) => (s(), x("div", Xo, [
2739
2739
  A("label", { class: y(g(J)) }, F(g(r).html.content), 3),
2740
2740
  A("textarea", {
2741
2741
  value: e.block.content,
2742
2742
  placeholder: "<div>...</div>",
2743
2743
  rows: "10",
2744
- class: y(g(bn)),
2744
+ class: y(g(gn)),
2745
2745
  onInput: i[0] ||= (e) => n("update", { content: e.target.value })
2746
- }, null, 42, Xo),
2747
- A("p", Zo, [_(g(Ut), {
2746
+ }, null, 42, Zo),
2747
+ A("p", Qo, [_(g(Ut), {
2748
2748
  size: 12,
2749
2749
  class: "tpl:mt-0.5 tpl:shrink-0"
2750
2750
  }), R(" " + F(g(r).html.sanitizationHint), 1)])
2751
2751
  ]));
2752
2752
  }
2753
- }), $o = { class: "tpl:mb-3.5" }, es = {
2753
+ }), es = { class: "tpl:mb-3.5" }, ts = {
2754
2754
  key: 0,
2755
2755
  class: "tpl:pointer-events-none tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-2 tpl:border-dashed tpl:text-xs tpl:font-medium tpl:border-[var(--tpl-primary)] tpl:text-[var(--tpl-primary)]",
2756
2756
  style: { "background-color": "color-mix(in srgb, var(--tpl-bg) 90%, transparent)" }
2757
- }, ts = {
2757
+ }, ns = {
2758
2758
  key: 0,
2759
2759
  class: "tpl:mb-3.5"
2760
- }, ns = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, rs = [
2760
+ }, rs = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, is = [
2761
2761
  "value",
2762
2762
  "placeholder",
2763
2763
  "title"
2764
- ], is = { class: "tpl:mb-3.5" }, as = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, os = { class: "tpl:mb-3.5" }, ss = ["value"], cs = { value: "full" }, ls = { value: "custom" }, us = {
2764
+ ], as = { class: "tpl:mb-3.5" }, os = { class: "tpl:block tpl:text-[var(--tpl-text-dim)]" }, ss = { class: "tpl:mb-3.5" }, cs = ["value"], ls = { value: "full" }, us = { value: "custom" }, ds = {
2765
2765
  key: 0,
2766
2766
  class: "tpl:mt-2 tpl:flex tpl:items-stretch"
2767
- }, ds = ["value"], fs = { class: "tpl:mb-3.5" }, ps = { class: "tpl:mb-3.5" }, ms = 350, hs = /* @__PURE__ */ d({
2767
+ }, fs = ["value"], ps = { class: "tpl:mb-3.5" }, ms = { class: "tpl:mb-3.5" }, hs = 350, gs = /* @__PURE__ */ d({
2768
2768
  __name: "ImageToolbar",
2769
2769
  props: { block: {} },
2770
2770
  emits: ["update"],
@@ -2785,7 +2785,7 @@ var Po = {
2785
2785
  function T(e) {
2786
2786
  if (e === "custom") {
2787
2787
  let e = i.block.width;
2788
- (typeof e != "number" || v.includes(e)) && w("width", ms);
2788
+ (typeof e != "number" || v.includes(e)) && w("width", hs);
2789
2789
  return;
2790
2790
  }
2791
2791
  w("width", e === "full" ? "full" : Number(e));
@@ -2820,12 +2820,12 @@ var Po = {
2820
2820
  onFiles: ee
2821
2821
  });
2822
2822
  return (t, n) => (s(), x(P, null, [
2823
- A("div", $o, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
2823
+ A("div", es, [A("label", { class: y(g(J)) }, F(g(o).image.imageUrl), 3), A("div", {
2824
2824
  ref_key: "dropZoneRef",
2825
2825
  ref: k,
2826
2826
  class: "tpl:relative"
2827
2827
  }, [
2828
- N.value && (g(I) || j.value) ? (s(), x("div", es, [j.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2828
+ N.value && (g(I) || j.value) ? (s(), x("div", ts, [j.value ? (s(), x(P, { key: 0 }, [_(g(qt), {
2829
2829
  class: "tpl-spinner",
2830
2830
  size: 18,
2831
2831
  "stroke-width": 2
@@ -2833,7 +2833,7 @@ var Po = {
2833
2833
  size: 18,
2834
2834
  "stroke-width": 1.5
2835
2835
  }), R(" " + F(g(o).image.dropToUpload), 1)], 64))])) : S("", !0),
2836
- _(Ri, {
2836
+ _(zi, {
2837
2837
  "model-value": e.block.src,
2838
2838
  type: "url",
2839
2839
  placeholder: g(o).image.imageUrlPlaceholder,
@@ -2858,17 +2858,17 @@ var Po = {
2858
2858
  "stroke-width": 1.5
2859
2859
  }), R(" " + F(g(o).image.browseMedia), 1)])) : S("", !0)
2860
2860
  ], 512)]),
2861
- g(K)(e.block.src, g(u)) ? (s(), x("div", ts, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", ns, F(g(o).image.optional), 1)], 2), A("input", {
2861
+ g(K)(e.block.src, g(u)) ? (s(), x("div", ns, [A("label", { class: y(g(J)) }, [R(F(g(o).image.placeholderUrl) + " ", 1), A("span", rs, F(g(o).image.optional), 1)], 2), A("input", {
2862
2862
  type: "url",
2863
2863
  class: y(g(Z)),
2864
2864
  value: e.block.placeholderUrl || "",
2865
2865
  placeholder: g(o).image.placeholderUrlPlaceholder,
2866
2866
  title: g(o).image.placeholderUrlTooltip,
2867
2867
  onInput: n[1] ||= (e) => w("placeholderUrl", e.target.value)
2868
- }, null, 42, rs)])) : S("", !0),
2869
- A("div", is, [
2868
+ }, null, 42, is)])) : S("", !0),
2869
+ A("div", as, [
2870
2870
  A("label", { class: y(g(J)) }, F(g(o).image.altText), 3),
2871
- _(Ri, {
2871
+ _(zi, {
2872
2872
  "model-value": e.block.alt,
2873
2873
  type: "text",
2874
2874
  placeholder: g(o).image.altTextPlaceholder,
@@ -2887,32 +2887,32 @@ var Po = {
2887
2887
  label: g(o).image.decorative,
2888
2888
  "onUpdate:modelValue": n[3] ||= (e) => w("decorative", e)
2889
2889
  }, {
2890
- default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", as, F(g(o).image.decorativeHint), 1)])]),
2890
+ default: r(() => [A("span", null, [R(F(g(o).image.decorative) + " ", 1), A("span", os, F(g(o).image.decorativeHint), 1)])]),
2891
2891
  _: 1
2892
2892
  }, 8, ["model-value", "label"])
2893
2893
  ]),
2894
- A("div", os, [
2894
+ A("div", ss, [
2895
2895
  A("label", { class: y(g(J)) }, F(g(o).image.width), 3),
2896
2896
  A("select", {
2897
2897
  class: y(g(Z)),
2898
2898
  value: C.value,
2899
2899
  onChange: n[4] ||= (e) => T(e.target.value)
2900
2900
  }, [
2901
- A("option", cs, F(g(o).image.fullWidth), 1),
2901
+ A("option", ls, F(g(o).image.fullWidth), 1),
2902
2902
  n[9] ||= A("option", { value: "300" }, "300px", -1),
2903
2903
  n[10] ||= A("option", { value: "400" }, "400px", -1),
2904
2904
  n[11] ||= A("option", { value: "500" }, "500px", -1),
2905
- A("option", ls, F(g(o).image.widthCustom), 1)
2906
- ], 42, ss),
2907
- C.value === "custom" ? (s(), x("div", us, [A("input", {
2905
+ A("option", us, F(g(o).image.widthCustom), 1)
2906
+ ], 42, cs),
2907
+ C.value === "custom" ? (s(), x("div", ds, [A("input", {
2908
2908
  type: "number",
2909
2909
  class: y(g(X)),
2910
- value: typeof e.block.width == "number" ? e.block.width : ms,
2910
+ value: typeof e.block.width == "number" ? e.block.width : hs,
2911
2911
  min: "20",
2912
2912
  onInput: n[5] ||= (e) => E(e.target.value)
2913
- }, null, 42, ds), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2913
+ }, null, 42, fs), A("span", { class: y(g(Y)) }, "px", 2)])) : S("", !0)
2914
2914
  ]),
2915
- A("div", fs, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(An, {
2915
+ A("div", ps, [A("label", { class: y(g(J)) }, F(g(o).title.align), 3), _(jn, {
2916
2916
  options: [
2917
2917
  {
2918
2918
  value: "left",
@@ -2930,9 +2930,9 @@ var Po = {
2930
2930
  "model-value": e.block.align,
2931
2931
  "onUpdate:modelValue": n[6] ||= (e) => w("align", e)
2932
2932
  }, null, 8, ["options", "model-value"])]),
2933
- A("div", ps, [
2933
+ A("div", ms, [
2934
2934
  A("label", { class: y(g(J)) }, F(g(o).image.linkUrl), 3),
2935
- _(Ri, {
2935
+ _(zi, {
2936
2936
  "model-value": e.block.linkUrl || "",
2937
2937
  type: "url",
2938
2938
  placeholder: g(o).image.imageUrlPlaceholder,
@@ -2948,11 +2948,11 @@ var Po = {
2948
2948
  ])
2949
2949
  ], 64));
2950
2950
  }
2951
- }), gs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, _s = { class: "tpl:flex tpl:items-center tpl:gap-2" }, vs = [
2951
+ }), _s = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, vs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ys = [
2952
2952
  "value",
2953
2953
  "placeholder",
2954
2954
  "onInput"
2955
- ], ys = ["title", "onClick"], bs = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, xs = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ss = ["value"], Cs = { value: "" }, ws = ["value"], Ts = ["value"], Es = /* @__PURE__ */ d({
2955
+ ], bs = ["title", "onClick"], xs = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:gap-x-3 tpl:gap-y-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, Ss = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Cs = ["value"], ws = { value: "" }, Ts = ["value"], Es = ["value"], Ds = /* @__PURE__ */ d({
2956
2956
  __name: "MenuToolbar",
2957
2957
  props: {
2958
2958
  block: {},
@@ -3015,26 +3015,26 @@ var Po = {
3015
3015
  a("update", { items: i.block.items.filter((t) => t.id !== e) });
3016
3016
  }
3017
3017
  return (t, i) => (s(), x(P, null, [
3018
- _(kn, { label: g(o).menu.items }, {
3019
- default: r(() => [A("div", gs, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3018
+ _(An, { label: g(o).menu.items }, {
3019
+ default: r(() => [A("div", _s, [(s(!0), x(P, null, n(e.block.items, (t) => (s(), x("div", {
3020
3020
  key: t.id,
3021
3021
  class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
3022
3022
  }, [
3023
- A("div", _s, [A("input", {
3023
+ A("div", vs, [A("input", {
3024
3024
  type: "text",
3025
3025
  class: y([g(Z), "tpl:flex-1"]),
3026
3026
  value: t.text,
3027
3027
  placeholder: g(o).menu.text,
3028
3028
  onInput: (e) => f(t.id, "text", e.target.value)
3029
- }, null, 42, vs), A("button", {
3030
- class: y(g(xn)),
3029
+ }, null, 42, ys), A("button", {
3030
+ class: y(g(_n)),
3031
3031
  title: g(o).menu.removeItem,
3032
3032
  onClick: (e) => p(t.id)
3033
3033
  }, [_(g(Zt), {
3034
3034
  size: 14,
3035
3035
  "stroke-width": 2
3036
- })], 10, ys)]),
3037
- _(Ri, {
3036
+ })], 10, bs)]),
3037
+ _(zi, {
3038
3038
  "model-value": t.url,
3039
3039
  type: "url",
3040
3040
  placeholder: g(o).menu.urlPlaceholder,
@@ -3044,7 +3044,7 @@ var Po = {
3044
3044
  "placeholder",
3045
3045
  "onUpdate:modelValue"
3046
3046
  ]),
3047
- A("div", bs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
3047
+ A("div", xs, [(s(!0), x(P, null, n(c.value, (e) => (s(), D($, {
3048
3048
  key: e.key,
3049
3049
  "model-value": t[e.key],
3050
3050
  label: e.label,
@@ -3054,13 +3054,13 @@ var Po = {
3054
3054
  "label",
3055
3055
  "onUpdate:modelValue"
3056
3056
  ]))), 128))]),
3057
- A("div", xs, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
3057
+ A("div", Ss, [A("label", { class: y([g(J), "tpl:!mb-0"]) }, F(g(o).menu.color), 3), _(Q, {
3058
3058
  "swatch-only": "",
3059
3059
  "model-value": t.color || e.block.linkColor || e.block.color || "",
3060
3060
  "onUpdate:modelValue": (e) => f(t.id, "color", e)
3061
3061
  }, null, 8, ["model-value", "onUpdate:modelValue"])])
3062
3062
  ]))), 128)), A("button", {
3063
- class: y(g(Sn)),
3063
+ class: y(g(vn)),
3064
3064
  onClick: d
3065
3065
  }, [_(g(Lt), {
3066
3066
  size: 14,
@@ -3068,19 +3068,19 @@ var Po = {
3068
3068
  }), R(" " + F(g(o).menu.addItem), 1)], 2)])]),
3069
3069
  _: 1
3070
3070
  }, 8, ["label"]),
3071
- _(kn, { label: g(o).menu.fontFamily }, {
3071
+ _(An, { label: g(o).menu.fontFamily }, {
3072
3072
  default: r(() => [A("select", {
3073
3073
  class: y(g(Z)),
3074
3074
  value: e.block.fontFamily || "",
3075
3075
  onChange: i[0] ||= (e) => u("fontFamily", e.target.value || void 0)
3076
- }, [A("option", Cs, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3076
+ }, [A("option", ws, F(g(o).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3077
3077
  key: e.value,
3078
3078
  value: e.value
3079
- }, F(e.label), 9, ws))), 128))], 42, Ss)]),
3079
+ }, F(e.label), 9, Ts))), 128))], 42, Cs)]),
3080
3080
  _: 1
3081
3081
  }, 8, ["label"]),
3082
- _(kn, { label: g(o).menu.fontSize }, {
3083
- default: r(() => [_(jn, {
3082
+ _(An, { label: g(o).menu.fontSize }, {
3083
+ default: r(() => [_(Mn, {
3084
3084
  "model-value": e.block.fontSize,
3085
3085
  min: 8,
3086
3086
  max: 48,
@@ -3089,46 +3089,46 @@ var Po = {
3089
3089
  }, null, 8, ["model-value"])]),
3090
3090
  _: 1
3091
3091
  }, 8, ["label"]),
3092
- _(kn, { label: g(o).menu.color }, {
3092
+ _(An, { label: g(o).menu.color }, {
3093
3093
  default: r(() => [_(Q, {
3094
3094
  "model-value": e.block.color ?? "",
3095
3095
  "onUpdate:modelValue": i[2] ||= (e) => u("color", e || void 0)
3096
3096
  }, null, 8, ["model-value"])]),
3097
3097
  _: 1
3098
3098
  }, 8, ["label"]),
3099
- _(kn, { label: g(o).menu.linkColor }, {
3099
+ _(An, { label: g(o).menu.linkColor }, {
3100
3100
  default: r(() => [_(Q, {
3101
3101
  "model-value": e.block.linkColor || e.block.color || "",
3102
3102
  "onUpdate:modelValue": i[3] ||= (e) => u("linkColor", e || void 0)
3103
3103
  }, null, 8, ["model-value"])]),
3104
3104
  _: 1
3105
3105
  }, 8, ["label"]),
3106
- _(kn, { label: g(o).menu.textAlign }, {
3107
- default: r(() => [_(An, {
3106
+ _(An, { label: g(o).menu.textAlign }, {
3107
+ default: r(() => [_(jn, {
3108
3108
  options: l.value,
3109
3109
  "model-value": e.block.textAlign,
3110
3110
  "onUpdate:modelValue": i[4] ||= (e) => u("textAlign", e)
3111
3111
  }, null, 8, ["options", "model-value"])]),
3112
3112
  _: 1
3113
3113
  }, 8, ["label"]),
3114
- _(kn, { label: g(o).menu.separator }, {
3114
+ _(An, { label: g(o).menu.separator }, {
3115
3115
  default: r(() => [A("input", {
3116
3116
  type: "text",
3117
3117
  class: y(g(Z)),
3118
3118
  value: e.block.separator,
3119
3119
  onInput: i[5] ||= (e) => u("separator", e.target.value)
3120
- }, null, 42, Ts)]),
3120
+ }, null, 42, Es)]),
3121
3121
  _: 1
3122
3122
  }, 8, ["label"]),
3123
- _(kn, { label: g(o).menu.separatorColor }, {
3123
+ _(An, { label: g(o).menu.separatorColor }, {
3124
3124
  default: r(() => [_(Q, {
3125
3125
  "model-value": e.block.separatorColor,
3126
3126
  "onUpdate:modelValue": i[6] ||= (e) => u("separatorColor", e)
3127
3127
  }, null, 8, ["model-value"])]),
3128
3128
  _: 1
3129
3129
  }, 8, ["label"]),
3130
- _(kn, { label: g(o).menu.spacing }, {
3131
- default: r(() => [_(jn, {
3130
+ _(An, { label: g(o).menu.spacing }, {
3131
+ default: r(() => [_(Mn, {
3132
3132
  "model-value": e.block.spacing,
3133
3133
  min: 0,
3134
3134
  max: 50,
@@ -3142,11 +3142,11 @@ var Po = {
3142
3142
  });
3143
3143
  //#endregion
3144
3144
  //#region src/utils/rebalanceColumnChildren.ts
3145
- function Ds(e) {
3145
+ function Os(e) {
3146
3146
  return e === "1" ? 1 : e === "3" ? 3 : 2;
3147
3147
  }
3148
- function Os(e, t) {
3149
- let n = Ds(t);
3148
+ function ks(e, t) {
3149
+ let n = Os(t);
3150
3150
  if (e.length === n) return e;
3151
3151
  if (e.length < n) {
3152
3152
  let t = Array.from({ length: n - e.length }, () => []);
@@ -3157,13 +3157,13 @@ function Os(e, t) {
3157
3157
  }
3158
3158
  //#endregion
3159
3159
  //#region src/components/toolbar/SectionToolbar.vue?vue&type=script&setup=true&lang.ts
3160
- var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3160
+ var As = { class: "tpl:mb-3.5" }, js = ["value"], Ms = ["value"], Ns = {
3161
3161
  key: 0,
3162
3162
  class: "tpl:mb-3.5"
3163
- }, Ns = { class: "tpl:mb-3.5" }, Ps = { class: "tpl:flex tpl:items-stretch" }, Fs = ["value"], Is = { class: "tpl:mb-3.5" }, Ls = {
3163
+ }, Ps = { class: "tpl:mb-3.5" }, Fs = { class: "tpl:flex tpl:items-stretch" }, Is = ["value"], Ls = { class: "tpl:mb-3.5" }, Rs = {
3164
3164
  key: 0,
3165
3165
  class: "tpl:mt-3 tpl:ml-0.5 tpl:space-y-3 tpl:border-l tpl:border-[var(--tpl-border)] tpl:pl-3"
3166
- }, Rs = { class: "tpl:flex tpl:items-stretch" }, zs = ["value"], Bs = /* @__PURE__ */ d({
3166
+ }, zs = { class: "tpl:flex tpl:items-stretch" }, Bs = ["value"], Vs = /* @__PURE__ */ d({
3167
3167
  __name: "SectionToolbar",
3168
3168
  props: { block: {} },
3169
3169
  emits: ["update"],
@@ -3191,7 +3191,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3191
3191
  }
3192
3192
  ]);
3193
3193
  function c(e) {
3194
- let t = e.target.value, n = Os(r.block.children, t);
3194
+ let t = e.target.value, n = ks(r.block.children, t);
3195
3195
  i("update", {
3196
3196
  columns: t,
3197
3197
  children: n
@@ -3225,39 +3225,39 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3225
3225
  f({ borderRadius: Number(e.target.value) });
3226
3226
  }
3227
3227
  return (t, r) => (s(), x(P, null, [
3228
- A("div", ks, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
3228
+ A("div", As, [A("label", { class: y(g(J)) }, F(g(a).section.columns), 3), A("select", {
3229
3229
  class: y(g(Z)),
3230
3230
  value: e.block.columns,
3231
3231
  onChange: c
3232
3232
  }, [(s(!0), x(P, null, n(o.value, (e) => (s(), x("option", {
3233
3233
  key: e.value,
3234
3234
  value: e.value
3235
- }, F(e.label), 9, js))), 128))], 42, As)]),
3236
- e.block.columns === "1" ? S("", !0) : (s(), x("div", Ms, [_($, {
3235
+ }, F(e.label), 9, Ms))), 128))], 42, js)]),
3236
+ e.block.columns === "1" ? S("", !0) : (s(), x("div", Ns, [_($, {
3237
3237
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3238
3238
  "model-value": e.block.stackOnMobile !== !1,
3239
3239
  label: g(a).section.stackOnMobile,
3240
3240
  "onUpdate:modelValue": r[0] ||= (e) => l(e)
3241
3241
  }, null, 8, ["model-value", "label"])])),
3242
- A("div", Ns, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Ps, [A("input", {
3242
+ A("div", Ps, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Fs, [A("input", {
3243
3243
  type: "number",
3244
3244
  class: y(g(X)),
3245
3245
  value: e.block.borderRadius ?? 0,
3246
3246
  min: "0",
3247
3247
  max: "50",
3248
3248
  onInput: u
3249
- }, null, 42, Fs), A("span", { class: y(g(Y)) }, "px", 2)])]),
3250
- A("div", Is, [_($, {
3249
+ }, null, 42, Is), A("span", { class: y(g(Y)) }, "px", 2)])]),
3250
+ A("div", Ls, [_($, {
3251
3251
  class: "tpl:text-xs tpl:text-[var(--tpl-text)]",
3252
3252
  "model-value": !!e.block.wrapper,
3253
3253
  label: g(a).section.wrapperEnable,
3254
3254
  "onUpdate:modelValue": r[1] ||= (e) => d(e)
3255
- }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Ls, [
3255
+ }, null, 8, ["model-value", "label"]), e.block.wrapper ? (s(), x("div", Rs, [
3256
3256
  A("div", null, [A("label", { class: y(g(J)) }, F(g(a).blockSettings.color), 3), _(Q, {
3257
3257
  "model-value": e.block.wrapper.backgroundColor ?? "",
3258
3258
  "onUpdate:modelValue": r[2] ||= (e) => f({ backgroundColor: e })
3259
3259
  }, null, 8, ["model-value"])]),
3260
- _(Na, {
3260
+ _(Pa, {
3261
3261
  label: g(a).blockSettings.padding,
3262
3262
  "model-value": e.block.wrapper.padding ?? {
3263
3263
  top: 0,
@@ -3267,18 +3267,18 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3267
3267
  },
3268
3268
  "onUpdate:modelValue": p
3269
3269
  }, null, 8, ["label", "model-value"]),
3270
- A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", Rs, [A("input", {
3270
+ A("div", null, [A("label", { class: y(g(J)) }, F(g(a).section.borderRadius), 3), A("div", zs, [A("input", {
3271
3271
  type: "number",
3272
3272
  class: y(g(X)),
3273
3273
  value: e.block.wrapper.borderRadius ?? 0,
3274
3274
  min: "0",
3275
3275
  max: "50",
3276
3276
  onInput: m
3277
- }, null, 42, zs), A("span", { class: y(g(Y)) }, "px", 2)])])
3277
+ }, null, 42, Bs), A("span", { class: y(g(Y)) }, "px", 2)])])
3278
3278
  ])) : S("", !0)])
3279
3279
  ], 64));
3280
3280
  }
3281
- }), Vs = { class: "tpl:mb-3.5" }, Hs = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Us = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ws = ["value", "onChange"], Gs = ["value"], Ks = ["title", "onClick"], qs = { class: "tpl:mb-3.5" }, Js = ["value"], Ys = { value: "solid" }, Xs = { value: "outlined" }, Zs = { value: "rounded" }, Qs = { value: "square" }, $s = { value: "circle" }, ec = { class: "tpl:mb-3.5" }, tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:flex tpl:items-stretch" }, rc = ["value"], ic = { class: "tpl:mb-3.5" }, ac = /* @__PURE__ */ d({
3281
+ }), Hs = { class: "tpl:mb-3.5" }, Us = { class: "tpl:flex tpl:flex-col tpl:gap-2" }, Ws = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Gs = ["value", "onChange"], Ks = ["value"], qs = ["title", "onClick"], Js = { class: "tpl:mb-3.5" }, Ys = ["value"], Xs = { value: "solid" }, Zs = { value: "outlined" }, Qs = { value: "rounded" }, $s = { value: "square" }, ec = { value: "circle" }, tc = { class: "tpl:mb-3.5" }, nc = { class: "tpl:mb-3.5" }, rc = { class: "tpl:flex tpl:items-stretch" }, ic = ["value"], ac = { class: "tpl:mb-3.5" }, oc = /* @__PURE__ */ d({
3282
3282
  __name: "SocialToolbar",
3283
3283
  props: { block: {} },
3284
3284
  emits: ["update"],
@@ -3306,10 +3306,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3306
3306
  i("update", { icons: r.block.icons.filter((t) => t.id !== e) });
3307
3307
  }
3308
3308
  return (t, r) => (s(), x(P, null, [
3309
- A("div", Vs, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", Hs, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3309
+ A("div", Hs, [A("label", { class: y(g(J)) }, F(g(a).social.icons), 3), A("div", Us, [(s(!0), x(P, null, n(e.block.icons, (e) => (s(), x("div", {
3310
3310
  key: e.id,
3311
3311
  class: "tpl:flex tpl:flex-col tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:p-2"
3312
- }, [A("div", Us, [A("select", {
3312
+ }, [A("div", Ws, [A("select", {
3313
3313
  "data-testid": "social-platform-select",
3314
3314
  class: y([g(Z), "tpl:flex-1"]),
3315
3315
  value: e.platform,
@@ -3317,14 +3317,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3317
3317
  }, [(s(!0), x(P, null, n(g(Me), (e) => (s(), x("option", {
3318
3318
  key: e,
3319
3319
  value: e
3320
- }, F(g(a).social.platforms[e]), 9, Gs))), 128))], 42, Ws), A("button", {
3321
- class: y(g(xn)),
3320
+ }, F(g(a).social.platforms[e]), 9, Ks))), 128))], 42, Gs), A("button", {
3321
+ class: y(g(_n)),
3322
3322
  title: g(a).social.removeIcon,
3323
3323
  onClick: (t) => u(e.id)
3324
3324
  }, [_(g(Zt), {
3325
3325
  size: 14,
3326
3326
  "stroke-width": 2
3327
- })], 10, Ks)]), _(Ri, {
3327
+ })], 10, qs)]), _(zi, {
3328
3328
  "model-value": e.url,
3329
3329
  type: "url",
3330
3330
  placeholder: g(a).social.urlPlaceholder,
@@ -3334,24 +3334,24 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3334
3334
  "placeholder",
3335
3335
  "onUpdate:modelValue"
3336
3336
  ])]))), 128)), A("button", {
3337
- class: y(g(Sn)),
3337
+ class: y(g(vn)),
3338
3338
  onClick: c
3339
3339
  }, [_(g(Lt), {
3340
3340
  size: 14,
3341
3341
  "stroke-width": 2
3342
3342
  }), R(" " + F(g(a).social.addIcon), 1)], 2)])]),
3343
- A("div", qs, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
3343
+ A("div", Js, [A("label", { class: y(g(J)) }, F(g(a).social.style), 3), A("select", {
3344
3344
  class: y(g(Z)),
3345
3345
  value: e.block.iconStyle,
3346
3346
  onChange: r[0] ||= (e) => o("iconStyle", e.target.value)
3347
3347
  }, [
3348
- A("option", Ys, F(g(a).social.styleSolid), 1),
3349
- A("option", Xs, F(g(a).social.styleOutlined), 1),
3350
- A("option", Zs, F(g(a).social.styleRounded), 1),
3351
- A("option", Qs, F(g(a).social.styleSquare), 1),
3352
- A("option", $s, F(g(a).social.styleCircle), 1)
3353
- ], 42, Js)]),
3354
- A("div", ec, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(An, {
3348
+ A("option", Xs, F(g(a).social.styleSolid), 1),
3349
+ A("option", Zs, F(g(a).social.styleOutlined), 1),
3350
+ A("option", Qs, F(g(a).social.styleRounded), 1),
3351
+ A("option", $s, F(g(a).social.styleSquare), 1),
3352
+ A("option", ec, F(g(a).social.styleCircle), 1)
3353
+ ], 42, Ys)]),
3354
+ A("div", tc, [A("label", { class: y(g(J)) }, F(g(a).social.size), 3), _(jn, {
3355
3355
  options: [
3356
3356
  {
3357
3357
  value: "small",
@@ -3369,15 +3369,15 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3369
3369
  "model-value": e.block.iconSize,
3370
3370
  "onUpdate:modelValue": r[1] ||= (e) => o("iconSize", e)
3371
3371
  }, null, 8, ["options", "model-value"])]),
3372
- A("div", tc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", nc, [A("input", {
3372
+ A("div", nc, [A("label", { class: y(g(J)) }, F(g(a).social.spacing), 3), A("div", rc, [A("input", {
3373
3373
  type: "number",
3374
3374
  class: y(g(X)),
3375
3375
  value: e.block.spacing,
3376
3376
  min: "0",
3377
3377
  max: "50",
3378
3378
  onInput: r[2] ||= (e) => o("spacing", Number(e.target.value))
3379
- }, null, 42, rc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3380
- A("div", ic, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(An, {
3379
+ }, null, 42, ic), A("span", { class: y(g(Y)) }, "px", 2)])]),
3380
+ A("div", ac, [A("label", { class: y(g(J)) }, F(g(a).social.align), 3), _(jn, {
3381
3381
  options: [
3382
3382
  {
3383
3383
  value: "left",
@@ -3400,22 +3400,22 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3400
3400
  }, null, 8, ["options", "model-value"])])
3401
3401
  ], 64));
3402
3402
  }
3403
- }), oc = { class: "tpl:mb-3.5" }, sc = { class: "tpl:flex tpl:items-stretch" }, cc = ["value"], lc = ["value"], uc = /* @__PURE__ */ d({
3403
+ }), sc = { class: "tpl:mb-3.5" }, cc = { class: "tpl:flex tpl:items-stretch" }, lc = ["value"], uc = ["value"], dc = /* @__PURE__ */ d({
3404
3404
  __name: "SpacerToolbar",
3405
3405
  props: { block: {} },
3406
3406
  emits: ["update"],
3407
3407
  setup(e, { emit: t }) {
3408
3408
  let n = t, { t: r } = q();
3409
- return (t, i) => (s(), x("div", oc, [
3409
+ return (t, i) => (s(), x("div", sc, [
3410
3410
  A("label", { class: y(g(J)) }, F(g(r).spacer.height), 3),
3411
- A("div", sc, [A("input", {
3411
+ A("div", cc, [A("input", {
3412
3412
  type: "number",
3413
3413
  class: y(g(X)),
3414
3414
  value: e.block.height,
3415
3415
  min: "10",
3416
3416
  max: "100",
3417
3417
  onInput: i[0] ||= (e) => n("update", { height: Number(e.target.value) })
3418
- }, null, 42, cc), A("span", { class: y(g(Y)) }, "px", 2)]),
3418
+ }, null, 42, lc), A("span", { class: y(g(Y)) }, "px", 2)]),
3419
3419
  A("input", {
3420
3420
  type: "range",
3421
3421
  class: "tpl:mt-2 tpl:w-full tpl:accent-[var(--tpl-primary)]",
@@ -3423,13 +3423,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3423
3423
  min: "10",
3424
3424
  max: "100",
3425
3425
  onInput: i[1] ||= (e) => n("update", { height: Number(e.target.value) })
3426
- }, null, 40, lc)
3426
+ }, null, 40, uc)
3427
3427
  ]));
3428
3428
  }
3429
- }), dc = { class: "tpl:mb-3.5" }, fc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, pc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, mc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, hc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, gc = ["disabled"], _c = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, vc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, yc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, bc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, xc = ["disabled"], Sc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, Cc = { class: "tpl:mb-3.5" }, wc = {
3429
+ }), fc = { class: "tpl:mb-3.5" }, pc = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, hc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, gc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, _c = ["disabled"], vc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, yc = { class: "tpl:flex tpl:flex-1 tpl:items-center tpl:gap-1.5" }, bc = { class: "tpl:text-xs tpl:text-[var(--tpl-text-muted)]" }, xc = { class: "tpl:flex tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]" }, Sc = ["disabled"], Cc = { class: "tpl:min-w-[20px] tpl:text-center tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, wc = { class: "tpl:mb-3.5" }, Tc = {
3430
3430
  key: 0,
3431
3431
  class: "tpl:mb-3.5"
3432
- }, Tc = { class: "tpl:mb-3.5" }, Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:flex tpl:items-stretch" }, Oc = ["value"], kc = { class: "tpl:mb-3.5" }, Ac = { class: "tpl:flex tpl:items-stretch" }, jc = ["value"], Mc = { class: "tpl:mb-3.5" }, Nc = ["value"], Pc = { value: "" }, Fc = ["value"], Ic = { class: "tpl:mb-3.5" }, Lc = { class: "tpl:flex tpl:items-stretch" }, Rc = ["value"], zc = { class: "tpl:mb-3.5" }, Bc = { class: "tpl:mb-3.5" }, Vc = /* @__PURE__ */ d({
3432
+ }, Ec = { class: "tpl:mb-3.5" }, Dc = { class: "tpl:mb-3.5" }, Oc = { class: "tpl:flex tpl:items-stretch" }, kc = ["value"], Ac = { class: "tpl:mb-3.5" }, jc = { class: "tpl:flex tpl:items-stretch" }, Mc = ["value"], Nc = { class: "tpl:mb-3.5" }, Pc = ["value"], Fc = { value: "" }, Ic = ["value"], Lc = { class: "tpl:mb-3.5" }, Rc = { class: "tpl:flex tpl:items-stretch" }, zc = ["value"], Bc = { class: "tpl:mb-3.5" }, Vc = { class: "tpl:mb-3.5" }, Hc = /* @__PURE__ */ d({
3433
3433
  __name: "TableToolbar",
3434
3434
  props: {
3435
3435
  block: {},
@@ -3472,7 +3472,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3472
3472
  i("update", { rows: t });
3473
3473
  }
3474
3474
  return (t, r) => (s(), x(P, null, [
3475
- A("div", dc, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", fc, [A("div", pc, [A("span", mc, F(g(a).table.rows), 1), A("div", hc, [
3475
+ A("div", fc, [A("label", { class: y(g(J)) }, F(g(a).table.dimensions), 3), A("div", pc, [A("div", mc, [A("span", hc, F(g(a).table.rows), 1), A("div", gc, [
3476
3476
  A("button", {
3477
3477
  class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
3478
3478
  disabled: e.block.rows.length <= 1,
@@ -3480,8 +3480,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3480
3480
  }, [_(g(Wt), {
3481
3481
  size: 12,
3482
3482
  "stroke-width": 2
3483
- })], 8, gc),
3484
- A("span", _c, F(e.block.rows.length), 1),
3483
+ })], 8, _c),
3484
+ A("span", vc, F(e.block.rows.length), 1),
3485
3485
  A("button", {
3486
3486
  class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
3487
3487
  onClick: l
@@ -3489,7 +3489,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3489
3489
  size: 12,
3490
3490
  "stroke-width": 2
3491
3491
  })])
3492
- ])]), A("div", vc, [A("span", yc, F(g(a).table.columns), 1), A("div", bc, [
3492
+ ])]), A("div", yc, [A("span", bc, F(g(a).table.columns), 1), A("div", xc, [
3493
3493
  A("button", {
3494
3494
  class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)] tpl:disabled:opacity-30",
3495
3495
  disabled: o.value <= 1,
@@ -3497,8 +3497,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3497
3497
  }, [_(g(Wt), {
3498
3498
  size: 12,
3499
3499
  "stroke-width": 2
3500
- })], 8, xc),
3501
- A("span", Sc, F(o.value), 1),
3500
+ })], 8, Sc),
3501
+ A("span", Cc, F(o.value), 1),
3502
3502
  A("button", {
3503
3503
  class: "tpl:flex tpl:items-center tpl:justify-center tpl:px-1.5 tpl:py-1 tpl:text-[var(--tpl-text-muted)] tpl:transition-colors tpl:hover:text-[var(--tpl-primary)]",
3504
3504
  onClick: d
@@ -3507,15 +3507,15 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3507
3507
  "stroke-width": 2
3508
3508
  })])
3509
3509
  ])])])]),
3510
- A("div", Cc, [_($, {
3510
+ A("div", wc, [_($, {
3511
3511
  class: "tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)]",
3512
3512
  "model-value": e.block.hasHeaderRow,
3513
3513
  label: g(a).table.hasHeaderRow,
3514
3514
  "onUpdate:modelValue": r[2] ||= (e) => c("hasHeaderRow", e)
3515
3515
  }, null, 8, ["model-value", "label"])]),
3516
- e.block.hasHeaderRow ? (s(), x("div", wc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
3516
+ e.block.hasHeaderRow ? (s(), x("div", Tc, [A("label", { class: y(g(J)) }, F(g(a).table.headerBackgroundColor), 3), _(Q, {
3517
3517
  "model-value": e.block.headerBackgroundColor ?? "",
3518
- "seed-color": g(wn),
3518
+ "seed-color": g(bn),
3519
3519
  placeholder: g(a).table.noHeaderBg,
3520
3520
  "onUpdate:modelValue": r[3] ||= (e) => c("headerBackgroundColor", e || null)
3521
3521
  }, null, 8, [
@@ -3523,47 +3523,47 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3523
3523
  "seed-color",
3524
3524
  "placeholder"
3525
3525
  ])])) : S("", !0),
3526
- A("div", Tc, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
3526
+ A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.borderColor), 3), _(Q, {
3527
3527
  "model-value": e.block.borderColor,
3528
3528
  "onUpdate:modelValue": r[4] ||= (e) => c("borderColor", e)
3529
3529
  }, null, 8, ["model-value"])]),
3530
- A("div", Ec, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Dc, [A("input", {
3530
+ A("div", Dc, [A("label", { class: y(g(J)) }, F(g(a).table.borderWidth), 3), A("div", Oc, [A("input", {
3531
3531
  type: "number",
3532
3532
  class: y(g(X)),
3533
3533
  value: e.block.borderWidth,
3534
3534
  min: "0",
3535
3535
  max: "10",
3536
3536
  onInput: r[5] ||= (e) => c("borderWidth", Number(e.target.value))
3537
- }, null, 42, Oc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3538
- A("div", kc, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", Ac, [A("input", {
3537
+ }, null, 42, kc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3538
+ A("div", Ac, [A("label", { class: y(g(J)) }, F(g(a).table.cellPadding), 3), A("div", jc, [A("input", {
3539
3539
  type: "number",
3540
3540
  class: y(g(X)),
3541
3541
  value: e.block.cellPadding,
3542
3542
  min: "0",
3543
3543
  max: "30",
3544
3544
  onInput: r[6] ||= (e) => c("cellPadding", Number(e.target.value))
3545
- }, null, 42, jc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3546
- A("div", Mc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
3545
+ }, null, 42, Mc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3546
+ A("div", Nc, [A("label", { class: y(g(J)) }, F(g(a).table.fontFamily), 3), A("select", {
3547
3547
  class: y(g(Z)),
3548
3548
  value: e.block.fontFamily || "",
3549
3549
  onChange: r[7] ||= (e) => c("fontFamily", e.target.value || void 0)
3550
- }, [A("option", Pc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3550
+ }, [A("option", Fc, F(g(a).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3551
3551
  key: e.value,
3552
3552
  value: e.value
3553
- }, F(e.label), 9, Fc))), 128))], 42, Nc)]),
3554
- A("div", Ic, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Lc, [A("input", {
3553
+ }, F(e.label), 9, Ic))), 128))], 42, Pc)]),
3554
+ A("div", Lc, [A("label", { class: y(g(J)) }, F(g(a).table.fontSize), 3), A("div", Rc, [A("input", {
3555
3555
  type: "number",
3556
3556
  class: y(g(X)),
3557
3557
  value: e.block.fontSize,
3558
3558
  min: "10",
3559
3559
  max: "32",
3560
3560
  onInput: r[8] ||= (e) => c("fontSize", Number(e.target.value))
3561
- }, null, 42, Rc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3562
- A("div", zc, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
3561
+ }, null, 42, zc), A("span", { class: y(g(Y)) }, "px", 2)])]),
3562
+ A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.color), 3), _(Q, {
3563
3563
  "model-value": e.block.color ?? "",
3564
3564
  "onUpdate:modelValue": r[9] ||= (e) => c("color", e || void 0)
3565
3565
  }, null, 8, ["model-value"])]),
3566
- A("div", Bc, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(An, {
3566
+ A("div", Vc, [A("label", { class: y(g(J)) }, F(g(a).table.textAlign), 3), _(jn, {
3567
3567
  options: [
3568
3568
  {
3569
3569
  value: "left",
@@ -3586,7 +3586,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3586
3586
  }, null, 8, ["options", "model-value"])])
3587
3587
  ], 64));
3588
3588
  }
3589
- }), Hc = { class: "tpl:mb-3.5" }, Uc = ["value"], Wc = { value: 1 }, Gc = { value: 2 }, Kc = { value: 3 }, qc = { value: 4 }, Jc = { class: "tpl:mb-3.5" }, Yc = ["value"], Xc = { value: "" }, Zc = ["value"], Qc = { class: "tpl:mb-3.5" }, $c = { class: "tpl:mb-3.5" }, el = /* @__PURE__ */ d({
3589
+ }), Uc = { class: "tpl:mb-3.5" }, Wc = ["value"], Gc = { value: 1 }, Kc = { value: 2 }, qc = { value: 3 }, Jc = { value: 4 }, Yc = { class: "tpl:mb-3.5" }, Xc = ["value"], Zc = { value: "" }, Qc = ["value"], $c = { class: "tpl:mb-3.5" }, el = { class: "tpl:mb-3.5" }, tl = /* @__PURE__ */ d({
3590
3590
  __name: "TitleToolbar",
3591
3591
  props: {
3592
3592
  block: {},
@@ -3599,29 +3599,29 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3599
3599
  r("update", { [e]: t });
3600
3600
  }
3601
3601
  return (t, r) => (s(), x(P, null, [
3602
- A("div", Hc, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
3602
+ A("div", Uc, [A("label", { class: y(g(J)) }, F(g(i).title.level), 3), A("select", {
3603
3603
  class: y(g(Z)),
3604
3604
  value: e.block.level,
3605
3605
  onChange: r[0] ||= (e) => a("level", Number(e.target.value))
3606
3606
  }, [
3607
- A("option", Wc, F(g(i).title.heading1), 1),
3608
- A("option", Gc, F(g(i).title.heading2), 1),
3609
- A("option", Kc, F(g(i).title.heading3), 1),
3610
- A("option", qc, F(g(i).title.heading4), 1)
3611
- ], 42, Uc)]),
3612
- A("div", Jc, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
3607
+ A("option", Gc, F(g(i).title.heading1), 1),
3608
+ A("option", Kc, F(g(i).title.heading2), 1),
3609
+ A("option", qc, F(g(i).title.heading3), 1),
3610
+ A("option", Jc, F(g(i).title.heading4), 1)
3611
+ ], 42, Wc)]),
3612
+ A("div", Yc, [A("label", { class: y(g(J)) }, F(g(i).title.fontFamily), 3), A("select", {
3613
3613
  class: y(g(Z)),
3614
3614
  value: e.block.fontFamily || "",
3615
3615
  onChange: r[1] ||= (e) => a("fontFamily", e.target.value || void 0)
3616
- }, [A("option", Xc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3616
+ }, [A("option", Zc, F(g(i).title.inheritFont), 1), (s(!0), x(P, null, n(e.fontFamilies, (e) => (s(), x("option", {
3617
3617
  key: e.value,
3618
3618
  value: e.value
3619
- }, F(e.label), 9, Zc))), 128))], 42, Yc)]),
3620
- A("div", Qc, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
3619
+ }, F(e.label), 9, Qc))), 128))], 42, Xc)]),
3620
+ A("div", $c, [A("label", { class: y(g(J)) }, F(g(i).title.color), 3), _(Q, {
3621
3621
  "model-value": e.block.color ?? "",
3622
3622
  "onUpdate:modelValue": r[2] ||= (e) => a("color", e || void 0)
3623
3623
  }, null, 8, ["model-value"])]),
3624
- A("div", $c, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(An, {
3624
+ A("div", el, [A("label", { class: y(g(J)) }, F(g(i).title.align), 3), _(jn, {
3625
3625
  options: [
3626
3626
  {
3627
3627
  value: "left",
@@ -3644,14 +3644,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3644
3644
  }, null, 8, ["options", "model-value"])])
3645
3645
  ], 64));
3646
3646
  }
3647
- }), tl = { class: "tpl:mb-3.5" }, nl = {
3647
+ }), nl = { class: "tpl:mb-3.5" }, rl = {
3648
3648
  key: 0,
3649
3649
  class: "tpl:mb-3.5"
3650
- }, rl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, il = [
3650
+ }, il = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, al = [
3651
3651
  "value",
3652
3652
  "placeholder",
3653
3653
  "title"
3654
- ], al = { class: "tpl:mb-3.5" }, ol = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, sl = { class: "tpl:mb-3.5" }, cl = { class: "tpl:mb-3.5" }, ll = ["value"], ul = { value: "full" }, dl = { class: "tpl:mb-3.5" }, fl = /* @__PURE__ */ d({
3654
+ ], ol = { class: "tpl:mb-3.5" }, sl = { class: "tpl:font-normal tpl:text-[var(--tpl-text-dim)]" }, cl = { class: "tpl:mb-3.5" }, ll = { class: "tpl:mb-3.5" }, ul = ["value"], dl = { value: "full" }, fl = { class: "tpl:mb-3.5" }, pl = /* @__PURE__ */ d({
3655
3655
  __name: "VideoToolbar",
3656
3656
  props: { block: {} },
3657
3657
  emits: ["update"],
@@ -3667,9 +3667,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3667
3667
  u.alive && e && (h("thumbnailUrl", e.url), p.value = !0, m());
3668
3668
  }
3669
3669
  return (t, n) => (s(), x(P, null, [
3670
- A("div", tl, [
3670
+ A("div", nl, [
3671
3671
  A("label", { class: y(g(J)) }, F(g(a).video.videoUrl), 3),
3672
- _(Ri, {
3672
+ _(zi, {
3673
3673
  "model-value": e.block.url,
3674
3674
  type: "url",
3675
3675
  placeholder: g(a).video.videoUrlPlaceholder,
@@ -3683,17 +3683,17 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3683
3683
  "onUpdate:modelValue": n[1] ||= (e) => h("openInNewTab", e)
3684
3684
  }, null, 8, ["model-value", "label"])) : S("", !0)
3685
3685
  ]),
3686
- f.value ? (s(), x("div", nl, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", rl, F(g(a).video.optional), 1)], 2), A("input", {
3686
+ f.value ? (s(), x("div", rl, [A("label", { class: y(g(J)) }, [R(F(g(a).video.placeholderUrl) + " ", 1), A("span", il, F(g(a).video.optional), 1)], 2), A("input", {
3687
3687
  type: "url",
3688
3688
  class: y(g(Z)),
3689
3689
  value: e.block.placeholderUrl || "",
3690
3690
  placeholder: g(a).video.placeholderUrlPlaceholder,
3691
3691
  title: g(a).video.placeholderUrlTooltip,
3692
3692
  onInput: n[2] ||= (e) => h("placeholderUrl", e.target.value)
3693
- }, null, 42, il)])) : S("", !0),
3694
- A("div", al, [
3695
- A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", ol, F(g(a).video.optional), 1)], 2),
3696
- _(Ri, {
3693
+ }, null, 42, al)])) : S("", !0),
3694
+ A("div", ol, [
3695
+ A("label", { class: y(g(J)) }, [R(F(g(a).video.customThumbnail) + " ", 1), A("span", sl, F(g(a).video.optional), 1)], 2),
3696
+ _(zi, {
3697
3697
  "model-value": e.block.thumbnailUrl,
3698
3698
  type: "url",
3699
3699
  placeholder: g(a).video.thumbnailPlaceholder,
@@ -3718,23 +3718,23 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3718
3718
  "stroke-width": 1.5
3719
3719
  }), R(" " + F(g(a).image.browseMedia), 1)])) : S("", !0)
3720
3720
  ]),
3721
- A("div", sl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(Ri, {
3721
+ A("div", cl, [A("label", { class: y(g(J)) }, F(g(a).video.altText), 3), _(zi, {
3722
3722
  "model-value": e.block.alt,
3723
3723
  type: "text",
3724
3724
  placeholder: g(a).video.altTextPlaceholder,
3725
3725
  "onUpdate:modelValue": n[4] ||= (e) => h("alt", e)
3726
3726
  }, null, 8, ["model-value", "placeholder"])]),
3727
- A("div", cl, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
3727
+ A("div", ll, [A("label", { class: y(g(J)) }, F(g(a).video.width), 3), A("select", {
3728
3728
  class: y(g(Z)),
3729
3729
  value: e.block.width,
3730
3730
  onChange: n[5] ||= (e) => h("width", e.target.value === "full" ? "full" : Number(e.target.value))
3731
3731
  }, [
3732
- A("option", ul, F(g(a).video.fullWidth), 1),
3732
+ A("option", dl, F(g(a).video.fullWidth), 1),
3733
3733
  n[7] ||= A("option", { value: "300" }, "300px", -1),
3734
3734
  n[8] ||= A("option", { value: "400" }, "400px", -1),
3735
3735
  n[9] ||= A("option", { value: "500" }, "500px", -1)
3736
- ], 42, ll)]),
3737
- A("div", dl, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(An, {
3736
+ ], 42, ul)]),
3737
+ A("div", fl, [A("label", { class: y(g(J)) }, F(g(a).title.align), 3), _(jn, {
3738
3738
  options: [
3739
3739
  {
3740
3740
  value: "left",
@@ -3754,7 +3754,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3754
3754
  }, null, 8, ["options", "model-value"])])
3755
3755
  ], 64));
3756
3756
  }
3757
- }), pl = ["aria-label"], ml = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, hl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, gl = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, _l = { class: "tpl:flex tpl:gap-1" }, vl = ["title"], yl = ["title"], bl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, xl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
3757
+ }), ml = ["aria-label"], hl = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3.5" }, gl = { class: "tpl:flex tpl:items-center tpl:gap-2 tpl:text-[var(--tpl-primary)]" }, _l = { class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, vl = { class: "tpl:flex tpl:gap-1" }, yl = ["title"], bl = ["title"], xl = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, Sl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
3758
3758
  __name: "Toolbar",
3759
3759
  props: { block: {} },
3760
3760
  emits: [
@@ -3763,7 +3763,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3763
3763
  "duplicate"
3764
3764
  ],
3765
3765
  setup(e, { emit: n }) {
3766
- let r = L(() => import("./chunks/CountdownToolbar-BRDbI1mM.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(() => {
3766
+ let r = L(() => import("./chunks/CountdownToolbar-CMJVzd97.js")), i = e, a = n, { t: o } = q(), c = $e(et, "Toolbar"), l = t(rt, []), d = b(() => i.block.type), f = b(() => z(i.block)), p = b(() => {
3767
3767
  if (f.value) return l.find((e) => e.type === i.block.customType);
3768
3768
  }), m = b(() => f.value ? p.value?.name ?? i.block.customType : De(d.value, o)), h = c.fonts;
3769
3769
  function v(e) {
@@ -3772,7 +3772,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3772
3772
  return (t, n) => (s(), x("aside", {
3773
3773
  "aria-label": g(o).landmarks.blockToolbar,
3774
3774
  class: "tpl:flex tpl:w-full tpl:flex-1 tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)]"
3775
- }, [A("div", ml, [A("div", hl, [g(_n)[d.value] ? (s(), D(u(g(_n)[d.value]), {
3775
+ }, [A("div", hl, [A("div", gl, [g(En)[d.value] ? (s(), D(u(g(En)[d.value]), {
3776
3776
  key: 0,
3777
3777
  size: 16,
3778
3778
  "stroke-width": 1.5
@@ -3780,70 +3780,70 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3780
3780
  key: 1,
3781
3781
  size: 16,
3782
3782
  "stroke-width": 1.5
3783
- })) : S("", !0), A("h3", gl, F(m.value), 1)]), A("div", _l, [A("button", {
3783
+ })) : S("", !0), A("h3", _l, F(m.value), 1)]), A("div", vl, [A("button", {
3784
3784
  class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:bg-[var(--tpl-bg-active)] tpl:hover:text-[var(--tpl-text)]",
3785
3785
  title: g(o).toolbar.duplicate,
3786
3786
  onClick: n[0] ||= (e) => a("duplicate")
3787
3787
  }, [_(g(Ct), {
3788
3788
  size: 14,
3789
3789
  "stroke-width": 2
3790
- })], 8, vl), A("button", {
3790
+ })], 8, yl), A("button", {
3791
3791
  class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]",
3792
3792
  title: g(o).toolbar.delete,
3793
3793
  onClick: n[1] ||= (e) => a("delete")
3794
3794
  }, [_(g(Ht), {
3795
3795
  size: 14,
3796
3796
  "stroke-width": 2
3797
- })], 8, yl)])]), A("div", bl, [f.value ? (s(), D(Ho, {
3797
+ })], 8, bl)])]), A("div", xl, [f.value ? (s(), D(Uo, {
3798
3798
  key: 0,
3799
3799
  block: e.block,
3800
3800
  onUpdateFieldValues: n[2] ||= (e) => a("update", { fieldValues: e }),
3801
3801
  onUpdateDataSourceFetched: n[3] ||= (e) => a("update", { dataSourceFetched: e })
3802
- }, null, 8, ["block"])) : d.value === "section" ? (s(), D(Bs, {
3802
+ }, null, 8, ["block"])) : d.value === "section" ? (s(), D(Vs, {
3803
3803
  key: 1,
3804
3804
  block: e.block,
3805
3805
  onUpdate: v
3806
- }, null, 8, ["block"])) : d.value === "title" ? (s(), D(el, {
3806
+ }, null, 8, ["block"])) : d.value === "title" ? (s(), D(tl, {
3807
3807
  key: 2,
3808
3808
  block: e.block,
3809
3809
  "font-families": g(h),
3810
3810
  onUpdate: v
3811
- }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(hs, {
3811
+ }, null, 8, ["block", "font-families"])) : d.value === "paragraph" ? (s(), x(P, { key: 3 }, [], 64)) : d.value === "image" ? (s(), D(gs, {
3812
3812
  key: 4,
3813
3813
  block: e.block,
3814
3814
  onUpdate: v
3815
- }, null, 8, ["block"])) : d.value === "video" ? (s(), D(fl, {
3815
+ }, null, 8, ["block"])) : d.value === "video" ? (s(), D(pl, {
3816
3816
  key: 5,
3817
3817
  block: e.block,
3818
3818
  onUpdate: v
3819
- }, null, 8, ["block"])) : d.value === "button" ? (s(), D(la, {
3819
+ }, null, 8, ["block"])) : d.value === "button" ? (s(), D(ua, {
3820
3820
  key: 6,
3821
3821
  block: e.block,
3822
3822
  "font-families": g(h),
3823
3823
  onUpdate: v
3824
- }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Jo, {
3824
+ }, null, 8, ["block", "font-families"])) : d.value === "divider" ? (s(), D(Yo, {
3825
3825
  key: 7,
3826
3826
  block: e.block,
3827
3827
  onUpdate: v
3828
- }, null, 8, ["block"])) : d.value === "social" ? (s(), D(ac, {
3828
+ }, null, 8, ["block"])) : d.value === "social" ? (s(), D(oc, {
3829
3829
  key: 8,
3830
3830
  block: e.block,
3831
3831
  onUpdate: v
3832
- }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Es, {
3832
+ }, null, 8, ["block"])) : d.value === "menu" ? (s(), D(Ds, {
3833
3833
  key: 9,
3834
3834
  block: e.block,
3835
3835
  "font-families": g(h),
3836
3836
  onUpdate: v
3837
- }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Vc, {
3837
+ }, null, 8, ["block", "font-families"])) : d.value === "table" ? (s(), D(Hc, {
3838
3838
  key: 10,
3839
3839
  block: e.block,
3840
3840
  "font-families": g(h),
3841
3841
  onUpdate: v
3842
- }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(uc, {
3842
+ }, null, 8, ["block", "font-families"])) : d.value === "spacer" ? (s(), D(dc, {
3843
3843
  key: 11,
3844
3844
  block: e.block,
3845
3845
  onUpdate: v
3846
- }, null, 8, ["block"])) : d.value === "html" ? (s(), D(Qo, {
3846
+ }, null, 8, ["block"])) : d.value === "html" ? (s(), D($o, {
3847
3847
  key: 12,
3848
3848
  block: e.block,
3849
3849
  onUpdate: v
@@ -3852,52 +3852,52 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3852
3852
  block: e.block,
3853
3853
  "font-families": g(h),
3854
3854
  onUpdate: v
3855
- }, null, 8, ["block", "font-families"])) : S("", !0), _(to, {
3855
+ }, null, 8, ["block", "font-families"])) : S("", !0), _(no, {
3856
3856
  block: e.block,
3857
3857
  "is-first-section": d.value === "paragraph",
3858
3858
  onUpdate: v
3859
- }, null, 8, ["block", "is-first-section"])])], 8, pl));
3859
+ }, null, 8, ["block", "is-first-section"])])], 8, ml));
3860
3860
  }
3861
- }), [["__scopeId", "data-v-c0ea5f03"]]), Sl = ["aria-label"], Cl = {
3861
+ }), [["__scopeId", "data-v-c0ea5f03"]]), Cl = ["aria-label"], wl = {
3862
3862
  role: "tablist",
3863
3863
  class: "tpl:relative tpl:flex tpl:gap-1 tpl:border-b tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-active)] tpl:p-1.5"
3864
- }, wl = [
3864
+ }, Tl = [
3865
3865
  "aria-selected",
3866
3866
  "aria-label",
3867
3867
  "title"
3868
- ], Tl = { key: 0 }, El = [
3868
+ ], El = { key: 0 }, Dl = [
3869
3869
  "aria-selected",
3870
3870
  "aria-label",
3871
3871
  "title"
3872
- ], Dl = { key: 0 }, Ol = [
3872
+ ], Ol = { key: 0 }, kl = [
3873
3873
  "aria-selected",
3874
3874
  "aria-label",
3875
3875
  "title"
3876
- ], kl = { key: 0 }, Al = {
3876
+ ], Al = { key: 0 }, jl = {
3877
3877
  key: 1,
3878
3878
  class: "tpl:ml-1 tpl:rounded-full tpl:bg-[var(--tpl-bg-hover)] tpl:px-1.5 tpl:text-[10px]"
3879
- }, jl = {
3879
+ }, Ml = {
3880
3880
  key: 0,
3881
3881
  id: "tpl-tabpanel-content",
3882
3882
  role: "tabpanel",
3883
3883
  "aria-labelledby": "tpl-tab-content",
3884
3884
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3885
- }, Ml = {
3885
+ }, Nl = {
3886
3886
  key: 1,
3887
3887
  class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:px-6 tpl:py-10 tpl:text-center tpl:text-[var(--tpl-text-muted)]"
3888
- }, Nl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Pl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Fl = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Il = {
3888
+ }, Pl = { class: "tpl:mb-4 tpl:text-[var(--tpl-text-dim)]" }, Fl = { class: "tpl:m-0 tpl:mb-2 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Il = { class: "tpl:m-0 tpl:text-sm tpl:leading-normal" }, Ll = {
3889
3889
  key: 1,
3890
3890
  id: "tpl-tabpanel-settings",
3891
3891
  role: "tabpanel",
3892
3892
  "aria-labelledby": "tpl-tab-settings",
3893
3893
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3894
- }, Ll = {
3894
+ }, Rl = {
3895
3895
  key: 2,
3896
3896
  id: "tpl-tabpanel-issues",
3897
3897
  role: "tabpanel",
3898
3898
  "aria-labelledby": "tpl-tab-issues",
3899
3899
  class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-y-auto"
3900
- }, Rl = /* @__PURE__ */ d({
3900
+ }, zl = /* @__PURE__ */ d({
3901
3901
  __name: "RightSidebar",
3902
3902
  props: {
3903
3903
  selectedBlock: {},
@@ -3927,7 +3927,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3927
3927
  "aria-label": g(c).landmarks.rightSidebar,
3928
3928
  class: y(["tpl-right-sidebar tpl:absolute tpl:top-14 tpl:bottom-0 tpl:z-40 tpl:flex tpl:w-[320px] tpl:flex-col tpl:bg-[var(--tpl-bg-elevated)] tpl:transition-all tpl:duration-200 tpl:border-l tpl:border-[var(--tpl-border)]", n.shiftedLeft ? "tpl:right-[360px]" : "tpl:right-0"])
3929
3929
  }, [
3930
- A("div", Cl, [
3930
+ A("div", wl, [
3931
3931
  A("button", {
3932
3932
  id: "tpl-tab-content",
3933
3933
  role: "tab",
@@ -3941,7 +3941,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3941
3941
  }, [_(g(en), {
3942
3942
  size: 14,
3943
3943
  "stroke-width": 2
3944
- }), u.value === "content" ? (s(), x("span", Tl, F(g(c).sidebar.content), 1)) : S("", !0)], 14, wl),
3944
+ }), u.value === "content" ? (s(), x("span", El, F(g(c).sidebar.content), 1)) : S("", !0)], 14, Tl),
3945
3945
  A("button", {
3946
3946
  id: "tpl-tab-settings",
3947
3947
  role: "tab",
@@ -3955,7 +3955,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3955
3955
  }, [_(g(Jt), {
3956
3956
  size: 14,
3957
3957
  "stroke-width": 1.5
3958
- }), u.value === "settings" ? (s(), x("span", Dl, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, El),
3958
+ }), u.value === "settings" ? (s(), x("span", Ol, F(g(c).sidebar.settings), 1)) : S("", !0)], 14, Dl),
3959
3959
  f.value ? (s(), x("button", {
3960
3960
  key: 0,
3961
3961
  id: "tpl-tab-issues",
@@ -3972,68 +3972,68 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
3972
3972
  size: 14,
3973
3973
  "stroke-width": 1.5
3974
3974
  }),
3975
- u.value === "issues" ? (s(), x("span", kl, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
3976
- p.value > 0 ? (s(), x("span", Al, F(p.value), 1)) : S("", !0)
3977
- ], 14, Ol)) : S("", !0)
3975
+ u.value === "issues" ? (s(), x("span", Al, F(g(c).issues.panelTabLabel), 1)) : S("", !0),
3976
+ p.value > 0 ? (s(), x("span", jl, F(p.value), 1)) : S("", !0)
3977
+ ], 14, kl)) : S("", !0)
3978
3978
  ]),
3979
- u.value === "content" ? (s(), x("div", jl, [n.selectedBlock ? (s(), D(xl, {
3979
+ u.value === "content" ? (s(), x("div", Ml, [n.selectedBlock ? (s(), D(Sl, {
3980
3980
  key: 0,
3981
3981
  block: n.selectedBlock,
3982
3982
  onUpdate: t[3] ||= (e) => o("update-block", e),
3983
3983
  onDelete: t[4] ||= (e) => o("delete-block"),
3984
3984
  onDuplicate: t[5] ||= (e) => o("duplicate-block")
3985
- }, null, 8, ["block"])) : (s(), x("div", Ml, [
3986
- A("div", Nl, [_(g(Yt), {
3985
+ }, null, 8, ["block"])) : (s(), x("div", Nl, [
3986
+ A("div", Pl, [_(g(Yt), {
3987
3987
  size: 40,
3988
3988
  "stroke-width": 1.5
3989
3989
  })]),
3990
- A("h3", Pl, F(g(c).sidebar.noSelection), 1),
3991
- A("p", Fl, F(g(c).sidebar.noSelectionHint), 1)
3990
+ A("h3", Fl, F(g(c).sidebar.noSelection), 1),
3991
+ A("p", Il, F(g(c).sidebar.noSelectionHint), 1)
3992
3992
  ]))])) : S("", !0),
3993
- u.value === "settings" ? (s(), x("div", Il, [_(ji, {
3993
+ u.value === "settings" ? (s(), x("div", Ll, [_(Mi, {
3994
3994
  settings: n.settings,
3995
3995
  onUpdate: t[6] ||= (e) => o("update-settings", e)
3996
3996
  }, null, 8, ["settings"])])) : S("", !0),
3997
- u.value === "issues" && f.value ? (s(), x("div", Ll, [_(g(i))])) : S("", !0)
3998
- ], 10, Sl));
3997
+ u.value === "issues" && f.value ? (s(), x("div", Rl, [_(g(i))])) : S("", !0)
3998
+ ], 10, Cl));
3999
3999
  }
4000
- }), zl = {
4000
+ }), Bl = {
4001
4001
  class: "tpl-small-screen-notice tpl:absolute tpl:inset-0 tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-4 tpl:px-6 tpl:py-10 tpl:text-center tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)]",
4002
4002
  style: { "z-index": "10001" },
4003
4003
  role: "status",
4004
4004
  "data-testid": "small-screen-notice"
4005
- }, Bl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Vl = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Hl = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Ul = /* @__PURE__ */ d({
4005
+ }, Vl = { class: "tpl:text-[var(--tpl-text-dim)]" }, Hl = { class: "tpl:m-0 tpl:text-base tpl:font-semibold tpl:text-[var(--tpl-text)]" }, Ul = { class: "tpl:m-0 tpl:max-w-sm tpl:text-sm tpl:leading-normal" }, Wl = /* @__PURE__ */ d({
4006
4006
  __name: "SmallScreenNotice",
4007
4007
  setup(e) {
4008
4008
  let { t } = q();
4009
- return (e, n) => (s(), x("div", zl, [
4010
- A("div", Bl, [_(g(yt), {
4009
+ return (e, n) => (s(), x("div", Bl, [
4010
+ A("div", Vl, [_(g(yt), {
4011
4011
  size: 48,
4012
4012
  "stroke-width": 1.5
4013
4013
  })]),
4014
- A("h2", Vl, F(g(t).smallScreen.title), 1),
4015
- A("p", Hl, F(g(t).smallScreen.message), 1)
4014
+ A("h2", Hl, F(g(t).smallScreen.title), 1),
4015
+ A("p", Ul, F(g(t).smallScreen.message), 1)
4016
4016
  ]));
4017
4017
  }
4018
- }), Wl = {
4018
+ }), Gl = {
4019
4019
  class: "tpl:pointer-events-auto tpl:flex tpl:items-center tpl:gap-1.5 tpl:rounded-tl-lg tpl:p-1",
4020
4020
  style: {
4021
4021
  "background-color": "color-mix(\n in srgb,\n var(--tpl-canvas-bg) 85%,\n transparent\n )",
4022
4022
  "backdrop-filter": "blur(8px)",
4023
4023
  "-webkit-backdrop-filter": "blur(8px)"
4024
4024
  }
4025
- }, Gl = {
4025
+ }, Kl = {
4026
4026
  href: "https://github.com/templatical/sdk",
4027
4027
  target: "_blank",
4028
4028
  rel: "noopener noreferrer",
4029
4029
  class: "tpl:transition-colors tpl:hover:opacity-80 tpl:text-[var(--tpl-text-dim)]",
4030
4030
  style: { "text-decoration": "none" }
4031
- }, Kl = /* @__PURE__ */ d({
4031
+ }, ql = /* @__PURE__ */ d({
4032
4032
  __name: "EditorFooter",
4033
4033
  props: { positionClass: {} },
4034
4034
  setup(e) {
4035
4035
  let { t } = q();
4036
- return (n, r) => (s(), x("footer", { class: y(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [A("div", Wl, [
4036
+ return (n, r) => (s(), x("footer", { class: y(["tpl:pointer-events-none tpl:absolute tpl:bottom-0 tpl:z-50 tpl:flex tpl:h-8 tpl:items-center tpl:justify-end tpl:pr-4 tpl:text-[9px] tpl:opacity-90 tpl:transition-all tpl:duration-300 tpl:text-[var(--tpl-text-dim)]", e.positionClass]) }, [A("div", Gl, [
4037
4037
  A("span", null, F(g(t).footer.poweredBy), 1),
4038
4038
  r[0] ||= A("a", {
4039
4039
  href: "https://templatical.com",
@@ -4048,14 +4048,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4048
4048
  alt: ""
4049
4049
  }), R(" Templatical ")], -1),
4050
4050
  r[1] ||= A("span", { class: "tpl:text-[var(--tpl-border)]" }, "·", -1),
4051
- A("a", Gl, F(g(t).footer.openSource), 1)
4051
+ A("a", Kl, F(g(t).footer.openSource), 1)
4052
4052
  ])], 2));
4053
4053
  }
4054
- }), ql = [
4054
+ }), Jl = [
4055
4055
  "aria-label",
4056
4056
  "title",
4057
4057
  "aria-pressed"
4058
- ], Jl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4058
+ ], Yl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4059
4059
  __name: "DarkModeToggle",
4060
4060
  props: { darkMode: { type: Boolean } },
4061
4061
  emits: ["change"],
@@ -4088,13 +4088,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4088
4088
  "stroke-width": 1.5
4089
4089
  }))]),
4090
4090
  _: 1
4091
- })], 12, ql));
4091
+ })], 12, Jl));
4092
4092
  }
4093
- }), [["__scopeId", "data-v-632aa74f"]]), Yl = [
4093
+ }), [["__scopeId", "data-v-632aa74f"]]), Xl = [
4094
4094
  "aria-label",
4095
4095
  "title",
4096
4096
  "aria-pressed"
4097
- ], Xl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4097
+ ], Zl = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4098
4098
  __name: "PreviewToggle",
4099
4099
  props: { previewMode: { type: Boolean } },
4100
4100
  emits: ["change"],
@@ -4127,9 +4127,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4127
4127
  "stroke-width": 1.5
4128
4128
  }))]),
4129
4129
  _: 1
4130
- })], 12, Yl));
4130
+ })], 12, Xl));
4131
4131
  }
4132
- }), [["__scopeId", "data-v-eef7b2ca"]]), Zl = ["aria-label", "onKeydown"], Ql = ["title", "aria-label"], $l = /* @__PURE__ */ d({
4132
+ }), [["__scopeId", "data-v-eef7b2ca"]]), Ql = ["aria-label", "onKeydown"], $l = ["title", "aria-label"], eu = /* @__PURE__ */ d({
4133
4133
  __name: "TemplateNameField",
4134
4134
  props: {
4135
4135
  name: {},
@@ -4161,7 +4161,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4161
4161
  class: y([g(Z), "tpl:h-8 tpl:max-w-[260px] tpl:text-sm tpl:font-medium"]),
4162
4162
  onKeydown: [v(T(d, ["prevent"]), ["enter"]), v(T(p, ["prevent"]), ["esc"])],
4163
4163
  onBlur: d
4164
- }, null, 42, Zl)), [[k, o.value]]) : e.editable ? (s(), x("button", {
4164
+ }, null, 42, Ql)), [[k, o.value]]) : e.editable ? (s(), x("button", {
4165
4165
  key: 1,
4166
4166
  type: "button",
4167
4167
  "data-testid": "template-name",
@@ -4169,13 +4169,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4169
4169
  "aria-label": g(i).header.rename,
4170
4170
  class: y(["tpl:max-w-[260px] tpl:cursor-pointer tpl:truncate tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-transparent tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:border-[var(--tpl-border)] tpl:hover:bg-[var(--tpl-bg-hover)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }]),
4171
4171
  onClick: u
4172
- }, F(e.name || g(i).header.untitled), 11, Ql)) : (s(), x("span", {
4172
+ }, F(e.name || g(i).header.untitled), 11, $l)) : (s(), x("span", {
4173
4173
  key: 2,
4174
4174
  "data-testid": "template-name",
4175
4175
  class: y(["tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:py-1 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text)]", { "tpl:text-[var(--tpl-text-dim)]": !e.name }])
4176
4176
  }, F(e.name || g(i).header.untitled), 3));
4177
4177
  }
4178
- }), eu = ["title"], tu = /* @__PURE__ */ d({
4178
+ }), tu = ["title"], nu = /* @__PURE__ */ d({
4179
4179
  __name: "TemplateTimestamp",
4180
4180
  props: {
4181
4181
  iso: {},
@@ -4187,7 +4187,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4187
4187
  i.value += 1;
4188
4188
  }, 6e4);
4189
4189
  let a = b(() => {
4190
- let e = Pn(t.iso, n.time, r);
4190
+ let e = Fn(t.iso, n.time, r);
4191
4191
  if (e === null) return "";
4192
4192
  let i = e === n.time.justNow;
4193
4193
  return t.kind === "updatedAt" ? i ? n.header.updatedJustNow : r(n.header.updatedAt, { time: e }) : i ? n.header.createdJustNow : r(n.header.createdAt, { time: e });
@@ -4200,19 +4200,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4200
4200
  "data-testid": "template-timestamp",
4201
4201
  title: o.value,
4202
4202
  class: "tpl:max-w-[260px] tpl:truncate tpl:px-2 tpl:text-xs tpl:leading-tight tpl:text-[var(--tpl-text-dim)]"
4203
- }, F(a.value), 9, eu)) : S("", !0);
4203
+ }, F(a.value), 9, tu)) : S("", !0);
4204
4204
  }
4205
- }), nu = ["data-tooltip"], ru = {
4205
+ }), ru = ["data-tooltip"], iu = {
4206
4206
  key: 1,
4207
4207
  "aria-live": "polite",
4208
4208
  "data-testid": "save-status-saved",
4209
4209
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success)]"
4210
- }, iu = {
4210
+ }, au = {
4211
4211
  key: 2,
4212
4212
  "aria-live": "polite",
4213
4213
  "data-testid": "save-status-unsaved",
4214
4214
  class: "tpl-status tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-text-muted)]"
4215
- }, au = /* @__PURE__ */ d({
4215
+ }, ou = /* @__PURE__ */ d({
4216
4216
  __name: "TemplateSaveStatus",
4217
4217
  props: {
4218
4218
  status: {},
@@ -4230,19 +4230,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4230
4230
  }, [_(g(kt), {
4231
4231
  size: 12,
4232
4232
  "stroke-width": 2.5
4233
- }), R(" " + F(g(t).header.saveFailed), 1)], 8, nu)) : e.status === "saved" ? (s(), x("div", ru, [_(g(Dt), {
4233
+ }), R(" " + F(g(t).header.saveFailed), 1)], 8, ru)) : e.status === "saved" ? (s(), x("div", iu, [_(g(Dt), {
4234
4234
  size: 12,
4235
4235
  "stroke-width": 2.5
4236
- }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", iu, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
4236
+ }), R(" " + F(g(t).header.saved), 1)])) : e.isDirty ? (s(), x("div", au, [r[0] ||= A("span", { class: "tpl-pulse tpl:size-1.5 tpl:rounded-full tpl:bg-[var(--tpl-primary)]" }, null, -1), R(" " + F(g(t).header.unsaved), 1)])) : S("", !0);
4237
4237
  }
4238
- }), ou = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, su = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, cu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, lu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, uu = ["aria-label", "aria-expanded"], du = {
4238
+ }), su = { class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-b tpl:border-[var(--tpl-border)]" }, cu = { class: "tpl-header-left tpl:flex tpl:min-w-[200px] tpl:items-center tpl:gap-2.5" }, lu = { class: "tpl-header-center tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, uu = { class: "tpl-header-right tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, du = ["aria-label", "aria-expanded"], fu = {
4239
4239
  key: 0,
4240
4240
  class: "tpl:inline-flex tpl:size-4.5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-[10px] tpl:font-semibold tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)]"
4241
- }, fu = [
4241
+ }, pu = [
4242
4242
  "aria-label",
4243
4243
  "title",
4244
4244
  "disabled"
4245
- ], pu = ["disabled", "title"], mu = /* @__PURE__ */ d({
4245
+ ], mu = ["disabled", "title"], hu = /* @__PURE__ */ d({
4246
4246
  __name: "EditorHeader",
4247
4247
  props: {
4248
4248
  editor: {},
@@ -4255,60 +4255,57 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4255
4255
  },
4256
4256
  setup(e) {
4257
4257
  let t = L(() => import("./chunks/VersionHistoryMenu-BNYSIjVj.js"));
4258
- return (n, r) => (s(), x("header", ou, [
4259
- A("div", su, [e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
4260
- key: 0,
4261
- 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 }])
4262
- }, [e.showTemplateName ? (s(), D($l, {
4263
- key: 0,
4264
- name: e.templates.name.value,
4265
- editable: e.templates.canSave.value,
4266
- onCommit: e.templates.rename
4267
- }, null, 8, [
4268
- "name",
4269
- "editable",
4270
- "onCommit"
4271
- ])) : S("", !0), e.templates.timestamp.value ? (s(), D(tu, {
4272
- key: 1,
4273
- iso: e.templates.timestamp.value.iso,
4274
- kind: e.templates.timestamp.value.kind
4275
- }, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0), i(n.$slots, "left-extras")]),
4258
+ return (n, r) => (s(), x("header", su, [
4276
4259
  A("div", cu, [
4277
- _(Mn, {
4278
- viewport: e.editor.state.viewport,
4279
- onChange: e.editor.setViewport
4280
- }, null, 8, ["viewport", "onChange"]),
4281
- _(Jl, {
4282
- "dark-mode": e.editor.state.darkMode,
4283
- onChange: e.editor.setDarkMode
4284
- }, null, 8, ["dark-mode", "onChange"]),
4285
- _(Xl, {
4286
- "preview-mode": e.editor.state.previewMode,
4287
- onChange: e.editor.setPreviewMode
4288
- }, null, 8, ["preview-mode", "onChange"]),
4289
- e.editor.state.previewMode && !e.core.previewResolution.supersedesSamples.value ? (s(), D(Nn, {
4260
+ e.templates?.isAvailable.value && e.templates.hasTemplate.value && (e.showTemplateName || e.templates.timestamp.value) ? (s(), x("div", {
4290
4261
  key: 0,
4291
- "sample-mode": e.core.mergeTagSampleMode.value,
4292
- onChange: r[0] ||= (t) => e.core.mergeTagSampleMode.value = t
4293
- }, null, 8, ["sample-mode"])) : S("", !0),
4294
- i(n.$slots, "center-extras"),
4262
+ class: y(["tpl:flex tpl:min-w-0 tpl:flex-col tpl:items-start", { "tpl:pb-1.5": e.showTemplateName && e.templates.timestamp.value !== null }])
4263
+ }, [e.showTemplateName ? (s(), D(eu, {
4264
+ key: 0,
4265
+ name: e.templates.name.value,
4266
+ editable: e.templates.canSave.value,
4267
+ onCommit: e.templates.rename
4268
+ }, null, 8, [
4269
+ "name",
4270
+ "editable",
4271
+ "onCommit"
4272
+ ])) : S("", !0), e.templates.timestamp.value ? (s(), D(nu, {
4273
+ key: 1,
4274
+ iso: e.templates.timestamp.value.iso,
4275
+ kind: e.templates.timestamp.value.kind
4276
+ }, null, 8, ["iso", "kind"])) : S("", !0)], 2)) : S("", !0),
4295
4277
  e.versionHistory?.isAvailable.value && e.versionHistory.hasTemplate.value ? (s(), D(g(t), {
4296
4278
  key: 1,
4297
4279
  versions: e.versionHistory.versions.value,
4298
4280
  "is-loading": e.versionHistory.isLoading.value,
4299
4281
  "is-restoring": e.versionHistory.isRestoring.value,
4300
4282
  "previewing-id": e.versionHistory.previewingVersion.value?.id ?? null,
4301
- onOpen: r[1] ||= (t) => e.versionHistory.refresh(),
4302
- onNavigate: r[2] ||= (t) => e.versionHistory.navigate(t)
4283
+ onOpen: r[0] ||= (t) => e.versionHistory.refresh(),
4284
+ onNavigate: r[1] ||= (t) => e.versionHistory.navigate(t)
4303
4285
  }, null, 8, [
4304
4286
  "versions",
4305
4287
  "is-loading",
4306
4288
  "is-restoring",
4307
4289
  "previewing-id"
4308
- ])) : S("", !0)
4290
+ ])) : S("", !0),
4291
+ i(n.$slots, "left-extras")
4309
4292
  ]),
4310
4293
  A("div", lu, [
4311
- e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(au, {
4294
+ _(Nn, {
4295
+ viewport: e.editor.state.viewport,
4296
+ onChange: e.editor.setViewport
4297
+ }, null, 8, ["viewport", "onChange"]),
4298
+ _(Yl, {
4299
+ "dark-mode": e.editor.state.darkMode,
4300
+ onChange: e.editor.setDarkMode
4301
+ }, null, 8, ["dark-mode", "onChange"]),
4302
+ _(Zl, {
4303
+ "preview-mode": e.editor.state.previewMode,
4304
+ onChange: e.editor.setPreviewMode
4305
+ }, null, 8, ["preview-mode", "onChange"])
4306
+ ]),
4307
+ A("div", uu, [
4308
+ e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), D(ou, {
4312
4309
  key: 0,
4313
4310
  status: e.templates.status.value,
4314
4311
  "error-message": e.templates.errorMessage.value,
@@ -4324,20 +4321,20 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4324
4321
  "data-testid": "comments-trigger",
4325
4322
  "aria-label": e.comments.unresolvedCount.value > 0 ? `${e.core.t.comments.button} (${e.comments.unresolvedCount.value})` : e.core.t.comments.button,
4326
4323
  "aria-expanded": e.comments.isOpen.value,
4327
- class: y(g(yn)),
4324
+ class: y(g(hn)),
4328
4325
  style: E(e.comments.isOpen.value ? {
4329
4326
  backgroundColor: "var(--tpl-primary-light)",
4330
4327
  borderColor: "var(--tpl-primary-light)"
4331
4328
  } : void 0),
4332
- onClick: r[3] ||= (t) => e.comments.toggle()
4329
+ onClick: r[2] ||= (t) => e.comments.toggle()
4333
4330
  }, [
4334
4331
  _(g(an), {
4335
4332
  size: 16,
4336
4333
  "stroke-width": 2
4337
4334
  }),
4338
4335
  R(" " + F(e.core.t.comments.button) + " ", 1),
4339
- e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", du, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4340
- ], 14, uu)) : S("", !0),
4336
+ e.comments.unresolvedCount.value > 0 && !e.comments.isOpen.value ? (s(), x("span", fu, F(e.comments.unresolvedCount.value), 1)) : S("", !0)
4337
+ ], 14, du)) : S("", !0),
4341
4338
  i(n.$slots, "right-extras"),
4342
4339
  e.testEmail?.isAvailable.value ? (s(), x("button", {
4343
4340
  key: 2,
@@ -4346,8 +4343,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4346
4343
  "aria-label": e.core.t.testEmail.title,
4347
4344
  title: e.core.t.testEmail.title,
4348
4345
  disabled: e.testEmail.isSending.value,
4349
- class: y(g(yn)),
4350
- onClick: r[4] ||= (t) => e.testEmail.open()
4346
+ class: y(g(hn)),
4347
+ onClick: r[3] ||= (t) => e.testEmail.open()
4351
4348
  }, [e.testEmail.isSending.value ? (s(), D(g(qt), {
4352
4349
  key: 1,
4353
4350
  class: "tpl-spinner",
@@ -4357,16 +4354,16 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4357
4354
  key: 0,
4358
4355
  size: 16,
4359
4356
  "stroke-width": 2
4360
- })), R(" " + F(e.core.t.testEmail.button), 1)], 10, fu)) : S("", !0),
4357
+ })), R(" " + F(e.core.t.testEmail.button), 1)], 10, pu)) : S("", !0),
4361
4358
  e.templates?.isAvailable.value && e.templates.canSave.value ? (s(), x("button", {
4362
4359
  key: 3,
4363
4360
  type: "button",
4364
4361
  "data-testid": "template-save",
4365
- class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? En : yn)),
4362
+ class: y(g(e.editor.state.isDirty && e.templates.hasTemplate.value ? Sn : hn)),
4366
4363
  style: E(e.editor.state.isDirty && e.templates.hasTemplate.value ? { boxShadow: "var(--tpl-shadow-sm)" } : void 0),
4367
4364
  disabled: e.templates.isSaving.value || !e.templates.hasTemplate.value,
4368
4365
  title: e.templates.hasTemplate.value ? e.core.t.header.save : e.core.t.header.saveNoTemplate,
4369
- onClick: r[5] ||= (t) => e.templates.requestSave()
4366
+ onClick: r[4] ||= (t) => e.templates.requestSave()
4370
4367
  }, [e.templates.isSaving.value ? (s(), D(g(qt), {
4371
4368
  key: 1,
4372
4369
  class: "tpl-spinner",
@@ -4376,33 +4373,33 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4376
4373
  key: 0,
4377
4374
  size: 16,
4378
4375
  "stroke-width": 2
4379
- })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, pu)) : S("", !0)
4376
+ })), R(" " + F(e.templates.isSaving.value ? e.core.t.header.saving : e.core.t.header.save), 1)], 14, mu)) : S("", !0)
4380
4377
  ])
4381
4378
  ]));
4382
4379
  }
4383
- }), hu = ["aria-labelledby", "data-tpl-theme"], gu = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, _u = ["id"], vu = ["aria-label"], yu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, bu = [
4380
+ }), gu = ["aria-labelledby", "data-tpl-theme"], _u = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, vu = ["id"], yu = ["aria-label"], bu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, xu = [
4384
4381
  "id",
4385
4382
  "placeholder",
4386
4383
  "aria-label",
4387
4384
  "aria-activedescendant"
4388
- ], xu = {
4385
+ ], Su = {
4389
4386
  key: 0,
4390
4387
  class: "tpl:flex tpl:gap-1.5 tpl:overflow-x-auto tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2",
4391
4388
  "data-testid": "merge-tag-picker-group-pills"
4392
- }, Su = ["data-group-name", "onClick"], Cu = ["aria-label"], wu = {
4389
+ }, Cu = ["data-group-name", "onClick"], wu = ["aria-label"], Tu = {
4393
4390
  key: 0,
4394
4391
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4395
4392
  "data-testid": "merge-tag-picker-empty"
4396
- }, Tu = {
4393
+ }, Eu = {
4397
4394
  key: 1,
4398
4395
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4399
4396
  "data-testid": "merge-tag-picker-empty"
4400
- }, Eu = [
4397
+ }, Du = [
4401
4398
  "aria-expanded",
4402
4399
  "data-group-name",
4403
4400
  "data-group-collapsed",
4404
4401
  "onClick"
4405
- ], Du = { class: "tpl:ml-1 tpl:font-normal" }, Ou = [
4402
+ ], Ou = { class: "tpl:ml-1 tpl:font-normal" }, ku = [
4406
4403
  "id",
4407
4404
  "aria-selected",
4408
4405
  "data-selected",
@@ -4411,14 +4408,14 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4411
4408
  "title",
4412
4409
  "onMousemove",
4413
4410
  "onClick"
4414
- ], ku = { class: "tpl:text-sm tpl:font-medium" }, Au = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, ju = {
4411
+ ], Au = { class: "tpl:text-sm tpl:font-medium" }, ju = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, Mu = {
4415
4412
  key: 0,
4416
4413
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4417
- }, Mu = {
4414
+ }, Nu = {
4418
4415
  key: 1,
4419
4416
  "data-testid": "merge-tag-picker-sample",
4420
4417
  class: "tpl:line-clamp-1 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4421
- }, Nu = "tpl-merge-tag-picker-list", Pu = /* @__PURE__ */ d({
4418
+ }, Pu = "tpl-merge-tag-picker-list", Fu = /* @__PURE__ */ d({
4422
4419
  __name: "MergeTagPickerModal",
4423
4420
  setup(i) {
4424
4421
  let a = $e(Ge, "MergeTagPickerModal"), { t: o, format: c } = q(), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0), j = b(() => a.tags.value.some((e) => !!e.group)), M = l(/* @__PURE__ */ new Set());
@@ -4531,13 +4528,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4531
4528
  }
4532
4529
  }
4533
4530
  function K() {
4534
- if (z.value.length !== 0) return `${Nu}-opt-${O.value}`;
4531
+ if (z.value.length !== 0) return `${Pu}-opt-${O.value}`;
4535
4532
  }
4536
4533
  function ie(e) {
4537
- return `${Nu}-opt-${e}`;
4534
+ return `${Pu}-opt-${e}`;
4538
4535
  }
4539
4536
  let ae = b(() => a.tags.value.length === 0), oe = b(() => !ae.value && I.value.length === 0), se = b(() => j.value && L.value.length > 1 && !C.value);
4540
- return (e, t) => (s(), D(Fn, {
4537
+ return (e, t) => (s(), D(In, {
4541
4538
  visible: g(a).isOpen.value,
4542
4539
  onClose: V,
4543
4540
  onKeydown: re
@@ -4545,16 +4542,16 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4545
4542
  default: r(() => [A("div", {
4546
4543
  role: "dialog",
4547
4544
  "aria-modal": "true",
4548
- "aria-labelledby": `${Nu}-title`,
4545
+ "aria-labelledby": `${Pu}-title`,
4549
4546
  "data-tpl-theme": g(d),
4550
4547
  "data-testid": "merge-tag-picker-modal",
4551
4548
  class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4552
4549
  style: E(g(u))
4553
4550
  }, [
4554
- A("header", gu, [A("h2", {
4555
- id: `${Nu}-title`,
4551
+ A("header", _u, [A("h2", {
4552
+ id: `${Pu}-title`,
4556
4553
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4557
- }, F(g(o).mergeTag.picker.title), 9, _u), A("button", {
4554
+ }, F(g(o).mergeTag.picker.title), 9, vu), A("button", {
4558
4555
  type: "button",
4559
4556
  class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
4560
4557
  "aria-label": g(o).mergeTag.picker.close,
@@ -4563,13 +4560,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4563
4560
  }, [_(g(Zt), {
4564
4561
  size: 16,
4565
4562
  "stroke-width": 2
4566
- })], 8, vu)]),
4567
- A("div", yu, [_(g(At), {
4563
+ })], 8, yu)]),
4564
+ A("div", bu, [_(g(At), {
4568
4565
  class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
4569
4566
  size: 14,
4570
4567
  "stroke-width": 2
4571
4568
  }), f(A("input", {
4572
- id: `${Nu}-search`,
4569
+ id: `${Pu}-search`,
4573
4570
  ref_key: "searchInputRef",
4574
4571
  ref: h,
4575
4572
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4577,34 +4574,34 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4577
4574
  class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
4578
4575
  placeholder: g(o).mergeTag.picker.searchPlaceholder,
4579
4576
  "aria-label": g(o).mergeTag.picker.searchAriaLabel,
4580
- "aria-controls": Nu,
4577
+ "aria-controls": Pu,
4581
4578
  "aria-activedescendant": K(),
4582
4579
  "data-testid": "merge-tag-picker-search",
4583
4580
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4584
- }, null, 40, bu), [[k, p.value]])]),
4585
- se.value ? (s(), x("div", xu, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4581
+ }, null, 40, xu), [[k, p.value]])]),
4582
+ se.value ? (s(), x("div", Su, [(s(!0), x(P, null, n(L.value, (e) => (s(), x("button", {
4586
4583
  key: e,
4587
4584
  type: "button",
4588
4585
  class: "tpl:flex tpl:flex-shrink-0 tpl:cursor-pointer tpl:items-center tpl:rounded-full tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-2.5 tpl:py-0.5 tpl:text-[11px] tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
4589
4586
  "data-testid": "merge-tag-picker-group-pill",
4590
4587
  "data-group-name": e,
4591
4588
  onClick: (t) => ne(e)
4592
- }, F(e), 9, Su))), 128))])) : S("", !0),
4589
+ }, F(e), 9, Cu))), 128))])) : S("", !0),
4593
4590
  A("div", {
4594
- id: Nu,
4591
+ id: Pu,
4595
4592
  ref_key: "listRef",
4596
4593
  ref: U,
4597
4594
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4598
4595
  role: "listbox",
4599
4596
  "aria-label": g(o).mergeTag.picker.title,
4600
4597
  "data-testid": "merge-tag-picker-list"
4601
- }, [ae.value ? (s(), x("div", wu, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
4598
+ }, [ae.value ? (s(), x("div", Tu, F(g(o).mergeTag.picker.empty), 1)) : oe.value ? (s(), x("div", Eu, F(g(o).mergeTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value, (e, t) => (s(), x(P, { key: t }, [e.kind === "header" ? (s(), x("button", {
4602
4599
  key: 0,
4603
4600
  ref_for: !0,
4604
4601
  ref: (t) => G(e.group, t),
4605
4602
  type: "button",
4606
4603
  "aria-expanded": !N(e.group),
4607
- "aria-controls": Nu,
4604
+ "aria-controls": Pu,
4608
4605
  class: "tpl:sticky tpl:top-0 tpl:z-10 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:border-none tpl:bg-[var(--tpl-bg-elevated)] tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-left tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)]",
4609
4606
  "data-testid": "merge-tag-picker-group-header",
4610
4607
  "data-group-name": e.group,
@@ -4617,8 +4614,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4617
4614
  class: y(["tpl:transition-transform", N(e.group) ? "tpl:-rotate-90" : ""])
4618
4615
  }, null, 8, ["class"]),
4619
4616
  A("span", null, F(e.group), 1),
4620
- A("span", Du, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4621
- ], 8, Eu)) : (s(), x("button", {
4617
+ A("span", Ou, " (" + F(g(c)(g(o).mergeTag.picker.groupCount, { count: e.count })) + ") ", 1)
4618
+ ], 8, Du)) : (s(), x("button", {
4622
4619
  key: 1,
4623
4620
  id: ie(e.index),
4624
4621
  type: "button",
@@ -4633,16 +4630,16 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4633
4630
  onMousemove: (t) => O.value = e.index,
4634
4631
  onClick: (t) => B(e.tag)
4635
4632
  }, [
4636
- A("span", ku, F(e.tag.label), 1),
4637
- A("span", Au, F(e.tag.value), 1),
4638
- e.tag.description ? (s(), x("span", ju, F(e.tag.description), 1)) : S("", !0),
4639
- e.tag.sample === void 0 ? S("", !0) : (s(), x("span", Mu, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4640
- ], 42, Ou))], 64))), 128))], 8, Cu)
4641
- ], 12, hu)]),
4633
+ A("span", Au, F(e.tag.label), 1),
4634
+ A("span", ju, F(e.tag.value), 1),
4635
+ e.tag.description ? (s(), x("span", Mu, F(e.tag.description), 1)) : S("", !0),
4636
+ e.tag.sample === void 0 ? S("", !0) : (s(), x("span", Nu, F(g(c)(g(o).mergeTag.picker.sample, { sample: e.tag.sample })), 1))
4637
+ ], 42, ku))], 64))), 128))], 8, wu)
4638
+ ], 12, gu)]),
4642
4639
  _: 1
4643
4640
  }, 8, ["visible"]));
4644
4641
  }
4645
- }), Fu = ["data-logic-keyword"], Iu = /* @__PURE__ */ d({
4642
+ }), Iu = ["data-logic-keyword"], Lu = /* @__PURE__ */ d({
4646
4643
  __name: "LogicTagBadge",
4647
4644
  props: {
4648
4645
  value: {},
@@ -4659,22 +4656,22 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4659
4656
  },
4660
4657
  "data-testid": "merge-tag-logic-badge",
4661
4658
  "data-logic-keyword": r.value
4662
- }, F(r.value), 9, Fu)) : S("", !0);
4659
+ }, F(r.value), 9, Iu)) : S("", !0);
4663
4660
  }
4664
- }), Lu = ["aria-labelledby", "data-tpl-theme"], Ru = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, zu = ["id"], Bu = ["aria-label"], Vu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Hu = [
4661
+ }), Ru = ["aria-labelledby", "data-tpl-theme"], zu = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:gap-3 tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Bu = ["id"], Vu = ["aria-label"], Hu = { class: "tpl:relative tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2.5" }, Uu = [
4665
4662
  "id",
4666
4663
  "placeholder",
4667
4664
  "aria-label",
4668
4665
  "aria-activedescendant"
4669
- ], Uu = ["aria-label"], Wu = {
4666
+ ], Wu = ["aria-label"], Gu = {
4670
4667
  key: 0,
4671
4668
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4672
4669
  "data-testid": "logic-picker-empty"
4673
- }, Gu = {
4670
+ }, Ku = {
4674
4671
  key: 1,
4675
4672
  class: "tpl:px-3 tpl:py-6 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]",
4676
4673
  "data-testid": "logic-picker-empty"
4677
- }, Ku = ["data-group-name"], qu = [
4674
+ }, qu = ["data-group-name"], Ju = [
4678
4675
  "id",
4679
4676
  "aria-selected",
4680
4677
  "data-selected",
@@ -4682,16 +4679,16 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4682
4679
  "data-logic-kind",
4683
4680
  "onMousemove",
4684
4681
  "onClick"
4685
- ], Ju = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Yu = { class: "tpl:text-sm tpl:font-medium" }, Xu = {
4682
+ ], Yu = { class: "tpl:flex tpl:w-full tpl:items-center tpl:justify-between tpl:gap-2" }, Xu = { class: "tpl:text-sm tpl:font-medium" }, Zu = {
4686
4683
  key: 0,
4687
4684
  class: "tpl:flex tpl:items-center"
4688
- }, Zu = {
4685
+ }, Qu = {
4689
4686
  key: 1,
4690
4687
  class: "tpl:flex tpl:items-center tpl:gap-1"
4691
- }, Qu = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, $u = {
4688
+ }, $u = { class: "tpl:line-clamp-2 tpl:font-mono tpl:text-xs tpl:text-ellipsis tpl:break-all tpl:text-[var(--tpl-text-dim)]" }, ed = {
4692
4689
  key: 0,
4693
4690
  class: "tpl:line-clamp-2 tpl:text-xs tpl:text-ellipsis tpl:text-[var(--tpl-text-dim)]"
4694
- }, ed = "tpl-logic-picker-list", td = /* @__PURE__ */ d({
4691
+ }, td = "tpl-logic-picker-list", nd = /* @__PURE__ */ d({
4695
4692
  __name: "LogicTagPickerModal",
4696
4693
  setup(i) {
4697
4694
  let a = $e(mt, "LogicTagPickerModal"), { t: o } = q(), c = t(ot, oe.liquid), u = t(We, null), d = t(qe, null), p = l(""), m = Ve(p, 200), h = l(null), C = b(() => m.value.trim().length > 0), O = l(0);
@@ -4777,12 +4774,12 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4777
4774
  }
4778
4775
  }
4779
4776
  function ne(e) {
4780
- return `${ed}-opt-${e}`;
4777
+ return `${td}-opt-${e}`;
4781
4778
  }
4782
4779
  function re() {
4783
- return z.value.length === 0 ? void 0 : `${ed}-opt-${O.value}`;
4780
+ return z.value.length === 0 ? void 0 : `${td}-opt-${O.value}`;
4784
4781
  }
4785
- return (e, t) => (s(), D(Fn, {
4782
+ return (e, t) => (s(), D(In, {
4786
4783
  visible: g(a).isOpen.value,
4787
4784
  onClose: W,
4788
4785
  onKeydown: te
@@ -4790,16 +4787,16 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4790
4787
  default: r(() => [A("div", {
4791
4788
  role: "dialog",
4792
4789
  "aria-modal": "true",
4793
- "aria-labelledby": `${ed}-title`,
4790
+ "aria-labelledby": `${td}-title`,
4794
4791
  "data-tpl-theme": g(d),
4795
4792
  "data-testid": "logic-picker-modal",
4796
4793
  class: "tpl tpl:flex tpl:max-h-[80vh] tpl:w-[min(420px,92vw)] tpl:flex-col tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow-lg)]",
4797
4794
  style: E(g(u))
4798
4795
  }, [
4799
- A("header", Ru, [A("h2", {
4800
- id: `${ed}-title`,
4796
+ A("header", zu, [A("h2", {
4797
+ id: `${td}-title`,
4801
4798
  class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
4802
- }, F(g(o).logicTag.picker.title), 9, zu), A("button", {
4799
+ }, F(g(o).logicTag.picker.title), 9, Bu), A("button", {
4803
4800
  type: "button",
4804
4801
  class: "tpl:flex tpl:h-7 tpl:w-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
4805
4802
  "aria-label": g(o).logicTag.picker.close,
@@ -4808,13 +4805,13 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4808
4805
  }, [_(g(Zt), {
4809
4806
  size: 16,
4810
4807
  "stroke-width": 2
4811
- })], 8, Bu)]),
4812
- A("div", Vu, [_(g(At), {
4808
+ })], 8, Vu)]),
4809
+ A("div", Hu, [_(g(At), {
4813
4810
  class: "tpl:pointer-events-none tpl:absolute tpl:top-1/2 tpl:left-5 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]",
4814
4811
  size: 14,
4815
4812
  "stroke-width": 2
4816
4813
  }), f(A("input", {
4817
- id: `${ed}-search`,
4814
+ id: `${td}-search`,
4818
4815
  ref_key: "searchInputRef",
4819
4816
  ref: h,
4820
4817
  "onUpdate:modelValue": t[0] ||= (e) => p.value = e,
@@ -4822,25 +4819,25 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4822
4819
  class: "tpl:w-full tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)]",
4823
4820
  placeholder: g(o).logicTag.picker.searchPlaceholder,
4824
4821
  "aria-label": g(o).logicTag.picker.searchAriaLabel,
4825
- "aria-controls": ed,
4822
+ "aria-controls": td,
4826
4823
  "aria-activedescendant": re(),
4827
4824
  "data-testid": "logic-picker-search",
4828
4825
  onKeydown: t[1] ||= v(T(() => {}, ["prevent"]), ["enter"])
4829
- }, null, 40, Hu), [[k, p.value]])]),
4826
+ }, null, 40, Uu), [[k, p.value]])]),
4830
4827
  A("div", {
4831
- id: ed,
4828
+ id: td,
4832
4829
  ref_key: "listRef",
4833
4830
  ref: H,
4834
4831
  class: "tpl:relative tpl:max-h-[60vh] tpl:flex-1 tpl:overflow-y-auto",
4835
4832
  role: "listbox",
4836
4833
  "aria-label": g(o).logicTag.picker.title,
4837
4834
  "data-testid": "logic-picker-list"
4838
- }, [B.value ? (s(), x("div", Wu, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", Gu, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
4835
+ }, [B.value ? (s(), x("div", Gu, F(g(o).logicTag.picker.empty), 1)) : V.value ? (s(), x("div", Ku, F(g(o).logicTag.picker.noResults), 1)) : (s(!0), x(P, { key: 2 }, n(R.value.rows, (e, n) => (s(), x(P, { key: n }, [e.kind === "header" ? (s(), x("div", {
4839
4836
  key: 0,
4840
4837
  class: "tpl:px-3 tpl:pt-2.5 tpl:pb-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-dim)]",
4841
4838
  "data-testid": "logic-picker-header",
4842
4839
  "data-group-name": e.label
4843
- }, F(e.label), 9, Ku)) : (s(), x("button", {
4840
+ }, F(e.label), 9, qu)) : (s(), x("button", {
4844
4841
  key: 1,
4845
4842
  id: ne(e.index),
4846
4843
  type: "button",
@@ -4854,28 +4851,32 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4854
4851
  onMousemove: (t) => O.value = e.index,
4855
4852
  onClick: (t) => U(e.kind === "tag" ? e.tag : e.pair)
4856
4853
  }, [
4857
- A("span", Ju, [A("span", Yu, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", Xu, [_(Iu, {
4854
+ A("span", Yu, [A("span", Xu, F(e.kind === "tag" ? e.tag.label : e.pair.label), 1), e.kind === "tag" ? (s(), x("span", Zu, [_(Lu, {
4858
4855
  value: e.tag.value,
4859
4856
  syntax: g(c)
4860
- }, null, 8, ["value", "syntax"])])) : (s(), x("span", Zu, [
4861
- _(Iu, {
4857
+ }, null, 8, ["value", "syntax"])])) : (s(), x("span", Qu, [
4858
+ _(Lu, {
4862
4859
  value: e.pair.before,
4863
4860
  syntax: g(c)
4864
4861
  }, null, 8, ["value", "syntax"]),
4865
4862
  t[2] ||= A("span", { class: "tpl:text-[var(--tpl-text-dim)]" }, "…", -1),
4866
- _(Iu, {
4863
+ _(Lu, {
4867
4864
  value: e.pair.after,
4868
4865
  syntax: g(c)
4869
4866
  }, null, 8, ["value", "syntax"])
4870
4867
  ]))]),
4871
- A("span", Qu, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4872
- (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", $u, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4873
- ], 42, qu))], 64))), 128))], 8, Uu)
4874
- ], 12, Lu)]),
4868
+ A("span", $u, F(e.kind === "tag" ? e.tag.value : `${e.pair.before} … ${e.pair.after}`), 1),
4869
+ (e.kind === "tag" ? e.tag.description : e.pair.description) ? (s(), x("span", ed, F(e.kind === "tag" ? e.tag.description : e.pair.description), 1)) : S("", !0)
4870
+ ], 42, Ju))], 64))), 128))], 8, Wu)
4871
+ ], 12, Ru)]),
4875
4872
  _: 1
4876
4873
  }, 8, ["visible"]));
4877
4874
  }
4878
- }), nd = ["data-tpl-theme"], rd = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, id = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, ad = ["aria-label"], od = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4875
+ }), rd = ["data-tpl-theme"], id = { class: "tpl-preview-overlay tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, ad = { class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:flex tpl:-translate-x-1/2 tpl:flex-col tpl:items-center tpl:gap-2" }, od = {
4876
+ key: 0,
4877
+ "data-testid": "merge-tag-mode-toggle-anchor",
4878
+ class: "tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-md)]"
4879
+ }, sd = { class: "tpl-main tpl:flex tpl:justify-center tpl:p-8" }, cd = ["aria-label"], ld = /*#__PURE__*/ ln(/* @__PURE__ */ d({
4879
4880
  __name: "Editor",
4880
4881
  props: {
4881
4882
  config: {},
@@ -4885,32 +4886,32 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4885
4886
  cloud: {}
4886
4887
  },
4887
4888
  setup(t, { expose: n }) {
4888
- let i = t, a = i.config.templates ? ir(i.config.templates, i.config.mergeTags) : void 0, c = ce({
4889
+ let i = t, a = i.config.templates ? ar(i.config.templates, i.config.mergeTags) : void 0, c = ce({
4889
4890
  content: i.config.content,
4890
4891
  defaultFontFamily: i.config.fonts?.defaultFont,
4891
4892
  templateDefaults: i.config.templateDefaults,
4892
4893
  templates: a,
4893
4894
  onError: i.config.onError,
4894
4895
  lockedBlocks: i.cloud?.lockedBlocks
4895
- }), u = i.cloud ? i.cloud.attach({ editor: c }) : null, d = a ? zn({
4896
+ }), u = i.cloud ? i.cloud.attach({ editor: c }) : null, d = a ? Bn({
4896
4897
  provider: a,
4897
4898
  editor: c,
4898
4899
  guardUnsavedChanges: i.config.unsavedChangesGuard,
4899
4900
  getSaveGate: i.cloud ? () => i.cloud.getSaveGate() : void 0
4900
4901
  }) : null;
4901
4902
  i.config.onDirtyChange && e(() => c.state.isDirty, (e) => i.config.onDirtyChange(e));
4902
- let p = l(null), m = i.config.savedBlocks ? Ln({
4903
+ let p = l(null), m = i.config.savedBlocks ? Rn({
4903
4904
  provider: i.config.savedBlocks,
4904
4905
  editor: c,
4905
4906
  onError: i.config.onError,
4906
4907
  isAvailable: i.cloud ? () => i.cloud.isSavedBlocksAvailable() : void 0
4907
- }) : null, v = L(() => import("./chunks/SavedBlocksPanels-VkKCO0uY.js")), w = i.config.testEmail ? Un({
4908
+ }) : null, v = L(() => import("./chunks/SavedBlocksPanels-B_XNxwzs.js")), w = i.config.testEmail ? Wn({
4908
4909
  provider: i.config.testEmail,
4909
4910
  getContent: () => c.content.value,
4910
4911
  renderMjml: te,
4911
4912
  onError: i.config.onError,
4912
4913
  isAvailable: i.cloud ? () => i.cloud.isTestEmailAvailable() : void 0
4913
- }) : null, k = L(() => import("./chunks/TestEmailPanel-C35nqIIl.js")), j = i.config.comments ? In({
4914
+ }) : null, k = L(() => import("./chunks/TestEmailPanel-BcvY4bL7.js")), j = i.config.comments ? Ln({
4914
4915
  provider: i.config.comments,
4915
4916
  editor: c,
4916
4917
  user: i.config.user,
@@ -4919,7 +4920,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4919
4920
  onError: i.config.onError,
4920
4921
  isAvailable: i.cloud ? () => i.cloud.isCommentsAvailable() : void 0,
4921
4922
  isBlockSaved: i.cloud ? (e) => i.cloud.isBlockSaved(e) : void 0
4922
- }) : null, M = L(() => import("./chunks/CommentsPanel-COhQMagD.js")), ee = L(() => import("./chunks/CloudPanels-DVtJkWsj.js")), P = L(() => import("./chunks/CloudHeaderExtras-CScGpeLl.js")), I = L(() => import("./chunks/VersionHistoryPanels-CvWySHUE.js")), z = Gn(i.config.autoSave, !1), B = z.enabled && d !== null;
4923
+ }) : null, M = L(() => import("./chunks/CommentsPanel-COhQMagD.js")), ee = L(() => import("./chunks/CloudPanels-DVtJkWsj.js")), P = L(() => import("./chunks/CloudHeaderExtras-d_8bZemh.js")), I = L(() => import("./chunks/VersionHistoryPanels-CSryv5rE.js")), z = Kn(i.config.autoSave, !1), B = z.enabled && d !== null;
4923
4924
  z.enabled && d === null && gt.warn("config.autoSave is on but no `templates` provider is configured — there is nothing to save to. Pass `templates` to enable it, or use `onChange` to persist the content yourself.");
4924
4925
  let V = i.config.onChange || B ? {
4925
4926
  onChange: () => {
@@ -4949,7 +4950,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4949
4950
  onRequestMedia: i.cloud?.onRequestMedia ?? i.config.onRequestMedia,
4950
4951
  resolvePreview: i.config.resolvePreview,
4951
4952
  resolveImageUrl: i.config.resolveImageUrl,
4952
- lint: Kn(i.config)
4953
+ lint: qn(i.config)
4953
4954
  },
4954
4955
  translations: i.translations,
4955
4956
  fontsManager: i.fontsManager,
@@ -4961,9 +4962,9 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4961
4962
  }), W = i.cloud && u ? i.cloud.ready({
4962
4963
  core: U,
4963
4964
  capabilities: H
4964
- }) : null, G = i.config.versionHistory ? Wn({
4965
+ }) : null, G = i.config.versionHistory ? Gn({
4965
4966
  provider: i.config.versionHistory,
4966
- editor: rr(c, i.config.mergeTags),
4967
+ editor: ir(c, i.config.mergeTags),
4967
4968
  history: U.history,
4968
4969
  conditionPreview: U.conditionPreview,
4969
4970
  autoSave: U.autoSave,
@@ -4975,11 +4976,11 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
4975
4976
  }) : null;
4976
4977
  G && (H.versionHistory = G.capability);
4977
4978
  function te() {
4978
- return Vn({
4979
+ return Hn({
4979
4980
  getContent: () => c.content.value,
4980
4981
  renderCustomBlock: U.registry.renderCustomBlock,
4981
4982
  getCustomBlockStylesheet: (e) => U.registry.getDefinition(e)?.stylesheet,
4982
- getFonts: () => qn(i.fontsManager)
4983
+ getFonts: () => Jn(i.fontsManager)
4983
4984
  });
4984
4985
  }
4985
4986
  let ne = b(() => j?.isOpen.value === !0 || u?.panelState.rightPanelOpen.value === !0), re = b(() => c.state.previewMode ? "tpl:left-0 tpl:right-0" : ne.value ? "tpl:left-12 tpl:right-[680px]" : "tpl:left-12 tpl:right-[320px]");
@@ -5009,11 +5010,11 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5009
5010
  class: y(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": g(c).state.darkMode }]),
5010
5011
  "data-tpl-theme": g(U).resolvedTheme.value,
5011
5012
  style: E(g(U).themeStyles.value),
5012
- onDragover: n[7] ||= T(() => {}, ["prevent"]),
5013
- onDrop: n[8] ||= T(() => {}, ["prevent"])
5013
+ onDragover: n[8] ||= T(() => {}, ["prevent"]),
5014
+ onDrop: n[9] ||= T(() => {}, ["prevent"])
5014
5015
  }, [
5015
- _(vr),
5016
- _(mu, {
5016
+ _(yr),
5017
+ _(hu, {
5017
5018
  editor: g(c),
5018
5019
  core: g(U),
5019
5020
  templates: g(d),
@@ -5021,32 +5022,21 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5021
5022
  "test-email": g(w),
5022
5023
  "version-history": g(G),
5023
5024
  comments: g(j)
5024
- }, h({ _: 2 }, [
5025
- g(u) ? {
5026
- name: "left-extras",
5027
- fn: r(() => [_(g(P), {
5028
- part: "left",
5029
- cloud: g(u)
5030
- }, null, 8, ["cloud"])]),
5031
- key: "0"
5032
- } : void 0,
5033
- g(u) ? {
5034
- name: "center-extras",
5035
- fn: r(() => [_(g(P), {
5036
- part: "center",
5037
- cloud: g(u)
5038
- }, null, 8, ["cloud"])]),
5039
- key: "1"
5040
- } : void 0,
5041
- g(u) ? {
5042
- name: "right-extras",
5043
- fn: r(() => [_(g(P), {
5044
- part: "right",
5045
- cloud: g(u)
5046
- }, null, 8, ["cloud"])]),
5047
- key: "2"
5048
- } : void 0
5049
- ]), 1032, [
5025
+ }, h({ _: 2 }, [g(u) ? {
5026
+ name: "left-extras",
5027
+ fn: r(() => [_(g(P), {
5028
+ part: "left",
5029
+ cloud: g(u)
5030
+ }, null, 8, ["cloud"])]),
5031
+ key: "0"
5032
+ } : void 0, g(u) ? {
5033
+ name: "right-extras",
5034
+ fn: r(() => [_(g(P), {
5035
+ part: "right",
5036
+ cloud: g(u)
5037
+ }, null, 8, ["cloud"])]),
5038
+ key: "1"
5039
+ } : void 0]), 1032, [
5050
5040
  "editor",
5051
5041
  "core",
5052
5042
  "templates",
@@ -5055,23 +5045,29 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5055
5045
  "version-history",
5056
5046
  "comments"
5057
5047
  ]),
5058
- f(_(Or, null, null, 512), [[N, !g(c).state.previewMode]]),
5048
+ f(_(kr, null, null, 512), [[N, !g(c).state.previewMode]]),
5059
5049
  A("div", {
5060
5050
  class: y(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [re.value, g(G)?.isPreviewing.value ? "tpl:top-[104px]" : "tpl:top-14"]]),
5061
5051
  style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
5062
- }, [A("div", rd, [_(O, { name: "tpl-restore-btn" }, {
5052
+ }, [A("div", id, [A("div", ad, [_(O, { name: "tpl-preview-pill" }, {
5053
+ default: r(() => [g(c).state.previewMode && !g(U).previewResolution.supersedesSamples.value ? (s(), x("div", od, [_(Pn, {
5054
+ "sample-mode": g(U).mergeTagSampleMode.value,
5055
+ onChange: n[0] ||= (e) => g(U).mergeTagSampleMode.value = e
5056
+ }, null, 8, ["sample-mode"])])) : S("", !0)]),
5057
+ _: 1
5058
+ }), _(O, { name: "tpl-preview-pill" }, {
5063
5059
  default: r(() => [g(U).conditionPreview.hasHiddenBlocks.value && g(U).appliesConditionFilter.value ? (s(), x("button", {
5064
5060
  key: 0,
5065
- class: "tpl:absolute tpl:left-1/2 tpl:top-2 tpl:-translate-x-1/2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-full tpl:border tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:whitespace-nowrap tpl:shadow-[var(--tpl-shadow-md)] tpl:hover:opacity-80 tpl:bg-[var(--tpl-warning-light)] tpl:text-[var(--tpl-warning)] tpl:border-[var(--tpl-warning)]",
5066
- style: { "backdrop-filter": "blur(8px)" },
5061
+ type: "button",
5062
+ class: y([g(mn), "tpl:shadow-[var(--tpl-shadow-md)]"]),
5067
5063
  "data-testid": "restore-hidden-blocks",
5068
- onClick: n[0] ||= (e) => g(U).conditionPreview.reset()
5064
+ onClick: n[1] ||= (e) => g(U).conditionPreview.reset()
5069
5065
  }, [_(g(Tt), {
5070
- size: 13,
5066
+ size: 16,
5071
5067
  "stroke-width": 2
5072
- }), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)])) : S("", !0)]),
5068
+ }), R(" " + F(g(U).t.blockSettings.restoreHiddenBlocks), 1)], 2)) : S("", !0)]),
5073
5069
  _: 1
5074
- })]), A("main", id, [_(_r, {
5070
+ })])]), A("main", sd, [_(vr, {
5075
5071
  viewport: g(c).state.viewport,
5076
5072
  content: g(U).previewResolution.content.value,
5077
5073
  "selected-block-id": g(c).state.selectedBlockId,
@@ -5079,8 +5075,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5079
5075
  "preview-mode": g(c).state.previewMode,
5080
5076
  "locked-blocks": g(u)?.collaboration?.lockedBlocks.value,
5081
5077
  onSelectBlock: g(c).selectBlock,
5082
- onOpenAiChat: n[1] ||= (e) => K("ai-chat"),
5083
- onOpenDesignReference: n[2] ||= (e) => K("design-reference")
5078
+ onOpenAiChat: n[2] ||= (e) => K("ai-chat"),
5079
+ onOpenDesignReference: n[3] ||= (e) => K("design-reference")
5084
5080
  }, null, 8, [
5085
5081
  "viewport",
5086
5082
  "content",
@@ -5090,7 +5086,7 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5090
5086
  "locked-blocks",
5091
5087
  "onSelectBlock"
5092
5088
  ])])], 2),
5093
- t.config.branding === !1 ? S("", !0) : (s(), D(Kl, {
5089
+ t.config.branding === !1 ? S("", !0) : (s(), D(ql, {
5094
5090
  key: 0,
5095
5091
  "position-class": [re.value]
5096
5092
  }, null, 8, ["position-class"])),
@@ -5100,19 +5096,19 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5100
5096
  "aria-live": "polite",
5101
5097
  "aria-atomic": "true",
5102
5098
  "aria-label": g(U).t.landmarks.reorderAnnouncements
5103
- }, F(g(U).keyboardReorder.announcement.value), 9, ad),
5104
- f(_(Rl, {
5099
+ }, F(g(U).keyboardReorder.announcement.value), 9, cd),
5100
+ f(_(zl, {
5105
5101
  "selected-block": g(c).selectedBlock.value,
5106
5102
  settings: g(c).content.value.settings,
5107
5103
  "shifted-left": ne.value,
5108
- onUpdateBlock: n[3] ||= (e) => g(c).updateBlock(g(c).state.selectedBlockId, e),
5109
- onDeleteBlock: n[4] ||= () => {
5104
+ onUpdateBlock: n[4] ||= (e) => g(c).updateBlock(g(c).state.selectedBlockId, e),
5105
+ onDeleteBlock: n[5] ||= () => {
5110
5106
  g(c).state.selectedBlockId && g(U).blockActions.deleteBlock(g(c).state.selectedBlockId);
5111
5107
  },
5112
- onDuplicateBlock: n[5] ||= () => {
5108
+ onDuplicateBlock: n[6] ||= () => {
5113
5109
  g(c).selectedBlock.value && g(U).blockActions.duplicateBlock(g(c).selectedBlock.value);
5114
5110
  },
5115
- onUpdateSettings: n[6] ||= (e) => g(c).updateSettings(e)
5111
+ onUpdateSettings: n[7] ||= (e) => g(c).updateSettings(e)
5116
5112
  }, null, 8, [
5117
5113
  "selected-block",
5118
5114
  "settings",
@@ -5122,8 +5118,8 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5122
5118
  ref: (e) => g(U).popoverRoot.value = e,
5123
5119
  class: "tpl-popover-root"
5124
5120
  }, null, 512),
5125
- _(Pu),
5126
- _(td),
5121
+ _(Fu),
5122
+ _(nd),
5127
5123
  g(m)?.isAvailable.value ? (s(), D(g(v), {
5128
5124
  key: 1,
5129
5125
  feature: g(m)
@@ -5156,10 +5152,10 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5156
5152
  "ready",
5157
5153
  "locale"
5158
5154
  ])) : S("", !0),
5159
- g(ie) ? (s(), D(Ul, { key: 6 })) : S("", !0)
5160
- ], 46, nd));
5155
+ g(ie) ? (s(), D(Wl, { key: 6 })) : S("", !0)
5156
+ ], 46, rd));
5161
5157
  }
5162
- }), [["__scopeId", "data-v-9b8b235c"]]), sd = /* #__PURE__ */ Object.assign({
5158
+ }), [["__scopeId", "data-v-ebc669ed"]]), ud = /* #__PURE__ */ Object.assign({
5163
5159
  "./locales/ca.ts": () => import("./chunks/ca-CEuJ6IRr.js"),
5164
5160
  "./locales/de.ts": () => import("./chunks/de-aRxhZF_K.js"),
5165
5161
  "./locales/en.ts": () => import("./chunks/en-BX4V_7YO.js"),
@@ -5167,96 +5163,96 @@ var ks = { class: "tpl:mb-3.5" }, As = ["value"], js = ["value"], Ms = {
5167
5163
  "./locales/fr.ts": () => import("./chunks/fr-iBuE60Ap.js"),
5168
5164
  "./locales/nl.ts": () => import("./chunks/nl-Btw4ojNo.js"),
5169
5165
  "./locales/pt-BR.ts": () => import("./chunks/pt-BR-GjVsCqbN.js")
5170
- }), cd = /* #__PURE__ */ Object.assign({
5166
+ }), dd = /* #__PURE__ */ Object.assign({
5171
5167
  "./locales/cloud/de.ts": () => import("./chunks/de-BytZwgn6.js"),
5172
5168
  "./locales/cloud/en.ts": () => import("./chunks/en-DyOSV0lY.js"),
5173
5169
  "./locales/cloud/pt-BR.ts": () => import("./chunks/pt-BR-C1WLSGDh.js")
5174
5170
  });
5175
- function ld(e) {
5171
+ function fd(e) {
5176
5172
  return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
5177
5173
  }
5178
- var ud = ld(sd), dd = ld(cd);
5179
- function fd(e) {
5174
+ var pd = fd(ud), md = fd(dd);
5175
+ function hd(e) {
5180
5176
  return e.trim().replace(/_/g, "-").toLowerCase();
5181
5177
  }
5182
- function pd(e, t) {
5183
- let n = fd(e);
5184
- return t.find((e) => fd(e) === n);
5178
+ function gd(e, t) {
5179
+ let n = hd(e);
5180
+ return t.find((e) => hd(e) === n);
5185
5181
  }
5186
- function md(e) {
5187
- return fd(e).split("-")[0];
5182
+ function _d(e) {
5183
+ return hd(e).split("-")[0];
5188
5184
  }
5189
- function hd(e, t) {
5190
- return pd(e, t) ?? pd(md(e), t);
5185
+ function vd(e, t) {
5186
+ return gd(e, t) ?? gd(_d(e), t);
5191
5187
  }
5192
- function gd(e, t) {
5193
- return hd(e, t) ?? "en";
5188
+ function yd(e, t) {
5189
+ return vd(e, t) ?? "en";
5194
5190
  }
5195
- async function _d(e) {
5196
- let t = sd[`./locales/${gd(e, ud)}.ts`];
5191
+ async function bd(e) {
5192
+ let t = ud[`./locales/${yd(e, pd)}.ts`];
5197
5193
  return (await t()).default;
5198
5194
  }
5199
- async function vd(e) {
5200
- let t = cd[`./locales/cloud/${gd(e, dd)}.ts`];
5195
+ async function xd(e) {
5196
+ let t = dd[`./locales/cloud/${yd(e, md)}.ts`];
5201
5197
  return (await t()).default;
5202
5198
  }
5203
- function yd(e) {
5204
- return hd(e, ud) !== void 0;
5199
+ function Sd(e) {
5200
+ return vd(e, pd) !== void 0;
5205
5201
  }
5206
- function bd(e) {
5207
- return hd(e, dd) !== void 0;
5202
+ function Cd(e) {
5203
+ return vd(e, md) !== void 0;
5208
5204
  }
5209
- function xd() {
5210
- return [...ud];
5205
+ function wd() {
5206
+ return [...pd];
5211
5207
  }
5212
- function Sd() {
5213
- return [...dd];
5208
+ function Td() {
5209
+ return [...md];
5214
5210
  }
5215
5211
  //#endregion
5216
5212
  //#region \0virtual:editor-css
5217
- var Cd = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-restore-btn-enter-active[data-v-9b8b235c]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-restore-btn-leave-active[data-v-9b8b235c]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-restore-btn-enter-from[data-v-9b8b235c],.tpl-restore-btn-leave-to[data-v-9b8b235c]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-restore-btn-enter-to[data-v-9b8b235c],.tpl-restore-btn-leave-from[data-v-9b8b235c]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-267faa45] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper{background-color:transparent!important}[data-v-267faa45] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", wd = null;
5218
- function Td() {
5219
- if (wd === null) {
5213
+ var Ed = "@import\"https://fonts.bunny.net/css?family=geist:400,500,600\";.tpl-loading-track[data-v-c3d50014]{height:3px;width:100%;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 15%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 30%,var(--tpl-primary) 50%,color-mix(in srgb,var(--tpl-primary) 30%,transparent) 70%,color-mix(in srgb,var(--tpl-primary) 10%,transparent) 85%,transparent 100%);background-size:200% 100%;animation:tpl-loading-flow-c3d50014 3s ease-in-out infinite}@keyframes tpl-loading-flow-c3d50014{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.tpl-loading-track-fill[data-v-c3d50014]{animation:none;background-position:50% 0}}.tpl-block--idle[data-v-096f1d37]{outline:1.5px dashed color-mix(in srgb,var(--tpl-primary) 30%,transparent);outline-offset:-1px;transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--idle[data-v-096f1d37]:hover{outline:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent);outline-offset:-1px;box-shadow:0 0 8px color-mix(in srgb,var(--tpl-primary) 8%,transparent)}.tpl-block--picked[data-v-096f1d37]{outline:2px solid var(--tpl-primary);outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tpl-primary) 18%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block--selected[data-v-096f1d37]{outline:2px solid color-mix(in srgb,var(--tpl-primary) 60%,transparent);outline-offset:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--tpl-primary) 15%,transparent);transition:outline .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.tpl-block-action-btn[data-v-096f1d37]{color:var(--tpl-chrome-text-muted);background-color:transparent}.tpl-block-action-btn[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-chrome-text)}.tpl-block-action-btn[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-delete-btn[data-v-096f1d37]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-condition-toggle[data-v-096f1d37]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-condition-toggle[data-v-096f1d37]:active{transform:scale(.9)}.tpl-block-hidden-overlay[data-v-096f1d37]{background-color:color-mix(in srgb,var(--tpl-bg) 60%,transparent)}.tpl-table-editable[data-v-963ac422] th[contenteditable],.tpl-table-editable[data-v-963ac422] td[contenteditable]{outline:none;cursor:text;min-width:calc(2 * var(--tpl-base-size))}.tpl-table-editable[data-v-963ac422] th[contenteditable]:empty:before,.tpl-table-editable[data-v-963ac422] td[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--tpl-text-dim);pointer-events:none}.tpl-table-editable[data-v-963ac422] th[contenteditable]:focus,.tpl-table-editable[data-v-963ac422] td[contenteditable]:focus{outline:2px solid var(--tpl-primary);outline-offset:-2px;border-radius:1px}hex-color-picker{--hcp-width: 200px}hex-color-picker::part(hue){border-radius:var(--tpl-radius-sm, 7px)}hex-color-picker::part(saturation){border-radius:var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0}.tpl-color-swatch-empty{background-color:var(--tpl-bg);background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--tpl-text-dim) calc(50% - .75px),var(--tpl-text-dim) calc(50% + .75px),transparent calc(50% + .75px))}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content:not(.tpl-block-content *){filter:invert(1) hue-rotate(180deg)}[data-v-da730df5] .tpl-block-content{transition:filter .3s ease}.tpl-canvas--dark-mode[data-v-da730df5] .tpl-block-content img{filter:invert(1) hue-rotate(180deg)}.tpl-pulse-fill[data-v-c289916a]{animation:tpl-field-pulse-c289916a 1s ease-out}@keyframes tpl-field-pulse-c289916a{0%{box-shadow:0 0 color-mix(in srgb,var(--tpl-warning) 30%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 6%,transparent)}40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-warning) 15%,transparent);background-color:color-mix(in srgb,var(--tpl-warning) 5%,transparent)}to{box-shadow:0 0 0 0 transparent;background-color:transparent}}@media(prefers-reduced-motion:reduce){.tpl-pulse-fill[data-v-c289916a]{animation:none}}input[type=number][data-v-69591c1e]::-webkit-outer-spin-button,input[type=number][data-v-69591c1e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-69591c1e]{-moz-appearance:textfield}.tpl-collapsible[data-v-c0ea5f03]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.tpl-collapsible--open[data-v-c0ea5f03]{grid-template-rows:1fr}.tpl-collapsible>div[data-v-c0ea5f03]{overflow:hidden}.tpl-icon-enter-active[data-v-632aa74f],.tpl-icon-leave-active[data-v-632aa74f]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-632aa74f],.tpl-icon-leave-to[data-v-632aa74f]{opacity:0;transform:scale(.8)}.tpl-dark-mode-toggle[data-v-632aa74f]:hover{background-color:var(--tpl-bg-hover)}.tpl-dark-mode-toggle[data-v-632aa74f]:active{transform:scale(.92)}.tpl-icon-enter-active[data-v-eef7b2ca],.tpl-icon-leave-active[data-v-eef7b2ca]{transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.tpl-icon-enter-from[data-v-eef7b2ca],.tpl-icon-leave-to[data-v-eef7b2ca]{opacity:0;transform:scale(.8)}.tpl-preview-toggle[data-v-eef7b2ca]:hover{background-color:var(--tpl-bg-hover)}.tpl-preview-toggle[data-v-eef7b2ca]:active{transform:scale(.92)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tpl-comet-angle:0deg;--tpl-comet-start:100%}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:max-w-md{max-width:calc(28 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:calc(.75 * var(--tpl-base-size))}.tpl\\:text-4xl{font-size:calc(2.25 * var(--tpl-base-size));line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:var(--tpl-base-size);line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:calc(1.125 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s)}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:var(--tpl-user-bg,oklch(99.5% .002 60));--tpl-bg-elevated:var(--tpl-user-bg-elevated,oklch(98% .004 60));--tpl-bg-hover:var(--tpl-user-bg-hover,oklch(96% .006 60));--tpl-bg-active:var(--tpl-user-bg-active,oklch(93.5% .008 60));--tpl-border:var(--tpl-user-border,oklch(92% .006 60));--tpl-border-light:var(--tpl-user-border-light,oklch(86% .01 60));--tpl-text:var(--tpl-user-text,oklch(18% .01 60));--tpl-text-muted:var(--tpl-user-text-muted,oklch(50% .015 60));--tpl-text-dim:var(--tpl-user-text-dim,oklch(68% .012 60));--tpl-primary:var(--tpl-user-primary,oklch(70% .16 55));--tpl-primary-hover:var(--tpl-user-primary-hover,oklch(63% .17 55));--tpl-primary-light:var(--tpl-user-primary-light,oklch(95% .04 55));--tpl-on-primary:var(--tpl-user-on-primary,var(--tpl-bg));--tpl-secondary:var(--tpl-user-secondary,oklch(60% .118 184.71));--tpl-secondary-hover:var(--tpl-user-secondary-hover,oklch(53.2% .105 186.39));--tpl-secondary-light:var(--tpl-user-secondary-light,oklch(93.8% .03 186.82));--tpl-success:var(--tpl-user-success,oklch(62.8% .194 155.1));--tpl-success-light:var(--tpl-user-success-light,oklch(93.6% .043 163.51));--tpl-warning:var(--tpl-user-warning,oklch(76.9% .168 70.08));--tpl-warning-light:var(--tpl-user-warning-light,oklch(95% .038 73.59));--tpl-danger:var(--tpl-user-danger,oklch(63.7% .237 25.33));--tpl-danger-light:var(--tpl-user-danger-light,oklch(93.6% .032 17.72));--tpl-canvas-bg:var(--tpl-user-canvas-bg,oklch(97.5% .003 60));--tpl-chrome-bg-elevated:var(--tpl-bg-elevated);--tpl-chrome-border-light:var(--tpl-border-light);--tpl-chrome-text:var(--tpl-text);--tpl-chrome-text-muted:var(--tpl-text-muted);--tpl-chrome-text-dim:var(--tpl-text-dim);--tpl-chrome-primary-light:var(--tpl-primary-light);--tpl-chrome-primary-hover:var(--tpl-primary-hover);--tpl-radius:var(--tpl-user-radius,10px);--tpl-radius-sm:var(--tpl-user-radius-sm,7px);--tpl-radius-lg:var(--tpl-user-radius-lg,14px);--tpl-font-family:var(--tpl-user-font-family,\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");--tpl-shadow-sm:var(--tpl-user-shadow-sm,0 1px 2px #00000008);--tpl-shadow:var(--tpl-user-shadow,0 1px 2px #0000000a, 0 1px 3px #00000008);--tpl-shadow-md:var(--tpl-user-shadow-md,0 2px 8px #0000000f, 0 1px 3px #0000000a);--tpl-shadow-lg:var(--tpl-user-shadow-lg,0 4px 16px #00000014, 0 2px 6px #0000000a);--tpl-shadow-xl:var(--tpl-user-shadow-xl,0 8px 32px #0000001a, 0 4px 12px #0000000f);--tpl-overlay:var(--tpl-user-overlay,#00000080);--tpl-ring:var(--tpl-user-ring,0 0 0 3px var(--tpl-primary-light));--tpl-transition:var(--tpl-user-transition,.12s cubic-bezier(.16, 1, .3, 1))}.tpl[data-tpl-theme=dark]{--tpl-bg:var(--tpl-user-dark-bg,oklch(16% .005 60));--tpl-bg-elevated:var(--tpl-user-dark-bg-elevated,oklch(21% .006 60));--tpl-bg-hover:var(--tpl-user-dark-bg-hover,oklch(26% .007 60));--tpl-bg-active:var(--tpl-user-dark-bg-active,oklch(30% .008 60));--tpl-border:var(--tpl-user-dark-border,oklch(30% .006 60));--tpl-border-light:var(--tpl-user-dark-border-light,oklch(38% .008 60));--tpl-text:var(--tpl-user-dark-text,oklch(93% .005 60));--tpl-text-muted:var(--tpl-user-dark-text-muted,oklch(65% .01 60));--tpl-text-dim:var(--tpl-user-dark-text-dim,oklch(50% .008 60));--tpl-primary:var(--tpl-user-dark-primary,oklch(73% .15 55));--tpl-primary-hover:var(--tpl-user-dark-primary-hover,oklch(78% .14 55));--tpl-primary-light:var(--tpl-user-dark-primary-light,oklch(28% .05 55));--tpl-secondary:var(--tpl-user-dark-secondary,oklch(63% .11 184.71));--tpl-secondary-hover:var(--tpl-user-dark-secondary-hover,oklch(68% .1 186.39));--tpl-secondary-light:var(--tpl-user-dark-secondary-light,oklch(25% .03 186.82));--tpl-success:var(--tpl-user-dark-success,oklch(65% .18 155.1));--tpl-success-light:var(--tpl-user-dark-success-light,oklch(25% .04 163.51));--tpl-warning:var(--tpl-user-dark-warning,oklch(78% .16 70.08));--tpl-warning-light:var(--tpl-user-dark-warning-light,oklch(28% .04 73.59));--tpl-danger:var(--tpl-user-dark-danger,oklch(65% .22 25.33));--tpl-danger-light:var(--tpl-user-dark-danger-light,oklch(25% .04 17.72));--tpl-canvas-bg:var(--tpl-user-dark-canvas-bg,oklch(10% .003 60));--tpl-shadow-sm:var(--tpl-user-dark-shadow-sm,0 1px 2px #0003);--tpl-shadow:var(--tpl-user-dark-shadow,0 1px 2px #0000004d, 0 1px 3px #0003);--tpl-shadow-md:var(--tpl-user-dark-shadow-md,0 2px 8px #00000059, 0 1px 3px #00000040);--tpl-shadow-lg:var(--tpl-user-dark-shadow-lg,0 4px 16px #0006, 0 2px 6px #0000004d);--tpl-shadow-xl:var(--tpl-user-dark-shadow-xl,0 8px 32px #00000080, 0 4px 12px #00000059);--tpl-overlay:var(--tpl-user-dark-overlay,#000000b3);--tpl-ring:var(--tpl-user-dark-ring,0 0 0 3px var(--tpl-primary-light))}.tpl[data-tpl-theme=dark] .tpl-block-content{--tpl-bg-elevated:oklch(98% .004 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary-light:oklch(95% .04 55);--tpl-primary-hover:oklch(60% .16 55);color:var(--tpl-text)}.tpl{height:100%;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);min-height:320px;color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family);flex-direction:column;display:flex}:where(.tpl) button{cursor:pointer;background:0 0;border:none;margin:0;padding:0}:where(.tpl) .tpl-focus-ring-host:focus-within :is(input,select,textarea):focus-visible{box-shadow:none}.tpl-popover-root{z-index:10000;position:relative}.tpl-merge-tag-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@supports (color:color-mix(in lab,red,red)){.tpl-merge-tag-label{-webkit-text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}}@keyframes tpl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tpl-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tpl-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) tpl-fade-in}.tpl-shimmer{background:linear-gradient(90deg,var(--tpl-bg-hover) 25%,var(--tpl-bg-active) 50%,var(--tpl-bg-hover) 75%);background-size:200% 100%;animation:1.5s linear infinite tpl-shimmer}.tpl-preview-mode .tpl-block--idle,.tpl-preview-mode .tpl-block--idle:hover,.tpl-preview-mode .tpl-block--selected{box-shadow:none!important;outline:none!important}.tpl-preview-mode .tpl-block{cursor:default;pointer-events:none}.tpl-preview-mode .tpl-block-actions,.tpl-preview-mode .tpl-block-hidden-overlay,.tpl-preview-mode .tpl-condition-toggle,.tpl-preview-mode .tpl-comment-indicator,.tpl-preview-mode .tpl-collab-lock{display:none}.tpl-ghost{border:none!important;border-top:2px dotted var(--tpl-primary)!important;background-color:#0000!important;justify-content:center!important;align-items:center!important;width:100%!important;height:0!important;min-height:0!important;max-height:0!important;margin:12px 0!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost{border-top:2px dotted color-mix(in srgb,var(--tpl-primary) 50%,transparent)!important}}.tpl-ghost{box-shadow:none!important;border-radius:0!important}.tpl-ghost>*{display:none!important}.tpl-ghost:before{content:var(--tpl-drop-text,\"Drop here\");white-space:nowrap!important;color:var(--tpl-primary)!important;background-color:var(--tpl-primary)!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ghost:before{background-color:color-mix(in srgb,var(--tpl-primary) 15%,var(--tpl-bg))!important}}.tpl-ghost:before{border-radius:var(--tpl-radius-sm)!important;box-shadow:none!important}.tpl-canvas-empty .tpl-ghost{display:none!important}.tpl-dragging{opacity:.8;box-shadow:var(--tpl-shadow-xl)}.sortable-fallback{transition:none!important;animation:none!important}.tpl-block--lifted{outline:2px dashed var(--tpl-primary)!important;outline-offset:2px!important;box-shadow:var(--tpl-shadow-xl),0 0 0 4px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-block--lifted{box-shadow:var(--tpl-shadow-xl),0 0 0 4px color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important}}.tpl-block--lifted{transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transform:scale(1.01)}.tpl-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl-text-toolbar-btn{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8);cursor:pointer;border-radius:calc(.25 * var(--tpl-base-size));--tw-border-style:none;transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.16, 1, .3, 1));transition-duration:var(--tw-duration,.12s);color:var(--tpl-text);background-color:#0000;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.tpl-text-toolbar-btn:hover{background-color:var(--tpl-bg-active)}.tpl-text-toolbar-btn--active{box-shadow:inset 0 0 0 1.5px var(--tpl-primary-hover);background-color:var(--tpl-primary)!important;color:var(--tpl-bg)!important}.tpl-text-toolbar-btn--active svg{stroke-width:2.75px}.tpl-text-content,.tpl-text-editable .tiptap{--tw-outline-style:none;outline-style:none}.tpl-text-editable{border-radius:calc(.25 * var(--tpl-base-size));border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(calc(var(--tpl-base-size) / 4) * 2);border-style:dashed;border-width:1px;border-color:var(--tpl-primary);min-height:1.5em}.tpl-text-content p,.tpl-text-editable .tiptap p{margin:0;margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}:is(.tpl-text-content p,.tpl-text-editable .tiptap p):last-child{margin-bottom:0}.tpl-text-content ul,.tpl-text-content ol,.tpl-text-editable .tiptap ul,.tpl-text-editable .tiptap ol{margin-block:calc(calc(var(--tpl-base-size) / 4) * 2);padding-left:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl-text-content li,.tpl-text-editable .tiptap li{margin-block:calc(var(--tpl-base-size) / 4)}.tpl-text-content s,.tpl-text-editable .tiptap s{text-decoration-line:line-through}.tpl-text-content sub,.tpl-text-editable .tiptap sub{vertical-align:sub;font-size:.75em}.tpl-text-content sup,.tpl-text-editable .tiptap sup{vertical-align:super;font-size:.75em}.tpl-text-content a,.tpl-text-editable a{color:var(--tpl-doc-link-color,inherit);-webkit-text-decoration:var(--tpl-doc-link-underline,none);text-decoration:var(--tpl-doc-link-underline,none)}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:500;background-color:var(--tpl-primary);align-items:center;font-size:.9em;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{background-color:color-mix(in srgb,var(--tpl-primary) 20%,transparent)}}.tpl-text-content span[data-merge-tag],.tpl-text-editable span[data-merge-tag]{color:var(--tpl-primary)}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5);border-radius:calc(.25 * var(--tpl-base-size));padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5);padding-block:calc(calc(var(--tpl-base-size) / 4) * .5);--tw-font-weight:700;--tw-tracking:.025em;letter-spacing:.025em;text-transform:uppercase;border:1.5px solid var(--tpl-primary);background-color:#0000;align-items:center;font-size:.8em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{border:1.5px solid color-mix(in srgb,var(--tpl-primary) 50%,transparent)}}.tpl-text-content span[data-logic-merge-tag],.tpl-text-editable span[data-logic-merge-tag]{color:var(--tpl-primary)}.tpl-tooltip{position:relative}.tpl-tooltip:after{content:attr(data-tooltip);border-radius:var(--tpl-radius-sm);background-color:var(--tpl-text);color:var(--tpl-bg);white-space:normal;text-align:center;pointer-events:none;opacity:0;text-transform:none;z-index:50;width:max-content;max-width:min(320px,90vw);padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tpl-tooltip:before{content:\"\";border:4px solid #0000;border-bottom-color:var(--tpl-text);pointer-events:none;opacity:0;z-index:50;transition:opacity .15s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.tpl-tooltip:hover:after,.tpl-tooltip:hover:before{opacity:1}.tpl.tpl-media-overlay{background-color:var(--tpl-overlay);-webkit-backdrop-filter:blur(8px);height:100%;min-height:0;color:var(--tpl-text);flex-direction:row;justify-content:center;align-items:center;display:flex}.tpl.tpl-text-toolbar{flex-direction:row;height:auto;min-height:0;display:flex}.tpl.tpl-link-dialog{background-color:var(--tpl-overlay);flex-direction:row;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tpl-upload-zone-active{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}@property --tpl-comet-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}@property --tpl-comet-start{syntax:\"<percentage>\";inherits:false;initial-value:100%}@keyframes tpl-ai-comet{0%{--tpl-comet-angle:0deg;--tpl-comet-start:100%}1%{--tpl-comet-angle:24deg;--tpl-comet-start:88%}5%{--tpl-comet-angle:120deg;--tpl-comet-start:60%}25%{--tpl-comet-angle:600deg;--tpl-comet-start:60%}33%{--tpl-comet-angle:720deg;--tpl-comet-start:100%}to{--tpl-comet-angle:720deg;--tpl-comet-start:100%}}.tpl-ai-btn--idle{background-color:var(--tpl-primary-light);color:var(--tpl-text);box-shadow:none;z-index:0;position:relative}.tpl-ai-btn--idle:before{content:\"\";border-radius:inherit;background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),var(--tpl-primary) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%);padding:2px;position:absolute;inset:-2px}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:before{background:conic-gradient(from var(--tpl-comet-angle),transparent 0%,transparent var(--tpl-comet-start),color-mix(in srgb,var(--tpl-primary) 40%,transparent) 80%,var(--tpl-primary) 90%,var(--tpl-primary) 97%,transparent 100%)}}.tpl-ai-btn--idle:before{z-index:-1;pointer-events:none;animation:20s linear 3s infinite tpl-ai-comet;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tpl-ai-btn--idle:hover{background-color:var(--tpl-primary);color:var(--tpl-on-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--tpl-primary),0 4px 16px var(--tpl-primary)!important}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--idle:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--tpl-primary) 20%,transparent),0 4px 16px color-mix(in srgb,var(--tpl-primary) 30%,transparent)!important}}.tpl-ai-btn--idle:hover:before{animation:none}.tpl-ai-btn--active{background-color:var(--tpl-primary-light);color:var(--tpl-primary-hover);border:1px solid var(--tpl-primary)}.tpl-ai-btn--active .tpl-ai-btn-icon{fill:var(--tpl-primary)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active .tpl-ai-btn-icon{fill:color-mix(in srgb,var(--tpl-primary) 25%,transparent)}}.tpl-ai-btn--active:hover{background-color:var(--tpl-primary-light)}@supports (color:color-mix(in lab,red,red)){.tpl-ai-btn--active:hover{background-color:color-mix(in srgb,var(--tpl-primary-light) 80%,var(--tpl-primary))}}.tpl-merge-tag-delete:hover{color:var(--tpl-danger)!important}@media(prefers-reduced-motion:reduce){.tpl-pulse,.tpl-shimmer,.tpl-fade-in,.tpl-scale-in,.tpl-ai-btn--idle:before{animation:none}.tpl-shimmer{background:var(--tpl-bg-hover)}.tpl *,.tpl :before,.tpl :after{transition-duration:.01ms!important}.tpl-spinner{animation:1s linear infinite tpl-spin}}.tpl-preview-pill-enter-active[data-v-ebc669ed]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.tpl-preview-pill-leave-active[data-v-ebc669ed]{transition:opacity .15s ease-in,transform .15s ease-in}.tpl-preview-pill-enter-from[data-v-ebc669ed],.tpl-preview-pill-leave-to[data-v-ebc669ed]{opacity:0;transform:translateY(-8px) scale(.9)}.tpl-preview-pill-enter-to[data-v-ebc669ed],.tpl-preview-pill-leave-from[data-v-ebc669ed]{opacity:1;transform:translateY(0) scale(1)}.tpl-saved-block-skeleton{animation:tpl-saved-block-pulse 1.4s ease-in-out infinite}@keyframes tpl-saved-block-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tpl-saved-block-skeleton{animation:none}}.tpl-saved-block-delete-btn:hover{color:var(--tpl-danger)!important}.tpl-saved-block-rename-btn:hover{color:var(--tpl-primary)!important}.tpl-comments-slide-enter-active[data-v-40431726]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-comments-slide-leave-active[data-v-40431726]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-comments-input-wrapper[data-v-40431726]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-comments-send-btn[data-v-40431726]:not(:disabled):hover{transform:scale(1.05)}.tpl-comment-filter[data-v-40431726]{color:var(--tpl-text-muted);background-color:transparent}.tpl-comment-filter[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-filter--active[data-v-40431726]{background-color:var(--tpl-primary-light);color:var(--tpl-primary)}.tpl-comment-action[data-v-40431726]{color:var(--tpl-text-dim);background-color:transparent}.tpl-comment-action[data-v-40431726]:hover{background-color:var(--tpl-bg-hover);color:var(--tpl-text)}.tpl-comment-delete[data-v-40431726]:hover{background-color:var(--tpl-danger-light);color:var(--tpl-danger)}.tpl-comment-card[data-v-40431726],.tpl-comment-reply-card[data-v-40431726]{border-color:var(--tpl-border);background-color:var(--tpl-bg)}.tpl-resolve-enter-active[data-v-40431726],.tpl-resolve-leave-active[data-v-40431726]{transition:opacity .3s ease,transform .3s ease}.tpl-resolve-enter-from[data-v-40431726],.tpl-resolve-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-resolve-icon[data-v-40431726]{transition:color .3s ease,transform .2s ease}.tpl-resolve-icon[data-v-40431726]:active{transform:scale(1.3)}.tpl-replies-enter-active[data-v-40431726],.tpl-replies-leave-active[data-v-40431726]{transition:opacity .25s ease,transform .25s ease}.tpl-replies-enter-from[data-v-40431726],.tpl-replies-leave-to[data-v-40431726]{opacity:0;transform:translateY(-4px)}.tpl-ai-slide-enter-active[data-v-82649117]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-ai-slide-leave-active[data-v-82649117]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-ai-input-wrapper[data-v-82649117]:focus-within{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-ai-send-btn[data-v-82649117]:not(:disabled):hover{transform:scale(1.05)}.tpl-suggestion-btn[data-v-82649117]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-design-slide-enter-active[data-v-9a44c153]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-design-slide-leave-active[data-v-9a44c153]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-design-prompt-input[data-v-9a44c153]:focus{border-color:var(--tpl-primary);box-shadow:var(--tpl-ring)}.tpl-design-dropzone[data-v-9a44c153]:hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.tpl-scoring-slide-enter-active[data-v-7da30b57]{transition:transform .28s cubic-bezier(.16,1,.3,1)}.tpl-scoring-slide-leave-active[data-v-7da30b57]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.tpl-scoring-fix-btn[data-v-7da30b57]:not(:disabled):hover{border-color:var(--tpl-primary)!important;background-color:var(--tpl-primary-light)!important}.vue-advanced-cropper{text-align:center;position:relative;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-267faa45] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper{background-color:transparent!important}[data-v-267faa45] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-267faa45] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-78d7ed75]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-78d7ed75]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-78d7ed75]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-56be5670]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-md:calc(.375 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tpl-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tpl-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\\:pointer-events-auto{pointer-events:auto}.tpl\\:pointer-events-none{pointer-events:none}.tpl\\:invisible{visibility:hidden}.tpl\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tpl\\:absolute{position:absolute}.tpl\\:fixed{position:fixed}.tpl\\:relative{position:relative}.tpl\\:sticky{position:sticky}.tpl\\:inset-0{inset:0}.tpl\\:inset-x-0{inset-inline:0}.tpl\\:inset-y-1{inset-block:calc(var(--tpl-base-size) / 4)}.tpl\\:-top-0\\.5{top:calc(calc(var(--tpl-base-size) / 4) * -.5)}.tpl\\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:top-0{top:0}.tpl\\:top-1{top:calc(var(--tpl-base-size) / 4)}.tpl\\:top-1\\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:top-1\\/2{top:50%}.tpl\\:top-2{top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:top-14{top:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:top-16{top:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:top-\\[104px\\]{top:104px}.tpl\\:top-full{top:100%}.tpl\\:-right-1{right:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:-right-2{right:calc(calc(var(--tpl-base-size) / 4) * -2)}.tpl\\:right-0{right:0}.tpl\\:right-1{right:calc(var(--tpl-base-size) / 4)}.tpl\\:right-1\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:right-2{right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:right-2\\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:right-\\[320px\\]{right:320px}.tpl\\:right-\\[360px\\]{right:360px}.tpl\\:right-\\[680px\\]{right:680px}.tpl\\:bottom-0{bottom:0}.tpl\\:bottom-1{bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:bottom-10{bottom:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:bottom-full{bottom:100%}.tpl\\:-left-1{left:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\\:left-0{left:0}.tpl\\:left-1\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:left-1\\/2{left:50%}.tpl\\:left-2\\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:left-3{left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:left-5{left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:left-12{left:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:z-10{z-index:10}.tpl\\:z-40{z-index:40}.tpl\\:z-50{z-index:50}.tpl\\:z-\\[4\\]{z-index:4}.tpl\\:z-\\[5\\]{z-index:5}.tpl\\:z-\\[9999\\]{z-index:9999}.tpl\\:z-\\[10000\\]{z-index:10000}.tpl\\:m-0{margin:0}.tpl\\:m-6{margin:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-0\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mx-1{margin-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:mx-1\\.5{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mx-3{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mx-6{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:mx-auto{margin-inline:auto}.tpl\\:mt-0\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\\:mt-1\\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mt-3{margin-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mt-4{margin-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:\\!mb-0{margin-bottom:0!important}.tpl\\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:mb-1\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:mb-2\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:mb-3\\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:mb-px{margin-bottom:1px}.tpl\\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\\:ml-0{margin-left:0}.tpl\\:ml-0\\.5{margin-left:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:ml-1{margin-left:calc(var(--tpl-base-size) / 4)}.tpl\\:ml-5{margin-left:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:ml-auto{margin-left:auto}.tpl\\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tpl\\:\\!flex{display:flex!important}.tpl\\:block{display:block}.tpl\\:flex{display:flex}.tpl\\:grid{display:grid}.tpl\\:hidden{display:none}.tpl\\:inline{display:inline}.tpl\\:inline-block{display:inline-block}.tpl\\:inline-flex{display:inline-flex}.tpl\\:aspect-square{aspect-ratio:1}.tpl\\:size-1\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 1.5);height:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:size-3{width:calc(calc(var(--tpl-base-size) / 4) * 3);height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:size-4\\.5{width:calc(calc(var(--tpl-base-size) / 4) * 4.5);height:calc(calc(var(--tpl-base-size) / 4) * 4.5)}.tpl\\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:size-8{width:calc(calc(var(--tpl-base-size) / 4) * 8);height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:size-16{width:calc(calc(var(--tpl-base-size) / 4) * 16);height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:size-full{width:100%;height:100%}.tpl\\:h-0{height:0}.tpl\\:h-2\\.5{height:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:h-3{height:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:h-5{height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:h-6{height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:h-7{height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:h-8{height:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:h-9{height:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:h-10{height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:h-14{height:calc(calc(var(--tpl-base-size) / 4) * 14)}.tpl\\:h-16{height:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:h-32{height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:h-44{height:calc(calc(var(--tpl-base-size) / 4) * 44)}.tpl\\:h-\\[32px\\]{height:32px}.tpl\\:h-auto{height:auto}.tpl\\:h-full{height:100%}.tpl\\:max-h-24{max-height:calc(calc(var(--tpl-base-size) / 4) * 24)}.tpl\\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:max-h-48{max-height:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:max-h-64{max-height:calc(calc(var(--tpl-base-size) / 4) * 64)}.tpl\\:max-h-\\[50vh\\]{max-height:50vh}.tpl\\:max-h-\\[60vh\\]{max-height:60vh}.tpl\\:max-h-\\[80vh\\]{max-height:80vh}.tpl\\:max-h-\\[90vh\\]{max-height:90vh}.tpl\\:min-h-0{min-height:0}.tpl\\:min-h-6{min-height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-h-10{min-height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:min-h-20{min-height:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:min-h-\\[1\\.5em\\]{min-height:1.5em}.tpl\\:min-h-\\[1em\\]{min-height:1em}.tpl\\:min-h-\\[48px\\]{min-height:48px}.tpl\\:min-h-\\[60px\\]{min-height:60px}.tpl\\:min-h-\\[64px\\]{min-height:64px}.tpl\\:min-h-\\[68px\\]{min-height:68px}.tpl\\:min-h-\\[72px\\]{min-height:72px}.tpl\\:min-h-\\[80px\\]{min-height:80px}.tpl\\:min-h-\\[100px\\]{min-height:100px}.tpl\\:min-h-\\[120px\\]{min-height:120px}.tpl\\:min-h-\\[150px\\]{min-height:150px}.tpl\\:min-h-\\[400px\\]{min-height:400px}.tpl\\:w-1\\/2{width:50%}.tpl\\:w-1\\/3{width:33.3333%}.tpl\\:w-1\\/4{width:25%}.tpl\\:w-2\\/3{width:66.6667%}.tpl\\:w-3\\/4{width:75%}.tpl\\:w-5\\/6{width:83.3333%}.tpl\\:w-7{width:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:w-8{width:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:w-9{width:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:w-10{width:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:w-12{width:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:w-16{width:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:w-20{width:calc(calc(var(--tpl-base-size) / 4) * 20)}.tpl\\:w-28{width:calc(calc(var(--tpl-base-size) / 4) * 28)}.tpl\\:w-32{width:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\\:w-36{width:calc(calc(var(--tpl-base-size) / 4) * 36)}.tpl\\:w-40{width:calc(calc(var(--tpl-base-size) / 4) * 40)}.tpl\\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\\:w-72{width:calc(calc(var(--tpl-base-size) / 4) * 72)}.tpl\\:w-\\[280px\\]{width:280px}.tpl\\:w-\\[300px\\]{width:300px}.tpl\\:w-\\[320px\\]{width:320px}.tpl\\:w-\\[360px\\]{width:360px}.tpl\\:w-\\[400px\\]{width:400px}.tpl\\:w-\\[1000px\\]{width:1000px}.tpl\\:w-\\[min\\(420px\\,92vw\\)\\]{width:min(420px,92vw)}.tpl\\:w-full{width:100%}.tpl\\:w-px{width:1px}.tpl\\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\\:max-w-\\[220px\\]{max-width:220px}.tpl\\:max-w-\\[240px\\]{max-width:240px}.tpl\\:max-w-\\[260px\\]{max-width:260px}.tpl\\:max-w-\\[320px\\]{max-width:320px}.tpl\\:max-w-\\[600px\\]{max-width:600px}.tpl\\:max-w-\\[calc\\(100vw_-_2\\*var\\(--tpl-base-size\\)\\)\\]{max-width:calc(100vw - 2 * var(--tpl-base-size))}.tpl\\:max-w-full{max-width:100%}.tpl\\:max-w-md{max-width:28rem}.tpl\\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\\:min-w-0{min-width:0}.tpl\\:min-w-6{min-width:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:min-w-\\[20px\\]{min-width:20px}.tpl\\:min-w-\\[200px\\]{min-width:200px}.tpl\\:flex-1{flex:1}.tpl\\:flex-shrink-0,.tpl\\:shrink-0{flex-shrink:0}.tpl\\:origin-top-right{transform-origin:100% 0}.tpl\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-4{--tw-translate-x:calc(calc(var(--tpl-base-size) / 4) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-2{--tw-translate-y:calc(calc(var(--tpl-base-size) / 4) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:translate-y-\\[-8px\\]{--tw-translate-y:-8px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:-rotate-90{rotate:-90deg}.tpl\\:rotate-0{rotate:0deg}.tpl\\:rotate-45{rotate:45deg}.tpl\\:rotate-90{rotate:90deg}.tpl\\:rotate-180{rotate:180deg}.tpl\\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tpl\\:animate-spin{animation:1s linear infinite spin}.tpl\\:cursor-default{cursor:default}.tpl\\:cursor-grab{cursor:grab}.tpl\\:cursor-help{cursor:help}.tpl\\:cursor-not-allowed{cursor:not-allowed}.tpl\\:cursor-pointer{cursor:pointer}.tpl\\:resize-none{resize:none}.tpl\\:resize-y{resize:vertical}.tpl\\:list-none{list-style-type:none}.tpl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.tpl\\:grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.tpl\\:flex-col{flex-direction:column}.tpl\\:flex-wrap{flex-wrap:wrap}.tpl\\:items-center{align-items:center}.tpl\\:items-end{align-items:flex-end}.tpl\\:items-start{align-items:flex-start}.tpl\\:items-stretch{align-items:stretch}.tpl\\:justify-between{justify-content:space-between}.tpl\\:justify-center{justify-content:center}.tpl\\:justify-end{justify-content:flex-end}.tpl\\:gap-0{gap:0}.tpl\\:gap-0\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-1\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:gap-2\\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:gap-4{gap:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:gap-6{gap:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:gap-10{gap:calc(calc(var(--tpl-base-size) / 4) * 10)}:where(.tpl\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tpl-base-size) / 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tpl-base-size) / 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.tpl\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\\:gap-x-1{column-gap:calc(var(--tpl-base-size) / 4)}.tpl\\:gap-x-3{column-gap:calc(calc(var(--tpl-base-size) / 4) * 3)}:where(.tpl\\:-space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(calc(var(--tpl-base-size) / 4) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}.tpl\\:gap-y-0\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:gap-y-1\\.5{row-gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:self-end{align-self:flex-end}.tpl\\:self-start{align-self:flex-start}.tpl\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\\:overflow-auto{overflow:auto}.tpl\\:overflow-hidden{overflow:hidden}.tpl\\:overflow-x-auto{overflow-x:auto}.tpl\\:overflow-y-auto{overflow-y:auto}.tpl\\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-\\[calc\\(var\\(--tpl-radius-sm\\)-2px\\)\\]{border-radius:calc(var(--tpl-radius-sm) - 2px)}.tpl\\:rounded-\\[var\\(--tpl-radius\\)\\]{border-radius:var(--tpl-radius)}.tpl\\:rounded-\\[var\\(--tpl-radius-lg\\)\\]{border-radius:var(--tpl-radius-lg)}.tpl\\:rounded-\\[var\\(--tpl-radius-md\\)\\]{border-radius:var(--tpl-radius-md)}.tpl\\:rounded-\\[var\\(--tpl-radius-sm\\)\\]{border-radius:var(--tpl-radius-sm)}.tpl\\:rounded-full{border-radius:3.40282e38px}.tpl\\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\\:rounded-sm{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\\:rounded-xl{border-radius:.75rem}.tpl\\:rounded-l-\\[var\\(--tpl-radius-sm\\)\\]{border-top-left-radius:var(--tpl-radius-sm);border-bottom-left-radius:var(--tpl-radius-sm)}.tpl\\:rounded-tl-lg{border-top-left-radius:calc(.5 * var(--tpl-base-size))}.tpl\\:rounded-r-\\[var\\(--tpl-radius-sm\\)\\]{border-top-right-radius:var(--tpl-radius-sm);border-bottom-right-radius:var(--tpl-radius-sm)}.tpl\\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.tpl\\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\\:border-0{border-style:var(--tw-border-style);border-width:0}.tpl\\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.tpl\\:border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.tpl\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.tpl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tpl\\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.tpl\\:border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.tpl\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\\:border-none{--tw-border-style:none;border-style:none}.tpl\\:border-\\[var\\(--tpl-bg\\)\\]{border-color:var(--tpl-bg)}.tpl\\:border-\\[var\\(--tpl-border\\)\\]{border-color:var(--tpl-border)}.tpl\\:border-\\[var\\(--tpl-border-light\\)\\]{border-color:var(--tpl-border-light)}.tpl\\:border-\\[var\\(--tpl-danger\\)\\]{border-color:var(--tpl-danger)}.tpl\\:border-\\[var\\(--tpl-primary\\)\\]{border-color:var(--tpl-primary)}.tpl\\:border-\\[var\\(--tpl-primary-hover\\)\\]{border-color:var(--tpl-primary-hover)}.tpl\\:border-\\[var\\(--tpl-warning\\)\\]{border-color:var(--tpl-warning)}.tpl\\:border-transparent{border-color:#0000}.tpl\\:border-l-\\[var\\(--tpl-primary\\)\\]{border-left-color:var(--tpl-primary)}.tpl\\:border-l-transparent{border-left-color:#0000}.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:var(--tpl-bg)}@supports (color:color-mix(in lab,red,red)){.tpl\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-bg\\)_90\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--tpl-bg) 90%,transparent)}}.tpl\\:bg-\\[var\\(--tpl-bg\\)\\]{background-color:var(--tpl-bg)}.tpl\\:bg-\\[var\\(--tpl-bg-active\\)\\]{background-color:var(--tpl-bg-active)}.tpl\\:bg-\\[var\\(--tpl-bg-elevated\\)\\]{background-color:var(--tpl-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-bg-hover\\)\\]{background-color:var(--tpl-bg-hover)}.tpl\\:bg-\\[var\\(--tpl-border\\)\\]{background-color:var(--tpl-border)}.tpl\\:bg-\\[var\\(--tpl-canvas-bg\\)\\]{background-color:var(--tpl-canvas-bg)}.tpl\\:bg-\\[var\\(--tpl-chrome-bg-elevated\\)\\]{background-color:var(--tpl-chrome-bg-elevated)}.tpl\\:bg-\\[var\\(--tpl-chrome-primary-light\\)\\]{background-color:var(--tpl-chrome-primary-light)}.tpl\\:bg-\\[var\\(--tpl-danger\\)\\]{background-color:var(--tpl-danger)}.tpl\\:bg-\\[var\\(--tpl-danger-light\\)\\]{background-color:var(--tpl-danger-light)}.tpl\\:bg-\\[var\\(--tpl-primary\\)\\]{background-color:var(--tpl-primary)}.tpl\\:bg-\\[var\\(--tpl-primary-light\\)\\]{background-color:var(--tpl-primary-light)}.tpl\\:bg-\\[var\\(--tpl-warning-light\\)\\]{background-color:var(--tpl-warning-light)}.tpl\\:bg-black\\/30{background-color:oklab(0% none none/.3)}.tpl\\:bg-black\\/40{background-color:oklab(0% none none/.4)}.tpl\\:bg-transparent{background-color:#0000}.tpl\\:object-contain{object-fit:contain}.tpl\\:object-cover{object-fit:cover}.tpl\\:p-0{padding:0}.tpl\\:p-0\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:p-1{padding:calc(var(--tpl-base-size) / 4)}.tpl\\:p-1\\.5{padding:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:p-3{padding:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:p-6{padding:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:p-8{padding:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-0\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:px-1{padding-inline:calc(var(--tpl-base-size) / 4)}.tpl\\:px-1\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:px-2\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:px-3\\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:px-6{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:px-8{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:px-10{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-0{padding-block:0}.tpl\\:py-0\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\\:py-1\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:py-2\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:py-3\\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:py-5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\\:py-6{padding-block:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:py-8{padding-block:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:py-10{padding-block:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\\:py-12{padding-block:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\\:py-\\[5px\\]{padding-block:5px}.tpl\\:py-\\[7px\\]{padding-block:7px}.tpl\\:py-px{padding-block:1px}.tpl\\:pt-1{padding-top:calc(var(--tpl-base-size) / 4)}.tpl\\:pt-2{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pt-2\\.5{padding-top:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pr-4{padding-right:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pb-1{padding-bottom:calc(var(--tpl-base-size) / 4)}.tpl\\:pb-1\\.5{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\\:pb-2{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pb-3{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\\:pl-2\\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\\:pl-4{padding-left:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\\:pl-9{padding-left:calc(calc(var(--tpl-base-size) / 4) * 9)}.tpl\\:pl-\\[18px\\]{padding-left:18px}.tpl\\:text-center{text-align:center}.tpl\\:text-left{text-align:left}.tpl\\:font-\\[inherit\\]{font-family:inherit}.tpl\\:font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tpl\\:font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tpl\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5 / 2.25))}.tpl\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.tpl\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.tpl\\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\\:text-\\[0\\.8em\\]{font-size:.8em}.tpl\\:text-\\[0\\.9em\\]{font-size:.9em}.tpl\\:text-\\[1em\\]{font-size:1em}.tpl\\:text-\\[8px\\]{font-size:8px}.tpl\\:text-\\[9px\\]{font-size:9px}.tpl\\:text-\\[10px\\]{font-size:10px}.tpl\\:text-\\[11px\\]{font-size:11px}.tpl\\:text-\\[12px\\]{font-size:12px}.tpl\\:text-\\[13px\\]{font-size:13px}.tpl\\:text-\\[length\\:inherit\\]{font-size:inherit}.tpl\\:leading-none{--tw-leading:1;line-height:1}.tpl\\:leading-normal{--tw-leading:1.5;line-height:1.5}.tpl\\:leading-relaxed{--tw-leading:1.625;line-height:1.625}.tpl\\:leading-snug{--tw-leading:1.375;line-height:1.375}.tpl\\:leading-tight{--tw-leading:1.25;line-height:1.25}.tpl\\:font-\\[var\\(--tpl-font-family\\)\\]{--tw-font-weight:var(--tpl-font-family);font-weight:var(--tpl-font-family)}.tpl\\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\\:tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.tpl\\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\\:break-all{word-break:break-all}.tpl\\:text-ellipsis{text-overflow:ellipsis}.tpl\\:whitespace-nowrap{white-space:nowrap}.tpl\\:whitespace-pre-wrap{white-space:pre-wrap}.tpl\\:text-\\[var\\(--tpl-bg\\)\\]{color:var(--tpl-bg)}.tpl\\:text-\\[var\\(--tpl-border\\)\\]{color:var(--tpl-border)}.tpl\\:text-\\[var\\(--tpl-border-light\\)\\]{color:var(--tpl-border-light)}.tpl\\:text-\\[var\\(--tpl-chrome-text-dim\\)\\]{color:var(--tpl-chrome-text-dim)}.tpl\\:text-\\[var\\(--tpl-chrome-text-muted\\)\\]{color:var(--tpl-chrome-text-muted)}.tpl\\:text-\\[var\\(--tpl-danger\\)\\]{color:var(--tpl-danger)}.tpl\\:text-\\[var\\(--tpl-on-primary\\)\\]{color:var(--tpl-on-primary)}.tpl\\:text-\\[var\\(--tpl-primary\\)\\]{color:var(--tpl-primary)}.tpl\\:text-\\[var\\(--tpl-primary-hover\\)\\]{color:var(--tpl-primary-hover)}.tpl\\:text-\\[var\\(--tpl-success\\)\\]{color:var(--tpl-success)}.tpl\\:text-\\[var\\(--tpl-success\\,var\\(--tpl-primary\\)\\)\\]{color:var(--tpl-success,var(--tpl-primary))}.tpl\\:text-\\[var\\(--tpl-text\\)\\]{color:var(--tpl-text)}.tpl\\:text-\\[var\\(--tpl-text-dim\\)\\]{color:var(--tpl-text-dim)}.tpl\\:text-\\[var\\(--tpl-text-muted\\)\\]{color:var(--tpl-text-muted)}.tpl\\:text-\\[var\\(--tpl-warning\\)\\]{color:var(--tpl-warning)}.tpl\\:text-white{color:#fff}.tpl\\:normal-case{text-transform:none}.tpl\\:uppercase{text-transform:uppercase}.tpl\\:italic{font-style:italic}.tpl\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tpl\\:no-underline{text-decoration-line:none}.tpl\\:underline{text-decoration-line:underline}.tpl\\:accent-\\[var\\(--tpl-primary\\)\\]{accent-color:var(--tpl-primary)}.tpl\\:opacity-0{opacity:0}.tpl\\:opacity-50{opacity:.5}.tpl\\:opacity-60{opacity:.6}.tpl\\:opacity-70{opacity:.7}.tpl\\:opacity-90{opacity:.9}.tpl\\:opacity-100{opacity:1}.tpl\\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-ring\\)\\]{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow\\)\\]{--tw-shadow:var(--tpl-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-lg\\)\\]{--tw-shadow:var(--tpl-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:ring-\\[var\\(--tpl-border\\)\\]{--tw-ring-color:var(--tpl-border)}.tpl\\:ring-\\[var\\(--tpl-primary\\)\\]{--tw-ring-color:var(--tpl-primary)}.tpl\\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tpl\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\\:duration-\\[80ms\\]{--tw-duration:80ms;transition-duration:80ms}.tpl\\:duration-\\[120ms\\]{--tw-duration:.12s;transition-duration:.12s}.tpl\\:ease-\\[cubic-bezier\\(0\\.16\\,1\\,0\\.3\\,1\\)\\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.tpl\\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\\:outline-none{--tw-outline-style:none;outline-style:none}.tpl\\:select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.tpl\\:group-hover\\:bg-black\\/40:is(:where(.tpl\\:group):hover *){background-color:oklab(0% none none/.4)}.tpl\\:group-hover\\:opacity-100:is(:where(.tpl\\:group):hover *){opacity:1}}.tpl\\:placeholder\\:text-\\[var\\(--tpl-text-dim\\)\\]::placeholder{color:var(--tpl-text-dim)}.tpl\\:first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.tpl\\:last\\:mb-0:last-child{margin-bottom:0}@media(hover:hover){.tpl\\:hover\\:z-10:hover{z-index:10}.tpl\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tpl\\:hover\\:border-\\[var\\(--tpl-border\\)\\]:hover{border-color:var(--tpl-border)}.tpl\\:hover\\:border-\\[var\\(--tpl-danger\\)\\]:hover{border-color:var(--tpl-danger)}.tpl\\:hover\\:border-\\[var\\(--tpl-primary\\)\\]:hover{border-color:var(--tpl-primary)}.tpl\\:hover\\:border-\\[var\\(--tpl-text-dim\\)\\]:hover{border-color:var(--tpl-text-dim)}.tpl\\:hover\\:border-l-\\[var\\(--tpl-primary\\)\\]:hover{border-left-color:var(--tpl-primary)}.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:var(--tpl-text)}@supports (color:color-mix(in lab,red,red)){.tpl\\:hover\\:bg-\\[color-mix\\(in_srgb\\,var\\(--tpl-text\\)_8\\%\\,transparent\\)\\]:hover{background-color:color-mix(in srgb,var(--tpl-text) 8%,transparent)}}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-active\\)\\]:hover{background-color:var(--tpl-bg-active)}.tpl\\:hover\\:bg-\\[var\\(--tpl-bg-hover\\)\\]:hover{background-color:var(--tpl-bg-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-danger-light\\)\\]:hover{background-color:var(--tpl-danger-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-hover\\)\\]:hover{background-color:var(--tpl-primary-hover)}.tpl\\:hover\\:bg-\\[var\\(--tpl-primary-light\\)\\]:hover{background-color:var(--tpl-primary-light)}.tpl\\:hover\\:bg-\\[var\\(--tpl-warning-light\\)\\]:hover{background-color:var(--tpl-warning-light)}.tpl\\:hover\\:text-\\[var\\(--tpl-danger\\)\\]:hover{color:var(--tpl-danger)}.tpl\\:hover\\:text-\\[var\\(--tpl-primary\\)\\]:hover{color:var(--tpl-primary)}.tpl\\:hover\\:text-\\[var\\(--tpl-text\\)\\]:hover{color:var(--tpl-text)}.tpl\\:hover\\:underline:hover{text-decoration-line:underline}.tpl\\:hover\\:opacity-80:hover{opacity:.8}.tpl\\:hover\\:opacity-90:hover{opacity:.9}.tpl\\:hover\\:opacity-100:hover{opacity:1}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-md\\)\\]:hover{--tw-shadow:var(--tpl-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:hover\\:shadow-\\[var\\(--tpl-shadow-sm\\)\\]:hover{--tw-shadow:var(--tpl-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tpl\\:focus\\:border-\\[var\\(--tpl-primary\\)\\]:focus{border-color:var(--tpl-primary)}.tpl\\:focus\\:shadow-\\[0_0_0_3px_var\\(--tpl-primary-light\\)\\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--tpl-primary-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus,.tpl\\:focus-visible\\:shadow-\\[var\\(--tpl-ring\\)\\]:focus-visible{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\\:focus-visible\\:ring-\\[var\\(--tpl-primary\\)\\]:focus-visible{--tw-ring-color:var(--tpl-primary)}.tpl\\:focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tpl\\:focus-visible\\:ring-offset-\\[var\\(--tpl-bg-elevated\\)\\]:focus-visible{--tw-ring-offset-color:var(--tpl-bg-elevated)}.tpl\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tpl\\:active\\:cursor-grabbing:active{cursor:grabbing}.tpl\\:active\\:bg-\\[var\\(--tpl-bg-active\\)\\]:active{background-color:var(--tpl-bg-active)}.tpl\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\\:disabled\\:opacity-30:disabled{opacity:.3}.tpl\\:disabled\\:opacity-40:disabled{opacity:.4}.tpl\\:disabled\\:opacity-50:disabled{opacity:.5}@media(hover:hover){.tpl\\:disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:\"Geist\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tpl-ai-feature-menu-item[data-v-bf59b787]:hover{background-color:var(--tpl-bg-hover)!important}\n/*$vite$:1*/", Dd = null;
5214
+ function Od() {
5215
+ if (Dd === null) {
5220
5216
  let e = new CSSStyleSheet();
5221
- e.replaceSync(Cd), wd = e;
5217
+ e.replaceSync(Ed), Dd = e;
5222
5218
  }
5223
- return wd;
5219
+ return Dd;
5224
5220
  }
5225
- function Ed(e) {
5221
+ function kd(e) {
5226
5222
  return () => {};
5227
5223
  }
5228
- function Dd(e, t) {
5224
+ function Ad(e, t) {
5229
5225
  if (!t) return {
5230
5226
  target: e,
5231
5227
  shadowRoot: null,
5232
5228
  cleanup: () => {}
5233
5229
  };
5234
5230
  let n = e.shadowRoot ?? e.attachShadow({ mode: "open" });
5235
- for (n.adoptedStyleSheets = [Td()]; n.firstChild;) n.removeChild(n.firstChild);
5231
+ for (n.adoptedStyleSheets = [Od()]; n.firstChild;) n.removeChild(n.firstChild);
5236
5232
  let r = document.createElement("div");
5237
5233
  return r.className = "tpl-editor-host", r.style.cssText = "display:block;height:100%;width:100%;", n.appendChild(r), {
5238
5234
  target: r,
5239
5235
  shadowRoot: n,
5240
- cleanup: Ed(n)
5236
+ cleanup: kd(n)
5241
5237
  };
5242
5238
  }
5243
- var Od = /* @__PURE__ */ new Map(), kd = null;
5244
- function Ad(e) {
5245
- let t = Od.get(e);
5246
- t && (t.cleanup(), t.app.unmount(), Od.delete(e), kd === e && (kd = null));
5239
+ var jd = /* @__PURE__ */ new Map(), Md = null;
5240
+ function Nd(e) {
5241
+ let t = jd.get(e);
5242
+ t && (t.cleanup(), t.app.unmount(), jd.delete(e), Md === e && (Md = null));
5247
5243
  }
5248
- async function jd(e) {
5249
- return Md(e);
5244
+ async function Pd(e) {
5245
+ return Fd(e);
5250
5246
  }
5251
- async function Md(e, t) {
5247
+ async function Fd(e, t) {
5252
5248
  let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
5253
5249
  if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
5254
- let r = await _d(e.locale ?? "en"), i = Re(e.fonts);
5255
- Ad(n);
5256
- let a = Dd(n, e.shadowDom ?? !0), o = l(null);
5257
- e.content &&= nr(e.content, e.mergeTags);
5250
+ let r = await bd(e.locale ?? "en"), i = Re(e.fonts);
5251
+ Nd(n);
5252
+ let a = Ad(n, e.shadowDom ?? !0), o = l(null);
5253
+ e.content &&= rr(e.content, e.mergeTags);
5258
5254
  let s = M({ setup() {
5259
- return () => I(od, {
5255
+ return () => I(ld, {
5260
5256
  config: e,
5261
5257
  translations: r,
5262
5258
  fontsManager: i,
@@ -5265,27 +5261,27 @@ async function Md(e, t) {
5265
5261
  ref: o
5266
5262
  });
5267
5263
  } });
5268
- s.mount(a.target), Od.set(n, {
5264
+ s.mount(a.target), jd.set(n, {
5269
5265
  app: s,
5270
5266
  editorRef: o,
5271
5267
  cleanup: a.cleanup
5272
- }), kd = n;
5268
+ }), Md = n;
5273
5269
  let c = {
5274
5270
  getContent() {
5275
5271
  return G(o.value ? o.value.getContent() : e.content ?? V());
5276
5272
  },
5277
5273
  setContent(t) {
5278
- let n = nr(t, e.mergeTags);
5274
+ let n = rr(t, e.mergeTags);
5279
5275
  o.value && o.value.setContent(n), e.content = n;
5280
5276
  },
5281
5277
  setTheme(e) {
5282
5278
  o.value && o.value.setTheme(e);
5283
5279
  },
5284
- unmount: () => Ad(n),
5280
+ unmount: () => Nd(n),
5285
5281
  create(t) {
5286
5282
  return o.value ? o.value.create(t?.content ? {
5287
5283
  ...t,
5288
- content: nr(t.content, e.mergeTags)
5284
+ content: rr(t.content, e.mergeTags)
5289
5285
  } : t) : Promise.reject(/* @__PURE__ */ Error("[Templatical] Editor not ready"));
5290
5286
  },
5291
5287
  load(e) {
@@ -5305,28 +5301,28 @@ async function Md(e, t) {
5305
5301
  },
5306
5302
  toMjml: () => u.toMjml(),
5307
5303
  toHtml: () => u.toHtml()
5308
- }, u = Yn({
5304
+ }, u = Xn({
5309
5305
  provider: e.render,
5310
- buildPayload: () => Jn({
5306
+ buildPayload: () => Yn({
5311
5307
  getContent: () => c.getContent(),
5312
5308
  renderCustomBlock: (e) => c.renderCustomBlock(e),
5313
- getFonts: () => qn(i)
5309
+ getFonts: () => Jn(i)
5314
5310
  }),
5315
- renderLocalMjml: () => Vn({
5311
+ renderLocalMjml: () => Hn({
5316
5312
  getContent: () => c.getContent(),
5317
5313
  renderCustomBlock: (e) => c.renderCustomBlock(e),
5318
5314
  getCustomBlockStylesheet: (e) => c.getCustomBlockStylesheet(e),
5319
- getFonts: () => qn(i)
5315
+ getFonts: () => Jn(i)
5320
5316
  })
5321
5317
  });
5322
5318
  return c;
5323
5319
  }
5324
- async function Nd(e) {
5325
- let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DYDf_-rN.js"), vd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5320
+ async function Id(e) {
5321
+ let [{ bootstrapCloud: t }, n] = await Promise.all([import("./chunks/createCloudRuntime-DYDf_-rN.js"), xd(e.locale ?? "en")]), { runtime: r, providers: i, user: a } = await t({
5326
5322
  config: e,
5327
5323
  cloudTranslations: n
5328
5324
  });
5329
- return Md({
5325
+ return Fd({
5330
5326
  container: e.container,
5331
5327
  content: e.content,
5332
5328
  shadowDom: e.shadowDom,
@@ -5363,10 +5359,10 @@ async function Nd(e) {
5363
5359
  user: a
5364
5360
  }, r);
5365
5361
  }
5366
- function Pd() {
5367
- kd && Ad(kd);
5362
+ function Ld() {
5363
+ Md && Nd(Md);
5368
5364
  }
5369
5365
  //#endregion
5370
- export { fe as createLocalStorageSavedBlocksProvider, md as getBaseLocale, Sd as getSupportedCloudLocales, xd as getSupportedLocales, jd as init, Nd as initCloud, bd as isCloudLocaleSupported, yd as isLocaleSupported, Pd as unmount, Re as useFonts };
5366
+ export { fe as createLocalStorageSavedBlocksProvider, _d as getBaseLocale, Td as getSupportedCloudLocales, wd as getSupportedLocales, Pd as init, Id as initCloud, Cd as isCloudLocaleSupported, Sd as isLocaleSupported, Ld as unmount, Re as useFonts };
5371
5367
 
5372
5368
  //# sourceMappingURL=editor.js.map