@templatical/editor 0.16.2 → 0.16.3

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 (75) hide show
  1. package/dist/{AiFeatureMenu-DfTYyExg.js → AiFeatureMenu-CcGRd1xE.js} +1 -1
  2. package/dist/{CloudEditor-BQyZ_nFg.js → CloudEditor-CUIWUMp5.js} +6 -6
  3. package/dist/{CollaboratorBar-DeP7K-zk.js → CollaboratorBar-DmxqeBYZ.js} +1 -1
  4. package/dist/ColorPicker-Gs4BMVog.js +474 -0
  5. package/dist/{CountdownToolbar-nY9H0BKd.js → CountdownToolbar-92w1YySJ.js} +2 -2
  6. package/dist/{ModuleBrowserModal-CkeYw1e3.js → ModuleBrowserModal-DsehjLvh.js} +4 -4
  7. package/dist/{ModulePreviewCanvas-BIMFyYaa.js → ModulePreviewCanvas-BBfuS8VW.js} +1 -1
  8. package/dist/{NumberWithSuffix-BoZyUoNz.js → NumberWithSuffix-BxSRfI8b.js} +1 -1
  9. package/dist/{ParagraphEditor-DGsTFMxg.js → ParagraphEditor-vgvQxicC.js} +4 -4
  10. package/dist/{RichTextEditorContent-BB_n8vgB.js → RichTextEditorContent-Dza2oPvh.js} +1 -1
  11. package/dist/{SaveModuleDialog-Cypt_qOB.js → SaveModuleDialog-DNWGCHlS.js} +2 -2
  12. package/dist/{SnapshotHistory-DQTH8TCS.js → SnapshotHistory-BLmnNLg1.js} +2 -2
  13. package/dist/{TestEmailModal-DqxrL-U9.js → TestEmailModal-D6v1hgY2.js} +2 -2
  14. package/dist/{TitleEditor-DoGgnrcb.js → TitleEditor-DPdzOQpq.js} +2 -2
  15. package/dist/{TplModal-Ca-29YDD.js → TplModal-DObT0uxf.js} +1 -1
  16. package/dist/{blockTypeIcons-DVJXg5si.js → blockTypeIcons-B9f5fH_5.js} +1 -1
  17. package/dist/bundle-stats.json +6 -6
  18. package/dist/cdn/chunks/{AiFeatureMenu-roPglhox.js → AiFeatureMenu-CyUCHd9I.js} +8 -8
  19. package/dist/cdn/chunks/{AiFeatureMenu-roPglhox.js.map → AiFeatureMenu-CyUCHd9I.js.map} +1 -1
  20. package/dist/cdn/chunks/{BlockIssueBadge-DW_Tt7Wg.js → BlockIssueBadge-BAa_dI-c.js} +5 -5
  21. package/dist/cdn/chunks/{BlockIssueBadge-DW_Tt7Wg.js.map → BlockIssueBadge-BAa_dI-c.js.map} +1 -1
  22. package/dist/cdn/chunks/{CloudEditor-CX6y1k3C.js → CloudEditor-ClfgLU48.js} +159 -159
  23. package/dist/cdn/chunks/{CloudEditor-CX6y1k3C.js.map → CloudEditor-ClfgLU48.js.map} +1 -1
  24. package/dist/cdn/chunks/{CollaboratorBar-Dyrab63H.js → CollaboratorBar-DCc5SL0P.js} +3 -3
  25. package/dist/cdn/chunks/{CollaboratorBar-Dyrab63H.js.map → CollaboratorBar-DCc5SL0P.js.map} +1 -1
  26. package/dist/cdn/chunks/ColorPicker-Pi-1fR8c.js +471 -0
  27. package/dist/cdn/chunks/ColorPicker-Pi-1fR8c.js.map +1 -0
  28. package/dist/cdn/chunks/{CountdownBlock-Bul4tczj.js → CountdownBlock-Bj7aoBUU.js} +4 -4
  29. package/dist/cdn/chunks/{CountdownBlock-Bul4tczj.js.map → CountdownBlock-Bj7aoBUU.js.map} +1 -1
  30. package/dist/cdn/chunks/{CountdownToolbar-DYvATR0J.js → CountdownToolbar-B1oniVq1.js} +4 -4
  31. package/dist/cdn/chunks/{CountdownToolbar-DYvATR0J.js.map → CountdownToolbar-B1oniVq1.js.map} +1 -1
  32. package/dist/cdn/chunks/{IssuesPanel-BhHU-hq3.js → IssuesPanel-BXLVRo-c.js} +7 -7
  33. package/dist/cdn/chunks/{IssuesPanel-BhHU-hq3.js.map → IssuesPanel-BXLVRo-c.js.map} +1 -1
  34. package/dist/cdn/chunks/{ModuleBrowserModal-BGd5Ryyx.js → ModuleBrowserModal-C7BkJvzf.js} +6 -6
  35. package/dist/cdn/chunks/{ModuleBrowserModal-BGd5Ryyx.js.map → ModuleBrowserModal-C7BkJvzf.js.map} +1 -1
  36. package/dist/cdn/chunks/{ModulePreviewCanvas-Hx6SCCjB.js → ModulePreviewCanvas-BJn-ZHlC.js} +10 -10
  37. package/dist/cdn/chunks/{ModulePreviewCanvas-Hx6SCCjB.js.map → ModulePreviewCanvas-BJn-ZHlC.js.map} +1 -1
  38. package/dist/cdn/chunks/{NumberWithSuffix-BImuhc9K.js → NumberWithSuffix-CkOxH3F7.js} +2 -2
  39. package/dist/cdn/chunks/{NumberWithSuffix-BImuhc9K.js.map → NumberWithSuffix-CkOxH3F7.js.map} +1 -1
  40. package/dist/cdn/chunks/{ParagraphEditor-K2vENidm.js → ParagraphEditor-4cMKKC-V.js} +146 -146
  41. package/dist/cdn/chunks/{ParagraphEditor-K2vENidm.js.map → ParagraphEditor-4cMKKC-V.js.map} +1 -1
  42. package/dist/cdn/chunks/{RichTextEditorContent-B_w3u5lN.js → RichTextEditorContent-7RZe4tbj.js} +6 -6
  43. package/dist/cdn/chunks/{RichTextEditorContent-B_w3u5lN.js.map → RichTextEditorContent-7RZe4tbj.js.map} +1 -1
  44. package/dist/cdn/chunks/{SaveModuleDialog-Cw-182CB.js → SaveModuleDialog-mr9A4j6G.js} +4 -4
  45. package/dist/cdn/chunks/{SaveModuleDialog-Cw-182CB.js.map → SaveModuleDialog-mr9A4j6G.js.map} +1 -1
  46. package/dist/cdn/chunks/{TitleEditor-CUKlo_Zj.js → TitleEditor-Cqw2jvuc.js} +8 -8
  47. package/dist/cdn/chunks/{TitleEditor-CUKlo_Zj.js.map → TitleEditor-Cqw2jvuc.js.map} +1 -1
  48. package/dist/cdn/chunks/{blockTypeIcons-Cx1FAqL6.js → blockTypeIcons-B_xRBxSU.js} +8 -8
  49. package/dist/cdn/chunks/{blockTypeIcons-Cx1FAqL6.js.map → blockTypeIcons-B_xRBxSU.js.map} +1 -1
  50. package/dist/cdn/chunks/{extensions-DSxG2wYf.js → extensions-Btyx_IMf.js} +19 -19
  51. package/dist/cdn/chunks/{extensions-DSxG2wYf.js.map → extensions-Btyx_IMf.js.map} +1 -1
  52. package/dist/cdn/chunks/{features-C-cjT_8L.js → features-Dwb5aTLg.js} +18 -16
  53. package/dist/cdn/chunks/features-Dwb5aTLg.js.map +1 -0
  54. package/dist/cdn/chunks/{icons-ay0_fN-T.js → icons-Dhqh5lYQ.js} +2 -2
  55. package/dist/cdn/chunks/{icons-ay0_fN-T.js.map → icons-Dhqh5lYQ.js.map} +1 -1
  56. package/dist/cdn/chunks/{media-library-CkmqPdO4.js → media-library-DRodsf2D.js} +101 -101
  57. package/dist/cdn/chunks/{media-library-CkmqPdO4.js.map → media-library-DRodsf2D.js.map} +1 -1
  58. package/dist/cdn/chunks/{quality-CDNrMw2A.js → quality-A_V2Iqu_.js} +435 -435
  59. package/dist/cdn/chunks/{quality-CDNrMw2A.js.map → quality-A_V2Iqu_.js.map} +1 -1
  60. package/dist/cdn/chunks/{renderer-JQ91A09w.js → renderer-BM_-zceB.js} +11 -11
  61. package/dist/cdn/chunks/{renderer-JQ91A09w.js.map → renderer-BM_-zceB.js.map} +1 -1
  62. package/dist/cdn/chunks/{src-Cehu7Hqx.js → src-DSomxPI-.js} +4 -4
  63. package/dist/cdn/chunks/{src-Cehu7Hqx.js.map → src-DSomxPI-.js.map} +1 -1
  64. package/dist/cdn/chunks/{styles-DBjy3lz9.js → styles--UXn88wH.js} +829 -829
  65. package/dist/cdn/chunks/{styles-DBjy3lz9.js.map → styles--UXn88wH.js.map} +1 -1
  66. package/dist/cdn/editor.js +29 -29
  67. package/dist/{dist-CFOQvhSC.js → color-DhoxCSMv.js} +9 -1
  68. package/dist/{styles-mvx3k1hf.js → styles-CPt6RYEc.js} +6 -6
  69. package/dist/templatical-editor.js +3 -3
  70. package/dist/{useEditorCore-DtZkR7Vk.js → useEditorCore-CSfeEwCj.js} +196 -202
  71. package/package.json +7 -7
  72. package/dist/ColorPicker-CXAbjTaG.js +0 -446
  73. package/dist/cdn/chunks/ColorPicker-BggAWrc9.js +0 -443
  74. package/dist/cdn/chunks/ColorPicker-BggAWrc9.js.map +0 -1
  75. package/dist/cdn/chunks/features-C-cjT_8L.js.map +0 -1
