@eigenpal/docx-editor-vue 1.0.3 → 1.2.0

package/dist/index.js

@@ -1,36 +1,35 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
-import { a as p, c as m, h, i as g, o as _, s as ee, t as v, x as y } from "./MenuBar-D_Dvwb0F.js";
-import { t as b } from "./_plugin-vue_export-helper-B52Kst-M.js";
-import { n as x } from "./RenderedDomContext-CHc18N_2.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./KeyboardShortcutsDialog-5ZsgieYf.js";
+import { a as p, c as m, h, i as g, o as _, s as v, t as y, x as b } from "./MenuBar-DLXxthZk.js";
+import { t as x } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { n as ee } from "./RenderedDomContext-CHc18N_2.js";
 import { t as te } from "./zIndex-CxELVe_L.js";
-import { n as ne, r as re, t as S } from "./useTableResize-CGoGUnyP.js";
-import { Fragment as C, Teleport as ie, computed as w, createApp as ae, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createSlots as oe, createStaticVNode as se, createVNode as k, defineComponent as A, h as ce, nextTick as j, normalizeClass as le, normalizeStyle as M, onBeforeUnmount as N, onMounted as P, openBlock as F, ref as I, renderList as L, renderSlot as ue, resolveDynamicComponent as de, shallowRef as fe, toDisplayString as R, unref as z, vModelText as B, watch as V, withCtx as H, withDirectives as U, withKeys as W, withModifiers as G } from "vue";
-import { clearFormatting as pe, findHyperlinkRangeAt as K } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
-import { SIDEBAR_DOCUMENT_SHIFT as me, findWordBoundaries as he, pixelsToEmu as ge, readDocxFileFromInput as q, toArrayBuffer as _e } from "@eigenpal/docx-editor-core/utils";
-import { getTableContext as ve } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
-import { EditorState as ye, NodeSelection as be, TextSelection as xe } from "prosemirror-state";
-import { clickToPositionDom as Se, getCaretPositionFromDom as Ce, getSelectionRectsFromDom as we } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
-import { IMAGE_LAYOUT_OPTIONS as Te, captureInlinePositionEmu as Ee, deriveLayoutChoice as J, findImageElement as De, isImageLayoutOptionEnabled as Oe, toolbarValueToLayoutTarget as ke } from "@eigenpal/docx-editor-core/layout-painter";
-import { EditorView as Ae } from "prosemirror-view";
-import { singletonManager as je } from "@eigenpal/docx-editor-core/prosemirror/schema";
-import { headerFooterToProseDoc as Me, proseDocToBlocks as Ne } from "@eigenpal/docx-editor-core/prosemirror/conversion";
-import "prosemirror-view/style/prosemirror.css";
-import { pointsToHalfPoints as Pe, twipsToPixels as Fe } from "@eigenpal/docx-editor-core/utils/units";
-import { clickToPositionDom as Y, findBodyPmSpans as X } from "@eigenpal/docx-editor-core/layout-bridge";
-import { findPageIndexContainingPmPos as Ie } from "@eigenpal/docx-editor-core/layout-engine";
-import { applyStyle as Z, removeTabStop as Le, setIndentFirstLine as Re, setIndentLeft as ze, setIndentRight as Be } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
-import { createStyleResolver as Ve } from "@eigenpal/docx-editor-core/prosemirror/styles";
-import { insertPageBreak as He } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
-import { mapHexToHighlightName as Ue } from "@eigenpal/docx-editor-core/utils/highlightColors";
-import { collectHeadings as We } from "@eigenpal/docx-editor-core/utils/headingCollector";
-import { acceptChange as Ge, rejectChange as Ke } from "@eigenpal/docx-editor-core/prosemirror/commands";
-import { extractTrackedChanges as qe } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
-import { TABLE_INSERT_HIDE_DELAY_MS as Je, detectTableInsertHover as Ye } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
-import { openReportIssue as Xe } from "@eigenpal/docx-editor-core/utils/reportIssue";
-import { LayoutSelectionGate as Ze } from "@eigenpal/docx-editor-core/prosemirror";
-import { createDocumentWithText as Qe, createEmptyDocument as $e } from "@eigenpal/docx-editor-core";
+import { n as ne, r as re, t as S } from "./useTableResize-BcBdSaOE.js";
+import { Fragment as C, Teleport as w, computed as T, createApp as ie, createBlock as E, createCommentVNode as D, createElementBlock as O, createElementVNode as k, createSlots as ae, createStaticVNode as oe, createVNode as A, defineComponent as j, h as se, nextTick as ce, normalizeClass as M, normalizeStyle as N, onBeforeUnmount as P, onMounted as F, openBlock as I, ref as L, renderList as R, renderSlot as le, resolveDynamicComponent as ue, shallowRef as de, toDisplayString as z, unref as B, vModelText as V, watch as H, withCtx as U, withDirectives as W, withKeys as G, withModifiers as K } from "vue";
+import { NodeSelection as fe, TextSelection as pe } from "prosemirror-state";
+import { clickToPositionDom as me, computeHfCaretRectFromView as he, findBodyPmSpans as ge } from "@eigenpal/docx-editor-core/layout-bridge";
+import { clearFormatting as q, findHyperlinkRangeAt as J } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { SIDEBAR_DOCUMENT_SHIFT as _e, findWordBoundaries as ve, loadFontDefinitions as ye, onFontError as be, pixelsToEmu as xe, readDocxFileFromInput as Se, toArrayBuffer as Ce } from "@eigenpal/docx-editor-core/utils";
+import { getTableContext as we } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { clickToPositionDom as Te, getCaretPositionFromDom as Ee, getSelectionRectsFromDom as De } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
+import { IMAGE_LAYOUT_OPTIONS as Y, captureInlinePositionEmu as Oe, deriveLayoutChoice as ke, findImageElement as Ae, isImageLayoutOptionEnabled as je, toolbarValueToLayoutTarget as Me } from "@eigenpal/docx-editor-core/layout-painter";
+import { proseDocToBlocks as Ne } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import { LayoutSelectionGate as Pe, addRepeatingSectionItemTr as Fe, findContentControlPos as Ie, findContentControlsInPM as X, removeContentControlTr as Le, removeRepeatingSectionItemTr as Re, schema as ze, setContentControlContentTr as Be, setContentControlValueTr as Ve } from "@eigenpal/docx-editor-core/prosemirror";
+import { pointsToHalfPoints as He, twipsToPixels as Ue } from "@eigenpal/docx-editor-core/utils/units";
+import { makeRevisionInfo as We } from "@eigenpal/docx-editor-core/prosemirror/plugins";
+import { findPageIndexContainingPmPos as Ge } from "@eigenpal/docx-editor-core/layout-engine";
+import { applyStyle as Z, removeTabStop as Ke, setIndentFirstLine as qe, setIndentLeft as Je, setIndentRight as Ye } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as Xe } from "@eigenpal/docx-editor-core/prosemirror/styles";
+import { insertPageBreak as Ze } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
+import { mapHexToHighlightName as Qe } from "@eigenpal/docx-editor-core/utils/highlightColors";
+import { collectHeadings as $e } from "@eigenpal/docx-editor-core/utils/headingCollector";
+import { acceptChange as et, acceptChangeById as tt, insertImageNode as nt, rejectChange as rt, rejectChangeById as it } from "@eigenpal/docx-editor-core/prosemirror/commands";
+import { extractTrackedChanges as at } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { TABLE_INSERT_HIDE_DELAY_MS as ot, detectTableInsertHover as st } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
+import { openReportIssue as ct } from "@eigenpal/docx-editor-core/utils/reportIssue";
+import { ContentControlNotFoundError as lt } from "@eigenpal/docx-editor-core/agent";
+import { createDocumentWithText as ut, createEmptyDocument as dt } from "@eigenpal/docx-editor-core";
 //#region src/utils/paraTextHelpers.ts
