@templatical/editor 0.6.7 → 0.7.0

package/dist/{RichTextEditorContent-CK3Om7ES.js → RichTextEditorContent-C3QSg7gd.js}

@@ -1,12 +1,13 @@
 import { A as e, B as t, F as n, I as r, T as i, _ as a, a as o, b as s, c, f as l, h as u, m as d, ot as f, p, rt as m, st as h, u as g, v as _, w as v } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { D as y, T as b } from "./keys-Bqs_0du9.js";
-import { t as x } from "./useI18n-CgmQftNf.js";
+import { D as y, k as b } from "./keys-B5SJtPWf.js";
+import { t as x } from "./useI18n-PEB8ioi_.js";
 import { t as S } from "./createLucideIcon-Di4mqmGn.js";
 import { t as C } from "./x-Dlaenqta.js";
-var w = S("bold", [["path", {
+import { t as w } from "./usePopoverRoot-BxJrqnMD.js";
+var T = S("bold", [["path", {
 	d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
 	key: "mg9rjx"
-}]]), T = S("italic", [
+}]]), E = S("italic", [
 	["line", {
 		x1: "19",
 		x2: "10",
@@ -28,19 +29,19 @@ var w = S("bold", [["path", {
 		y2: "20",
 		key: "uljnxc"
 	}]
-]), E = S("link", [["path", {
+]), D = S("link", [["path", {
 	d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
 	key: "1cjeqo"
 }], ["path", {
 	d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
 	key: "19qd67"
-}]]), D = ["data-tpl-theme"], O = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, k = {
+}]]), O = ["data-tpl-theme"], k = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-5 tpl:py-4" }, A = {
 	id: "tpl-link-dialog-title",
 	class: "tpl:m-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, A = ["aria-label"], j = { class: "tpl:p-5" }, M = { class: "tpl:mb-4 tpl:last:mb-0" }, N = {
+}, j = ["aria-label"], M = { class: "tpl:p-5" }, N = { class: "tpl:mb-4 tpl:last:mb-0" }, P = {
 	for: "tpl-link-dialog-url",
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium tpl:tracking-wide tpl:text-[var(--tpl-text-muted)] tpl:uppercase"
-}, P = ["placeholder"], F = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, I = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, L = /* @__PURE__ */ s({
+}, F = ["placeholder"], I = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:px-5 tpl:py-4" }, L = { class: "tpl:ml-auto tpl:flex tpl:gap-2" }, R = /* @__PURE__ */ s({
 	__name: "RichTextLinkDialog",
 	props: /* @__PURE__ */ i({
 		visible: { type: Boolean },
@@ -58,12 +59,15 @@ var w = S("bold", [["path", {
 		"keydown"
 	], ["update:linkUrl", "update:dialogRef"]),
 	setup(n, { emit: i }) {
-		let a = r(n, "linkUrl"), s = r(n, "dialogRef"), S = i, w = v(b, null), T = v(y, null), { t: E } = x();
-		return (r, i) => (e(), p(g, { to: "body" }, [n.visible ? (e(), u("div", {
+		let a = r(n, "linkUrl"), s = r(n, "dialogRef"), S = i, T = v(y, null), E = v(b, null), D = w(), { t: R } = x();
+		return (r, i) => m(D) ? (e(), p(g, {
 			key: 0,
-			"data-tpl-theme": m(T),
+			to: m(D)
+		}, [n.visible ? (e(), u("div", {
+			key: 0,
+			"data-tpl-theme": m(E),
 			class: "tpl tpl-link-dialog tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
-			style: f(m(w)),
+			style: f(m(T)),
 			onClick: i[6] ||= c((e) => S("close"), ["self"])
 		}, [l("div", {
 			ref: (e) => s.value = e,
@@ -72,47 +76,47 @@ var w = S("bold", [["path", {
 			"aria-labelledby": "tpl-link-dialog-title",
 			class: "tpl:w-[400px] tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:shadow-lg"
 		}, [
-			l("div", O, [l("h4", k, h(n.isEditingLink ? m(E).linkDialog.editLink : m(E).linkDialog.insertLink), 1), l("button", {
+			l("div", k, [l("h4", A, h(n.isEditingLink ? m(R).linkDialog.editLink : m(R).linkDialog.insertLink), 1), l("button", {
 				type: "button",
-				"aria-label": m(E).linkDialog.cancel,
+				"aria-label": m(R).linkDialog.cancel,
 				class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:border-none tpl:bg-transparent tpl:p-0 tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 				onClick: i[0] ||= (e) => S("close")
 			}, [_(m(C), {
 				size: 16,
 				"stroke-width": 2
-			})], 8, A)]),
-			l("div", j, [l("div", M, [l("label", N, h(m(E).linkDialog.urlLabel), 1), t(l("input", {
+			})], 8, j)]),
+			l("div", M, [l("div", N, [l("label", P, h(m(R).linkDialog.urlLabel), 1), t(l("input", {
 				id: "tpl-link-dialog-url",
 				"onUpdate:modelValue": i[1] ||= (e) => a.value = e,
 				type: "url",
 				class: "tpl:w-full tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2.5 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:transition-all tpl:duration-150 tpl:outline-none tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]",
-				placeholder: m(E).linkDialog.urlPlaceholder,
+				placeholder: m(R).linkDialog.urlPlaceholder,
 				autofocus: "",
 				onKeydown: i[2] ||= (e) => S("keydown", e)
-			}, null, 40, P), [[o, a.value]])])]),
-			l("div", F, [n.isEditingLink ? (e(), u("button", {
+			}, null, 40, F), [[o, a.value]])])]),
+			l("div", I, [n.isEditingLink ? (e(), u("button", {
 				key: 0,
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-danger)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-danger)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-danger-light)]",
 				onClick: i[3] ||= (e) => S("remove")
-			}, h(m(E).linkDialog.removeLink), 1)) : d("", !0), l("div", I, [l("button", {
+			}, h(m(R).linkDialog.removeLink), 1)) : d("", !0), l("div", L, [l("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-transparent tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]",
 				onClick: i[4] ||= (e) => S("close")
-			}, h(m(E).linkDialog.cancel), 1), l("button", {
+			}, h(m(R).linkDialog.cancel), 1), l("button", {
 				type: "button",
 				class: "tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:rounded-md tpl:border-none tpl:bg-[var(--tpl-primary)] tpl:px-4 tpl:py-2 tpl:text-[13px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:text-[var(--tpl-bg)]",
 				onClick: i[5] ||= (e) => S("insert")
-			}, h(n.isEditingLink ? m(E).linkDialog.updateLink : m(E).linkDialog.insertLink), 1)])])
-		], 512)], 12, D)) : d("", !0)]));
+			}, h(n.isEditingLink ? m(R).linkDialog.updateLink : m(R).linkDialog.insertLink), 1)])])
+		], 512)], 12, O)) : d("", !0)], 8, ["to"])) : d("", !0);
 	}
-}), R = {
+}), z = {
 	key: 0,
 	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:border-[var(--tpl-primary)] tpl:p-2"
-}, z = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, B = {
+}, B = { class: "tpl:animate-pulse tpl:text-[var(--tpl-text-dim)]" }, V = {
 	key: 1,
 	class: "tpl-text-editable tpl:min-h-[1.5em] tpl:rounded tpl:border tpl:border-dashed tpl:p-2 tpl:text-center tpl:text-xs tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-text-muted)]"
-}, V = /* @__PURE__ */ s({
+}, H = /* @__PURE__ */ s({
 	__name: "RichTextEditorContent",
 	props: {
 		editor: {},
@@ -123,7 +127,7 @@ var w = S("bold", [["path", {
 	emits: ["retry"],
 	setup(t, { emit: r }) {
 		let i = r, { t: o } = x();
-		return (r, s) => t.isLoading ? (e(), u("div", R, [l("div", z, h(m(o).errors.editorLoading), 1)])) : t.initError ? (e(), u("div", B, [a(h(m(o).errors.editorLoadFailed) + " ", 1), l("button", {
+		return (r, s) => t.isLoading ? (e(), u("div", z, [l("div", B, h(m(o).errors.editorLoading), 1)])) : t.initError ? (e(), u("div", V, [a(h(m(o).errors.editorLoadFailed) + " ", 1), l("button", {
 			class: "tpl:ml-1 tpl:cursor-pointer tpl:border-none tpl:bg-transparent tpl:p-0 tpl:underline tpl:text-[var(--tpl-primary)]",
 			onClick: s[0] ||= (e) => i("retry")
 		}, h(m(o).errors.retry), 1)])) : t.editorContent && t.editor ? (e(), p(n(t.editorContent), {
@@ -134,4 +138,4 @@ var w = S("bold", [["path", {
 	}
 });
 //#endregion
-export { w as a, T as i, L as n, E as r, V as t };
+export { T as a, E as i, R as n, D as r, H as t };

package/dist/{SaveModuleDialog-CSUPmfRP.js → SaveModuleDialog-DGGGNZfm.js}

@@ -1,10 +1,10 @@
 import { A as e, B as t, L as n, M as r, X as i, _ as a, a as o, at as s, b as c, d as l, f as u, h as d, l as ee, m as f, ot as p, p as m, rt as h, st as g, v as _, z as v } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-CnXrv71D.js";
-import { C as y, O as b, m as x } from "./keys-Bqs_0du9.js";
-import { t as S } from "./useI18n-CgmQftNf.js";
+import "./useEditorCore-uCU9Ny0M.js";
+import { A as y, T as b, m as x } from "./keys-B5SJtPWf.js";
+import { t as S } from "./useI18n-PEB8ioi_.js";
 import { t as te } from "./loader-circle-_9bP23op.js";
-import { n as ne } from "./useCloudI18n-CL_AwWwi.js";
-import { t as C } from "./TplModal-C3Hq9b58.js";
+import { n as ne } from "./useCloudI18n-ByEMykjO.js";
+import { t as C } from "./TplModal-BgABm6ju.js";
 //#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
 var w = ["aria-busy"], T = {
 	id: "tpl-save-module-title",
@@ -28,7 +28,7 @@ var w = ["aria-busy"], T = {
 	},
 	emits: ["close", "saved"],
 	setup(c, { emit: R }) {
-		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = b(x, "SaveModuleDialog"), W = b(y, "SaveModuleDialog"), G = i(""), K = i(/* @__PURE__ */ new Set()), q = i(!1), J = i(null), Y = l(() => U.content.value.blocks);
+		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = y(x, "SaveModuleDialog"), W = y(b, "SaveModuleDialog"), G = i(""), K = i(/* @__PURE__ */ new Set()), q = i(!1), J = i(null), Y = l(() => U.content.value.blocks);
 		function X(e, t) {
 			let n = e.type;
 			return `${V.blocks[n] ?? e.type} ${t + 1}`;

package/dist/{SnapshotHistory-DwX2fj6N.js → SnapshotHistory-C97Iw6xw.js}

@@ -1,12 +1,12 @@
 import { A as e, L as t, M as n, X as r, at as i, b as a, c as o, d as s, f as c, h as l, l as u, m as d, rt as f, st as p, t as m, v as h, z as g } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-CnXrv71D.js";
+import "./useEditorCore-uCU9Ny0M.js";
 import { t as _ } from "./dist-BzRLLpfq.js";
-import { t as v } from "./useI18n-CgmQftNf.js";
+import { t as v } from "./useI18n-PEB8ioi_.js";
 import { t as y } from "./createLucideIcon-Di4mqmGn.js";
 import { t as b } from "./chevron-down-tee-ghFi.js";
 import { t as x } from "./clock-CDlEdqiP.js";
 import { t as S } from "./loader-circle-_9bP23op.js";
-import { n as C } from "./useCloudI18n-CL_AwWwi.js";
+import { n as C } from "./useCloudI18n-ByEMykjO.js";
 import { t as w } from "./formatRelativeTime-BOEf47hq.js";
 var T = y("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",

package/dist/{TemplateScoringPanel-BIAeCAEP.js → TemplateScoringPanel-V79yrEPC.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, L as n, M as r, X as i, _ as a, at as ee, b as o, f as s, h as c, l, m as u, ot as d, p as f, rt as p, st as m, t as h, v as g, w as te, z as ne } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { O as _, m as re, v as ie, w as v } from "./keys-Bqs_0du9.js";
+import { A as _, E as re, m as ie, y as v } from "./keys-B5SJtPWf.js";
 import { t as y } from "./createLucideIcon-Di4mqmGn.js";
 import { t as ae } from "./chevron-down-tee-ghFi.js";
 import { t as b } from "./circle-alert-C0L9pUQ4.js";
@@ -12,7 +12,7 @@ import { t as se } from "./triangle-alert-DWQySIE2.js";
 import { t as ce } from "./x-Dlaenqta.js";
 import { t as le } from "./LoadingTrack-CFkDkjBb.js";
 import { t as E } from "./_plugin-vue_export-helper-B0hnzhyu.js";
-import { n as D } from "./useCloudI18n-CL_AwWwi.js";
+import { n as D } from "./useCloudI18n-ByEMykjO.js";
 var O = y("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
@@ -90,7 +90,7 @@ var P = {
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
 	setup(o, { emit: y }) {
-		let E = o, G = y, { t: K } = D(), q = _(re, "TemplateScoringPanel"), J = _(v, "TemplateScoringPanel"), Y = te(ie, []), X = i({
+		let E = o, G = y, { t: K } = D(), q = _(ie, "TemplateScoringPanel"), J = _(re, "TemplateScoringPanel"), Y = te(v, []), X = i({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,

package/dist/{TestEmailModal-CIlBvWWn.js → TestEmailModal-B7S8H-VG.js}

@@ -1,8 +1,8 @@
 import { A as e, B as t, L as n, M as r, X as i, _ as a, at as o, b as s, f as c, h as l, i as u, l as d, m as f, p, rt as m, st as h, v as g, z as _ } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import "./useEditorCore-CnXrv71D.js";
+import "./useEditorCore-uCU9Ny0M.js";
 import { t as v } from "./loader-circle-_9bP23op.js";
-import { n as y } from "./useCloudI18n-CL_AwWwi.js";
-import { t as b } from "./TplModal-C3Hq9b58.js";
+import { n as y } from "./useCloudI18n-ByEMykjO.js";
+import { t as b } from "./TplModal-BgABm6ju.js";
 //#region src/cloud/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
 var x = ["aria-busy"], S = {
 	id: "tpl-test-email-title",

package/dist/{TitleEditor-BCV5k6wj.js → TitleEditor-DhFTYzrw.js}

@@ -1,36 +1,37 @@
 import { A as e, G as t, _ as n, at as r, b as i, f as a, h as o, l as s, m as c, ot as l, p as u, rt as d, st as f, u as p, v as m, w as h } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { b as g } from "./useEditorCore-CnXrv71D.js";
-import { D as _, T as v } from "./keys-Bqs_0du9.js";
-import { t as y } from "./useI18n-CgmQftNf.js";
-import { a as b, i as x, n as S, r as C, t as w } from "./RichTextEditorContent-CK3Om7ES.js";
+import { b as g } from "./useEditorCore-uCU9Ny0M.js";
+import { D as _, k as v } from "./keys-B5SJtPWf.js";
+import { t as y } from "./useI18n-PEB8ioi_.js";
+import { a as b, i as x, n as S, r as C, t as w } from "./RichTextEditorContent-C3QSg7gd.js";
 import { t as T } from "./loader-circle-_9bP23op.js";
-import { t as ee } from "./scan-line-DUEg6DoT.js";
+import { t as E } from "./scan-line-DUEg6DoT.js";
+import { t as ee } from "./usePopoverRoot-BxJrqnMD.js";
 //#region src/components/blocks/TitleEditor.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme", "aria-label"], O = ["aria-label", "title"], k = ["aria-label", "title"], A = ["aria-label", "title"], j = {
+var D = { class: "tpl-text-editor-wrapper tpl:relative" }, O = ["data-tpl-theme", "aria-label"], k = ["aria-label", "title"], A = ["aria-label", "title"], j = ["aria-label", "title"], M = {
 	key: 0,
 	class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]"
-}, M = ["aria-label", "title"], N = {
+}, N = ["aria-label", "title"], P = {
 	key: 1,
 	class: "tpl:flex tpl:items-center tpl:gap-2 tpl:px-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
-}, P = /* @__PURE__ */ i({
+}, F = /* @__PURE__ */ i({
 	__name: "TitleEditor",
 	props: {
 		block: {},
 		toolbarPosition: {}
 	},
 	emits: ["done"],
-	setup(i, { emit: P }) {
-		let F = i, I = P, L = h(v, null), R = h(_, null), { t: z } = y(), { editor: B, EditorContent: V, isLoading: H, initError: U, retry: W, showLinkDialog: G, linkUrl: K, linkDialogRef: q, canRequestMergeTag: J, openLinkDialog: Y, insertLink: X, removeLink: Z, closeLinkDialog: Q, handleLinkKeydown: te, handleAddMergeTag: $ } = g({
-			blockId: () => F.block.id,
-			blockContent: () => F.block.content,
-			onDone: () => I("done"),
+	setup(i, { emit: F }) {
+		let I = i, L = F, R = h(_, null), z = h(v, null), B = ee(), { t: V } = y(), { editor: H, EditorContent: U, isLoading: W, initError: G, retry: K, showLinkDialog: q, linkUrl: J, linkDialogRef: Y, canRequestMergeTag: X, openLinkDialog: Z, insertLink: Q, removeLink: te, closeLinkDialog: ne, handleLinkKeydown: re, handleAddMergeTag: $ } = g({
+			blockId: () => I.block.id,
+			blockContent: () => I.block.content,
+			onDone: () => L("done"),
 			editorName: "TitleEditor",
 			async loadExtensions({ mergeTags: e, syntax: t, triggerChar: n, autocompleteEnabled: r, suggestionEmptyText: i }) {
 				let [{ Editor: a, EditorContent: o }, { default: s }, { default: c }, { MergeTagNode: l, MergeTagSuggestion: u, LogicMergeTagNode: d }] = await Promise.all([
 					import("./dist-Pk4MhWMP.js").then((e) => e.r),
 					import("./dist-D90y8dvT.js"),
 					import("./dist-DDJIWTRY.js"),
-					import("./extensions-BF39Siqk.js")
+					import("./extensions-D-J02CiP.js")
 				]);
 				return {
 					TiptapEditor: a,
@@ -61,82 +62,86 @@ var E = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme"
 						...r && n && e.length > 0 ? [u.configure({
 							mergeTags: e,
 							char: n,
-							emptyText: i
+							emptyText: i,
+							popoverRoot: B
 						})] : []
 					]
 				};
 			}
 		});
-		return (h, g) => (e(), o("div", E, [
-			(e(), u(p, { to: "body" }, [a("div", {
-				"data-tpl-theme": d(R),
+		return (h, g) => (e(), o("div", D, [
+			d(B) ? (e(), u(p, {
+				key: 0,
+				to: d(B)
+			}, [a("div", {
+				"data-tpl-theme": d(z),
 				role: "toolbar",
-				"aria-label": d(z).titleEditor.toolbar,
+				"aria-label": d(V).titleEditor.toolbar,
 				class: "tpl tpl-text-toolbar tpl:fixed tpl:z-popover tpl:flex tpl:items-center 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",
 				style: l({
-					...d(L),
+					...d(R),
 					top: `${i.toolbarPosition.top}px`,
 					left: `${i.toolbarPosition.left}px`,
 					transform: "translateY(-100%)"
 				})
-			}, [!d(H) && d(B) ? (e(), o(s, { key: 0 }, [
+			}, [!d(W) && d(H) ? (e(), o(s, { key: 0 }, [
 				a("button", {
 					type: "button",
-					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(B)?.isActive("bold") }]),
-					"aria-label": d(z).titleEditor.bold,
-					title: d(z).titleEditor.bold,
-					onClick: g[0] ||= (e) => d(B)?.chain().focus().toggleBold().run()
+					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(H)?.isActive("bold") }]),
+					"aria-label": d(V).titleEditor.bold,
+					title: d(V).titleEditor.bold,
+					onClick: g[0] ||= (e) => d(H)?.chain().focus().toggleBold().run()
 				}, [m(d(b), {
 					size: 16,
 					"stroke-width": 2.5
-				})], 10, O),
+				})], 10, k),
 				a("button", {
 					type: "button",
-					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(B)?.isActive("italic") }]),
-					"aria-label": d(z).titleEditor.italic,
-					title: d(z).titleEditor.italic,
-					onClick: g[1] ||= (e) => d(B)?.chain().focus().toggleItalic().run()
+					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(H)?.isActive("italic") }]),
+					"aria-label": d(V).titleEditor.italic,
+					title: d(V).titleEditor.italic,
+					onClick: g[1] ||= (e) => d(H)?.chain().focus().toggleItalic().run()
 				}, [m(d(x), {
 					size: 16,
 					"stroke-width": 2
-				})], 10, k),
+				})], 10, A),
 				g[6] ||= a("span", {
 					class: "tpl:mx-1.5 tpl:h-6 tpl:w-px tpl:bg-[var(--tpl-border)]",
 					"aria-hidden": "true"
 				}, null, -1),
 				a("button", {
 					type: "button",
-					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(B)?.isActive("link") }]),
-					"aria-label": d(z).titleEditor.addLink,
-					title: d(z).titleEditor.addLink,
-					onClick: g[2] ||= (...e) => d(Y) && d(Y)(...e)
+					class: r(["tpl-text-toolbar-btn", { "tpl-text-toolbar-btn--active": d(H)?.isActive("link") }]),
+					"aria-label": d(V).titleEditor.addLink,
+					title: d(V).titleEditor.addLink,
+					onClick: g[2] ||= (...e) => d(Z) && d(Z)(...e)
 				}, [m(d(C), {
 					size: 16,
 					"stroke-width": 2
-				})], 10, A),
-				d(J) ? (e(), o("span", j)) : c("", !0),
-				d(J) ? (e(), o("button", {
+				})], 10, j),
+				d(X) ? (e(), o("span", M)) : c("", !0),
+				d(X) ? (e(), o("button", {
 					key: 1,
 					type: "button",
 					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)]",
-					"aria-label": d(z).mergeTag.add,
-					title: d(z).mergeTag.add,
+					"aria-label": d(V).mergeTag.add,
+					title: d(V).mergeTag.add,
 					onClick: g[3] ||= (...e) => d($) && d($)(...e)
-				}, [m(d(ee), {
+				}, [m(d(E), {
 					size: 16,
 					"stroke-width": 2
-				}), n(" " + f(d(z).mergeTag.add), 1)], 8, M)) : c("", !0)
-			], 64)) : (e(), o("div", N, [m(d(T), {
+				}), n(" " + f(d(V).mergeTag.add), 1)], 8, N)) : c("", !0)
+			], 64)) : (e(), o("div", P, [m(d(T), {
 				class: "tpl-spinner",
 				size: 14,
 				"stroke-width": 2
-			}), n(" " + f(d(z).errors.editorLoading), 1)]))], 12, D)])),
+			}), n(" " + f(d(V).errors.editorLoading), 1)]))], 12, O)], 8, ["to"])) : c("", !0),
 			m(w, {
-				editor: d(B),
-				"editor-content": d(V),
-				"is-loading": d(H),
-				"init-error": d(U),
-				onRetry: d(W)
+				editor: d(H),
+				"editor-content": d(U),
+				"is-loading": d(W),
+				"init-error": d(G),
+				onRetry: d(K)
 			}, null, 8, [
 				"editor",
 				"editor-content",
@@ -145,16 +150,16 @@ var E = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme"
 				"onRetry"
 			]),
 			m(S, {
-				visible: d(G),
-				"is-editing-link": d(B)?.isActive("link") ?? !1,
-				"dialog-ref": d(q),
-				"onUpdate:dialogRef": g[4] ||= (e) => t(q) ? q.value = e : null,
-				"link-url": d(K),
-				"onUpdate:linkUrl": g[5] ||= (e) => t(K) ? K.value = e : null,
-				onClose: d(Q),
-				onInsert: d(X),
-				onRemove: d(Z),
-				onKeydown: d(te)
+				visible: d(q),
+				"is-editing-link": d(H)?.isActive("link") ?? !1,
+				"dialog-ref": d(Y),
+				"onUpdate:dialogRef": g[4] ||= (e) => t(Y) ? Y.value = e : null,
+				"link-url": d(J),
+				"onUpdate:linkUrl": g[5] ||= (e) => t(J) ? J.value = e : null,
+				onClose: d(ne),
+				onInsert: d(Q),
+				onRemove: d(te),
+				onKeydown: d(re)
 			}, null, 8, [
 				"visible",
 				"is-editing-link",
@@ -169,4 +174,4 @@ var E = { class: "tpl-text-editor-wrapper tpl:relative" }, D = ["data-tpl-theme"
 	}
 });
 //#endregion
-export { P as default };
+export { F as default };

package/dist/{TplModal-C3Hq9b58.js → TplModal-BgABm6ju.js}

@@ -1,19 +1,23 @@
 import { A as e, N as t, X as n, b as r, c as i, d as a, f as o, h as s, m as c, p as l, rt as u, t as d, u as f, v as p, w as m, z as h } from "./vue.runtime.esm-bundler-Bxqkjqhc.js";
-import { w as g } from "./useEditorCore-CnXrv71D.js";
-import { D as _ } from "./keys-Bqs_0du9.js";
+import { w as g } from "./useEditorCore-uCU9Ny0M.js";
+import { k as _ } from "./keys-B5SJtPWf.js";
+import { t as v } from "./usePopoverRoot-BxJrqnMD.js";
 //#region src/cloud/components/TplModal.vue?vue&type=script&setup=true&lang.ts
-var v = ["data-tpl-theme"], y = /* @__PURE__ */ r({
+var y = ["data-tpl-theme"], b = /* @__PURE__ */ r({
 	__name: "TplModal",
 	props: { visible: { type: Boolean } },
 	emits: ["close", "keydown"],
-	setup(r, { emit: y }) {
-		let b = r, x = y, S = n(null);
-		g(S, a(() => b.visible));
-		let C = m(_);
-		function w(e) {
-			e.key === "Escape" && x("close"), x("keydown", e);
+	setup(r, { emit: b }) {
+		let x = r, S = b, C = n(null);
+		g(C, a(() => x.visible));
+		let w = m(_), T = v();
+		function E(e) {
+			e.key === "Escape" && S("close"), S("keydown", e);
 		}
-		return (n, a) => (e(), l(f, { to: "body" }, [p(d, {
+		return (n, a) => u(T) ? (e(), l(f, {
+			key: 0,
+			to: u(T)
+		}, [p(d, {
 			"enter-active-class": "tpl:transition tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -23,22 +27,22 @@ var v = ["data-tpl-theme"], y = /* @__PURE__ */ r({
 		}, {
 			default: h(() => [r.visible ? (e(), s("div", {
 				key: 0,
-				"data-tpl-theme": u(C),
+				"data-tpl-theme": u(w),
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-modal tpl:flex tpl:items-center tpl:justify-center",
 				style: {
 					"background-color": "var(--tpl-overlay)",
 					"backdrop-filter": "blur(8px)",
 					"-webkit-backdrop-filter": "blur(8px)"
 				},
-				onClick: a[0] ||= i((e) => x("close"), ["self"]),
-				onKeydown: w
+				onClick: a[0] ||= i((e) => S("close"), ["self"]),
+				onKeydown: E
 			}, [o("div", {
 				ref_key: "dialogRef",
-				ref: S
-			}, [t(n.$slots, "default")], 512)], 40, v)) : c("", !0)]),
+				ref: C
+			}, [t(n.$slots, "default")], 512)], 40, y)) : c("", !0)]),
 			_: 3
-		})]));
+		})], 8, ["to"])) : c("", !0);
 	}
 });
 //#endregion
-export { y as t };
+export { b as t };

package/dist/{blockTypeIcons-iUurP50H.js → blockTypeIcons-BSf-3RJ-.js}

@@ -1,4 +1,4 @@
-import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-CnXrv71D.js";
+import { D as e, E as t, M as n, O as r, k as i } from "./useEditorCore-uCU9Ny0M.js";
 import { t as a } from "./createLucideIcon-Di4mqmGn.js";
 var o = a("columns-3", [
 	["rect", {

package/dist/bundle-stats.json

@@ -1,10 +1,10 @@
 {
-  "version": "0.6.7",
-  "initialGzipBytes": 139324,
-  "initialRawBytes": 469793,
+  "version": "0.7.0",
+  "initialGzipBytes": 151078,
+  "initialRawBytes": 530528,
   "initialFileCount": 33,
-  "lazyGzipBytes": 264498,
-  "lazyRawBytes": 915774,
-  "lazyFileCount": 47,
-  "generatedAt": "2026-05-12T19:32:14.403Z"
+  "lazyGzipBytes": 264929,
+  "lazyRawBytes": 916707,
+  "lazyFileCount": 48,
+  "generatedAt": "2026-05-12T20:31:54.300Z"
 }