@@ -1,27 +1,27 @@
1
1
  import { K as e, L as t, M as n, P as r, T as i, Z as a, c as o, ct as s, d as c, f as l, g as u, h as d, it as f, l as p, m, ot as h, p as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-D840DIZB.js";
2
- import { $t as S, Qt as C, Rt as w, X as T, Z as E, Zt as D, at as O, dn as k, en as ee, k as A, ln as te, ot as j, sn as ne, tt as M, un as re, xt as ie } from "./features-C-cjT_8L.js";
3
- import { B as ae, C as oe, H as se, L as ce, R as le, X as ue, Z as de, b as fe, c as pe, d as me, f as he, g as N, i as ge, l as _e, o as ve, s as ye } from "./icons-ay0_fN-T.js";
4
- import { c as P, o as be, r as xe, s as Se, t as F } from "./ColorPicker-BggAWrc9.js";
5
- import { n as I, t as L } from "./RichTextEditorContent-B_w3u5lN.js";
2
+ import { $t as S, Qt as C, St as w, X as T, Z as E, cn as D, dn as O, en as k, fn as A, k as j, nt as M, ot as N, st as P, tn as ee, un as te, zt as F } from "./features-Dwb5aTLg.js";
3
+ import { B as ne, C as re, H as ie, L as ae, R as oe, X as se, Z as ce, b as le, c as ue, d as de, f as fe, g as I, i as pe, l as me, o as he, s as ge } from "./icons-Dhqh5lYQ.js";
4
+ import { c as _e, o as ve, r as ye, s as be, t as xe } from "./ColorPicker-Pi-1fR8c.js";
5
+ import { n as L, t as R } from "./RichTextEditorContent-7RZe4tbj.js";
6
6
  //#region src/components/blocks/EmojiPickerDropdown.vue?vue&type=script&setup=true&lang.ts
7
- var R = [
7
+ var z = [
8
8
  "aria-label",
9
9
  "title",
10
10
  "aria-expanded"
11
- ], z = ["aria-label"], B = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, V = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, H = ["aria-label", "onClick"], Ce = /* @__PURE__ */ b({
11
+ ], B = ["aria-label"], V = { class: "tpl:mb-1.5 tpl:text-[10px] tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase" }, H = { class: "tpl:grid tpl:grid-cols-10 tpl:gap-0.5" }, U = ["aria-label", "onClick"], Se = /* @__PURE__ */ b({
12
12
  __name: "EmojiPickerDropdown",
13
13
  emits: ["insert"],
14
14
  setup(e, { emit: t }) {
15
- let i = t, { categories: c, isOpen: m, toggle: _, close: y } = M(), { t: b, format: S } = w(), C = a(null), T = a(null);
16
- O(C, l(() => m.value)), k(T, () => {
15
+ let i = t, { categories: c, isOpen: m, toggle: _, close: y } = M(), { t: b, format: S } = F(), C = a(null), w = a(null);
16
+ N(C, l(() => m.value)), A(w, () => {
17
17
  m.value && y();
18
18
  });
19
- function E(e) {
19
+ function T(e) {
20
20
  i("insert", e), y();
21
21
  }
22
22
  return (e, t) => (n(), u("div", {
23
23
  ref_key: "rootRef",
24
- ref: T,
24
+ ref: w,
25
25
  class: "tpl:relative"
26
26
  }, [g("button", {
27
27
  type: "button",
@@ -32,10 +32,10 @@ var R = [
32
32
  "aria-haspopup": "dialog",
33
33
  "aria-controls": "tpl-emoji-picker",
34
34
  onClick: t[0] ||= (...e) => f(_) && f(_)(...e)
35
- }, [x(f(N), {
35
+ }, [x(f(I), {
36
36
  size: 16,
37
37
  "stroke-width": 2
38
- })], 10, R), f(m) ? (n(), u("div", {
38
+ })], 10, z), f(m) ? (n(), u("div", {
39
39
  key: 0,
40
40
  id: "tpl-emoji-picker",
41
41
  ref_key: "pickerRef",
@@ -49,19 +49,19 @@ var R = [
49
49
  }, [(n(!0), u(v, null, r(f(c), (e) => (n(), u("div", {
50
50
  key: e.key,
51
51
  class: "tpl:mb-2 tpl:last:mb-0"
52
- }, [g("div", B, s(f(b).emoji[e.key]), 1), g("div", V, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
52
+ }, [g("div", V, s(f(b).emoji[e.key]), 1), g("div", H, [(n(!0), u(v, null, r(e.emojis, (e) => (n(), u("button", {
53
53
  key: e,
54
54
  type: "button",
55
55
  "aria-label": f(S)(f(b).paragraphEditor.emojiItemLabel, { emoji: e }),
56
56
  class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:text-base tpl:transition-all tpl:duration-100 tpl:hover:scale-125 tpl:hover:bg-[var(--tpl-bg-active)]",
57
- onClick: (t) => E(e)
58
- }, s(e), 9, H))), 128))])]))), 128))], 40, z)) : d("", !0)], 512));
57
+ onClick: (t) => T(e)
58
+ }, s(e), 9, U))), 128))])]))), 128))], 40, B)) : d("", !0)], 512));
59
59
  }
