@templatical/editor 0.38.0 → 0.39.1

package/dist/{MediaPanels-CMTAhDXB.js → MediaPanels-Cc4UkfG1.js}

@@ -1,4 +1,4 @@
-import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 //#endregion
 //#region src/components/MediaPanels.vue
 var o = /* @__PURE__ */ a({
@@ -11,7 +11,7 @@ var o = /* @__PURE__ */ a({
 		popoverTarget: {}
 	},
 	setup(a) {
-		let o = a, s = t(async () => (await import("./editor-modal-B_LaQf0s.js")).MediaLibraryModal);
+		let o = a, s = t(async () => (await import("./editor-modal-OPhP71YO.js")).MediaLibraryModal);
 		function c(e) {
 			o.feature.select(e);
 		}

package/dist/MergeTagInput-QI-5KG2R.js

@@ -0,0 +1,81 @@
+import { A as e, Z as t, at as n, c as r, d as i, g as a, kt as o, l as s, u as c, v as l } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { i as u, n as d, r as f, t as p } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as m } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { p as h } from "./styleConstants-C_YAPdQS.js";
+//#region src/components/MergeTagInput.vue?vue&type=script&setup=true&lang.ts
+var g = { key: 0 }, _ = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, v = { key: 1 }, y = [
+	"type",
+	"value",
+	"placeholder"
+], b = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, x = "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)]", S = /*#__PURE__*/ m(/* @__PURE__ */ l({
+	__name: "MergeTagInput",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: { default: "" },
+		pulse: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "keydown"],
+	setup(l, { emit: m }) {
+		let S = l, C = m, w = t(null), { segments: T, hasMergeTags: E, canRequestMergeTag: D, isRequestingMergeTag: O, canInsertLogicTag: k, isRequestingLogicTag: A, isEditing: j, startEditing: M, handleInput: N, handleKeydown: P, handleClick: F, handleBlur: I, clearValue: L, insertMergeTag: R, insertLogicTag: z, replaceMergeTagAt: B } = u({
+			modelValue: () => S.modelValue,
+			emit: (e) => C("update:modelValue", e),
+			elementRef: w
+		});
+		function V(e) {
+			P(e) || C("keydown", e);
+		}
+		return (t, u) => n(E) && !n(j) ? (e(), i("div", g, [a(f, {
+			segments: n(T),
+			"display-class": x,
+			pulse: l.pulse,
+			onEdit: n(M),
+			onClear: n(L),
+			onRepick: n(B)
+		}, null, 8, [
+			"segments",
+			"pulse",
+			"onEdit",
+			"onClear",
+			"onRepick"
+		]), n(D) || n(k) ? (e(), i("div", _, [n(D) ? (e(), s(d, {
+			key: 0,
+			disabled: n(O),
+			onInsert: n(R)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0), n(k) ? (e(), s(p, {
+			key: 1,
+			disabled: n(A),
+			onInsert: n(z)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0)])) : c("", !0)])) : (e(), i("div", v, [r("input", {
+			ref_key: "inputRef",
+			ref: w,
+			type: l.type,
+			class: o([n(h), { "tpl-pulse-fill": l.pulse }]),
+			value: l.modelValue,
+			placeholder: l.placeholder,
+			onInput: u[0] ||= (...e) => n(N) && n(N)(...e),
+			onKeydown: V,
+			onClick: u[1] ||= (...e) => n(F) && n(F)(...e),
+			onBlur: u[2] ||= (...e) => n(I) && n(I)(...e)
+		}, null, 42, y), n(D) || n(k) ? (e(), i("div", b, [n(D) ? (e(), s(d, {
+			key: 0,
+			disabled: n(O),
+			onInsert: n(R)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0), n(k) ? (e(), s(p, {
+			key: 1,
+			disabled: n(A),
+			onInsert: n(z)
+		}, null, 8, ["disabled", "onInsert"])) : c("", !0)])) : c("", !0)]));
+	}
+}), [["__scopeId", "data-v-fca026e4"]]);
+//#endregion
+export { S as t };

package/dist/{MergeTagModeToggle-DKN6ihI5.js → MergeTagModeToggle-D793Bj_E.js}

@@ -1,52 +1,11 @@
-import { A as e, At as t, M as n, S as r, at as i, c as a, d as o, jt as s, l as c, r as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { A as e, At as t, M as n, S as r, at as i, c as a, d as o, jt as s, l as c, r as l, s as u, u as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
 import { N as p } from "./dist-tGkjkX-v.js";
-import { D as m } from "./keys-DQA2i1k1.js";
-import { t as h } from "./useI18n-BbdxxpOE.js";
-import { t as g } from "./createLucideIcon-Cwf_nTzE.js";
-import { t as _ } from "./sparkles-R0ZQHa6F.js";
-var v = g({
-	name: "monitor",
-	size: 24,
-	node: [
-		["rect", {
-			width: "20",
-			height: "14",
-			x: "2",
-			y: "3",
-			rx: "2",
-			key: "48i651"
-		}],
-		["line", {
-			x1: "8",
-			x2: "16",
-			y1: "21",
-			y2: "21",
-			key: "1svkeh"
-		}],
-		["line", {
-			x1: "12",
-			x2: "12",
-			y1: "17",
-			y2: "21",
-			key: "vw1qmm"
-		}]
-	]
-}), y = g({
-	name: "smartphone",
-	size: 24,
-	node: [["rect", {
-		width: "14",
-		height: "20",
-		x: "5",
-		y: "2",
-		rx: "2",
-		ry: "2",
-		key: "1yt0o3"
-	}], ["path", {
-		d: "M12 18h.01",
-		key: "mhygvu"
-	}]]
-}), b = g({
+import { D as m, P as h } from "./keys-BdoSgsz9.js";
+import { t as g } from "./useI18n-Ds_-druD.js";
+import { t as _ } from "./createLucideIcon-BxY5yz5u.js";
+import { n as v, t as y } from "./smartphone-v0u_MOEV.js";
+import { t as b } from "./sparkles-Ds0RF8Iu.js";
+var x = _({
 	name: "text-cursor-input",
 	size: 24,
 	node: [
@@ -71,42 +30,42 @@ var v = g({
 			key: "velyjx"
 		}]
 	]
-}), x = ["aria-label"], S = [
+}), S = ["aria-label"], C = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], C = /* @__PURE__ */ f({
+], w = /* @__PURE__ */ f({
 	__name: "ViewportToggle",
 	props: { viewport: {} },
 	emits: ["change"],
 	setup(r, { emit: d }) {
-		let f = r, p = d, { t: m } = h(), g = u(() => [{
+		let f = r, p = d, { t: m } = g(), h = u(() => [{
 			value: "desktop",
 			label: m.viewport.desktop
 		}, {
 			value: "mobile",
 			label: m.viewport.mobile
-		}]), _ = u(() => `translateX(${g.value.findIndex((e) => e.value === f.viewport) * 100}%)`);
+		}]), _ = u(() => `translateX(${h.value.findIndex((e) => e.value === f.viewport) * 100}%)`);
 		return (u, d) => (e(), o("div", {
 			role: "radiogroup",
 			"aria-label": i(m).viewport.label,
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
 			style: t({
-				gridTemplateColumns: `repeat(${g.value.length}, 1fr)`,
+				gridTemplateColumns: `repeat(${h.value.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
 		}, [a("div", {
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
 			style: t({
 				left: "4px",
-				width: `calc((100% - 8px) / ${g.value.length})`,
+				width: `calc((100% - 8px) / ${h.value.length})`,
 				transform: _.value,
 				backgroundColor: "var(--tpl-bg)",
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4), (e(!0), o(l, null, n(g.value, (n) => (e(), o("button", {
+		}, null, 4), (e(!0), o(l, null, n(h.value, (n) => (e(), o("button", {
 			key: n.value,
 			role: "radio",
 			"aria-checked": r.viewport === n.value,
@@ -126,46 +85,46 @@ var v = g({
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), a("span", null, s(n.label), 1)], 12, S))), 128))], 12, x));
+		})), a("span", null, s(n.label), 1)], 12, C))), 128))], 12, S));
 	}
-}), w = ["aria-label"], T = [
+}), T = ["aria-label"], E = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], E = /* @__PURE__ */ f({
+], D = /* @__PURE__ */ f({
 	__name: "MergeTagModeToggle",
 	props: { sampleMode: { type: Boolean } },
 	emits: ["change"],
-	setup(f, { emit: g }) {
-		let v = f, y = g, { t: x } = h(), S = r(m, []), C = u(() => p(S)), E = u(() => [{
+	setup(f, { emit: _ }) {
+		let v = f, y = _, { t: S } = g(), C = r(m, h), w = u(() => p(C.value)), D = u(() => [{
 			value: !0,
-			label: x.mergeTagPreview.sample
+			label: S.mergeTagPreview.sample
 		}, {
 			value: !1,
-			label: x.mergeTagPreview.labelView
-		}]), D = u(() => `translateX(${E.value.findIndex((e) => e.value === v.sampleMode) * 100}%)`);
-		return (r, u) => C.value ? (e(), o("div", {
+			label: S.mergeTagPreview.labelView
+		}]), O = u(() => `translateX(${D.value.findIndex((e) => e.value === v.sampleMode) * 100}%)`);
+		return (r, u) => w.value ? (e(), o("div", {
 			key: 0,
 			role: "radiogroup",
-			"aria-label": i(x).mergeTagPreview.label,
+			"aria-label": i(S).mergeTagPreview.label,
 			"data-testid": "merge-tag-mode-toggle",
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
 			style: t({
-				gridTemplateColumns: `repeat(${E.value.length}, 1fr)`,
+				gridTemplateColumns: `repeat(${D.value.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
 		}, [a("div", {
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
 			style: t({
 				left: "4px",
-				width: `calc((100% - 8px) / ${E.value.length})`,
-				transform: D.value,
+				width: `calc((100% - 8px) / ${D.value.length})`,
+				transform: O.value,
 				backgroundColor: "var(--tpl-bg)",
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4), (e(!0), o(l, null, n(E.value, (n) => (e(), o("button", {
+		}, null, 4), (e(!0), o(l, null, n(D.value, (n) => (e(), o("button", {
 			key: String(n.value),
 			role: "radio",
 			"aria-checked": f.sampleMode === n.value,
@@ -177,16 +136,16 @@ var v = g({
 			}),
 			title: n.label,
 			onClick: (e) => y("change", n.value)
-		}, [n.value ? (e(), c(i(_), {
+		}, [n.value ? (e(), c(i(b), {
 			key: 0,
 			size: 18,
 			"stroke-width": 1.5
-		})) : (e(), c(i(b), {
+		})) : (e(), c(i(x), {
 			key: 1,
 			size: 18,
 			"stroke-width": 1.5
-		})), a("span", null, s(n.label), 1)], 12, T))), 128))], 12, w)) : d("", !0);
+		})), a("span", null, s(n.label), 1)], 12, E))), 128))], 12, T)) : d("", !0);
 	}
 });
 //#endregion
-export { v as i, C as n, y as r, E as t };
+export { w as n, D as t };

package/dist/{ParagraphEditor-1E9yzOfk.js → ParagraphEditor-DkkPSexG.js}

@@ -1,21 +1,20 @@
-import { A as e, At as t, F as n, K as r, M as i, S as a, Z as o, at as s, c, d as l, g as u, h as d, i as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { c as b, s as x } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { A as e, At as t, F as n, K as r, M as i, S as a, Z as o, at as s, c, d as l, g as u, h as d, i as f, jt as p, kt as m, l as h, r as g, s as _, u as v, v as y } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { c as b, s as x } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
 import { R as S } from "./dist-tGkjkX-v.js";
-import { C, D as w, E as T, S as E } from "./useEditorCore-DhlKOYwe.js";
-import { t as D } from "./dist-DBirAJIs.js";
-import { T as O, W as k, Y as A, g as j, k as M, q as N, v as ee } from "./keys-DQA2i1k1.js";
-import { t as P } from "./useI18n-BbdxxpOE.js";
-import { n as F } from "./usePopoverPosition-CprM5p-c.js";
-import { t as I } from "./createLucideIcon-Cwf_nTzE.js";
-import { i as te, n as L, r as ne, t as R } from "./RichTextEditorContent-BnxbQUV9.js";
-import { o as re, s as ie } from "./MergeTagInput-BEjzj4Iu.js";
-import { t as ae } from "./link-3R8it3J7.js";
-import { t as oe } from "./list-Ccdgj46T.js";
-import { t as se } from "./loader-circle-B_tAD4k6.js";
-import { n as ce, r as le, t as ue } from "./text-align-start-DSux2UNn.js";
-import { t as z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as C } from "./dist-BDuPwOyn.js";
+import { C as w, b as T, w as E, x as D } from "./useEditorCore-C5APBjjV.js";
+import { K as O, T as k, Y as A, Z as j, g as M, k as N, v as P } from "./keys-BdoSgsz9.js";
+import { t as ee } from "./useI18n-Ds_-druD.js";
+import { n as F } from "./usePopoverPosition-Du-Ah8E9.js";
+import { t as I } from "./createLucideIcon-BxY5yz5u.js";
+import { i as te, n as L, r as ne, t as R } from "./RichTextEditorContent-BC5UTVnb.js";
+import { c as z, l as re, u as ie } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as ae } from "./link-CNuozGqD.js";
+import { t as oe } from "./list-BA0I5Wmu.js";
+import { t as se } from "./loader-circle-z5eeqasv.js";
+import { n as ce, r as le, t as ue } from "./text-align-start-DiavaIm6.js";
+import { t as B } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as de, n as fe, o as pe, s as me } from "./styleConstants-C_YAPdQS.js";
-import { t as B } from "./ColorPicker-BqlZ_TqG.js";
 var V = I({
 	name: "face-slightly-smiling",
 	size: 24,
@@ -187,8 +186,8 @@ var V = I({
 	__name: "EmojiPickerDropdown",
 	emits: ["insert"],
 	setup(t, { emit: n }) {
-		let r = n, { categories: a, isOpen: d, toggle: f, close: h } = T(), { t: y, format: S } = P(), C = o(null), E = o(null), O = _(() => d.value);
-		w(C, O), D(E, () => {
+		let r = n, { categories: a, isOpen: d, toggle: f, close: h } = w(), { t: y, format: S } = ee(), T = o(null), D = o(null), O = _(() => d.value);
+		E(T, O), C(D, () => {
 			d.value && h();
 		});
 		function k(e) {
@@ -196,7 +195,7 @@ var V = I({
 		}
 		return (t, n) => (e(), l("div", {
 			ref_key: "rootRef",
-			ref: E,
+			ref: D,
 			class: "tpl:relative"
 		}, [c("button", {
 			type: "button",
@@ -214,7 +213,7 @@ var V = I({
 			key: 0,
 			id: "tpl-emoji-picker",
 			ref_key: "pickerRef",
-			ref: C,
+			ref: T,
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-label": s(y).paragraphEditor.insertEmoji,
@@ -264,7 +263,7 @@ var V = I({
 function Z(t, n) {
 	return e(), l("span", X);
 }
-var Q = /*#__PURE__*/ z(Y, [["render", Z]]), Ce = [
+var Q = /*#__PURE__*/ B(Y, [["render", Z]]), Ce = [
 	"value",
 	"aria-label",
 	"title"
@@ -326,7 +325,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 		"add-logic-tag"
 	],
 	setup(n, { emit: r }) {
-		let i = n, o = r, m = a(k, null), y = a(N, null), b = A(ee, "ParagraphToolbar"), x = F(), S = a(M, null), C = a(O, null), w = a(j, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = P(), D = b.fonts;
+		let i = n, o = r, m = a(O, null), y = a(A, null), b = j(P, "ParagraphToolbar"), x = F(), S = a(N, null), C = a(k, null), w = a(M, null), T = _(() => (S?.isOpen.value ?? !1) || (C?.isOpen.value ?? !1)), { t: E } = ee(), D = b.fonts;
 		function I(e) {
 			i.editor?.chain().focus().insertContent(e).run();
 		}
@@ -337,7 +336,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontFamily(e).run() : t?.unsetFontFamily().run();
 		}
-		function z(e) {
+		function B(e) {
 			let t = i.editor?.chain().focus();
 			e ? t?.setFontSize(e).run() : t?.unsetFontSize().run();
 		}
@@ -411,7 +410,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 				label: s(E).paragraphEditor.fontSize,
 				placeholder: s(E).paragraphEditor.defaultSize,
 				"width-class": "tpl:w-20",
-				"onUpdate:modelValue": z
+				"onUpdate:modelValue": B
 			}, null, 8, [
 				"model-value",
 				"options",
@@ -419,7 +418,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 				"placeholder"
 			]),
 			u(Q),
-			u(B, {
+			u(z, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "text-color-picker",
@@ -432,7 +431,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 				"seed-color",
 				"aria-label"
 			]),
-			u(B, {
+			u(z, {
 				"swatch-only": "",
 				size: "sm",
 				"data-testid": "highlight-color-picker",
@@ -649,25 +648,25 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 	},
 	emits: ["done"],
 	setup(t, { emit: n }) {
-		let i = t, o = n, c = F(), d = a(j, null), f = S(d?.content?.value?.settings ?? { locale: "en" }) === "rtl" ? "right" : "left", { editor: p, EditorContent: m, isLoading: h, initError: g, retry: _, showLinkDialog: v, linkUrl: y, linkColor: b, linkDialogRef: x, canRequestMergeTag: w, canInsertLogicTag: T, openLinkDialog: D, insertLink: O, removeLink: k, closeLinkDialog: A, handleLinkKeydown: M, handleAddMergeTag: N, handleAddLogicTag: ee } = E({
+		let i = t, o = n, c = F(), d = a(M, null), f = S(d?.content?.value?.settings ?? { locale: "en" }) === "rtl" ? "right" : "left", { editor: p, EditorContent: m, isLoading: h, initError: g, retry: _, showLinkDialog: v, linkUrl: y, linkColor: b, linkDialogRef: x, canRequestMergeTag: C, canInsertLogicTag: w, openLinkDialog: E, insertLink: O, removeLink: k, closeLinkDialog: A, handleLinkKeydown: j, handleAddMergeTag: N, handleAddLogicTag: P } = T({
 			blockId: () => i.block.id,
 			blockContent: () => i.block.content,
 			onDone: () => o("done"),
 			editorName: "ParagraphEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
-				let [{ Editor: a, EditorContent: o }, { default: s }, { default: l }, { default: u }, { default: d }, { default: p }, { default: m }, { TextStyle: h }, { default: g }, { default: _ }, { default: v }, { MergeTagNode: y, MergeTagSuggestion: b, LogicMergeTagNode: x, FontSize: S, LineHeight: w, LetterSpacing: T, LineBoundaryKeys: E }] = await Promise.all([
-					import("./dist-BVqAYoRB.js").then((e) => e.r),
-					import("./dist-DkcA6epL.js"),
-					import("./dist-C1tsW_99.js"),
-					import("./dist-DC-3T0ED.js"),
-					import("./dist-ByT5fgKq.js"),
-					import("./dist-CtMXAH7a.js"),
-					import("./dist-CtF9STPS.js"),
-					import("./dist-D7WY8VPq.js"),
-					import("./dist-D08oVYhr.js"),
-					import("./dist-DzdeVn-W.js"),
-					import("./dist-f7HXo6j6.js"),
-					import("./extensions-CHOBZRab.js")
+				let [{ Editor: a, EditorContent: o }, { default: s }, { default: l }, { default: u }, { default: d }, { default: p }, { default: m }, { TextStyle: h }, { default: g }, { default: _ }, { default: v }, { MergeTagNode: y, MergeTagSuggestion: b, LogicMergeTagNode: x, FontSize: S, LineHeight: C, LetterSpacing: w, LineBoundaryKeys: T }] = await Promise.all([
+					import("./dist-BmsLcnrO.js").then((e) => e.r),
+					import("./dist-BdHF7nyq.js"),
+					import("./dist-wyXxj3R1.js"),
+					import("./dist-CQSVro7b.js"),
+					import("./dist-Bl4rxpX9.js"),
+					import("./dist-BxVnMgXZ.js"),
+					import("./dist-BJM3eFyT.js"),
+					import("./dist-DyrEOKEJ.js"),
+					import("./dist-Djmzp6wi.js"),
+					import("./dist-EDkj3Ub1.js"),
+					import("./dist-DQbOebGW.js"),
+					import("./extensions-DRN-elXT.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -684,7 +683,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 						u,
 						d,
 						p,
-						C(l).configure({
+						D(l).configure({
 							openOnClick: !1,
 							HTMLAttributes: {
 								target: "_blank",
@@ -700,16 +699,16 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 						_,
 						v.configure({ multicolor: !0 }),
 						S,
+						C,
 						w,
-						T,
 						y.configure({
-							mergeTags: e,
+							mergeTags: () => e.value,
 							syntax: t
 						}),
 						x.configure({ syntax: t }),
-						E,
-						...r && n && e.length > 0 ? [b.configure({
-							mergeTags: e,
+						T,
+						...r && n && e.value.length > 0 ? [b.configure({
+							mergeTags: () => e.value,
 							char: n,
 							emptyText: i,
 							popoverRoot: c
@@ -723,11 +722,11 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 				editor: s(p),
 				"toolbar-position": t.toolbarPosition,
 				"is-loading": s(h),
-				"can-request-merge-tag": s(w),
-				"can-insert-logic-tag": s(T),
-				onOpenLinkDialog: s(D),
+				"can-request-merge-tag": s(C),
+				"can-insert-logic-tag": s(w),
+				onOpenLinkDialog: s(E),
 				onAddMergeTag: s(N),
-				onAddLogicTag: s(ee)
+				onAddLogicTag: s(P)
 			}, null, 8, [
 				"editor",
 				"toolbar-position",
@@ -763,7 +762,7 @@ var De = ["data-tpl-theme", "aria-label"], Oe = { class: "tpl:flex tpl:items-cen
 				onClose: s(A),
 				onInsert: s(O),
 				onRemove: s(k),
-				onKeydown: s(M)
+				onKeydown: s(j)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",

package/dist/{RestoreVersionDialog-BMGUkcd8.js → RestoreVersionDialog-BgueZnZr.js}

@@ -1,9 +1,9 @@
-import { A as e, B as t, at as n, c as r, d as i, g as a, h as o, jt as s, kt as c, l, u, v as d } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { t as f } from "./useI18n-BbdxxpOE.js";
-import { t as p } from "./loader-circle-B_tAD4k6.js";
-import { t as m } from "./triangle-alert-C6tGa6jw.js";
+import { A as e, B as t, at as n, c as r, d as i, g as a, h as o, jt as s, kt as c, l, u, v as d } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { t as f } from "./useI18n-Ds_-druD.js";
+import { t as p } from "./loader-circle-z5eeqasv.js";
+import { t as m } from "./triangle-alert-DGLAyXnh.js";
 import { d as h, v as g, x as _ } from "./styleConstants-C_YAPdQS.js";
-import { t as v } from "./TplModal-Q9fDgS1M.js";
+import { t as v } from "./TplModal-C8xGjC1l.js";
 //#region src/components/RestoreVersionDialog.vue?vue&type=script&setup=true&lang.ts
 var y = ["aria-busy"], b = { class: "tpl:flex tpl:items-center tpl:gap-2" }, x = {
 	id: "tpl-restore-version-title",

package/dist/{RichTextEditorContent-BnxbQUV9.js → RichTextEditorContent-BC5UTVnb.js}

@@ -1,12 +1,12 @@
-import { A as e, At as t, F as n, I as r, S as i, at as a, c as o, d as s, g as c, h as l, i as u, jt as d, l as f, s as p, u as m, v as h, w as g } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { c as _ } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { W as v, g as y, q as b } from "./keys-DQA2i1k1.js";
-import { t as x } from "./useI18n-BbdxxpOE.js";
-import { n as S } from "./usePopoverPosition-CprM5p-c.js";
-import { t as C } from "./createLucideIcon-Cwf_nTzE.js";
-import { t as w } from "./MergeTagInput-BEjzj4Iu.js";
-import { t as T } from "./x-D_-42Ukq.js";
-import { t as E } from "./ColorPicker-BqlZ_TqG.js";
+import { A as e, At as t, F as n, I as r, S as i, at as a, c as o, d as s, g as c, h as l, i as u, jt as d, l as f, s as p, u as m, v as h, w as g } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { c as _ } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { K as v, Y as y, g as b } from "./keys-BdoSgsz9.js";
+import { t as x } from "./useI18n-Ds_-druD.js";
+import { n as S } from "./usePopoverPosition-Du-Ah8E9.js";
+import { t as C } from "./createLucideIcon-BxY5yz5u.js";
+import { c as w } from "./LogicTagInsertButton-D8IwH-9Z.js";
+import { t as T } from "./x-3BHV3Q6K.js";
+import { t as E } from "./MergeTagInput-QI-5KG2R.js";
 var D = C({
 	name: "bold",
 	size: 24,
@@ -67,7 +67,7 @@ var D = C({
 		"update:dialogRef"
 	]),
 	setup(n, { emit: l }) {
-		let h = r(n, "linkUrl"), g = r(n, "linkColor"), C = r(n, "dialogRef"), D = l, O = i(v, null), B = i(b, null), V = S(), H = i(y, null), U = p(() => H?.content.value.settings.linkColor || "#2c85de"), { t: W } = x();
+		let h = r(n, "linkUrl"), g = r(n, "linkColor"), C = r(n, "dialogRef"), D = l, O = i(v, null), B = i(y, null), V = S(), H = i(b, null), U = p(() => H?.content.value.settings.linkColor || "#2c85de"), { t: W } = x();
 		return (r, i) => a(V) ? (e(), f(u, {
 			key: 0,
 			to: a(V)
@@ -94,14 +94,14 @@ var D = C({
 				size: 16,
 				"stroke-width": 2
 			})], 8, M)]),
-			o("div", N, [o("div", P, [o("label", F, d(a(W).linkDialog.urlLabel), 1), c(w, {
+			o("div", N, [o("div", P, [o("label", F, d(a(W).linkDialog.urlLabel), 1), c(E, {
 				"model-value": h.value,
 				type: "url",
 				"data-testid": "link-dialog-url",
 				placeholder: a(W).linkDialog.urlPlaceholder,
 				"onUpdate:modelValue": i[1] ||= (e) => h.value = e,
 				onKeydown: i[2] ||= (e) => D("keydown", e)
-			}, null, 8, ["model-value", "placeholder"])]), o("div", I, [o("label", L, d(a(W).linkDialog.colorLabel), 1), c(E, {
+			}, null, 8, ["model-value", "placeholder"])]), o("div", I, [o("label", L, d(a(W).linkDialog.colorLabel), 1), c(w, {
 				"model-value": g.value,
 				"seed-color": U.value,
 				"onUpdate:modelValue": i[3] ||= (e) => g.value = e

package/dist/{SaveBlockDialog-WKASpCCT.js → SaveBlockDialog-BuTuVlLr.js}

@@ -1,15 +1,16 @@
-import { A as e, At as t, B as n, D as r, F as i, M as a, O as o, R as s, S as c, V as l, Z as u, at as d, c as f, d as p, g as m, h, jt as g, kt as _, l as v, r as y, s as b, u as x, v as S } from "./vue.runtime.esm-bundler-DShF3P6k.js";
-import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-PnoZU512.js";
-import { J as ee, N as E, c as D } from "./useEditorCore-DhlKOYwe.js";
-import { B as O, Y as k, g as A, p as te } from "./keys-DQA2i1k1.js";
-import { t as j } from "./useI18n-BbdxxpOE.js";
-import { t as M } from "./chevron-down-C-Fjxcqj.js";
-import { t as N } from "./chevron-up-lntU1ypp.js";
-import { t as P } from "./loader-circle-B_tAD4k6.js";
+import { A as e, At as t, B as n, D as r, F as i, M as a, O as o, R as s, S as c, V as l, Z as u, at as d, c as f, d as p, g as m, h, jt as g, kt as _, l as v, r as y, s as b, u as x, v as S } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as C, c as w, s as T } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { d as ee } from "./socialIcons-DkGcpEwC.js";
+import { E, s as D } from "./useEditorCore-C5APBjjV.js";
+import { H as O, Z as k, g as A, p as te } from "./keys-BdoSgsz9.js";
+import { t as j } from "./useI18n-Ds_-druD.js";
+import { t as M } from "./chevron-down-Dkr-7Ywl.js";
+import { t as N } from "./chevron-up-CQAyl0kC.js";
+import { t as P } from "./loader-circle-z5eeqasv.js";
 import { v as F } from "./styleConstants-C_YAPdQS.js";
 import { n as I } from "./emailFrameWidth-BmFCN2dp.js";
-import { t as L } from "./TplModal-Q9fDgS1M.js";
-import { t as R } from "./BlockPreviewCanvas-DDCmMram.js";
+import { t as L } from "./TplModal-C8xGjC1l.js";
+import { t as R } from "./BlockPreviewCanvas-DXGjUECG.js";
 //#region src/components/SavedBlockPreviewRow.vue?vue&type=script&setup=true&lang.ts
 var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relative tpl:min-w-0 tpl:flex-1" }, H = {
 	key: 0,
@@ -36,7 +37,7 @@ var z = ["data-block-id"], B = ["aria-label", "title"], V = { class: "tpl:relati
 			P.value = r, F.value = t.offsetHeight * r;
 		}
 		o(() => {
-			J(), !(typeof ResizeObserver > "u") && (G = new ResizeObserver(() => J()), O.value && G.observe(O.value), k.value && G.observe(k.value));
+			J(), typeof ResizeObserver < "u" && (G = new ResizeObserver(() => J()), O.value && G.observe(O.value), k.value && G.observe(k.value));
 		}), r(() => {
 			G?.disconnect(), G = null;
 		});