-function et(e, t) {
+function ft(e, t) {
 	if (!t.trim()) return null;
 	let n = null;
 	return e.descendants((e, r) => n ? !1 : e.isTextblock && e.attrs?.paraId === t ? (n = {
@@ -38,11 +37,11 @@ function et(e, t) {
 		to: r + e.nodeSize
 	}, !1) : !0), n;
 }
-function tt(e) {
+function pt(e) {
 	let t = [];
 	return e.descendants((e) => !e.isText || !e.text ? !0 : e.marks.some((e) => e.type.name === "insertion") ? !1 : (t.push(e.text), !0)), t.join("");
 }
-function nt(e, t, n) {
+function mt(e, t, n) {
 	if (t >= n) return "";
 	let r = [];
 	return e.nodesBetween(t, n, (e, i) => {
@@ -51,7 +50,7 @@ function nt(e, t, n) {
 		a < o && r.push(e.text.slice(a - i, o - i));
 	}), r.join("");
 }
-function rt(e, t, n, r) {
+function ht(e, t, n, r) {
 	if (!r) return null;
 	let i = "", a = [];
 	e.nodesBetween(t, n, (e, t) => {
@@ -78,7 +77,7 @@ function rt(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/refApiQueries.ts
-function it(e, t, n) {
+function gt(e, t, n) {
 	if (!e || !t) return [];
 	let r = n?.caseSensitive ?? !1, i = n?.limit ?? 20, a = r ? t : t.toLowerCase(), o = [];
 	return e.state.doc.descendants((e) => {
@@ -86,7 +85,7 @@ function it(e, t, n) {
 		if (!e.isTextblock) return !0;
 		let n = e.attrs?.paraId;
 		if (!n) return !1;
-		let s = tt(e), c = r ? s : s.toLowerCase(), l = c.indexOf(a);
+		let s = pt(e), c = r ? s : s.toLowerCase(), l = c.indexOf(a);
 		return l === -1 || c.indexOf(a, l + 1) !== -1 || o.push({
 			paraId: n,
 			match: s.slice(l, l + t.length),
@@ -95,13 +94,13 @@ function it(e, t, n) {
 		}), !1;
 	}), o;
 }
-function at(e) {
+function _t(e) {
 	if (!e) return null;
 	let { selection: t, doc: n } = e.state, r = t.$from, i = r.depth;
 	for (; i > 0 && !r.node(i).isTextblock;) i--;
 	let a = i > 0 ? r.node(i) : null;
 	if (!a) return null;
-	let o = a.attrs?.paraId ?? null, s = r.start(i), c = s + a.content.size, l = nt(n, s, t.from), u = nt(n, t.from, t.to), d = nt(n, t.to, c);
+	let o = a.attrs?.paraId ?? null, s = r.start(i), c = s + a.content.size, l = mt(n, s, t.from), u = mt(n, t.from, t.to), d = mt(n, t.to, c);
 	return {
 		paraId: o,
 		selectedText: u,
@@ -110,7 +109,7 @@ function at(e) {
 		after: d
 	};
 }
-function ot(e, t, n) {
+function vt(e, t, n) {
 	if (!t || !e) return null;
 	let r = t.pages[n - 1];
 	if (!r) return null;
@@ -124,7 +123,7 @@ function ot(e, t, n) {
 		let o = r.attrs?.paraId;
 		!o || i.has(o) || (i.add(o), a.push({
 			paraId: o,
-			text: tt(r),
+			text: pt(r),
 			styleId: r.attrs?.styleId ?? void 0
 		}));
 	}
@@ -136,7 +135,7 @@ function ot(e, t, n) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var st = /* @__PURE__ */ A({
+var yt = /* @__PURE__ */ j({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -146,7 +145,7 @@ var st = /* @__PURE__ */ A({
 		syncCoordinator: {}
 	},
 	setup(e) {
-		let t = e, n = I(null), r = I(0), i = null, a = null;
+		let t = e, n = L(null), r = L(0), i = null, a = null;
 		function o() {
 			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
 				i = null;
@@ -154,13 +153,13 @@ var st = /* @__PURE__ */ A({
 				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
 			});
 		}
-		P(() => {
+		F(() => {
 			a = t.syncCoordinator.onRender(() => {
 				r.value++;
 			}), o();
-		}), N(() => {
+		}), P(() => {
 			i !== null && (cancelAnimationFrame(i), i = null), a?.();
-		}), V(() => [
+		}), H(() => [
 			t.zoom,
 			t.transactionVersion,
 			r.value
@@ -171,7 +170,7 @@ var st = /* @__PURE__ */ A({
 				n.firstChild && n.replaceChildren();
 				return;
 			}
-			let a = x(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
+			let a = ee(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
 			for (let { decoration: t, from: n, to: r } of i) {
 				if (n === r) {
 					let r = l(t, e);
@@ -221,20 +220,20 @@ var st = /* @__PURE__ */ A({
 		function u(e) {
 			return e.type?.attrs ?? null;
 		}
-		return (e, t) => (F(), D("div", {
+		return (e, t) => (I(), O("div", {
 			ref_key: "overlayRef",
 			ref: n,
 			class: "paged-editor__decoration-overlay",
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), ct = ["data-handle", "onMousedown"], lt = ["title"], ut = {
+}), bt = ["data-handle", "onMousedown"], xt = ["title"], St = {
 	key: 0,
 	class: "image-overlay__dim"
-}, dt = {
+}, Ct = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, ft = 4, pt = 15, mt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, wt = 4, Tt = 15, Et = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -248,7 +247,7 @@ var st = /* @__PURE__ */ A({
 		"context-menu"
 	],
 	setup(e, { emit: t }) {
-		let { t: r } = n(), i = e, a = t, o = I(null), s = I(!1), c = I(!1), l = I(!1), u = I(0), d = I(0), f = I(0), p = I(null), m = "se", h = 0, g = 0, _ = 0, ee = 0, v = null, y = null, b = null, x = null;
+		let { t: r } = n(), i = e, a = t, o = L(null), s = L(!1), c = L(!1), l = L(!1), u = L(0), d = L(0), f = L(0), p = L(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, ee = null;
 		function ne(e, t) {
 			if (!e) return null;
 			try {
@@ -265,7 +264,7 @@ var st = /* @__PURE__ */ A({
 			let t = o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages");
 			if (!t) return null;
 			for (let n of t.querySelectorAll(`[data-pm-start="${e.pmPos}"]`)) {
-				let e = De(n);
+				let e = Ae(n);
 				if (e) return e;
 			}
 			return null;
@@ -289,18 +288,18 @@ var st = /* @__PURE__ */ A({
 				height: r.height / a
 			};
 		}
-		V(() => i.imageInfo, async () => {
-			await j(), S();
-		}, { immediate: !0 }), V(() => i.imageInfo, (e, t, n) => {
+		H(() => i.imageInfo, async () => {
+			await ce(), S();
+		}, { immediate: !0 }), H(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = () => {
-				y && cancelAnimationFrame(y), y = requestAnimationFrame(S);
+				b && cancelAnimationFrame(b), b = requestAnimationFrame(S);
 			}, a = o.value?.closest(".docx-editor-vue__pages-viewport")?.parentElement;
 			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 }), n(() => {
-				a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), y && cancelAnimationFrame(y);
+				a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let ie = w(() => s.value ? u.value : p.value?.width || 0), ae = w(() => s.value ? d.value : p.value?.height || 0), T = w(() => {
+		let w = T(() => s.value ? u.value : p.value?.width || 0), ie = T(() => s.value ? d.value : p.value?.height || 0), E = T(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -319,8 +318,8 @@ var st = /* @__PURE__ */ A({
 				zIndex: te.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), oe = w(() => {
-			let e = ie.value, t = ae.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+		}), ae = T(() => {
+			let e = w.value, t = ie.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -387,10 +386,10 @@ var st = /* @__PURE__ */ A({
 					}
 				}
 			];
-		}), se = (e) => e.length === 2;
-		function k(e, t, n, r, i, a) {
+		}), oe = (e) => e.length === 2;
+		function A(e, t, n, r, i, a) {
 			let o = e.includes("w") ? -1 : +!!e.includes("e"), s = e.includes("n") ? -1 : +!!e.includes("s"), c = r + t * o, l = i + n * s;
-			if (se(e) && a) {
+			if (oe(e) && a) {
 				let e = Math.max(c / r, l / i);
 				c = r * e, l = i * e;
 			}
@@ -399,13 +398,13 @@ var st = /* @__PURE__ */ A({
 				height: s === 0 ? i : Math.max(20, Math.min(2e3, l))
 			};
 		}
-		function A(e, t) {
-			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, ee = p.value.height, v = { ...p.value }, u.value = Math.round(_), d.value = Math.round(ee), s.value = !0, a("interact-start"), document.addEventListener("mousemove", ce), document.addEventListener("mouseup", le));
+		function j(e, t) {
+			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", se), document.addEventListener("mouseup", M));
 		}
-		function ce(e) {
-			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = k(m, n, r, _, ee, a);
+		function se(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = A(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
-			let s = v;
+			let s = y;
 			s && (p.value = {
 				left: m.includes("w") ? s.left + (s.width - o.width) : s.left,
 				top: m.includes("n") ? s.top + (s.height - o.height) : s.top,
@@ -413,8 +412,8 @@ var st = /* @__PURE__ */ A({
 				height: s.height
 			});
 		}
-		function le() {
-			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), s.value = !1, v = null, a("interact-end");
+		function M() {
+			document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", M), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
 				S();
@@ -428,52 +427,52 @@ var st = /* @__PURE__ */ A({
 					height: d.value
 				}));
 			} catch {}
-			j(() => S());
+			ce(() => S());
 		}
-		let P = 0, ue = 0, de = 0, fe = 0, B = null, H = null;
-		function U(e) {
+		let F = 0, le = 0, ue = 0, de = 0, V = null, U = null;
+		function W(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/);
 			return t ? parseFloat(t[1]) : 0;
 		}
-		function W(e, t) {
+		function G(e, t) {
 			let n = /scaleX\(-1\)/.test(e || ""), r = /scaleY\(-1\)/.test(e || ""), i = [], a = (t % 360 + 360) % 360;
 			return a !== 0 && i.push(`rotate(${a}deg)`), n && i.push("scaleX(-1)"), r && i.push("scaleY(-1)"), i.length > 0 ? i.join(" ") : null;
 		}
 		function pe(e, t) {
-			return Math.atan2(e - P, -(t - ue)) * 180 / Math.PI;
+			return Math.atan2(e - F, -(t - le)) * 180 / Math.PI;
 		}
-		function K(e) {
+		function me(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			P = t.left + t.width / 2, ue = t.top + t.height / 2;
+			F = t.left + t.width / 2, le = t.top + t.height / 2;
 			let n = ne(i.view, i.imageInfo.pmPos);
-			B = n && n.attrs.transform || null, fe = U(B), H = i.imageInfo.element.querySelector("img"), de = pe(e.clientX, e.clientY), f.value = fe, l.value = !0, a("interact-start"), document.addEventListener("mousemove", me), document.addEventListener("mouseup", he);
+			V = n && n.attrs.transform || null, de = W(V), U = i.imageInfo.element.querySelector("img"), ue = pe(e.clientX, e.clientY), f.value = de, l.value = !0, a("interact-start"), document.addEventListener("mousemove", he), document.addEventListener("mouseup", ge);
 		}
-		function me(e) {
-			let t = pe(e.clientX, e.clientY) - de, n = fe + t;
-			e.shiftKey || (n = Math.round(n / pt) * pt), f.value = (n % 360 + 360) % 360, H && (H.style.transform = W(B, f.value) || "");
+		function he(e) {
+			let t = pe(e.clientX, e.clientY) - ue, n = de + t;
+			e.shiftKey || (n = Math.round(n / Tt) * Tt), f.value = (n % 360 + 360) % 360, U && (U.style.transform = G(V, f.value) || "");
 		}
-		function he() {
-			document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), l.value = !1, a("interact-end");
+		function ge() {
+			document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), l.value = !1, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			try {
 				let n = e && t ? ne(e, t.pmPos) : null;
 				e && t && n && e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: W(n.attrs.transform, f.value)
+					transform: G(n.attrs.transform, f.value)
 				}));
 			} catch {} finally {
-				H && (H.style.transform = ""), H = null, B = null;
+				U && (U.style.transform = ""), U = null, V = null;
 			}
-			j(() => S());
+			ce(() => S());
 		}
 		let q = null;
-		function _e(e) {
+		function J(e) {
 			if (!i.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, r = p.value, o = !1, s = (e) => {
 				let s = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(s * s + l * l) < ft)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < wt)) {
 					if (!o) {
 						o = !0, c.value = !0, a("interact-start"), q = document.createElement("div"), q.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = i.zoom;
@@ -485,11 +484,11 @@ var st = /* @__PURE__ */ A({
 					}
 				}
 			}, l = (e) => {
-				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), b = null, x = null, q &&= (q.remove(), null), c.value = !1, o && (a("interact-end"), ve(e.clientX, e.clientY));
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, ee = null, q &&= (q.remove(), null), c.value = !1, o && (a("interact-end"), _e(e.clientX, e.clientY));
 			};
-			b = s, x = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
+			x = s, ee = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
 		}
-		function ve(e, t) {
+		function _e(e, t) {
 			let n = i.view, r = i.imageInfo;
 			if (!n || !r) return;
 			let a = ne(n, r.pmPos);
@@ -514,80 +513,80 @@ var st = /* @__PURE__ */ A({
 					if (c ||= s[s.length - 1].querySelector(".layout-page-content"), !c) return;
 					let l = c.getBoundingClientRect(), u = i.zoom, d = (e - l.left) / u, f = (t - l.top) / u, p = {
 						horizontal: {
-							posOffset: ge(d),
+							posOffset: xe(d),
 							relativeTo: "margin"
 						},
 						vertical: {
-							posOffset: ge(f),
+							posOffset: xe(f),
 							relativeTo: "margin"
 						}
 					}, m = n.state.tr.setNodeMarkup(r.pmPos, void 0, {
 						...a.attrs,
 						position: p
 					});
-					n.dispatch(m), ye(r.pmPos);
+					n.dispatch(m), ve(r.pmPos);
 				} else {
 					let i = o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages");
 					if (!i) return;
-					let s = Se(i, e, t, 1);
+					let s = Te(i, e, t, 1);
 					if (s == null || s < 0 || s === r.pmPos || s === r.pmPos + 1) return;
 					let c = n.state.tr, l = a.nodeSize;
-					if (s <= r.pmPos) c = c.delete(r.pmPos, r.pmPos + l), c = c.insert(s, a), n.dispatch(c), ye(s);
+					if (s <= r.pmPos) c = c.delete(r.pmPos, r.pmPos + l), c = c.insert(s, a), n.dispatch(c), ve(s);
 					else {
 						c = c.delete(r.pmPos, r.pmPos + l);
 						let e = Math.min(s - l, c.doc.content.size);
-						c = c.insert(e, a), n.dispatch(c), ye(Math.min(e, n.state.doc.content.size - 1));
+						c = c.insert(e, a), n.dispatch(c), ve(Math.min(e, n.state.doc.content.size - 1));
 					}
 				}
 			} catch {}
-			j(() => S());
+			ce(() => S());
 		}
-		function ye(e) {
+		function ve(e) {
 			let t = i.view;
 			if (t) try {
-				let n = be.create(t.state.doc, e);
+				let n = fe.create(t.state.doc, e);
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
-		return N(() => {
-			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), b && document.removeEventListener("mousemove", b), x && document.removeEventListener("mouseup", x), q &&= (q.remove(), null), y && cancelAnimationFrame(y);
-		}), (t, n) => e.imageInfo ? (F(), D("div", {
+		return P(() => {
+			document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", M), document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), q &&= (q.remove(), null), b && cancelAnimationFrame(b);
+		}), (t, n) => e.imageInfo ? (I(), O("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: o,
 			class: "image-overlay",
-			style: M(T.value),
-			onMousedown: n[3] ||= G(() => {}, ["stop"])
+			style: N(E.value),
+			onMousedown: n[3] ||= K(() => {}, ["stop"])
 		}, [
-			n[4] ||= O("div", { class: "image-overlay__border" }, null, -1),
-			O("div", {
+			n[4] ||= k("div", { class: "image-overlay__border" }, null, -1),
+			k("div", {
 				class: "image-overlay__body",
-				style: M({ cursor: c.value ? "grabbing" : "grab" }),
-				onMousedown: n[0] ||= G((e) => _e(e), ["prevent", "stop"]),
-				onContextmenu: n[1] ||= G((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+				style: N({ cursor: c.value ? "grabbing" : "grab" }),
+				onMousedown: n[0] ||= K((e) => J(e), ["prevent", "stop"]),
+				onContextmenu: n[1] ||= K((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(F(!0), D(C, null, L(oe.value, (e) => (F(), D("div", {
+			(I(!0), O(C, null, R(ae.value, (e) => (I(), O("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
-				style: M(e.style),
+				style: N(e.style),
 				"data-handle": e.pos,
-				onMousedown: G((t) => A(t, e.pos), ["prevent", "stop"])
-			}, null, 44, ct))), 128)),
-			n[5] ||= O("div", { class: "image-overlay__rotate-line" }, null, -1),
-			O("div", {
+				onMousedown: K((t) => j(t, e.pos), ["prevent", "stop"])
+			}, null, 44, bt))), 128)),
+			n[5] ||= k("div", { class: "image-overlay__rotate-line" }, null, -1),
+			k("div", {
 				class: "image-overlay__rotate-handle",
-				style: M({ left: `${ie.value / 2 - 7}px` }),
-				title: z(r)("imageOverlay.rotate"),
-				onMousedown: n[2] ||= G((e) => K(e), ["prevent", "stop"])
-			}, null, 44, lt),
-			s.value ? (F(), D("div", ut, R(Math.round(u.value)) + " × " + R(Math.round(d.value)), 1)) : E("", !0),
-			l.value ? (F(), D("div", dt, R(Math.round(f.value)) + "° ", 1)) : E("", !0)
-		], 36)) : E("", !0);
-	}
-}), [["__scopeId", "data-v-a6f20ec2"]]), ht = { class: "doc-outline__header" }, gt = { class: "doc-outline__body" }, _t = {
+				style: N({ left: `${w.value / 2 - 7}px` }),
+				title: B(r)("imageOverlay.rotate"),
+				onMousedown: n[2] ||= K((e) => me(e), ["prevent", "stop"])
+			}, null, 44, xt),
+			s.value ? (I(), O("div", St, z(Math.round(u.value)) + " × " + z(Math.round(d.value)), 1)) : D("", !0),
+			l.value ? (I(), O("div", Ct, z(Math.round(f.value)) + "° ", 1)) : D("", !0)
+		], 36)) : D("", !0);
+	}
+}), [["__scopeId", "data-v-a6f20ec2"]]), Dt = { class: "doc-outline__header" }, Ot = { class: "doc-outline__body" }, kt = {
 	key: 0,
 	class: "doc-outline__empty"
-}, vt = ["onMousedown"], yt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, At = ["onMousedown"], jt = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -595,28 +594,28 @@ var st = /* @__PURE__ */ A({
 	},
 	emits: ["close", "navigate"],
 	setup(e) {
-		return (t, n) => e.isOpen ? (F(), D("nav", {
+		return (t, n) => e.isOpen ? (I(), O("nav", {
 			key: 0,
 			class: "doc-outline",
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: n[1] ||= G(() => {}, ["stop"])
-		}, [O("div", ht, [O("button", {
+			onMousedown: n[1] ||= K(() => {}, ["stop"])
+		}, [k("div", Dt, [k("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
 			onClick: n[0] ||= (e) => t.$emit("close")
-		}, [k(c, {
+		}, [A(c, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= O("span", { class: "doc-outline__title" }, "Document Outline", -1)]), O("div", gt, [e.headings.length === 0 ? (F(), D("div", _t, " No headings found ")) : E("", !0), (F(!0), D(C, null, L(e.headings, (e, n) => (F(), D("button", {
+		})]), n[2] ||= k("span", { class: "doc-outline__title" }, "Document Outline", -1)]), k("div", Ot, [e.headings.length === 0 ? (I(), O("div", kt, " No headings found ")) : D("", !0), (I(!0), O(C, null, R(e.headings, (e, n) => (I(), O("button", {
 			key: n,
 			class: "doc-outline__item",
-			style: M({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
-			onMousedown: G((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, R(e.text || "(untitled)"), 45, vt))), 128))])], 32)) : E("", !0);
+			style: N({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
+			onMousedown: K((n) => t.$emit("navigate", e.pmPos), ["prevent"])
+		}, z(e.text || "(untitled)"), 45, At))), 128))])], 32)) : D("", !0);
 	}
-}), [["__scopeId", "data-v-cb2cdc39"]]), bt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), [["__scopeId", "data-v-cb2cdc39"]]), Mt = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -625,24 +624,25 @@ var st = /* @__PURE__ */ A({
 	},
 	setup(e) {
 		let { t } = n();
-		return (n, r) => (F(), D("div", {
+		return (n, r) => (I(), O("div", {
 			class: "docx-editor-vue__page-indicator",
-			style: M({ opacity: +!!e.visible }),
+			style: N({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, R(z(t)("viewer.pageIndicator", {
+		}, z(B(t)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-d117bf6e"]]), xt = { class: "hf-editor__toolbar" }, St = { class: "hf-editor__label" }, Ct = { class: "hf-editor__actions" }, wt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), [["__scopeId", "data-v-d117bf6e"]]), Nt = { class: "hf-editor__label" }, Pt = {
+	class: "hf-editor__actions",
+	style: { position: "relative" }
+}, Ft = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
 		position: {},
-		headerFooter: {},
-		styles: {},
-		theme: {},
+		view: {},
 		targetRect: {}
 	},
 	emits: [
@@ -651,79 +651,226 @@ var st = /* @__PURE__ */ A({
 		"remove"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = I(null), a = null, o = I({});
+		let n = e, r = t, i = L({}), a = L(!1);
+		function o(e) {
+			let t = n.view;
+			if (!t) return;
+			let { $from: r, from: i } = t.state.selection, a = t.state.storedMarks || r.marks(), o = ze.nodes.field.create({
+				fieldType: e,
+				instruction: ` ${e} \\* MERGEFORMAT `,
+				fieldKind: "simple",
+				dirty: !0
+			});
+			t.dispatch(t.state.tr.insert(i, o.mark(a))), t.focus();
+		}
 		function s() {
 			let e = n.targetRect;
-			e && (o.value = {
+			e && (i.value = {
 				position: "absolute",
 				top: `${e.top}px`,
 				left: `${e.left}px`,
 				width: `${e.width}px`,
-				minHeight: `${Math.max(e.height, 60)}px`,
-				zIndex: "100"
+				height: `${e.height}px`,
+				zIndex: "100",
+				pointerEvents: "none"
 			});
 		}
-		V(() => n.isOpen, async (e) => {
-			e ? (s(), await j(), c()) : l();
-		}), V(() => n.targetRect, () => {
+		H(() => n.isOpen, (e) => {
+			e && (s(), n.view?.focus());
+		}), H(() => n.targetRect, () => {
 			n.isOpen && s();
 		}, { deep: !0 });
 		function c() {
-			let e = i.value;
-			if (!e || a) return;
-			let t = je, r = Me(n.headerFooter?.content ?? [], {
-				styles: n.styles ?? void 0,
-				theme: n.theme ?? null
-			});
-			a = new Ae(e, {
-				state: ye.create({
-					doc: r,
-					schema: t.getSchema(),
-					plugins: t.getPlugins() ?? []
-				}),
-				editable: () => !0
-			}), a.focus();
-		}
-		function l() {
-			a &&= (a.destroy(), null);
-		}
-		function u() {
-			a && (r("save", Ne(a.state.doc)), r("close"));
-		}
-		return N(() => {
-			l();
-		}), (t, n) => e.isOpen ? (F(), D("div", {
+			n.view && (r("save", Ne(n.view.state.doc)), r("close"));
+		}
+		return (t, n) => e.isOpen ? (I(), O("div", {
 			key: 0,
 			class: "hf-editor",
-			style: M(o.value),
-			onMousedown: n[2] ||= G(() => {}, ["stop"]),
-			onContextmenu: n[3] ||= G(() => {}, ["stop"])
-		}, [O("div", xt, [O("span", St, R(e.position === "header" ? "Header" : "Footer"), 1), O("div", Ct, [
-			O("button", {
+			style: N(i.value)
+		}, [k("div", {
+			class: M(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
+			onMousedown: n[8] ||= K(() => {}, ["stop"]),
+			onContextmenu: n[9] ||= K(() => {}, ["stop"])
+		}, [k("span", Nt, z(e.position === "header" ? "Header" : "Footer"), 1), k("div", Pt, [
+			k("button", {
+				class: "hf-editor__btn",
+				title: "Options",
+				onMousedown: n[0] ||= K(() => {}, ["prevent"]),
+				onClick: n[1] ||= (e) => a.value = !a.value
+			}, " Options ▾ ", 32),
+			a.value ? (I(), O("div", {
+				key: 0,
+				class: "hf-editor__dropdown",
+				onMousedown: n[4] ||= K(() => {}, ["stop"]),
+				onContextmenu: n[5] ||= K(() => {}, ["stop"])
+			}, [k("button", {
+				type: "button",
+				class: "hf-editor__dropdown-item",
+				onClick: n[2] ||= (e) => {
+					a.value = !1, o("PAGE");
+				}
+			}, " Insert current page number "), k("button", {
+				type: "button",
+				class: "hf-editor__dropdown-item",
+				onClick: n[3] ||= (e) => {
+					a.value = !1, o("NUMPAGES");
+				}
+			}, " Insert total page count ")], 32)) : D("", !0),
+			k("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
-				onMousedown: n[0] ||= G((e) => t.$emit("remove"), ["prevent"])
+				onMousedown: n[6] ||= K((e) => t.$emit("remove"), ["prevent"])
 			}, " Remove ", 32),
-			O("button", {
+			k("button", {
 				class: "hf-editor__btn hf-editor__btn--primary",
 				title: "Save",
-				onMousedown: G(u, ["prevent"])
+				onMousedown: K(c, ["prevent"])
 			}, " Save ", 32),
-			O("button", {
+			k("button", {
 				class: "hf-editor__btn",
 				title: "Cancel",
-				onMousedown: n[1] ||= G((e) => t.$emit("close"), ["prevent"])
+				onMousedown: n[7] ||= K((e) => t.$emit("close"), ["prevent"])
 			}, " Cancel ", 32)
-		])]), O("div", {
-			ref_key: "editorRef",
+		])], 34)], 4)) : D("", !0);
+	}
+}), [["__scopeId", "data-v-e93a9f94"]]), It = ["role"], Lt = {
+	key: 0,
+	class: "layout-sdt-widget-empty"
+}, Rt = ["aria-selected", "onClick"], zt = ["value"], Bt = /* @__PURE__ */ j({
+	__name: "ContentControlWidgets",
+	props: {
+		container: {},
+		view: {}
+	},
+	setup(e) {
+		function t(e) {
+			let t = /^sdt@(\d+)$/.exec(e ?? "");
+			return t ? Number(t[1]) : null;
+		}
+		let n = e, r = L(null), i = L(null);
+		function a(e, t) {
+			let i = n.view;
+			if (i) try {
+				i.dispatch(Ve(i.state, { tag: e }, t)), i.focus();
+			} catch {}
+			r.value = null;
+		}
+		function o(e) {
+			let r = n.view, i = t(e.dataset.sdtGroupId);
+			if (!(!r || i == null)) try {
+				let t = e.dataset.sdtRepeat === "add" ? Fe(r.state, i) : Re(r.state, i);
+				r.dispatch(t), r.focus();
+			} catch {}
+		}
+		function s(e) {
+			let t = e.target;
+			(t?.closest?.(".layout-sdt-widget") || t?.closest?.(".layout-sdt-repeat-btn")) && e.preventDefault();
+		}
+		function c(e) {
+			let t = n.view, i = e.dataset.sdtTag, o = e.dataset.sdtWidget;
+			if (!t || !i || !o) return;
+			let s = X(t.state.doc, { tag: i })[0], c = e.getBoundingClientRect();
+			o === "checkbox" ? a(i, {
+				kind: "checkbox",
+				checked: !s?.checked
+			}) : o === "dropdown" ? r.value = {
+				kind: "dropdown",
+				tag: i,
+				items: s?.listItems ?? [],
+				current: s?.text ?? "",
+				x: c.left,
+				y: c.bottom + 2
+			} : o === "date" && (r.value = {
+				kind: "date",
+				tag: i,
+				current: s?.dateValue ?? "",
+				x: c.left,
+				y: c.bottom + 2
+			});
+		}
+		function l(e) {
+			let t = e.target?.closest?.(".layout-sdt-repeat-btn");
+			if (t) {
+				e.preventDefault(), e.stopPropagation(), o(t);
+				return;
+			}
+			let n = e.target?.closest?.(".layout-sdt-widget");
+			n && (e.preventDefault(), e.stopPropagation(), c(n));
+		}
+		function u(e) {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			let t = e.target?.closest?.(".layout-sdt-widget");
+			t && (e.preventDefault(), c(t));
+		}
+		function d(e) {
+			r.value && !i.value?.contains(e.target) && (r.value = null);
+		}
+		function f(e) {
+			e.key === "Escape" && (r.value = null);
+		}
+		let p = null;
+		H(() => n.container, (e) => {
+			p && (p.removeEventListener("mousedown", s), p.removeEventListener("click", l), p.removeEventListener("keydown", u)), p = e ?? null, p && (p.addEventListener("mousedown", s), p.addEventListener("click", l), p.addEventListener("keydown", u));
+		}, { immediate: !0 }), H(r, (e) => {
+			e ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", f), e.kind === "dropdown" && ce(() => {
+				let e = i.value?.querySelectorAll(".layout-sdt-widget-option");
+				e?.length && ([...e].find((e) => e.getAttribute("aria-selected") === "true") ?? e[0]).focus();
+			})) : (document.removeEventListener("mousedown", d), document.removeEventListener("keydown", f));
+		});
+		function m(e) {
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			let t = [...i.value?.querySelectorAll(".layout-sdt-widget-option") ?? []];
+			if (!t.length) return;
+			e.preventDefault();
+			let n = t.indexOf(document.activeElement);
+			t[e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length].focus();
+		}
+		P(() => {
+			p && (p.removeEventListener("mousedown", s), p.removeEventListener("click", l), p.removeEventListener("keydown", u)), document.removeEventListener("mousedown", d), document.removeEventListener("keydown", f);
+		});
+		function h(e) {
+			let t = e.target.value;
+			t && r.value && a(r.value.tag, {
+				kind: "date",
+				date: t
+			});
+		}
+		return (e, t) => r.value ? (I(), O("div", {
+			key: 0,
+			ref_key: "popupEl",
 			ref: i,
-			class: "hf-editor__content"
-		}, null, 512)], 36)) : E("", !0);
+			class: "layout-sdt-widget-popup",
+			role: r.value.kind === "dropdown" ? "listbox" : void 0,
+			style: N({
+				position: "fixed",
+				top: r.value.y + "px",
+				left: r.value.x + "px",
+				zIndex: 1e3
+			}),
+			onKeydown: m,
+			onMousedown: t[0] ||= K(() => {}, ["prevent"])
+		}, [r.value.kind === "dropdown" ? (I(), O(C, { key: 0 }, [r.value.items.length === 0 ? (I(), O("div", Lt, "No options")) : D("", !0), (I(!0), O(C, null, R(r.value.items, (e) => (I(), O("button", {
+			key: e.value,
+			type: "button",
+			role: "option",
+			"aria-selected": e.displayText === r.value.current,
+			class: M(["layout-sdt-widget-option", { "is-selected": e.displayText === r.value.current }]),
+			onClick: (t) => a(r.value.tag, {
+				kind: "dropdown",
+				value: e.value
+			})
+		}, z(e.displayText), 11, Rt))), 128))], 64)) : (I(), O("input", {
+			key: 1,
+			type: "date",
+			class: "layout-sdt-widget-date",
+			value: r.value.current,
+			onChange: h
+		}, null, 40, zt))], 44, It)) : D("", !0);
 	}
-}), [["__scopeId", "data-v-343434c4"]]), Tt = {
+}), Vt = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Et = { class: "docx-editor-vue__title-bar-left" }, Dt = { class: "docx-editor-vue__title-bar-center" }, Ot = { class: "docx-editor-vue__title-bar-right" }, kt = /* @__PURE__ */ A({
+}, Ht = { class: "docx-editor-vue__title-bar-left" }, Ut = { class: "docx-editor-vue__title-bar-center" }, Wt = { class: "docx-editor-vue__title-bar-right" }, Gt = /* @__PURE__ */ j({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -742,26 +889,27 @@ var st = /* @__PURE__ */ A({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (F(), D("div", Tt, [
-			O("div", Et, [e.renderLogo ? (F(), T(de(e.renderLogo), { key: 0 })) : E("", !0), ue(t.$slots, "title-bar-left")]),
-			O("div", Dt, [k(g, {
+		return (t, r) => e.showMenuBar ? (I(), O("div", Vt, [
+			k("div", Ht, [e.renderLogo ? (I(), E(ue(e.renderLogo), { key: 0 })) : D("", !0), le(t.$slots, "title-bar-left")]),
+			k("div", Ut, [A(g, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
-			}, null, 8, ["model-value", "editable"]), k(v, {
+			}, null, 8, ["model-value", "editable"]), A(y, {
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			O("div", Ot, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (F(), T(de(e.renderTitleBarRight), { key: 0 })) : E("", !0)])
-		])) : E("", !0);
+			k("div", Wt, [le(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (I(), E(ue(e.renderTitleBarRight), { key: 0 })) : D("", !0)])
+		])) : D("", !0);
 	}
-}), At = /* @__PURE__ */ A({
+}), Kt = /* @__PURE__ */ j({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
 		bookmarks: {},
 		selectedImagePmPos: {},
 		sectionProperties: {},
+		scrollVisiblePositionIntoView: { type: Function },
 		showFindReplace: { type: Boolean },
 		showInsertImage: { type: Boolean },
 		showHyperlink: { type: Boolean },
@@ -786,18 +934,23 @@ var st = /* @__PURE__ */ A({
 	],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (F(), D(C, null, [
-			k(u, {
+		return (n, a) => (I(), O(C, null, [
+			A(u, {
 				"is-open": t.showFindReplace,
 				view: t.view,
+				"scroll-visible-position-into-view": t.scrollVisiblePositionIntoView,
 				onClose: a[0] ||= (e) => r("update:showFindReplace", !1)
-			}, null, 8, ["is-open", "view"]),
-			k(s, {
+			}, null, 8, [
+				"is-open",
+				"view",
+				"scroll-visible-position-into-view"
+			]),
+			A(s, {
 				"is-open": t.showInsertImage,
 				onClose: a[1] ||= (e) => r("update:showInsertImage", !1),
 				onInsert: a[2] ||= (e) => r("insert-image", e)
 			}, null, 8, ["is-open"]),
-			k(e, {
+			A(e, {
 				"is-open": t.showHyperlink,
 				view: t.view,
 				bookmarks: t.bookmarks,
@@ -809,12 +962,12 @@ var st = /* @__PURE__ */ A({
 				"view",
 				"bookmarks"
 			]),
-			k(i, {
+			A(i, {
 				"is-open": t.showInsertSymbol,
 				onClose: a[6] ||= (e) => r("update:showInsertSymbol", !1),
 				onInsert: a[7] ||= (e) => r("insert-symbol", e)
 			}, null, 8, ["is-open"]),
-			k(l, {
+			A(l, {
 				"is-open": t.showImageProperties,
 				view: t.view,
 				"pm-pos": t.selectedImagePmPos,
@@ -824,22 +977,22 @@ var st = /* @__PURE__ */ A({
 				"view",
 				"pm-pos"
 			]),
-			k(o, {
+			A(o, {
 				"is-open": t.showPageSetup,
 				"section-properties": t.sectionProperties,
 				onClose: a[9] ||= (e) => r("update:showPageSetup", !1),
 				onApply: a[10] ||= (e) => r("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"]),
-			k(d, {
+			A(d, {
 				"is-open": t.showKeyboardShortcuts,
 				onClose: a[11] ||= (e) => r("update:showKeyboardShortcuts", !1)
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), jt = ["disabled", "onMousedown"], Mt = { class: "ctx-menu__label" }, Nt = {
+}), qt = ["disabled", "onMousedown"], Jt = { class: "ctx-menu__label" }, Yt = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, Pt = 220, Ft = 32, It = 10, Lt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, Xt = 220, Zt = 32, Qt = 10, $t = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -853,7 +1006,7 @@ var st = /* @__PURE__ */ A({
 	},
 	emits: ["close", "action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = I(null), a = w(() => {
+		let n = e, r = t, i = L(null), a = T(() => {
 			let e = [
 				{
 					id: "cut",
@@ -971,9 +1124,9 @@ var st = /* @__PURE__ */ A({
 				action: "splitCell",
 				disabled: !n.canSplitCell
 			}), e;
-		}), o = w(() => {
-			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * Ft + i * 9;
-			return typeof window < "u" && (e + Pt + It > window.innerWidth && (e = window.innerWidth - Pt - It), t + o + It > window.innerHeight && (t = window.innerHeight - o - It)), {
+		}), o = T(() => {
+			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * Zt + i * 9;
+			return typeof window < "u" && (e + Xt + Qt > window.innerWidth && (e = window.innerWidth - Xt - Qt), t + o + Qt > window.innerHeight && (t = window.innerHeight - o - Qt)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -986,50 +1139,50 @@ var st = /* @__PURE__ */ A({
 		function c(e) {
 			e.key === "Escape" && r("close");
 		}
-		return V(() => n.isOpen, (e) => {
-			e && j(() => i.value?.focus());
-		}), (t, n) => (F(), T(ie, { to: "body" }, [e.isOpen ? (F(), D("div", {
+		return H(() => n.isOpen, (e) => {
+			e && ce(() => i.value?.focus());
+		}), (t, n) => (I(), E(w, { to: "body" }, [e.isOpen ? (I(), O("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
-			onContextmenu: n[1] ||= G((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : E("", !0), e.isOpen ? (F(), D("div", {
+			onContextmenu: n[1] ||= K((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : D("", !0), e.isOpen ? (I(), O("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: i,
 			class: "ctx-menu",
-			style: M(o.value),
-			onContextmenu: n[2] ||= G(() => {}, ["prevent"]),
+			style: N(o.value),
+			onContextmenu: n[2] ||= K(() => {}, ["prevent"]),
 			onKeydown: c
-		}, [(F(!0), D(C, null, L(a.value, (e, t) => (F(), D("button", {
+		}, [(I(!0), O(C, null, R(a.value, (e, t) => (I(), O("button", {
 			key: e.id || t,
-			class: le(["ctx-menu__item", {
+			class: M(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider
 			}]),
 			disabled: e.disabled,
-			onMousedown: G((t) => s(e.action), ["prevent"])
-		}, [O("span", Mt, R(e.label), 1), e.shortcut ? (F(), D("span", Nt, R(e.shortcut), 1)) : E("", !0)], 42, jt))), 128))], 36)) : E("", !0)]));
+			onMousedown: K((t) => s(e.action), ["prevent"])
+		}, [k("span", Jt, z(e.label), 1), e.shortcut ? (I(), O("span", Yt, z(e.shortcut), 1)) : D("", !0)], 42, qt))), 128))], 36)) : D("", !0)]));
 	}
-}), [["__scopeId", "data-v-741c4f71"]]), Rt = ["aria-label"], zt = { class: "image-ctx-menu__icon" }, Bt = { class: "image-ctx-menu__label" }, Vt = {
+}), [["__scopeId", "data-v-741c4f71"]]), en = ["aria-label"], tn = { class: "image-ctx-menu__icon" }, nn = { class: "image-ctx-menu__label" }, rn = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Ht = [
+}, an = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Ut = { class: "image-ctx-menu__icon" }, Wt = { class: "image-ctx-menu__label" }, Gt = ["aria-label"], Kt = ["disabled", "onClick"], qt = { class: "image-ctx-menu__label" }, Jt = {
+], on = { class: "image-ctx-menu__icon" }, sn = { class: "image-ctx-menu__label" }, cn = ["aria-label"], ln = ["disabled", "onClick"], un = { class: "image-ctx-menu__label" }, dn = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Yt = {
+}, fn = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Q = 18, Xt = 260, Zt = 10, Qt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, pn = 18, mn = 260, Q = 10, $ = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1050,7 +1203,7 @@ var st = /* @__PURE__ */ A({
 		function a() {
 			i("open-properties"), i("close");
 		}
-		let { t: o } = n(), s = I(null), l = Te, u = w(() => r.state ? J(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
+		let { t: o } = n(), s = L(null), l = Y, u = T(() => r.state ? ke(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -1060,19 +1213,19 @@ var st = /* @__PURE__ */ A({
 		function f(e) {
 			return d[e];
 		}
-		let p = w(() => {
+		let p = T(() => {
 			if (!r.state) return {};
-			let e = Te.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
-			return typeof window < "u" && (t + Xt > window.innerWidth && (t = window.innerWidth - Xt - Zt), n + e > window.innerHeight && (n = window.innerHeight - e - Zt), t < Zt && (t = Zt), n < Zt && (n = Zt)), {
+			let e = Y.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
+			return typeof window < "u" && (t + mn > window.innerWidth && (t = window.innerWidth - mn - Q), n + e > window.innerHeight && (n = window.innerHeight - e - Q), t < Q && (t = Q), n < Q && (n = Q)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${n}px`,
-				minWidth: `${Xt}px`,
+				minWidth: `${mn}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return r.state ? Oe(e, r.state.currentWrapType) : !1;
+			return r.state ? je(e, r.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -1083,77 +1236,77 @@ var st = /* @__PURE__ */ A({
 		function _(e) {
 			e.preventDefault(), i("close");
 		}
-		function ee(e) {
+		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (F(), T(ie, { to: "body" }, [e.state && e.state.open ? (F(), D("div", {
+		return (t, n) => (I(), E(w, { to: "body" }, [e.state && e.state.open ? (I(), O("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
-			onContextmenu: n[0] ||= G((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : E("", !0), e.state && e.state.open ? (F(), D("div", {
+			onContextmenu: n[0] ||= K((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : D("", !0), e.state && e.state.open ? (I(), O("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
 			class: "image-ctx-menu",
 			role: "menu",
-			"aria-label": z(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": B(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: M(p.value),
-			onContextmenu: n[4] ||= G(() => {}, ["prevent"]),
-			onKeydown: ee
+			style: N(p.value),
+			onContextmenu: n[4] ||= K(() => {}, ["prevent"]),
+			onKeydown: v
 		}, [
-			e.canOpenProperties ? (F(), D("button", {
+			e.canOpenProperties ? (I(), O("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item",
 				"data-action": "open-properties",
-				onMousedown: n[1] ||= G(() => {}, ["prevent"]),
+				onMousedown: n[1] ||= K(() => {}, ["prevent"]),
 				onClick: a
-			}, [O("span", zt, [k(c, {
+			}, [k("span", tn, [A(c, {
 				name: "settings",
-				size: Q
-			})]), O("span", Bt, R(z(o)("imageWrap.menu.imageProperties")), 1)], 32)) : E("", !0),
-			e.canOpenProperties ? (F(), D("div", Vt)) : E("", !0),
-			(F(!0), D(C, null, L(z(l), (e) => (F(), D("button", {
+				size: pn
+			})]), k("span", nn, z(B(o)("imageWrap.menu.imageProperties")), 1)], 32)) : D("", !0),
+			e.canOpenProperties ? (I(), O("div", rn)) : D("", !0),
+			(I(!0), O(C, null, R(B(l), (e) => (I(), O("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: le(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
+				class: M(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
 				"data-wrap-type": e.choice,
 				"data-current": e.choice === u.value ? "true" : "false",
 				"data-disabled": m(e) ? "false" : "true",
 				disabled: !m(e),
-				title: z(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
-				onMousedown: n[2] ||= G(() => {}, ["prevent"]),
+				title: B(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= K(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				O("span", Ut, [k(c, {
+				k("span", on, [A(c, {
 					name: f(e.iconHint),
-					size: Q
+					size: pn
 				}, null, 8, ["name"])]),
-				O("span", Wt, R(z(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === u.value ? (F(), D("span", {
+				k("span", sn, z(B(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (I(), O("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": z(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Gt)) : E("", !0)
-			], 42, Ht))), 128)),
-			e.textActions && e.textActions.length > 0 ? (F(), D(C, { key: 2 }, [n[5] ||= O("div", {
+					"aria-label": B(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, cn)) : D("", !0)
+			], 42, an))), 128)),
+			e.textActions && e.textActions.length > 0 ? (I(), O(C, { key: 2 }, [n[5] ||= k("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (F(!0), D(C, null, L(e.textActions, (e, t) => (F(), D(C, { key: `${e.action}-${t}` }, [O("button", {
+			}, null, -1), (I(!0), O(C, null, R(e.textActions, (e, t) => (I(), O(C, { key: `${e.action}-${t}` }, [k("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
-				onMousedown: n[3] ||= G(() => {}, ["prevent"]),
+				onMousedown: n[3] ||= K(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [O("span", qt, R(e.label), 1), e.shortcut ? (F(), D("span", Jt, R(e.shortcut), 1)) : E("", !0)], 40, Kt), e.dividerAfter ? (F(), D("div", Yt)) : E("", !0)], 64))), 128))], 64)) : E("", !0)
-		], 44, Rt)) : E("", !0)]));
+			}, [k("span", un, z(e.label), 1), e.shortcut ? (I(), O("span", dn, z(e.shortcut), 1)) : D("", !0)], 40, ln), e.dividerAfter ? (I(), O("div", fn)) : D("", !0)], 64))), 128))], 64)) : D("", !0)
+		], 44, en)) : D("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c21ca8c"]]), $t = /* @__PURE__ */ A({
+}), [["__scopeId", "data-v-5c21ca8c"]]), hn = /* @__PURE__ */ j({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1171,7 +1324,7 @@ var st = /* @__PURE__ */ A({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (F(), D(C, null, [k(Lt, {
+		return (t, r) => (I(), O(C, null, [A($t, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1191,7 +1344,7 @@ var st = /* @__PURE__ */ A({
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), k(Qt, {
+		]), A($, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1205,7 +1358,7 @@ var st = /* @__PURE__ */ A({
 			"can-open-properties"
 		])], 64));
 	}
-}), en = ["href", "title"], tn = ["title"], nn = ["title"], rn = ["title"], an = { class: "docx-hyperlink-popup__edit-row" }, $ = ["placeholder", "onKeydown"], on = { class: "docx-hyperlink-popup__edit-row" }, sn = ["onKeydown"], cn = ["disabled"], ln = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), gn = ["href", "title"], _n = ["title"], vn = ["title"], yn = ["title"], bn = { class: "docx-hyperlink-popup__edit-row" }, xn = ["placeholder", "onKeydown"], Sn = { class: "docx-hyperlink-popup__edit-row" }, Cn = ["onKeydown"], wn = ["disabled"], Tn = /* @__PURE__ */ x(/* @__PURE__ */ j({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1219,25 +1372,25 @@ var st = /* @__PURE__ */ A({
 		"close"
 	],
 	setup(e, { emit: t }) {
-		let { t: r } = n(), i = e, a = t, o = I(!1), s = I(""), c = I(""), l = I(null), u = w(() => ({
+		let { t: r } = n(), i = e, a = t, o = L(!1), s = L(""), c = L(""), l = L(null), u = T(() => ({
 			left: (i.data?.position.left ?? 0) + "px",
 			top: (i.data?.position.top ?? 0) + "px"
 		}));
-		V(() => i.data?.href, () => {
+		H(() => i.data?.href, () => {
 			o.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		V(() => i.data, (e) => {
+		H(() => i.data, (e) => {
 			p(), e && (d = (e) => {
 				let t = l.value;
 				t && !t.contains(e.target) && a("close");
 			}, f = setTimeout(() => {
 				d && document.addEventListener("mousedown", d);
 			}, 0));
-		}, { immediate: !0 }), N(p);
+		}, { immediate: !0 }), P(p);
 		function m() {
 			i.data && (s.value = i.data.displayText, c.value = i.data.href, o.value = !0);
 		}
@@ -1247,41 +1400,41 @@ var st = /* @__PURE__ */ A({
 		function g() {
 			i.data && (a("copy", i.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(i.data.href).catch(() => {}));
 		}
-		return (t, n) => e.data ? (F(), D("div", {
+		return (t, n) => e.data ? (I(), O("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
-			class: le(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
-			style: M(u.value),
-			onMousedown: n[6] ||= G(() => {}, ["stop"])
-		}, [o.value ? (F(), D(C, { key: 1 }, [O("div", an, [U(O("input", {
+			class: M(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
+			style: N(u.value),
+			onMousedown: n[6] ||= K(() => {}, ["stop"])
+		}, [o.value ? (I(), O(C, { key: 1 }, [k("div", bn, [W(k("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: z(r)("hyperlinkPopup.displayTextPlaceholder"),
+			placeholder: B(r)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
-			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[3] ||= W((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, $), [[B, s.value]])]), O("div", on, [U(O("input", {
+			onKeydown: [G(K(h, ["prevent"]), ["enter"]), n[3] ||= G((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, xn), [[V, s.value]])]), k("div", Sn, [W(k("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
-			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[5] ||= W((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, sn), [[B, c.value]]), O("button", {
+			onKeydown: [G(K(h, ["prevent"]), ["enter"]), n[5] ||= G((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, Cn), [[V, c.value]]), k("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
-			onClick: G(h, ["prevent"])
-		}, R(z(r)("common.apply")), 9, cn)])], 64)) : (F(), D(C, { key: 0 }, [
-			n[10] ||= se("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-9d23bb12><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-9d23bb12></circle><path d=\"M2 12h20\" data-v-9d23bb12></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-9d23bb12></path></svg></span>", 1),
-			O("a", {
+			onClick: K(h, ["prevent"])
+		}, z(B(r)("common.apply")), 9, wn)])], 64)) : (I(), O(C, { key: 0 }, [
+			n[10] ||= oe("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-9d23bb12><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-9d23bb12></circle><path d=\"M2 12h20\" data-v-9d23bb12></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-9d23bb12></path></svg></span>", 1),
+			k("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
-				onClick: n[0] ||= G((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, R(e.data.href), 9, en),
-			n[11] ||= O("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
-			O("button", {
+				onClick: n[0] ||= K((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, z(e.data.href), 9, gn),
+			n[11] ||= k("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			k("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: z(r)("hyperlinkPopup.copyLink"),
-				onClick: G(g, ["prevent"])
-			}, [...n[7] ||= [O("svg", {
+				title: B(r)("hyperlinkPopup.copyLink"),
+				onClick: K(g, ["prevent"])
+			}, [...n[7] ||= [k("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1290,20 +1443,20 @@ var st = /* @__PURE__ */ A({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [O("rect", {
+			}, [k("rect", {
 				x: "9",
 				y: "9",
 				width: "13",
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), O("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, tn),
-			e.readOnly ? E("", !0) : (F(), D("button", {
+			}), k("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, _n),
+			e.readOnly ? D("", !0) : (I(), O("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: z(r)("hyperlinkPopup.editLink"),
-				onClick: G(m, ["prevent"])
-			}, [...n[8] ||= [O("svg", {
+				title: B(r)("hyperlinkPopup.editLink"),
+				onClick: K(m, ["prevent"])
+			}, [...n[8] ||= [k("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1312,26 +1465,26 @@ var st = /* @__PURE__ */ A({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [O("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), O("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, nn)),
-			e.readOnly ? E("", !0) : (F(), D("button", {
+			}, [k("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), k("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, vn)),
+			e.readOnly ? D("", !0) : (I(), O("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: z(r)("hyperlinkPopup.removeLink"),
-				onClick: n[1] ||= G((e) => t.$emit("remove"), ["prevent"])
-			}, [...n[9] ||= [se("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-9d23bb12></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-9d23bb12></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-9d23bb12></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-9d23bb12></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-9d23bb12></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-9d23bb12></line></svg>", 1)]], 8, rn))
-		], 64))], 38)) : E("", !0);
+				title: B(r)("hyperlinkPopup.removeLink"),
+				onClick: n[1] ||= K((e) => t.$emit("remove"), ["prevent"])
+			}, [...n[9] ||= [oe("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-9d23bb12></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-9d23bb12></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-9d23bb12></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-9d23bb12></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-9d23bb12></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-9d23bb12></line></svg>", 1)]], 8, yn))
+		], 64))], 38)) : D("", !0);
 	}
 }), [["__scopeId", "data-v-9d23bb12"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function un(e) {
-	let t = I(null);
+function En(e) {
+	let t = L(null);
 	async function n() {
 		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
 	}
 	async function r(t) {
 		try {
-			let r = await q(t);
+			let r = await Se(t);
 			if (!r) return;
 			await e.loadBuffer(r.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", r.name), await n();
 		} catch (t) {
@@ -1370,8 +1523,8 @@ function un(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function dn(e) {
-	let t = I(null);
+function Dn(e) {
+	let t = L(null);
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -1399,7 +1552,7 @@ function dn(e) {
 	function a(n, r) {
 		let i = e.editorView.value;
 		if (!i) return;
-		let a = K(i.state);
+		let a = J(i.state);
 		if (!a) {
 			t.value = null;
 			return;
@@ -1413,7 +1566,7 @@ function dn(e) {
 	function o() {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = K(n.state, t.value?.href);
+		let r = J(n.state, t.value?.href);
 		if (!r) {
 			t.value = null;
 			return;
@@ -1432,17 +1585,17 @@ function dn(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function fn(e) {
+function On(e) {
 	function t() {
 		let t = e.editorView.value;
-		t && (pe(t.state, t.dispatch, t), t.focus());
+		t && (q(t.state, t.dispatch, t), t.focus());
 	}
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = e.getDocument()?.package?.styles;
 		if (r) {
-			let e = Ve(r).resolveParagraphStyle(t);
+			let e = Xe(r).resolveParagraphStyle(t);
 			Z(t, {
 				paragraphFormatting: e.paragraphFormatting,
 				runFormatting: e.runFormatting
@@ -1452,7 +1605,7 @@ function fn(e) {
 	}
 	function r() {
 		let t = e.editorView.value;
-		t && (He(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (Ze(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function i(t) {
 		let n = e.editorView.value;
@@ -1463,11 +1616,11 @@ function fn(e) {
 	function a(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = et(n.state.doc, t.paraId);
+		let r = ft(n.state.doc, t.paraId);
 		if (!r) return !1;
 		let i = r.from + 1, a = r.to - 1;
 		if (t.search) {
-			let e = rt(n.state.doc, r.from, r.to, t.search);
+			let e = ht(n.state.doc, r.from, r.to, t.search);
 			if (!e) return !1;
 			i = e.from, a = e.to;
 		}
@@ -1480,7 +1633,7 @@ function fn(e) {
 		return s.strike !== void 0 && o.marks.strike && (c = s.strike ? c.addMark(i, a, o.marks.strike.create()) : c.removeMark(i, a, o.marks.strike)), s.color !== void 0 && o.marks.textColor && (c = s.color && (s.color.rgb || s.color.themeColor) ? c.addMark(i, a, o.marks.textColor.create({
 			rgb: s.color.rgb ?? null,
 			themeColor: s.color.themeColor ?? null
-		})) : c.removeMark(i, a, o.marks.textColor)), s.highlight !== void 0 && o.marks.highlight && (c = s.highlight ? c.addMark(i, a, o.marks.highlight.create({ color: Ue(s.highlight) || s.highlight })) : c.removeMark(i, a, o.marks.highlight)), s.fontSize !== void 0 && o.marks.fontSize && (c = s.fontSize > 0 ? c.addMark(i, a, o.marks.fontSize.create({ size: Pe(s.fontSize) })) : c.removeMark(i, a, o.marks.fontSize)), s.fontFamily !== void 0 && o.marks.fontFamily && (c = s.fontFamily && (s.fontFamily.ascii || s.fontFamily.hAnsi) ? c.addMark(i, a, o.marks.fontFamily.create({
+		})) : c.removeMark(i, a, o.marks.textColor)), s.highlight !== void 0 && o.marks.highlight && (c = s.highlight ? c.addMark(i, a, o.marks.highlight.create({ color: Qe(s.highlight) || s.highlight })) : c.removeMark(i, a, o.marks.highlight)), s.fontSize !== void 0 && o.marks.fontSize && (c = s.fontSize > 0 ? c.addMark(i, a, o.marks.fontSize.create({ size: He(s.fontSize) })) : c.removeMark(i, a, o.marks.fontSize)), s.fontFamily !== void 0 && o.marks.fontFamily && (c = s.fontFamily && (s.fontFamily.ascii || s.fontFamily.hAnsi) ? c.addMark(i, a, o.marks.fontFamily.create({
 			ascii: s.fontFamily.ascii ?? null,
 			hAnsi: s.fontFamily.hAnsi ?? s.fontFamily.ascii ?? null
 		})) : c.removeMark(i, a, o.marks.fontFamily)), n.dispatch(c), !0;
@@ -1488,11 +1641,11 @@ function fn(e) {
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = et(n.state.doc, t.paraId);
+		let r = ft(n.state.doc, t.paraId);
 		if (!r) return !1;
-		let i = e.getDocument(), a = i?.package?.styles ? Ve(i.package.styles) : null;
+		let i = e.getDocument(), a = i?.package?.styles ? Xe(i.package.styles) : null;
 		if (a && !a.hasParagraphStyle(t.styleId)) return !1;
-		let o = n.state.doc.resolve(r.from + 1), s = n.state.doc.resolve(r.to - 1), c = n.state.apply(n.state.tr.setSelection(xe.between(o, s))), l = a ? (() => {
+		let o = n.state.doc.resolve(r.from + 1), s = n.state.doc.resolve(r.to - 1), c = n.state.apply(n.state.tr.setSelection(pe.between(o, s))), l = a ? (() => {
 			let e = a.resolveParagraphStyle(t.styleId);
 			return Z(t.styleId, {
 				paragraphFormatting: e.paragraphFormatting,
@@ -1514,7 +1667,7 @@ function fn(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function pn(e) {
+function kn(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -1541,19 +1694,19 @@ function pn(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && ze(t)(n.state, n.dispatch);
+		n && Je(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && Be(t)(n.state, n.dispatch);
+		n && Ye(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? Re(-t, !0)(n.state, n.dispatch) : Re(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? qe(-t, !0)(n.state, n.dispatch) : qe(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && Le(t)(n.state, n.dispatch);
+		n && Ke(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -1569,18 +1722,18 @@ function pn(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function mn(e) {
+function An(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
-			t && (e.outlineHeadings.value = We(t.state.doc));
+			t && (e.outlineHeadings.value = $e(t.state.doc));
 		}
 		e.showOutline.value = !e.showOutline.value;
 	}
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = xe.near(r);
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = pe.near(r);
 		n.dispatch(n.state.tr.setSelection(i).scrollIntoView()), n.focus();
 	}
 	function r() {
@@ -1599,7 +1752,7 @@ function mn(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function hn(e) {
+function jn(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -1607,11 +1760,11 @@ function hn(e) {
 		}
 		e.handleZoomKeyDown(t), (t.ctrlKey || t.metaKey) && (e.disableFindReplaceShortcuts?.() && (t.key === "f" || t.key === "h") || (t.key === "f" || t.key === "h" ? (t.preventDefault(), e.showFindReplace.value = !0) : t.key === "k" ? (t.preventDefault(), e.showHyperlink.value = !0) : t.key === "/" && (t.preventDefault(), e.showKeyboardShortcuts.value = !e.showKeyboardShortcuts.value)));
 	}
-	return P(() => window.addEventListener("keydown", t)), N(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+	return F(() => window.addEventListener("keydown", t)), P(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
 }
 //#endregion
 //#region src/utils/commentFactories.ts
-function gn(e, t, n, r) {
+function Mn(e, t, n, r) {
 	return {
 		id: e.reduce((e, t) => Math.max(e, t.id), 0) + 1,
 		author: n,
@@ -1633,9 +1786,9 @@ function gn(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function _n(e) {
+function Nn(e) {
 	function t(t, n, r) {
-		return gn(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
+		return Mn(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
 	}
 	function n(n) {
 		let r = e.getDocument(), i = e.editorView.value;
@@ -1643,11 +1796,11 @@ function _n(e) {
 		r.package.document.comments || (r.package.document.comments = []);
 		let a = i.state.schema.marks.comment;
 		if (!a) return null;
-		let o = et(i.state.doc, n.paraId);
+		let o = ft(i.state.doc, n.paraId);
 		if (!o) return null;
 		let s = o.from + 1, c = o.to - 1;
 		if (n.search) {
-			let e = rt(i.state.doc, o.from, o.to, n.search);
+			let e = ht(i.state.doc, o.from, o.to, n.search);
 			if (!e) return null;
 			s = e.from, c = e.to;
 		}
@@ -1672,14 +1825,14 @@ function _n(e) {
 		if (!n) return !1;
 		let { schema: r } = n.state;
 		if (!r.marks.deletion || !r.marks.insertion) return !1;
-		let i = et(n.state.doc, t.paraId);
+		let i = ft(n.state.doc, t.paraId);
 		if (!i) return !1;
 		let a = t.search === "", o = t.replaceWith === "";
 		if (a && o) return !1;
 		let s, c;
 		if (a) s = i.to - 1, c = i.to - 1;
 		else {
-			let e = rt(n.state.doc, i.from, i.to, t.search);
+			let e = ht(n.state.doc, i.from, i.to, t.search);
 			if (!e) return !1;
 			s = e.from, c = e.to;
 		}
@@ -1714,13 +1867,21 @@ function _n(e) {
 	}
 	function l(t, n) {
 		let r = e.editorView.value;
-		r && (Ge(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (et(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
 	function u(t, n) {
 		let r = e.editorView.value;
-		r && (Ke(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (rt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+	}
+	function d(t) {
+		let n = e.editorView.value;
+		n && (tt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+	}
+	function f(t) {
+		let n = e.editorView.value;
+		n && (it(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
-	function d(n, r) {
+	function p(n, r) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package?.document || !a) return;
 		i.package.document.comments || (i.package.document.comments = []);
@@ -1747,23 +1908,25 @@ function _n(e) {
 		handleCommentDelete: c,
 		handleAcceptChange: l,
 		handleRejectChange: u,
-		handleTrackedChangeReply: d
+		handleAcceptChangeById: d,
+		handleRejectChangeById: f,
+		handleTrackedChangeReply: p
 	};
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function vn(e, t) {
-	let n = X(e);
+function Pn(e, t) {
+	let n = ge(e);
 	for (let e of n) {
 		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
 		if (!isNaN(n) && !isNaN(r) && t >= n && t <= r) return e;
 	}
 	return null;
 }
-function yn(e, t, n) {
+function Fn(e, t, n) {
 	if (!e || !t) return;
 	let r = null;
-	for (let t of X(e)) {
+	for (let t of ge(e)) {
 		let e = Number(t.dataset.pmStart), i = Number(t.dataset.pmEnd);
 		if (Number.isFinite(e) && Number.isFinite(i) && n >= e && n <= i) {
 			r = t;
@@ -1777,21 +1940,21 @@ function yn(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function bn(e, t, n, r) {
+function In(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = Y(e, n, r, 1);
+	let i = me(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function xn(e, t, n) {
+function Ln(e, t, n) {
 	if (!e) return;
-	let r = vn(e, t);
+	let r = Pn(e, t);
 	if (!r) return;
-	let i = r.textContent || "", a = Number(r.dataset.pmStart) || 0, [o, s] = he(i, t - a), c = a + o, l = a + s;
+	let i = r.textContent || "", a = Number(r.dataset.pmStart) || 0, [o, s] = ve(i, t - a), c = a + o, l = a + s;
 	c < l && n(c, l);
 }
-function Sn(e, t, n) {
+function Rn(e, t, n) {
 	if (!e) return;
-	let r = vn(e, t);
+	let r = Pn(e, t);
 	if (!r) return;
 	let i = r.closest(".layout-paragraph");
 	if (!i) return;
@@ -1800,11 +1963,11 @@ function Sn(e, t, n) {
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function Cn(e) {
-	let t = I(null), n = I(null), r = I(null), i = I(!1);
+function zn(e) {
+	let t = L(null), n = L(null), r = L(null), i = L(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
-		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = qe(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
+		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = at(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
 	}
 	function o() {
 		e.stateTick.value;
@@ -1823,7 +1986,7 @@ function Cn(e) {
 			t.value = null;
 			return;
 		}
-		let s = o.getBoundingClientRect(), c = vn(a, r);
+		let s = o.getBoundingClientRect(), c = Pn(a, r);
 		if (!c) {
 			t.value = null;
 			return;
@@ -1885,7 +2048,7 @@ function Cn(e) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package) return;
 		i.package.document.comments || (i.package.document.comments = []);
-		let o = gn(i.package.document.comments, t, "User");
+		let o = Mn(i.package.document.comments, t, "User");
 		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments];
 		let s = n.value;
 		if (a && s && s.from !== s.to) {
@@ -1908,15 +2071,15 @@ function Cn(e) {
 	function d(t) {
 		e.showSidebar.value = !0;
 	}
-	V([
+	H([
 		e.stateTick,
 		e.isAddingComment,
 		e.zoom
-	], () => o()), V(e.stateTick, () => s());
+	], () => o()), H(e.stateTick, () => s()), H(e.stateTick, () => a());
 	let f = null;
-	return P(() => {
+	return F(() => {
 		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
-	}), N(() => {
+	}), P(() => {
 		f?.disconnect(), window.removeEventListener("resize", o);
 	}), {
 		floatingCommentBtn: t,
@@ -1934,8 +2097,8 @@ function Cn(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function wn(e) {
-	let t = fe(null), n = I(!1), r = w(() => {
+function Bn(e) {
+	let t = de(null), n = L(!1), r = T(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -1956,15 +2119,15 @@ function wn(e) {
 			alt: t.alt,
 			width: t.width,
 			height: t.height
-		}), { from: a } = n.state.selection, o = n.state.tr.insert(a, i);
-		n.dispatch(o.scrollIntoView()), n.focus();
+		});
+		nt(n.state, n.dispatch, i, n.state.selection.from), n.focus();
 	}
 	function a(n) {
 		let r = e.editorView.value, i = t.value;
 		if (!r || !i) return;
-		let a = ke(n);
+		let a = Me(n);
 		if (!a) return;
-		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: Ee(i.element, e.zoom.value) } : void 0, l = s.setImageWrapType?.(i.pmPos, a, c);
+		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: Oe(i.element, e.zoom.value) } : void 0, l = s.setImageWrapType?.(i.pmPos, a, c);
 		l && (l(r.state, (e) => r.dispatch(e), r), r.focus());
 	}
 	function o(n) {
@@ -1993,10 +2156,20 @@ function wn(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Tn(e, t) {
+function Vn(e, t, n) {
+	let r = We(e.state), i = e.state.schema.marks.insertion;
+	if (!r || !i) return;
+	let a = t.selection.from, o = a - n.nodeSize;
+	o < 0 || t.addMark(o, a, i.create({
+		revisionId: r.revisionId,
+		author: r.author,
+		date: r.date
+	}));
+}
+function Hn(e, t) {
 	return e.getBlob(t);
 }
-function En(e, t) {
+function Un(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = `<img src="${n.attrs.src}" data-pm-image="true" data-width="${n.attrs.width ?? ""}" data-height="${n.attrs.height ?? ""}" data-wrap-type="${n.attrs.wrapType ?? ""}" data-display-mode="${n.attrs.displayMode ?? ""}" data-rid="${n.attrs.rId ?? ""}" />`, i = new ClipboardItem({
@@ -2008,13 +2181,13 @@ function En(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Dn(e) {
+function Wn(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function On(e) {
+function Gn(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2026,13 +2199,13 @@ function On(e) {
 		}), n.src = e;
 	});
 }
-async function kn(e) {
+async function Kn(e) {
 	try {
 		let t = await navigator.clipboard.read();
 		for (let n of t) {
 			let t = n.types.find((e) => e.startsWith("image/"));
 			if (t) {
-				let r = await Dn(await Tn(n, t)), i = await On(r), a = i.width, o = i.height;
+				let r = await Wn(await Hn(n, t)), i = await Gn(r), a = i.width, o = i.height;
 				a > 612 && (o = Math.round(612 / a * o), a = 612);
 				let s = e.state.schema.nodes.image.create({
 					src: r,
@@ -2041,12 +2214,12 @@ async function kn(e) {
 					rId: `rId_img_${Date.now()}`,
 					wrapType: "inline",
 					displayMode: "inline"
-				});
-				e.dispatch(e.state.tr.replaceSelectionWith(s));
+				}), c = e.state.tr.replaceSelectionWith(s);
+				Vn(e, c, s), e.dispatch(c);
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await Tn(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await Hn(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
 				if (r && r[1]) {
 					let n = r[1], i = t.match(/data-width="(\d+)"/), a = t.match(/data-height="(\d+)"/), o = i ? Number(i[1]) : 200, s = a ? Number(a[1]) : 200, c = e.state.schema.nodes.image.create({
 						src: n,
@@ -2055,13 +2228,13 @@ async function kn(e) {
 						rId: `rId_img_${Date.now()}`,
 						wrapType: "inline",
 						displayMode: "inline"
-					});
-					e.dispatch(e.state.tr.replaceSelectionWith(c));
+					}), l = e.state.tr.replaceSelectionWith(c);
+					Vn(e, l, c), e.dispatch(l);
 					return;
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await Tn(n, "text/plain")).text();
+				let t = await (await Hn(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2077,14 +2250,14 @@ async function kn(e) {
 		}
 	}
 }
-function An(e, t) {
+function qn(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = document.createElement("input");
 	r.type = "file", r.accept = "image/*", r.onchange = async () => {
 		let i = r.files?.[0];
 		if (!i) return;
-		let a = await Dn(i), o = await On(a), s = n.attrs.width || o.width, c = n.attrs.height || o.height, l = Math.min(s / o.width, c / o.height), u = Math.round(o.width * l), d = Math.round(o.height * l);
+		let a = await Wn(i), o = await Gn(a), s = n.attrs.width || o.width, c = n.attrs.height || o.height, l = Math.min(s / o.width, c / o.height), u = Math.round(o.width * l), d = Math.round(o.height * l);
 		try {
 			let r = e.state.tr.setNodeMarkup(t, void 0, {
 				...n.attrs,
@@ -2099,8 +2272,8 @@ function An(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function jn(e) {
-	let { t } = n(), r = I({
+function Jn(e) {
+	let { t } = n(), r = L({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -2111,7 +2284,7 @@ function jn(e) {
 		onImage: !1,
 		canMergeCells: !1,
 		canSplitCell: !1
-	}), i = I(null), a = w(() => [
+	}), i = L(null), a = T(() => [
 		{
 			action: "cut",
 			label: t("contextMenu.cut"),
@@ -2137,12 +2310,12 @@ function jn(e) {
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let a = t.target, o = De(a);
+		let a = t.target, o = Ae(a);
 		if (o) {
 			let a = Number(o.dataset.pmStart);
 			if (!isNaN(a)) {
 				try {
-					let e = be.create(n.state.doc, a);
+					let e = fe.create(n.state.doc, a);
 					n.dispatch(n.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
@@ -2163,7 +2336,7 @@ function jn(e) {
 						pmPos: a,
 						currentWrapType: n,
 						currentCssFloat: c ?? null,
-						inlinePositionEmu: n === "inline" ? Ee(o, e.zoom.value) : void 0
+						inlinePositionEmu: n === "inline" ? Oe(o, e.zoom.value) : void 0
 					}, r.value.isOpen = !1;
 					return;
 				}
@@ -2175,7 +2348,7 @@ function jn(e) {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = ve(n.state), { empty: c } = n.state.selection;
+		let s = we(n.state), { empty: c } = n.state.selection;
 		i.value &&= null, r.value = {
 			isOpen: !0,
 			position: {
@@ -2204,7 +2377,7 @@ function jn(e) {
 			pmPos: a.pmPos,
 			currentWrapType: s,
 			currentCssFloat: c ?? null,
-			inlinePositionEmu: s === "inline" ? Ee(a.element, e.zoom.value) : void 0
+			inlinePositionEmu: s === "inline" ? Oe(a.element, e.zoom.value) : void 0
 		}, r.value.isOpen = !1;
 	}
 	function c(t) {
@@ -2220,16 +2393,16 @@ function jn(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					En(n, e.selectedImage.value.pmPos);
+					Un(n, e.selectedImage.value.pmPos);
 					let t = e.selectedImage.value.pmPos, r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
 				} else document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? En(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? Un(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				kn(n);
+				Kn(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2242,7 +2415,7 @@ function jn(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = xe.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = pe.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -2250,7 +2423,7 @@ function jn(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && An(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && qn(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2285,55 +2458,64 @@ function jn(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Mn = 500;
-function Nn(e) {
-	let t = I(null), n = null;
+var Yn = 500;
+function Xn(e) {
+	let t = L(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = I(null), a = 0, o = null, s = 0, c = !1, l = null, u = I({
+	let i = de(null), a = 0, o = null, s = 0, c = !1, l = null, u = L({
 		currentPage: 1,
 		totalPages: 1,
 		visible: !1
 	}), d = null;
 	function f(t, n) {
-		return bn(e.pagesRef.value, e.editorView.value, t, n);
+		return In(e.pagesRef.value, e.editorView.value, t, n);
 	}
-	function p(t, n) {
-		let r = e.editorView.value;
-		if (!r) return;
-		let i = r.state.doc.resolve(t), a = n === void 0 ? i : r.state.doc.resolve(n), o = xe.between(i, a);
-		r.dispatch(r.state.tr.setSelection(o));
+	function p() {
+		let t = i.value;
+		if (t?.headerFooter && e.getHfPmView) {
+			let n = e.getHfPmView(t.headerFooter);
+			if (n) return n;
+		}
+		return e.editorView.value;
 	}
-	function m(t) {
-		yn(e.pagesRef.value, e.pagesViewportRef.value, t);
+	function m(e, t) {
+		let n = p();
+		if (n) try {
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = pe.between(r, i);
+			n.dispatch(n.state.tr.setSelection(a));
+		} catch {}
 	}
 	function h(t) {
-		xn(e.pagesRef.value, t, p);
+		Fn(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function g(t) {
-		Sn(e.pagesRef.value, t, p);
+		Ln(e.pagesRef.value, t, m);
 	}
 	function _(t) {
+		Rn(e.pagesRef.value, t, m);
+	}
+	function v(t) {
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = null;
 		if (n.state.doc.descendants((e, n) => r === null ? (e.attrs?.bookmarks)?.some((e) => e.name === t) ? (r = n, !1) : !0 : !1), r !== null) {
-			m(r);
+			h(r);
 			try {
-				p(Math.min(r + 1, n.state.doc.content.size));
+				m(Math.min(r + 1, n.state.doc.content.size));
 			} catch {
-				p(r);
+				m(r);
 			}
 		}
 	}
-	function ee(a) {
+	function y(a) {
 		if (e.readOnly.value || c) return;
 		let o = e.pagesRef.value;
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s) return;
-		let l = Ye({
+		let l = st({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2343,7 +2525,7 @@ function Nn(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, Je));
+			}, ot));
 			return;
 		}
 		let u = s.getBoundingClientRect();
@@ -2354,16 +2536,16 @@ function Nn(e) {
 			cellPmPos: l.cellPmPos
 		}, r();
 	}
-	function v(n) {
+	function b(n) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(xe.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(pe.create(i.state.doc, r.cellPmPos + 1));
 		i.dispatch(a);
 		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow?.() : o.addColumnRight?.();
 		s && (s(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
 	}
-	function y(t) {
+	function x(t) {
 		let n = t.target?.closest("a[href]");
 		if (!n) return;
 		t.preventDefault();
@@ -2371,7 +2553,7 @@ function Nn(e) {
 		if (!r) return;
 		if (r.startsWith("#")) {
 			let e = r.slice(1);
-			e && _(e);
+			e && v(e);
 			return;
 		}
 		let i = e.editorView.value;
@@ -2389,14 +2571,58 @@ function Nn(e) {
 			}
 		};
 	}
-	function b(t) {
+	function ee(t) {
 		let n = t.target, r = n.closest(".layout-page-header"), a = n.closest(".layout-page-footer"), o = r ?? a;
 		if (!o) return;
 		let s = r ? "header" : "footer", c = e.getDocument();
 		if (!c?.package) return;
-		let l = c.package.document?.sections?.[0]?.properties ?? c.package.document?.finalSectionProperties ?? null, u = s === "header" ? l?.headerReferences : l?.footerReferences, d = s === "header" ? c.package.headers : c.package.footers;
-		if (!u || !d) return;
-		let f = (u.find((e) => e.type === "default") ?? u.find((e) => e.type === "first"))?.rId ?? null, p = f ? d.get(f) ?? null : null, m = e.pagesViewportRef.value;
+		let l = c.package.document?.sections?.[0]?.properties ?? c.package.document?.finalSectionProperties ?? null, u = s === "header" ? l?.headerReferences : l?.footerReferences, d = s === "header" ? c.package.headers : c.package.footers, f = (u?.find((e) => e.type === "default") ?? u?.find((e) => e.type === "first") ?? null)?.rId ?? null, p = f ? d?.get(f) ?? null : null;
+		if (!p) {
+			if (!l) return;
+			let t = "default", n = `rId_new_${s}_${t}`, r = {
+				type: s,
+				hdrFtrType: t,
+				content: [{
+					type: "paragraph",
+					content: []
+				}]
+			}, i = s === "header" ? "headers" : "footers", a = s === "header" ? "headerReferences" : "footerReferences", o = new Map(c.package[i] ?? []);
+			o.set(n, r);
+			let u = c.package.relationships, d = /* @__PURE__ */ new Set();
+			for (let e of u?.values() ?? []) e.target && d.add(e.target);
+			let m = 1;
+			for (; d.has(`${s}${m}.xml`);) m++;
+			let h = s === "header" ? "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header" : "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer", g = new Map(u);
+			g.set(n, {
+				id: n,
+				type: h,
+				target: `${s}${m}.xml`
+			});
+			let _ = {
+				type: t,
+				rId: n
+			}, v = l && {
+				...l,
+				[a]: [...l[a] ?? [], _]
+			}, y = {
+				...c,
+				package: {
+					...c.package,
+					[i]: o,
+					relationships: g,
+					document: c.package.document ? {
+						...c.package.document,
+						sections: c.package.document.sections?.map((e, t) => t === 0 ? {
+							...e,
+							properties: v ?? e.properties
+						} : e),
+						finalSectionProperties: c.package.document.finalSectionProperties === l ? v : c.package.document.finalSectionProperties
+					} : c.package.document
+				}
+			};
+			f = n, p = r, e.setDocument?.(y), e.syncHfPMs?.(), e.reLayout(), e.emit("change", y);
+		}
+		let m = e.pagesViewportRef.value;
 		if (!m) return;
 		let h = o.getBoundingClientRect(), g = m.getBoundingClientRect(), _ = e.zoom.value || 1;
 		i.value = {
@@ -2411,70 +2637,73 @@ function Nn(e) {
 			}
 		};
 	}
-	function x(t) {
+	function te(t) {
 		let n = e.getDocument(), r = i.value;
 		if (!n?.package || !r) return;
 		let a = r.position === "header" ? n.package.headers : n.package.footers;
 		if (!a || !r.rId) return;
 		let o = a.get(r.rId);
-		o && (o.content = t), e.reLayout(), e.emit("change", n);
+		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
 	}
-	function te() {
+	function ne() {
 		let t = e.getDocument(), n = i.value;
 		if (!t?.package || !n || !n.rId) return;
 		let r = (n.position === "header" ? t.package.headers : t.package.footers)?.get(n.rId);
-		r && (r.content = []), i.value = null, e.reLayout(), e.emit("change", t);
+		r && (r.content = []), i.value = null, e.syncHfPMs?.(), e.reLayout(), e.emit("change", t);
 	}
-	function ne(t) {
+	function re(t) {
 		if (t.button !== 0 || e.imageInteracting.value) return;
 		let n = e.editorView.value;
-		if (!n || !e.readOnly.value && e.tableResize.tryStartResize(t, n)) return;
-		let r = t.target, i = De(r);
-		if (i) {
+		if (!n) return;
+		let r = t.target;
+		i.value && (r.closest(".layout-page-header") || r.closest(".layout-page-footer") || r.closest(".hf-editor") || (i.value = null, n.focus()));
+		let u = p() ?? n;
+		if (!e.readOnly.value && e.tableResize.tryStartResize(t, u)) return;
+		let d = Ae(r);
+		if (d) {
 			t.preventDefault(), t.stopPropagation();
-			let r = Number(i.dataset.pmStart);
-			if (!isNaN(r)) {
+			let n = Number(d.dataset.pmStart);
+			if (!isNaN(n)) {
 				try {
-					let e = be.create(n.state.doc, r);
-					n.dispatch(n.state.tr.setSelection(e));
+					u.dispatch(u.state.tr.setSelection(fe.create(u.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
-					element: i,
-					pmPos: r,
-					width: i.offsetWidth,
-					height: i.offsetHeight
+					element: d,
+					pmPos: n,
+					width: d.offsetWidth,
+					height: d.offsetHeight
 				}, e.clearOverlay();
 			}
-			n.focus();
+			u.focus();
 			return;
 		}
 		e.selectedImage.value = null, t.preventDefault();
-		let u = f(t.clientX, t.clientY);
-		if (u === null) {
-			n.focus();
+		let h = f(t.clientX, t.clientY);
+		if (h === null) {
+			u.focus();
 			return;
 		}
-		let d = Date.now();
-		if (d - a < Mn && o === u ? s++ : s = 1, a = d, o = u, s === 2) h(u);
-		else if (s >= 3) g(u), s = 0;
+		let v = Date.now();
+		if (v - a < Yn && o === h ? s++ : s = 1, a = v, o = h, s === 2) g(h);
+		else if (s >= 3) _(h), s = 0;
 		else {
 			if (t.shiftKey) {
-				let { from: e } = n.state.selection;
-				p(e, u);
-			} else p(u);
-			l = u, c = !0;
+				let { from: e } = u.state.selection;
+				m(e, h);
+			} else m(h);
+			l = h, c = !0;
 		}
-		n.focus();
+		u.focus();
 	}
-	function re(e) {
+	function S(e) {
 		if (!c || l === null) return;
 		let t = f(e.clientX, e.clientY);
-		t !== null && t !== l && p(l, t);
+		t !== null && t !== l && m(l, t);
 	}
-	function S() {
+	function C() {
 		c = !1;
 	}
-	function C() {
+	function w() {
 		let t = e.pagesViewportRef.value, n = e.layout.value;
 		if (!t || !n || n.pages.length === 0) return;
 		let r = t.scrollTop, i = n.pages.length, a = r + t.clientHeight / 2, o = 24, s = 1;
@@ -2497,31 +2726,31 @@ function Nn(e) {
 			};
 		}, 600);
 	}
-	return P(() => {
-		window.addEventListener("mousemove", re), window.addEventListener("mouseup", S), e.pagesViewportRef.value?.addEventListener("scroll", C, { passive: !0 });
-	}), N(() => {
-		r(), window.removeEventListener("mousemove", re), window.removeEventListener("mouseup", S), e.pagesViewportRef.value?.removeEventListener("scroll", C), d && clearTimeout(d);
+	return F(() => {
+		window.addEventListener("mousemove", S), window.addEventListener("mouseup", C), e.pagesViewportRef.value?.addEventListener("scroll", w, { passive: !0 });
+	}), P(() => {
+		r(), window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", C), e.pagesViewportRef.value?.removeEventListener("scroll", w), d && clearTimeout(d);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
 		scrollPageInfo: u,
 		resolvePos: f,
-		setPmSelection: p,
-		scrollVisiblePositionIntoView: m,
-		navigateToBookmark: _,
-		handlePagesMouseDown: ne,
-		handlePagesMouseMove: ee,
-		handlePagesClick: y,
-		handlePagesDoubleClick: b,
-		handleTableInsertClick: v,
+		setPmSelection: m,
+		scrollVisiblePositionIntoView: h,
+		navigateToBookmark: v,
+		handlePagesMouseDown: re,
+		handlePagesMouseMove: y,
+		handlePagesClick: x,
+		handlePagesDoubleClick: ee,
+		handleTableInsertClick: b,
 		clearTableInsertTimer: r,
-		handleHfSave: x,
-		handleHfRemove: te
+		handleHfSave: te,
+		handleHfRemove: ne
 	};
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function Pn(e) {
+function Zn(e) {
 	let t = null, n = null;
 	function r() {
 		let r = e.pagesRef.value;
@@ -2529,13 +2758,12 @@ function Pn(e) {
 	}
 	function i() {
 		let i = e.pagesRef.value, a = e.editorView.value;
-		if (!i || !a) return;
-		r();
+		if (!i || !a || (r(), e.isHfEditing?.value)) return;
 		let o = a.state.selection;
-		if (o instanceof be && o.node.type.name === "image") {
+		if (o instanceof fe && o.node.type.name === "image") {
 			let t = null;
 			for (let e of i.querySelectorAll(`[data-pm-start="${o.from}"]`)) {
-				let n = De(e);
+				let n = Ae(e);
 				if (n) {
 					t = n;
 					break;
@@ -2555,7 +2783,7 @@ function Pn(e) {
 		if (e.selectedImage.value) return;
 		let { from: s, to: c, empty: l } = a.state.selection, u = i.scrollTop, d = i.scrollLeft;
 		if (l) {
-			let e = Ce(i, s, i.getBoundingClientRect());
+			let e = Ee(i, s, i.getBoundingClientRect());
 			if (e) {
 				let r = document.createElement("div");
 				r.className = "vue-caret", r.style.cssText = `
@@ -2575,7 +2803,7 @@ function Pn(e) {
 			}
 			return;
 		}
-		let f = we(i, s, c, i.getBoundingClientRect());
+		let f = De(i, s, c, i.getBoundingClientRect());
 		for (let e of f) {
 			let t = document.createElement("div");
 			t.className = "vue-sel-rect", t.style.cssText = `
@@ -2590,7 +2818,7 @@ function Pn(e) {
       `, i.appendChild(t);
 		}
 	}
-	return N(() => {
+	return P(() => {
 		r();
 	}), {
 		clearOverlay: r,
@@ -2599,7 +2827,7 @@ function Pn(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function Fn(e) {
+function Qn(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -2651,7 +2879,7 @@ function Fn(e) {
 				e.showKeyboardShortcuts.value = !0;
 				break;
 			case "reportIssue":
-				Xe();
+				ct();
 				break;
 			case "dirLTR":
 				t("setLtr");
@@ -2669,26 +2897,26 @@ function Fn(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function In(e) {
+function $n(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	V(e.documentBuffer, (e) => {
+	H(e.documentBuffer, (e) => {
 		e && t(e);
-	}), V(e.document, (e) => {
+	}), H(e.document, (e) => {
 		e && n(e);
-	}), P(async () => {
-		await j();
+	}), F(async () => {
+		await ce();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function Ln(e) {
+function er(e) {
 	function t() {
 		e.onPrint?.(), window.print();
 	}
@@ -2724,31 +2952,71 @@ function Ln(e) {
 	function c() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = Ie(t, n.state.selection.from);
+		let r = Ge(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
 	function l(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = et(n.state.doc, t);
+		let r = ft(n.state.doc, t);
 		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
 	}
 	function u(t, n) {
-		return it(e.editorView.value, t, n);
+		return gt(e.editorView.value, t, n);
 	}
 	function d() {
-		return at(e.editorView.value);
+		return _t(e.editorView.value);
 	}
 	function f() {
 		return e.comments.value;
 	}
 	function p(t) {
-		return ot(e.editorView.value, e.layout.value, t);
+		let n = e.editorView.value;
+		return n ? X(n.state.doc, t ?? {}) : [];
 	}
 	function m(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = Ie(n.state.doc, t);
+		return r == null ? !1 : (a(r), !0);
+	}
+	function h(t, n, r) {
+		let i = e.editorView.value;
+		if (!i) return !1;
+		try {
+			return i.dispatch(Be(i.state, t, n, r)), !0;
+		} catch (e) {
+			if (e instanceof lt) return !1;
+			throw e;
+		}
+	}
+	function g(t, n) {
+		let r = e.editorView.value;
+		if (!r) return !1;
+		try {
+			return r.dispatch(Le(r.state, t, n)), !0;
+		} catch (e) {
+			if (e instanceof lt) return !1;
+			throw e;
+		}
+	}
+	function _(t, n, r) {
+		let i = e.editorView.value;
+		if (!i) return !1;
+		try {
+			return i.dispatch(Ve(i.state, t, n, r)), !0;
+		} catch (e) {
+			if (e instanceof lt) return !1;
+			throw e;
+		}
+	}
+	function v(t) {
+		return vt(e.editorView.value, e.layout.value, t);
+	}
+	function y(t) {
 		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
 	}
-	function h(t) {
+	function b(t) {
 		return e.selectionChangeSubscribers.add(t), () => e.selectionChangeSubscribers.delete(t);
 	}
 	return { exposed: {
@@ -2774,27 +3042,41 @@ function Ln(e) {
 		findInDocument: u,
 		getSelectionInfo: d,
 		getComments: f,
+		getContentControls: p,
+		scrollToContentControl: m,
+		setContentControlContent: h,
+		removeContentControl: g,
+		setContentControlValue: _,
 		applyFormatting: e.applyFormatting,
 		setParagraphStyle: e.setParagraphStyle,
-		getPageContent: p,
+		getPageContent: v,
 		getTotalPages: s,
 		getCurrentPage: c,
-		onContentChange: m,
-		onSelectionChange: h
+		onContentChange: y,
+		onSelectionChange: b
 	} };
 }
 //#endregion
+//#region src/composables/useFontLifecycle.ts
+function tr(e, t) {
+	H(e, (e) => {
+		ye(e);
+	}, { immediate: !0 });
+	let n = be(t);
+	P(() => n());
+}
+//#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
+var nr = { class: "docx-editor-vue__toolbar-shell" }, rr = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Bn = {
+}, ir = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, Vn = { class: "docx-editor-vue__editor-area" }, Hn = {
+}, ar = { class: "docx-editor-vue__editor-area" }, or = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, Un = ["title"], Wn = ["title", "aria-label"], Gn = /* @__PURE__ */ A({
+}, sr = ["title"], cr = ["title", "aria-label"], lr = /* @__PURE__ */ j({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -2850,6 +3132,7 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 			default: !0
 		},
 		fontFamilies: { default: void 0 },
+		fonts: {},
 		onPrint: {
 			type: Function,
 			default: void 0
@@ -2885,52 +3168,104 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 		"mode-change"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, o = I(i.mode), s = w(() => i.readOnly || o.value === "viewing");
-		f(w(() => i.i18n));
-		let { t: l } = t(w(() => i.i18n)), u = I(null), d = I(null), g = I(null), v = I(0), b = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), te = new Ze(), C = I(!1), ie = I(!1), ae = I(!1), se = I(!1), A = I(!1), ce = I(!1), L = I(i.showOutline), B = I(!1), U = I(!1), W = I(!1), pe = I(null), K = fe([]), he = fe([]), ge = fe([]), { zoom: q, zoomPercent: _e, isMinZoom: ve, isMaxZoom: ye, setZoom: be, zoomIn: xe, zoomOut: Se, handleWheel: Ce, handleKeyDown: we, installShortcuts: Te, ZOOM_PRESETS: Ee } = ne(i.initialZoom);
-		Te();
-		let { editorView: J, isReady: De, parseError: Oe, layout: ke, loadBuffer: Ae, loadDocument: je, save: Me, focus: Ne, destroy: Pe, getDocument: Y, getCommands: X, reLayout: Ie } = re({
+		let i = e, a = r, o = L(i.mode), s = T(() => i.readOnly || o.value === "viewing");
+		f(T(() => i.i18n));
+		let { t: l } = t(T(() => i.i18n)), u = L(null), d = L(null), g = L(null), y = L(0), x = /* @__PURE__ */ new Set(), ee = /* @__PURE__ */ new Set(), te = new Pe(), C = L(!1), w = L(!1), ie = L(!1), oe = L(!1), j = L(!1), se = L(!1), R = L(i.showOutline), V = L(!1), W = L(!1), G = L(!1), fe = L(null), me = de([]), ge = de([]), q = de([]), { zoom: J, zoomPercent: ve, isMinZoom: ye, isMaxZoom: be, setZoom: xe, zoomIn: Se, zoomOut: Ce, handleWheel: we, handleKeyDown: Te, installShortcuts: Ee, ZOOM_PRESETS: De } = ne(i.initialZoom);
+		Ee();
+		let { editorView: Y, isReady: Oe, parseError: ke, layout: Ae, loadBuffer: je, loadDocument: Me, save: Ne, focus: Fe, destroy: Ie, getDocument: X, getCommands: Le, reLayout: Re, getHfPmView: ze, syncHfPMs: Be, setHfTransactionListener: Ve, setDocument: He } = re({
 			hiddenContainer: u,
 			pagesContainer: d,
 			readOnly: s,
 			externalPlugins: i.externalPlugins,
 			syncCoordinator: te,
+			editorMode: o,
 			onChange: (e) => {
-				a("change", e), a("update:document", e), b.forEach((t) => t(e));
+				a("change", e), a("update:document", e), x.forEach((t) => t(e));
 			},
 			onError: (e) => a("error", e),
 			onSelectionUpdate: () => {
-				v.value++, er();
-				let e = at(J.value);
-				x.forEach((t) => t(e));
+				y.value++, dr();
+				let e = _t(Y.value);
+				ee.forEach((t) => t(e));
 			}
-		}), Z = w(() => {
-			v.value;
-			let e = Y();
+		}), We = T(() => {
+			y.value;
+			let e = X();
 			if (!e?.package?.document) return null;
 			let t = e.package.document;
 			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
-		}), Le = w(() => (v.value, Y()?.package?.theme ?? i.theme ?? null)), Re = w(() => {
+		}), Ge = T(() => (y.value, X()?.package?.theme ?? i.theme ?? null)), Z = L(null);
+		tr(() => i.fonts, (e) => a("error", e));
+		let Ke = T(() => $.value?.headerFooter ? ze($.value.headerFooter) ?? null : null);
+		F(() => {
+			Ve((e, t) => {
+				requestAnimationFrame(() => {
+					Z.value = he(t);
+					let e = $.value;
+					if (!e) return;
+					let n = window.document.querySelector(e.position === "header" ? ".layout-page-header" : ".layout-page-footer"), r = g.value;
+					if (!n || !r) return;
+					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = J.value || 1;
+					$.value = {
+						...e,
+						targetRect: {
+							top: (i.top - a.top + r.scrollTop) / o,
+							left: (i.left - a.left + r.scrollLeft) / o,
+							width: i.width / o,
+							height: i.height / o
+						}
+					};
+				});
+			}), H(() => $.value, (e) => {
+				if (!e) {
+					Z.value = null;
+					return;
+				}
+				let t = Y.value;
+				if (t) {
+					try {
+						let e = t.state.tr.setSelection(pe.create(t.state.doc, 0));
+						t.dispatch(e);
+					} catch {}
+					t.dom.blur?.();
+				}
+				fr.updateSelectionOverlay();
+			});
+			let e = 0;
+			function t() {
+				!$.value || e || (e = requestAnimationFrame(() => {
+					e = 0;
+					let t = $.value;
+					if (!t?.headerFooter) return;
+					let n = ze(t.headerFooter);
+					n && (Z.value = he(n));
+				}));
+			}
+			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), P(() => {
+				e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
+			});
+		});
+		let qe = T(() => {
 			let e = [];
-			return U.value && e.push(`translateX(-${me}px)`), q.value !== 1 && e.push(`scale(${q.value})`), {
+			return W.value && e.push(`translateX(-${_e}px)`), J.value !== 1 && e.push(`scale(${J.value})`), {
 				transform: e.length > 0 ? e.join(" ") : void 0,
 				transformOrigin: "top center",
 				transition: "transform 0.2s ease"
 			};
-		}), ze = w(() => ({
+		}), Je = T(() => ({
 			paddingLeft: "20px",
-			paddingRight: 20 + (U.value ? me * 2 : 0) + "px",
+			paddingRight: 20 + (W.value ? _e * 2 : 0) + "px",
 			transition: "padding 0.2s ease"
-		})), Be = w(() => {
-			let e = Z.value;
-			return Fe(e?.pageWidth ?? 12240) * q.value;
-		}), Ve = w(() => {
+		})), Ye = T(() => {
+			let e = We.value;
+			return Ue(e?.pageWidth ?? 12240) * J.value;
+		}), Xe = T(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of K.value) t.parentId == null && t.done && e.add(t.id);
+			for (let t of me.value) t.parentId == null && t.done && e.add(t.id);
 			return e;
-		}), He = w(() => {
-			v.value;
-			let e = J.value;
+		}), Ze = T(() => {
+			y.value;
+			let e = Y.value;
 			if (!e) return [];
 			let t = /* @__PURE__ */ new Set(), n = [];
 			return e.state.doc.descendants((e) => {
@@ -2945,201 +3280,205 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), { floatingCommentBtn: Ue, pendingCommentRange: We, addCommentYPosition: Ge, sidebarAutoOpenedRef: Ke, extractCommentsAndChanges: qe, handleAddComment: Je, handleCancelAddComment: Ye, handleStartAddComment: Xe, handleMarkerClick: Qe } = Cn({
-			editorView: J,
-			getDocument: Y,
-			comments: K,
-			trackedChanges: he,
-			resolvedCommentIds: Ve,
-			activeSidebarItem: pe,
-			showSidebar: U,
-			isAddingComment: W,
+		}), { floatingCommentBtn: Qe, pendingCommentRange: $e, addCommentYPosition: et, sidebarAutoOpenedRef: tt, extractCommentsAndChanges: nt, handleAddComment: rt, handleCancelAddComment: it, handleStartAddComment: at, handleMarkerClick: ot } = zn({
+			editorView: Y,
+			getDocument: X,
+			comments: me,
+			trackedChanges: ge,
+			resolvedCommentIds: Xe,
+			activeSidebarItem: fe,
+			showSidebar: W,
+			isAddingComment: G,
 			readOnly: s,
-			zoom: q,
-			stateTick: v,
+			zoom: J,
+			stateTick: y,
 			pagesRef: d,
 			pagesViewportRef: g,
 			emit: a
-		}), { docxInputRef: $e, handleDocxFileChange: et, handleDocumentNameChange: tt, downloadCurrentDocument: nt, emitReadyAfterSidebarStateRefresh: rt, loadDocumentBuffer: it, loadDocument: ot, save: ct } = un({
-			loadBuffer: Ae,
-			loadParsedDocument: je,
-			getDocument: Y,
-			saveBlob: Me,
-			extractCommentsAndChanges: qe,
+		}), { docxInputRef: st, handleDocxFileChange: ct, handleDocumentNameChange: lt, downloadCurrentDocument: ut, loadDocumentBuffer: dt, loadDocument: ft, save: pt } = En({
+			loadBuffer: je,
+			loadParsedDocument: Me,
+			getDocument: X,
+			saveBlob: Ne,
+			extractCommentsAndChanges: nt,
 			emit: a,
 			documentName: () => i.documentName,
 			onDocumentNameChange: i.onDocumentNameChange,
-			nextTick: j
-		}), { hyperlinkPopupData: lt, handleHyperlinkSubmit: ut, handleHyperlinkRemove: dt, handleHyperlinkPopupNavigate: ft, handleHyperlinkPopupEdit: pt, handleHyperlinkPopupRemove: ht } = dn({
-			editorView: J,
-			getCommands: X
-		}), { handleClearFormatting: gt, handleApplyStyle: _t, handleInsertPageBreak: vt, handleInsertSymbol: xt, applyFormatting: St, setParagraphStyle: Ct } = fn({
-			editorView: J,
-			getDocument: Y
-		}), { handlePageSetupApply: Tt, handleLeftMarginChange: Et, handleRightMarginChange: Dt, handleTopMarginChange: Ot, handleBottomMarginChange: jt, handleIndentLeftChange: Mt, handleIndentRightChange: Nt, handleFirstLineIndentChange: Pt, handleTabStopRemove: Ft } = pn({
-			editorView: J,
-			getDocument: Y,
+			nextTick: ce
+		}), { hyperlinkPopupData: mt, handleHyperlinkSubmit: ht, handleHyperlinkRemove: gt, handleHyperlinkPopupNavigate: vt, handleHyperlinkPopupEdit: bt, handleHyperlinkPopupRemove: xt } = Dn({
+			editorView: Y,
+			getCommands: Le
+		}), { handleClearFormatting: St, handleApplyStyle: Ct, handleInsertPageBreak: wt, handleInsertSymbol: Tt, applyFormatting: Dt, setParagraphStyle: Ot } = On({
+			editorView: Y,
+			getDocument: X
+		}), { handlePageSetupApply: kt, handleLeftMarginChange: At, handleRightMarginChange: Nt, handleTopMarginChange: Pt, handleBottomMarginChange: It, handleIndentLeftChange: Lt, handleIndentRightChange: Rt, handleFirstLineIndentChange: zt, handleTabStopRemove: Vt } = kn({
+			editorView: Y,
+			getDocument: X,
 			readOnly: s,
-			stateTick: v,
-			reLayout: Ie,
+			stateTick: y,
+			reLayout: Re,
 			emit: a
-		}), { handleToggleOutline: It, handleOutlineNavigate: Lt, handleToggleSidebar: Rt, handleEditorScrollMouseDown: zt } = mn({
-			editorView: J,
-			showOutline: L,
-			showSidebar: U,
-			outlineHeadings: ge,
-			activeSidebarItem: pe,
-			extractCommentsAndChanges: qe
+		}), { handleToggleOutline: Ht, handleOutlineNavigate: Ut, handleToggleSidebar: Wt, handleEditorScrollMouseDown: qt } = An({
+			editorView: Y,
+			showOutline: R,
+			showSidebar: W,
+			outlineHeadings: q,
+			activeSidebarItem: fe,
+			extractCommentsAndChanges: nt
 		});
-		hn({
-			showKeyboardShortcuts: B,
+		jn({
+			showKeyboardShortcuts: V,
 			showFindReplace: C,
-			showHyperlink: ae,
-			handleZoomKeyDown: we,
+			showHyperlink: ie,
+			handleZoomKeyDown: Te,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: Bt, replyToComment: Vt, resolveComment: Ht, proposeChange: Ut, handleCommentReply: Wt, handleCommentUnresolve: Gt, handleCommentDelete: Kt, handleAcceptChange: qt, handleRejectChange: Jt, handleTrackedChangeReply: Yt } = _n({
-			editorView: J,
-			getDocument: Y,
-			comments: K,
-			trackedChanges: he,
-			showSidebar: U,
-			isAddingComment: W,
-			pendingCommentRange: We,
-			contentChangeSubscribers: b,
-			extractCommentsAndChanges: qe,
+		let { addComment: Jt, replyToComment: Yt, resolveComment: Xt, proposeChange: Zt, handleCommentReply: Qt, handleCommentUnresolve: $t, handleCommentDelete: en, handleAcceptChange: tn, handleRejectChange: nn, handleAcceptChangeById: rn, handleRejectChangeById: an, handleTrackedChangeReply: on } = Nn({
+			editorView: Y,
+			getDocument: X,
+			comments: me,
+			trackedChanges: ge,
+			showSidebar: W,
+			isAddingComment: G,
+			pendingCommentRange: $e,
+			contentChangeSubscribers: x,
+			extractCommentsAndChanges: nt,
 			emit: a
-		}), { selectedImage: Q, imageInteracting: Xt, imageToolbarContext: Zt, handleInsertImage: Qt, handleToolbarImageWrap: en, handleImageTransform: tn } = wn({
-			editorView: J,
-			zoom: q,
-			stateTick: v,
-			getCommands: X
-		}), nn = S(), rn = null, { tableInsertButton: an, hfEdit: $, scrollPageInfo: on, resolvePos: sn, setPmSelection: cn, scrollVisiblePositionIntoView: gn, handlePagesMouseDown: vn, handlePagesMouseMove: yn, handlePagesClick: bn, handlePagesDoubleClick: xn, handleTableInsertClick: Sn, clearTableInsertTimer: Tn, handleHfSave: En, handleHfRemove: Dn } = Nn({
-			editorView: J,
+		}), { selectedImage: sn, imageInteracting: cn, imageToolbarContext: ln, handleInsertImage: un, handleToolbarImageWrap: dn, handleImageTransform: fn } = Bn({
+			editorView: Y,
+			zoom: J,
+			stateTick: y,
+			getCommands: Le
+		}), pn = S(), mn = null, { tableInsertButton: Q, hfEdit: $, scrollPageInfo: gn, resolvePos: _n, setPmSelection: vn, scrollVisiblePositionIntoView: yn, handlePagesMouseDown: bn, handlePagesMouseMove: xn, handlePagesClick: Sn, handlePagesDoubleClick: Cn, handleTableInsertClick: wn, clearTableInsertTimer: Mn, handleHfSave: Pn, handleHfRemove: Fn } = Xn({
+			editorView: Y,
 			pagesRef: d,
 			pagesViewportRef: g,
-			selectedImage: Q,
-			imageInteracting: Xt,
-			hyperlinkPopupData: lt,
+			selectedImage: sn,
+			imageInteracting: cn,
+			hyperlinkPopupData: mt,
 			readOnly: s,
-			zoom: q,
-			layout: ke,
-			tableResize: nn,
-			getCommands: X,
-			getDocument: Y,
-			reLayout: Ie,
+			zoom: J,
+			layout: Ae,
+			tableResize: pn,
+			getCommands: Le,
+			getDocument: X,
+			reLayout: Re,
 			emit: a,
-			clearOverlay: $n
-		}), { contextMenu: On, imageContextMenu: kn, imageContextMenuTextActions: An, handleContextMenu: Mn, handleSelectedImageContextMenu: Gn, handleImageWrapSelect: Kn, handleContextMenuAction: qn } = jn({
-			editorView: J,
-			selectedImage: Q,
-			zoom: q,
-			showImageProperties: A,
-			getCommands: X,
-			clearOverlay: $n,
-			setPmSelection: cn,
-			resolvePos: sn
-		}), { handleMenuAction: Jn, handleMenuTableInsert: Yn } = Fn({
-			editorView: J,
-			getCommands: X,
-			docxInputRef: $e,
-			showPageSetup: ce,
-			showInsertImage: ie,
-			showHyperlink: ae,
-			showInsertSymbol: se,
-			showKeyboardShortcuts: B,
-			handleClearFormatting: gt,
-			handleInsertPageBreak: vt,
-			handleToggleOutline: It,
-			handleToggleSidebar: Rt,
-			downloadCurrentDocument: nt,
+			clearOverlay: ur,
+			syncHfPMs: Be,
+			getHfPmView: ze,
+			setDocument: He
+		}), { contextMenu: In, imageContextMenu: Ln, imageContextMenuTextActions: Rn, handleContextMenu: Vn, handleSelectedImageContextMenu: Hn, handleImageWrapSelect: Un, handleContextMenuAction: Wn } = Jn({
+			editorView: Y,
+			selectedImage: sn,
+			zoom: J,
+			showImageProperties: j,
+			getCommands: Le,
+			clearOverlay: ur,
+			setPmSelection: vn,
+			resolvePos: _n
+		}), { handleMenuAction: Gn, handleMenuTableInsert: Kn } = Qn({
+			editorView: Y,
+			getCommands: Le,
+			docxInputRef: st,
+			showPageSetup: se,
+			showInsertImage: w,
+			showHyperlink: ie,
+			showInsertSymbol: oe,
+			showKeyboardShortcuts: V,
+			handleClearFormatting: St,
+			handleInsertPageBreak: wt,
+			handleToggleOutline: Ht,
+			handleToggleSidebar: Wt,
+			downloadCurrentDocument: ut,
 			emit: a
 		});
-		In({
+		$n({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
-			loadDocumentBuffer: it,
-			loadDocument: ot,
-			sidebarAutoOpenedRef: Ke
+			loadDocumentBuffer: dt,
+			loadDocument: ft,
+			sidebarAutoOpenedRef: tt
 		});
-		let Xn = () => J.value, Zn = () => d.value;
-		V(() => i.mode, (e) => {
+		let qn = () => Y.value, Yn = () => d.value;
+		H(() => i.mode, (e) => {
 			e && e !== o.value && (o.value = e);
-		}), V(() => i.showOutline, (e) => {
-			L.value = !!e;
+		}), H(() => i.showOutline, (e) => {
+			R.value = !!e;
 		});
-		function Qn(e) {
+		function lr(e) {
 			o.value !== e && (o.value = e, a("mode-change", e));
 		}
-		P(() => {
-			rn = nn.install();
-		}), N(() => {
-			rn?.();
+		F(() => {
+			mn = pn.install();
+		}), P(() => {
+			mn?.();
 		});
-		function $n() {
-			tr.clearOverlay();
+		function ur() {
+			fr.clearOverlay();
 		}
-		function er() {
-			tr.updateSelectionOverlay();
+		function dr() {
+			fr.updateSelectionOverlay();
 		}
-		let tr = Pn({
-			editorView: J,
+		let fr = Zn({
+			editorView: Y,
 			pagesRef: d,
-			selectedImage: Q
+			selectedImage: sn,
+			isHfEditing: T(() => $.value !== null)
 		});
-		N(() => {
-			$n();
+		P(() => {
+			ur();
 		});
-		let { exposed: nr } = Ln({
-			editorView: J,
-			layout: ke,
+		let { exposed: pr } = er({
+			editorView: Y,
+			layout: Ae,
 			pagesRef: d,
 			pagesViewportRef: g,
-			zoom: q,
-			comments: K,
-			focus: Ne,
-			destroy: Pe,
-			getDocument: Y,
-			setZoom: be,
-			save: ct,
-			loadDocument: ot,
-			loadDocumentBuffer: it,
-			addComment: Bt,
-			replyToComment: Vt,
-			resolveComment: Ht,
-			proposeChange: Ut,
-			applyFormatting: St,
-			setParagraphStyle: Ct,
-			scrollVisiblePositionIntoView: gn,
-			contentChangeSubscribers: b,
-			selectionChangeSubscribers: x,
+			zoom: J,
+			comments: me,
+			focus: Fe,
+			destroy: Ie,
+			getDocument: X,
+			setZoom: xe,
+			save: pt,
+			loadDocument: ft,
+			loadDocumentBuffer: dt,
+			addComment: Jt,
+			replyToComment: Yt,
+			resolveComment: Xt,
+			proposeChange: Zt,
+			applyFormatting: Dt,
+			setParagraphStyle: Ot,
+			scrollVisiblePositionIntoView: yn,
+			contentChangeSubscribers: x,
+			selectionChangeSubscribers: ee,
 			onPrint: i.onPrint
 		});
-		return n(nr), (t, n) => (F(), D("div", {
-			class: le([
+		return n(pr), (t, n) => (I(), O("div", {
+			class: M([
 				"docx-editor-vue ep-root paged-editor",
 				e.className,
 				{
 					"paged-editor--readonly": s.value,
-					"paged-editor--hf-editing": z($) !== null,
-					"paged-editor--editing-header": z($)?.position === "header",
-					"paged-editor--editing-footer": z($)?.position === "footer"
+					"paged-editor--hf-editing": B($) !== null,
+					"paged-editor--editing-header": B($)?.position === "header",
+					"paged-editor--editing-footer": B($)?.position === "footer"
 				}
 			]),
-			style: M(e.style)
+			style: N(e.style)
 		}, [
-			O("div", Rn, [k(kt, {
+			k("div", nr, [A(Gt, {
 				"show-menu-bar": e.showMenuBar,
 				"document-name": e.documentName,
 				"document-name-editable": e.documentNameEditable,
 				"render-logo": e.renderLogo,
 				"render-title-bar-right": e.renderTitleBarRight,
-				onRename: z(tt),
-				onMenuAction: z(Jn),
-				onInsertTable: z(Yn)
+				onRename: B(lt),
+				onMenuAction: B(Gn),
+				onInsertTable: B(Kn)
 			}, {
-				"title-bar-left": H(() => [ue(t.$slots, "title-bar-left")]),
-				"title-bar-right": H(() => [ue(t.$slots, "title-bar-right")]),
+				"title-bar-left": U(() => [le(t.$slots, "title-bar-left")]),
+				"title-bar-right": U(() => [le(t.$slots, "title-bar-right")]),
 				_: 3
 			}, 8, [
 				"show-menu-bar",
@@ -3150,37 +3489,37 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				"onRename",
 				"onMenuAction",
 				"onInsertTable"
-			]), e.showToolbar ? (F(), T(y, {
+			]), e.showToolbar ? (I(), E(b, {
 				key: 0,
-				view: z(J),
-				"get-commands": z(X),
-				"state-tick": v.value,
-				"zoom-percent": z(_e),
-				"is-min-zoom": z(ve),
-				"is-max-zoom": z(ye),
-				"zoom-presets": z(Ee),
+				view: B(Y),
+				"get-commands": B(Le),
+				"state-tick": y.value,
+				"zoom-percent": B(ve),
+				"is-min-zoom": B(ye),
+				"is-max-zoom": B(be),
+				"zoom-presets": B(De),
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": o.value,
-				"comments-sidebar-open": U.value,
-				"image-context": z(Zt),
-				theme: Le.value,
+				"comments-sidebar-open": W.value,
+				"image-context": B(ln),
+				theme: Ge.value,
 				"font-families": e.fontFamilies,
-				onInsertLink: n[0] ||= (e) => ae.value = !0,
-				onApplyStyle: z(_t),
-				onZoomIn: z(xe),
-				onZoomOut: z(Se),
-				onZoomSet: z(be),
-				onToggleSidebar: z(Rt),
-				onModeChange: Qn,
-				onImageWrapType: z(en),
-				onImageProperties: n[1] ||= (e) => A.value = !0,
-				onImageTransform: z(tn)
-			}, oe({
-				"table-context": H(() => [k(h, {
-					view: z(J),
-					"get-commands": z(X),
-					"state-tick": v.value,
-					theme: Le.value
+				onInsertLink: n[0] ||= (e) => ie.value = !0,
+				onApplyStyle: B(Ct),
+				onZoomIn: B(Se),
+				onZoomOut: B(Ce),
+				onZoomSet: B(xe),
+				onToggleSidebar: B(Wt),
+				onModeChange: lr,
+				onImageWrapType: B(dn),
+				onImageProperties: n[1] ||= (e) => j.value = !0,
+				onImageTransform: B(fn)
+			}, ae({
+				"table-context": U(() => [A(h, {
+					view: B(Y),
+					"get-commands": B(Le),
+					"state-tick": y.value,
+					theme: Ge.value
 				}, null, 8, [
 					"view",
 					"get-commands",
@@ -3190,11 +3529,11 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				_: 2
 			}, [e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: H(() => [(F(), T(de(e.toolbarExtra)))]),
+				fn: U(() => [(I(), E(ue(e.toolbarExtra)))]),
 				key: "0"
 			} : {
 				name: "toolbar-extra",
-				fn: H(() => [ue(t.$slots, "toolbar-extra")]),
+				fn: U(() => [le(t.$slots, "toolbar-extra")]),
 				key: "1"
 			}]), 1032, [
 				"view",
@@ -3217,31 +3556,32 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				"onToggleSidebar",
 				"onImageWrapType",
 				"onImageTransform"
-			])) : E("", !0)]),
-			k(At, {
+			])) : D("", !0)]),
+			A(Kt, {
 				"show-find-replace": C.value,
 				"onUpdate:showFindReplace": n[2] ||= (e) => C.value = e,
-				"show-insert-image": ie.value,
-				"onUpdate:showInsertImage": n[3] ||= (e) => ie.value = e,
-				"show-hyperlink": ae.value,
-				"onUpdate:showHyperlink": n[4] ||= (e) => ae.value = e,
-				"show-insert-symbol": se.value,
-				"onUpdate:showInsertSymbol": n[5] ||= (e) => se.value = e,
-				"show-image-properties": A.value,
-				"onUpdate:showImageProperties": n[6] ||= (e) => A.value = e,
-				"show-page-setup": ce.value,
-				"onUpdate:showPageSetup": n[7] ||= (e) => ce.value = e,
-				"show-keyboard-shortcuts": B.value,
-				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => B.value = e,
-				view: z(J),
-				bookmarks: He.value,
-				"selected-image-pm-pos": z(Q)?.pmPos ?? null,
-				"section-properties": Z.value,
-				onInsertImage: z(Qt),
-				onInsertSymbol: z(xt),
-				onHyperlinkSubmit: z(ut),
-				onHyperlinkRemove: z(dt),
-				onPageSetupApply: z(Tt)
+				"show-insert-image": w.value,
+				"onUpdate:showInsertImage": n[3] ||= (e) => w.value = e,
+				"show-hyperlink": ie.value,
+				"onUpdate:showHyperlink": n[4] ||= (e) => ie.value = e,
+				"show-insert-symbol": oe.value,
+				"onUpdate:showInsertSymbol": n[5] ||= (e) => oe.value = e,
+				"show-image-properties": j.value,
+				"onUpdate:showImageProperties": n[6] ||= (e) => j.value = e,
+				"show-page-setup": se.value,
+				"onUpdate:showPageSetup": n[7] ||= (e) => se.value = e,
+				"show-keyboard-shortcuts": V.value,
+				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => V.value = e,
+				view: B(Y),
+				bookmarks: Ze.value,
+				"selected-image-pm-pos": B(sn)?.pmPos ?? null,
+				"section-properties": We.value,
+				"scroll-visible-position-into-view": B(yn),
+				onInsertImage: B(un),
+				onInsertSymbol: B(Tt),
+				onHyperlinkSubmit: B(ht),
+				onHyperlinkRemove: B(gt),
+				onPageSetupApply: B(kt)
 			}, null, 8, [
 				"show-find-replace",
 				"show-insert-image",
@@ -3254,36 +3594,37 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				"bookmarks",
 				"selected-image-pm-pos",
 				"section-properties",
+				"scroll-visible-position-into-view",
 				"onInsertImage",
 				"onInsertSymbol",
 				"onHyperlinkSubmit",
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			z(Oe) ? (F(), D("div", zn, R(z(Oe)), 1)) : E("", !0),
-			!z(De) && !z(Oe) ? (F(), D("div", Bn, "Loading...")) : E("", !0),
-			O("div", {
+			B(ke) ? (I(), O("div", rr, z(B(ke)), 1)) : D("", !0),
+			!B(Oe) && !B(ke) ? (I(), O("div", ir, "Loading...")) : D("", !0),
+			k("div", {
 				ref_key: "hiddenPmRef",
 				ref: u,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			O("div", {
+			k("div", {
 				class: "docx-editor-vue__editor-scroll",
-				onMousedown: n[31] ||= (...e) => z(zt) && z(zt)(...e)
-			}, [e.showRuler && Z.value ? (F(), D("div", {
+				onMousedown: n[31] ||= (...e) => B(qt) && B(qt)(...e)
+			}, [e.showRuler && We.value ? (I(), O("div", {
 				key: 0,
 				class: "docx-editor-vue__ruler-row",
-				style: M(ze.value)
-			}, [k(_, {
-				"section-props": Z.value,
-				zoom: z(q),
+				style: N(Je.value)
+			}, [A(_, {
+				"section-props": We.value,
+				zoom: B(J),
 				editable: !s.value,
-				onLeftMarginChange: z(Et),
-				onRightMarginChange: z(Dt),
-				onIndentLeftChange: z(Mt),
-				onIndentRightChange: z(Nt),
-				onFirstLineIndentChange: z(Pt),
-				onTabStopRemove: z(Ft)
+				onLeftMarginChange: B(At),
+				onRightMarginChange: B(Nt),
+				onIndentLeftChange: B(Lt),
+				onIndentRightChange: B(Rt),
+				onFirstLineIndentChange: B(zt),
+				onTabStopRemove: B(Vt)
 			}, null, 8, [
 				"section-props",
 				"zoom",
@@ -3294,129 +3635,145 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : E("", !0), O("div", Vn, [
-				O("div", {
+			])], 4)) : D("", !0), k("div", ar, [
+				k("div", {
 					ref_key: "pagesViewportRef",
 					ref: g,
 					class: "docx-editor-vue__pages-viewport",
-					onMousedown: n[22] ||= (...e) => z(vn) && z(vn)(...e),
-					onMousemove: n[23] ||= (...e) => z(yn) && z(yn)(...e),
-					onClick: n[24] ||= (...e) => z(bn) && z(bn)(...e),
-					onDblclick: n[25] ||= (...e) => z(xn) && z(xn)(...e),
-					onContextmenu: n[26] ||= G((...e) => z(Mn) && z(Mn)(...e), ["prevent"]),
-					onWheel: n[27] ||= (...e) => z(Ce) && z(Ce)(...e)
+					onMousedown: n[22] ||= (...e) => B(bn) && B(bn)(...e),
+					onMousemove: n[23] ||= (...e) => B(xn) && B(xn)(...e),
+					onClick: n[24] ||= (...e) => B(Sn) && B(Sn)(...e),
+					onDblclick: n[25] ||= (...e) => B(Cn) && B(Cn)(...e),
+					onContextmenu: n[26] ||= K((...e) => B(Vn) && B(Vn)(...e), ["prevent"]),
+					onWheel: n[27] ||= (...e) => B(we) && B(we)(...e)
 				}, [
-					e.showRuler && Z.value ? (F(), D("div", Hn, [k(p, {
-						"section-props": Z.value,
-						zoom: z(q),
+					e.showRuler && We.value ? (I(), O("div", or, [A(p, {
+						"section-props": We.value,
+						zoom: B(J),
 						editable: !s.value,
-						onTopMarginChange: z(Ot),
-						onBottomMarginChange: z(jt)
+						onTopMarginChange: B(Pt),
+						onBottomMarginChange: B(It)
 					}, null, 8, [
 						"section-props",
 						"zoom",
 						"editable",
 						"onTopMarginChange",
 						"onBottomMarginChange"
-					])])) : E("", !0),
-					O("div", {
+					])])) : D("", !0),
+					k("div", {
 						ref_key: "pagesRef",
 						ref: d,
 						class: "docx-editor-vue__pages paged-editor__pages",
-						style: M(Re.value)
+						style: N(qe.value)
 					}, null, 4),
-					k(wt, {
-						"is-open": z($) !== null,
-						position: z($)?.position ?? "header",
-						"header-footer": z($)?.headerFooter ?? null,
-						styles: z(Y)()?.package?.styles ?? null,
-						theme: z(Y)()?.package?.theme ?? null,
-						"target-rect": z($)?.targetRect ?? null,
-						onSave: z(En),
+					s.value ? D("", !0) : (I(), E(Bt, {
+						key: 1,
+						container: d.value,
+						view: B(Y)
+					}, null, 8, ["container", "view"])),
+					A(Ft, {
+						"is-open": B($) !== null,
+						position: B($)?.position ?? "header",
+						view: Ke.value,
+						"target-rect": B($)?.targetRect ?? null,
+						onSave: B(Pn),
 						onClose: n[9] ||= (e) => $.value = null,
-						onRemove: z(Dn)
+						onRemove: B(Fn)
 					}, null, 8, [
 						"is-open",
 						"position",
-						"header-footer",
-						"styles",
-						"theme",
+						"view",
 						"target-rect",
 						"onSave",
 						"onRemove"
 					]),
-					k(mt, {
-						"image-info": z(Q),
-						zoom: z(q),
-						view: z(J),
-						onOpenProperties: n[10] ||= (e) => A.value = !0,
-						onDeselect: n[11] ||= (e) => Q.value = null,
-						onInteractStart: n[12] ||= (e) => Xt.value = !0,
-						onInteractEnd: n[13] ||= (e) => Xt.value = !1,
-						onContextMenu: z(Gn)
+					B($) && Z.value ? (I(), O("div", {
+						key: 2,
+						"aria-hidden": "true",
+						style: N({
+							position: "fixed",
+							top: `${Z.value.top}px`,
+							left: `${Z.value.left}px`,
+							width: "2px",
+							height: `${Z.value.height}px`,
+							background: "#4285f4",
+							pointerEvents: "none",
+							zIndex: 9999,
+							animation: "hf-caret-blink 1.06s steps(1) infinite"
+						})
+					}, null, 4)) : D("", !0),
+					A(Et, {
+						"image-info": B(sn),
+						zoom: B(J),
+						view: B(Y),
+						onOpenProperties: n[10] ||= (e) => j.value = !0,
+						onDeselect: n[11] ||= (e) => sn.value = null,
+						onInteractStart: n[12] ||= (e) => cn.value = !0,
+						onInteractEnd: n[13] ||= (e) => cn.value = !1,
+						onContextMenu: B(Hn)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					k(st, {
-						"get-view": Xn,
-						"get-pages-container": Zn,
-						zoom: z(q),
-						"transaction-version": v.value,
-						"sync-coordinator": z(te)
+					A(yt, {
+						"get-view": qn,
+						"get-pages-container": Yn,
+						zoom: B(J),
+						"transaction-version": y.value,
+						"sync-coordinator": B(te)
 					}, null, 8, [
 						"zoom",
 						"transaction-version",
 						"sync-coordinator"
 					]),
-					z(Ue) && !W.value && !s.value ? (F(), D("button", {
-						key: 1,
+					B(Qe) && !G.value && !s.value ? (I(), O("button", {
+						key: 3,
 						type: "button",
 						class: "docx-editor-vue__floating-comment",
-						style: M({
-							top: z(Ue).top + "px",
-							left: z(Ue).left + "px"
+						style: N({
+							top: B(Qe).top + "px",
+							left: B(Qe).left + "px"
 						}),
-						title: z(l)("comments.addComment"),
-						onMousedown: n[14] ||= G((...e) => z(Xe) && z(Xe)(...e), ["prevent", "stop"])
-					}, [k(c, {
+						title: B(l)("comments.addComment"),
+						onMousedown: n[14] ||= K((...e) => B(at) && B(at)(...e), ["prevent", "stop"])
+					}, [A(c, {
 						name: "add_comment",
 						size: 16
-					})], 44, Un)) : E("", !0),
-					z(an) && !s.value ? (F(), D("button", {
-						key: 2,
+					})], 44, sr)) : D("", !0),
+					B(Q) && !s.value ? (I(), O("button", {
+						key: 4,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
-						style: M({
-							left: z(an).x + "px",
-							top: z(an).y + "px"
+						style: N({
+							left: B(Q).x + "px",
+							top: B(Q).y + "px"
 						}),
-						title: z(an).type === "row" ? "Insert row below" : "Insert column to the right",
-						"aria-label": z(an).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[15] ||= (...e) => z(Sn) && z(Sn)(...e),
-						onMouseenter: n[16] ||= (...e) => z(Tn) && z(Tn)(...e),
-						onMouseleave: n[17] ||= (e) => an.value = null
-					}, [...n[36] ||= [O("svg", {
+						title: B(Q).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": B(Q).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[15] ||= (...e) => B(wn) && B(wn)(...e),
+						onMouseenter: n[16] ||= (...e) => B(Mn) && B(Mn)(...e),
+						onMouseleave: n[17] ||= (e) => Q.value = null
+					}, [...n[36] ||= [k("svg", {
 						width: "12",
 						height: "12",
 						viewBox: "0 0 12 12",
 						fill: "none"
-					}, [O("path", {
+					}, [k("path", {
 						d: "M6 1v10M1 6h10",
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, Wn)) : E("", !0),
-					k(ee, {
-						comments: K.value,
+					})], -1)]], 44, cr)) : D("", !0),
+					A(v, {
+						comments: me.value,
 						"pages-container": d.value,
-						zoom: z(q),
-						"page-width-px": Be.value,
-						"sidebar-open": U.value,
-						"resolved-comment-ids": Ve.value,
-						onMarkerClick: z(Qe)
+						zoom: B(J),
+						"page-width-px": Ye.value,
+						"sidebar-open": W.value,
+						"resolved-comment-ids": Xe.value,
+						onMarkerClick: B(ot)
 					}, null, 8, [
 						"comments",
 						"pages-container",
@@ -3426,28 +3783,30 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 						"resolved-comment-ids",
 						"onMarkerClick"
 					]),
-					k(m, {
-						"is-open": U.value,
-						comments: K.value,
-						"tracked-changes": he.value,
-						"is-adding-comment": W.value,
-						"add-comment-y-position": z(Ge),
+					A(m, {
+						"is-open": W.value,
+						comments: me.value,
+						"tracked-changes": ge.value,
+						"is-adding-comment": G.value,
+						"add-comment-y-position": B(et),
 						"show-resolved": !0,
 						"pages-container": d.value,
-						"page-width-px": Be.value,
-						zoom: z(q),
-						"active-item-id": pe.value,
-						onClose: n[18] ||= (e) => U.value = !1,
-						onAddComment: z(Je),
-						onCancelAddComment: z(Ye),
-						onCommentReply: z(Wt),
-						onCommentResolve: z(Ht),
-						onCommentUnresolve: z(Gt),
-						onCommentDelete: z(Kt),
-						onAcceptChange: z(qt),
-						onRejectChange: z(Jt),
-						onTrackedChangeReply: z(Yt),
-						"onUpdate:activeItemId": n[19] ||= (e) => pe.value = e
+						"page-width-px": Ye.value,
+						zoom: B(J),
+						"active-item-id": fe.value,
+						onClose: n[18] ||= (e) => W.value = !1,
+						onAddComment: B(rt),
+						onCancelAddComment: B(it),
+						onCommentReply: B(Qt),
+						onCommentResolve: B(Xt),
+						onCommentUnresolve: B($t),
+						onCommentDelete: B(en),
+						onAcceptChange: B(tn),
+						onRejectChange: B(nn),
+						onAcceptChangeById: B(rn),
+						onRejectChangeById: B(an),
+						onTrackedChangeReply: B(on),
+						"onUpdate:activeItemId": n[19] ||= (e) => fe.value = e
 					}, null, 8, [
 						"is-open",
 						"comments",
@@ -3466,16 +3825,18 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 						"onCommentDelete",
 						"onAcceptChange",
 						"onRejectChange",
+						"onAcceptChangeById",
+						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					k(ln, {
-						data: z(lt),
+					A(Tn, {
+						data: B(mt),
 						"read-only": s.value,
-						onNavigate: z(ft),
-						onCopy: n[20] ||= (e) => lt.value = null,
-						onEdit: z(pt),
-						onRemove: z(ht),
-						onClose: n[21] ||= (e) => lt.value = null
+						onNavigate: B(vt),
+						onCopy: n[20] ||= (e) => mt.value = null,
+						onEdit: B(bt),
+						onRemove: B(xt),
+						onClose: n[21] ||= (e) => mt.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -3484,57 +3845,57 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 						"onRemove"
 					])
 				], 544),
-				!L.value && e.showOutlineButton ? (F(), D("button", {
+				!R.value && e.showOutlineButton ? (I(), O("button", {
 					key: 0,
 					type: "button",
 					class: "docx-editor-vue__outline-toggle",
 					title: "Show document outline",
-					onClick: n[28] ||= (...e) => z(It) && z(It)(...e),
-					onMousedown: n[29] ||= G(() => {}, ["stop"])
-				}, [k(c, {
+					onClick: n[28] ||= (...e) => B(Ht) && B(Ht)(...e),
+					onMousedown: n[29] ||= K(() => {}, ["stop"])
+				}, [A(c, {
 					name: "format_list_bulleted",
 					size: 20
-				})], 32)) : E("", !0),
-				z(on).totalPages > 1 ? (F(), T(bt, {
+				})], 32)) : D("", !0),
+				B(gn).totalPages > 1 ? (I(), E(Mt, {
 					key: 1,
-					"current-page": z(on).currentPage,
-					"total-pages": z(on).totalPages,
-					visible: z(on).visible
+					"current-page": B(gn).currentPage,
+					"total-pages": B(gn).totalPages,
+					visible: B(gn).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : E("", !0),
-				k(yt, {
-					"is-open": L.value,
-					headings: ge.value,
-					onClose: n[30] ||= (e) => L.value = !1,
-					onNavigate: z(Lt)
+				])) : D("", !0),
+				A(jt, {
+					"is-open": R.value,
+					headings: q.value,
+					onClose: n[30] ||= (e) => R.value = !1,
+					onNavigate: B(Ut)
 				}, null, 8, [
 					"is-open",
 					"headings",
 					"onNavigate"
 				])
 			])], 32),
-			O("input", {
+			k("input", {
 				ref_key: "docxInputRef",
-				ref: $e,
+				ref: st,
 				type: "file",
 				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 				style: { display: "none" },
-				onChange: n[32] ||= (...e) => z(et) && z(et)(...e)
+				onChange: n[32] ||= (...e) => B(ct) && B(ct)(...e)
 			}, null, 544),
-			k($t, {
+			A(hn, {
 				"read-only": s.value,
-				"context-menu": z(On),
-				"image-context-menu": z(kn),
-				"image-context-menu-text-actions": z(An),
-				"can-open-image-properties": !!z(Q),
-				onContextMenuAction: z(qn),
-				onCloseContextMenu: n[33] ||= (e) => z(On).isOpen = !1,
-				onImageWrapSelect: z(Kn),
-				onCloseImageContextMenu: n[34] ||= (e) => kn.value = null,
-				onOpenImageProperties: n[35] ||= (e) => A.value = !0
+				"context-menu": B(In),
+				"image-context-menu": B(Ln),
+				"image-context-menu-text-actions": B(Rn),
+				"can-open-image-properties": !!B(sn),
+				onContextMenuAction: B(Wn),
+				onCloseContextMenu: n[33] ||= (e) => B(In).isOpen = !1,
+				onImageWrapSelect: B(Un),
+				onCloseImageContextMenu: n[34] ||= (e) => Ln.value = null,
+				onOpenImageProperties: n[35] ||= (e) => j.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -3549,8 +3910,8 @@ var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function Kn(e, t, n = {}) {
-	let r = e instanceof ArrayBuffer ? e : await _e(e), i = null, a = null, o = !1, s = {
+async function ur(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await Ce(e), i = null, a = null, o = !1, s = {
 		save: async () => {
 			let e = await (i?.save() ?? Promise.resolve(null));
 			return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
@@ -3571,8 +3932,8 @@ async function Kn(e, t, n = {}) {
 		}
 	};
 	return new Promise((e, c) => {
-		a = ae({ setup() {
-			return () => ce(Gn, {
+		a = ie({ setup() {
+			return () => se(lr, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -3596,6 +3957,6 @@ async function Kn(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var qn = "0.0.2";
+var dr = "0.0.2";
 //#endregion
-export { Gn as DocxEditor, qn as VERSION, Qe as createDocumentWithText, $e as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, Kn as renderAsync, n as useTranslation };
+export { lr as DocxEditor, dr as VERSION, ut as createDocumentWithText, dt as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, ur as renderAsync, n as useTranslation };