60
- }), U = [
60
+ }), W = [
61
61
  "aria-label",
62
62
  "title",
63
63
  "aria-pressed"
64
- ], W = /* @__PURE__ */ b({
64
+ ], G = /* @__PURE__ */ b({
65
65
  __name: "ToolbarIconButton",
66
66
  props: {
67
67
  icon: {},
@@ -80,20 +80,20 @@ var R = [
80
80
  }, [(n(), m(t(e.icon), {
81
81
  size: e.size ?? 16,
82
82
  "stroke-width": e.strokeWidth ?? 2
83
- }, null, 8, ["size", "stroke-width"]))], 10, U));
83
+ }, null, 8, ["size", "stroke-width"]))], 10, W));
84
84
  }
85
- }), G = {}, K = {
85
+ }), K = {}, q = {
86
86
  class: "tpl:mx-1 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
87
87
  "aria-hidden": "true"
88
88
  };
89
- function q(e, t) {
90
- return n(), u("span", K);
89
+ function J(e, t) {
90
+ return n(), u("span", q);
91
91
  }
92
- var J = /*#__PURE__*/ j(G, [["render", q]]), Y = [
92
+ var Y = /*#__PURE__*/ P(K, [["render", J]]), X = [
93
93
  "value",
94
94
  "aria-label",
95
95
  "title"
96
- ], X = { value: "" }, we = ["value"], Z = /* @__PURE__ */ b({
96
+ ], Z = { value: "" }, Ce = ["value"], Q = /* @__PURE__ */ b({
97
97
  __name: "ToolbarSelect",
98
98
  props: {
99
99
  modelValue: {},
@@ -120,20 +120,20 @@ var J = /*#__PURE__*/ j(G, [["render", q]]), Y = [
120
120
  "aria-label": e.label,
121
121
  title: e.label,
122
122
  onChange: a
123
- }, [g("option", X, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
123
+ }, [g("option", Z, s(e.placeholder ?? ""), 1), (n(!0), u(v, null, r(e.options, (e) => (n(), u("option", {
124
124
  key: o(e),
125
125
  value: o(e)
126
- }, s(c(e)), 9, we))), 128))], 42, Y));
126
+ }, s(c(e)), 9, Ce))), 128))], 42, X));
127
127
  }
