@eigenpal/docx-editor-vue 1.3.3 → 1.4.0

package/dist/index.js

@@ -3,40 +3,40 @@ import { a as p, c as m, h, i as g, o as _, s as v, t as y, x as b } from "./Men
 import { t as x } from "./_plugin-vue_export-helper-B52Kst-M.js";
 import { n as S } from "./RenderedDomContext-CHc18N_2.js";
 import { t as C } from "./zIndex-CxELVe_L.js";
-import { i as ee, n as te, r as ne, t as w } from "./useDragAutoScroll-BB_IHM8f.js";
-import { Fragment as T, Teleport as E, computed as D, createApp as re, createBlock as ie, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createSlots as ae, createStaticVNode as oe, createTextVNode as se, createVNode as j, defineComponent as M, h as ce, isRef as le, nextTick as ue, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as I, openBlock as L, ref as R, renderList as de, renderSlot as fe, resolveDynamicComponent as pe, shallowRef as z, toDisplayString as B, unref as V, vModelCheckbox as me, vModelSelect as he, vModelText as H, watch as U, withCtx as ge, withDirectives as W, withKeys as G, withModifiers as K } from "vue";
-import { NodeSelection as q, TextSelection as J } from "prosemirror-state";
-import { applyCellSelectionHighlight as _e, clickToPositionDom as ve, computeHfCaretRectFromView as ye, computeHfSelectionRectsFromView as be, findBodyPmAnchor as Y, findBodyPmSpans as xe } from "@eigenpal/docx-editor-core/layout-bridge";
-import { findInDocument as Se, getPageContent as Ce, getSelectionInfo as we } from "@eigenpal/docx-editor-core/prosemirror/queries";
-import { LayoutSelectionGate as Te, addRepeatingSectionItemTr as Ee, extractSelectionState as De, findContentControlPos as Oe, findContentControlsInPM as ke, removeContentControlTr as Ae, removeRepeatingSectionItemTr as je, schema as Me, setContentControlContentTr as Ne, setContentControlValueTr as X } from "@eigenpal/docx-editor-core/prosemirror";
-import { SIDEBAR_DOCUMENT_SHIFT as Pe, findWordBoundaries as Fe, loadFontDefinitions as Ie, onFontError as Le, pixelsToEmu as Re, readDocxFileFromInput as ze, toArrayBuffer as Be } from "@eigenpal/docx-editor-core/utils";
-import { extractSelectionContext as Ve } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
-import { clearFormatting as He, findHyperlinkRangeAt as Ue } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
-import { getTableContext as Z } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
-import { clickToPositionDom as We, getCaretPositionFromDom as Ge, getSelectionRectsFromDom as Ke } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
-import { commitImageFloatMove as qe, commitImageInlineMove as Je, commitImageResize as Ye, isFloatingImage as Xe } from "@eigenpal/docx-editor-core/prosemirror/imageCommit";
-import { IMAGE_LAYOUT_OPTIONS as Ze, captureInlinePositionEmu as Qe, deriveLayoutChoice as $e, findImageElement as Q, isImageLayoutOptionEnabled as et, renderAllPagesNow as tt, toolbarValueToLayoutTarget as nt } from "@eigenpal/docx-editor-core/layout-painter";
-import { proseDocToBlocks as rt } from "@eigenpal/docx-editor-core/prosemirror/conversion";
-import { twipsToPixels as it } from "@eigenpal/docx-editor-core/utils/units";
-import { pictureWatermarkDisplayEmu as at } from "@eigenpal/docx-editor-core/types/document";
-import { makeRevisionInfo as ot } from "@eigenpal/docx-editor-core/prosemirror/plugins";
-import { findPageIndexContainingPmPos as st } from "@eigenpal/docx-editor-core/layout-engine";
-import { applyStyle as ct, removeTabStop as lt, setIndentFirstLine as ut, setIndentLeft as dt, setIndentRight as ft } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
-import { createStyleResolver as pt } from "@eigenpal/docx-editor-core/prosemirror/styles";
-import { insertPageBreak as mt } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
-import { applyFormatting as ht, setParagraphStyle as gt } from "@eigenpal/docx-editor-core/prosemirror/applyFormatting";
-import { acceptChange as _t, acceptChangeById as vt, getWatermarkFromState as yt, insertImageNode as bt, rejectChange as xt, rejectChangeById as St, setWatermark as Ct } from "@eigenpal/docx-editor-core/prosemirror/commands";
-import { collectHeadings as wt } from "@eigenpal/docx-editor-core/utils/headingCollector";
-import { addCommentToRange as Tt, applyProposedChange as Et, createComment as Dt } from "@eigenpal/docx-editor-core/prosemirror/commentOps";
-import { PENDING_COMMENT_ID as Ot, createCommentIdAllocator as kt, seedCommentAllocator as At } from "@eigenpal/docx-editor-core/prosemirror/commentIdAllocator";
-import { extractTrackedChanges as jt } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
-import { TABLE_INSERT_HIDE_DELAY_MS as Mt, detectTableInsertHover as Nt } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
-import { openReportIssue as Pt } from "@eigenpal/docx-editor-core/utils/reportIssue";
-import { ContentControlNotFoundError as Ft } from "@eigenpal/docx-editor-core/agent";
-import { findParaIdRange as It } from "@eigenpal/docx-editor-core/prosemirror/paraText";
-import { createDocumentWithText as Lt, createEmptyDocument as Rt } from "@eigenpal/docx-editor-core";
+import { i as ee, n as te, r as ne, t as w } from "./useDragAutoScroll-BNPB-6SM.js";
+import { Fragment as T, Teleport as E, computed as D, createApp as re, createBlock as ie, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createSlots as ae, createStaticVNode as oe, createTextVNode as j, createVNode as M, defineComponent as N, h as se, isRef as ce, nextTick as le, normalizeClass as P, normalizeStyle as F, onBeforeUnmount as I, onMounted as L, openBlock as R, ref as z, renderList as B, renderSlot as V, resolveDynamicComponent as ue, shallowRef as de, toDisplayString as H, unref as U, vModelCheckbox as W, vModelSelect as fe, vModelText as G, watch as K, withCtx as pe, withDirectives as q, withKeys as me, withModifiers as J } from "vue";
+import { NodeSelection as Y, TextSelection as he } from "prosemirror-state";
+import { applyCellSelectionHighlight as ge, clickToPositionDom as _e, computeHfCaretRectFromView as ve, computeHfSelectionRectsFromView as ye, findBodyPmAnchor as X, findBodyPmSpans as be } from "@eigenpal/docx-editor-core/layout-bridge";
+import { findInDocument as xe, getPageContent as Se, getSelectionInfo as Ce } from "@eigenpal/docx-editor-core/prosemirror/queries";
+import { LayoutSelectionGate as we, addRepeatingSectionItemTr as Te, extractSelectionState as Ee, findContentControlPos as De, findContentControlsInPM as Oe, removeContentControlTr as ke, removeRepeatingSectionItemTr as Ae, schema as je, setContentControlContentTr as Me, setContentControlValueTr as Z } from "@eigenpal/docx-editor-core/prosemirror";
+import { SIDEBAR_DOCUMENT_SHIFT as Ne, findWordBoundaries as Pe, loadFontDefinitions as Fe, onFontError as Ie, pixelsToEmu as Le, readDocxFileFromInput as Re, toArrayBuffer as ze } from "@eigenpal/docx-editor-core/utils";
+import { extractSelectionContext as Be } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
+import { clearFormatting as Ve, findHyperlinkRangeAt as He } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { getTableContext as Q } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { clickToPositionDom as Ue, getCaretPositionFromDom as We, getSelectionRectsFromDom as Ge } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
+import { calculateResizedImageDimensions as Ke, commitImageFloatMove as qe, commitImageInlineMove as Je, commitImageResize as Ye, isFloatingImage as Xe } from "@eigenpal/docx-editor-core/prosemirror/imageCommit";
+import { IMAGE_LAYOUT_OPTIONS as Ze, captureInlinePositionEmu as Qe, deriveLayoutChoice as $e, findImageElement as et, isImageLayoutOptionEnabled as tt, renderAllPagesNow as nt, toolbarValueToLayoutTarget as rt } from "@eigenpal/docx-editor-core/layout-painter";
+import { proseDocToBlocks as it } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import { twipsToPixels as at } from "@eigenpal/docx-editor-core/utils/units";
+import { pictureWatermarkDisplayEmu as ot } from "@eigenpal/docx-editor-core/types/document";
+import { makeRevisionInfo as st } from "@eigenpal/docx-editor-core/prosemirror/plugins";
+import { findPageIndexContainingPmPos as ct } from "@eigenpal/docx-editor-core/layout-engine";
+import { applyStyle as lt, removeTabStop as ut, setIndentFirstLine as dt, setIndentLeft as ft, setIndentRight as pt } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as mt } from "@eigenpal/docx-editor-core/prosemirror/styles";
+import { insertPageBreak as ht } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
+import { applyFormatting as gt, setParagraphStyle as _t } from "@eigenpal/docx-editor-core/prosemirror/applyFormatting";
+import { acceptChange as vt, acceptChangeById as yt, getWatermarkFromState as bt, insertImageNode as xt, rejectChange as St, rejectChangeById as Ct, setWatermark as wt } from "@eigenpal/docx-editor-core/prosemirror/commands";
+import { collectHeadings as Tt } from "@eigenpal/docx-editor-core/utils/headingCollector";
+import { addCommentToRange as Et, applyProposedChange as Dt, createComment as Ot } from "@eigenpal/docx-editor-core/prosemirror/commentOps";
+import { PENDING_COMMENT_ID as kt, createCommentIdAllocator as At, seedCommentAllocator as jt } from "@eigenpal/docx-editor-core/prosemirror/commentIdAllocator";
+import { extractTrackedChanges as Mt } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { TABLE_INSERT_HIDE_DELAY_MS as Nt, detectTableInsertHover as Pt } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
+import { openReportIssue as Ft } from "@eigenpal/docx-editor-core/utils/reportIssue";
+import { ContentControlNotFoundError as It } from "@eigenpal/docx-editor-core/agent";
+import { findParaIdRange as Lt } from "@eigenpal/docx-editor-core/prosemirror/paraText";
+import { createDocumentWithText as Rt, createEmptyDocument as zt } from "@eigenpal/docx-editor-core";
 //#region src/utils/domQueries.ts
