@eigenpal/docx-editor-vue 1.3.0 → 1.3.1

package/dist/index.js

@@ -1,143 +1,42 @@
 import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./KeyboardShortcutsDialog-00eb4Ova.js";
 import { a as p, c as m, h, i as g, o as _, s as v, t as y, x as b } from "./MenuBar-DeogoqFP.js";
 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 { n as ee, r as te, t as ne } from "./useTableResize-uq2ksRDf.js";
-import { Fragment as w, Teleport as T, computed as E, createApp as re, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createSlots as ie, createStaticVNode as ae, createTextVNode as j, createVNode as M, defineComponent as N, h as oe, isRef as se, nextTick as ce, normalizeClass as P, normalizeStyle as F, onBeforeUnmount as I, onMounted as L, openBlock as R, ref as z, renderList as le, renderSlot as ue, resolveDynamicComponent as de, shallowRef as fe, toDisplayString as B, unref as V, vModelCheckbox as H, vModelSelect as pe, vModelText as U, watch as W, withCtx as me, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
-import { NodeSelection as J, TextSelection as he } from "prosemirror-state";
-import { clickToPositionDom as Y, computeHfCaretRectFromView as ge, computeHfSelectionRectsFromView as _e, findBodyPmAnchor as ve, findBodyPmSpans as X } from "@eigenpal/docx-editor-core/layout-bridge";
-import { SIDEBAR_DOCUMENT_SHIFT as ye, findWordBoundaries as be, loadFontDefinitions as xe, onFontError as Se, pixelsToEmu as Ce, readDocxFileFromInput as we, toArrayBuffer as Te } from "@eigenpal/docx-editor-core/utils";
-import { extractSelectionContext as Ee } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
-import { clearFormatting as De, findHyperlinkRangeAt as Oe } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
-import { getTableContext as ke } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
-import { clickToPositionDom as Ae, getCaretPositionFromDom as Z, getSelectionRectsFromDom as je } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
-import { IMAGE_LAYOUT_OPTIONS as Me, captureInlinePositionEmu as Ne, deriveLayoutChoice as Pe, findImageElement as Fe, isImageLayoutOptionEnabled as Ie, renderAllPagesNow as Le, toolbarValueToLayoutTarget as Re } from "@eigenpal/docx-editor-core/layout-painter";
-import { proseDocToBlocks as Q } from "@eigenpal/docx-editor-core/prosemirror/conversion";
-import { LayoutSelectionGate as ze, addRepeatingSectionItemTr as Be, findContentControlPos as Ve, findContentControlsInPM as He, removeContentControlTr as Ue, removeRepeatingSectionItemTr as We, schema as Ge, setContentControlContentTr as Ke, setContentControlValueTr as qe } from "@eigenpal/docx-editor-core/prosemirror";
-import { pointsToHalfPoints as Je, twipsToPixels as Ye } from "@eigenpal/docx-editor-core/utils/units";
-import { pictureWatermarkDisplayEmu as Xe } from "@eigenpal/docx-editor-core/types/document";
-import { makeRevisionInfo as Ze } from "@eigenpal/docx-editor-core/prosemirror/plugins";
-import { findPageIndexContainingPmPos as Qe } from "@eigenpal/docx-editor-core/layout-engine";
-import { applyStyle as $e, removeTabStop as et, setIndentFirstLine as tt, setIndentLeft as nt, setIndentRight as rt } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
-import { createStyleResolver as it } from "@eigenpal/docx-editor-core/prosemirror/styles";
-import { insertPageBreak as at } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
-import { mapHexToHighlightName as ot } from "@eigenpal/docx-editor-core/utils/highlightColors";
-import { acceptChange as st, acceptChangeById as ct, getWatermarkFromState as lt, insertImageNode as ut, rejectChange as dt, rejectChangeById as ft, setWatermark as pt } from "@eigenpal/docx-editor-core/prosemirror/commands";
-import { collectHeadings as mt } from "@eigenpal/docx-editor-core/utils/headingCollector";
-import { extractTrackedChanges as ht } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
-import { TABLE_INSERT_HIDE_DELAY_MS as gt, detectTableInsertHover as _t } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
-import { openReportIssue as vt } from "@eigenpal/docx-editor-core/utils/reportIssue";
-import { ContentControlNotFoundError as yt } from "@eigenpal/docx-editor-core/agent";
-import { createDocumentWithText as bt, createEmptyDocument as xt } from "@eigenpal/docx-editor-core";
-//#region src/utils/paraTextHelpers.ts
-function St(e, t) {
-	if (!t.trim()) return null;
-	let n = null;
-	return e.descendants((e, r) => n ? !1 : e.isTextblock && e.attrs?.paraId === t ? (n = {
-		from: r,
-		to: r + e.nodeSize
-	}, !1) : !0), n;
-}
-function Ct(e) {
-	let t = [];
-	return e.descendants((e) => !e.isText || !e.text ? !0 : e.marks.some((e) => e.type.name === "insertion") ? !1 : (t.push(e.text), !0)), t.join("");
-}
-function wt(e, t, n) {
-	if (t >= n) return "";
-	let r = [];
-	return e.nodesBetween(t, n, (e, i) => {
-		if (!e.isText || !e.text || e.marks.some((e) => e.type.name === "insertion")) return;
-		let a = Math.max(t, i), o = Math.min(n, i + e.text.length);
-		a < o && r.push(e.text.slice(a - i, o - i));
-	}), r.join("");
-}
-function Tt(e, t, n, r) {
-	if (!r) return null;
-	let i = "", a = [];
-	e.nodesBetween(t, n, (e, t) => {
-		!e.isText || !e.text || e.marks.some((e) => e.type.name === "insertion") || (a.push({
-			pos: t,
-			len: e.text.length
-		}), i += e.text);
-	});
-	let o = i.indexOf(r);
-	if (o === -1 || i.indexOf(r, o + 1) !== -1) return null;
-	let s = 0, c = t, l = t;
-	for (let e of a) {
-		let t = s + e.len;
-		if (s <= o && o < t && (c = e.pos + (o - s)), s <= o + r.length && o + r.length <= t) {
-			l = e.pos + (o + r.length - s);
-			break;
-		}
-		s = t;
-	}
-	return {
-		from: c,
-		to: l
-	};
-}
-//#endregion
-//#region src/utils/refApiQueries.ts
-function Et(e, t, n) {
-	if (!e || !t) return [];
-	let r = n?.caseSensitive ?? !1, i = n?.limit ?? 20, a = r ? t : t.toLowerCase(), o = [];
-	return e.state.doc.descendants((e) => {
-		if (o.length >= i) return !1;
-		if (!e.isTextblock) return !0;
-		let n = e.attrs?.paraId;
-		if (!n) return !1;
-		let s = Ct(e), c = r ? s : s.toLowerCase(), l = c.indexOf(a);
-		return l === -1 || c.indexOf(a, l + 1) !== -1 || o.push({
-			paraId: n,
-			match: s.slice(l, l + t.length),
-			before: s.slice(Math.max(0, l - 40), l),
-			after: s.slice(l + t.length, l + t.length + 40)
-		}), !1;
-	}), o;
-}
-function Dt(e) {
-	if (!e) return null;
-	let { selection: t, doc: n } = e.state, r = t.$from, i = r.depth;
-	for (; i > 0 && !r.node(i).isTextblock;) i--;
-	let a = i > 0 ? r.node(i) : null;
-	if (!a) return null;
-	let o = a.attrs?.paraId ?? null, s = r.start(i), c = s + a.content.size, l = wt(n, s, t.from), u = wt(n, t.from, t.to), d = wt(n, t.to, c);
-	return {
-		paraId: o,
-		selectedText: u,
-		paragraphText: l + u + d,
-		before: l,
-		after: d
-	};
-}
-function Ot(e, t, n) {
-	if (!t || !e) return null;
-	let r = t.pages[n - 1];
-	if (!r) return null;
-	let i = /* @__PURE__ */ new Set(), a = [];
-	for (let t of r.fragments) {
-		if (t.kind !== "paragraph") continue;
-		let n = t.pmStart;
-		if (n == null) continue;
-		let r = e.state.doc.nodeAt(n);
-		if (!r || !r.isTextblock) continue;
-		let o = r.attrs?.paraId;
-		!o || i.has(o) || (i.add(o), a.push({
-			paraId: o,
-			text: Ct(r),
-			styleId: r.attrs?.styleId ?? void 0
-		}));
-	}
-	return {
-		pageNumber: n,
-		text: a.map((e) => `[${e.paraId}] ${e.text}`).join("\n"),
-		paragraphs: a
-	};
-}
-//#endregion
+import { n as ee } from "./RenderedDomContext-CHc18N_2.js";
+import { t as S } from "./zIndex-CxELVe_L.js";
+import { i as te, n as ne, r as re, t as C } from "./useDragAutoScroll-C56F_WS_.js";
+import { Fragment as w, Teleport as T, computed as E, createApp as ie, createBlock as D, 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 P, isRef as se, nextTick as ce, normalizeClass as le, normalizeStyle as F, onBeforeUnmount as I, onMounted as ue, openBlock as L, ref as R, renderList as z, renderSlot as de, resolveDynamicComponent as fe, shallowRef as B, toDisplayString as V, unref as H, vModelCheckbox as pe, vModelSelect as U, vModelText as W, watch as G, withCtx as me, withDirectives as K, withKeys as q, withModifiers as J } from "vue";
+import { NodeSelection as he, TextSelection as Y } from "prosemirror-state";
+import { applyCellSelectionHighlight as ge, clickToPositionDom as X, computeHfCaretRectFromView as _e, computeHfSelectionRectsFromView as ve, findBodyPmAnchor as ye, 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 { SIDEBAR_DOCUMENT_SHIFT as we, findWordBoundaries as Te, loadFontDefinitions as Ee, onFontError as De, pixelsToEmu as Oe, readDocxFileFromInput as ke, toArrayBuffer as Ae } from "@eigenpal/docx-editor-core/utils";
+import { extractSelectionContext as je } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
+import { clearFormatting as Z, findHyperlinkRangeAt as Me } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { getTableContext as Ne } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { clickToPositionDom as Pe, getCaretPositionFromDom as Fe, getSelectionRectsFromDom as Ie } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
+import { commitImageFloatMove as Le, commitImageInlineMove as Re, commitImageResize as ze, isFloatingImage as Q } from "@eigenpal/docx-editor-core/prosemirror/imageCommit";
+import { IMAGE_LAYOUT_OPTIONS as Be, captureInlinePositionEmu as Ve, deriveLayoutChoice as He, findImageElement as Ue, isImageLayoutOptionEnabled as We, renderAllPagesNow as Ge, toolbarValueToLayoutTarget as Ke } from "@eigenpal/docx-editor-core/layout-painter";
+import { proseDocToBlocks as qe } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import { LayoutSelectionGate as Je, addRepeatingSectionItemTr as Ye, findContentControlPos as Xe, findContentControlsInPM as Ze, removeContentControlTr as Qe, removeRepeatingSectionItemTr as $e, schema as et, setContentControlContentTr as tt, setContentControlValueTr as nt } from "@eigenpal/docx-editor-core/prosemirror";
+import { twipsToPixels as rt } from "@eigenpal/docx-editor-core/utils/units";
+import { pictureWatermarkDisplayEmu as it } from "@eigenpal/docx-editor-core/types/document";
+import { makeRevisionInfo as at } from "@eigenpal/docx-editor-core/prosemirror/plugins";
+import { findPageIndexContainingPmPos as ot } from "@eigenpal/docx-editor-core/layout-engine";
+import { applyStyle as st, removeTabStop as ct, setIndentFirstLine as lt, setIndentLeft as ut, setIndentRight as dt } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as ft } from "@eigenpal/docx-editor-core/prosemirror/styles";
+import { insertPageBreak as pt } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
+import { applyFormatting as mt, setParagraphStyle as ht } from "@eigenpal/docx-editor-core/prosemirror/applyFormatting";
+import { acceptChange as gt, acceptChangeById as _t, getWatermarkFromState as vt, insertImageNode as yt, rejectChange as bt, rejectChangeById as xt, setWatermark as St } from "@eigenpal/docx-editor-core/prosemirror/commands";
+import { collectHeadings as Ct } from "@eigenpal/docx-editor-core/utils/headingCollector";
+import { addCommentToRange as wt, applyProposedChange as Tt, createComment as Et } from "@eigenpal/docx-editor-core/prosemirror/commentOps";
+import { PENDING_COMMENT_ID as Dt, createCommentIdAllocator as Ot, seedCommentAllocator as kt } from "@eigenpal/docx-editor-core/prosemirror/commentIdAllocator";
+import { extractTrackedChanges as At } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { TABLE_INSERT_HIDE_DELAY_MS as jt, detectTableInsertHover as Mt } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
+import { openReportIssue as Nt } from "@eigenpal/docx-editor-core/utils/reportIssue";
+import { ContentControlNotFoundError as Pt } from "@eigenpal/docx-editor-core/agent";
+import { findParaIdRange as Ft } from "@eigenpal/docx-editor-core/prosemirror/paraText";
+import { createDocumentWithText as It, createEmptyDocument as Lt } from "@eigenpal/docx-editor-core";
 //#region src/utils/domQueries.ts
-function kt(e) {
+function Rt(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;
@@ -147,18 +46,18 @@ function kt(e) {
 	}
 	return r;
 }
-function At(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : X(e);
+function zt(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 jt(e, t, n) {
+function Bt(e, t, n) {
 	if (!e || !t) return;
 	let r = null;
-	for (let t of X(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;
@@ -172,21 +71,21 @@ function jt(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Mt(e, t, n, r) {
+function Vt(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = Y(e, n, r, 1);
+	let i = X(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Nt(e, t, n, r) {
+function Ht(e, t, n, r) {
 	if (!e) return;
-	let i = At(e, t, r);
+	let i = zt(e, t, r);
 	if (!i) return;
-	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = be(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Te(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Pt(e, t, n, r) {
+function Ut(e, t, n, r) {
 	if (!e) return;
-	let i = At(e, t, r);
+	let i = zt(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -195,7 +94,7 @@ function Pt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var Ft = /* @__PURE__ */ N({
+var Wt = /* @__PURE__ */ N({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -205,7 +104,7 @@ var Ft = /* @__PURE__ */ N({
 		syncCoordinator: {}
 	},
 	setup(e) {
-		let t = e, n = z(null), r = z(0), i = null, a = null;
+		let t = e, n = R(null), r = R(0), i = null, a = null;
 		function o() {
 			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
 				i = null;
@@ -213,13 +112,13 @@ var Ft = /* @__PURE__ */ N({
 				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
 			});
 		}
-		L(() => {
+		ue(() => {
 			a = t.syncCoordinator.onRender(() => {
 				r.value++;
 			}), o();
 		}), I(() => {
 			i !== null && (cancelAnimationFrame(i), i = null), a?.();
-		}), W(() => [
+		}), G(() => [
 			t.zoom,
 			t.transactionVersion,
 			r.value
@@ -230,7 +129,7 @@ var Ft = /* @__PURE__ */ N({
 				n.firstChild && n.replaceChildren();
 				return;
 			}
-			let a = S(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
+			let a = ee(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
 			for (let { decoration: t, from: n, to: r } of i) {
 				if (n === r) {
 					let r = l(t, e);
@@ -280,20 +179,20 @@ var Ft = /* @__PURE__ */ N({
 		function u(e) {
 			return e.type?.attrs ?? null;
 		}
-		return (e, t) => (R(), k("div", {
+		return (e, t) => (L(), k("div", {
 			ref_key: "overlayRef",
 			ref: n,
 			class: "paged-editor__decoration-overlay",
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), It = ["data-handle", "onMousedown"], Lt = ["title"], Rt = {
+}), Gt = ["data-handle", "onMousedown"], Kt = ["title"], qt = {
 	key: 0,
 	class: "image-overlay__dim"
-}, zt = {
+}, Jt = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, Bt = 4, Vt = 15, Ht = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, Yt = 4, Xt = 15, Zt = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -307,8 +206,8 @@ var Ft = /* @__PURE__ */ N({
 		"context-menu"
 	],
 	setup(e, { emit: t }) {
-		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) {
+		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, ee = null;
+		function te(e, t) {
 			if (!e) return null;
 			try {
 				let n = e.state.doc.nodeAt(t);
@@ -317,20 +216,20 @@ var Ft = /* @__PURE__ */ N({
 				return null;
 			}
 		}
-		function te() {
+		function ne() {
 			return o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
 		}
-		function ne() {
+		function re() {
 			let e = i.imageInfo;
 			if (!e) return null;
 			if (e.element.isConnected) return e.element;
-			let t = te();
+			let t = ne();
 			if (!t) return null;
-			let n = ve(t, e.pmPos);
-			return n ? Fe(n) : null;
+			let n = ye(t, e.pmPos);
+			return n ? Ue(n) : null;
 		}
-		function T() {
-			let e = ne();
+		function C() {
+			let e = re();
 			if (!e || !o.value) {
 				p.value = null;
 				return;
@@ -348,26 +247,26 @@ var Ft = /* @__PURE__ */ N({
 				height: r.height / a
 			};
 		}
-		W(() => i.imageInfo, async () => {
-			await ce(), T();
-		}, { immediate: !0 }), W(() => i.zoom, (e, t, n) => {
+		G(() => i.imageInfo, async () => {
+			await ce(), C();
+		}, { immediate: !0 }), G(() => i.zoom, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = 0, a = "", o = 0, s = 0, c = (e) => {
-				T();
+				C();
 				let t = p.value, n = t ? `${t.left}|${t.top}|${t.width}|${t.height}` : "";
 				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));
-		}), W(() => i.imageInfo, (e, t, n) => {
+		}), G(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = () => {
-				b && cancelAnimationFrame(b), b = requestAnimationFrame(T);
+				b && cancelAnimationFrame(b), b = requestAnimationFrame(C);
 			}, a = o.value?.closest(".docx-editor-vue__pages-viewport");
 			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 }), n(() => {
 				a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let re = E(() => s.value ? u.value : p.value?.width || 0), D = E(() => s.value ? d.value : p.value?.height || 0), ie = E(() => {
+		let T = E(() => s.value ? u.value : p.value?.width || 0), ie = E(() => s.value ? d.value : p.value?.height || 0), D = E(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -385,11 +284,11 @@ var Ft = /* @__PURE__ */ N({
 				height: `${n}px`,
 				transform: r === 1 ? void 0 : `scale(${r})`,
 				transformOrigin: "top left",
-				zIndex: C.imageOverlay,
+				zIndex: S.imageOverlay,
 				pointerEvents: "auto"
 			};
 		}), ae = E(() => {
-			let e = re.value, t = D.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+			let e = T.value, t = ie.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -456,10 +355,10 @@ var Ft = /* @__PURE__ */ N({
 					}
 				}
 			];
-		}), j = (e) => e.length === 2;
-		function M(e, t, n, r, i, a) {
+		}), oe = (e) => e.length === 2;
+		function j(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 (j(e) && a) {
+			if (oe(e) && a) {
 				let e = Math.max(c / r, l / i);
 				c = r * e, l = i * e;
 			}
@@ -468,11 +367,11 @@ var Ft = /* @__PURE__ */ N({
 				height: s === 0 ? i : Math.max(20, Math.min(2e3, l))
 			};
 		}
-		function N(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", oe), document.addEventListener("mouseup", se));
+		function M(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", N), document.addEventListener("mouseup", P));
 		}
-		function oe(e) {
-			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = M(m, n, r, _, v, a);
+		function N(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = j(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
 			s && (p.value = {
@@ -482,24 +381,17 @@ var Ft = /* @__PURE__ */ N({
 				height: s.height
 			});
 		}
-		function se() {
-			document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", se), s.value = !1, y = null, a("interact-end");
+		function P() {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
-				T();
+				C();
 				return;
 			}
-			let n = ee(e, t.pmPos);
-			if (n) try {
-				e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
-					...n.attrs,
-					width: u.value,
-					height: d.value
-				})), X(t.pmPos);
-			} catch {}
-			ce(() => T());
+			let n = ze(e, t.pmPos, u.value, d.value);
+			n !== null && _e(n), ce(() => C());
 		}
-		let P = 0, L = 0, ue = 0, de = 0, fe = null, H = null;
+		let se = 0, le = 0, ue = 0, de = 0, fe = null, B = null;
 		function pe(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/);
@@ -509,40 +401,40 @@ var Ft = /* @__PURE__ */ N({
 			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 me(e, t) {
-			return Math.atan2(e - P, -(t - L)) * 180 / Math.PI;
+		function W(e, t) {
+			return Math.atan2(e - se, -(t - le)) * 180 / Math.PI;
 		}
-		function G(e) {
+		function me(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			P = t.left + t.width / 2, L = t.top + t.height / 2;
-			let n = ee(i.view, i.imageInfo.pmPos);
-			fe = n && n.attrs.transform || null, de = pe(fe), H = i.imageInfo.element.querySelector("img"), ue = me(e.clientX, e.clientY), f.value = de, l.value = !0, a("interact-start"), document.addEventListener("mousemove", K), document.addEventListener("mouseup", he);
+			se = t.left + t.width / 2, le = t.top + t.height / 2;
+			let n = te(i.view, i.imageInfo.pmPos);
+			fe = n && n.attrs.transform || null, de = pe(fe), B = i.imageInfo.element.querySelector("img"), ue = W(e.clientX, e.clientY), f.value = de, l.value = !0, a("interact-start"), document.addEventListener("mousemove", K), document.addEventListener("mouseup", q);
 		}
 		function K(e) {
-			let t = me(e.clientX, e.clientY) - ue, n = de + t;
-			e.shiftKey || (n = Math.round(n / Vt) * Vt), f.value = (n % 360 + 360) % 360, H && (H.style.transform = U(fe, f.value) || "");
+			let t = W(e.clientX, e.clientY) - ue, n = de + t;
+			e.shiftKey || (n = Math.round(n / Xt) * Xt), f.value = (n % 360 + 360) % 360, B && (B.style.transform = U(fe, f.value) || "");
 		}
-		function he() {
-			document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", he), l.value = !1, a("interact-end");
+		function q() {
+			document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", q), l.value = !1, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			try {
-				let n = e && t ? ee(e, t.pmPos) : null;
+				let n = e && t ? te(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
 					transform: U(n.attrs.transform, f.value)
-				})), X(t.pmPos));
+				})), _e(t.pmPos));
 			} catch {} finally {
-				H && (H.style.transform = ""), H = null, fe = null;
+				B && (B.style.transform = ""), B = null, fe = null;
 			}
-			ce(() => T());
+			ce(() => C());
 		}
 		let Y = null;
 		function ge(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) < Bt)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < Yt)) {
 					if (!o) {
 						o = !0, c.value = !0, a("interact-start"), Y = document.createElement("div"), Y.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;
@@ -554,109 +446,86 @@ var Ft = /* @__PURE__ */ N({
 					}
 				}
 			}, l = (e) => {
-				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, S = null, Y &&= (Y.remove(), null), c.value = !1, o && (a("interact-end"), _e(e.clientX, e.clientY));
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, ee = null, Y &&= (Y.remove(), null), c.value = !1, o && (a("interact-end"), X(e.clientX, e.clientY));
 			};
-			x = s, S = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
+			x = s, ee = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
 		}
-		function _e(e, t) {
+		function X(e, t) {
 			let n = i.view, r = i.imageInfo;
 			if (!n || !r) return;
-			let a = ee(n, r.pmPos);
-			if (!a) return;
-			let s = a.attrs.wrapType, c = a.attrs.displayMode === "float" || (s ? [
-				"square",
-				"tight",
-				"through"
-			].includes(s) : !1);
-			try {
-				if (c) {
-					let s = (o.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
-					if (!s || s.length === 0) return;
-					let c = null;
-					for (let e of s) {
+			let a = te(n, r.pmPos);
+			if (a) {
+				if (Q(a)) {
+					let a = (o.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
+					if (!a || a.length === 0) return;
+					let s = null;
+					for (let e of a) {
 						let n = e.getBoundingClientRect();
 						if (t >= n.top && t <= n.bottom) {
-							c = e.querySelector(".layout-page-content");
+							s = e.querySelector(".layout-page-content");
 							break;
 						}
 					}
-					if (c ||= s[s.length - 1].querySelector(".layout-page-content"), !c) return;
-					let l = c.getBoundingClientRect(), u = i.zoom, d = (e - l.left) / u, f = (t - l.top) / u, p = {
-						horizontal: {
-							posOffset: Ce(d),
-							relativeTo: "margin"
-						},
-						vertical: {
-							posOffset: Ce(f),
-							relativeTo: "margin"
-						}
-					}, m = n.state.tr.setNodeMarkup(r.pmPos, void 0, {
-						...a.attrs,
-						position: p
-					});
-					n.dispatch(m), X(r.pmPos);
+					if (s ||= a[a.length - 1].querySelector(".layout-page-content"), !s) return;
+					let c = s.getBoundingClientRect(), l = i.zoom, u = Oe((e - c.left) / l), d = Oe((t - c.top) / l), f = Le(n, r.pmPos, u, d);
+					f !== null && _e(f);
 				} else {
-					let i = te();
+					let i = ne();
 					if (!i) return;
-					let o = Ae(i, e, t, 1);
-					if (o == null || o < 0 || o === r.pmPos || o === r.pmPos + 1) return;
-					let s = n.state.tr, c = a.nodeSize;
-					if (o <= r.pmPos) s = s.delete(r.pmPos, r.pmPos + c), s = s.insert(o, a), n.dispatch(s), X(o);
-					else {
-						s = s.delete(r.pmPos, r.pmPos + c);
-						let e = Math.min(o - c, s.doc.content.size);
-						s = s.insert(e, a), n.dispatch(s), X(Math.min(e, n.state.doc.content.size - 1));
-					}
+					let a = Pe(i, e, t, 1);
+					if (a == null || a < 0) return;
+					let o = Re(n, r.pmPos, a);
+					o !== null && _e(o);
 				}
-			} catch {}
-			ce(() => T());
+				ce(() => C());
+			}
 		}
-		function X(e) {
+		function _e(e) {
 			let t = i.view;
 			if (t) try {
-				let n = J.create(t.state.doc, e);
+				let n = he.create(t.state.doc, e);
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
 		return I(() => {
-			document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", se), document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", he), x && document.removeEventListener("mousemove", x), S && document.removeEventListener("mouseup", S), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b);
-		}), (t, n) => e.imageInfo ? (R(), k("div", {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P), document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", q), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b);
+		}), (t, n) => e.imageInfo ? (L(), k("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: o,
 			class: "image-overlay",
-			style: F(ie.value),
-			onMousedown: n[3] ||= q(() => {}, ["stop"])
+			style: F(D.value),
+			onMousedown: n[3] ||= J(() => {}, ["stop"])
 		}, [
 			n[4] ||= A("div", { class: "image-overlay__border" }, null, -1),
 			A("div", {
 				class: "image-overlay__body",
 				style: F({ cursor: c.value ? "grabbing" : "grab" }),
-				onMousedown: n[0] ||= q((e) => ge(e), ["prevent", "stop"]),
-				onContextmenu: n[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+				onMousedown: n[0] ||= J((e) => ge(e), ["prevent", "stop"]),
+				onContextmenu: n[1] ||= J((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(R(!0), k(w, null, le(ae.value, (e) => (R(), k("div", {
+			(L(!0), k(w, null, z(ae.value, (e) => (L(), k("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
 				style: F(e.style),
 				"data-handle": e.pos,
-				onMousedown: q((t) => N(t, e.pos), ["prevent", "stop"])
-			}, null, 44, It))), 128)),
+				onMousedown: J((t) => M(t, e.pos), ["prevent", "stop"])
+			}, null, 44, Gt))), 128)),
 			n[5] ||= A("div", { class: "image-overlay__rotate-line" }, null, -1),
 			A("div", {
 				class: "image-overlay__rotate-handle",
-				style: F({ left: `${re.value / 2 - 7}px` }),
-				title: V(r)("imageOverlay.rotate"),
-				onMousedown: n[2] ||= q((e) => G(e), ["prevent", "stop"])
-			}, null, 44, Lt),
-			s.value ? (R(), k("div", Rt, B(Math.round(u.value)) + " × " + B(Math.round(d.value)), 1)) : O("", !0),
-			l.value ? (R(), k("div", zt, B(Math.round(f.value)) + "° ", 1)) : O("", !0)
+				style: F({ left: `${T.value / 2 - 7}px` }),
+				title: H(r)("imageOverlay.rotate"),
+				onMousedown: n[2] ||= J((e) => me(e), ["prevent", "stop"])
+			}, null, 44, Kt),
+			s.value ? (L(), k("div", qt, V(Math.round(u.value)) + " × " + V(Math.round(d.value)), 1)) : O("", !0),
+			l.value ? (L(), k("div", Jt, V(Math.round(f.value)) + "° ", 1)) : O("", !0)
 		], 36)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-d6768d58"]]), Ut = { class: "doc-outline__header" }, Wt = { class: "doc-outline__body" }, Gt = {
+}), [["__scopeId", "data-v-df7c380c"]]), Qt = { class: "doc-outline__header" }, $t = { class: "doc-outline__body" }, en = {
 	key: 0,
 	class: "doc-outline__empty"
-}, Kt = ["onMousedown"], qt = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, tn = ["onMousedown"], nn = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -664,13 +533,13 @@ var Ft = /* @__PURE__ */ N({
 	},
 	emits: ["close", "navigate"],
 	setup(e) {
-		return (t, n) => e.isOpen ? (R(), k("nav", {
+		return (t, n) => e.isOpen ? (L(), k("nav", {
 			key: 0,
 			class: "doc-outline",
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: n[1] ||= q(() => {}, ["stop"])
-		}, [A("div", Ut, [A("button", {
+			onMousedown: n[1] ||= J(() => {}, ["stop"])
+		}, [A("div", Qt, [A("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
@@ -678,14 +547,14 @@ var Ft = /* @__PURE__ */ N({
 		}, [M(c, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", Wt, [e.headings.length === 0 ? (R(), k("div", Gt, " No headings found ")) : O("", !0), (R(!0), k(w, null, le(e.headings, (e, n) => (R(), k("button", {
+		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", $t, [e.headings.length === 0 ? (L(), k("div", en, " No headings found ")) : O("", !0), (L(!0), k(w, null, z(e.headings, (e, n) => (L(), k("button", {
 			key: n,
 			class: "doc-outline__item",
 			style: F({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
-			onMousedown: q((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, B(e.text || "(untitled)"), 45, Kt))), 128))])], 32)) : O("", !0);
+			onMousedown: J((n) => t.$emit("navigate", e.pmPos), ["prevent"])
+		}, V(e.text || "(untitled)"), 45, tn))), 128))])], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-cb2cdc39"]]), Jt = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}), [["__scopeId", "data-v-cb2cdc39"]]), rn = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -694,20 +563,20 @@ var Ft = /* @__PURE__ */ N({
 	},
 	setup(e) {
 		let { t } = n();
-		return (n, r) => (R(), k("div", {
+		return (n, r) => (L(), k("div", {
 			class: "docx-editor-vue__page-indicator",
 			style: F({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, B(V(t)("viewer.pageIndicator", {
+		}, V(H(t)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-d117bf6e"]]), Yt = { class: "hf-editor__label" }, Xt = {
+}), [["__scopeId", "data-v-d117bf6e"]]), an = { class: "hf-editor__label" }, on = {
 	class: "hf-editor__actions",
 	style: { position: "relative" }
-}, Zt = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, sn = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
@@ -721,11 +590,11 @@ var Ft = /* @__PURE__ */ N({
 		"remove"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = z({}), a = z(!1);
+		let n = e, r = t, i = R({}), a = R(!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 = Ge.nodes.field.create({
+			let { $from: r, from: i } = t.state.selection, a = t.state.storedMarks || r.marks(), o = et.nodes.field.create({
 				fieldType: e,
 				instruction: ` ${e} \\* MERGEFORMAT `,
 				fieldKind: "simple",
@@ -745,34 +614,34 @@ var Ft = /* @__PURE__ */ N({
 				pointerEvents: "none"
 			});
 		}
-		W(() => n.isOpen, (e) => {
+		G(() => n.isOpen, (e) => {
 			e && (s(), n.view?.focus());
-		}), W(() => n.targetRect, () => {
+		}), G(() => n.targetRect, () => {
 			n.isOpen && s();
 		}, { deep: !0 });
 		function c() {
-			n.view && (r("save", Q(n.view.state.doc)), r("close"));
+			n.view && (r("save", qe(n.view.state.doc)), r("close"));
 		}
-		return (t, n) => e.isOpen ? (R(), k("div", {
+		return (t, n) => e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "hf-editor",
 			style: F(i.value)
 		}, [A("div", {
-			class: P(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
-			onMousedown: n[8] ||= q(() => {}, ["stop"]),
-			onContextmenu: n[9] ||= q(() => {}, ["stop"])
-		}, [A("span", Yt, B(e.position === "header" ? "Header" : "Footer"), 1), A("div", Xt, [
+			class: le(["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", an, V(e.position === "header" ? "Header" : "Footer"), 1), A("div", on, [
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Options",
-				onMousedown: n[0] ||= q(() => {}, ["prevent"]),
+				onMousedown: n[0] ||= J(() => {}, ["prevent"]),
 				onClick: n[1] ||= (e) => a.value = !a.value
 			}, " Options ▾ ", 32),
-			a.value ? (R(), k("div", {
+			a.value ? (L(), k("div", {
 				key: 0,
 				class: "hf-editor__dropdown",
-				onMousedown: n[4] ||= q(() => {}, ["stop"]),
-				onContextmenu: n[5] ||= q(() => {}, ["stop"])
+				onMousedown: n[4] ||= J(() => {}, ["stop"]),
+				onContextmenu: n[5] ||= J(() => {}, ["stop"])
 			}, [A("button", {
 				type: "button",
 				class: "hf-editor__dropdown-item",
@@ -789,24 +658,24 @@ var Ft = /* @__PURE__ */ N({
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
-				onMousedown: n[6] ||= q((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: q(c, ["prevent"])
+				onMousedown: J(c, ["prevent"])
 			}, " Save ", 32),
 			A("button", {
 				class: "hf-editor__btn",
 				title: "Cancel",
-				onMousedown: n[7] ||= q((e) => t.$emit("close"), ["prevent"])
+				onMousedown: n[7] ||= J((e) => t.$emit("close"), ["prevent"])
 			}, " Cancel ", 32)
 		])], 34)], 4)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-e93a9f94"]]), Qt = ["role"], $t = {
+}), [["__scopeId", "data-v-e93a9f94"]]), cn = ["role"], ln = {
 	key: 0,
 	class: "layout-sdt-widget-empty"
-}, en = ["aria-selected", "onClick"], tn = ["value"], nn = /* @__PURE__ */ N({
+}, un = ["aria-selected", "onClick"], dn = ["value"], fn = /* @__PURE__ */ N({
 	__name: "ContentControlWidgets",
 	props: {
 		container: {},
@@ -817,18 +686,18 @@ var Ft = /* @__PURE__ */ N({
 			let t = /^sdt@(\d+)$/.exec(e ?? "");
 			return t ? Number(t[1]) : null;
 		}
-		let n = e, r = z(null), i = z(null);
+		let n = e, r = R(null), i = R(null);
 		function a(e, t) {
 			let i = n.view;
 			if (i) try {
-				i.dispatch(qe(i.state, { tag: e }, t)), i.focus();
+				i.dispatch(nt(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" ? Be(r.state, i) : We(r.state, i);
+				let t = e.dataset.sdtRepeat === "add" ? Ye(r.state, i) : $e(r.state, i);
 				r.dispatch(t), r.focus();
 			} catch {}
 		}
@@ -839,7 +708,7 @@ var Ft = /* @__PURE__ */ N({
 		function c(e) {
 			let t = n.view, i = e.dataset.sdtTag, o = e.dataset.sdtWidget;
 			if (!t || !i || !o) return;
-			let s = He(t.state.doc, { tag: i })[0], c = e.getBoundingClientRect();
+			let s = Ze(t.state.doc, { tag: i })[0], c = e.getBoundingClientRect();
 			o === "checkbox" ? a(i, {
 				kind: "checkbox",
 				checked: !s?.checked
@@ -879,9 +748,9 @@ var Ft = /* @__PURE__ */ N({
 			e.key === "Escape" && (r.value = null);
 		}
 		let p = null;
-		W(() => n.container, (e) => {
+		G(() => 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 }), W(r, (e) => {
+		}, { immediate: !0 }), G(r, (e) => {
 			e ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", f), e.kind === "dropdown" && ce(() => {
 				let e = i.value?.querySelectorAll(".layout-sdt-widget-option");
 				e?.length && ([...e].find((e) => e.getAttribute("aria-selected") === "true") ?? e[0]).focus();
@@ -905,7 +774,7 @@ var Ft = /* @__PURE__ */ N({
 				date: t
 			});
 		}
-		return (e, t) => r.value ? (R(), k("div", {
+		return (e, t) => r.value ? (L(), k("div", {
 			key: 0,
 			ref_key: "popupEl",
 			ref: i,
@@ -918,29 +787,29 @@ var Ft = /* @__PURE__ */ N({
 				zIndex: 1e3
 			}),
 			onKeydown: m,
-			onMousedown: t[0] ||= q(() => {}, ["prevent"])
-		}, [r.value.kind === "dropdown" ? (R(), k(w, { key: 0 }, [r.value.items.length === 0 ? (R(), k("div", $t, "No options")) : O("", !0), (R(!0), k(w, null, le(r.value.items, (e) => (R(), k("button", {
+			onMousedown: t[0] ||= J(() => {}, ["prevent"])
+		}, [r.value.kind === "dropdown" ? (L(), k(w, { key: 0 }, [r.value.items.length === 0 ? (L(), k("div", ln, "No options")) : O("", !0), (L(!0), k(w, null, z(r.value.items, (e) => (L(), k("button", {
 			key: e.value,
 			type: "button",
 			role: "option",
 			"aria-selected": e.displayText === r.value.current,
-			class: P(["layout-sdt-widget-option", { "is-selected": e.displayText === r.value.current }]),
+			class: le(["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, en))), 128))], 64)) : (R(), k("input", {
+		}, V(e.displayText), 11, un))), 128))], 64)) : (L(), k("input", {
 			key: 1,
 			type: "date",
 			class: "layout-sdt-widget-date",
 			value: r.value.current,
 			onChange: h
-		}, null, 40, tn))], 44, Qt)) : O("", !0);
+		}, null, 40, dn))], 44, cn)) : O("", !0);
 	}
-}), rn = {
+}), pn = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, an = { class: "docx-editor-vue__title-bar-left" }, on = { class: "docx-editor-vue__title-bar-center" }, sn = { class: "docx-editor-vue__title-bar-right" }, cn = /* @__PURE__ */ N({
+}, mn = { class: "docx-editor-vue__title-bar-left" }, hn = { class: "docx-editor-vue__title-bar-center" }, gn = { class: "docx-editor-vue__title-bar-right" }, _n = /* @__PURE__ */ N({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -959,9 +828,9 @@ var Ft = /* @__PURE__ */ N({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (R(), k("div", rn, [
-			A("div", an, [e.renderLogo ? (R(), D(de(e.renderLogo), { key: 0 })) : O("", !0), ue(t.$slots, "title-bar-left")]),
-			A("div", on, [M(g, {
+		return (t, r) => e.showMenuBar ? (L(), k("div", pn, [
+			A("div", mn, [e.renderLogo ? (L(), D(fe(e.renderLogo), { key: 0 })) : O("", !0), de(t.$slots, "title-bar-left")]),
+			A("div", hn, [M(g, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
@@ -969,28 +838,28 @@ var Ft = /* @__PURE__ */ N({
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			A("div", sn, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (R(), D(de(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
+			A("div", gn, [de(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), D(fe(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
 		])) : O("", !0);
 	}
-}), ln = ["aria-label"], un = { class: "wm-header" }, dn = { class: "wm-body" }, fn = { class: "wm-radio-row" }, pn = ["checked"], mn = {
+}), vn = ["aria-label"], yn = { class: "wm-header" }, bn = { class: "wm-body" }, xn = { class: "wm-radio-row" }, Sn = ["checked"], Cn = {
 	for: "wm-none",
 	class: "wm-inline-label"
-}, hn = { class: "wm-radio-row" }, gn = ["checked"], _n = {
+}, wn = { class: "wm-radio-row" }, Tn = ["checked"], En = {
 	for: "wm-picture",
 	class: "wm-inline-label"
-}, vn = {
+}, Dn = {
 	key: 0,
 	class: "wm-subform"
-}, yn = { class: "wm-row" }, bn = {
+}, On = { class: "wm-row" }, $ = {
 	key: 0,
 	class: "wm-row"
-}, xn = ["src"], Sn = { class: "wm-row" }, Cn = { class: "wm-label" }, wn = { class: "wm-inline-label" }, Tn = { class: "wm-radio-row" }, En = ["checked"], $ = {
+}, kn = ["src"], An = { class: "wm-row" }, jn = { class: "wm-label" }, Mn = { class: "wm-inline-label" }, Nn = { class: "wm-radio-row" }, Pn = ["checked"], Fn = {
 	for: "wm-text",
 	class: "wm-inline-label"
-}, Dn = {
+}, In = {
 	key: 1,
 	class: "wm-subform"
-}, On = { class: "wm-row" }, kn = { class: "wm-label" }, An = ["value"], jn = ["value"], Mn = { class: "wm-row" }, Nn = { class: "wm-label" }, Pn = { class: "wm-row" }, Fn = { class: "wm-label" }, In = ["value"], Ln = { class: "wm-row" }, Rn = { class: "wm-label" }, zn = { class: "wm-inline-label" }, Bn = { class: "wm-row" }, Vn = { class: "wm-label" }, Hn = { class: "wm-row" }, Un = { class: "wm-label" }, Wn = { class: "wm-inline-label" }, Gn = ["checked"], Kn = { class: "wm-inline-label" }, qn = ["checked"], Jn = { class: "wm-inline-label" }, Yn = { class: "wm-footer" }, Xn = ["disabled"], Zn = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, Ln = { class: "wm-row" }, Rn = { class: "wm-label" }, zn = ["value"], Bn = ["value"], Vn = { class: "wm-row" }, Hn = { class: "wm-label" }, Un = { class: "wm-row" }, Wn = { class: "wm-label" }, Gn = ["value"], Kn = { class: "wm-row" }, qn = { class: "wm-label" }, Jn = { class: "wm-inline-label" }, Yn = { class: "wm-row" }, Xn = { class: "wm-label" }, Zn = { class: "wm-row" }, Qn = { class: "wm-label" }, $n = { class: "wm-inline-label" }, er = ["checked"], tr = { class: "wm-inline-label" }, nr = ["checked"], rr = { class: "wm-inline-label" }, ir = { class: "wm-footer" }, ar = ["disabled"], or = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "WatermarkDialog",
 	props: {
 		isOpen: { type: Boolean },
@@ -1012,8 +881,8 @@ var Ft = /* @__PURE__ */ N({
 			"Georgia",
 			"Verdana",
 			"Courier New"
-		], { 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);
-		W(() => o.isOpen, (e) => {
+		], { 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);
+		G(() => 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 ? {
@@ -1026,7 +895,7 @@ var Ft = /* @__PURE__ */ N({
 			let t = e.target.value;
 			t && (l.value = t);
 		}
-		function S(e) {
+		function ee(e) {
 			let t = e.target.files?.[0];
 			if (!t) return;
 			let n = new FileReader();
@@ -1035,14 +904,14 @@ var Ft = /* @__PURE__ */ N({
 				if (g.value = e, _.value = void 0, !e) return;
 				let t = new Image();
 				t.onload = () => {
-					_.value = Xe(t.naturalWidth, t.naturalHeight);
+					_.value = it(t.naturalWidth, t.naturalHeight);
 				}, t.src = e;
 			}, n.readAsDataURL(t);
 		}
-		function C() {
+		function S() {
 			s("close");
 		}
-		function ee() {
+		function te() {
 			if (c.value === "none") s("apply", null);
 			else if (c.value === "text") s("apply", {
 				kind: "text",
@@ -1063,101 +932,101 @@ var Ft = /* @__PURE__ */ N({
 					..._.value ?? {}
 				});
 			}
-			C();
+			S();
 		}
-		function te(e) {
-			e.key === "Escape" && C();
+		function ne(e) {
+			e.key === "Escape" && S();
 		}
-		return (t, n) => e.isOpen ? (R(), k("div", {
+		return (t, n) => e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "wm-overlay",
-			onMousedown: q(C, ["self"]),
-			onKeydown: te
+			onMousedown: J(S, ["self"]),
+			onKeydown: ne
 		}, [A("div", {
 			class: "wm-dialog",
 			role: "dialog",
-			"aria-label": V(a)("dialogs.watermark.title"),
-			onMousedown: n[13] ||= q(() => {}, ["stop"])
+			"aria-label": H(a)("dialogs.watermark.title"),
+			onMousedown: n[13] ||= J(() => {}, ["stop"])
 		}, [
-			A("div", un, B(V(a)("dialogs.watermark.title")), 1),
-			A("div", dn, [
-				A("div", fn, [A("input", {
+			A("div", yn, V(H(a)("dialogs.watermark.title")), 1),
+			A("div", bn, [
+				A("div", xn, [A("input", {
 					id: "wm-none",
 					type: "radio",
 					checked: c.value === "none",
 					onChange: n[0] ||= (e) => c.value = "none"
-				}, null, 40, pn), A("label", mn, B(V(a)("dialogs.watermark.noWatermark")), 1)]),
-				A("div", hn, [A("input", {
+				}, null, 40, Sn), A("label", Cn, V(H(a)("dialogs.watermark.noWatermark")), 1)]),
+				A("div", wn, [A("input", {
 					id: "wm-picture",
 					type: "radio",
 					checked: c.value === "picture",
 					onChange: n[1] ||= (e) => c.value = "picture"
-				}, null, 40, gn), A("label", _n, B(V(a)("dialogs.watermark.picture")), 1)]),
-				c.value === "picture" ? (R(), k("div", vn, [
-					A("div", yn, [A("input", {
+				}, null, 40, Tn), A("label", En, V(H(a)("dialogs.watermark.picture")), 1)]),
+				c.value === "picture" ? (L(), k("div", Dn, [
+					A("div", On, [A("input", {
 						type: "file",
 						accept: "image/*",
-						onChange: S
+						onChange: ee
 					}, null, 32)]),
-					g.value ? (R(), k("div", bn, [A("img", {
+					g.value ? (L(), k("div", $, [A("img", {
 						src: g.value,
 						alt: "",
 						class: "wm-preview"
-					}, null, 8, xn)])) : O("", !0),
-					A("div", Sn, [
-						A("span", Cn, B(V(a)("dialogs.watermark.scale")), 1),
-						G(A("input", {
+					}, null, 8, kn)])) : O("", !0),
+					A("div", An, [
+						A("span", jn, V(H(a)("dialogs.watermark.scale")), 1),
+						K(A("input", {
 							class: "wm-input wm-input--narrow",
 							type: "number",
 							min: "10",
 							max: "500",
 							"onUpdate:modelValue": n[2] ||= (e) => v.value = e
 						}, null, 512), [[
-							U,
+							W,
 							v.value,
 							void 0,
 							{ number: !0 }
 						]]),
 						n[14] ||= A("span", { class: "wm-unit" }, "%", -1)
 					]),
-					A("label", wn, [G(A("input", {
+					A("label", Mn, [K(A("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": n[3] ||= (e) => y.value = e
-					}, null, 512), [[H, y.value]]), j(" " + B(V(a)("dialogs.watermark.washout")), 1)])
+					}, null, 512), [[pe, y.value]]), j(" " + V(H(a)("dialogs.watermark.washout")), 1)])
 				])) : O("", !0),
-				A("div", Tn, [A("input", {
+				A("div", Nn, [A("input", {
 					id: "wm-text",
 					type: "radio",
 					checked: c.value === "text",
 					onChange: n[4] ||= (e) => c.value = "text"
-				}, null, 40, En), A("label", $, B(V(a)("dialogs.watermark.text")), 1)]),
-				c.value === "text" ? (R(), k("div", Dn, [
-					A("div", On, [A("span", kn, B(V(a)("dialogs.watermark.presetLabel")), 1), A("select", {
+				}, null, 40, Pn), A("label", Fn, V(H(a)("dialogs.watermark.text")), 1)]),
+				c.value === "text" ? (L(), k("div", In, [
+					A("div", Ln, [A("span", Rn, V(H(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), (R(), k(w, null, le(r, (e) => A("option", {
+					}, [n[15] ||= A("option", { value: "" }, "—", -1), (L(), k(w, null, z(r, (e) => A("option", {
 						key: e,
 						value: e
-					}, B(e), 9, jn)), 64))], 40, An)]),
-					A("div", Mn, [A("span", Nn, B(V(a)("dialogs.watermark.textLabel")), 1), G(A("input", {
+					}, V(e), 9, Bn)), 64))], 40, zn)]),
+					A("div", Vn, [A("span", Hn, V(H(a)("dialogs.watermark.textLabel")), 1), K(A("input", {
 						class: "wm-input",
 						"onUpdate:modelValue": n[5] ||= (e) => l.value = e
-					}, null, 512), [[U, l.value]])]),
-					A("div", Pn, [A("span", Fn, B(V(a)("dialogs.watermark.fontLabel")), 1), G(A("select", {
+					}, null, 512), [[W, l.value]])]),
+					A("div", Un, [A("span", Wn, V(H(a)("dialogs.watermark.fontLabel")), 1), K(A("select", {
 						class: "wm-input",
 						"onUpdate:modelValue": n[6] ||= (e) => u.value = e
-					}, [(R(), k(w, null, le(i, (e) => A("option", {
+					}, [(L(), k(w, null, z(i, (e) => A("option", {
 						key: e,
 						value: e
-					}, B(e), 9, In)), 64))], 512), [[pe, u.value]])]),
-					A("div", Ln, [
-						A("span", Rn, B(V(a)("dialogs.watermark.sizeLabel")), 1),
-						A("label", zn, [G(A("input", {
+					}, V(e), 9, Gn)), 64))], 512), [[U, u.value]])]),
+					A("div", Kn, [
+						A("span", qn, V(H(a)("dialogs.watermark.sizeLabel")), 1),
+						A("label", Jn, [K(A("input", {
 							type: "checkbox",
 							"onUpdate:modelValue": n[7] ||= (e) => d.value = e
-						}, null, 512), [[H, d.value]]), j(" " + B(V(a)("dialogs.watermark.sizeAuto")), 1)]),
-						d.value ? O("", !0) : G((R(), k("input", {
+						}, null, 512), [[pe, d.value]]), j(" " + V(H(a)("dialogs.watermark.sizeAuto")), 1)]),
+						d.value ? O("", !0) : K((L(), k("input", {
 							key: 0,
 							class: "wm-input wm-input--narrow",
 							type: "number",
@@ -1165,50 +1034,50 @@ var Ft = /* @__PURE__ */ N({
 							max: "200",
 							"onUpdate:modelValue": n[8] ||= (e) => f.value = e
 						}, null, 512)), [[
-							U,
+							W,
 							f.value,
 							void 0,
 							{ number: !0 }
 						]])
 					]),
-					A("div", Bn, [A("span", Vn, B(V(a)("dialogs.watermark.colorLabel")), 1), G(A("input", {
+					A("div", Yn, [A("span", Xn, V(H(a)("dialogs.watermark.colorLabel")), 1), K(A("input", {
 						type: "color",
 						"onUpdate:modelValue": n[9] ||= (e) => p.value = e
-					}, null, 512), [[U, p.value]])]),
-					A("div", Hn, [
-						A("span", Un, B(V(a)("dialogs.watermark.layoutLabel")), 1),
-						A("label", Wn, [A("input", {
+					}, null, 512), [[W, p.value]])]),
+					A("div", Zn, [
+						A("span", Qn, V(H(a)("dialogs.watermark.layoutLabel")), 1),
+						A("label", $n, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "diagonal",
 							onChange: n[10] ||= (e) => m.value = "diagonal"
-						}, null, 40, Gn), j(" " + B(V(a)("dialogs.watermark.diagonal")), 1)]),
-						A("label", Kn, [A("input", {
+						}, null, 40, er), j(" " + V(H(a)("dialogs.watermark.diagonal")), 1)]),
+						A("label", tr, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "horizontal",
 							onChange: n[11] ||= (e) => m.value = "horizontal"
-						}, null, 40, qn), j(" " + B(V(a)("dialogs.watermark.horizontal")), 1)])
+						}, null, 40, nr), j(" " + V(H(a)("dialogs.watermark.horizontal")), 1)])
 					]),
-					A("label", Jn, [G(A("input", {
+					A("label", rr, [K(A("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": n[12] ||= (e) => h.value = e
-					}, null, 512), [[H, h.value]]), j(" " + B(V(a)("dialogs.watermark.semitransparent")), 1)])
+					}, null, 512), [[pe, h.value]]), j(" " + V(H(a)("dialogs.watermark.semitransparent")), 1)])
 				])) : O("", !0)
 			]),
-			A("div", Yn, [A("button", {
+			A("div", ir, [A("button", {
 				type: "button",
 				class: "wm-btn",
-				onClick: C
-			}, B(V(a)("dialogs.watermark.cancelButton")), 1), A("button", {
+				onClick: S
+			}, V(H(a)("dialogs.watermark.cancelButton")), 1), A("button", {
 				type: "button",
-				class: P(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
+				class: le(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
 				disabled: b.value,
-				onClick: ee
-			}, B(V(a)("dialogs.watermark.applyButton")), 11, Xn)])
-		], 40, ln)], 32)) : O("", !0);
+				onClick: te
+			}, V(H(a)("dialogs.watermark.applyButton")), 11, ar)])
+		], 40, vn)], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-5edfdc47"]]), Qn = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-5edfdc47"]]), sr = /* @__PURE__ */ N({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -1244,7 +1113,7 @@ var Ft = /* @__PURE__ */ N({
 	],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (R(), k(w, null, [
+		return (n, a) => (L(), k(w, null, [
 			M(u, {
 				"is-open": t.showFindReplace,
 				view: t.view,
@@ -1293,7 +1162,7 @@ var Ft = /* @__PURE__ */ N({
 				onClose: a[9] ||= (e) => r("update:showPageSetup", !1),
 				onApply: a[10] ||= (e) => r("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"]),
-			M(Zn, {
+			M(or, {
 				"is-open": t.showWatermark,
 				current: t.currentWatermark,
 				onClose: a[11] ||= (e) => r("update:showWatermark", !1),
@@ -1305,10 +1174,10 @@ var Ft = /* @__PURE__ */ N({
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), $n = ["disabled", "onMousedown"], er = { class: "ctx-menu__label" }, tr = {
+}), cr = ["disabled", "onMousedown"], lr = { class: "ctx-menu__label" }, ur = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, nr = 220, rr = 32, ir = 10, ar = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, dr = 220, fr = 32, pr = 10, mr = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -1322,7 +1191,7 @@ var Ft = /* @__PURE__ */ N({
 	},
 	emits: ["close", "action"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = z(null), a = E(() => {
+		let n = e, r = t, i = R(null), a = E(() => {
 			let e = [
 				{
 					id: "cut",
@@ -1441,8 +1310,8 @@ var Ft = /* @__PURE__ */ N({
 				disabled: !n.canSplitCell
 			}), e;
 		}), o = E(() => {
-			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * rr + i * 9;
-			return typeof window < "u" && (e + nr + ir > window.innerWidth && (e = window.innerWidth - nr - ir), t + o + ir > window.innerHeight && (t = window.innerHeight - o - ir)), {
+			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * fr + i * 9;
+			return typeof window < "u" && (e + dr + pr > window.innerWidth && (e = window.innerWidth - dr - pr), t + o + pr > window.innerHeight && (t = window.innerHeight - o - pr)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1455,50 +1324,50 @@ var Ft = /* @__PURE__ */ N({
 		function c(e) {
 			e.key === "Escape" && r("close");
 		}
-		return W(() => n.isOpen, (e) => {
+		return G(() => n.isOpen, (e) => {
 			e && ce(() => i.value?.focus());
-		}), (t, n) => (R(), D(T, { to: "body" }, [e.isOpen ? (R(), k("div", {
+		}), (t, n) => (L(), D(T, { to: "body" }, [e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
-			onContextmenu: n[1] ||= q((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : O("", !0), e.isOpen ? (R(), k("div", {
+			onContextmenu: n[1] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : O("", !0), e.isOpen ? (L(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: i,
 			class: "ctx-menu",
 			style: F(o.value),
-			onContextmenu: n[2] ||= q(() => {}, ["prevent"]),
+			onContextmenu: n[2] ||= J(() => {}, ["prevent"]),
 			onKeydown: c
-		}, [(R(!0), k(w, null, le(a.value, (e, t) => (R(), k("button", {
+		}, [(L(!0), k(w, null, z(a.value, (e, t) => (L(), k("button", {
 			key: e.id || t,
-			class: P(["ctx-menu__item", {
+			class: le(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider
 			}]),
 			disabled: e.disabled,
-			onMousedown: q((t) => s(e.action), ["prevent"])
-		}, [A("span", er, B(e.label), 1), e.shortcut ? (R(), k("span", tr, B(e.shortcut), 1)) : O("", !0)], 42, $n))), 128))], 36)) : O("", !0)]));
+			onMousedown: J((t) => s(e.action), ["prevent"])
+		}, [A("span", lr, V(e.label), 1), e.shortcut ? (L(), k("span", ur, V(e.shortcut), 1)) : O("", !0)], 42, cr))), 128))], 36)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-741c4f71"]]), or = ["aria-label"], sr = { class: "image-ctx-menu__icon" }, cr = { class: "image-ctx-menu__label" }, lr = {
+}), [["__scopeId", "data-v-741c4f71"]]), hr = ["aria-label"], gr = { class: "image-ctx-menu__icon" }, _r = { class: "image-ctx-menu__label" }, vr = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, ur = [
+}, yr = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], dr = { class: "image-ctx-menu__icon" }, fr = { class: "image-ctx-menu__label" }, pr = ["aria-label"], mr = ["disabled", "onClick"], hr = { class: "image-ctx-menu__label" }, gr = {
+], br = { class: "image-ctx-menu__icon" }, xr = { class: "image-ctx-menu__label" }, Sr = ["aria-label"], Cr = ["disabled", "onClick"], wr = { class: "image-ctx-menu__label" }, Tr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, _r = {
+}, Er = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, vr = 18, yr = 260, br = 10, xr = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}, Dr = 18, Or = 260, kr = 10, Ar = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1519,7 +1388,7 @@ var Ft = /* @__PURE__ */ N({
 		function a() {
 			i("open-properties"), i("close");
 		}
-		let { t: o } = n(), s = z(null), l = Me, u = E(() => r.state ? Pe(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
+		let { t: o } = n(), s = R(null), l = Be, u = E(() => r.state ? He(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -1531,17 +1400,17 @@ var Ft = /* @__PURE__ */ N({
 		}
 		let p = E(() => {
 			if (!r.state) return {};
-			let e = Me.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
-			return typeof window < "u" && (t + yr > window.innerWidth && (t = window.innerWidth - yr - br), n + e > window.innerHeight && (n = window.innerHeight - e - br), t < br && (t = br), n < br && (n = br)), {
+			let e = Be.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
+			return typeof window < "u" && (t + Or > window.innerWidth && (t = window.innerWidth - Or - kr), n + e > window.innerHeight && (n = window.innerHeight - e - kr), t < kr && (t = kr), n < kr && (n = kr)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${n}px`,
-				minWidth: `${yr}px`,
+				minWidth: `${Or}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return r.state ? Ie(e, r.state.currentWrapType) : !1;
+			return r.state ? We(e, r.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -1555,74 +1424,74 @@ var Ft = /* @__PURE__ */ N({
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (R(), D(T, { to: "body" }, [e.state && e.state.open ? (R(), k("div", {
+		return (t, n) => (L(), D(T, { to: "body" }, [e.state && e.state.open ? (L(), k("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
-			onContextmenu: n[0] ||= q((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : O("", !0), e.state && e.state.open ? (R(), k("div", {
+			onContextmenu: n[0] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : O("", !0), e.state && e.state.open ? (L(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
 			class: "image-ctx-menu",
 			role: "menu",
-			"aria-label": V(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": H(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
 			style: F(p.value),
-			onContextmenu: n[4] ||= q(() => {}, ["prevent"]),
+			onContextmenu: n[4] ||= J(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (R(), k("button", {
+			e.canOpenProperties ? (L(), k("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item",
 				"data-action": "open-properties",
-				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
+				onMousedown: n[1] ||= J(() => {}, ["prevent"]),
 				onClick: a
-			}, [A("span", sr, [M(c, {
+			}, [A("span", gr, [M(c, {
 				name: "settings",
-				size: vr
-			})]), A("span", cr, B(V(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
-			e.canOpenProperties ? (R(), k("div", lr)) : O("", !0),
-			(R(!0), k(w, null, le(V(l), (e) => (R(), k("button", {
+				size: Dr
+			})]), A("span", _r, V(H(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
+			e.canOpenProperties ? (L(), k("div", vr)) : O("", !0),
+			(L(!0), k(w, null, z(H(l), (e) => (L(), k("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: P(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
+				class: le(["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] ||= q(() => {}, ["prevent"]),
+				title: H(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				A("span", dr, [M(c, {
+				A("span", br, [M(c, {
 					name: f(e.iconHint),
-					size: vr
+					size: Dr
 				}, null, 8, ["name"])]),
-				A("span", fr, B(V(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === u.value ? (R(), k("span", {
+				A("span", xr, V(H(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (L(), k("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": V(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, pr)) : O("", !0)
-			], 42, ur))), 128)),
-			e.textActions && e.textActions.length > 0 ? (R(), k(w, { key: 2 }, [n[5] ||= A("div", {
+					"aria-label": H(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, Sr)) : O("", !0)
+			], 42, yr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (L(), k(w, { key: 2 }, [n[5] ||= A("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (R(!0), k(w, null, le(e.textActions, (e, t) => (R(), k(w, { key: `${e.action}-${t}` }, [A("button", {
+			}, null, -1), (L(!0), k(w, null, z(e.textActions, (e, t) => (L(), k(w, { 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] ||= q(() => {}, ["prevent"]),
+				onMousedown: n[3] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [A("span", hr, B(e.label), 1), e.shortcut ? (R(), k("span", gr, B(e.shortcut), 1)) : O("", !0)], 40, mr), e.dividerAfter ? (R(), k("div", _r)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
-		], 44, or)) : O("", !0)]));
+			}, [A("span", wr, V(e.label), 1), e.shortcut ? (L(), k("span", Tr, V(e.shortcut), 1)) : O("", !0)], 40, Cr), e.dividerAfter ? (L(), k("div", Er)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
+		], 44, hr)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c21ca8c"]]), Sr = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-5c21ca8c"]]), jr = /* @__PURE__ */ N({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1640,7 +1509,7 @@ var Ft = /* @__PURE__ */ N({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (R(), k(w, null, [M(ar, {
+		return (t, r) => (L(), k(w, null, [M(mr, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1660,7 +1529,7 @@ var Ft = /* @__PURE__ */ N({
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), M(xr, {
+		]), M(Ar, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1674,7 +1543,7 @@ var Ft = /* @__PURE__ */ N({
 			"can-open-properties"
 		])], 64));
 	}
-}), Cr = ["href", "title"], wr = ["title"], Tr = ["title"], Er = ["title"], Dr = { class: "docx-hyperlink-popup__edit-row" }, Or = ["placeholder", "onKeydown"], kr = { class: "docx-hyperlink-popup__edit-row" }, Ar = ["onKeydown"], jr = ["disabled"], Mr = /* @__PURE__ */ x(/* @__PURE__ */ N({
+}), Mr = ["href", "title"], Nr = ["title"], Pr = ["title"], Fr = ["title"], Ir = { class: "docx-hyperlink-popup__edit-row" }, Lr = ["placeholder", "onKeydown"], Rr = { class: "docx-hyperlink-popup__edit-row" }, zr = ["onKeydown"], Br = ["disabled"], Vr = /* @__PURE__ */ x(/* @__PURE__ */ N({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1688,18 +1557,18 @@ var Ft = /* @__PURE__ */ N({
 		"close"
 	],
 	setup(e, { emit: t }) {
-		let { t: r } = n(), i = e, a = t, o = z(!1), s = z(""), c = z(""), l = z(null), u = E(() => ({
+		let { t: r } = n(), i = e, a = t, o = R(!1), s = R(""), c = R(""), l = R(null), u = E(() => ({
 			left: (i.data?.position.left ?? 0) + "px",
 			top: (i.data?.position.top ?? 0) + "px"
 		}));
-		W(() => i.data?.href, () => {
+		G(() => i.data?.href, () => {
 			o.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		W(() => i.data, (e) => {
+		G(() => i.data, (e) => {
 			p(), e && (d = (e) => {
 				let t = l.value;
 				t && !t.contains(e.target) && a("close");
@@ -1716,40 +1585,40 @@ var Ft = /* @__PURE__ */ N({
 		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 ? (R(), k("div", {
+		return (t, n) => e.data ? (L(), k("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
-			class: P(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
+			class: le(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
 			style: F(u.value),
-			onMousedown: n[6] ||= q(() => {}, ["stop"])
-		}, [o.value ? (R(), k(w, { key: 1 }, [A("div", Dr, [G(A("input", {
+			onMousedown: n[6] ||= J(() => {}, ["stop"])
+		}, [o.value ? (L(), k(w, { key: 1 }, [A("div", Ir, [K(A("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: V(r)("hyperlinkPopup.displayTextPlaceholder"),
+			placeholder: H(r)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
-			onKeydown: [K(q(h, ["prevent"]), ["enter"]), n[3] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Or), [[U, s.value]])]), A("div", kr, [G(A("input", {
+			onKeydown: [q(J(h, ["prevent"]), ["enter"]), n[3] ||= q((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, Lr), [[W, s.value]])]), A("div", Rr, [K(A("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
-			onKeydown: [K(q(h, ["prevent"]), ["enter"]), n[5] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Ar), [[U, c.value]]), A("button", {
+			onKeydown: [q(J(h, ["prevent"]), ["enter"]), n[5] ||= q((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, zr), [[W, c.value]]), A("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
-			onClick: q(h, ["prevent"])
-		}, B(V(r)("common.apply")), 9, jr)])], 64)) : (R(), k(w, { key: 0 }, [
-			n[10] ||= ae("<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),
+			onClick: J(h, ["prevent"])
+		}, V(H(r)("common.apply")), 9, Br)])], 64)) : (L(), k(w, { 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] ||= q((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, B(e.data.href), 9, Cr),
+				onClick: n[0] ||= J((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, V(e.data.href), 9, Mr),
 			n[11] ||= A("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
 			A("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: V(r)("hyperlinkPopup.copyLink"),
-				onClick: q(g, ["prevent"])
+				title: H(r)("hyperlinkPopup.copyLink"),
+				onClick: J(g, ["prevent"])
 			}, [...n[7] ||= [A("svg", {
 				width: "18",
 				height: "18",
@@ -1766,12 +1635,12 @@ var Ft = /* @__PURE__ */ N({
 				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, wr),
-			e.readOnly ? O("", !0) : (R(), 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, Nr),
+			e.readOnly ? O("", !0) : (L(), k("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: V(r)("hyperlinkPopup.editLink"),
-				onClick: q(m, ["prevent"])
+				title: H(r)("hyperlinkPopup.editLink"),
+				onClick: J(m, ["prevent"])
 			}, [...n[8] ||= [A("svg", {
 				width: "18",
 				height: "18",
@@ -1781,26 +1650,26 @@ var Ft = /* @__PURE__ */ N({
 				"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, Tr)),
-			e.readOnly ? O("", !0) : (R(), 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, Pr)),
+			e.readOnly ? O("", !0) : (L(), k("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: V(r)("hyperlinkPopup.removeLink"),
-				onClick: n[1] ||= q((e) => t.$emit("remove"), ["prevent"])
-			}, [...n[9] ||= [ae("<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, Er))
+				title: H(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, Fr))
 		], 64))], 38)) : O("", !0);
 	}
 }), [["__scopeId", "data-v-9d23bb12"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function Nr(e) {
-	let t = z(null);
+function Hr(e) {
+	let t = R(null);
 	async function n() {
 		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
 	}
 	async function r(t) {
 		try {
-			let r = await we(t);
+			let r = await ke(t);
 			if (!r) return;
 			await e.loadBuffer(r.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", r.name), await n();
 		} catch (t) {
@@ -1839,8 +1708,8 @@ function Nr(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function Pr(e) {
-	let t = z(null);
+function Ur(e) {
+	let t = R(null);
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -1868,7 +1737,7 @@ function Pr(e) {
 	function a(n, r) {
 		let i = e.editorView.value;
 		if (!i) return;
-		let a = Oe(i.state);
+		let a = Me(i.state);
 		if (!a) {
 			t.value = null;
 			return;
@@ -1882,7 +1751,7 @@ function Pr(e) {
 	function o() {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = Oe(n.state, t.value?.href);
+		let r = Me(n.state, t.value?.href);
 		if (!r) {
 			t.value = null;
 			return;
@@ -1901,27 +1770,27 @@ function Pr(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function Fr(e) {
+function Wr(e) {
 	function t() {
 		let t = e.editorView.value;
-		t && (De(t.state, t.dispatch, t), t.focus());
+		t && (Z(t.state, t.dispatch, t), t.focus());
 	}
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = e.getDocument()?.package?.styles;
 		if (r) {
-			let e = it(r).resolveParagraphStyle(t);
-			$e(t, {
+			let e = ft(r).resolveParagraphStyle(t);
+			st(t, {
 				paragraphFormatting: e.paragraphFormatting,
 				runFormatting: e.runFormatting
 			})(n.state, (e) => n.dispatch(e));
-		} else $e(t)(n.state, (e) => n.dispatch(e));
+		} else st(t)(n.state, (e) => n.dispatch(e));
 		n.focus();
 	}
 	function r() {
 		let t = e.editorView.value;
-		t && (at(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (pt(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function i(t) {
 		let n = e.editorView.value;
@@ -1931,46 +1800,13 @@ function Fr(e) {
 	}
 	function a(t) {
 		let n = e.editorView.value;
-		if (!n) return !1;
-		let r = St(n.state.doc, t.paraId);
-		if (!r) return !1;
-		let i = r.from + 1, a = r.to - 1;
-		if (t.search) {
-			let e = Tt(n.state.doc, r.from, r.to, t.search);
-			if (!e) return !1;
-			i = e.from, a = e.to;
-		}
-		if (i >= a) return !0;
-		let { schema: o } = n.state, s = t.marks, c = n.state.tr;
-		if (s.bold !== void 0 && o.marks.bold && (c = s.bold ? c.addMark(i, a, o.marks.bold.create()) : c.removeMark(i, a, o.marks.bold)), s.italic !== void 0 && o.marks.italic && (c = s.italic ? c.addMark(i, a, o.marks.italic.create()) : c.removeMark(i, a, o.marks.italic)), s.underline !== void 0 && o.marks.underline) if (s.underline) {
-			let e = typeof s.underline == "object" ? s.underline.style : void 0;
-			c = c.addMark(i, a, o.marks.underline.create({ style: e ?? "single" }));
-		} else c = c.removeMark(i, a, o.marks.underline);
-		return s.strike !== void 0 && o.marks.strike && (c = s.strike ? c.addMark(i, a, o.marks.strike.create()) : c.removeMark(i, a, o.marks.strike)), s.color !== void 0 && o.marks.textColor && (c = s.color && (s.color.rgb || s.color.themeColor) ? c.addMark(i, a, o.marks.textColor.create({
-			rgb: s.color.rgb ?? null,
-			themeColor: s.color.themeColor ?? null
-		})) : c.removeMark(i, a, o.marks.textColor)), s.highlight !== void 0 && o.marks.highlight && (c = s.highlight ? c.addMark(i, a, o.marks.highlight.create({ color: ot(s.highlight) || s.highlight })) : c.removeMark(i, a, o.marks.highlight)), s.fontSize !== void 0 && o.marks.fontSize && (c = s.fontSize > 0 ? c.addMark(i, a, o.marks.fontSize.create({ size: Je(s.fontSize) })) : c.removeMark(i, a, o.marks.fontSize)), s.fontFamily !== void 0 && o.marks.fontFamily && (c = s.fontFamily && (s.fontFamily.ascii || s.fontFamily.hAnsi) ? c.addMark(i, a, o.marks.fontFamily.create({
-			ascii: s.fontFamily.ascii ?? null,
-			hAnsi: s.fontFamily.hAnsi ?? s.fontFamily.ascii ?? null
-		})) : c.removeMark(i, a, o.marks.fontFamily)), n.dispatch(c), !0;
+		return n ? mt(n, t) : !1;
 	}
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = St(n.state.doc, t.paraId);
-		if (!r) return !1;
-		let i = e.getDocument(), a = i?.package?.styles ? it(i.package.styles) : null;
-		if (a && !a.hasParagraphStyle(t.styleId)) return !1;
-		let o = n.state.doc.resolve(r.from + 1), s = n.state.doc.resolve(r.to - 1), c = n.state.apply(n.state.tr.setSelection(he.between(o, s))), l = a ? (() => {
-			let e = a.resolveParagraphStyle(t.styleId);
-			return $e(t.styleId, {
-				paragraphFormatting: e.paragraphFormatting,
-				runFormatting: e.runFormatting
-			});
-		})() : $e(t.styleId), u = !1;
-		return l(c, (e) => {
-			u = !0, e.setSelection(n.state.selection.map(e.doc, e.mapping)), n.dispatch(e);
-		}), u;
+		let r = e.getDocument();
+		return ht(n, t, { styleResolver: r?.package?.styles ? ft(r.package.styles) : null });
 	}
 	return {
 		handleClearFormatting: t,
@@ -1983,7 +1819,7 @@ function Fr(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function Ir(e) {
+function Gr(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -2010,19 +1846,19 @@ function Ir(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && nt(t)(n.state, n.dispatch);
+		n && ut(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && rt(t)(n.state, n.dispatch);
+		n && dt(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? tt(-t, !0)(n.state, n.dispatch) : tt(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? lt(-t, !0)(n.state, n.dispatch) : lt(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && et(t)(n.state, n.dispatch);
+		n && ct(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -2038,16 +1874,16 @@ function Ir(e) {
 }
 //#endregion
 //#region src/composables/useWatermarkControls.ts
-function Lr(e) {
-	let t = z(!1), n = E(() => {
+function Kr(e) {
+	let t = R(!1), n = E(() => {
 		e.stateTick.value;
 		let t = e.editorView.value;
-		return t ? lt(t.state) ?? void 0 : void 0;
+		return t ? vt(t.state) ?? void 0 : void 0;
 	});
 	function r(t) {
 		if (e.readOnly.value) return;
 		let n = e.editorView.value;
-		n && (pt(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
+		n && (St(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
 	}
 	return {
 		showWatermark: t,
@@ -2057,18 +1893,18 @@ function Lr(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function Rr(e) {
+function qr(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
-			t && (e.outlineHeadings.value = mt(t.state.doc));
+			t && (e.outlineHeadings.value = Ct(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 = he.near(r);
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = Y.near(r);
 		n.dispatch(n.state.tr.setSelection(i).scrollIntoView()), n.focus();
 	}
 	function r() {
@@ -2087,7 +1923,7 @@ function Rr(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function zr(e) {
+function Jr(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -2095,166 +1931,111 @@ function zr(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 L(() => window.addEventListener("keydown", t)), I(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
-}
-//#endregion
-//#region src/utils/commentFactories.ts
-function Br(e, t, n, r) {
-	return {
-		id: e.reduce((e, t) => Math.max(e, t.id), 0) + 1,
-		author: n,
-		date: (/* @__PURE__ */ new Date()).toISOString(),
-		content: [{
-			type: "paragraph",
-			properties: {},
-			content: [{
-				type: "run",
-				properties: {},
-				content: [{
-					type: "text",
-					text: t
-				}]
-			}]
-		}],
-		...r == null ? {} : { parentId: r }
-	};
+	return ue(() => window.addEventListener("keydown", t)), I(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function Vr(e) {
-	function t(t, n, r) {
-		return Br(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
+function Yr(e) {
+	function t() {
+		kt(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
+	}
+	function n(n, r, i) {
+		return t(), Et(e.commentIdAllocator, n, r, i);
 	}
-	function n(n) {
+	function r(n) {
 		let r = e.getDocument(), i = e.editorView.value;
 		if (!r?.package?.document || !i) return null;
-		r.package.document.comments || (r.package.document.comments = []);
-		let a = i.state.schema.marks.comment;
-		if (!a) return null;
-		let o = St(i.state.doc, n.paraId);
-		if (!o) return null;
-		let s = o.from + 1, c = o.to - 1;
-		if (n.search) {
-			let e = Tt(i.state.doc, o.from, o.to, n.search);
-			if (!e) return null;
-			s = e.from, c = e.to;
-		}
-		if (s >= c) return null;
-		let l = t(n.text, n.author);
-		return r.package.document.comments.push(l), e.comments.value = [...r.package.document.comments], i.dispatch(i.state.tr.addMark(s, c, a.create({ commentId: l.id }))), e.showSidebar.value = !0, e.emit("change", r), e.contentChangeSubscribers.forEach((e) => e(r)), l.id;
+		r.package.document.comments || (r.package.document.comments = []), t();
+		let a = wt(i, n, e.commentIdAllocator);
+		return a ? (r.package.document.comments.push(a), e.comments.value = [...r.package.document.comments], e.showSidebar.value = !0, e.emit("change", r), e.contentChangeSubscribers.forEach((e) => e(r)), a.id) : null;
 	}
-	function r(n, r, i) {
+	function i(t, r, i) {
 		let a = e.getDocument();
-		if (!a?.package?.document?.comments || !a.package.document.comments.some((e) => e.id === n)) return null;
-		let o = t(r, i, n);
+		if (!a?.package?.document?.comments || !a.package.document.comments.some((e) => e.id === t)) return null;
+		let o = n(r, i, t);
 		return a.package.document.comments.push(o), e.comments.value = [...a.package.document.comments], e.emit("change", a), e.contentChangeSubscribers.forEach((e) => e(a)), o.id;
 	}
-	function i(t) {
+	function a(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document?.comments) return;
 		let r = n.package.document.comments.find((e) => e.id === t);
 		r && (r.done = !0, e.comments.value = [...n.package.document.comments], e.emit("change", n), e.contentChangeSubscribers.forEach((e) => e(n)));
 	}
-	function a(t) {
-		let n = e.editorView.value;
-		if (!n) return !1;
-		let { schema: r } = n.state;
-		if (!r.marks.deletion || !r.marks.insertion) return !1;
-		let i = St(n.state.doc, t.paraId);
-		if (!i) return !1;
-		let a = t.search === "", o = t.replaceWith === "";
-		if (a && o) return !1;
-		let s, c;
-		if (a) s = i.to - 1, c = i.to - 1;
-		else {
-			let e = Tt(n.state.doc, i.from, i.to, t.search);
-			if (!e) return !1;
-			s = e.from, c = e.to;
-		}
-		let l = !1;
-		if (s < c && n.state.doc.nodesBetween(s, c, (e) => {
-			for (let t of e.marks) if (t.type === r.marks.insertion || t.type === r.marks.deletion) return l = !0, !1;
-			return !0;
-		}), l) return !1;
-		let u = Math.max(0, ...e.trackedChanges.value.map((e) => e.revisionId)) + 1, d = (/* @__PURE__ */ new Date()).toISOString(), f = r.marks.deletion.create({
-			revisionId: u,
-			author: t.author,
-			date: d
-		}), p = r.marks.insertion.create({
-			revisionId: u,
-			author: t.author,
-			date: d
-		}), m = n.state.tr;
-		return a || (m = m.addMark(s, c, f)), o || (m = m.insert(c, r.text(t.replaceWith, [p]))), n.dispatch(m), e.extractCommentsAndChanges(), e.showSidebar.value = !0, !0;
+	function o(n) {
+		let r = e.editorView.value;
+		if (!r) return !1;
+		t();
+		let i = Tt(r, n, e.commentIdAllocator);
+		return i && (e.extractCommentsAndChanges(), e.showSidebar.value = !0), i;
 	}
-	function o(e, t) {
-		r(e, t, "User");
+	function s(e, t) {
+		i(e, t, "User");
 	}
-	function s(t) {
+	function c(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document?.comments) return;
 		let r = n.package.document.comments.find((e) => e.id === t);
 		r && (r.done = !1), e.comments.value = [...n.package.document.comments], e.emit("change", n);
 	}
-	function c(t) {
+	function l(t) {
 		let n = e.getDocument();
 		n?.package?.document?.comments && (n.package.document.comments = n.package.document.comments.filter((e) => e.id !== t && e.parentId !== t), e.comments.value = [...n.package.document.comments], e.emit("change", n));
 	}
-	function l(t, n) {
+	function u(t, n) {
 		let r = e.editorView.value;
-		r && (st(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (gt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
-	function u(t, n) {
+	function d(t, n) {
 		let r = e.editorView.value;
-		r && (dt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (bt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
-	function d(t) {
+	function f(t) {
 		let n = e.editorView.value;
-		n && (ct(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (_t(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
-	function f(t) {
+	function p(t) {
 		let n = e.editorView.value;
-		n && (ft(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (xt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
-	function p(n, r) {
+	function m(t, r) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package?.document || !a) return;
 		i.package.document.comments || (i.package.document.comments = []);
 		let o = a.state.schema.marks.comment;
 		if (!o) return;
 		let s = null, c = a.state.schema.marks.insertion, l = a.state.schema.marks.deletion;
-		if (a.state.doc.descendants((e, t) => {
+		if (a.state.doc.descendants((e, n) => {
 			if (s !== null) return !1;
-			for (let r of e.marks) if ((r.type === c || r.type === l) && r.attrs.revisionId === n) return s = t, !1;
+			for (let r of e.marks) if ((r.type === c || r.type === l) && r.attrs.revisionId === t) return s = n, !1;
 			return !0;
 		}), s === null) return;
-		let u = t(r, "User");
+		let u = n(r, "User");
 		i.package.document.comments.push(u), e.comments.value = [...i.package.document.comments];
 		let d = s, f = Math.min(d + 1, a.state.doc.content.size);
 		a.dispatch(a.state.tr.addMark(d, f, o.create({ commentId: u.id }))), e.emit("change", i);
 	}
 	return {
-		addComment: n,
-		replyToComment: r,
-		resolveComment: i,
-		proposeChange: a,
-		handleCommentReply: o,
-		handleCommentUnresolve: s,
-		handleCommentDelete: c,
-		handleAcceptChange: l,
-		handleRejectChange: u,
-		handleAcceptChangeById: d,
-		handleRejectChangeById: f,
-		handleTrackedChangeReply: p
+		addComment: r,
+		replyToComment: i,
+		resolveComment: a,
+		proposeChange: o,
+		handleCommentReply: s,
+		handleCommentUnresolve: c,
+		handleCommentDelete: l,
+		handleAcceptChange: u,
+		handleRejectChange: d,
+		handleAcceptChangeById: f,
+		handleRejectChangeById: p,
+		handleTrackedChangeReply: m
 	};
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function Hr(e) {
-	let t = z(null), n = z(null), r = z(null), i = z(!1);
+function Xr(e) {
+	let t = R(null), n = R(null), r = R(null), i = R(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
-		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = ht(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
+		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = At(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
 	}
 	function o() {
 		e.stateTick.value;
@@ -2273,7 +2054,7 @@ function Hr(e) {
 			t.value = null;
 			return;
 		}
-		let s = o.getBoundingClientRect(), c = At(a, r);
+		let s = o.getBoundingClientRect(), c = zt(a, r);
 		if (!c) {
 			t.value = null;
 			return;
@@ -2301,7 +2082,7 @@ function Hr(e) {
 		for (let t of r) {
 			if (t.type.name === "comment" && t.attrs.commentId != null) {
 				let n = t.attrs.commentId;
-				if (n === -1 || e.resolvedCommentIds.value.has(n)) continue;
+				if (n === Dt || e.resolvedCommentIds.value.has(n)) continue;
 				i = `comment-${n}`;
 				break;
 			}
@@ -2326,7 +2107,7 @@ function Hr(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: -1 }));
+			let e = i.state.tr.addMark(a, o, s.create({ commentId: Dt }));
 			i.dispatch(e);
 		}
 		e.showSidebar.value = !0, e.isAddingComment.value = !0, t.value = null;
@@ -2334,8 +2115,8 @@ function Hr(e) {
 	function l(t) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package) return;
-		i.package.document.comments || (i.package.document.comments = []);
-		let o = Br(i.package.document.comments, t, "User");
+		i.package.document.comments || (i.package.document.comments = []), kt(e.commentIdAllocator, i.package.document.comments, a);
+		let o = Et(e.commentIdAllocator, t, "User");
 		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments];
 		let s = n.value;
 		if (a && s && s.from !== s.to) {
@@ -2358,13 +2139,13 @@ function Hr(e) {
 	function d(t) {
 		e.showSidebar.value = !0;
 	}
-	W([
+	G([
 		e.stateTick,
 		e.isAddingComment,
 		e.zoom
-	], () => o()), W(e.stateTick, () => s()), W(e.stateTick, () => a());
+	], () => o()), G(e.stateTick, () => s()), G(e.stateTick, () => a());
 	let f = null;
-	return L(() => {
+	return ue(() => {
 		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
 	}), I(() => {
 		f?.disconnect(), window.removeEventListener("resize", o);
@@ -2384,8 +2165,8 @@ function Hr(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function Ur(e) {
-	let t = fe(null), n = z(!1), r = E(() => {
+function Zr(e) {
+	let t = B(null), n = R(!1), r = E(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2407,14 +2188,14 @@ function Ur(e) {
 			width: t.width,
 			height: t.height
 		});
-		ut(n.state, n.dispatch, i, n.state.selection.from), n.focus();
+		yt(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 = Re(n);
+		let a = Ke(n);
 		if (!a) return;
-		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: Ne(i.element, e.zoom.value) } : void 0, l = s.setImageWrapType?.(i.pmPos, a, c);
+		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: Ve(i.element, e.zoom.value) } : void 0, l = s.setImageWrapType?.(i.pmPos, a, c);
 		l && (l(r.state, (e) => r.dispatch(e), r), r.focus());
 	}
 	function o(n) {
@@ -2443,8 +2224,8 @@ function Ur(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Wr(e, t, n) {
-	let r = Ze(e.state), i = e.state.schema.marks.insertion;
+function Qr(e, t, n) {
+	let r = at(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({
@@ -2453,10 +2234,10 @@ function Wr(e, t, n) {
 		date: r.date
 	}));
 }
-function Gr(e, t) {
+function $r(e, t) {
 	return e.getBlob(t);
 }
-function Kr(e, t) {
+function ei(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({
@@ -2468,13 +2249,13 @@ function Kr(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function qr(e) {
+function ti(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function Jr(e) {
+function ni(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2486,13 +2267,13 @@ function Jr(e) {
 		}), n.src = e;
 	});
 }
-async function Yr(e) {
+async function ri(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 qr(await Gr(n, t)), i = await Jr(r), a = i.width, o = i.height;
+				let r = await ti(await $r(n, t)), i = await ni(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,
@@ -2502,11 +2283,11 @@ async function Yr(e) {
 					wrapType: "inline",
 					displayMode: "inline"
 				}), c = e.state.tr.replaceSelectionWith(s);
-				Wr(e, c, s), e.dispatch(c);
+				Qr(e, c, s), e.dispatch(c);
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await Gr(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await $r(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,
@@ -2516,12 +2297,12 @@ async function Yr(e) {
 						wrapType: "inline",
 						displayMode: "inline"
 					}), l = e.state.tr.replaceSelectionWith(c);
-					Wr(e, l, c), e.dispatch(l);
+					Qr(e, l, c), e.dispatch(l);
 					return;
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await Gr(n, "text/plain")).text();
+				let t = await (await $r(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2537,14 +2318,14 @@ async function Yr(e) {
 		}
 	}
 }
-function Xr(e, t) {
+function ii(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 qr(i), o = await Jr(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 ti(i), o = await ni(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,
@@ -2559,8 +2340,8 @@ function Xr(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function Zr(e) {
-	let { t } = n(), r = z({
+function ai(e) {
+	let { t } = n(), r = R({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -2571,7 +2352,7 @@ function Zr(e) {
 		onImage: !1,
 		canMergeCells: !1,
 		canSplitCell: !1
-	}), i = z(null), a = E(() => [
+	}), i = R(null), a = E(() => [
 		{
 			action: "cut",
 			label: t("contextMenu.cut"),
@@ -2597,12 +2378,12 @@ function Zr(e) {
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let a = t.target, o = Fe(a);
+		let a = t.target, o = Ue(a);
 		if (o) {
 			let a = Number(o.dataset.pmStart);
 			if (!isNaN(a)) {
 				try {
-					let e = J.create(n.state.doc, a);
+					let e = he.create(n.state.doc, a);
 					n.dispatch(n.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
@@ -2623,7 +2404,7 @@ function Zr(e) {
 						pmPos: a,
 						currentWrapType: n,
 						currentCssFloat: c ?? null,
-						inlinePositionEmu: n === "inline" ? Ne(o, e.zoom.value) : void 0
+						inlinePositionEmu: n === "inline" ? Ve(o, e.zoom.value) : void 0
 					}, r.value.isOpen = !1;
 					return;
 				}
@@ -2635,7 +2416,7 @@ function Zr(e) {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = ke(n.state), { empty: c } = n.state.selection;
+		let s = Ne(n.state), { empty: c } = n.state.selection;
 		i.value &&= null, r.value = {
 			isOpen: !0,
 			position: {
@@ -2664,7 +2445,7 @@ function Zr(e) {
 			pmPos: a.pmPos,
 			currentWrapType: s,
 			currentCssFloat: c ?? null,
-			inlinePositionEmu: s === "inline" ? Ne(a.element, e.zoom.value) : void 0
+			inlinePositionEmu: s === "inline" ? Ve(a.element, e.zoom.value) : void 0
 		}, r.value.isOpen = !1;
 	}
 	function c(t) {
@@ -2680,16 +2461,16 @@ function Zr(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					Kr(n, e.selectedImage.value.pmPos);
+					ei(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 ? Kr(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? ei(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				Yr(n);
+				ri(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2702,7 +2483,7 @@ function Zr(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = he.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = Y.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -2710,7 +2491,7 @@ function Zr(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && Xr(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && ii(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2745,21 +2526,28 @@ function Zr(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Qr = 500;
-function $r(e) {
-	let t = z(null), n = null;
+var oi = 500;
+function si(e) {
+	let t = R(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = fe(null), a = 0, o = null, s = 0, c = !1, l = null, u = z({
+	let i = B(null), a = 0, o = null, s = 0, c = !1, l = null, u = C({
+		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({
 		currentPage: 1,
 		totalPages: 1,
 		visible: !1
-	}), d = null;
-	function f(t, n) {
-		return Mt(e.pagesRef.value, e.editorView.value, t, n);
+	}), f = null;
+	function p(t, n) {
+		return Vt(e.pagesRef.value, e.editorView.value, t, n);
 	}
-	function p() {
+	function m() {
 		let t = i.value;
 		if (t?.headerFooter && e.getHfPmView) {
 			let n = e.getHfPmView(t.headerFooter);
@@ -2767,42 +2555,42 @@ function $r(e) {
 		}
 		return e.editorView.value;
 	}
-	function m(e, t) {
-		let n = p();
+	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 = he.between(r, i);
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = Y.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
-	function h(t) {
-		jt(e.pagesRef.value, e.pagesViewportRef.value, t);
-	}
 	function g(t) {
-		Nt(e.pagesRef.value, t, m, i.value?.position);
+		Bt(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function _(t) {
-		Pt(e.pagesRef.value, t, m, i.value?.position);
+		Ht(e.pagesRef.value, t, h, i.value?.position);
 	}
 	function v(t) {
+		Ut(e.pagesRef.value, t, h, i.value?.position);
+	}
+	function y(t) {
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = null;
 		if (n.state.doc.descendants((e, n) => r === null ? (e.attrs?.bookmarks)?.some((e) => e.name === t) ? (r = n, !1) : !0 : !1), r !== null) {
-			h(r);
+			g(r);
 			try {
-				m(Math.min(r + 1, n.state.doc.content.size));
+				h(Math.min(r + 1, n.state.doc.content.size));
 			} catch {
-				m(r);
+				h(r);
 			}
 		}
 	}
-	function y(a) {
+	function b(a) {
 		if (e.readOnly.value || c) return;
 		let o = e.pagesRef.value;
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s) return;
-		let l = _t({
+		let l = Mt({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2812,7 +2600,7 @@ function $r(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, gt));
+			}, jt));
 			return;
 		}
 		let u = s.getBoundingClientRect();
@@ -2823,26 +2611,26 @@ function $r(e) {
 			cellPmPos: l.cellPmPos
 		}, r();
 	}
-	function b(n) {
+	function x(n) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(he.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(Y.create(i.state.doc, r.cellPmPos + 1));
 		i.dispatch(a);
 		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow?.() : o.addColumnRight?.();
 		s && (s(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
 	}
-	function x(t) {
+	function ee(t) {
 		let n = t.target?.closest("a[href]");
 		if (!n) return;
 		t.preventDefault();
 		let r = n.getAttribute("href") || "";
 		if (r.startsWith("#")) {
 			let e = r.slice(1);
-			e && v(e);
+			e && y(e);
 			return;
 		}
-		let i = p();
+		let i = m();
 		if (i && i.state.selection.from !== i.state.selection.to) return;
 		let a = e.pagesViewportRef.value;
 		if (!a) return;
@@ -2923,7 +2711,7 @@ function $r(e) {
 			}
 		};
 	}
-	function C(t) {
+	function te(t) {
 		let n = e.getDocument(), r = i.value;
 		if (!n?.package || !r) return;
 		let a = r.position === "header" ? n.package.headers : n.package.footers;
@@ -2931,7 +2719,7 @@ function $r(e) {
 		let o = a.get(r.rId);
 		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
 	}
-	function ee() {
+	function ne() {
 		let t = e.getDocument(), n = i.value;
 		if (!t?.package || !n || !n.rId) {
 			i.value = null;
@@ -2963,21 +2751,21 @@ function $r(e) {
 		};
 		i.value = null, e.setDocument?.(d), e.syncHfPMs?.(), e.reLayout(), e.emit("change", d);
 	}
-	function te(t) {
+	function re(t) {
 		if (t.button !== 0 || e.imageInteracting.value) return;
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = t.target;
 		i.value && (r.closest(".layout-page-header") || r.closest(".layout-page-footer") || r.closest(".hf-editor") || (i.value = null, n.focus()));
-		let u = p() ?? n;
+		let u = m() ?? n;
 		if (!e.readOnly.value && e.tableResize.tryStartResize(t, u)) return;
-		let d = Fe(r);
+		let d = Ue(r);
 		if (d) {
 			t.preventDefault(), t.stopPropagation();
 			let n = Number(d.dataset.pmStart);
 			if (!isNaN(n)) {
 				try {
-					u.dispatch(u.state.tr.setSelection(J.create(u.state.doc, n)));
+					u.dispatch(u.state.tr.setSelection(he.create(u.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
 					element: d,
@@ -2990,32 +2778,32 @@ function $r(e) {
 			return;
 		}
 		e.selectedImage.value = null, t.preventDefault();
-		let h = f(t.clientX, t.clientY);
-		if (h === null) {
+		let f = p(t.clientX, t.clientY);
+		if (f === null) {
 			u.focus();
 			return;
 		}
-		let v = Date.now();
-		if (v - a < Qr && o === h ? s++ : s = 1, a = v, o = h, s === 2) g(h);
-		else if (s >= 3) _(h), s = 0;
+		let g = Date.now();
+		if (g - a < oi && o === f ? s++ : s = 1, a = g, o = f, s === 2) _(f);
+		else if (s >= 3) v(f), s = 0;
 		else {
 			if (t.shiftKey) {
 				let { from: e } = u.state.selection;
-				m(e, h);
-			} else m(h);
-			l = h, c = !0;
+				h(e, f);
+			} else h(f);
+			l = f, c = !0;
 		}
 		u.focus();
 	}
-	function ne(e) {
+	function w(e) {
 		if (!c || l === null) return;
-		let t = f(e.clientX, e.clientY);
-		t !== null && t !== l && m(l, t);
-	}
-	function w() {
-		c = !1;
+		let t = p(e.clientX, e.clientY);
+		t !== null && t !== l && h(l, t), u.updateMousePosition(e.clientX, e.clientY);
 	}
 	function T() {
+		c = !1, u.stopAutoScroll();
+	}
+	function E() {
 		let t = e.pagesViewportRef.value, n = e.layout.value;
 		if (!t || !n || n.pages.length === 0) return;
 		let r = t.scrollTop, i = n.pages.length, a = r + t.clientHeight / 2, o = 24, s = 1;
@@ -3027,42 +2815,42 @@ function $r(e) {
 			}
 			o = r + 24, s = e + 2;
 		}
-		s = Math.min(s, i), u.value = {
+		s = Math.min(s, i), d.value = {
 			currentPage: s,
 			totalPages: i,
 			visible: !0
-		}, d && clearTimeout(d), d = setTimeout(() => {
-			u.value = {
-				...u.value,
+		}, f && clearTimeout(f), f = setTimeout(() => {
+			d.value = {
+				...d.value,
 				visible: !1
 			};
 		}, 600);
 	}
-	return L(() => {
-		window.addEventListener("mousemove", ne), window.addEventListener("mouseup", w), e.pagesViewportRef.value?.addEventListener("scroll", T, { passive: !0 });
+	return ue(() => {
+		window.addEventListener("mousemove", w), window.addEventListener("mouseup", T), e.pagesViewportRef.value?.addEventListener("scroll", E, { passive: !0 });
 	}), I(() => {
-		r(), window.removeEventListener("mousemove", ne), window.removeEventListener("mouseup", w), e.pagesViewportRef.value?.removeEventListener("scroll", T), d && clearTimeout(d);
+		r(), window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", T), e.pagesViewportRef.value?.removeEventListener("scroll", E), f && clearTimeout(f);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
-		scrollPageInfo: u,
-		resolvePos: f,
-		setPmSelection: m,
-		scrollVisiblePositionIntoView: h,
-		navigateToBookmark: v,
-		handlePagesMouseDown: te,
-		handlePagesMouseMove: y,
-		handlePagesClick: x,
+		scrollPageInfo: d,
+		resolvePos: p,
+		setPmSelection: h,
+		scrollVisiblePositionIntoView: g,
+		navigateToBookmark: y,
+		handlePagesMouseDown: re,
+		handlePagesMouseMove: b,
+		handlePagesClick: ee,
 		handlePagesDoubleClick: S,
-		handleTableInsertClick: b,
+		handleTableInsertClick: x,
 		clearTableInsertTimer: r,
-		handleHfSave: C,
-		handleHfRemove: ee
+		handleHfSave: te,
+		handleHfRemove: ne
 	};
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function ei(e) {
+function ci(e) {
 	let t = null, n = null, r = null;
 	function i() {
 		let r = e.pagesRef.value;
@@ -3074,8 +2862,8 @@ function ei(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 J && i.node.type.name === "image") {
-				let n = ve(t, i.from), r = n ? Fe(n) : null;
+			if (i instanceof he && i.node.type.name === "image") {
+				let n = ye(t, i.from), r = n ? Ue(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 = {
@@ -3093,12 +2881,12 @@ function ei(e) {
 	function o() {
 		let r = e.pagesRef.value, o = e.editorView.value;
 		if (!r || !o || (i(), e.isHfEditing?.value)) return;
-		a();
+		a(), ge(r, o.state);
 		let s = o.state.selection;
-		if (s instanceof J && s.node.type.name === "image") return;
+		if (s instanceof he && 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 = Z(r, c, r.getBoundingClientRect());
+			let e = Fe(r, c, r.getBoundingClientRect());
 			if (e) {
 				let i = document.createElement("div");
 				i.className = "vue-caret", i.style.cssText = `
@@ -3109,7 +2897,7 @@ function ei(e) {
           height: ${e.height}px;
           background: #000;
           pointer-events: none;
-          z-index: ${C.selectionOverlay};
+          z-index: ${S.selectionOverlay};
         `, r.appendChild(i), n = i;
 				let a = !0;
 				t = setInterval(() => {
@@ -3118,7 +2906,7 @@ function ei(e) {
 			}
 			return;
 		}
-		let m = je(r, c, l, r.getBoundingClientRect());
+		let m = Ie(r, c, l, r.getBoundingClientRect());
 		for (let e of m) {
 			let t = document.createElement("div");
 			t.className = "vue-sel-rect", t.style.cssText = `
@@ -3129,7 +2917,7 @@ function ei(e) {
         height: ${e.height / p}px;
         background: rgba(66, 133, 244, 0.3);
         pointer-events: none;
-        z-index: ${C.selectionOverlay};
+        z-index: ${S.selectionOverlay};
       `, r.appendChild(t);
 		}
 	}
@@ -3142,7 +2930,7 @@ function ei(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function ti(e) {
+function li(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -3197,7 +2985,7 @@ function ti(e) {
 				e.showKeyboardShortcuts.value = !0;
 				break;
 			case "reportIssue":
-				vt();
+				Nt();
 				break;
 			case "dirLTR":
 				t("setLtr");
@@ -3215,18 +3003,18 @@ function ti(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function ni(e) {
+function ui(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	W(e.documentBuffer, (e) => {
+	G(e.documentBuffer, (e) => {
 		e && t(e);
-	}), W(e.document, (e) => {
+	}), G(e.document, (e) => {
 		e && n(e);
-	}), L(async () => {
+	}), ue(async () => {
 		await ce();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
@@ -3234,10 +3022,10 @@ function ni(e) {
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function ri(e) {
+function di(e) {
 	function t() {
 		let t = e.pagesRef.value;
-		t && Le(t), e.onPrint?.(), window.print();
+		t && Ge(t), e.onPrint?.(), window.print();
 	}
 	function n() {
 		t();
@@ -3271,41 +3059,41 @@ function ri(e) {
 	function c() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = Qe(t, n.state.selection.from);
+		let r = ot(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 = St(n.state.doc, t);
+		let r = Ft(n.state.doc, t);
 		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
 	}
 	function u(t, n) {
-		return Et(e.editorView.value, t, n);
+		return xe(e.editorView.value, t, n);
 	}
 	function d() {
-		return Dt(e.editorView.value);
+		return Ce(e.editorView.value);
 	}
 	function f() {
 		return e.comments.value;
 	}
 	function p(t) {
 		let n = e.editorView.value;
-		return n ? He(n.state.doc, t ?? {}) : [];
+		return n ? Ze(n.state.doc, t ?? {}) : [];
 	}
 	function m(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Ve(n.state.doc, t);
+		let r = Xe(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(Ke(i.state, t, n, r)), !0;
+			return i.dispatch(tt(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof yt) return !1;
+			if (e instanceof Pt) return !1;
 			throw e;
 		}
 	}
@@ -3313,9 +3101,9 @@ function ri(e) {
 		let r = e.editorView.value;
 		if (!r) return !1;
 		try {
-			return r.dispatch(Ue(r.state, t, n)), !0;
+			return r.dispatch(Qe(r.state, t, n)), !0;
 		} catch (e) {
-			if (e instanceof yt) return !1;
+			if (e instanceof Pt) return !1;
 			throw e;
 		}
 	}
@@ -3323,14 +3111,14 @@ function ri(e) {
 		let i = e.editorView.value;
 		if (!i) return !1;
 		try {
-			return i.dispatch(qe(i.state, t, n, r)), !0;
+			return i.dispatch(nt(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof yt) return !1;
+			if (e instanceof Pt) return !1;
 			throw e;
 		}
 	}
 	function v(t) {
-		return Ot(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);
@@ -3377,25 +3165,25 @@ function ri(e) {
 }
 //#endregion
 //#region src/composables/useFontLifecycle.ts
-function ii(e, t) {
-	W(e, (e) => {
-		xe(e);
+function fi(e, t) {
+	G(e, (e) => {
+		Ee(e);
 	}, { immediate: !0 });
-	let n = Se(t);
+	let n = De(t);
 	I(() => n());
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
+var pi = { class: "docx-editor-vue__toolbar-shell" }, mi = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, si = {
+}, hi = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, ci = { class: "docx-editor-vue__editor-area" }, li = {
+}, gi = { class: "docx-editor-vue__editor-area" }, _i = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, ui = ["title"], di = ["title", "aria-label"], fi = /* @__PURE__ */ N({
+}, vi = ["title"], yi = ["title", "aria-label"], bi = /* @__PURE__ */ N({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3487,25 +3275,25 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 		"mode-change"
 	],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, o = z(i.mode), s = E(() => i.readOnly || o.value === "viewing");
+		let i = e, a = r, o = R(i.mode), s = E(() => i.readOnly || o.value === "viewing");
 		f(E(() => i.i18n));
-		let { t: l } = t(E(() => i.i18n)), u = z(null), d = z(null), g = z(null), y = z(0), x = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set(), C = new ze(), T = z(!1), re = z(!1), ae = z(!1), j = z(!1), N = z(!1), oe = z(!1), H = z(i.showOutline), pe = z(!1), U = z(!1), G = z(!1), K = z(null), J = fe([]), Y = fe([]), ve = fe([]), { zoom: X, zoomPercent: be, isMinZoom: xe, isMaxZoom: Se, setZoom: Ce, zoomIn: we, zoomOut: Te, handleWheel: De, handleKeyDown: Oe, installShortcuts: ke, ZOOM_PRESETS: Ae } = ee(i.initialZoom);
+		let { t: l } = t(E(() => i.i18n)), u = R(null), d = R(null), g = R(null), y = R(0), x = /* @__PURE__ */ new Set(), ee = /* @__PURE__ */ new Set(), S = new Je(), C = R(!1), T = R(!1), ie = R(!1), oe = R(!1), j = R(!1), N = R(!1), P = R(i.showOutline), pe = R(!1), U = R(!1), W = R(!1), K = R(null), q = B([]), he = B([]), ge = B([]), { zoom: X, zoomPercent: ye, isMinZoom: be, isMaxZoom: xe, setZoom: Se, zoomIn: Te, zoomOut: Ee, handleWheel: De, handleKeyDown: Oe, installShortcuts: ke, ZOOM_PRESETS: Ae } = re(i.initialZoom);
 		ke();
-		let { editorView: Z, isReady: je, parseError: Me, layout: Ne, loadBuffer: Pe, loadDocument: Fe, save: Ie, focus: Le, destroy: Re, getDocument: Q, getCommands: Be, reLayout: Ve, getHfPmView: He, syncHfPMs: Ue, setHfTransactionListener: We, setDocument: Ge } = te({
+		let { editorView: Z, isReady: Me, parseError: Ne, layout: Pe, loadBuffer: Fe, loadDocument: Ie, save: Le, focus: Re, destroy: ze, getDocument: Q, getCommands: Be, reLayout: Ve, getHfPmView: He, syncHfPMs: Ue, setHfTransactionListener: We, setDocument: Ge } = te({
 			hiddenContainer: u,
 			pagesContainer: d,
 			readOnly: s,
 			externalPlugins: i.externalPlugins,
-			syncCoordinator: C,
+			syncCoordinator: S,
 			editorMode: o,
 			onChange: (e) => {
 				a("change", e), a("update:document", e), x.forEach((t) => t(e));
 			},
 			onError: (e) => a("error", e),
 			onSelectionUpdate: () => {
-				y.value++, $n();
-				let e = Dt(Z.value);
-				S.forEach((t) => t(e));
+				y.value++, er();
+				let e = Ce(Z.value);
+				ee.forEach((t) => t(e));
 			}
 		}), Ke = E(() => {
 			y.value;
@@ -3515,7 +3303,7 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
 		}), qe = E(() => {
 			y.value;
-			let e = Z.value, t = e ? Ee(e.state).paragraphFormatting : {};
+			let e = Z.value, t = e ? je(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3523,22 +3311,22 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				hangingIndent: t.hangingIndent ?? !1,
 				tabStops: t.tabs ?? null
 			};
-		}), Je = E(() => (y.value, Q()?.package?.theme ?? i.theme ?? null)), Xe = z(null), Ze = z([]);
+		}), Ye = E(() => (y.value, Q()?.package?.theme ?? i.theme ?? null)), Xe = R(null), Ze = R([]);
 		function Qe(e, t) {
-			Xe.value = ge(e, t), Ze.value = _e(e, t);
+			Xe.value = _e(e, t), Ze.value = ve(e, t);
 		}
 		function $e() {
 			Xe.value = null, Ze.value = [];
 		}
-		ii(() => i.fonts, (e) => a("error", e));
+		fi(() => i.fonts, (e) => a("error", e));
 		let et = E(() => $.value?.headerFooter ? He($.value.headerFooter) ?? null : null);
-		L(() => {
+		ue(() => {
 			We((e, t) => {
 				requestAnimationFrame(() => {
 					let e = $.value;
 					if (!e) return;
 					Qe(t, e.position);
-					let n = kt(e.position), r = g.value;
+					let n = Rt(e.position), r = g.value;
 					if (!n || !r) return;
 					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = X.value || 1;
 					$.value = {
@@ -3551,7 +3339,7 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						}
 					};
 				});
-			}), W(() => $.value, (e) => {
+			}), G(() => $.value, (e) => {
 				if (!e) {
 					$e();
 					return;
@@ -3559,12 +3347,12 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				let t = Z.value;
 				if (t) {
 					try {
-						let e = t.state.tr.setSelection(he.create(t.state.doc, 0));
+						let e = t.state.tr.setSelection(Y.create(t.state.doc, 0));
 						t.dispatch(e);
 					} catch {}
 					t.dom.blur?.();
 				}
-				er.updateSelectionOverlay();
+				tr.updateSelectionOverlay();
 			});
 			let e = 0;
 			function t() {
@@ -3582,23 +3370,23 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 		});
 		let tt = E(() => {
 			let e = [];
-			return U.value && e.push(`translateX(-${ye}px)`), X.value !== 1 && e.push(`scale(${X.value})`), {
+			return U.value && e.push(`translateX(-${we}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"
 			};
 		}), nt = E(() => ({
 			paddingLeft: "20px",
-			paddingRight: 20 + (U.value ? ye * 2 : 0) + "px",
+			paddingRight: 20 + (U.value ? we * 2 : 0) + "px",
 			transition: "padding 0.2s ease"
-		})), rt = E(() => {
+		})), it = E(() => {
 			let e = Ke.value;
-			return Ye(e?.pageWidth ?? 12240) * X.value;
-		}), it = E(() => {
+			return rt(e?.pageWidth ?? 12240) * X.value;
+		}), at = E(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of J.value) t.parentId == null && t.done && e.add(t.id);
+			for (let t of q.value) t.parentId == null && t.done && e.add(t.id);
 			return e;
-		}), at = E(() => {
+		}), ot = E(() => {
 			y.value;
 			let e = Z.value;
 			if (!e) return [];
@@ -3615,212 +3403,214 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), { floatingCommentBtn: ot, pendingCommentRange: st, addCommentYPosition: ct, sidebarAutoOpenedRef: lt, extractCommentsAndChanges: ut, handleAddComment: dt, handleCancelAddComment: ft, handleStartAddComment: pt, handleMarkerClick: mt } = Hr({
+		}), st = Ot(), { floatingCommentBtn: ct, pendingCommentRange: lt, addCommentYPosition: ut, sidebarAutoOpenedRef: dt, extractCommentsAndChanges: ft, handleAddComment: pt, handleCancelAddComment: mt, handleStartAddComment: ht, handleMarkerClick: gt } = Xr({
 			editorView: Z,
 			getDocument: Q,
-			comments: J,
-			trackedChanges: Y,
-			resolvedCommentIds: it,
+			comments: q,
+			trackedChanges: he,
+			resolvedCommentIds: at,
 			activeSidebarItem: K,
 			showSidebar: U,
-			isAddingComment: G,
+			isAddingComment: W,
 			readOnly: s,
 			zoom: X,
 			stateTick: y,
 			pagesRef: d,
 			pagesViewportRef: g,
-			emit: a
-		}), { docxInputRef: ht, handleDocxFileChange: gt, handleDocumentNameChange: _t, downloadCurrentDocument: vt, loadDocumentBuffer: yt, loadDocument: bt, save: xt } = Nr({
-			loadBuffer: Pe,
-			loadParsedDocument: Fe,
+			emit: a,
+			commentIdAllocator: st
+		}), { docxInputRef: _t, handleDocxFileChange: vt, handleDocumentNameChange: yt, downloadCurrentDocument: bt, loadDocumentBuffer: xt, loadDocument: St, save: Ct } = Hr({
+			loadBuffer: Fe,
+			loadParsedDocument: Ie,
 			getDocument: Q,
-			saveBlob: Ie,
-			extractCommentsAndChanges: ut,
+			saveBlob: Le,
+			extractCommentsAndChanges: ft,
 			emit: a,
 			documentName: () => i.documentName,
 			onDocumentNameChange: i.onDocumentNameChange,
 			nextTick: ce
-		}), { hyperlinkPopupData: St, handleHyperlinkSubmit: Ct, handleHyperlinkRemove: wt, handleHyperlinkPopupNavigate: Tt, handleHyperlinkPopupEdit: Et, handleHyperlinkPopupRemove: Ot } = Pr({
+		}), { hyperlinkPopupData: wt, handleHyperlinkSubmit: Tt, handleHyperlinkRemove: Et, handleHyperlinkPopupNavigate: Dt, handleHyperlinkPopupEdit: kt, handleHyperlinkPopupRemove: At } = Ur({
 			editorView: Z,
 			getCommands: Be
-		}), { handleClearFormatting: At, handleApplyStyle: jt, handleInsertPageBreak: Mt, handleInsertSymbol: Nt, applyFormatting: Pt, setParagraphStyle: It } = Fr({
+		}), { handleClearFormatting: jt, handleApplyStyle: Mt, handleInsertPageBreak: Nt, handleInsertSymbol: Pt, applyFormatting: Ft, setParagraphStyle: It } = Wr({
 			editorView: Z,
 			getDocument: Q
-		}), { handlePageSetupApply: Lt, handleLeftMarginChange: Rt, handleRightMarginChange: zt, handleTopMarginChange: Bt, handleBottomMarginChange: Vt, handleIndentLeftChange: Ut, handleIndentRightChange: Wt, handleFirstLineIndentChange: Gt, handleTabStopRemove: Kt } = Ir({
+		}), { handlePageSetupApply: Lt, handleLeftMarginChange: zt, handleRightMarginChange: Bt, handleTopMarginChange: Vt, handleBottomMarginChange: Ht, handleIndentLeftChange: Ut, handleIndentRightChange: Gt, handleFirstLineIndentChange: Kt, handleTabStopRemove: qt } = Gr({
 			editorView: Z,
 			getDocument: Q,
 			readOnly: s,
 			stateTick: y,
 			reLayout: Ve,
 			emit: a
-		}), { showWatermark: Yt, currentWatermark: Xt, handleWatermarkApply: Qt } = Lr({
+		}), { showWatermark: Jt, currentWatermark: Yt, handleWatermarkApply: Xt } = Kr({
 			editorView: Z,
 			readOnly: s,
 			stateTick: y
-		}), { handleToggleOutline: $t, handleOutlineNavigate: en, handleToggleSidebar: tn, handleEditorScrollMouseDown: rn } = Rr({
+		}), { handleToggleOutline: Qt, handleOutlineNavigate: $t, handleToggleSidebar: en, handleEditorScrollMouseDown: tn } = qr({
 			editorView: Z,
-			showOutline: H,
+			showOutline: P,
 			showSidebar: U,
-			outlineHeadings: ve,
+			outlineHeadings: ge,
 			activeSidebarItem: K,
-			extractCommentsAndChanges: ut
+			extractCommentsAndChanges: ft
 		});
-		zr({
+		Jr({
 			showKeyboardShortcuts: pe,
-			showFindReplace: T,
-			showHyperlink: ae,
+			showFindReplace: C,
+			showHyperlink: ie,
 			handleZoomKeyDown: Oe,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: an, replyToComment: on, resolveComment: sn, proposeChange: ln, handleCommentReply: un, handleCommentUnresolve: dn, handleCommentDelete: fn, handleAcceptChange: pn, handleRejectChange: mn, handleAcceptChangeById: hn, handleRejectChangeById: gn, handleTrackedChangeReply: _n } = Vr({
+		let { addComment: an, replyToComment: on, resolveComment: cn, proposeChange: ln, handleCommentReply: un, handleCommentUnresolve: dn, handleCommentDelete: pn, handleAcceptChange: mn, handleRejectChange: hn, handleAcceptChangeById: gn, handleRejectChangeById: vn, handleTrackedChangeReply: yn } = Yr({
 			editorView: Z,
 			getDocument: Q,
-			comments: J,
-			trackedChanges: Y,
+			comments: q,
+			trackedChanges: he,
 			showSidebar: U,
-			isAddingComment: G,
-			pendingCommentRange: st,
+			isAddingComment: W,
+			pendingCommentRange: lt,
 			contentChangeSubscribers: x,
-			extractCommentsAndChanges: ut,
-			emit: a
-		}), { selectedImage: vn, imageInteracting: yn, imageToolbarContext: bn, handleInsertImage: xn, handleToolbarImageWrap: Sn, handleImageTransform: Cn } = Ur({
+			extractCommentsAndChanges: ft,
+			emit: a,
+			commentIdAllocator: st
+		}), { selectedImage: bn, imageInteracting: xn, imageToolbarContext: Sn, handleInsertImage: Cn, handleToolbarImageWrap: wn, handleImageTransform: Tn } = Zr({
 			editorView: Z,
 			zoom: X,
 			stateTick: y,
 			getCommands: Be
-		}), wn = ne(), Tn = null, { tableInsertButton: En, hfEdit: $, scrollPageInfo: Dn, resolvePos: On, setPmSelection: kn, scrollVisiblePositionIntoView: An, handlePagesMouseDown: jn, handlePagesMouseMove: Mn, handlePagesClick: Nn, handlePagesDoubleClick: Pn, handleTableInsertClick: Fn, clearTableInsertTimer: In, handleHfSave: Ln, handleHfRemove: Rn } = $r({
+		}), En = ne(), Dn = null, { tableInsertButton: On, hfEdit: $, scrollPageInfo: kn, resolvePos: An, setPmSelection: jn, scrollVisiblePositionIntoView: Mn, handlePagesMouseDown: Nn, handlePagesMouseMove: Pn, handlePagesClick: Fn, handlePagesDoubleClick: In, handleTableInsertClick: Ln, clearTableInsertTimer: Rn, handleHfSave: zn, handleHfRemove: Bn } = si({
 			editorView: Z,
 			pagesRef: d,
 			pagesViewportRef: g,
-			selectedImage: vn,
-			imageInteracting: yn,
-			hyperlinkPopupData: St,
+			selectedImage: bn,
+			imageInteracting: xn,
+			hyperlinkPopupData: wt,
 			readOnly: s,
 			zoom: X,
-			layout: Ne,
-			tableResize: wn,
+			layout: Pe,
+			tableResize: En,
 			getCommands: Be,
 			getDocument: Q,
 			reLayout: Ve,
 			emit: a,
-			clearOverlay: Zn,
+			clearOverlay: $n,
 			syncHfPMs: Ue,
 			getHfPmView: He,
 			setDocument: Ge
-		}), { contextMenu: zn, imageContextMenu: Bn, imageContextMenuTextActions: Vn, handleContextMenu: Hn, handleSelectedImageContextMenu: Un, handleImageWrapSelect: Wn, handleContextMenuAction: Gn } = Zr({
+		}), { contextMenu: Vn, imageContextMenu: Hn, imageContextMenuTextActions: Un, handleContextMenu: Wn, handleSelectedImageContextMenu: Gn, handleImageWrapSelect: Kn, handleContextMenuAction: qn } = ai({
 			editorView: Z,
-			selectedImage: vn,
+			selectedImage: bn,
 			zoom: X,
-			showImageProperties: N,
+			showImageProperties: j,
 			getCommands: Be,
-			clearOverlay: Zn,
-			setPmSelection: kn,
-			resolvePos: On
-		}), { handleMenuAction: Kn, handleMenuTableInsert: qn } = ti({
+			clearOverlay: $n,
+			setPmSelection: jn,
+			resolvePos: An
+		}), { handleMenuAction: Jn, handleMenuTableInsert: Yn } = li({
 			editorView: Z,
 			getCommands: Be,
-			docxInputRef: ht,
-			showPageSetup: oe,
-			showWatermark: Yt,
-			showInsertImage: re,
-			showHyperlink: ae,
-			showInsertSymbol: j,
+			docxInputRef: _t,
+			showPageSetup: N,
+			showWatermark: Jt,
+			showInsertImage: T,
+			showHyperlink: ie,
+			showInsertSymbol: oe,
 			showKeyboardShortcuts: pe,
-			handleClearFormatting: At,
-			handleInsertPageBreak: Mt,
-			handleToggleOutline: $t,
-			handleToggleSidebar: tn,
-			downloadCurrentDocument: vt,
+			handleClearFormatting: jt,
+			handleInsertPageBreak: Nt,
+			handleToggleOutline: Qt,
+			handleToggleSidebar: en,
+			downloadCurrentDocument: bt,
 			emit: a
 		});
-		ni({
+		ui({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
-			loadDocumentBuffer: yt,
-			loadDocument: bt,
-			sidebarAutoOpenedRef: lt
+			loadDocumentBuffer: xt,
+			loadDocument: St,
+			sidebarAutoOpenedRef: dt
 		});
-		let Jn = () => Z.value, Yn = () => d.value;
-		W(() => i.mode, (e) => {
+		let Xn = () => Z.value, Zn = () => d.value;
+		G(() => i.mode, (e) => {
 			e && e !== o.value && (o.value = e);
-		}), W(() => i.showOutline, (e) => {
-			H.value = !!e;
+		}), G(() => i.showOutline, (e) => {
+			P.value = !!e;
 		});
-		function Xn(e) {
+		function Qn(e) {
 			o.value !== e && (o.value = e, a("mode-change", e));
 		}
-		L(() => {
-			Tn = wn.install();
+		ue(() => {
+			Dn = En.install();
 		}), I(() => {
-			Tn?.();
+			Dn?.();
 		});
-		function Zn() {
-			er.clearOverlay();
-		}
 		function $n() {
-			er.updateSelectionOverlay();
+			tr.clearOverlay();
 		}
-		let er = ei({
+		function er() {
+			tr.updateSelectionOverlay();
+		}
+		let tr = ci({
 			editorView: Z,
 			pagesRef: d,
 			zoom: X,
-			selectedImage: vn,
+			selectedImage: bn,
 			isHfEditing: E(() => $.value !== null),
-			imageInteracting: yn
+			imageInteracting: xn
 		});
 		I(() => {
-			Zn();
+			$n();
 		});
-		let { exposed: tr } = ri({
+		let { exposed: nr } = di({
 			editorView: Z,
-			layout: Ne,
+			layout: Pe,
 			pagesRef: d,
 			pagesViewportRef: g,
 			zoom: X,
-			comments: J,
-			focus: Le,
-			destroy: Re,
+			comments: q,
+			focus: Re,
+			destroy: ze,
 			getDocument: Q,
-			setZoom: Ce,
-			save: xt,
-			loadDocument: bt,
-			loadDocumentBuffer: yt,
+			setZoom: Se,
+			save: Ct,
+			loadDocument: St,
+			loadDocumentBuffer: xt,
 			addComment: an,
 			replyToComment: on,
-			resolveComment: sn,
+			resolveComment: cn,
 			proposeChange: ln,
-			applyFormatting: Pt,
+			applyFormatting: Ft,
 			setParagraphStyle: It,
-			scrollVisiblePositionIntoView: An,
+			scrollVisiblePositionIntoView: Mn,
 			contentChangeSubscribers: x,
-			selectionChangeSubscribers: S,
+			selectionChangeSubscribers: ee,
 			onPrint: i.onPrint
 		});
-		return n(tr), (t, n) => (R(), k("div", {
-			class: P([
+		return n(nr), (t, n) => (L(), k("div", {
+			class: le([
 				"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": H($) !== null,
+					"paged-editor--editing-header": H($)?.position === "header",
+					"paged-editor--editing-footer": H($)?.position === "footer"
 				}
 			]),
 			style: F(e.style)
 		}, [
-			A("div", ai, [M(cn, {
+			A("div", pi, [M(_n, {
 				"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(_t),
-				onMenuAction: V(Kn),
-				onInsertTable: V(qn)
+				onRename: H(yt),
+				onMenuAction: H(Jn),
+				onInsertTable: H(Yn)
 			}, {
-				"title-bar-left": me(() => [ue(t.$slots, "title-bar-left")]),
-				"title-bar-right": me(() => [ue(t.$slots, "title-bar-right")]),
+				"title-bar-left": me(() => [de(t.$slots, "title-bar-left")]),
+				"title-bar-right": me(() => [de(t.$slots, "title-bar-right")]),
 				_: 3
 			}, 8, [
 				"show-menu-bar",
@@ -3831,37 +3621,37 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				"onRename",
 				"onMenuAction",
 				"onInsertTable"
-			]), e.showToolbar ? (R(), D(b, {
+			]), e.showToolbar ? (L(), D(b, {
 				key: 0,
-				view: V(Z),
-				"get-commands": V(Be),
+				view: H(Z),
+				"get-commands": H(Be),
 				"state-tick": y.value,
-				"zoom-percent": V(be),
-				"is-min-zoom": V(xe),
-				"is-max-zoom": V(Se),
-				"zoom-presets": V(Ae),
+				"zoom-percent": H(ye),
+				"is-min-zoom": H(be),
+				"is-max-zoom": H(xe),
+				"zoom-presets": H(Ae),
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": o.value,
 				"comments-sidebar-open": U.value,
-				"image-context": V(bn),
-				theme: Je.value,
+				"image-context": H(Sn),
+				theme: Ye.value,
 				"font-families": e.fontFamilies,
-				onInsertLink: n[0] ||= (e) => ae.value = !0,
-				onApplyStyle: V(jt),
-				onZoomIn: V(we),
-				onZoomOut: V(Te),
-				onZoomSet: V(Ce),
-				onToggleSidebar: V(tn),
-				onModeChange: Xn,
-				onImageWrapType: V(Sn),
-				onImageProperties: n[1] ||= (e) => N.value = !0,
-				onImageTransform: V(Cn)
-			}, ie({
+				onInsertLink: n[0] ||= (e) => ie.value = !0,
+				onApplyStyle: H(Mt),
+				onZoomIn: H(Te),
+				onZoomOut: H(Ee),
+				onZoomSet: H(Se),
+				onToggleSidebar: H(en),
+				onModeChange: Qn,
+				onImageWrapType: H(wn),
+				onImageProperties: n[1] ||= (e) => j.value = !0,
+				onImageTransform: H(Tn)
+			}, ae({
 				"table-context": me(() => [M(h, {
-					view: V(Z),
-					"get-commands": V(Be),
+					view: H(Z),
+					"get-commands": H(Be),
 					"state-tick": y.value,
-					theme: Je.value
+					theme: Ye.value
 				}, null, 8, [
 					"view",
 					"get-commands",
@@ -3871,11 +3661,11 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				_: 2
 			}, [e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: me(() => [(R(), D(de(e.toolbarExtra)))]),
+				fn: me(() => [(L(), D(fe(e.toolbarExtra)))]),
 				key: "0"
 			} : {
 				name: "toolbar-extra",
-				fn: me(() => [ue(t.$slots, "toolbar-extra")]),
+				fn: me(() => [de(t.$slots, "toolbar-extra")]),
 				key: "1"
 			}]), 1032, [
 				"view",
@@ -3899,35 +3689,35 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				"onImageWrapType",
 				"onImageTransform"
 			])) : O("", !0)]),
-			M(Qn, {
-				"show-find-replace": T.value,
-				"onUpdate:showFindReplace": n[2] ||= (e) => T.value = e,
-				"show-insert-image": re.value,
-				"onUpdate:showInsertImage": n[3] ||= (e) => re.value = e,
-				"show-hyperlink": ae.value,
-				"onUpdate:showHyperlink": n[4] ||= (e) => ae.value = e,
-				"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": oe.value,
-				"onUpdate:showPageSetup": n[7] ||= (e) => oe.value = e,
-				"show-watermark": V(Yt),
-				"onUpdate:showWatermark": n[8] ||= (e) => se(Yt) ? Yt.value = e : null,
+			M(sr, {
+				"show-find-replace": C.value,
+				"onUpdate:showFindReplace": n[2] ||= (e) => C.value = e,
+				"show-insert-image": T.value,
+				"onUpdate:showInsertImage": n[3] ||= (e) => T.value = e,
+				"show-hyperlink": ie.value,
+				"onUpdate:showHyperlink": n[4] ||= (e) => ie.value = e,
+				"show-insert-symbol": oe.value,
+				"onUpdate:showInsertSymbol": n[5] ||= (e) => oe.value = e,
+				"show-image-properties": j.value,
+				"onUpdate:showImageProperties": n[6] ||= (e) => j.value = e,
+				"show-page-setup": N.value,
+				"onUpdate:showPageSetup": n[7] ||= (e) => N.value = e,
+				"show-watermark": H(Jt),
+				"onUpdate:showWatermark": n[8] ||= (e) => se(Jt) ? Jt.value = e : null,
 				"show-keyboard-shortcuts": pe.value,
 				"onUpdate:showKeyboardShortcuts": n[9] ||= (e) => pe.value = e,
-				view: V(Z),
-				bookmarks: at.value,
-				"selected-image-pm-pos": V(vn)?.pmPos ?? null,
+				view: H(Z),
+				bookmarks: ot.value,
+				"selected-image-pm-pos": H(bn)?.pmPos ?? null,
 				"section-properties": Ke.value,
-				"current-watermark": V(Xt),
-				"scroll-visible-position-into-view": V(An),
-				onInsertImage: V(xn),
-				onInsertSymbol: V(Nt),
-				onHyperlinkSubmit: V(Ct),
-				onHyperlinkRemove: V(wt),
-				onPageSetupApply: V(Lt),
-				onWatermarkApply: V(Qt)
+				"current-watermark": H(Yt),
+				"scroll-visible-position-into-view": H(Mn),
+				onInsertImage: H(Cn),
+				onInsertSymbol: H(Pt),
+				onHyperlinkSubmit: H(Tt),
+				onHyperlinkRemove: H(Et),
+				onPageSetupApply: H(Lt),
+				onWatermarkApply: H(Xt)
 			}, null, 8, [
 				"show-find-replace",
 				"show-insert-image",
@@ -3950,8 +3740,8 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				"onPageSetupApply",
 				"onWatermarkApply"
 			]),
-			V(Me) ? (R(), k("div", oi, B(V(Me)), 1)) : O("", !0),
-			!V(je) && !V(Me) ? (R(), k("div", si, "Loading...")) : O("", !0),
+			H(Ne) ? (L(), k("div", mi, V(H(Ne)), 1)) : O("", !0),
+			!H(Me) && !H(Ne) ? (L(), k("div", hi, "Loading...")) : O("", !0),
 			A("div", {
 				ref_key: "hiddenPmRef",
 				ref: u,
@@ -3959,26 +3749,26 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 			}, null, 512),
 			A("div", {
 				class: "docx-editor-vue__editor-scroll",
-				onMousedown: n[32] ||= (...e) => V(rn) && V(rn)(...e)
-			}, [e.showRuler && Ke.value ? (R(), k("div", {
+				onMousedown: n[32] ||= (...e) => H(tn) && H(tn)(...e)
+			}, [e.showRuler && Ke.value ? (L(), k("div", {
 				key: 0,
 				class: "docx-editor-vue__ruler-row",
 				style: F(nt.value)
 			}, [M(_, {
 				"section-props": Ke.value,
-				zoom: V(X),
+				zoom: H(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(Rt),
-				onRightMarginChange: V(zt),
-				onIndentLeftChange: V(Ut),
-				onIndentRightChange: V(Wt),
-				onFirstLineIndentChange: V(Gt),
-				onTabStopRemove: V(Kt)
+				onLeftMarginChange: H(zt),
+				onRightMarginChange: H(Bt),
+				onIndentLeftChange: H(Ut),
+				onIndentRightChange: H(Gt),
+				onFirstLineIndentChange: H(Kt),
+				onTabStopRemove: H(qt)
 			}, null, 8, [
 				"section-props",
 				"zoom",
@@ -3994,24 +3784,24 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : O("", !0), A("div", ci, [
+			])], 4)) : O("", !0), A("div", gi, [
 				A("div", {
 					ref_key: "pagesViewportRef",
 					ref: g,
 					class: "docx-editor-vue__pages-viewport",
-					onMousedown: n[23] ||= (...e) => V(jn) && V(jn)(...e),
-					onMousemove: n[24] ||= (...e) => V(Mn) && V(Mn)(...e),
-					onClick: n[25] ||= (...e) => V(Nn) && V(Nn)(...e),
-					onDblclick: n[26] ||= (...e) => V(Pn) && V(Pn)(...e),
-					onContextmenu: n[27] ||= q((...e) => V(Hn) && V(Hn)(...e), ["prevent"]),
-					onWheel: n[28] ||= (...e) => V(De) && V(De)(...e)
+					onMousedown: n[23] ||= (...e) => H(Nn) && H(Nn)(...e),
+					onMousemove: n[24] ||= (...e) => H(Pn) && H(Pn)(...e),
+					onClick: n[25] ||= (...e) => H(Fn) && H(Fn)(...e),
+					onDblclick: n[26] ||= (...e) => H(In) && H(In)(...e),
+					onContextmenu: n[27] ||= J((...e) => H(Wn) && H(Wn)(...e), ["prevent"]),
+					onWheel: n[28] ||= (...e) => H(De) && H(De)(...e)
 				}, [
-					e.showRuler && Ke.value ? (R(), k("div", li, [M(p, {
+					e.showRuler && Ke.value ? (L(), k("div", _i, [M(p, {
 						"section-props": Ke.value,
-						zoom: V(X),
+						zoom: H(X),
 						editable: !s.value,
-						onTopMarginChange: V(Bt),
-						onBottomMarginChange: V(Vt)
+						onTopMarginChange: H(Vt),
+						onBottomMarginChange: H(Ht)
 					}, null, 8, [
 						"section-props",
 						"zoom",
@@ -4025,19 +3815,19 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						class: "docx-editor-vue__pages paged-editor__pages",
 						style: F(tt.value)
 					}, null, 4),
-					s.value ? O("", !0) : (R(), D(nn, {
+					s.value ? O("", !0) : (L(), D(fn, {
 						key: 1,
 						container: d.value,
-						view: V(Z)
+						view: H(Z)
 					}, null, 8, ["container", "view"])),
-					M(Zt, {
-						"is-open": V($) !== null,
-						position: V($)?.position ?? "header",
+					M(sn, {
+						"is-open": H($) !== null,
+						position: H($)?.position ?? "header",
 						view: et.value,
-						"target-rect": V($)?.targetRect ?? null,
-						onSave: V(Ln),
+						"target-rect": H($)?.targetRect ?? null,
+						onSave: H(zn),
 						onClose: n[10] ||= (e) => $.value = null,
-						onRemove: V(Rn)
+						onRemove: H(Bn)
 					}, null, 8, [
 						"is-open",
 						"position",
@@ -4046,7 +3836,7 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						"onSave",
 						"onRemove"
 					]),
-					(R(!0), k(w, null, le(V($) ? Ze.value : [], (e, t) => (R(), k("div", {
+					(L(!0), k(w, null, z(H($) ? Ze.value : [], (e, t) => (L(), k("div", {
 						key: `hf-sel-${t}-${e.top}-${e.left}`,
 						class: "vue-hf-sel-rect",
 						"aria-hidden": "true",
@@ -4061,7 +3851,7 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 							zIndex: 9998
 						})
 					}, null, 4))), 128)),
-					V($) && Xe.value ? (R(), k("div", {
+					H($) && Xe.value ? (L(), k("div", {
 						key: 2,
 						"aria-hidden": "true",
 						style: F({
@@ -4076,59 +3866,59 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 							animation: "hf-caret-blink 1.06s steps(1) infinite"
 						})
 					}, null, 4)) : O("", !0),
-					M(Ht, {
-						"image-info": V(vn),
-						zoom: V(X),
-						view: V(Z),
-						onOpenProperties: n[11] ||= (e) => N.value = !0,
-						onDeselect: n[12] ||= (e) => vn.value = null,
-						onInteractStart: n[13] ||= (e) => yn.value = !0,
-						onInteractEnd: n[14] ||= (e) => yn.value = !1,
-						onContextMenu: V(Un)
+					M(Zt, {
+						"image-info": H(bn),
+						zoom: H(X),
+						view: H(Z),
+						onOpenProperties: n[11] ||= (e) => j.value = !0,
+						onDeselect: n[12] ||= (e) => bn.value = null,
+						onInteractStart: n[13] ||= (e) => xn.value = !0,
+						onInteractEnd: n[14] ||= (e) => xn.value = !1,
+						onContextMenu: H(Gn)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					M(Ft, {
-						"get-view": Jn,
-						"get-pages-container": Yn,
-						zoom: V(X),
+					M(Wt, {
+						"get-view": Xn,
+						"get-pages-container": Zn,
+						zoom: H(X),
 						"transaction-version": y.value,
-						"sync-coordinator": V(C)
+						"sync-coordinator": H(S)
 					}, null, 8, [
 						"zoom",
 						"transaction-version",
 						"sync-coordinator"
 					]),
-					V(ot) && !G.value && !s.value ? (R(), k("button", {
+					H(ct) && !W.value && !s.value ? (L(), k("button", {
 						key: 3,
 						type: "button",
 						class: "docx-editor-vue__floating-comment",
 						style: F({
-							top: V(ot).top + "px",
-							left: V(ot).left + "px"
+							top: H(ct).top + "px",
+							left: H(ct).left + "px"
 						}),
-						title: V(l)("comments.addComment"),
-						onMousedown: n[15] ||= q((...e) => V(pt) && V(pt)(...e), ["prevent", "stop"])
+						title: H(l)("comments.addComment"),
+						onMousedown: n[15] ||= J((...e) => H(ht) && H(ht)(...e), ["prevent", "stop"])
 					}, [M(c, {
 						name: "add_comment",
 						size: 16
-					})], 44, ui)) : O("", !0),
-					V(En) && !s.value ? (R(), k("button", {
+					})], 44, vi)) : O("", !0),
+					H(On) && !s.value ? (L(), k("button", {
 						key: 4,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
 						style: F({
-							left: V(En).x + "px",
-							top: V(En).y + "px"
+							left: H(On).x + "px",
+							top: H(On).y + "px"
 						}),
-						title: V(En).type === "row" ? "Insert row below" : "Insert column to the right",
-						"aria-label": V(En).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[16] ||= (...e) => V(Fn) && V(Fn)(...e),
-						onMouseenter: n[17] ||= (...e) => V(In) && V(In)(...e),
-						onMouseleave: n[18] ||= (e) => En.value = null
+						title: H(On).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": H(On).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[16] ||= (...e) => H(Ln) && H(Ln)(...e),
+						onMouseenter: n[17] ||= (...e) => H(Rn) && H(Rn)(...e),
+						onMouseleave: n[18] ||= (e) => On.value = null
 					}, [...n[37] ||= [A("svg", {
 						width: "12",
 						height: "12",
@@ -4139,15 +3929,15 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, di)) : O("", !0),
+					})], -1)]], 44, yi)) : O("", !0),
 					M(v, {
-						comments: J.value,
+						comments: q.value,
 						"pages-container": d.value,
-						zoom: V(X),
-						"page-width-px": rt.value,
+						zoom: H(X),
+						"page-width-px": it.value,
 						"sidebar-open": U.value,
-						"resolved-comment-ids": it.value,
-						onMarkerClick: V(mt)
+						"resolved-comment-ids": at.value,
+						onMarkerClick: H(gt)
 					}, null, 8, [
 						"comments",
 						"pages-container",
@@ -4159,27 +3949,27 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 					]),
 					M(m, {
 						"is-open": U.value,
-						comments: J.value,
-						"tracked-changes": Y.value,
-						"is-adding-comment": G.value,
-						"add-comment-y-position": V(ct),
+						comments: q.value,
+						"tracked-changes": he.value,
+						"is-adding-comment": W.value,
+						"add-comment-y-position": H(ut),
 						"show-resolved": !0,
 						"pages-container": d.value,
-						"page-width-px": rt.value,
-						zoom: V(X),
+						"page-width-px": it.value,
+						zoom: H(X),
 						"active-item-id": K.value,
 						onClose: n[19] ||= (e) => U.value = !1,
-						onAddComment: V(dt),
-						onCancelAddComment: V(ft),
-						onCommentReply: V(un),
-						onCommentResolve: V(sn),
-						onCommentUnresolve: V(dn),
-						onCommentDelete: V(fn),
-						onAcceptChange: V(pn),
-						onRejectChange: V(mn),
-						onAcceptChangeById: V(hn),
-						onRejectChangeById: V(gn),
-						onTrackedChangeReply: V(_n),
+						onAddComment: H(pt),
+						onCancelAddComment: H(mt),
+						onCommentReply: H(un),
+						onCommentResolve: H(cn),
+						onCommentUnresolve: H(dn),
+						onCommentDelete: H(pn),
+						onAcceptChange: H(mn),
+						onRejectChange: H(hn),
+						onAcceptChangeById: H(gn),
+						onRejectChangeById: H(vn),
+						onTrackedChangeReply: H(yn),
 						"onUpdate:activeItemId": n[20] ||= (e) => K.value = e
 					}, null, 8, [
 						"is-open",
@@ -4203,14 +3993,14 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					M(Mr, {
-						data: V(St),
+					M(Vr, {
+						data: H(wt),
 						"read-only": s.value,
-						onNavigate: V(Tt),
-						onCopy: n[21] ||= (e) => St.value = null,
-						onEdit: V(Et),
-						onRemove: V(Ot),
-						onClose: n[22] ||= (e) => St.value = null
+						onNavigate: H(Dt),
+						onCopy: n[21] ||= (e) => wt.value = null,
+						onEdit: H(kt),
+						onRemove: H(At),
+						onClose: n[22] ||= (e) => wt.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -4219,32 +4009,32 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 						"onRemove"
 					])
 				], 544),
-				!H.value && e.showOutlineButton ? (R(), k("button", {
+				!P.value && e.showOutlineButton ? (L(), k("button", {
 					key: 0,
 					type: "button",
 					class: "docx-editor-vue__outline-toggle",
 					title: "Show document outline",
-					onClick: n[29] ||= (...e) => V($t) && V($t)(...e),
-					onMousedown: n[30] ||= q(() => {}, ["stop"])
+					onClick: n[29] ||= (...e) => H(Qt) && H(Qt)(...e),
+					onMousedown: n[30] ||= J(() => {}, ["stop"])
 				}, [M(c, {
 					name: "format_list_bulleted",
 					size: 20
 				})], 32)) : O("", !0),
-				V(Dn).totalPages > 1 ? (R(), D(Jt, {
+				H(kn).totalPages > 1 ? (L(), D(rn, {
 					key: 1,
-					"current-page": V(Dn).currentPage,
-					"total-pages": V(Dn).totalPages,
-					visible: V(Dn).visible
+					"current-page": H(kn).currentPage,
+					"total-pages": H(kn).totalPages,
+					visible: H(kn).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
 				])) : O("", !0),
-				M(qt, {
-					"is-open": H.value,
-					headings: ve.value,
-					onClose: n[31] ||= (e) => H.value = !1,
-					onNavigate: V(en)
+				M(nn, {
+					"is-open": P.value,
+					headings: ge.value,
+					onClose: n[31] ||= (e) => P.value = !1,
+					onNavigate: H($t)
 				}, null, 8, [
 					"is-open",
 					"headings",
@@ -4253,23 +4043,23 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 			])], 32),
 			A("input", {
 				ref_key: "docxInputRef",
-				ref: ht,
+				ref: _t,
 				type: "file",
 				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 				style: { display: "none" },
-				onChange: n[33] ||= (...e) => V(gt) && V(gt)(...e)
+				onChange: n[33] ||= (...e) => H(vt) && H(vt)(...e)
 			}, null, 544),
-			M(Sr, {
+			M(jr, {
 				"read-only": s.value,
-				"context-menu": V(zn),
-				"image-context-menu": V(Bn),
-				"image-context-menu-text-actions": V(Vn),
-				"can-open-image-properties": !!V(vn),
-				onContextMenuAction: V(Gn),
-				onCloseContextMenu: n[34] ||= (e) => V(zn).isOpen = !1,
-				onImageWrapSelect: V(Wn),
-				onCloseImageContextMenu: n[35] ||= (e) => Bn.value = null,
-				onOpenImageProperties: n[36] ||= (e) => N.value = !0
+				"context-menu": H(Vn),
+				"image-context-menu": H(Hn),
+				"image-context-menu-text-actions": H(Un),
+				"can-open-image-properties": !!H(bn),
+				onContextMenuAction: H(qn),
+				onCloseContextMenu: n[34] ||= (e) => H(Vn).isOpen = !1,
+				onImageWrapSelect: H(Kn),
+				onCloseImageContextMenu: n[35] ||= (e) => Hn.value = null,
+				onOpenImageProperties: n[36] ||= (e) => j.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -4284,8 +4074,8 @@ var ai = { class: "docx-editor-vue__toolbar-shell" }, oi = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function pi(e, t, n = {}) {
-	let r = e instanceof ArrayBuffer ? e : await Te(e), i = null, a = null, o = !1, s = {
+async function xi(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await Ae(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;
@@ -4306,8 +4096,8 @@ async function pi(e, t, n = {}) {
 		}
 	};
 	return new Promise((e, c) => {
-		a = re({ setup() {
-			return () => oe(fi, {
+		a = ie({ setup() {
+			return () => P(bi, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -4331,6 +4121,6 @@ async function pi(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var mi = "0.0.2";
+var Si = "0.0.2";
 //#endregion
-export { fi as DocxEditor, mi as VERSION, bt as createDocumentWithText, xt as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, pi as renderAsync, n as useTranslation };
+export { bi as DocxEditor, Si as VERSION, It as createDocumentWithText, Lt as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, xi as renderAsync, n as useTranslation };