128
128
  });
129
129
  //#endregion
130
130
  //#region src/utils/richTextColor.ts
131
- function Q(e, t) {
131
+ function $(e, t) {
132
132
  return e || t || "#000000";
133
133
  }
134
134
  //#endregion
135
135
  //#region src/components/blocks/ParagraphToolbar.vue?vue&type=script&setup=true&lang.ts
136
- var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = ["aria-label", "title"], Oe = ["aria-label", "title"], ke = {
136
+ var we = ["data-tpl-theme", "aria-label"], Te = { class: "tpl:flex tpl:items-center tpl:gap-1" }, Ee = { class: "tpl:flex tpl:items-center tpl:gap-1" }, De = ["aria-label", "title"], Oe = ["aria-label", "title"], ke = {
137
137
  key: 1,
138
138
  class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
139
139
  }, Ae = /* @__PURE__ */ b({
@@ -151,63 +151,63 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
151
151
  "add-logic-tag"
152
152
  ],
153
153
  setup(e, { emit: t }) {
154
- let r = e, a = t, o = i(ne, null), p = i(te, null), h = re(C, "ParagraphToolbar"), b = A(), T = i(ee, null), E = i(S, null), O = i(D, null), k = l(() => (T?.isOpen.value ?? !1) || (E?.isOpen.value ?? !1)), { t: j } = w(), M = h.fonts;
155
- function N(e) {
154
+ let r = e, a = t, o = i(D, null), p = i(te, null), h = O(S, "ParagraphToolbar"), b = j(), T = i(ee, null), E = i(k, null), A = i(C, null), M = l(() => (T?.isOpen.value ?? !1) || (E?.isOpen.value ?? !1)), { t: N } = F(), P = h.fonts;
155
+ function I(e) {
156
156
  r.editor?.chain().focus().insertContent(e).run();
157
157
  }
158
- function I(e) {
158
+ function L(e) {
159
159
  return r.editor?.getAttributes("textStyle")[e] || "";
160
160
  }
161
- function L(e) {
161
+ function R(e) {
162
162
  let t = r.editor?.chain().focus();
163
163
  e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
164
164
  }
165
- function R(e) {
165
+ function z(e) {
166
166
  let t = r.editor?.chain().focus();
167
167
  e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
168
168
  }
169
- function z() {
169
+ function B() {
170
170
  return r.editor?.isActive("link") ?? !1;
171
171
  }
172
- function B() {
172
+ function V() {
173
173
  return r.editor?.getAttributes("link").color || "";
174
174
  }
175
- function V(e) {
175
+ function H(e) {
176
176
  let t = r.editor?.chain().focus();
177
- t && (z() ? (t.extendMarkRange("link").updateAttributes("link", { color: e || null }), e && t.unsetColor(), t.run()) : e ? t.setColor(e).updateAttributes("link", { color: e }).run() : t.unsetColor().run());
178
- }
179
- function H() {
180
- let e = O?.content.value.settings;
181
- return z() ? Q(B(), e?.linkColor || e?.textColor) : Q(I("color"), e?.textColor);
177
+ t && (B() ? (t.extendMarkRange("link").updateAttributes("link", { color: e || null }), e && t.unsetColor(), t.run()) : e ? t.setColor(e).updateAttributes("link", { color: e }).run() : t.unsetColor().run());
182
178
  }
183
179
  function U() {
184
- return z() ? B() : I("color");
180
+ let e = A?.content.value.settings;
181
+ return B() ? $(V(), e?.linkColor || e?.textColor) : $(L("color"), e?.textColor);
182
+ }
183
+ function W() {
184
+ return B() ? V() : L("color");
185
185
  }
186
- function G() {
186
+ function K() {
187
187
  return r.editor?.getAttributes("paragraph").lineHeight || "";
188
188
  }
189
- function K(e) {
189
+ function q(e) {
190
190
  let t = r.editor?.chain().focus();
191
191
  e ? t?.setLineHeight(e).run() : t?.unsetLineHeight().run();
192
192
  }
193
- function q(e) {
193
+ function J(e) {
194
194
  let t = r.editor?.chain().focus();
195
195
  e && e !== "normal" ? t?.setLetterSpacing(e).run() : t?.unsetLetterSpacing().run();
196
196
  }
197
- function Y() {
197
+ function X() {
198
198
  return r.editor?.getAttributes("highlight").color || "";
199
199
  }
200
- function X(e) {
200
+ function Z(e) {
201
201
  let t = r.editor?.chain().focus();
202
202
  e ? t?.setHighlight({ color: e }).run() : t?.unsetHighlight().run();
203
203
  }
204
- return (t, r) => f(b) && !k.value ? (n(), m(c, {
204
+ return (t, r) => f(b) && !M.value ? (n(), m(c, {
205
205
  key: 0,
206
206
  to: f(b)
207
207
  }, [g("div", {
208
208
  "data-tpl-theme": f(p),
209
209
  role: "toolbar",
210
- "aria-label": f(j).paragraphEditor.toolbar,
210
+ "aria-label": f(N).paragraphEditor.toolbar,
211
211
  class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:gap-1 tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:shadow-lg",
212
212
  style: _({
213
213
  ...f(o),
@@ -216,64 +216,64 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
216
216
  transform: "translateY(-100%)",
217
217
  flexDirection: "column"
218
218
  })
219
- }, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", $, [
220
- x(Z, {
221
- "model-value": I("fontFamily"),
222
- options: f(M),
223
- label: f(j).paragraphEditor.fontFamily,
224
- placeholder: f(j).paragraphEditor.defaultFont,
219
+ }, [!e.isLoading && e.editor ? (n(), u(v, { key: 0 }, [g("div", Te, [
220
+ x(Q, {
221
+ "model-value": L("fontFamily"),
222
+ options: f(P),
223
+ label: f(N).paragraphEditor.fontFamily,
224
+ placeholder: f(N).paragraphEditor.defaultFont,
225
225
  "width-class": "tpl:w-32",
226
- "onUpdate:modelValue": L
226
+ "onUpdate:modelValue": R
227
227
  }, null, 8, [
228
228
  "model-value",
229
229
  "options",
230
230
  "label",
231
231
  "placeholder"
232
232
  ]),
233
- x(Z, {
234
- "model-value": I("fontSize"),
235
- options: f(be),
236
- label: f(j).paragraphEditor.fontSize,
237
- placeholder: f(j).paragraphEditor.defaultSize,
233
+ x(Q, {
234
+ "model-value": L("fontSize"),
235
+ options: f(ve),
236
+ label: f(N).paragraphEditor.fontSize,
237
+ placeholder: f(N).paragraphEditor.defaultSize,
238
238
  "width-class": "tpl:w-20",
239
- "onUpdate:modelValue": R
239
+ "onUpdate:modelValue": z
240
240
  }, null, 8, [
241
241
  "model-value",
242
242
  "options",
243
243
  "label",
244
244
  "placeholder"
245
245
  ]),
246
- x(J),
247
- x(F, {
246
+ x(Y),
247
+ x(xe, {
248
248
  "swatch-only": "",
249
249
  size: "sm",
250
250
  "data-testid": "text-color-picker",
251
- "model-value": U(),
252
- "seed-color": H(),
253
- "aria-label": f(j).paragraphEditor.textColor,
254
- "onUpdate:modelValue": V
251
+ "model-value": W(),
252
+ "seed-color": U(),
253
+ "aria-label": f(N).paragraphEditor.textColor,
254
+ "onUpdate:modelValue": H
255
255
  }, null, 8, [
256
256
  "model-value",
257
257
  "seed-color",
258
258
  "aria-label"
259
259
  ]),
260
- x(F, {
260
+ x(xe, {
261
261
  "swatch-only": "",
262
262
  size: "sm",
263
263
  "data-testid": "highlight-color-picker",
264
- "model-value": Y(),
265
- "seed-color": f(xe),
266
- "aria-label": f(j).paragraphEditor.highlightColor,
267
- "onUpdate:modelValue": X
264
+ "model-value": X(),
265
+ "seed-color": f(ye),
266
+ "aria-label": f(N).paragraphEditor.highlightColor,
267
+ "onUpdate:modelValue": Z
268
268
  }, null, 8, [
269
269
  "model-value",
270
270
  "seed-color",
271
271
  "aria-label"
272
272
  ]),
273
- x(J),
274
- x(W, {
275
- icon: f(de),
276
- label: f(j).paragraphEditor.bold,
273
+ x(Y),
274
+ x(G, {
275
+ icon: f(ce),
276
+ label: f(N).paragraphEditor.bold,
277
277
  active: e.editor.isActive("bold"),
278
278
  "stroke-width": 2.5,
279
279
  onClick: r[0] ||= (t) => e.editor.chain().focus().toggleBold().run()
@@ -282,9 +282,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
282
282
  "label",
283
283
  "active"
284
284
  ]),
285
- x(W, {
286
- icon: f(se),
287
- label: f(j).paragraphEditor.italic,
285
+ x(G, {
286
+ icon: f(ie),
287
+ label: f(N).paragraphEditor.italic,
288
288
  active: e.editor.isActive("italic"),
289
289
  onClick: r[1] ||= (t) => e.editor.chain().focus().toggleItalic().run()
290
290
  }, null, 8, [
@@ -292,9 +292,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
292
292
  "label",
293
293
  "active"
294
294
  ]),
295
- x(W, {
296
- icon: f(ge),
297
- label: f(j).paragraphEditor.underline,
295
+ x(G, {
296
+ icon: f(pe),
297
+ label: f(N).paragraphEditor.underline,
298
298
  active: e.editor.isActive("underline"),
299
299
  onClick: r[2] ||= (t) => e.editor.chain().focus().toggleUnderline().run()
300
300
  }, null, 8, [
@@ -302,9 +302,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
302
302
  "label",
303
303
  "active"
304
304
  ]),
305
- x(W, {
306
- icon: f(me),
307
- label: f(j).paragraphEditor.strikethrough,
305
+ x(G, {
306
+ icon: f(de),
307
+ label: f(N).paragraphEditor.strikethrough,
308
308
  active: e.editor.isActive("strike"),
309
309
  onClick: r[3] ||= (t) => e.editor.chain().focus().toggleStrike().run()
310
310
  }, null, 8, [
@@ -312,10 +312,10 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
312
312
  "label",
313
313
  "active"
314
314
  ]),
315
- x(J),
316
- x(W, {
317
- icon: f(he),
318
- label: f(j).paragraphEditor.subscript,
315
+ x(Y),
316
+ x(G, {
317
+ icon: f(fe),
318
+ label: f(N).paragraphEditor.subscript,
319
319
  active: e.editor.isActive("subscript"),
320
320
  onClick: r[4] ||= (t) => e.editor.chain().focus().toggleSubscript().run()
321
321
  }, null, 8, [
@@ -323,9 +323,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
323
323
  "label",
324
324
  "active"
325
325
  ]),
326
- x(W, {
327
- icon: f(_e),
328
- label: f(j).paragraphEditor.superscript,
326
+ x(G, {
327
+ icon: f(me),
328
+ label: f(N).paragraphEditor.superscript,
329
329
  active: e.editor.isActive("superscript"),
330
330
  onClick: r[5] ||= (t) => e.editor.chain().focus().toggleSuperscript().run()
331
331
  }, null, 8, [
@@ -333,10 +333,10 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
333
333
  "label",
334
334
  "active"
335
335
  ]),
336
- x(J),
337
- x(W, {
338
- icon: f(ae),
339
- label: f(j).paragraphEditor.addLink,
336
+ x(Y),
337
+ x(G, {
338
+ icon: f(ne),
339
+ label: f(N).paragraphEditor.addLink,
340
340
  active: e.editor.isActive("link"),
341
341
  onClick: r[6] ||= (e) => a("open-link-dialog")
342
342
  }, null, 8, [
@@ -345,9 +345,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
345
345
  "active"
346
346
  ])
347
347
  ]), g("div", Ee, [
348
- x(W, {
349
- icon: f(ce),
350
- label: f(j).paragraphEditor.bulletList,
348
+ x(G, {
349
+ icon: f(ae),
350
+ label: f(N).paragraphEditor.bulletList,
351
351
  active: e.editor.isActive("bulletList"),
352
352
  onClick: r[7] ||= (t) => e.editor.chain().focus().toggleBulletList().run()
353
353
  }, null, 8, [
@@ -355,9 +355,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
355
355
  "label",
356
356
  "active"
357
357
  ]),
358
- x(W, {
359
- icon: f(le),
360
- label: f(j).paragraphEditor.numberedList,
358
+ x(G, {
359
+ icon: f(oe),
360
+ label: f(N).paragraphEditor.numberedList,
361
361
  active: e.editor.isActive("orderedList"),
362
362
  onClick: r[8] ||= (t) => e.editor.chain().focus().toggleOrderedList().run()
363
363
  }, null, 8, [
@@ -365,10 +365,10 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
365
365
  "label",
366
366
  "active"
367
367
  ]),
368
- x(J),
369
- x(W, {
370
- icon: f(ve),
371
- label: f(j).paragraphEditor.alignLeft,
368
+ x(Y),
369
+ x(G, {
370
+ icon: f(he),
371
+ label: f(N).paragraphEditor.alignLeft,
372
372
  active: e.editor.isActive({ textAlign: "left" }),
373
373
  onClick: r[9] ||= (t) => e.editor.chain().focus().setTextAlign("left").run()
374
374
  }, null, 8, [
@@ -376,9 +376,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
376
376
  "label",
377
377
  "active"
378
378
  ]),
379
- x(W, {
380
- icon: f(ye),
381
- label: f(j).paragraphEditor.alignCenter,
379
+ x(G, {
380
+ icon: f(ge),
381
+ label: f(N).paragraphEditor.alignCenter,
382
382
  active: e.editor.isActive({ textAlign: "center" }),
383
383
  onClick: r[10] ||= (t) => e.editor.chain().focus().setTextAlign("center").run()
384
384
  }, null, 8, [
@@ -386,9 +386,9 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
386
386
  "label",
387
387
  "active"
388
388
  ]),
389
- x(W, {
390
- icon: f(pe),
391
- label: f(j).paragraphEditor.alignRight,
389
+ x(G, {
390
+ icon: f(ue),
391
+ label: f(N).paragraphEditor.alignRight,
392
392
  active: e.editor.isActive({ textAlign: "right" }),
393
393
  onClick: r[11] ||= (t) => e.editor.chain().focus().setTextAlign("right").run()
394
394
  }, null, 8, [
@@ -396,65 +396,65 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
396
396
  "label",
397
397
  "active"
398
398
  ]),
399
- x(J),
400
- x(Z, {
401
- "model-value": G(),
402
- options: f(P),
403
- label: f(j).paragraphEditor.lineHeight,
399
+ x(Y),
400
+ x(Q, {
401
+ "model-value": K(),
402
+ options: f(_e),
403
+ label: f(N).paragraphEditor.lineHeight,
404
404
  placeholder: "LH",
405
405
  "width-class": "tpl:w-16",
406
- "onUpdate:modelValue": K
406
+ "onUpdate:modelValue": q
407
407
  }, null, 8, [
408
408
  "model-value",
409
409
  "options",
410
410
  "label"
411
411
  ]),
412
- x(Z, {
413
- "model-value": I("letterSpacing"),
414
- options: f(Se),
415
- label: f(j).paragraphEditor.letterSpacing,
412
+ x(Q, {
413
+ "model-value": L("letterSpacing"),
414
+ options: f(be),
415
+ label: f(N).paragraphEditor.letterSpacing,
416
416
  placeholder: "LS",
417
417
  "width-class": "tpl:w-20",
418
- "onUpdate:modelValue": q
418
+ "onUpdate:modelValue": J
419
419
  }, null, 8, [
420
420
  "model-value",
421
421
  "options",
422
422
  "label"
423
423
  ]),
424
- x(J),
425
- x(W, {
426
- icon: f(oe),
427
- label: f(j).paragraphEditor.clearFormatting,
424
+ x(Y),
425
+ x(G, {
426
+ icon: f(re),
427
+ label: f(N).paragraphEditor.clearFormatting,
428
428
  onClick: r[12] ||= (t) => e.editor.chain().focus().clearNodes().unsetAllMarks().run()
429
429
  }, null, 8, ["icon", "label"]),
430
- x(J),
431
- x(Ce, { onInsert: N }),
432
- e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(J), g("button", {
430
+ x(Y),
431
+ x(Se, { onInsert: I }),
432
+ e.canRequestMergeTag ? (n(), u(v, { key: 0 }, [x(Y), g("button", {
433
433
  type: "button",
434
434
  class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
435
- "aria-label": f(j).mergeTag.insert,
436
- title: f(j).mergeTag.insert,
435
+ "aria-label": f(N).mergeTag.insert,
436
+ title: f(N).mergeTag.insert,
437
437
  onClick: r[13] ||= (e) => a("add-merge-tag")
438
- }, [x(f(fe), {
438
+ }, [x(f(le), {
439
439
  size: 16,
440
440
  "stroke-width": 2
441
- }), y(" " + s(f(j).mergeTag.insertShort), 1)], 8, De)], 64)) : d("", !0),
442
- e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(J), g("button", {
441
+ }), y(" " + s(f(N).mergeTag.insertShort), 1)], 8, De)], 64)) : d("", !0),
442
+ e.canInsertLogicTag ? (n(), u(v, { key: 1 }, [x(Y), g("button", {
443
443
  type: "button",
444
444
  class: "tpl:flex tpl:h-8 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-active)]",
445
- "aria-label": f(j).logicTag.insert,
446
- title: f(j).logicTag.insert,
445
+ "aria-label": f(N).logicTag.insert,
446
+ title: f(N).logicTag.insert,
447
447
  "data-testid": "insert-logic-button",
448
448
  onClick: r[14] ||= (e) => a("add-logic-tag")
449
- }, [x(f(ue), {
449
+ }, [x(f(se), {
450
450
  size: 16,
451
451
  "stroke-width": 2
452
- }), y(" " + s(f(j).logicTag.insertShort), 1)], 8, Oe)], 64)) : d("", !0)
453
- ])], 64)) : (n(), u("div", ke, [x(f(ie), {
452
+ }), y(" " + s(f(N).logicTag.insertShort), 1)], 8, Oe)], 64)) : d("", !0)
453
+ ])], 64)) : (n(), u("div", ke, [x(f(w), {
454
454
  class: "tpl-spinner",
455
455
  size: 14,
456
456
  "stroke-width": 2
457
- }), y(" " + s(f(j).errors.editorLoading), 1)]))], 12, Te)], 8, ["to"])) : d("", !0);
457
+ }), y(" " + s(f(N).errors.editorLoading), 1)]))], 12, we)], 8, ["to"])) : d("", !0);
458
458
  }
459
459
  }), je = { class: "tpl-text-editor-wrapper tpl:relative" }, Me = /* @__PURE__ */ b({
460
460
  __name: "ParagraphEditor",
@@ -464,7 +464,7 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
464
464
  },
465
465
  emits: ["done"],
466
466
  setup(t, { emit: r }) {
467
- let i = t, a = r, o = A(), { editor: s, EditorContent: c, isLoading: l, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: g, linkDialogRef: _, canRequestMergeTag: v, canInsertLogicTag: y, openLinkDialog: b, insertLink: S, removeLink: C, closeLinkDialog: w, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
467
+ let i = t, a = r, o = j(), { editor: s, EditorContent: c, isLoading: l, initError: d, retry: p, showLinkDialog: m, linkUrl: h, linkColor: g, linkDialogRef: _, canRequestMergeTag: v, canInsertLogicTag: y, openLinkDialog: b, insertLink: S, removeLink: C, closeLinkDialog: w, handleLinkKeydown: D, handleAddMergeTag: O, handleAddLogicTag: k } = T({
468
468
  blockId: () => i.block.id,
469
469
  blockContent: () => i.block.content,
470
470
  onDone: () => a("done"),
@@ -482,7 +482,7 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
482
482
  import("./tiptap-zpXk5mN4.js").then((e) => e.f),
483
483
  import("./tiptap-zpXk5mN4.js").then((e) => e.d),
484
484
  import("./tiptap-zpXk5mN4.js").then((e) => e.u),
485
- import("./extensions-DSxG2wYf.js")
485
+ import("./extensions-Btyx_IMf.js")
486
486
  ]);
487
487
  return {
488
488
  TiptapEditor: a,
@@ -549,7 +549,7 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
549
549
  "onAddMergeTag",
550
550
  "onAddLogicTag"
551
551
  ]),
552
- x(L, {
552
+ x(R, {
553
553
  editor: f(s),
554
554
  "editor-content": f(c),
555
555
  "is-loading": f(l),
@@ -562,7 +562,7 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
562
562
  "init-error",
563
563
  "onRetry"
564
564
  ]),
565
- x(I, {
565
+ x(L, {
566
566
  visible: f(m),
567
567
  "is-editing-link": f(s)?.isActive("link") ?? !1,
568
568
  "dialog-ref": f(_),
@@ -592,4 +592,4 @@ var Te = ["data-tpl-theme", "aria-label"], $ = { class: "tpl:flex tpl:items-cent
592
592
  //#endregion
593
593
  export { Me as default };
594
594
 
595
- //# sourceMappingURL=ParagraphEditor-K2vENidm.js.map
595
+ //# sourceMappingURL=ParagraphEditor-4cMKKC-V.js.map