-function zt(e) {
+function Bt(e) {
 	let t = window.document.querySelectorAll(`.layout-page-${e}`);
 	if (t.length === 0) return null;
 	let n = window.innerHeight / 2, r = t[0], i = Infinity;
@@ -46,18 +46,18 @@ function zt(e) {
 	}
 	return r;
 }
-function Bt(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : xe(e);
+function Vt(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : be(e);
 	for (let e of r) {
 		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 Vt(e, t, n) {
+function Ht(e, t, n) {
 	if (!e || !t) return;
 	let r = null;
-	for (let t of xe(e)) {
+	for (let t of be(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;
@@ -71,21 +71,21 @@ function Vt(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Ht(e, t, n, r) {
+function Ut(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = ve(e, n, r, 1);
+	let i = _e(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Ut(e, t, n, r) {
+function Wt(e, t, n, r) {
 	if (!e) return;
-	let i = Bt(e, t, r);
+	let i = Vt(e, t, r);
 	if (!i) return;
-	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Fe(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Pe(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Wt(e, t, n, r) {
+function Gt(e, t, n, r) {
 	if (!e) return;
-	let i = Bt(e, t, r);
+	let i = Vt(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -94,7 +94,7 @@ function Wt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var Gt = /* @__PURE__ */ M({
+var Kt = /* @__PURE__ */ N({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -104,7 +104,7 @@ var Gt = /* @__PURE__ */ M({
 		syncCoordinator: {}
 	},
 	setup(e) {
-		let t = e, n = R(null), r = R(0), i = null, a = null;
+		let t = e, n = z(null), r = z(0), i = null, a = null;
 		function o() {
 			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
 				i = null;
@@ -112,13 +112,13 @@ var Gt = /* @__PURE__ */ M({
 				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
 			});
 		}
-		I(() => {
+		L(() => {
 			a = t.syncCoordinator.onRender(() => {
 				r.value++;
 			}), o();
-		}), F(() => {
+		}), I(() => {
 			i !== null && (cancelAnimationFrame(i), i = null), a?.();
-		}), U(() => [
+		}), K(() => [
 			t.zoom,
 			t.transactionVersion,
 			r.value
@@ -179,20 +179,20 @@ var Gt = /* @__PURE__ */ M({
 		function u(e) {
 			return e.type?.attrs ?? null;
 		}
-		return (e, t) => (L(), k("div", {
+		return (e, t) => (R(), k("div", {
 			ref_key: "overlayRef",
 			ref: n,
 			class: "paged-editor__decoration-overlay",
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), Kt = ["data-handle", "onMousedown"], qt = ["title"], Jt = {
+}), qt = ["data-handle", "onMousedown"], Jt = ["title"], Yt = {
 	key: 0,
 	class: "image-overlay__dim"
-}, Yt = {
+}, Xt = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, Xt = 4, Zt = 15, Qt = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, Zt = 4, Qt = 15, $t = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -206,7 +206,7 @@ var Gt = /* @__PURE__ */ M({
 		"context-menu"
 	],
 	setup(e, { emit: t }) {
-		let { t: r } = n(), i = e, a = t, o = R(null), s = R(!1), c = R(!1), l = R(!1), u = R(0), d = R(0), f = R(0), p = R(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, S = null;
+		let { t: r } = n(), i = e, a = t, o = z(null), s = z(!1), c = z(!1), l = z(!1), u = z(0), d = z(0), f = z(0), p = z(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, S = null;
 		function ee(e, t) {
 			if (!e) return null;
 			try {
@@ -225,8 +225,8 @@ var Gt = /* @__PURE__ */ M({
 			if (e.element.isConnected) return e.element;
 			let t = te();
 			if (!t) return null;
-			let n = Y(t, e.pmPos);
-			return n ? Q(n) : null;
+			let n = X(t, e.pmPos);
+			return n ? et(n) : null;
 		}
 		function w() {
 			let e = ne();
@@ -247,9 +247,9 @@ var Gt = /* @__PURE__ */ M({
 				height: r.height / a
 			};
 		}
-		U(() => i.imageInfo, async () => {
-			await ue(), w();
-		}, { immediate: !0 }), U(() => i.zoom, (e, t, n) => {
+		K(() => i.imageInfo, async () => {
+			await le(), w();
+		}, { immediate: !0 }), K(() => i.zoom, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = 0, a = "", o = 0, s = 0, c = (e) => {
 				w();
@@ -257,7 +257,7 @@ var Gt = /* @__PURE__ */ M({
 				o = n === a ? o + 1 : 0, a = n, s += e, o < 2 && s < 500 && (r = requestAnimationFrame(() => c(16)));
 			};
 			r = requestAnimationFrame(() => c(16)), n(() => cancelAnimationFrame(r));
-		}), U(() => i.imageInfo, (e, t, n) => {
+		}), K(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = () => {
 				b && cancelAnimationFrame(b), b = requestAnimationFrame(w);
@@ -355,23 +355,12 @@ var Gt = /* @__PURE__ */ M({
 					}
 				}
 			];
-		}), oe = (e) => e.length === 2;
-		function se(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 (oe(e) && a) {
-				let e = Math.max(c / r, l / i);
-				c = r * e, l = i * e;
-			}
-			return {
-				width: o === 0 ? r : Math.max(20, Math.min(2e3, c)),
-				height: s === 0 ? i : Math.max(20, Math.min(2e3, l))
-			};
-		}
-		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", M), document.addEventListener("mouseup", ce));
+		});
+		function oe(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", j), document.addEventListener("mouseup", M));
 		}
-		function M(e) {
-			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = se(m, n, r, _, v, a);
+		function j(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Ke(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
 			s && (p.value = {
@@ -381,76 +370,76 @@ var Gt = /* @__PURE__ */ M({
 				height: s.height
 			});
 		}
-		function ce() {
-			document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", ce), s.value = !1, y = null, a("interact-end");
+		function M() {
+			document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
 				w();
 				return;
 			}
 			let n = Ye(e, t.pmPos, u.value, d.value);
-			n !== null && ye(n), ue(() => w());
+			n !== null && ge(n), le(() => w());
 		}
-		let le = 0, N = 0, I = 0, fe = 0, pe = null, z = null;
-		function me(e) {
+		let N = 0, se = 0, ce = 0, P = 0, L = null, V = null;
+		function ue(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/);
 			return t ? parseFloat(t[1]) : 0;
 		}
-		function he(e, t) {
+		function de(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 H(e, t) {
-			return Math.atan2(e - le, -(t - N)) * 180 / Math.PI;
+		function W(e, t) {
+			return Math.atan2(e - N, -(t - se)) * 180 / Math.PI;
 		}
-		function ge(e) {
+		function fe(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			le = t.left + t.width / 2, N = t.top + t.height / 2;
+			N = t.left + t.width / 2, se = t.top + t.height / 2;
 			let n = ee(i.view, i.imageInfo.pmPos);
-			pe = n && n.attrs.transform || null, fe = me(pe), z = i.imageInfo.element.querySelector("img"), I = H(e.clientX, e.clientY), f.value = fe, l.value = !0, a("interact-start"), document.addEventListener("mousemove", W), document.addEventListener("mouseup", G);
+			L = n && n.attrs.transform || null, P = ue(L), V = i.imageInfo.element.querySelector("img"), ce = W(e.clientX, e.clientY), f.value = P, l.value = !0, a("interact-start"), document.addEventListener("mousemove", G), document.addEventListener("mouseup", pe);
 		}
-		function W(e) {
-			let t = H(e.clientX, e.clientY) - I, n = fe + t;
-			e.shiftKey || (n = Math.round(n / Zt) * Zt), f.value = (n % 360 + 360) % 360, z && (z.style.transform = he(pe, f.value) || "");
+		function G(e) {
+			let t = W(e.clientX, e.clientY) - ce, n = P + t;
+			e.shiftKey || (n = Math.round(n / Qt) * Qt), f.value = (n % 360 + 360) % 360, V && (V.style.transform = de(L, f.value) || "");
 		}
-		function G() {
-			document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", G), l.value = !1, a("interact-end");
+		function pe() {
+			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", pe), l.value = !1, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			try {
 				let n = e && t ? ee(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: he(n.attrs.transform, f.value)
-				})), ye(t.pmPos));
+					transform: de(n.attrs.transform, f.value)
+				})), ge(t.pmPos));
 			} catch {} finally {
-				z && (z.style.transform = ""), z = null, pe = null;
+				V && (V.style.transform = ""), V = null, L = null;
 			}
-			ue(() => w());
+			le(() => w());
 		}
-		let J = null;
-		function _e(e) {
+		let q = null;
+		function me(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) < Xt)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < Zt)) {
 					if (!o) {
-						o = !0, c.value = !0, a("interact-start"), J = document.createElement("div"), J.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);";
+						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;
-						J.style.width = `${r.width * e}px`, J.style.height = `${r.height * e}px`, document.body.appendChild(J);
+						q.style.width = `${r.width * e}px`, q.style.height = `${r.height * e}px`, document.body.appendChild(q);
 					}
-					if (J) {
+					if (q) {
 						let t = i.zoom;
-						J.style.left = `${e.clientX - r.width * t / 2}px`, J.style.top = `${e.clientY - r.height * t / 2}px`;
+						q.style.left = `${e.clientX - r.width * t / 2}px`, q.style.top = `${e.clientY - r.height * t / 2}px`;
 					}
 				}
 			}, l = (e) => {
-				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, S = null, J &&= (J.remove(), null), c.value = !1, o && (a("interact-end"), ve(e.clientX, e.clientY));
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, S = null, q &&= (q.remove(), null), c.value = !1, o && (a("interact-end"), he(e.clientX, e.clientY));
 			};
 			x = s, S = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
 		}
-		function ve(e, t) {
+		function he(e, t) {
 			let n = i.view, r = i.imageInfo;
 			if (!n || !r) return;
 			let a = ee(n, r.pmPos);
@@ -467,65 +456,65 @@ var Gt = /* @__PURE__ */ M({
 						}
 					}
 					if (s ||= a[a.length - 1].querySelector(".layout-page-content"), !s) return;
-					let c = s.getBoundingClientRect(), l = i.zoom, u = Re((e - c.left) / l), d = Re((t - c.top) / l), f = qe(n, r.pmPos, u, d);
-					f !== null && ye(f);
+					let c = s.getBoundingClientRect(), l = i.zoom, u = Le((e - c.left) / l), d = Le((t - c.top) / l), f = qe(n, r.pmPos, u, d);
+					f !== null && ge(f);
 				} else {
 					let i = te();
 					if (!i) return;
-					let a = We(i, e, t, 1);
+					let a = Ue(i, e, t, 1);
 					if (a == null || a < 0) return;
 					let o = Je(n, r.pmPos, a);
-					o !== null && ye(o);
+					o !== null && ge(o);
 				}
-				ue(() => w());
+				le(() => w());
 			}
 		}
-		function ye(e) {
+		function ge(e) {
 			let t = i.view;
 			if (t) try {
-				let n = q.create(t.state.doc, e);
+				let n = Y.create(t.state.doc, e);
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
-		return F(() => {
-			document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", ce), document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", G), x && document.removeEventListener("mousemove", x), S && document.removeEventListener("mouseup", S), J &&= (J.remove(), null), b && cancelAnimationFrame(b);
-		}), (t, n) => e.imageInfo ? (L(), k("div", {
+		return I(() => {
+			document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", pe), x && document.removeEventListener("mousemove", x), S && document.removeEventListener("mouseup", S), q &&= (q.remove(), null), b && cancelAnimationFrame(b);
+		}), (t, n) => e.imageInfo ? (R(), k("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: o,
 			class: "image-overlay",
-			style: P(ie.value),
-			onMousedown: n[3] ||= K(() => {}, ["stop"])
+			style: F(ie.value),
+			onMousedown: n[3] ||= J(() => {}, ["stop"])
 		}, [
 			n[4] ||= A("div", { class: "image-overlay__border" }, null, -1),
 			A("div", {
 				class: "image-overlay__body",
-				style: P({ cursor: c.value ? "grabbing" : "grab" }),
-				onMousedown: n[0] ||= K((e) => _e(e), ["prevent", "stop"]),
-				onContextmenu: n[1] ||= K((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+				style: F({ cursor: c.value ? "grabbing" : "grab" }),
+				onMousedown: n[0] ||= J((e) => me(e), ["prevent", "stop"]),
+				onContextmenu: n[1] ||= J((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(L(!0), k(T, null, de(ae.value, (e) => (L(), k("div", {
+			(R(!0), k(T, null, B(ae.value, (e) => (R(), k("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
-				style: P(e.style),
+				style: F(e.style),
 				"data-handle": e.pos,
-				onMousedown: K((t) => j(t, e.pos), ["prevent", "stop"])
-			}, null, 44, Kt))), 128)),
+				onMousedown: J((t) => oe(t, e.pos), ["prevent", "stop"])
+			}, null, 44, qt))), 128)),
 			n[5] ||= A("div", { class: "image-overlay__rotate-line" }, null, -1),
 			A("div", {
 				class: "image-overlay__rotate-handle",
-				style: P({ left: `${E.value / 2 - 7}px` }),
-				title: V(r)("imageOverlay.rotate"),
-				onMousedown: n[2] ||= K((e) => ge(e), ["prevent", "stop"])
-			}, null, 44, qt),
-			s.value ? (L(), k("div", Jt, B(Math.round(u.value)) + " × " + B(Math.round(d.value)), 1)) : O("", !0),
-			l.value ? (L(), k("div", Yt, B(Math.round(f.value)) + "° ", 1)) : O("", !0)
+				style: F({ left: `${E.value / 2 - 7}px` }),
+				title: U(r)("imageOverlay.rotate"),
+				onMousedown: n[2] ||= J((e) => fe(e), ["prevent", "stop"])
+			}, null, 44, Jt),
+			s.value ? (R(), k("div", Yt, H(Math.round(u.value)) + " × " + H(Math.round(d.value)), 1)) : O("", !0),
+			l.value ? (R(), k("div", Xt, H(Math.round(f.value)) + "° ", 1)) : O("", !0)
 		], 36)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-df7c380c"]]), $t = { class: "doc-outline__header" }, en = { class: "doc-outline__body" }, tn = {
+}), [["__scopeId", "data-v-503209ad"]]), en = { class: "doc-outline__header" }, tn = { class: "doc-outline__body" }, nn = {
 	key: 0,
 	class: "doc-outline__empty"
-}, nn = ["onMousedown"], rn = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, rn = ["onMousedown"], an = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -533,28 +522,28 @@ var Gt = /* @__PURE__ */ M({
 	},
 	emits: ["close", "navigate"],
 	setup(e) {
-		return (t, n) => e.isOpen ? (L(), k("nav", {
+		return (t, n) => e.isOpen ? (R(), k("nav", {
 			key: 0,
 			class: "doc-outline",
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: n[1] ||= K(() => {}, ["stop"])
-		}, [A("div", $t, [A("button", {
+			onMousedown: n[1] ||= J(() => {}, ["stop"])
+		}, [A("div", en, [A("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
 			onClick: n[0] ||= (e) => t.$emit("close")
-		}, [j(c, {
+		}, [M(c, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", en, [e.headings.length === 0 ? (L(), k("div", tn, " No headings found ")) : O("", !0), (L(!0), k(T, null, de(e.headings, (e, n) => (L(), k("button", {
+		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", tn, [e.headings.length === 0 ? (R(), k("div", nn, " No headings found ")) : O("", !0), (R(!0), k(T, null, B(e.headings, (e, n) => (R(), k("button", {
 			key: n,
 			class: "doc-outline__item",
-			style: P({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
-			onMousedown: K((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, B(e.text || "(untitled)"), 45, nn))), 128))])], 32)) : O("", !0);
+			style: F({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
+			onMousedown: J((n) => t.$emit("navigate", e.pmPos), ["prevent"])
+		}, H(e.text || "(untitled)"), 45, rn))), 128))])], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-cb2cdc39"]]), an = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}), [["__scopeId", "data-v-cb2cdc39"]]), on = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -563,20 +552,20 @@ var Gt = /* @__PURE__ */ M({
 	},
 	setup(e) {
 		let { t } = n();
-		return (n, r) => (L(), k("div", {
+		return (n, r) => (R(), k("div", {
 			class: "docx-editor-vue__page-indicator",
-			style: P({ opacity: +!!e.visible }),
+			style: F({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, B(V(t)("viewer.pageIndicator", {
+		}, H(U(t)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-d117bf6e"]]), on = { class: "hf-editor__label" }, sn = {
+}), [["__scopeId", "data-v-d117bf6e"]]), sn = { class: "hf-editor__label" }, cn = {
 	class: "hf-editor__actions",
 	style: { position: "relative" }
-}, cn = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, ln = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
@@ -590,11 +579,11 @@ var Gt = /* @__PURE__ */ M({
 		"remove"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = R({}), a = R(!1);
+		let n = e, r = t, i = z({}), a = z(!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 = Me.nodes.field.create({
+			let { $from: r, from: i } = t.state.selection, a = t.state.storedMarks || r.marks(), o = je.nodes.field.create({
 				fieldType: e,
 				instruction: ` ${e} \\* MERGEFORMAT `,
 				fieldKind: "simple",
@@ -614,34 +603,34 @@ var Gt = /* @__PURE__ */ M({
 				pointerEvents: "none"
 			});
 		}
-		U(() => n.isOpen, (e) => {
+		K(() => n.isOpen, (e) => {
 			e && (s(), n.view?.focus());
-		}), U(() => n.targetRect, () => {
+		}), K(() => n.targetRect, () => {
 			n.isOpen && s();
 		}, { deep: !0 });
 		function c() {
-			n.view && (r("save", rt(n.view.state.doc)), r("close"));
+			n.view && (r("save", it(n.view.state.doc)), r("close"));
 		}
-		return (t, n) => e.isOpen ? (L(), k("div", {
+		return (t, n) => e.isOpen ? (R(), k("div", {
 			key: 0,
 			class: "hf-editor",
-			style: P(i.value)
+			style: F(i.value)
 		}, [A("div", {
-			class: N(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
-			onMousedown: n[8] ||= K(() => {}, ["stop"]),
-			onContextmenu: n[9] ||= K(() => {}, ["stop"])
-		}, [A("span", on, B(e.position === "header" ? "Header" : "Footer"), 1), A("div", sn, [
+			class: P(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
+			onMousedown: n[8] ||= J(() => {}, ["stop"]),
+			onContextmenu: n[9] ||= J(() => {}, ["stop"])
+		}, [A("span", sn, H(e.position === "header" ? "Header" : "Footer"), 1), A("div", cn, [
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Options",
-				onMousedown: n[0] ||= K(() => {}, ["prevent"]),
+				onMousedown: n[0] ||= J(() => {}, ["prevent"]),
 				onClick: n[1] ||= (e) => a.value = !a.value
 			}, " Options ▾ ", 32),
-			a.value ? (L(), k("div", {
+			a.value ? (R(), k("div", {
 				key: 0,
 				class: "hf-editor__dropdown",
-				onMousedown: n[4] ||= K(() => {}, ["stop"]),
-				onContextmenu: n[5] ||= K(() => {}, ["stop"])
+				onMousedown: n[4] ||= J(() => {}, ["stop"]),
+				onContextmenu: n[5] ||= J(() => {}, ["stop"])
 			}, [A("button", {
 				type: "button",
 				class: "hf-editor__dropdown-item",
@@ -658,24 +647,24 @@ var Gt = /* @__PURE__ */ M({
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
-				onMousedown: n[6] ||= K((e) => t.$emit("remove"), ["prevent"])
+				onMousedown: n[6] ||= J((e) => t.$emit("remove"), ["prevent"])
 			}, " Remove ", 32),
 			A("button", {
 				class: "hf-editor__btn hf-editor__btn--primary",
 				title: "Save",
-				onMousedown: K(c, ["prevent"])
+				onMousedown: J(c, ["prevent"])
 			}, " Save ", 32),
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Cancel",
-				onMousedown: n[7] ||= K((e) => t.$emit("close"), ["prevent"])
+				onMousedown: n[7] ||= J((e) => t.$emit("close"), ["prevent"])
 			}, " Cancel ", 32)
 		])], 34)], 4)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-e93a9f94"]]), ln = ["role"], un = {
+}), [["__scopeId", "data-v-e93a9f94"]]), un = ["role"], dn = {
 	key: 0,
 	class: "layout-sdt-widget-empty"
-}, dn = ["aria-selected", "onClick"], fn = ["value"], pn = /* @__PURE__ */ M({
+}, fn = ["aria-selected", "onClick"], pn = ["value"], mn = /* @__PURE__ */ N({
 	__name: "ContentControlWidgets",
 	props: {
 		container: {},
@@ -686,18 +675,18 @@ var Gt = /* @__PURE__ */ M({
 			let t = /^sdt@(\d+)$/.exec(e ?? "");
 			return t ? Number(t[1]) : null;
 		}
-		let n = e, r = R(null), i = R(null);
+		let n = e, r = z(null), i = z(null);
 		function a(e, t) {
 			let i = n.view;
 			if (i) try {
-				i.dispatch(X(i.state, { tag: e }, t)), i.focus();
+				i.dispatch(Z(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" ? Ee(r.state, i) : je(r.state, i);
+				let t = e.dataset.sdtRepeat === "add" ? Te(r.state, i) : Ae(r.state, i);
 				r.dispatch(t), r.focus();
 			} catch {}
 		}
@@ -708,7 +697,7 @@ var Gt = /* @__PURE__ */ M({
 		function c(e) {
 			let t = n.view, i = e.dataset.sdtTag, o = e.dataset.sdtWidget;
 			if (!t || !i || !o) return;
-			let s = ke(t.state.doc, { tag: i })[0], c = e.getBoundingClientRect();
+			let s = Oe(t.state.doc, { tag: i })[0], c = e.getBoundingClientRect();
 			o === "checkbox" ? a(i, {
 				kind: "checkbox",
 				checked: !s?.checked
@@ -748,10 +737,10 @@ var Gt = /* @__PURE__ */ M({
 			e.key === "Escape" && (r.value = null);
 		}
 		let p = null;
-		U(() => n.container, (e) => {
+		K(() => 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 }), U(r, (e) => {
-			e ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", f), e.kind === "dropdown" && ue(() => {
+		}, { immediate: !0 }), K(r, (e) => {
+			e ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", f), e.kind === "dropdown" && le(() => {
 				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));
@@ -764,7 +753,7 @@ var Gt = /* @__PURE__ */ M({
 			let n = t.indexOf(document.activeElement);
 			t[e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length].focus();
 		}
-		F(() => {
+		I(() => {
 			p && (p.removeEventListener("mousedown", s), p.removeEventListener("click", l), p.removeEventListener("keydown", u)), document.removeEventListener("mousedown", d), document.removeEventListener("keydown", f);
 		});
 		function h(e) {
@@ -774,42 +763,42 @@ var Gt = /* @__PURE__ */ M({
 				date: t
 			});
 		}
-		return (e, t) => r.value ? (L(), k("div", {
+		return (e, t) => r.value ? (R(), k("div", {
 			key: 0,
 			ref_key: "popupEl",
 			ref: i,
 			class: "layout-sdt-widget-popup",
 			role: r.value.kind === "dropdown" ? "listbox" : void 0,
-			style: P({
+			style: F({
 				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" ? (L(), k(T, { key: 0 }, [r.value.items.length === 0 ? (L(), k("div", un, "No options")) : O("", !0), (L(!0), k(T, null, de(r.value.items, (e) => (L(), k("button", {
+			onMousedown: t[0] ||= J(() => {}, ["prevent"])
+		}, [r.value.kind === "dropdown" ? (R(), k(T, { key: 0 }, [r.value.items.length === 0 ? (R(), k("div", dn, "No options")) : O("", !0), (R(!0), k(T, null, B(r.value.items, (e) => (R(), k("button", {
 			key: e.value,
 			type: "button",
 			role: "option",
 			"aria-selected": e.displayText === r.value.current,
-			class: N(["layout-sdt-widget-option", { "is-selected": e.displayText === r.value.current }]),
+			class: P(["layout-sdt-widget-option", { "is-selected": e.displayText === r.value.current }]),
 			onClick: (t) => a(r.value.tag, {
 				kind: "dropdown",
 				value: e.value
 			})
-		}, B(e.displayText), 11, dn))), 128))], 64)) : (L(), k("input", {
+		}, H(e.displayText), 11, fn))), 128))], 64)) : (R(), k("input", {
 			key: 1,
 			type: "date",
 			class: "layout-sdt-widget-date",
 			value: r.value.current,
 			onChange: h
-		}, null, 40, fn))], 44, ln)) : O("", !0);
+		}, null, 40, pn))], 44, un)) : O("", !0);
 	}
-}), mn = {
+}), hn = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, hn = { class: "docx-editor-vue__title-bar-left" }, gn = { class: "docx-editor-vue__title-bar-center" }, _n = { class: "docx-editor-vue__title-bar-right" }, vn = /* @__PURE__ */ M({
+}, gn = { class: "docx-editor-vue__title-bar-left" }, _n = { class: "docx-editor-vue__title-bar-center" }, vn = { class: "docx-editor-vue__title-bar-right" }, yn = /* @__PURE__ */ N({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -828,38 +817,38 @@ var Gt = /* @__PURE__ */ M({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (L(), k("div", mn, [
-			A("div", hn, [e.renderLogo ? (L(), ie(pe(e.renderLogo), { key: 0 })) : O("", !0), fe(t.$slots, "title-bar-left")]),
-			A("div", gn, [j(g, {
+		return (t, r) => e.showMenuBar ? (R(), k("div", hn, [
+			A("div", gn, [e.renderLogo ? (R(), ie(ue(e.renderLogo), { key: 0 })) : O("", !0), V(t.$slots, "title-bar-left")]),
+			A("div", _n, [M(g, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
-			}, null, 8, ["model-value", "editable"]), j(y, {
+			}, null, 8, ["model-value", "editable"]), M(y, {
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			A("div", _n, [fe(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), ie(pe(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
+			A("div", vn, [V(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (R(), ie(ue(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
 		])) : O("", !0);
 	}
-}), yn = ["aria-label"], bn = { class: "wm-header" }, xn = { class: "wm-body" }, Sn = { class: "wm-radio-row" }, Cn = ["checked"], wn = {
+}), bn = ["aria-label"], xn = { class: "wm-header" }, Sn = { class: "wm-body" }, Cn = { class: "wm-radio-row" }, wn = ["checked"], Tn = {
 	for: "wm-none",
 	class: "wm-inline-label"
-}, Tn = { class: "wm-radio-row" }, En = ["checked"], Dn = {
+}, En = { class: "wm-radio-row" }, Dn = ["checked"], On = {
 	for: "wm-picture",
 	class: "wm-inline-label"
-}, On = {
+}, kn = {
 	key: 0,
 	class: "wm-subform"
-}, kn = { class: "wm-row" }, An = {
+}, An = { class: "wm-row" }, jn = {
 	key: 0,
 	class: "wm-row"
-}, jn = ["src"], Mn = { class: "wm-row" }, $ = { class: "wm-label" }, Nn = { class: "wm-inline-label" }, Pn = { class: "wm-radio-row" }, Fn = ["checked"], In = {
+}, Mn = ["src"], Nn = { class: "wm-row" }, $ = { class: "wm-label" }, Pn = { class: "wm-inline-label" }, Fn = { class: "wm-radio-row" }, In = ["checked"], Ln = {
 	for: "wm-text",
 	class: "wm-inline-label"
-}, Ln = {
+}, Rn = {
 	key: 1,
 	class: "wm-subform"
-}, Rn = { class: "wm-row" }, zn = { class: "wm-label" }, Bn = ["value"], Vn = ["value"], Hn = { class: "wm-row" }, Un = { class: "wm-label" }, Wn = { class: "wm-row" }, Gn = { class: "wm-label" }, Kn = ["value"], qn = { class: "wm-row" }, Jn = { class: "wm-label" }, Yn = { class: "wm-inline-label" }, Xn = { class: "wm-row" }, Zn = { class: "wm-label" }, Qn = { class: "wm-row" }, $n = { class: "wm-label" }, er = { class: "wm-inline-label" }, tr = ["checked"], nr = { class: "wm-inline-label" }, rr = ["checked"], ir = { class: "wm-inline-label" }, ar = { class: "wm-footer" }, or = ["disabled"], sr = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, zn = { class: "wm-row" }, Bn = { class: "wm-label" }, Vn = ["value"], Hn = ["value"], Un = { class: "wm-row" }, Wn = { class: "wm-label" }, Gn = { class: "wm-row" }, Kn = { class: "wm-label" }, qn = ["value"], Jn = { class: "wm-row" }, Yn = { class: "wm-label" }, Xn = { class: "wm-inline-label" }, Zn = { class: "wm-row" }, Qn = { class: "wm-label" }, $n = { class: "wm-row" }, er = { class: "wm-label" }, tr = { class: "wm-inline-label" }, nr = ["checked"], rr = { class: "wm-inline-label" }, ir = ["checked"], ar = { class: "wm-inline-label" }, or = { class: "wm-footer" }, sr = ["disabled"], cr = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "WatermarkDialog",
 	props: {
 		isOpen: { type: Boolean },
@@ -881,8 +870,8 @@ var Gt = /* @__PURE__ */ M({
 			"Georgia",
 			"Verdana",
 			"Courier New"
-		], { t: a } = n(), o = e, s = t, c = R("none"), l = R("CONFIDENTIAL"), u = R("Calibri"), d = R(!0), f = R(54), p = R("#C0C0C0"), m = R("diagonal"), h = R(!0), g = R(void 0), _ = R(void 0), v = R(100), y = R(!0);
-		U(() => o.isOpen, (e) => {
+		], { t: a } = n(), o = e, s = t, c = z("none"), l = z("CONFIDENTIAL"), u = z("Calibri"), d = z(!0), f = z(54), p = z("#C0C0C0"), m = z("diagonal"), h = z(!0), g = z(void 0), _ = z(void 0), v = z(100), y = z(!0);
+		K(() => o.isOpen, (e) => {
 			if (!e) return;
 			let t = o.current;
 			t?.kind === "text" ? (c.value = "text", l.value = t.text, u.value = t.font || "Calibri", d.value = t.fontSize === void 0, t.fontSize !== void 0 && (f.value = t.fontSize), p.value = t.color || "#C0C0C0", m.value = t.layout, h.value = t.semitransparent) : t?.kind === "picture" ? (c.value = "picture", g.value = t.dataUrl, _.value = t.widthEmu !== void 0 && t.heightEmu !== void 0 ? {
@@ -904,7 +893,7 @@ var Gt = /* @__PURE__ */ M({
 				if (g.value = e, _.value = void 0, !e) return;
 				let t = new Image();
 				t.onload = () => {
-					_.value = at(t.naturalWidth, t.naturalHeight);
+					_.value = ot(t.naturalWidth, t.naturalHeight);
 				}, t.src = e;
 			}, n.readAsDataURL(t);
 		}
@@ -937,96 +926,96 @@ var Gt = /* @__PURE__ */ M({
 		function te(e) {
 			e.key === "Escape" && C();
 		}
-		return (t, n) => e.isOpen ? (L(), k("div", {
+		return (t, n) => e.isOpen ? (R(), k("div", {
 			key: 0,
 			class: "wm-overlay",
-			onMousedown: K(C, ["self"]),
+			onMousedown: J(C, ["self"]),
 			onKeydown: te
 		}, [A("div", {
 			class: "wm-dialog",
 			role: "dialog",
-			"aria-label": V(a)("dialogs.watermark.title"),
-			onMousedown: n[13] ||= K(() => {}, ["stop"])
+			"aria-label": U(a)("dialogs.watermark.title"),
+			onMousedown: n[13] ||= J(() => {}, ["stop"])
 		}, [
-			A("div", bn, B(V(a)("dialogs.watermark.title")), 1),
-			A("div", xn, [
-				A("div", Sn, [A("input", {
+			A("div", xn, H(U(a)("dialogs.watermark.title")), 1),
+			A("div", Sn, [
+				A("div", Cn, [A("input", {
 					id: "wm-none",
 					type: "radio",
 					checked: c.value === "none",
 					onChange: n[0] ||= (e) => c.value = "none"
-				}, null, 40, Cn), A("label", wn, B(V(a)("dialogs.watermark.noWatermark")), 1)]),
-				A("div", Tn, [A("input", {
+				}, null, 40, wn), A("label", Tn, H(U(a)("dialogs.watermark.noWatermark")), 1)]),
+				A("div", En, [A("input", {
 					id: "wm-picture",
 					type: "radio",
 					checked: c.value === "picture",
 					onChange: n[1] ||= (e) => c.value = "picture"
-				}, null, 40, En), A("label", Dn, B(V(a)("dialogs.watermark.picture")), 1)]),
-				c.value === "picture" ? (L(), k("div", On, [
-					A("div", kn, [A("input", {
+				}, null, 40, Dn), A("label", On, H(U(a)("dialogs.watermark.picture")), 1)]),
+				c.value === "picture" ? (R(), k("div", kn, [
+					A("div", An, [A("input", {
 						type: "file",
 						accept: "image/*",
 						onChange: S
 					}, null, 32)]),
-					g.value ? (L(), k("div", An, [A("img", {
+					g.value ? (R(), k("div", jn, [A("img", {
 						src: g.value,
 						alt: "",
 						class: "wm-preview"
-					}, null, 8, jn)])) : O("", !0),
-					A("div", Mn, [
-						A("span", $, B(V(a)("dialogs.watermark.scale")), 1),
-						W(A("input", {
+					}, null, 8, Mn)])) : O("", !0),
+					A("div", Nn, [
+						A("span", $, H(U(a)("dialogs.watermark.scale")), 1),
+						q(A("input", {
 							class: "wm-input wm-input--narrow",
 							type: "number",
 							min: "10",
 							max: "500",
 							"onUpdate:modelValue": n[2] ||= (e) => v.value = e
 						}, null, 512), [[
-							H,
+							G,
 							v.value,
 							void 0,
 							{ number: !0 }
 						]]),
 						n[14] ||= A("span", { class: "wm-unit" }, "%", -1)
 					]),
-					A("label", Nn, [W(A("input", {
+					A("label", Pn, [q(A("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": n[3] ||= (e) => y.value = e
-					}, null, 512), [[me, y.value]]), se(" " + B(V(a)("dialogs.watermark.washout")), 1)])
+					}, null, 512), [[W, y.value]]), j(" " + H(U(a)("dialogs.watermark.washout")), 1)])
 				])) : O("", !0),
-				A("div", Pn, [A("input", {
+				A("div", Fn, [A("input", {
 					id: "wm-text",
 					type: "radio",
 					checked: c.value === "text",
 					onChange: n[4] ||= (e) => c.value = "text"
-				}, null, 40, Fn), A("label", In, B(V(a)("dialogs.watermark.text")), 1)]),
-				c.value === "text" ? (L(), k("div", Ln, [
-					A("div", Rn, [A("span", zn, B(V(a)("dialogs.watermark.presetLabel")), 1), A("select", {
+				}, null, 40, In), A("label", Ln, H(U(a)("dialogs.watermark.text")), 1)]),
+				c.value === "text" ? (R(), k("div", Rn, [
+					A("div", zn, [A("span", Bn, H(U(a)("dialogs.watermark.presetLabel")), 1), A("select", {
 						class: "wm-input",
 						value: r.includes(l.value) ? l.value : "",
 						onChange: x
-					}, [n[15] ||= A("option", { value: "" }, "—", -1), (L(), k(T, null, de(r, (e) => A("option", {
+					}, [n[15] ||= A("option", { value: "" }, "—", -1), (R(), k(T, null, B(r, (e) => A("option", {
 						key: e,
 						value: e
-					}, B(e), 9, Vn)), 64))], 40, Bn)]),
-					A("div", Hn, [A("span", Un, B(V(a)("dialogs.watermark.textLabel")), 1), W(A("input", {
+					}, H(e), 9, Hn)), 64))], 40, Vn)]),
+					A("div", Un, [A("span", Wn, H(U(a)("dialogs.watermark.textLabel")), 1), q(A("input", {
 						class: "wm-input",
 						"onUpdate:modelValue": n[5] ||= (e) => l.value = e
-					}, null, 512), [[H, l.value]])]),
-					A("div", Wn, [A("span", Gn, B(V(a)("dialogs.watermark.fontLabel")), 1), W(A("select", {
+					}, null, 512), [[G, l.value]])]),
+					A("div", Gn, [A("span", Kn, H(U(a)("dialogs.watermark.fontLabel")), 1), q(A("select", {
 						class: "wm-input",
 						"onUpdate:modelValue": n[6] ||= (e) => u.value = e
-					}, [(L(), k(T, null, de(i, (e) => A("option", {
+					}, [(R(), k(T, null, B(i, (e) => A("option", {
 						key: e,
 						value: e
-					}, B(e), 9, Kn)), 64))], 512), [[he, u.value]])]),
-					A("div", qn, [
-						A("span", Jn, B(V(a)("dialogs.watermark.sizeLabel")), 1),
-						A("label", Yn, [W(A("input", {
+					}, H(e), 9, qn)), 64))], 512), [[fe, u.value]])]),
+					A("div", Jn, [
+						A("span", Yn, H(U(a)("dialogs.watermark.sizeLabel")), 1),
+						A("label", Xn, [q(A("input", {
 							type: "checkbox",
 							"onUpdate:modelValue": n[7] ||= (e) => d.value = e
-						}, null, 512), [[me, d.value]]), se(" " + B(V(a)("dialogs.watermark.sizeAuto")), 1)]),
-						d.value ? O("", !0) : W((L(), k("input", {
+						}, null, 512), [[W, d.value]]), j(" " + H(U(a)("dialogs.watermark.sizeAuto")), 1)]),
+						d.value ? O("", !0) : q((R(), k("input", {
 							key: 0,
 							class: "wm-input wm-input--narrow",
 							type: "number",
@@ -1034,50 +1023,50 @@ var Gt = /* @__PURE__ */ M({
 							max: "200",
 							"onUpdate:modelValue": n[8] ||= (e) => f.value = e
 						}, null, 512)), [[
-							H,
+							G,
 							f.value,
 							void 0,
 							{ number: !0 }
 						]])
 					]),
-					A("div", Xn, [A("span", Zn, B(V(a)("dialogs.watermark.colorLabel")), 1), W(A("input", {
+					A("div", Zn, [A("span", Qn, H(U(a)("dialogs.watermark.colorLabel")), 1), q(A("input", {
 						type: "color",
 						"onUpdate:modelValue": n[9] ||= (e) => p.value = e
-					}, null, 512), [[H, p.value]])]),
-					A("div", Qn, [
-						A("span", $n, B(V(a)("dialogs.watermark.layoutLabel")), 1),
-						A("label", er, [A("input", {
+					}, null, 512), [[G, p.value]])]),
+					A("div", $n, [
+						A("span", er, H(U(a)("dialogs.watermark.layoutLabel")), 1),
+						A("label", tr, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "diagonal",
 							onChange: n[10] ||= (e) => m.value = "diagonal"
-						}, null, 40, tr), se(" " + B(V(a)("dialogs.watermark.diagonal")), 1)]),
-						A("label", nr, [A("input", {
+						}, null, 40, nr), j(" " + H(U(a)("dialogs.watermark.diagonal")), 1)]),
+						A("label", rr, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "horizontal",
 							onChange: n[11] ||= (e) => m.value = "horizontal"
-						}, null, 40, rr), se(" " + B(V(a)("dialogs.watermark.horizontal")), 1)])
+						}, null, 40, ir), j(" " + H(U(a)("dialogs.watermark.horizontal")), 1)])
 					]),
-					A("label", ir, [W(A("input", {
+					A("label", ar, [q(A("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": n[12] ||= (e) => h.value = e
-					}, null, 512), [[me, h.value]]), se(" " + B(V(a)("dialogs.watermark.semitransparent")), 1)])
+					}, null, 512), [[W, h.value]]), j(" " + H(U(a)("dialogs.watermark.semitransparent")), 1)])
 				])) : O("", !0)
 			]),
-			A("div", ar, [A("button", {
+			A("div", or, [A("button", {
 				type: "button",
 				class: "wm-btn",
 				onClick: C
-			}, B(V(a)("dialogs.watermark.cancelButton")), 1), A("button", {
+			}, H(U(a)("dialogs.watermark.cancelButton")), 1), A("button", {
 				type: "button",
-				class: N(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
+				class: P(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
 				disabled: b.value,
 				onClick: ee
-			}, B(V(a)("dialogs.watermark.applyButton")), 11, or)])
-		], 40, yn)], 32)) : O("", !0);
+			}, H(U(a)("dialogs.watermark.applyButton")), 11, sr)])
+		], 40, bn)], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-5edfdc47"]]), cr = /* @__PURE__ */ M({
+}), [["__scopeId", "data-v-5edfdc47"]]), lr = /* @__PURE__ */ N({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -1113,8 +1102,8 @@ var Gt = /* @__PURE__ */ M({
 	],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (L(), k(T, null, [
-			j(u, {
+		return (n, a) => (R(), k(T, null, [
+			M(u, {
 				"is-open": t.showFindReplace,
 				view: t.view,
 				"scroll-visible-position-into-view": t.scrollVisiblePositionIntoView,
@@ -1124,12 +1113,12 @@ var Gt = /* @__PURE__ */ M({
 				"view",
 				"scroll-visible-position-into-view"
 			]),
-			j(s, {
+			M(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"]),
-			j(e, {
+			M(e, {
 				"is-open": t.showHyperlink,
 				view: t.view,
 				bookmarks: t.bookmarks,
@@ -1141,12 +1130,12 @@ var Gt = /* @__PURE__ */ M({
 				"view",
 				"bookmarks"
 			]),
-			j(i, {
+			M(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"]),
-			j(l, {
+			M(l, {
 				"is-open": t.showImageProperties,
 				view: t.view,
 				"pm-pos": t.selectedImagePmPos,
@@ -1156,28 +1145,28 @@ var Gt = /* @__PURE__ */ M({
 				"view",
 				"pm-pos"
 			]),
-			j(o, {
+			M(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"]),
-			j(sr, {
+			M(cr, {
 				"is-open": t.showWatermark,
 				current: t.currentWatermark,
 				onClose: a[11] ||= (e) => r("update:showWatermark", !1),
 				onApply: a[12] ||= (e) => r("watermark-apply", e)
 			}, null, 8, ["is-open", "current"]),
-			j(d, {
+			M(d, {
 				"is-open": t.showKeyboardShortcuts,
 				onClose: a[13] ||= (e) => r("update:showKeyboardShortcuts", !1)
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), lr = ["disabled", "onMousedown"], ur = { class: "ctx-menu__label" }, dr = {
+}), ur = ["disabled", "onMousedown"], dr = { class: "ctx-menu__label" }, fr = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, fr = 220, pr = 32, mr = 10, hr = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, pr = 220, mr = 32, hr = 10, gr = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -1191,7 +1180,7 @@ var Gt = /* @__PURE__ */ M({
 	},
 	emits: ["close", "action"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = n(), o = R(null), s = D(() => {
+		let r = e, i = t, { t: a } = n(), o = z(null), s = D(() => {
 			let e = [
 				{
 					id: "cut",
@@ -1310,8 +1299,8 @@ var Gt = /* @__PURE__ */ M({
 				disabled: !r.canSplitCell
 			}), e;
 		}), c = D(() => {
-			let e = r.position.x, t = r.position.y, n = s.value.filter((e) => !e.divider).length, i = s.value.filter((e) => e.divider).length, a = n * pr + i * 9;
-			return typeof window < "u" && (e + fr + mr > window.innerWidth && (e = window.innerWidth - fr - mr), t + a + mr > window.innerHeight && (t = window.innerHeight - a - mr)), {
+			let e = r.position.x, t = r.position.y, n = s.value.filter((e) => !e.divider).length, i = s.value.filter((e) => e.divider).length, a = n * mr + i * 9;
+			return typeof window < "u" && (e + pr + hr > window.innerWidth && (e = window.innerWidth - pr - hr), t + a + hr > window.innerHeight && (t = window.innerHeight - a - hr)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1324,50 +1313,50 @@ var Gt = /* @__PURE__ */ M({
 		function u(e) {
 			e.key === "Escape" && i("close");
 		}
-		return U(() => r.isOpen, (e) => {
-			e && ue(() => o.value?.focus());
-		}), (t, n) => (L(), ie(E, { to: "body" }, [e.isOpen ? (L(), k("div", {
+		return K(() => r.isOpen, (e) => {
+			e && le(() => o.value?.focus());
+		}), (t, n) => (R(), ie(E, { to: "body" }, [e.isOpen ? (R(), k("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
-			onContextmenu: n[1] ||= K((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : O("", !0), e.isOpen ? (L(), k("div", {
+			onContextmenu: n[1] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : O("", !0), e.isOpen ? (R(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: o,
 			class: "ctx-menu",
-			style: P(c.value),
-			onContextmenu: n[2] ||= K(() => {}, ["prevent"]),
+			style: F(c.value),
+			onContextmenu: n[2] ||= J(() => {}, ["prevent"]),
 			onKeydown: u
-		}, [(L(!0), k(T, null, de(s.value, (e, t) => (L(), k("button", {
+		}, [(R(!0), k(T, null, B(s.value, (e, t) => (R(), k("button", {
 			key: e.id || t,
-			class: N(["ctx-menu__item", {
+			class: P(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider
 			}]),
 			disabled: e.disabled,
-			onMousedown: K((t) => l(e.action), ["prevent"])
-		}, [A("span", ur, B(e.label), 1), e.shortcut ? (L(), k("span", dr, B(e.shortcut), 1)) : O("", !0)], 42, lr))), 128))], 36)) : O("", !0)]));
+			onMousedown: J((t) => l(e.action), ["prevent"])
+		}, [A("span", dr, H(e.label), 1), e.shortcut ? (R(), k("span", fr, H(e.shortcut), 1)) : O("", !0)], 42, ur))), 128))], 36)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-b2122da6"]]), gr = ["aria-label"], _r = { class: "image-ctx-menu__icon" }, vr = { class: "image-ctx-menu__label" }, yr = {
+}), [["__scopeId", "data-v-b2122da6"]]), _r = ["aria-label"], vr = { class: "image-ctx-menu__icon" }, yr = { class: "image-ctx-menu__label" }, br = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, br = [
+}, xr = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], xr = { class: "image-ctx-menu__icon" }, Sr = { class: "image-ctx-menu__label" }, Cr = ["aria-label"], wr = ["disabled", "onClick"], Tr = { class: "image-ctx-menu__label" }, Er = {
+], Sr = { class: "image-ctx-menu__icon" }, Cr = { class: "image-ctx-menu__label" }, wr = ["aria-label"], Tr = ["disabled", "onClick"], Er = { class: "image-ctx-menu__label" }, Dr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Dr = {
+}, Or = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Or = 18, kr = 260, Ar = 10, jr = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}, kr = 18, Ar = 260, jr = 10, Mr = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1388,7 +1377,7 @@ var Gt = /* @__PURE__ */ M({
 		function a() {
 			i("open-properties"), i("close");
 		}
-		let { t: o } = n(), s = R(null), l = Ze, u = D(() => r.state ? $e(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
+		let { t: o } = n(), s = z(null), l = Ze, u = D(() => r.state ? $e(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -1401,16 +1390,16 @@ var Gt = /* @__PURE__ */ M({
 		let p = D(() => {
 			if (!r.state) return {};
 			let e = Ze.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
-			return typeof window < "u" && (t + kr > window.innerWidth && (t = window.innerWidth - kr - Ar), n + e > window.innerHeight && (n = window.innerHeight - e - Ar), t < Ar && (t = Ar), n < Ar && (n = Ar)), {
+			return typeof window < "u" && (t + Ar > window.innerWidth && (t = window.innerWidth - Ar - jr), n + e > window.innerHeight && (n = window.innerHeight - e - jr), t < jr && (t = jr), n < jr && (n = jr)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${n}px`,
-				minWidth: `${kr}px`,
+				minWidth: `${Ar}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return r.state ? et(e, r.state.currentWrapType) : !1;
+			return r.state ? tt(e, r.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -1424,74 +1413,74 @@ var Gt = /* @__PURE__ */ M({
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (L(), ie(E, { to: "body" }, [e.state && e.state.open ? (L(), k("div", {
+		return (t, n) => (R(), ie(E, { to: "body" }, [e.state && e.state.open ? (R(), k("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
-			onContextmenu: n[0] ||= K((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : O("", !0), e.state && e.state.open ? (L(), k("div", {
+			onContextmenu: n[0] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : O("", !0), e.state && e.state.open ? (R(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
 			class: "image-ctx-menu",
 			role: "menu",
-			"aria-label": V(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": U(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: P(p.value),
-			onContextmenu: n[4] ||= K(() => {}, ["prevent"]),
+			style: F(p.value),
+			onContextmenu: n[4] ||= J(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (L(), k("button", {
+			e.canOpenProperties ? (R(), k("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item",
 				"data-action": "open-properties",
-				onMousedown: n[1] ||= K(() => {}, ["prevent"]),
+				onMousedown: n[1] ||= J(() => {}, ["prevent"]),
 				onClick: a
-			}, [A("span", _r, [j(c, {
+			}, [A("span", vr, [M(c, {
 				name: "settings",
-				size: Or
-			})]), A("span", vr, B(V(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
-			e.canOpenProperties ? (L(), k("div", yr)) : O("", !0),
-			(L(!0), k(T, null, de(V(l), (e) => (L(), k("button", {
+				size: kr
+			})]), A("span", yr, H(U(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
+			e.canOpenProperties ? (R(), k("div", br)) : O("", !0),
+			(R(!0), k(T, null, B(U(l), (e) => (R(), k("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: N(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
+				class: P(["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: V(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
-				onMousedown: n[2] ||= K(() => {}, ["prevent"]),
+				title: U(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				A("span", xr, [j(c, {
+				A("span", Sr, [M(c, {
 					name: f(e.iconHint),
-					size: Or
+					size: kr
 				}, null, 8, ["name"])]),
-				A("span", Sr, B(V(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === u.value ? (L(), k("span", {
+				A("span", Cr, H(U(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (R(), k("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": V(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Cr)) : O("", !0)
-			], 42, br))), 128)),
-			e.textActions && e.textActions.length > 0 ? (L(), k(T, { key: 2 }, [n[5] ||= A("div", {
+					"aria-label": U(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, wr)) : O("", !0)
+			], 42, xr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (R(), k(T, { key: 2 }, [n[5] ||= A("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (L(!0), k(T, null, de(e.textActions, (e, t) => (L(), k(T, { key: `${e.action}-${t}` }, [A("button", {
+			}, null, -1), (R(!0), k(T, null, B(e.textActions, (e, t) => (R(), k(T, { key: `${e.action}-${t}` }, [A("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
-				onMousedown: n[3] ||= K(() => {}, ["prevent"]),
+				onMousedown: n[3] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [A("span", Tr, B(e.label), 1), e.shortcut ? (L(), k("span", Er, B(e.shortcut), 1)) : O("", !0)], 40, wr), e.dividerAfter ? (L(), k("div", Dr)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
-		], 44, gr)) : O("", !0)]));
+			}, [A("span", Er, H(e.label), 1), e.shortcut ? (R(), k("span", Dr, H(e.shortcut), 1)) : O("", !0)], 40, Tr), e.dividerAfter ? (R(), k("div", Or)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
+		], 44, _r)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c21ca8c"]]), Mr = /* @__PURE__ */ M({
+}), [["__scopeId", "data-v-5c21ca8c"]]), Nr = /* @__PURE__ */ N({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1509,7 +1498,7 @@ var Gt = /* @__PURE__ */ M({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (L(), k(T, null, [j(hr, {
+		return (t, r) => (R(), k(T, null, [M(gr, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1529,7 +1518,7 @@ var Gt = /* @__PURE__ */ M({
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), j(jr, {
+		]), M(Mr, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1543,7 +1532,7 @@ var Gt = /* @__PURE__ */ M({
 			"can-open-properties"
 		])], 64));
 	}
-}), Nr = ["href", "title"], Pr = ["title"], Fr = ["title"], Ir = ["title"], Lr = { class: "docx-hyperlink-popup__edit-row" }, Rr = ["placeholder", "onKeydown"], zr = { class: "docx-hyperlink-popup__edit-row" }, Br = ["onKeydown"], Vr = ["disabled"], Hr = /* @__PURE__ */ x(/* @__PURE__ */ M({
+}), Pr = ["href", "title"], Fr = ["title"], Ir = ["title"], Lr = ["title"], Rr = { class: "docx-hyperlink-popup__edit-row" }, zr = ["placeholder", "onKeydown"], Br = { class: "docx-hyperlink-popup__edit-row" }, Vr = ["onKeydown"], Hr = ["disabled"], Ur = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1557,25 +1546,25 @@ var Gt = /* @__PURE__ */ M({
 		"close"
 	],
 	setup(e, { emit: t }) {
-		let { t: r } = n(), i = e, a = t, o = R(!1), s = R(""), c = R(""), l = R(null), u = D(() => ({
+		let { t: r } = n(), i = e, a = t, o = z(!1), s = z(""), c = z(""), l = z(null), u = D(() => ({
 			left: (i.data?.position.left ?? 0) + "px",
 			top: (i.data?.position.top ?? 0) + "px"
 		}));
-		U(() => i.data?.href, () => {
+		K(() => i.data?.href, () => {
 			o.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		U(() => i.data, (e) => {
+		K(() => 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 }), F(p);
+		}, { immediate: !0 }), I(p);
 		function m() {
 			i.data && (s.value = i.data.displayText, c.value = i.data.href, o.value = !0);
 		}
@@ -1585,40 +1574,40 @@ var Gt = /* @__PURE__ */ M({
 		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 ? (L(), k("div", {
+		return (t, n) => e.data ? (R(), k("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
-			class: N(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
-			style: P(u.value),
-			onMousedown: n[6] ||= K(() => {}, ["stop"])
-		}, [o.value ? (L(), k(T, { key: 1 }, [A("div", Lr, [W(A("input", {
+			class: P(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
+			style: F(u.value),
+			onMousedown: n[6] ||= J(() => {}, ["stop"])
+		}, [o.value ? (R(), k(T, { key: 1 }, [A("div", Rr, [q(A("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: V(r)("hyperlinkPopup.displayTextPlaceholder"),
+			placeholder: U(r)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
-			onKeydown: [G(K(h, ["prevent"]), ["enter"]), n[3] ||= G((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Rr), [[H, s.value]])]), A("div", zr, [W(A("input", {
+			onKeydown: [me(J(h, ["prevent"]), ["enter"]), n[3] ||= me((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, zr), [[G, s.value]])]), A("div", Br, [q(A("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
-			onKeydown: [G(K(h, ["prevent"]), ["enter"]), n[5] ||= G((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Br), [[H, c.value]]), A("button", {
+			onKeydown: [me(J(h, ["prevent"]), ["enter"]), n[5] ||= me((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, Vr), [[G, c.value]]), A("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
-			onClick: K(h, ["prevent"])
-		}, B(V(r)("common.apply")), 9, Vr)])], 64)) : (L(), k(T, { key: 0 }, [
+			onClick: J(h, ["prevent"])
+		}, H(U(r)("common.apply")), 9, Hr)])], 64)) : (R(), k(T, { 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),
 			A("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
-				onClick: n[0] ||= K((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, B(e.data.href), 9, Nr),
+				onClick: n[0] ||= J((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, H(e.data.href), 9, Pr),
 			n[11] ||= A("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
 			A("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: V(r)("hyperlinkPopup.copyLink"),
-				onClick: K(g, ["prevent"])
+				title: U(r)("hyperlinkPopup.copyLink"),
+				onClick: J(g, ["prevent"])
 			}, [...n[7] ||= [A("svg", {
 				width: "18",
 				height: "18",
@@ -1635,12 +1624,12 @@ var Gt = /* @__PURE__ */ M({
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), A("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Pr),
-			e.readOnly ? O("", !0) : (L(), k("button", {
+			}), A("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Fr),
+			e.readOnly ? O("", !0) : (R(), k("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: V(r)("hyperlinkPopup.editLink"),
-				onClick: K(m, ["prevent"])
+				title: U(r)("hyperlinkPopup.editLink"),
+				onClick: J(m, ["prevent"])
 			}, [...n[8] ||= [A("svg", {
 				width: "18",
 				height: "18",
@@ -1650,26 +1639,26 @@ var Gt = /* @__PURE__ */ M({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [A("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), A("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, Fr)),
-			e.readOnly ? O("", !0) : (L(), k("button", {
+			}, [A("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), A("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, Ir)),
+			e.readOnly ? O("", !0) : (R(), k("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: V(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, Ir))
+				title: U(r)("hyperlinkPopup.removeLink"),
+				onClick: n[1] ||= J((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, Lr))
 		], 64))], 38)) : O("", !0);
 	}
 }), [["__scopeId", "data-v-9d23bb12"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function Ur(e) {
-	let t = R(null);
+function Wr(e) {
+	let t = z(null);
 	async function n() {
 		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
 	}
 	async function r(t) {
 		try {
-			let r = await ze(t);
+			let r = await Re(t);
 			if (!r) return;
 			await e.loadBuffer(r.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", r.name), await n();
 		} catch (t) {
@@ -1708,8 +1697,8 @@ function Ur(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function Wr(e) {
-	let t = R(null);
+function Gr(e) {
+	let t = z(null);
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -1737,7 +1726,7 @@ function Wr(e) {
 	function a(n, r) {
 		let i = e.editorView.value;
 		if (!i) return;
-		let a = Ue(i.state);
+		let a = He(i.state);
 		if (!a) {
 			t.value = null;
 			return;
@@ -1751,7 +1740,7 @@ function Wr(e) {
 	function o() {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = Ue(n.state, t.value?.href);
+		let r = He(n.state, t.value?.href);
 		if (!r) {
 			t.value = null;
 			return;
@@ -1770,56 +1759,57 @@ function Wr(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function Gr(e) {
-	function t() {
-		let t = e.editorView.value;
-		t && (He(t.state, t.dispatch, t), t.focus());
+function Kr(e) {
+	let t = () => e.activeView?.value ?? e.editorView.value;
+	function n() {
+		let e = t();
+		e && (Ve(e.state, e.dispatch, e), e.focus());
 	}
-	function n(t) {
-		let n = e.editorView.value;
-		if (!n) return;
-		let r = e.getDocument()?.package?.styles;
-		if (r) {
-			let e = pt(r).resolveParagraphStyle(t);
-			ct(t, {
+	function r(n) {
+		let r = t();
+		if (!r) return;
+		let i = e.getDocument()?.package?.styles;
+		if (i) {
+			let e = mt(i).resolveParagraphStyle(n);
+			lt(n, {
 				paragraphFormatting: e.paragraphFormatting,
 				runFormatting: e.runFormatting
-			})(n.state, (e) => n.dispatch(e));
-		} else ct(t)(n.state, (e) => n.dispatch(e));
-		n.focus();
+			})(r.state, (e) => r.dispatch(e));
+		} else lt(n)(r.state, (e) => r.dispatch(e));
+		r.focus();
 	}
-	function r() {
+	function i() {
 		let t = e.editorView.value;
-		t && (mt(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (ht(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
-	function i(t) {
-		let n = e.editorView.value;
+	function a(e) {
+		let n = t();
 		if (!n) return;
-		let { from: r } = n.state.selection, i = n.state.tr.insertText(t, r);
+		let { from: r } = n.state.selection, i = n.state.tr.insertText(e, r);
 		n.dispatch(i.scrollIntoView()), n.focus();
 	}
-	function a(t) {
+	function o(t) {
 		let n = e.editorView.value;
-		return n ? ht(n, t) : !1;
+		return n ? gt(n, t) : !1;
 	}
-	function o(t) {
+	function s(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
 		let r = e.getDocument();
-		return gt(n, t, { styleResolver: r?.package?.styles ? pt(r.package.styles) : null });
+		return _t(n, t, { styleResolver: r?.package?.styles ? mt(r.package.styles) : null });
 	}
 	return {
-		handleClearFormatting: t,
-		handleApplyStyle: n,
-		handleInsertPageBreak: r,
-		handleInsertSymbol: i,
-		applyFormatting: a,
-		setParagraphStyle: o
+		handleClearFormatting: n,
+		handleApplyStyle: r,
+		handleInsertPageBreak: i,
+		handleInsertSymbol: a,
+		applyFormatting: o,
+		setParagraphStyle: s
 	};
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function Kr(e) {
+function qr(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -1846,19 +1836,19 @@ function Kr(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && dt(t)(n.state, n.dispatch);
+		n && ft(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && ft(t)(n.state, n.dispatch);
+		n && pt(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? ut(-t, !0)(n.state, n.dispatch) : ut(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? dt(-t, !0)(n.state, n.dispatch) : dt(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && lt(t)(n.state, n.dispatch);
+		n && ut(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -1874,16 +1864,16 @@ function Kr(e) {
 }
 //#endregion
 //#region src/composables/useWatermarkControls.ts
-function qr(e) {
-	let t = R(!1), n = D(() => {
+function Jr(e) {
+	let t = z(!1), n = D(() => {
 		e.stateTick.value;
 		let t = e.editorView.value;
-		return t ? yt(t.state) ?? void 0 : void 0;
+		return t ? bt(t.state) ?? void 0 : void 0;
 	});
 	function r(t) {
 		if (e.readOnly.value) return;
 		let n = e.editorView.value;
-		n && (Ct(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
+		n && (wt(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
 	}
 	return {
 		showWatermark: t,
@@ -1893,18 +1883,18 @@ function qr(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function Jr(e) {
+function Yr(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
-			t && (e.outlineHeadings.value = wt(t.state.doc));
+			t && (e.outlineHeadings.value = Tt(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 = J.near(r);
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = he.near(r);
 		n.dispatch(n.state.tr.setSelection(i).scrollIntoView()), n.focus();
 	}
 	function r() {
@@ -1923,7 +1913,7 @@ function Jr(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function Yr(e) {
+function Xr(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -1931,26 +1921,26 @@ function Yr(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 I(() => window.addEventListener("keydown", t)), F(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+	return L(() => window.addEventListener("keydown", t)), I(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function Xr(e) {
-	let t = () => V(e.author) ?? "User";
+function Zr(e) {
+	let t = () => U(e.author) ?? "User";
 	function n(t) {
 		e.comments.value = t, e.commentCallbacks?.onCommentsChange?.(t);
 	}
 	function r() {
-		At(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
+		jt(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
 	}
 	function i(t, n, i) {
-		return r(), Dt(e.commentIdAllocator, t, n, i);
+		return r(), Ot(e.commentIdAllocator, t, n, i);
 	}
 	function a(t) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package?.document || !a) return null;
 		i.package.document.comments || (i.package.document.comments = []), r();
-		let o = Tt(a, t, e.commentIdAllocator);
+		let o = Et(a, t, e.commentIdAllocator);
 		return o ? (i.package.document.comments.push(o), n([...i.package.document.comments]), e.showSidebar.value = !0, e.emit("change", i), e.contentChangeSubscribers.forEach((e) => e(i)), o.id) : null;
 	}
 	function o(t, r, a) {
@@ -1969,7 +1959,7 @@ function Xr(e) {
 		let n = e.editorView.value;
 		if (!n) return !1;
 		r();
-		let i = Et(n, t, e.commentIdAllocator);
+		let i = Dt(n, t, e.commentIdAllocator);
 		return i && (e.extractCommentsAndChanges(), e.showSidebar.value = !0), i;
 	}
 	function l(n, r) {
@@ -1996,19 +1986,19 @@ function Xr(e) {
 	}
 	function p(t, n) {
 		let r = e.editorView.value;
-		r && (_t(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (vt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
 	function m(t, n) {
 		let r = e.editorView.value;
-		r && (xt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (St(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
 	function h(t) {
 		let n = e.editorView.value;
-		n && (vt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (yt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
 	function g(t) {
 		let n = e.editorView.value;
-		n && (St(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (Ct(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
 	function _(r, a) {
 		let o = e.getDocument(), s = e.editorView.value;
@@ -2045,8 +2035,8 @@ function Xr(e) {
 }
 //#endregion
 //#region src/composables/useHostCallbacks.ts
-function Zr(e, t) {
-	return U(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
+function Qr(e, t) {
+	return K(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
 		onCommentAdd: (t) => e.onCommentAdd?.(t),
 		onCommentResolve: (t) => e.onCommentResolve?.(t),
 		onCommentDelete: (t) => e.onCommentDelete?.(t),
@@ -2056,11 +2046,11 @@ function Zr(e, t) {
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function Qr(e) {
-	let t = R(null), n = R(null), r = R(null), i = R(!1);
+function $r(e) {
+	let t = z(null), n = z(null), r = z(null), i = z(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
-		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = jt(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 = Mt(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;
@@ -2079,7 +2069,7 @@ function Qr(e) {
 			t.value = null;
 			return;
 		}
-		let s = o.getBoundingClientRect(), c = Bt(a, r);
+		let s = o.getBoundingClientRect(), c = Vt(a, r);
 		if (!c) {
 			t.value = null;
 			return;
@@ -2107,7 +2097,7 @@ function Qr(e) {
 		for (let t of r) {
 			if (t.type.name === "comment" && t.attrs.commentId != null) {
 				let n = t.attrs.commentId;
-				if (n === Ot || e.resolvedCommentIds.value.has(n)) continue;
+				if (n === kt || e.resolvedCommentIds.value.has(n)) continue;
 				i = `comment-${n}`;
 				break;
 			}
@@ -2132,7 +2122,7 @@ function Qr(e) {
 		}, r.value = t.value?.top ?? null;
 		let s = i.state.schema.marks.comment;
 		if (s) {
-			let e = i.state.tr.addMark(a, o, s.create({ commentId: Ot }));
+			let e = i.state.tr.addMark(a, o, s.create({ commentId: kt }));
 			i.dispatch(e);
 		}
 		e.showSidebar.value = !0, e.isAddingComment.value = !0, t.value = null;
@@ -2140,8 +2130,8 @@ function Qr(e) {
 	function l(t) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package) return;
-		i.package.document.comments || (i.package.document.comments = []), At(e.commentIdAllocator, i.package.document.comments, a);
-		let o = Dt(e.commentIdAllocator, t, V(e.author) ?? "User");
+		i.package.document.comments || (i.package.document.comments = []), jt(e.commentIdAllocator, i.package.document.comments, a);
+		let o = Ot(e.commentIdAllocator, t, U(e.author) ?? "User");
 		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments], e.commentCallbacks?.onCommentsChange?.(e.comments.value), e.commentCallbacks?.onCommentAdd?.(o);
 		let s = n.value;
 		if (a && s && s.from !== s.to) {
@@ -2164,15 +2154,15 @@ function Qr(e) {
 	function d(t) {
 		e.showSidebar.value = !0;
 	}
-	U([
+	K([
 		e.stateTick,
 		e.isAddingComment,
 		e.zoom
-	], () => o()), U(e.stateTick, () => s()), U(e.stateTick, () => a());
+	], () => o()), K(e.stateTick, () => s()), K(e.stateTick, () => a());
 	let f = null;
-	return I(() => {
+	return L(() => {
 		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
-	}), F(() => {
+	}), I(() => {
 		f?.disconnect(), window.removeEventListener("resize", o);
 	}), {
 		floatingCommentBtn: t,
@@ -2190,8 +2180,8 @@ function Qr(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function $r(e) {
-	let t = z(null), n = R(!1), r = D(() => {
+function ei(e) {
+	let t = de(null), n = z(!1), r = D(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2213,12 +2203,12 @@ function $r(e) {
 			width: t.width,
 			height: t.height
 		});
-		bt(n.state, n.dispatch, i, n.state.selection.from), n.focus();
+		xt(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 = nt(n);
+		let a = rt(n);
 		if (!a) return;
 		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: Qe(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());
@@ -2249,8 +2239,8 @@ function $r(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function ei(e, t, n) {
-	let r = ot(e.state), i = e.state.schema.marks.insertion;
+function ti(e, t, n) {
+	let r = st(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({
@@ -2259,10 +2249,10 @@ function ei(e, t, n) {
 		date: r.date
 	}));
 }
-function ti(e, t) {
+function ni(e, t) {
 	return e.getBlob(t);
 }
-function ni(e, t) {
+function ri(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({
@@ -2274,13 +2264,13 @@ function ni(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function ri(e) {
+function ii(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function ii(e) {
+function ai(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2292,13 +2282,13 @@ function ii(e) {
 		}), n.src = e;
 	});
 }
-async function ai(e) {
+async function oi(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 ri(await ti(n, t)), i = await ii(r), a = i.width, o = i.height;
+				let r = await ii(await ni(n, t)), i = await ai(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,
@@ -2308,11 +2298,11 @@ async function ai(e) {
 					wrapType: "inline",
 					displayMode: "inline"
 				}), c = e.state.tr.replaceSelectionWith(s);
-				ei(e, c, s), e.dispatch(c);
+				ti(e, c, s), e.dispatch(c);
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await ti(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await ni(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,
@@ -2322,12 +2312,12 @@ async function ai(e) {
 						wrapType: "inline",
 						displayMode: "inline"
 					}), l = e.state.tr.replaceSelectionWith(c);
-					ei(e, l, c), e.dispatch(l);
+					ti(e, l, c), e.dispatch(l);
 					return;
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await ti(n, "text/plain")).text();
+				let t = await (await ni(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2343,14 +2333,14 @@ async function ai(e) {
 		}
 	}
 }
-function oi(e, t) {
+function si(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 ri(i), o = await ii(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 ii(i), o = await ai(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,
@@ -2365,8 +2355,8 @@ function oi(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function si(e) {
-	let { t } = n(), r = R({
+function ci(e) {
+	let { t } = n(), r = z({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -2377,7 +2367,7 @@ function si(e) {
 		onImage: !1,
 		canMergeCells: !1,
 		canSplitCell: !1
-	}), i = R(null), a = D(() => [
+	}), i = z(null), a = D(() => [
 		{
 			action: "cut",
 			label: t("contextMenu.cut"),
@@ -2403,12 +2393,12 @@ function si(e) {
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let a = t.target, o = Q(a);
+		let a = t.target, o = et(a);
 		if (o) {
 			let a = Number(o.dataset.pmStart);
 			if (!isNaN(a)) {
 				try {
-					let e = q.create(n.state.doc, a);
+					let e = Y.create(n.state.doc, a);
 					n.dispatch(n.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
@@ -2441,7 +2431,7 @@ function si(e) {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = Z(n.state), { empty: c } = n.state.selection;
+		let s = Q(n.state), { empty: c } = n.state.selection;
 		i.value &&= null, r.value = {
 			isOpen: !0,
 			position: {
@@ -2486,16 +2476,16 @@ function si(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					ni(n, e.selectedImage.value.pmPos);
+					ri(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 ? ni(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? ri(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				ai(n);
+				oi(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2508,7 +2498,7 @@ function si(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = J.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = he.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -2516,7 +2506,7 @@ function si(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && oi(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && si(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2551,26 +2541,26 @@ function si(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var ci = 500;
-function li(e) {
-	let t = R(null), n = null;
+var li = 500;
+function ui(e) {
+	let t = z(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = z(null), a = 0, o = null, s = 0, c = !1, l = null, u = w({
+	let i = de(null), a = 0, o = null, s = 0, c = !1, l = null, u = w({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
 			let n = p(e, t);
 			n !== null && n !== l && h(l, n);
 		}
-	}), d = R({
+	}), d = z({
 		currentPage: 1,
 		totalPages: 1,
 		visible: !1
 	}), f = null;
 	function p(t, n) {
-		return Ht(e.pagesRef.value, e.editorView.value, t, n);
+		return Ut(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function m() {
 		let t = i.value;
@@ -2583,18 +2573,18 @@ function li(e) {
 	function h(e, t) {
 		let n = m();
 		if (n) try {
-			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = J.between(r, i);
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = he.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
 	function g(t) {
-		Vt(e.pagesRef.value, e.pagesViewportRef.value, t);
+		Ht(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function _(t) {
-		Ut(e.pagesRef.value, t, h, i.value?.position);
+		Wt(e.pagesRef.value, t, h, i.value?.position);
 	}
 	function v(t) {
-		Wt(e.pagesRef.value, t, h, i.value?.position);
+		Gt(e.pagesRef.value, t, h, i.value?.position);
 	}
 	function y(t) {
 		let n = e.editorView.value;
@@ -2615,7 +2605,7 @@ function li(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s) return;
-		let l = Nt({
+		let l = Pt({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2625,7 +2615,7 @@ function li(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, Mt));
+			}, Nt));
 			return;
 		}
 		let u = s.getBoundingClientRect();
@@ -2640,7 +2630,7 @@ function li(e) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(J.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(he.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());
@@ -2784,13 +2774,13 @@ function li(e) {
 		i.value && (r.closest(".layout-page-header") || r.closest(".layout-page-footer") || r.closest(".hf-editor") || (i.value = null, n.focus()));
 		let u = m() ?? n;
 		if (!e.readOnly.value && e.tableResize.tryStartResize(t, u)) return;
-		let d = Q(r);
+		let d = et(r);
 		if (d) {
 			t.preventDefault(), t.stopPropagation();
 			let n = Number(d.dataset.pmStart);
 			if (!isNaN(n)) {
 				try {
-					u.dispatch(u.state.tr.setSelection(q.create(u.state.doc, n)));
+					u.dispatch(u.state.tr.setSelection(Y.create(u.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
 					element: d,
@@ -2809,7 +2799,7 @@ function li(e) {
 			return;
 		}
 		let g = Date.now();
-		if (g - a < ci && o === f ? s++ : s = 1, a = g, o = f, s === 2) _(f);
+		if (g - a < li && o === f ? s++ : s = 1, a = g, o = f, s === 2) _(f);
 		else if (s >= 3) v(f), s = 0;
 		else {
 			if (t.shiftKey) {
@@ -2851,9 +2841,9 @@ function li(e) {
 			};
 		}, 600);
 	}
-	return I(() => {
+	return L(() => {
 		window.addEventListener("mousemove", T), window.addEventListener("mouseup", E), e.pagesViewportRef.value?.addEventListener("scroll", D, { passive: !0 });
-	}), F(() => {
+	}), I(() => {
 		r(), window.removeEventListener("mousemove", T), window.removeEventListener("mouseup", E), e.pagesViewportRef.value?.removeEventListener("scroll", D), f && clearTimeout(f);
 	}), {
 		tableInsertButton: t,
@@ -2875,7 +2865,7 @@ function li(e) {
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function ui(e) {
+function di(e) {
 	let t = null, n = null, r = null;
 	function i() {
 		let r = e.pagesRef.value;
@@ -2887,8 +2877,8 @@ function ui(e) {
 			let t = e.pagesRef.value, n = e.editorView.value;
 			if (!t || !n || e.isHfEditing?.value) return;
 			let i = n.state.selection;
-			if (i instanceof q && i.node.type.name === "image") {
-				let n = Y(t, i.from), r = n ? Q(n) : null;
+			if (i instanceof Y && i.node.type.name === "image") {
+				let n = X(t, i.from), r = n ? et(n) : null;
 				if (r) {
 					let t = e.selectedImage.value;
 					(!t || t.element !== r || t.pmPos !== i.from || t.width !== r.offsetWidth || t.height !== r.offsetHeight) && (e.selectedImage.value = {
@@ -2906,12 +2896,12 @@ function ui(e) {
 	function o() {
 		let r = e.pagesRef.value, o = e.editorView.value;
 		if (!r || !o || (i(), e.isHfEditing?.value)) return;
-		a(), _e(r, o.state);
+		a(), ge(r, o.state);
 		let s = o.state.selection;
-		if (s instanceof q && s.node.type.name === "image") return;
+		if (s instanceof Y && s.node.type.name === "image") return;
 		let { from: c, to: l, empty: u } = s, d = r.scrollTop, f = r.scrollLeft, p = e.zoom.value || 1;
 		if (u) {
-			let e = Ge(r, c, r.getBoundingClientRect());
+			let e = We(r, c, r.getBoundingClientRect());
 			if (e) {
 				let i = document.createElement("div");
 				i.className = "vue-caret", i.style.cssText = `
@@ -2931,7 +2921,7 @@ function ui(e) {
 			}
 			return;
 		}
-		let m = Ke(r, c, l, r.getBoundingClientRect());
+		let m = Ge(r, c, l, r.getBoundingClientRect());
 		for (let e of m) {
 			let t = document.createElement("div");
 			t.className = "vue-sel-rect", t.style.cssText = `
@@ -2946,7 +2936,7 @@ function ui(e) {
       `, r.appendChild(t);
 		}
 	}
-	return F(() => {
+	return I(() => {
 		r !== null && cancelAnimationFrame(r), i();
 	}), {
 		clearOverlay: i,
@@ -2955,7 +2945,7 @@ function ui(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function di(e) {
+function fi(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -3010,7 +3000,7 @@ function di(e) {
 				e.showKeyboardShortcuts.value = !0;
 				break;
 			case "reportIssue":
-				Pt();
+				Ft();
 				break;
 			case "dirLTR":
 				t("setLtr");
@@ -3028,29 +3018,29 @@ function di(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function fi(e) {
+function pi(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	U(e.documentBuffer, (e) => {
+	K(e.documentBuffer, (e) => {
 		e && t(e);
-	}), U(e.document, (e) => {
+	}), K(e.document, (e) => {
 		e && n(e);
-	}), I(async () => {
-		await ue();
+	}), L(async () => {
+		await le();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function pi(e) {
+function mi(e) {
 	function t() {
 		let t = e.pagesRef.value;
-		t && tt(t), e.onPrint?.(), window.print();
+		t && nt(t), e.onPrint?.(), window.print();
 	}
 	function n() {
 		t();
@@ -3084,41 +3074,41 @@ function pi(e) {
 	function c() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = st(t, n.state.selection.from);
+		let r = ct(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 = It(n.state.doc, t);
+		let r = Lt(n.state.doc, t);
 		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
 	}
 	function u(t, n) {
-		return Se(e.editorView.value, t, n);
+		return xe(e.editorView.value, t, n);
 	}
 	function d() {
-		return we(e.editorView.value);
+		return Ce(e.editorView.value);
 	}
 	function f() {
 		return e.comments.value;
 	}
 	function p(t) {
 		let n = e.editorView.value;
-		return n ? ke(n.state.doc, t ?? {}) : [];
+		return n ? Oe(n.state.doc, t ?? {}) : [];
 	}
 	function m(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Oe(n.state.doc, t);
+		let r = De(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(Ne(i.state, t, n, r)), !0;
+			return i.dispatch(Me(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof Ft) return !1;
+			if (e instanceof It) return !1;
 			throw e;
 		}
 	}
@@ -3126,9 +3116,9 @@ function pi(e) {
 		let r = e.editorView.value;
 		if (!r) return !1;
 		try {
-			return r.dispatch(Ae(r.state, t, n)), !0;
+			return r.dispatch(ke(r.state, t, n)), !0;
 		} catch (e) {
-			if (e instanceof Ft) return !1;
+			if (e instanceof It) return !1;
 			throw e;
 		}
 	}
@@ -3136,14 +3126,14 @@ function pi(e) {
 		let i = e.editorView.value;
 		if (!i) return !1;
 		try {
-			return i.dispatch(X(i.state, t, n, r)), !0;
+			return i.dispatch(Z(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof Ft) return !1;
+			if (e instanceof It) return !1;
 			throw e;
 		}
 	}
 	function v(t) {
-		return Ce(e.editorView.value, e.layout.value, t);
+		return Se(e.editorView.value, e.layout.value, t);
 	}
 	function y(t) {
 		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
@@ -3190,25 +3180,25 @@ function pi(e) {
 }
 //#endregion
 //#region src/composables/useFontLifecycle.ts
-function mi(e, t) {
-	U(e, (e) => {
-		Ie(e);
+function hi(e, t) {
+	K(e, (e) => {
+		Fe(e);
 	}, { immediate: !0 });
-	let n = Le(t);
-	F(() => n());
+	let n = Ie(t);
+	I(() => n());
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
+var gi = { class: "docx-editor-vue__toolbar-shell" }, _i = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, _i = {
+}, vi = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, vi = { class: "docx-editor-vue__editor-area" }, yi = {
+}, yi = { class: "docx-editor-vue__editor-area" }, bi = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, bi = ["title"], xi = ["title", "aria-label"], Si = /* @__PURE__ */ M({
+}, xi = ["title"], Si = ["title", "aria-label"], Ci = /* @__PURE__ */ N({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3310,11 +3300,11 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 		"mode-change"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, o = R(i.mode), s = D(() => i.readOnly || o.value === "viewing"), l = D(() => i.author);
+		let i = e, a = r, o = z(i.mode), s = D(() => i.readOnly || o.value === "viewing"), l = D(() => i.author);
 		f(D(() => i.i18n));
-		let { t: u } = t(D(() => i.i18n)), d = R(null), g = R(null), y = R(null), x = R(0), S = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set(), w = new Te(), E = R(!1), re = R(!1), oe = R(!1), se = R(!1), M = R(!1), ce = R(!1), me = R(i.showOutline), he = R(!1), H = R(!1), W = R(!1), G = R(null), q = z([]), _e = z([]), ve = z([]), { zoom: Y, zoomPercent: xe, isMinZoom: Se, isMaxZoom: Ce, setZoom: Ee, zoomIn: Oe, zoomOut: ke, handleWheel: Ae, handleKeyDown: je, installShortcuts: Me, ZOOM_PRESETS: Ne } = ne(i.initialZoom);
-		Me();
-		let { editorView: X, isReady: Fe, parseError: Ie, layout: Le, loadBuffer: Re, loadDocument: ze, save: Be, focus: He, destroy: Ue, getDocument: Z, getCommands: We, reLayout: Ge, getHfPmView: Ke, syncHfPMs: qe, setHfTransactionListener: Je, setDocument: Ye } = ee({
+		let { t: u } = t(D(() => i.i18n)), d = z(null), g = z(null), y = z(null), x = z(0), S = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set(), w = new we(), E = z(!1), re = z(!1), oe = z(!1), j = z(!1), N = z(!1), se = z(!1), W = z(i.showOutline), fe = z(!1), G = z(!1), q = z(!1), me = z(null), Y = de([]), ge = de([]), _e = de([]), { zoom: X, zoomPercent: be, isMinZoom: xe, isMaxZoom: Se, setZoom: Te, zoomIn: De, zoomOut: Oe, handleWheel: ke, handleKeyDown: Ae, installShortcuts: je, ZOOM_PRESETS: Me } = ne(i.initialZoom);
+		je();
+		let { editorView: Z, isReady: Pe, parseError: Fe, layout: Ie, loadBuffer: Le, loadDocument: Re, save: ze, focus: Ve, destroy: He, getDocument: Q, getCommands: Ue, reLayout: We, getHfPmView: Ge, syncHfPMs: Ke, setHfTransactionListener: qe, setDocument: Je } = ee({
 			hiddenContainer: d,
 			pagesContainer: g,
 			readOnly: s,
@@ -3330,20 +3320,20 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 			},
 			onSelectionUpdate: () => {
 				x.value++;
-				let e = X.value;
-				i.onSelectionChange?.(e ? De(e.state) : null);
-				let t = we(e);
+				let e = Z.value;
+				i.onSelectionChange?.(e ? Ee(e.state) : null);
+				let t = Ce(e);
 				C.forEach((e) => e(t));
 			}
-		}), { commentCallbacks: Xe } = Zr(i, X), Ze = D(() => {
+		}), { commentCallbacks: Ye } = Qr(i, Z), Xe = D(() => {
 			x.value;
-			let e = Z();
+			let e = Q();
 			if (!e?.package?.document) return null;
 			let t = e.package.document;
 			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
-		}), Qe = D(() => {
+		}), Ze = D(() => {
 			x.value;
-			let e = X.value, t = e ? Ve(e.state).paragraphFormatting : {};
+			let e = Z.value, t = e ? Be(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3351,26 +3341,26 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				hangingIndent: t.hangingIndent ?? !1,
 				tabStops: t.tabs ?? null
 			};
-		}), $e = D(() => (x.value, Z()?.package?.theme ?? i.theme ?? null)), Q = R(null), et = R([]);
+		}), Qe = D(() => (x.value, Q()?.package?.theme ?? i.theme ?? null)), $e = z(null), et = z([]);
 		function tt(e, t) {
-			Q.value = ye(e, t), et.value = be(e, t);
+			$e.value = ve(e, t), et.value = ye(e, t);
 		}
 		function nt() {
-			Q.value = null, et.value = [];
+			$e.value = null, et.value = [];
 		}
-		mi(() => i.fonts, (e) => {
+		hi(() => i.fonts, (e) => {
 			a("error", e), i.onError?.(e);
 		});
-		let rt = D(() => $.value?.headerFooter ? Ke($.value.headerFooter) ?? null : null);
-		I(() => {
-			Je((e, t) => {
-				requestAnimationFrame(() => {
+		let rt = D(() => $.value?.headerFooter ? Ge($.value.headerFooter) ?? null : null), it = D(() => rt.value ?? Z.value);
+		L(() => {
+			qe((e, t) => {
+				x.value++, requestAnimationFrame(() => {
 					let e = $.value;
 					if (!e) return;
 					tt(t, e.position);
-					let n = zt(e.position), r = y.value;
+					let n = Bt(e.position), r = y.value;
 					if (!n || !r) return;
-					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = Y.value || 1;
+					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = X.value || 1;
 					$.value = {
 						...e,
 						targetRect: {
@@ -3381,20 +3371,20 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						}
 					};
 				});
-			}), U(() => $.value, (e) => {
+			}), K(() => $.value, (e) => {
 				if (!e) {
 					nt();
 					return;
 				}
-				let t = X.value;
+				let t = Z.value;
 				if (t) {
 					try {
-						let e = t.state.tr.setSelection(J.create(t.state.doc, 0));
+						let e = t.state.tr.setSelection(he.create(t.state.doc, 0));
 						t.dispatch(e);
 					} catch {}
 					t.dom.blur?.();
 				}
-				ar.updateSelectionOverlay();
+				or.updateSelectionOverlay();
 			});
 			let e = 0;
 			function t() {
@@ -3402,35 +3392,35 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 					e = 0;
 					let t = $.value;
 					if (!t?.headerFooter) return;
-					let n = Ke(t.headerFooter);
+					let n = Ge(t.headerFooter);
 					n && tt(n, t.position);
 				}));
 			}
-			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), F(() => {
+			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), I(() => {
 				e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
 			});
 		});
-		let at = D(() => {
+		let ot = D(() => {
 			let e = [];
-			return H.value && e.push(`translateX(-${Pe}px)`), Y.value !== 1 && e.push(`scale(${Y.value})`), {
+			return G.value && e.push(`translateX(-${Ne}px)`), X.value !== 1 && e.push(`scale(${X.value})`), {
 				transform: e.length > 0 ? e.join(" ") : void 0,
 				transformOrigin: "top center",
 				transition: "transform 0.2s ease"
 			};
-		}), ot = D(() => ({
+		}), st = D(() => ({
 			paddingLeft: "20px",
-			paddingRight: 20 + (H.value ? Pe * 2 : 0) + "px",
+			paddingRight: 20 + (G.value ? Ne * 2 : 0) + "px",
 			transition: "padding 0.2s ease"
-		})), st = D(() => {
-			let e = Ze.value;
-			return it(e?.pageWidth ?? 12240) * Y.value;
-		}), ct = D(() => {
+		})), ct = D(() => {
+			let e = Xe.value;
+			return at(e?.pageWidth ?? 12240) * X.value;
+		}), lt = D(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of q.value) t.parentId == null && t.done && e.add(t.id);
+			for (let t of Y.value) t.parentId == null && t.done && e.add(t.id);
 			return e;
-		}), lt = D(() => {
+		}), ut = D(() => {
 			x.value;
-			let e = X.value;
+			let e = Z.value;
 			if (!e) return [];
 			let t = /* @__PURE__ */ new Set(), n = [];
 			return e.state.doc.descendants((e) => {
@@ -3445,218 +3435,219 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), ut = kt(), { floatingCommentBtn: dt, pendingCommentRange: ft, addCommentYPosition: pt, sidebarAutoOpenedRef: mt, extractCommentsAndChanges: ht, handleAddComment: gt, handleCancelAddComment: _t, handleStartAddComment: vt, handleMarkerClick: yt } = Qr({
-			editorView: X,
-			getDocument: Z,
-			comments: q,
-			trackedChanges: _e,
-			resolvedCommentIds: ct,
-			activeSidebarItem: G,
-			showSidebar: H,
-			isAddingComment: W,
+		}), dt = At(), { floatingCommentBtn: ft, pendingCommentRange: pt, addCommentYPosition: mt, sidebarAutoOpenedRef: ht, extractCommentsAndChanges: gt, handleAddComment: _t, handleCancelAddComment: vt, handleStartAddComment: yt, handleMarkerClick: bt } = $r({
+			editorView: Z,
+			getDocument: Q,
+			comments: Y,
+			trackedChanges: ge,
+			resolvedCommentIds: lt,
+			activeSidebarItem: me,
+			showSidebar: G,
+			isAddingComment: q,
 			readOnly: s,
-			zoom: Y,
+			zoom: X,
 			stateTick: x,
 			pagesRef: g,
 			pagesViewportRef: y,
 			emit: a,
-			commentIdAllocator: ut,
+			commentIdAllocator: dt,
 			author: l,
-			commentCallbacks: Xe
-		}), { docxInputRef: bt, handleDocxFileChange: xt, handleDocumentNameChange: St, downloadCurrentDocument: Ct, loadDocumentBuffer: wt, loadDocument: Tt, save: Et } = Ur({
-			loadBuffer: Re,
-			loadParsedDocument: ze,
-			getDocument: Z,
-			saveBlob: Be,
-			extractCommentsAndChanges: ht,
+			commentCallbacks: Ye
+		}), { docxInputRef: xt, handleDocxFileChange: St, handleDocumentNameChange: Ct, downloadCurrentDocument: wt, loadDocumentBuffer: Tt, loadDocument: Et, save: Dt } = Wr({
+			loadBuffer: Le,
+			loadParsedDocument: Re,
+			getDocument: Q,
+			saveBlob: ze,
+			extractCommentsAndChanges: gt,
 			emit: a,
 			documentName: () => i.documentName,
 			onDocumentNameChange: i.onDocumentNameChange,
-			nextTick: ue
-		}), { hyperlinkPopupData: Dt, handleHyperlinkSubmit: Ot, handleHyperlinkRemove: At, handleHyperlinkPopupNavigate: jt, handleHyperlinkPopupEdit: Mt, handleHyperlinkPopupRemove: Nt } = Wr({
-			editorView: X,
-			getCommands: We
-		}), { handleClearFormatting: Pt, handleApplyStyle: Ft, handleInsertPageBreak: It, handleInsertSymbol: Lt, applyFormatting: Rt, setParagraphStyle: Bt } = Gr({
-			editorView: X,
-			getDocument: Z
-		}), { handlePageSetupApply: Vt, handleLeftMarginChange: Ht, handleRightMarginChange: Ut, handleTopMarginChange: Wt, handleBottomMarginChange: Kt, handleIndentLeftChange: qt, handleIndentRightChange: Jt, handleFirstLineIndentChange: Yt, handleTabStopRemove: Xt } = Kr({
-			editorView: X,
-			getDocument: Z,
+			nextTick: le
+		}), { hyperlinkPopupData: Ot, handleHyperlinkSubmit: kt, handleHyperlinkRemove: jt, handleHyperlinkPopupNavigate: Mt, handleHyperlinkPopupEdit: Nt, handleHyperlinkPopupRemove: Pt } = Gr({
+			editorView: Z,
+			getCommands: Ue
+		}), { handleClearFormatting: Ft, handleApplyStyle: It, handleInsertPageBreak: Lt, handleInsertSymbol: Rt, applyFormatting: zt, setParagraphStyle: Vt } = Kr({
+			editorView: Z,
+			activeView: it,
+			getDocument: Q
+		}), { handlePageSetupApply: Ht, handleLeftMarginChange: Ut, handleRightMarginChange: Wt, handleTopMarginChange: Gt, handleBottomMarginChange: qt, handleIndentLeftChange: Jt, handleIndentRightChange: Yt, handleFirstLineIndentChange: Xt, handleTabStopRemove: Zt } = qr({
+			editorView: Z,
+			getDocument: Q,
 			readOnly: s,
 			stateTick: x,
-			reLayout: Ge,
+			reLayout: We,
 			emit: a
-		}), { showWatermark: Zt, currentWatermark: $t, handleWatermarkApply: en } = qr({
-			editorView: X,
+		}), { showWatermark: Qt, currentWatermark: en, handleWatermarkApply: tn } = Jr({
+			editorView: Z,
 			readOnly: s,
 			stateTick: x
-		}), { handleToggleOutline: tn, handleOutlineNavigate: nn, handleToggleSidebar: on, handleEditorScrollMouseDown: sn } = Jr({
-			editorView: X,
-			showOutline: me,
-			showSidebar: H,
-			outlineHeadings: ve,
-			activeSidebarItem: G,
-			extractCommentsAndChanges: ht
+		}), { handleToggleOutline: nn, handleOutlineNavigate: rn, handleToggleSidebar: sn, handleEditorScrollMouseDown: cn } = Yr({
+			editorView: Z,
+			showOutline: W,
+			showSidebar: G,
+			outlineHeadings: _e,
+			activeSidebarItem: me,
+			extractCommentsAndChanges: gt
 		});
-		Yr({
-			showKeyboardShortcuts: he,
+		Xr({
+			showKeyboardShortcuts: fe,
 			showFindReplace: E,
 			showHyperlink: oe,
-			handleZoomKeyDown: je,
+			handleZoomKeyDown: Ae,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: ln, replyToComment: un, resolveComment: dn, proposeChange: fn, handleCommentReply: mn, handleCommentResolve: hn, handleCommentUnresolve: gn, handleCommentDelete: _n, handleAcceptChange: yn, handleRejectChange: bn, handleAcceptChangeById: xn, handleRejectChangeById: Sn, handleTrackedChangeReply: Cn } = Xr({
-			editorView: X,
-			getDocument: Z,
-			comments: q,
-			trackedChanges: _e,
-			showSidebar: H,
-			isAddingComment: W,
-			pendingCommentRange: ft,
+		let { addComment: un, replyToComment: dn, resolveComment: fn, proposeChange: pn, handleCommentReply: hn, handleCommentResolve: gn, handleCommentUnresolve: _n, handleCommentDelete: vn, handleAcceptChange: bn, handleRejectChange: xn, handleAcceptChangeById: Sn, handleRejectChangeById: Cn, handleTrackedChangeReply: wn } = Zr({
+			editorView: Z,
+			getDocument: Q,
+			comments: Y,
+			trackedChanges: ge,
+			showSidebar: G,
+			isAddingComment: q,
+			pendingCommentRange: pt,
 			contentChangeSubscribers: S,
-			extractCommentsAndChanges: ht,
+			extractCommentsAndChanges: gt,
 			emit: a,
-			commentIdAllocator: ut,
+			commentIdAllocator: dt,
 			author: l,
-			commentCallbacks: Xe
-		}), { selectedImage: wn, imageInteracting: Tn, imageToolbarContext: En, handleInsertImage: Dn, handleToolbarImageWrap: On, handleImageTransform: kn } = $r({
-			editorView: X,
-			zoom: Y,
+			commentCallbacks: Ye
+		}), { selectedImage: Tn, imageInteracting: En, imageToolbarContext: Dn, handleInsertImage: On, handleToolbarImageWrap: kn, handleImageTransform: An } = ei({
+			editorView: Z,
+			zoom: X,
 			stateTick: x,
-			getCommands: We
-		}), An = te(), jn = null, { tableInsertButton: Mn, hfEdit: $, scrollPageInfo: Nn, resolvePos: Pn, setPmSelection: Fn, scrollVisiblePositionIntoView: In, handlePagesMouseDown: Ln, handlePagesMouseMove: Rn, handlePagesClick: zn, handlePagesDoubleClick: Bn, handleTableInsertClick: Vn, clearTableInsertTimer: Hn, handleHfSave: Un, handleHfRemove: Wn } = li({
-			editorView: X,
+			getCommands: Ue
+		}), jn = te(), Mn = null, { tableInsertButton: Nn, hfEdit: $, scrollPageInfo: Pn, resolvePos: Fn, setPmSelection: In, scrollVisiblePositionIntoView: Ln, handlePagesMouseDown: Rn, handlePagesMouseMove: zn, handlePagesClick: Bn, handlePagesDoubleClick: Vn, handleTableInsertClick: Hn, clearTableInsertTimer: Un, handleHfSave: Wn, handleHfRemove: Gn } = ui({
+			editorView: Z,
 			pagesRef: g,
 			pagesViewportRef: y,
-			selectedImage: wn,
-			imageInteracting: Tn,
-			hyperlinkPopupData: Dt,
+			selectedImage: Tn,
+			imageInteracting: En,
+			hyperlinkPopupData: Ot,
 			readOnly: s,
-			zoom: Y,
-			layout: Le,
-			tableResize: An,
-			getCommands: We,
-			getDocument: Z,
-			reLayout: Ge,
+			zoom: X,
+			layout: Ie,
+			tableResize: jn,
+			getCommands: Ue,
+			getDocument: Q,
+			reLayout: We,
 			emit: a,
-			clearOverlay: rr,
-			syncHfPMs: qe,
-			getHfPmView: Ke,
-			setDocument: Ye
-		}), { contextMenu: Gn, imageContextMenu: Kn, imageContextMenuTextActions: qn, handleContextMenu: Jn, handleSelectedImageContextMenu: Yn, handleImageWrapSelect: Xn, handleContextMenuAction: Zn } = si({
-			editorView: X,
-			selectedImage: wn,
-			zoom: Y,
-			showImageProperties: M,
-			getCommands: We,
-			clearOverlay: rr,
-			setPmSelection: Fn,
-			resolvePos: Pn
-		}), { handleMenuAction: Qn, handleMenuTableInsert: $n } = di({
-			editorView: X,
-			getCommands: We,
-			docxInputRef: bt,
-			showPageSetup: ce,
-			showWatermark: Zt,
+			clearOverlay: ir,
+			syncHfPMs: Ke,
+			getHfPmView: Ge,
+			setDocument: Je
+		}), { contextMenu: Kn, imageContextMenu: qn, imageContextMenuTextActions: Jn, handleContextMenu: Yn, handleSelectedImageContextMenu: Xn, handleImageWrapSelect: Zn, handleContextMenuAction: Qn } = ci({
+			editorView: Z,
+			selectedImage: Tn,
+			zoom: X,
+			showImageProperties: N,
+			getCommands: Ue,
+			clearOverlay: ir,
+			setPmSelection: In,
+			resolvePos: Fn
+		}), { handleMenuAction: $n, handleMenuTableInsert: er } = fi({
+			editorView: Z,
+			getCommands: Ue,
+			docxInputRef: xt,
+			showPageSetup: se,
+			showWatermark: Qt,
 			showInsertImage: re,
 			showHyperlink: oe,
-			showInsertSymbol: se,
-			showKeyboardShortcuts: he,
-			handleClearFormatting: Pt,
-			handleInsertPageBreak: It,
-			handleToggleOutline: tn,
-			handleToggleSidebar: on,
-			downloadCurrentDocument: Ct,
+			showInsertSymbol: j,
+			showKeyboardShortcuts: fe,
+			handleClearFormatting: Ft,
+			handleInsertPageBreak: Lt,
+			handleToggleOutline: nn,
+			handleToggleSidebar: sn,
+			downloadCurrentDocument: wt,
 			emit: a
 		});
-		fi({
+		pi({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
-			loadDocumentBuffer: wt,
-			loadDocument: Tt,
-			sidebarAutoOpenedRef: mt
+			loadDocumentBuffer: Tt,
+			loadDocument: Et,
+			sidebarAutoOpenedRef: ht
 		});
-		let er = () => X.value, tr = () => g.value;
-		U(() => i.mode, (e) => {
+		let tr = () => Z.value, nr = () => g.value;
+		K(() => i.mode, (e) => {
 			e && e !== o.value && (o.value = e);
-		}), U(() => i.showOutline, (e) => {
-			me.value = !!e;
+		}), K(() => i.showOutline, (e) => {
+			W.value = !!e;
 		});
-		function nr(e) {
+		function rr(e) {
 			o.value !== e && (o.value = e, a("mode-change", e));
 		}
-		I(() => {
-			jn = An.install();
-		}), F(() => {
-			jn?.();
+		L(() => {
+			Mn = jn.install();
+		}), I(() => {
+			Mn?.();
 		});
-		function rr() {
-			ar.clearOverlay();
-		}
 		function ir() {
-			ar.updateSelectionOverlay();
+			or.clearOverlay();
+		}
+		function ar() {
+			or.updateSelectionOverlay();
 		}
-		let ar = ui({
-			editorView: X,
+		let or = di({
+			editorView: Z,
 			pagesRef: g,
-			zoom: Y,
-			selectedImage: wn,
+			zoom: X,
+			selectedImage: Tn,
 			isHfEditing: D(() => $.value !== null),
-			imageInteracting: Tn
-		}), or = w.onRender(() => ir());
-		ir(), F(() => {
-			or(), rr();
+			imageInteracting: En
+		}), sr = w.onRender(() => ar());
+		ar(), I(() => {
+			sr(), ir();
 		});
-		let { exposed: sr } = pi({
-			editorView: X,
-			layout: Le,
+		let { exposed: cr } = mi({
+			editorView: Z,
+			layout: Ie,
 			pagesRef: g,
 			pagesViewportRef: y,
-			zoom: Y,
-			comments: q,
-			focus: He,
-			destroy: Ue,
-			getDocument: Z,
-			setZoom: Ee,
-			save: Et,
-			loadDocument: Tt,
-			loadDocumentBuffer: wt,
-			addComment: ln,
-			replyToComment: un,
-			resolveComment: dn,
-			proposeChange: fn,
-			applyFormatting: Rt,
-			setParagraphStyle: Bt,
-			scrollVisiblePositionIntoView: In,
+			zoom: X,
+			comments: Y,
+			focus: Ve,
+			destroy: He,
+			getDocument: Q,
+			setZoom: Te,
+			save: Dt,
+			loadDocument: Et,
+			loadDocumentBuffer: Tt,
+			addComment: un,
+			replyToComment: dn,
+			resolveComment: fn,
+			proposeChange: pn,
+			applyFormatting: zt,
+			setParagraphStyle: Vt,
+			scrollVisiblePositionIntoView: Ln,
 			contentChangeSubscribers: S,
 			selectionChangeSubscribers: C,
 			onPrint: i.onPrint
 		});
-		return n(sr), (t, n) => (L(), k("div", {
-			class: N([
+		return n(cr), (t, n) => (R(), k("div", {
+			class: P([
 				"docx-editor-vue ep-root paged-editor",
 				e.className,
 				{
 					"paged-editor--readonly": s.value,
-					"paged-editor--hf-editing": V($) !== null,
-					"paged-editor--editing-header": V($)?.position === "header",
-					"paged-editor--editing-footer": V($)?.position === "footer"
+					"paged-editor--hf-editing": U($) !== null,
+					"paged-editor--editing-header": U($)?.position === "header",
+					"paged-editor--editing-footer": U($)?.position === "footer"
 				}
 			]),
-			style: P(e.style)
+			style: F(e.style)
 		}, [
-			A("div", hi, [j(vn, {
+			A("div", gi, [M(yn, {
 				"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: V(St),
-				onMenuAction: V(Qn),
-				onInsertTable: V($n)
+				onRename: U(Ct),
+				onMenuAction: U($n),
+				onInsertTable: U(er)
 			}, {
-				"title-bar-left": ge(() => [fe(t.$slots, "title-bar-left")]),
-				"title-bar-right": ge(() => [fe(t.$slots, "title-bar-right")]),
+				"title-bar-left": pe(() => [V(t.$slots, "title-bar-left")]),
+				"title-bar-right": pe(() => [V(t.$slots, "title-bar-right")]),
 				_: 3
 			}, 8, [
 				"show-menu-bar",
@@ -3667,37 +3658,37 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				"onRename",
 				"onMenuAction",
 				"onInsertTable"
-			]), e.showToolbar ? (L(), ie(b, {
+			]), e.showToolbar ? (R(), ie(b, {
 				key: 0,
-				view: V(X),
-				"get-commands": V(We),
+				view: it.value,
+				"get-commands": U(Ue),
 				"state-tick": x.value,
-				"zoom-percent": V(xe),
-				"is-min-zoom": V(Se),
-				"is-max-zoom": V(Ce),
-				"zoom-presets": V(Ne),
+				"zoom-percent": U(be),
+				"is-min-zoom": U(xe),
+				"is-max-zoom": U(Se),
+				"zoom-presets": U(Me),
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": o.value,
-				"comments-sidebar-open": H.value,
-				"image-context": V(En),
-				theme: $e.value,
+				"comments-sidebar-open": G.value,
+				"image-context": U(Dn),
+				theme: Qe.value,
 				"font-families": e.fontFamilies,
 				onInsertLink: n[0] ||= (e) => oe.value = !0,
-				onApplyStyle: V(Ft),
-				onZoomIn: V(Oe),
-				onZoomOut: V(ke),
-				onZoomSet: V(Ee),
-				onToggleSidebar: V(on),
-				onModeChange: nr,
-				onImageWrapType: V(On),
-				onImageProperties: n[1] ||= (e) => M.value = !0,
-				onImageTransform: V(kn)
+				onApplyStyle: U(It),
+				onZoomIn: U(De),
+				onZoomOut: U(Oe),
+				onZoomSet: U(Te),
+				onToggleSidebar: U(sn),
+				onModeChange: rr,
+				onImageWrapType: U(kn),
+				onImageProperties: n[1] ||= (e) => N.value = !0,
+				onImageTransform: U(An)
 			}, ae({
-				"table-context": ge(() => [j(h, {
-					view: V(X),
-					"get-commands": V(We),
+				"table-context": pe(() => [M(h, {
+					view: it.value,
+					"get-commands": U(Ue),
 					"state-tick": x.value,
-					theme: $e.value
+					theme: Qe.value
 				}, null, 8, [
 					"view",
 					"get-commands",
@@ -3707,11 +3698,11 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				_: 2
 			}, [e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: ge(() => [(L(), ie(pe(e.toolbarExtra)))]),
+				fn: pe(() => [(R(), ie(ue(e.toolbarExtra)))]),
 				key: "0"
 			} : {
 				name: "toolbar-extra",
-				fn: ge(() => [fe(t.$slots, "toolbar-extra")]),
+				fn: pe(() => [V(t.$slots, "toolbar-extra")]),
 				key: "1"
 			}]), 1032, [
 				"view",
@@ -3735,35 +3726,35 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				"onImageWrapType",
 				"onImageTransform"
 			])) : O("", !0)]),
-			j(cr, {
+			M(lr, {
 				"show-find-replace": E.value,
 				"onUpdate:showFindReplace": n[2] ||= (e) => E.value = e,
 				"show-insert-image": re.value,
 				"onUpdate:showInsertImage": n[3] ||= (e) => re.value = e,
 				"show-hyperlink": oe.value,
 				"onUpdate:showHyperlink": n[4] ||= (e) => oe.value = e,
-				"show-insert-symbol": se.value,
-				"onUpdate:showInsertSymbol": n[5] ||= (e) => se.value = e,
-				"show-image-properties": M.value,
-				"onUpdate:showImageProperties": n[6] ||= (e) => M.value = e,
-				"show-page-setup": ce.value,
-				"onUpdate:showPageSetup": n[7] ||= (e) => ce.value = e,
-				"show-watermark": V(Zt),
-				"onUpdate:showWatermark": n[8] ||= (e) => le(Zt) ? Zt.value = e : null,
-				"show-keyboard-shortcuts": he.value,
-				"onUpdate:showKeyboardShortcuts": n[9] ||= (e) => he.value = e,
-				view: V(X),
-				bookmarks: lt.value,
-				"selected-image-pm-pos": V(wn)?.pmPos ?? null,
-				"section-properties": Ze.value,
-				"current-watermark": V($t),
-				"scroll-visible-position-into-view": V(In),
-				onInsertImage: V(Dn),
-				onInsertSymbol: V(Lt),
-				onHyperlinkSubmit: V(Ot),
-				onHyperlinkRemove: V(At),
-				onPageSetupApply: V(Vt),
-				onWatermarkApply: V(en)
+				"show-insert-symbol": j.value,
+				"onUpdate:showInsertSymbol": n[5] ||= (e) => j.value = e,
+				"show-image-properties": N.value,
+				"onUpdate:showImageProperties": n[6] ||= (e) => N.value = e,
+				"show-page-setup": se.value,
+				"onUpdate:showPageSetup": n[7] ||= (e) => se.value = e,
+				"show-watermark": U(Qt),
+				"onUpdate:showWatermark": n[8] ||= (e) => ce(Qt) ? Qt.value = e : null,
+				"show-keyboard-shortcuts": fe.value,
+				"onUpdate:showKeyboardShortcuts": n[9] ||= (e) => fe.value = e,
+				view: U(Z),
+				bookmarks: ut.value,
+				"selected-image-pm-pos": U(Tn)?.pmPos ?? null,
+				"section-properties": Xe.value,
+				"current-watermark": U(en),
+				"scroll-visible-position-into-view": U(Ln),
+				onInsertImage: U(On),
+				onInsertSymbol: U(Rt),
+				onHyperlinkSubmit: U(kt),
+				onHyperlinkRemove: U(jt),
+				onPageSetupApply: U(Ht),
+				onWatermarkApply: U(tn)
 			}, null, 8, [
 				"show-find-replace",
 				"show-insert-image",
@@ -3786,8 +3777,8 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				"onPageSetupApply",
 				"onWatermarkApply"
 			]),
-			V(Ie) ? (L(), k("div", gi, B(V(Ie)), 1)) : O("", !0),
-			!V(Fe) && !V(Ie) ? (L(), k("div", _i, "Loading...")) : O("", !0),
+			U(Fe) ? (R(), k("div", _i, H(U(Fe)), 1)) : O("", !0),
+			!U(Pe) && !U(Fe) ? (R(), k("div", vi, "Loading...")) : O("", !0),
 			A("div", {
 				ref_key: "hiddenPmRef",
 				ref: d,
@@ -3795,26 +3786,26 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 			}, null, 512),
 			A("div", {
 				class: "docx-editor-vue__editor-scroll",
-				onMousedown: n[32] ||= (...e) => V(sn) && V(sn)(...e)
-			}, [e.showRuler && Ze.value ? (L(), k("div", {
+				onMousedown: n[32] ||= (...e) => U(cn) && U(cn)(...e)
+			}, [e.showRuler && Xe.value ? (R(), k("div", {
 				key: 0,
 				class: "docx-editor-vue__ruler-row",
-				style: P(ot.value)
-			}, [j(_, {
-				"section-props": Ze.value,
-				zoom: V(Y),
+				style: F(st.value)
+			}, [M(_, {
+				"section-props": Xe.value,
+				zoom: U(X),
 				editable: !s.value,
-				"indent-left": Qe.value.indentLeft,
-				"indent-right": Qe.value.indentRight,
-				"first-line-indent": Qe.value.firstLineIndent,
-				"hanging-indent": Qe.value.hangingIndent,
-				"tab-stops": Qe.value.tabStops,
-				onLeftMarginChange: V(Ht),
-				onRightMarginChange: V(Ut),
-				onIndentLeftChange: V(qt),
-				onIndentRightChange: V(Jt),
-				onFirstLineIndentChange: V(Yt),
-				onTabStopRemove: V(Xt)
+				"indent-left": Ze.value.indentLeft,
+				"indent-right": Ze.value.indentRight,
+				"first-line-indent": Ze.value.firstLineIndent,
+				"hanging-indent": Ze.value.hangingIndent,
+				"tab-stops": Ze.value.tabStops,
+				onLeftMarginChange: U(Ut),
+				onRightMarginChange: U(Wt),
+				onIndentLeftChange: U(Jt),
+				onIndentRightChange: U(Yt),
+				onFirstLineIndentChange: U(Xt),
+				onTabStopRemove: U(Zt)
 			}, null, 8, [
 				"section-props",
 				"zoom",
@@ -3830,24 +3821,24 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : O("", !0), A("div", vi, [
+			])], 4)) : O("", !0), A("div", yi, [
 				A("div", {
 					ref_key: "pagesViewportRef",
 					ref: y,
 					class: "docx-editor-vue__pages-viewport",
-					onMousedown: n[23] ||= (...e) => V(Ln) && V(Ln)(...e),
-					onMousemove: n[24] ||= (...e) => V(Rn) && V(Rn)(...e),
-					onClick: n[25] ||= (...e) => V(zn) && V(zn)(...e),
-					onDblclick: n[26] ||= (...e) => V(Bn) && V(Bn)(...e),
-					onContextmenu: n[27] ||= K((...e) => V(Jn) && V(Jn)(...e), ["prevent"]),
-					onWheel: n[28] ||= (...e) => V(Ae) && V(Ae)(...e)
+					onMousedown: n[23] ||= (...e) => U(Rn) && U(Rn)(...e),
+					onMousemove: n[24] ||= (...e) => U(zn) && U(zn)(...e),
+					onClick: n[25] ||= (...e) => U(Bn) && U(Bn)(...e),
+					onDblclick: n[26] ||= (...e) => U(Vn) && U(Vn)(...e),
+					onContextmenu: n[27] ||= J((...e) => U(Yn) && U(Yn)(...e), ["prevent"]),
+					onWheel: n[28] ||= (...e) => U(ke) && U(ke)(...e)
 				}, [
-					e.showRuler && Ze.value ? (L(), k("div", yi, [j(p, {
-						"section-props": Ze.value,
-						zoom: V(Y),
+					e.showRuler && Xe.value ? (R(), k("div", bi, [M(p, {
+						"section-props": Xe.value,
+						zoom: U(X),
 						editable: !s.value,
-						onTopMarginChange: V(Wt),
-						onBottomMarginChange: V(Kt)
+						onTopMarginChange: U(Gt),
+						onBottomMarginChange: U(qt)
 					}, null, 8, [
 						"section-props",
 						"zoom",
@@ -3859,21 +3850,21 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						ref_key: "pagesRef",
 						ref: g,
 						class: "docx-editor-vue__pages paged-editor__pages",
-						style: P(at.value)
+						style: F(ot.value)
 					}, null, 4),
-					s.value ? O("", !0) : (L(), ie(pn, {
+					s.value ? O("", !0) : (R(), ie(mn, {
 						key: 1,
 						container: g.value,
-						view: V(X)
+						view: U(Z)
 					}, null, 8, ["container", "view"])),
-					j(cn, {
-						"is-open": V($) !== null,
-						position: V($)?.position ?? "header",
+					M(ln, {
+						"is-open": U($) !== null,
+						position: U($)?.position ?? "header",
 						view: rt.value,
-						"target-rect": V($)?.targetRect ?? null,
-						onSave: V(Un),
+						"target-rect": U($)?.targetRect ?? null,
+						onSave: U(Wn),
 						onClose: n[10] ||= (e) => $.value = null,
-						onRemove: V(Wn)
+						onRemove: U(Gn)
 					}, null, 8, [
 						"is-open",
 						"position",
@@ -3882,11 +3873,11 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						"onSave",
 						"onRemove"
 					]),
-					(L(!0), k(T, null, de(V($) ? et.value : [], (e, t) => (L(), k("div", {
+					(R(!0), k(T, null, B(U($) ? et.value : [], (e, t) => (R(), k("div", {
 						key: `hf-sel-${t}-${e.top}-${e.left}`,
 						class: "vue-hf-sel-rect",
 						"aria-hidden": "true",
-						style: P({
+						style: F({
 							position: "fixed",
 							top: `${e.top}px`,
 							left: `${e.left}px`,
@@ -3897,74 +3888,74 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 							zIndex: 9998
 						})
 					}, null, 4))), 128)),
-					V($) && Q.value ? (L(), k("div", {
+					U($) && $e.value ? (R(), k("div", {
 						key: 2,
 						"aria-hidden": "true",
-						style: P({
+						style: F({
 							position: "fixed",
-							top: `${Q.value.top}px`,
-							left: `${Q.value.left}px`,
+							top: `${$e.value.top}px`,
+							left: `${$e.value.left}px`,
 							width: "2px",
-							height: `${Q.value.height}px`,
+							height: `${$e.value.height}px`,
 							background: "#4285f4",
 							pointerEvents: "none",
 							zIndex: 9999,
 							animation: "hf-caret-blink 1.06s steps(1) infinite"
 						})
 					}, null, 4)) : O("", !0),
-					j(Qt, {
-						"image-info": V(wn),
-						zoom: V(Y),
-						view: V(X),
-						onOpenProperties: n[11] ||= (e) => M.value = !0,
-						onDeselect: n[12] ||= (e) => wn.value = null,
-						onInteractStart: n[13] ||= (e) => Tn.value = !0,
-						onInteractEnd: n[14] ||= (e) => Tn.value = !1,
-						onContextMenu: V(Yn)
+					M($t, {
+						"image-info": U(Tn),
+						zoom: U(X),
+						view: U(Z),
+						onOpenProperties: n[11] ||= (e) => N.value = !0,
+						onDeselect: n[12] ||= (e) => Tn.value = null,
+						onInteractStart: n[13] ||= (e) => En.value = !0,
+						onInteractEnd: n[14] ||= (e) => En.value = !1,
+						onContextMenu: U(Xn)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					j(Gt, {
-						"get-view": er,
-						"get-pages-container": tr,
-						zoom: V(Y),
+					M(Kt, {
+						"get-view": tr,
+						"get-pages-container": nr,
+						zoom: U(X),
 						"transaction-version": x.value,
-						"sync-coordinator": V(w)
+						"sync-coordinator": U(w)
 					}, null, 8, [
 						"zoom",
 						"transaction-version",
 						"sync-coordinator"
 					]),
-					V(dt) && !W.value && !s.value ? (L(), k("button", {
+					U(ft) && !q.value && !s.value ? (R(), k("button", {
 						key: 3,
 						type: "button",
 						class: "docx-editor-vue__floating-comment",
-						style: P({
-							top: V(dt).top + "px",
-							left: V(dt).left + "px"
+						style: F({
+							top: U(ft).top + "px",
+							left: U(ft).left + "px"
 						}),
-						title: V(u)("comments.addComment"),
-						onMousedown: n[15] ||= K((...e) => V(vt) && V(vt)(...e), ["prevent", "stop"])
-					}, [j(c, {
+						title: U(u)("comments.addComment"),
+						onMousedown: n[15] ||= J((...e) => U(yt) && U(yt)(...e), ["prevent", "stop"])
+					}, [M(c, {
 						name: "add_comment",
 						size: 16
-					})], 44, bi)) : O("", !0),
-					V(Mn) && !s.value ? (L(), k("button", {
+					})], 44, xi)) : O("", !0),
+					U(Nn) && !s.value ? (R(), k("button", {
 						key: 4,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
-						style: P({
-							left: V(Mn).x + "px",
-							top: V(Mn).y + "px"
+						style: F({
+							left: U(Nn).x + "px",
+							top: U(Nn).y + "px"
 						}),
-						title: V(Mn).type === "row" ? "Insert row below" : "Insert column to the right",
-						"aria-label": V(Mn).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[16] ||= (...e) => V(Vn) && V(Vn)(...e),
-						onMouseenter: n[17] ||= (...e) => V(Hn) && V(Hn)(...e),
-						onMouseleave: n[18] ||= (e) => Mn.value = null
+						title: U(Nn).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": U(Nn).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[16] ||= (...e) => U(Hn) && U(Hn)(...e),
+						onMouseenter: n[17] ||= (...e) => U(Un) && U(Un)(...e),
+						onMouseleave: n[18] ||= (e) => Nn.value = null
 					}, [...n[37] ||= [A("svg", {
 						width: "12",
 						height: "12",
@@ -3975,15 +3966,15 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, xi)) : O("", !0),
-					j(v, {
-						comments: q.value,
+					})], -1)]], 44, Si)) : O("", !0),
+					M(v, {
+						comments: Y.value,
 						"pages-container": g.value,
-						zoom: V(Y),
-						"page-width-px": st.value,
-						"sidebar-open": H.value,
-						"resolved-comment-ids": ct.value,
-						onMarkerClick: V(yt)
+						zoom: U(X),
+						"page-width-px": ct.value,
+						"sidebar-open": G.value,
+						"resolved-comment-ids": lt.value,
+						onMarkerClick: U(bt)
 					}, null, 8, [
 						"comments",
 						"pages-container",
@@ -3993,30 +3984,30 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						"resolved-comment-ids",
 						"onMarkerClick"
 					]),
-					j(m, {
-						"is-open": H.value,
-						comments: q.value,
-						"tracked-changes": _e.value,
-						"is-adding-comment": W.value,
-						"add-comment-y-position": V(pt),
+					M(m, {
+						"is-open": G.value,
+						comments: Y.value,
+						"tracked-changes": ge.value,
+						"is-adding-comment": q.value,
+						"add-comment-y-position": U(mt),
 						"show-resolved": !0,
 						"pages-container": g.value,
-						"page-width-px": st.value,
-						zoom: V(Y),
-						"active-item-id": G.value,
-						onClose: n[19] ||= (e) => H.value = !1,
-						onAddComment: V(gt),
-						onCancelAddComment: V(_t),
-						onCommentReply: V(mn),
-						onCommentResolve: V(hn),
-						onCommentUnresolve: V(gn),
-						onCommentDelete: V(_n),
-						onAcceptChange: V(yn),
-						onRejectChange: V(bn),
-						onAcceptChangeById: V(xn),
-						onRejectChangeById: V(Sn),
-						onTrackedChangeReply: V(Cn),
-						"onUpdate:activeItemId": n[20] ||= (e) => G.value = e
+						"page-width-px": ct.value,
+						zoom: U(X),
+						"active-item-id": me.value,
+						onClose: n[19] ||= (e) => G.value = !1,
+						onAddComment: U(_t),
+						onCancelAddComment: U(vt),
+						onCommentReply: U(hn),
+						onCommentResolve: U(gn),
+						onCommentUnresolve: U(_n),
+						onCommentDelete: U(vn),
+						onAcceptChange: U(bn),
+						onRejectChange: U(xn),
+						onAcceptChangeById: U(Sn),
+						onRejectChangeById: U(Cn),
+						onTrackedChangeReply: U(wn),
+						"onUpdate:activeItemId": n[20] ||= (e) => me.value = e
 					}, null, 8, [
 						"is-open",
 						"comments",
@@ -4039,14 +4030,14 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					j(Hr, {
-						data: V(Dt),
+					M(Ur, {
+						data: U(Ot),
 						"read-only": s.value,
-						onNavigate: V(jt),
-						onCopy: n[21] ||= (e) => Dt.value = null,
-						onEdit: V(Mt),
-						onRemove: V(Nt),
-						onClose: n[22] ||= (e) => Dt.value = null
+						onNavigate: U(Mt),
+						onCopy: n[21] ||= (e) => Ot.value = null,
+						onEdit: U(Nt),
+						onRemove: U(Pt),
+						onClose: n[22] ||= (e) => Ot.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -4055,32 +4046,32 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 						"onRemove"
 					])
 				], 544),
-				!me.value && e.showOutlineButton ? (L(), k("button", {
+				!W.value && e.showOutlineButton ? (R(), k("button", {
 					key: 0,
 					type: "button",
 					class: "docx-editor-vue__outline-toggle",
 					title: "Show document outline",
-					onClick: n[29] ||= (...e) => V(tn) && V(tn)(...e),
-					onMousedown: n[30] ||= K(() => {}, ["stop"])
-				}, [j(c, {
+					onClick: n[29] ||= (...e) => U(nn) && U(nn)(...e),
+					onMousedown: n[30] ||= J(() => {}, ["stop"])
+				}, [M(c, {
 					name: "format_list_bulleted",
 					size: 20
 				})], 32)) : O("", !0),
-				V(Nn).totalPages > 1 ? (L(), ie(an, {
+				U(Pn).totalPages > 1 ? (R(), ie(on, {
 					key: 1,
-					"current-page": V(Nn).currentPage,
-					"total-pages": V(Nn).totalPages,
-					visible: V(Nn).visible
+					"current-page": U(Pn).currentPage,
+					"total-pages": U(Pn).totalPages,
+					visible: U(Pn).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
 				])) : O("", !0),
-				j(rn, {
-					"is-open": me.value,
-					headings: ve.value,
-					onClose: n[31] ||= (e) => me.value = !1,
-					onNavigate: V(nn)
+				M(an, {
+					"is-open": W.value,
+					headings: _e.value,
+					onClose: n[31] ||= (e) => W.value = !1,
+					onNavigate: U(rn)
 				}, null, 8, [
 					"is-open",
 					"headings",
@@ -4089,23 +4080,23 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 			])], 32),
 			A("input", {
 				ref_key: "docxInputRef",
-				ref: bt,
+				ref: xt,
 				type: "file",
 				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 				style: { display: "none" },
-				onChange: n[33] ||= (...e) => V(xt) && V(xt)(...e)
+				onChange: n[33] ||= (...e) => U(St) && U(St)(...e)
 			}, null, 544),
-			j(Mr, {
+			M(Nr, {
 				"read-only": s.value,
-				"context-menu": V(Gn),
-				"image-context-menu": V(Kn),
-				"image-context-menu-text-actions": V(qn),
-				"can-open-image-properties": !!V(wn),
-				onContextMenuAction: V(Zn),
-				onCloseContextMenu: n[34] ||= (e) => V(Gn).isOpen = !1,
-				onImageWrapSelect: V(Xn),
-				onCloseImageContextMenu: n[35] ||= (e) => Kn.value = null,
-				onOpenImageProperties: n[36] ||= (e) => M.value = !0
+				"context-menu": U(Kn),
+				"image-context-menu": U(qn),
+				"image-context-menu-text-actions": U(Jn),
+				"can-open-image-properties": !!U(Tn),
+				onContextMenuAction: U(Qn),
+				onCloseContextMenu: n[34] ||= (e) => U(Kn).isOpen = !1,
+				onImageWrapSelect: U(Zn),
+				onCloseImageContextMenu: n[35] ||= (e) => qn.value = null,
+				onOpenImageProperties: n[36] ||= (e) => N.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -4120,8 +4111,8 @@ var hi = { class: "docx-editor-vue__toolbar-shell" }, gi = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function Ci(e, t, n = {}) {
-	let r = e instanceof ArrayBuffer ? e : await Be(e), i = null, a = null, o = !1, s = {
+async function wi(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await ze(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;
@@ -4143,7 +4134,7 @@ async function Ci(e, t, n = {}) {
 	};
 	return new Promise((e, c) => {
 		a = re({ setup() {
-			return () => ce(Si, {
+			return () => se(Ci, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -4167,6 +4158,6 @@ async function Ci(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var wi = "0.0.2";
+var Ti = "0.0.2";
 //#endregion
-export { Si as DocxEditor, wi as VERSION, Lt as createDocumentWithText, Rt as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, Ci as renderAsync, n as useTranslation };
+export { Ci as DocxEditor, Ti as VERSION, Rt as createDocumentWithText, zt as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, wi as renderAsync, n as useTranslation };