@eigenpal/docx-editor-vue 1.6.1 → 1.6.2

package/dist/index.js

@@ -4,7 +4,7 @@ import { t as b } from "./_plugin-vue_export-helper-B52Kst-M.js";
 import { n as x } from "./RenderedDomContext-CHc18N_2.js";
 import { t as S } from "./zIndex-CxELVe_L.js";
 import { i as C, n as ee, r as te, t as ne } from "./useDragAutoScroll-B21Ec-Zy.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 P, isRef as oe, nextTick as se, normalizeClass as ce, normalizeStyle as F, onBeforeUnmount as I, onMounted as le, openBlock as L, ref as R, renderList as ue, renderSlot as de, resolveDynamicComponent as fe, shallowRef as pe, toDisplayString as z, unref as B, vModelCheckbox as V, vModelSelect as me, vModelText as H, watch as U, watchEffect as W, withCtx as he, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
+import { Fragment as w, Teleport as T, computed as E, createApp as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as re, createStaticVNode as ie, createTextVNode as M, createVNode as N, defineComponent as P, h as ae, isRef as oe, nextTick as se, normalizeClass as ce, normalizeStyle as F, onBeforeUnmount as I, onMounted as le, openBlock as L, ref as R, renderList as ue, renderSlot as de, resolveDynamicComponent as fe, shallowRef as pe, toDisplayString as z, unref as B, vModelCheckbox as V, vModelSelect as me, vModelText as H, watch as U, watchEffect as W, withCtx as he, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
 import { NodeSelection as J, TextSelection as Y } from "prosemirror-state";
 import { applyCellSelectionHighlight as ge, clickToPositionDom as _e, computeHfCaretRectFromView as ve, computeHfSelectionRectsFromView as ye, findBodyPmAnchor as X, findBodyPmSpans as be } from "@eigenpal/docx-editor-core/layout-bridge";
 import { clampRangeToDoc as xe, findChangeRange as Se, findCommentRange as Ce, findInDocument as we, getPageContent as Te, getSelectionInfo as Ee } from "@eigenpal/docx-editor-core/prosemirror/queries";
@@ -97,7 +97,7 @@ function on(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var sn = /* @__PURE__ */ N({
+var sn = /* @__PURE__ */ P({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -182,7 +182,7 @@ var sn = /* @__PURE__ */ N({
 		function u(e) {
 			return e.type?.attrs ?? null;
 		}
-		return (e, t) => (L(), k("div", {
+		return (e, t) => (L(), A("div", {
 			ref_key: "overlayRef",
 			ref: n,
 			class: "paged-editor__decoration-overlay",
@@ -209,7 +209,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 }, fn = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, pn = 4, mn = 15, hn = 250, gn = 700, _n = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, pn = 4, mn = 15, hn = 250, gn = 700, _n = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -267,9 +267,9 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				zoom: r.zoom
 			});
 		}
-		let re = null;
-		function D() {
-			re?.();
+		let D = null;
+		function O() {
+			D?.();
 			let e = 0, t = "", n = 0, r = 0, i = (a) => {
 				r === 0 && (r = a);
 				let o = a - r;
@@ -279,7 +279,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			};
 			e = requestAnimationFrame(i);
 			let a = setTimeout(T, hn);
-			re = () => {
+			D = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
@@ -288,9 +288,9 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				p.value = null;
 				return;
 			}
-			D(), n(() => re?.());
+			O(), n(() => D?.());
 		}, { immediate: !0 }), U(() => r.zoom, () => {
-			r.imageInfo && D();
+			r.imageInfo && O();
 		}), U(() => r.imageInfo, (e, t, n) => {
 			if (!r.imageInfo) return;
 			let i = () => {
@@ -301,7 +301,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			se(() => {
 				if (c || !r.imageInfo) return;
 				let e = te();
-				e && (s = new MutationObserver(() => D()), s.observe(e, {
+				e && (s = new MutationObserver(() => O()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
@@ -309,7 +309,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), s?.disconnect(), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let ie = E(() => o.value ? l.value : p.value?.width || 0), ae = E(() => o.value ? u.value : p.value?.height || 0), j = E(() => {
+		let re = E(() => o.value ? l.value : p.value?.width || 0), ie = E(() => o.value ? u.value : p.value?.height || 0), M = E(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -330,8 +330,8 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				zIndex: S.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), M = E(() => {
-			let e = ie.value, t = ae.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+		}), N = E(() => {
+			let e = re.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",
@@ -399,10 +399,10 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				}
 			];
 		});
-		function N(e, t) {
-			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, l.value = Math.round(_), u.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", P), document.addEventListener("mouseup", oe));
+		function P(e, t) {
+			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, l.value = Math.round(_), u.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", ae), document.addEventListener("mouseup", oe));
 		}
-		function P(e) {
+		function ae(e) {
 			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = $e(m, n, i, _, v, a);
 			l.value = Math.round(o.width), u.value = Math.round(o.height);
 			let s = y;
@@ -414,7 +414,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			});
 		}
 		function oe() {
-			document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", oe), o.value = !1, y = null, i("interact-end");
+			document.removeEventListener("mousemove", ae), document.removeEventListener("mouseup", oe), o.value = !1, y = null, i("interact-end");
 			let e = r.view, t = r.imageInfo;
 			if (!e || !t) {
 				T();
@@ -520,73 +520,95 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			} catch {}
 		}
 		return I(() => {
-			document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K), x && document.removeEventListener("mousemove", x), C && document.removeEventListener("mouseup", C), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b), re?.();
-		}), (t, r) => e.imageInfo ? (L(), k("div", {
+			document.removeEventListener("mousemove", ae), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K), x && document.removeEventListener("mousemove", x), C && document.removeEventListener("mouseup", C), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b), D?.();
+		}), (t, r) => e.imageInfo ? (L(), A("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: a,
 			class: "image-overlay",
-			style: F(j.value),
+			style: F(M.value),
 			onMousedown: r[3] ||= q(() => {}, ["stop"])
 		}, [
-			r[4] ||= A("div", { class: "image-overlay__border" }, null, -1),
-			A("div", {
+			r[4] ||= j("div", { class: "image-overlay__border" }, null, -1),
+			j("div", {
 				class: "image-overlay__body",
 				style: F({ cursor: s.value ? "grabbing" : "grab" }),
 				onMousedown: r[0] ||= q((e) => ge(e), ["prevent", "stop"]),
 				onContextmenu: r[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(L(!0), k(w, null, ue(M.value, (e) => (L(), k("div", {
+			(L(!0), A(w, null, ue(N.value, (e) => (L(), A("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"])
+				onMousedown: q((t) => P(t, e.pos), ["prevent", "stop"])
 			}, null, 44, ln))), 128)),
-			r[5] ||= A("div", { class: "image-overlay__rotate-line" }, null, -1),
-			A("div", {
+			r[5] ||= j("div", { class: "image-overlay__rotate-line" }, null, -1),
+			j("div", {
 				class: "image-overlay__rotate-handle",
-				style: F({ left: `${ie.value / 2 - 7}px` }),
+				style: F({ left: `${re.value / 2 - 7}px` }),
 				title: B(n)("imageOverlay.rotate"),
 				onMousedown: r[2] ||= q((e) => he(e), ["prevent", "stop"])
 			}, null, 44, un),
-			o.value ? (L(), k("div", dn, z(Math.round(l.value)) + " × " + z(Math.round(u.value)), 1)) : O("", !0),
-			c.value ? (L(), k("div", fn, z(Math.round(f.value)) + "° ", 1)) : O("", !0)
-		], 36)) : O("", !0);
+			o.value ? (L(), A("div", dn, z(Math.round(l.value)) + " × " + z(Math.round(u.value)), 1)) : k("", !0),
+			c.value ? (L(), A("div", fn, z(Math.round(f.value)) + "° ", 1)) : k("", !0)
+		], 36)) : k("", !0);
 	}
 }), [["__scopeId", "data-v-a3e3aca1"]]), vn = { class: "doc-outline__header" }, yn = { class: "doc-outline__body" }, bn = {
 	key: 0,
 	class: "doc-outline__empty"
-}, xn = ["onMousedown"], Sn = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, xn = ["onMousedown"], Sn = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
-		headings: {}
+		headings: {},
+		leftOffset: { default: 12 }
 	},
 	emits: ["close", "navigate"],
 	setup(e) {
-		return (t, n) => e.isOpen ? (L(), k("nav", {
+		let t = e, n = E(() => t.headings.length ? Math.min(...t.headings.map((e) => e.level)) : 0);
+		return (t, i) => e.isOpen ? (L(), A("nav", {
 			key: 0,
 			class: "doc-outline",
+			style: F({ left: e.leftOffset + "px" }),
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: n[1] ||= q(() => {}, ["stop"])
-		}, [A("div", vn, [A("button", {
+			onMousedown: i[1] ||= q(() => {}, ["stop"])
+		}, [j("div", vn, [j("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
-			onClick: n[0] ||= (e) => t.$emit("close")
-		}, [M(r, {
+			onClick: i[0] ||= (e) => t.$emit("close")
+		}, [N(r, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", yn, [e.headings.length === 0 ? (L(), k("div", bn, " No headings found ")) : O("", !0), (L(!0), k(w, null, ue(e.headings, (e, n) => (L(), k("button", {
-			key: n,
+		})]), i[2] ||= j("span", { class: "doc-outline__title" }, "Document Outline", -1)]), j("div", yn, [e.headings.length === 0 ? (L(), A("div", bn, "No headings found")) : k("", !0), (L(!0), A(w, null, ue(e.headings, (e, r) => (L(), A("button", {
+			key: r,
 			class: "doc-outline__item",
-			style: F({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
+			style: F({ paddingLeft: 8 + (e.level - n.value) * 16 + "px" }),
 			onMousedown: q((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, z(e.text || "(untitled)"), 45, xn))), 128))])], 32)) : O("", !0);
+		}, z(e.text || "(untitled)"), 45, xn))), 128))])], 36)) : k("", !0);
 	}
-}), [["__scopeId", "data-v-d3dae0f1"]]), Cn = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}), [["__scopeId", "data-v-db5afef4"]]), Cn = ["title", "aria-label"], wn = /* @__PURE__ */ P({
+	__name: "OutlineToggleButton",
+	props: { leftOffset: {} },
+	emits: ["toggle"],
+	setup(e) {
+		let { t } = d();
+		return (n, i) => (L(), A("button", {
+			type: "button",
+			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
+			style: F({ left: e.leftOffset + "px" }),
+			title: B(t)("editor.showDocumentOutline"),
+			"aria-label": B(t)("editor.showDocumentOutline"),
+			onClick: i[0] ||= (e) => n.$emit("toggle"),
+			onMousedown: i[1] ||= q(() => {}, ["stop"])
+		}, [N(r, {
+			name: "format_list_bulleted",
+			size: 20
+		})], 44, Cn));
+	}
+}), Tn = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -595,7 +617,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 	},
 	setup(e) {
 		let { t } = d();
-		return (n, r) => (L(), k("div", {
+		return (n, r) => (L(), A("div", {
 			class: "docx-editor-vue__page-indicator",
 			style: F({ opacity: +!!e.visible }),
 			"aria-live": "polite",
@@ -605,10 +627,10 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-877b9ee2"]]), wn = { class: "hf-editor__label" }, Tn = {
+}), [["__scopeId", "data-v-877b9ee2"]]), En = { class: "hf-editor__label" }, Dn = {
 	class: "hf-editor__actions",
 	style: { position: "relative" }
-}, En = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, On = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
@@ -654,60 +676,60 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		function c() {
 			n.view && (r("save", dt(n.view.state.doc)), r("close"));
 		}
-		return (t, n) => e.isOpen ? (L(), k("div", {
+		return (t, n) => e.isOpen ? (L(), A("div", {
 			key: 0,
 			class: "hf-editor",
 			style: F(i.value)
-		}, [A("div", {
+		}, [j("div", {
 			class: ce(["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", wn, z(e.position === "header" ? "Header" : "Footer"), 1), A("div", Tn, [
-			A("button", {
+		}, [j("span", En, z(e.position === "header" ? "Header" : "Footer"), 1), j("div", Dn, [
+			j("button", {
 				class: "hf-editor__btn",
 				title: "Options",
 				onMousedown: n[0] ||= q(() => {}, ["prevent"]),
 				onClick: n[1] ||= (e) => a.value = !a.value
 			}, " Options ▾ ", 32),
-			a.value ? (L(), k("div", {
+			a.value ? (L(), A("div", {
 				key: 0,
 				class: "hf-editor__dropdown",
 				onMousedown: n[4] ||= q(() => {}, ["stop"]),
 				onContextmenu: n[5] ||= q(() => {}, ["stop"])
-			}, [A("button", {
+			}, [j("button", {
 				type: "button",
 				class: "hf-editor__dropdown-item",
 				onClick: n[2] ||= (e) => {
 					a.value = !1, o("PAGE");
 				}
-			}, " Insert current page number "), A("button", {
+			}, " Insert current page number "), j("button", {
 				type: "button",
 				class: "hf-editor__dropdown-item",
 				onClick: n[3] ||= (e) => {
 					a.value = !1, o("NUMPAGES");
 				}
-			}, " Insert total page count ")], 32)) : O("", !0),
-			A("button", {
+			}, " Insert total page count ")], 32)) : k("", !0),
+			j("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
 				onMousedown: n[6] ||= q((e) => t.$emit("remove"), ["prevent"])
 			}, " Remove ", 32),
-			A("button", {
+			j("button", {
 				class: "hf-editor__btn hf-editor__btn--primary",
 				title: "Save",
 				onMousedown: q(c, ["prevent"])
 			}, " Save ", 32),
-			A("button", {
+			j("button", {
 				class: "hf-editor__btn",
 				title: "Cancel",
 				onMousedown: n[7] ||= q((e) => t.$emit("close"), ["prevent"])
 			}, " Cancel ", 32)
-		])], 34)], 4)) : O("", !0);
+		])], 34)], 4)) : k("", !0);
 	}
-}), [["__scopeId", "data-v-81468575"]]), Dn = ["role"], On = {
+}), [["__scopeId", "data-v-81468575"]]), kn = ["role"], An = {
 	key: 0,
 	class: "layout-sdt-widget-empty"
-}, kn = ["aria-selected", "onClick"], An = ["value"], jn = ".layout-sdt-widget, .layout-inline-sdt-widget", Mn = /* @__PURE__ */ N({
+}, jn = ["aria-selected", "onClick"], Mn = ["value"], Nn = ".layout-sdt-widget, .layout-inline-sdt-widget", Pn = /* @__PURE__ */ P({
 	__name: "ContentControlWidgets",
 	props: {
 		container: {},
@@ -749,7 +771,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		}
 		function l(e) {
 			let t = e.target;
-			(t?.closest?.(jn) || t?.closest?.(".layout-sdt-repeat-btn")) && e.preventDefault();
+			(t?.closest?.(Nn) || t?.closest?.(".layout-sdt-repeat-btn")) && e.preventDefault();
 		}
 		function u(e) {
 			let t = i.view, n = e.dataset.sdtWidget, o = r(e);
@@ -779,12 +801,12 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				e.preventDefault(), e.stopPropagation(), c(t);
 				return;
 			}
-			let n = e.target?.closest?.(jn);
+			let n = e.target?.closest?.(Nn);
 			n && (e.preventDefault(), e.stopPropagation(), u(n));
 		}
 		function f(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
-			let t = e.target?.closest?.(jn);
+			let t = e.target?.closest?.(Nn);
 			t && (e.preventDefault(), u(t));
 		}
 		function p(e) {
@@ -820,7 +842,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				date: t
 			});
 		}
-		return (e, t) => a.value ? (L(), k("div", {
+		return (e, t) => a.value ? (L(), A("div", {
 			key: 0,
 			ref_key: "popupEl",
 			ref: o,
@@ -834,7 +856,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			}),
 			onKeydown: g,
 			onMousedown: t[0] ||= q(() => {}, ["prevent"])
-		}, [a.value.kind === "dropdown" ? (L(), k(w, { key: 0 }, [a.value.items.length === 0 ? (L(), k("div", On, "No options")) : O("", !0), (L(!0), k(w, null, ue(a.value.items, (e) => (L(), k("button", {
+		}, [a.value.kind === "dropdown" ? (L(), A(w, { key: 0 }, [a.value.items.length === 0 ? (L(), A("div", An, "No options")) : k("", !0), (L(!0), A(w, null, ue(a.value.items, (e) => (L(), A("button", {
 			key: e.value,
 			type: "button",
 			role: "option",
@@ -844,18 +866,18 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				kind: "dropdown",
 				value: e.value
 			})
-		}, z(e.displayText), 11, kn))), 128))], 64)) : (L(), k("input", {
+		}, z(e.displayText), 11, jn))), 128))], 64)) : (L(), A("input", {
 			key: 1,
 			type: "date",
 			class: "layout-sdt-widget-date",
 			value: a.value.current,
 			onChange: _
-		}, null, 40, An))], 44, Dn)) : O("", !0);
+		}, null, 40, Mn))], 44, kn)) : k("", !0);
 	}
-}), Nn = {
+}), Fn = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Pn = { class: "docx-editor-vue__title-bar-left" }, Fn = { class: "docx-editor-vue__title-bar-center" }, In = { class: "docx-editor-vue__title-bar-right" }, Ln = /* @__PURE__ */ N({
+}, In = { class: "docx-editor-vue__title-bar-left" }, Ln = { class: "docx-editor-vue__title-bar-center" }, Rn = { class: "docx-editor-vue__title-bar-right" }, zn = /* @__PURE__ */ P({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -874,41 +896,41 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (L(), k("div", Nn, [
-			A("div", Pn, [e.renderLogo ? (L(), D(fe(e.renderLogo), { key: 0 })) : O("", !0), de(t.$slots, "title-bar-left")]),
-			A("div", Fn, [M(h, {
+		return (t, r) => e.showMenuBar ? (L(), A("div", Fn, [
+			j("div", In, [e.renderLogo ? (L(), O(fe(e.renderLogo), { key: 0 })) : k("", !0), de(t.$slots, "title-bar-left")]),
+			j("div", Ln, [N(h, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
-			}, null, 8, ["model-value", "editable"]), M(v, {
+			}, null, 8, ["model-value", "editable"]), N(v, {
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			A("div", In, [de(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), D(fe(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
-		])) : O("", !0);
+			j("div", Rn, [de(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), O(fe(e.renderTitleBarRight), { key: 0 })) : k("", !0)])
+		])) : k("", !0);
 	}
-}), Rn = ["aria-label"], $ = { class: "wm-header" }, zn = { class: "wm-body" }, Bn = { class: "wm-radio-row" }, Vn = ["checked"], Hn = {
+}), $ = ["aria-label"], Bn = { class: "wm-header" }, Vn = { class: "wm-body" }, Hn = { class: "wm-radio-row" }, Un = ["checked"], Wn = {
 	for: "wm-none",
 	class: "wm-inline-label"
-}, Un = { class: "wm-radio-row" }, Wn = ["checked"], Gn = {
+}, Gn = { class: "wm-radio-row" }, Kn = ["checked"], qn = {
 	for: "wm-picture",
 	class: "wm-inline-label"
-}, Kn = {
+}, Jn = {
 	key: 0,
 	class: "wm-subform"
-}, qn = { class: "wm-row" }, Jn = {
+}, Yn = { class: "wm-row" }, Xn = {
 	key: 0,
 	class: "wm-row"
-}, Yn = ["src"], Xn = { class: "wm-row" }, Zn = { class: "wm-label" }, Qn = { class: "wm-inline-label" }, $n = { class: "wm-radio-row" }, er = ["checked"], tr = {
+}, Zn = ["src"], Qn = { class: "wm-row" }, $n = { class: "wm-label" }, er = { class: "wm-inline-label" }, tr = { class: "wm-radio-row" }, nr = ["checked"], rr = {
 	for: "wm-text",
 	class: "wm-inline-label"
-}, nr = {
+}, ir = {
 	key: 1,
 	class: "wm-subform"
-}, rr = {
+}, ar = {
 	key: 0,
 	class: "wm-row"
-}, ir = { class: "wm-label" }, ar = ["value"], or = ["value"], sr = { class: "wm-row" }, cr = { class: "wm-label" }, lr = { class: "wm-row" }, ur = { class: "wm-label" }, dr = ["value"], fr = { class: "wm-row" }, pr = { class: "wm-label" }, mr = { class: "wm-inline-label" }, hr = { class: "wm-row" }, gr = { class: "wm-label" }, _r = { class: "wm-row" }, vr = { class: "wm-label" }, yr = { class: "wm-inline-label" }, br = ["checked"], xr = { class: "wm-inline-label" }, Sr = ["checked"], Cr = { class: "wm-inline-label" }, wr = { class: "wm-footer" }, Tr = ["disabled"], Er = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, or = { class: "wm-label" }, sr = ["value"], cr = ["value"], lr = { class: "wm-row" }, ur = { class: "wm-label" }, dr = { class: "wm-row" }, fr = { class: "wm-label" }, pr = ["value"], mr = { class: "wm-row" }, hr = { class: "wm-label" }, gr = { class: "wm-inline-label" }, _r = { class: "wm-row" }, vr = { class: "wm-label" }, yr = { class: "wm-row" }, br = { class: "wm-label" }, xr = { class: "wm-inline-label" }, Sr = ["checked"], Cr = { class: "wm-inline-label" }, wr = ["checked"], Tr = { class: "wm-inline-label" }, Er = { class: "wm-footer" }, Dr = ["disabled"], Or = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "WatermarkDialog",
 	props: {
 		isOpen: { type: Boolean },
@@ -980,45 +1002,45 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		function te(e) {
 			e.key === "Escape" && C();
 		}
-		return (t, i) => e.isOpen ? (L(), k("div", {
+		return (t, i) => e.isOpen ? (L(), A("div", {
 			key: 0,
 			class: "wm-overlay",
 			onMousedown: q(C, ["self"]),
 			onKeydown: te
-		}, [A("div", {
+		}, [j("div", {
 			class: "wm-dialog",
 			role: "dialog",
 			"aria-label": B(r)("dialogs.watermark.title"),
 			onMousedown: i[13] ||= q(() => {}, ["stop"])
 		}, [
-			A("div", $, z(B(r)("dialogs.watermark.title")), 1),
-			A("div", zn, [
-				A("div", Bn, [A("input", {
+			j("div", Bn, z(B(r)("dialogs.watermark.title")), 1),
+			j("div", Vn, [
+				j("div", Hn, [j("input", {
 					id: "wm-none",
 					type: "radio",
 					checked: s.value === "none",
 					onChange: i[0] ||= (e) => s.value = "none"
-				}, null, 40, Vn), A("label", Hn, z(B(r)("dialogs.watermark.noWatermark")), 1)]),
-				A("div", Un, [A("input", {
+				}, null, 40, Un), j("label", Wn, z(B(r)("dialogs.watermark.noWatermark")), 1)]),
+				j("div", Gn, [j("input", {
 					id: "wm-picture",
 					type: "radio",
 					checked: s.value === "picture",
 					onChange: i[1] ||= (e) => s.value = "picture"
-				}, null, 40, Wn), A("label", Gn, z(B(r)("dialogs.watermark.picture")), 1)]),
-				s.value === "picture" ? (L(), k("div", Kn, [
-					A("div", qn, [A("input", {
+				}, null, 40, Kn), j("label", qn, z(B(r)("dialogs.watermark.picture")), 1)]),
+				s.value === "picture" ? (L(), A("div", Jn, [
+					j("div", Yn, [j("input", {
 						type: "file",
 						accept: "image/*",
 						onChange: S
 					}, null, 32)]),
-					g.value ? (L(), k("div", Jn, [A("img", {
+					g.value ? (L(), A("div", Xn, [j("img", {
 						src: g.value,
 						alt: "",
 						class: "wm-preview"
-					}, null, 8, Yn)])) : O("", !0),
-					A("div", Xn, [
-						A("span", Zn, z(B(r)("dialogs.watermark.scale")), 1),
-						G(A("input", {
+					}, null, 8, Zn)])) : k("", !0),
+					j("div", Qn, [
+						j("span", $n, z(B(r)("dialogs.watermark.scale")), 1),
+						G(j("input", {
 							class: "wm-input wm-input--narrow",
 							type: "number",
 							min: "10",
@@ -1030,46 +1052,46 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 							void 0,
 							{ number: !0 }
 						]]),
-						i[14] ||= A("span", { class: "wm-unit" }, "%", -1)
+						i[14] ||= j("span", { class: "wm-unit" }, "%", -1)
 					]),
-					A("label", Qn, [G(A("input", {
+					j("label", er, [G(j("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": i[3] ||= (e) => y.value = e
-					}, null, 512), [[V, y.value]]), j(" " + z(B(r)("dialogs.watermark.washout")), 1)])
-				])) : O("", !0),
-				A("div", $n, [A("input", {
+					}, null, 512), [[V, y.value]]), M(" " + z(B(r)("dialogs.watermark.washout")), 1)])
+				])) : k("", !0),
+				j("div", tr, [j("input", {
 					id: "wm-text",
 					type: "radio",
 					checked: s.value === "text",
 					onChange: i[4] ||= (e) => s.value = "text"
-				}, null, 40, er), A("label", tr, z(B(r)("dialogs.watermark.text")), 1)]),
-				s.value === "text" ? (L(), k("div", nr, [
-					a.value.length > 0 ? (L(), k("div", rr, [A("span", ir, z(B(r)("dialogs.watermark.presetLabel")), 1), A("select", {
+				}, null, 40, nr), j("label", rr, z(B(r)("dialogs.watermark.text")), 1)]),
+				s.value === "text" ? (L(), A("div", ir, [
+					a.value.length > 0 ? (L(), A("div", ar, [j("span", or, z(B(r)("dialogs.watermark.presetLabel")), 1), j("select", {
 						class: "wm-input",
 						value: a.value.includes(c.value) ? c.value : "",
 						onChange: x
-					}, [i[15] ||= A("option", { value: "" }, "—", -1), (L(!0), k(w, null, ue(a.value, (e) => (L(), k("option", {
+					}, [i[15] ||= j("option", { value: "" }, "—", -1), (L(!0), A(w, null, ue(a.value, (e) => (L(), A("option", {
 						key: e,
 						value: e
-					}, z(e), 9, or))), 128))], 40, ar)])) : O("", !0),
-					A("div", sr, [A("span", cr, z(B(r)("dialogs.watermark.textLabel")), 1), G(A("input", {
+					}, z(e), 9, cr))), 128))], 40, sr)])) : k("", !0),
+					j("div", lr, [j("span", ur, z(B(r)("dialogs.watermark.textLabel")), 1), G(j("input", {
 						class: "wm-input",
 						"onUpdate:modelValue": i[5] ||= (e) => c.value = e
 					}, null, 512), [[H, c.value]])]),
-					A("div", lr, [A("span", ur, z(B(r)("dialogs.watermark.fontLabel")), 1), G(A("select", {
+					j("div", dr, [j("span", fr, z(B(r)("dialogs.watermark.fontLabel")), 1), G(j("select", {
 						class: "wm-input",
 						"onUpdate:modelValue": i[6] ||= (e) => l.value = e
-					}, [(L(), k(w, null, ue(n, (e) => A("option", {
+					}, [(L(), A(w, null, ue(n, (e) => j("option", {
 						key: e,
 						value: e
-					}, z(e), 9, dr)), 64))], 512), [[me, l.value]])]),
-					A("div", fr, [
-						A("span", pr, z(B(r)("dialogs.watermark.sizeLabel")), 1),
-						A("label", mr, [G(A("input", {
+					}, z(e), 9, pr)), 64))], 512), [[me, l.value]])]),
+					j("div", mr, [
+						j("span", hr, z(B(r)("dialogs.watermark.sizeLabel")), 1),
+						j("label", gr, [G(j("input", {
 							type: "checkbox",
 							"onUpdate:modelValue": i[7] ||= (e) => u.value = e
-						}, null, 512), [[V, u.value]]), j(" " + z(B(r)("dialogs.watermark.sizeAuto")), 1)]),
-						u.value ? O("", !0) : G((L(), k("input", {
+						}, null, 512), [[V, u.value]]), M(" " + z(B(r)("dialogs.watermark.sizeAuto")), 1)]),
+						u.value ? k("", !0) : G((L(), A("input", {
 							key: 0,
 							class: "wm-input wm-input--narrow",
 							type: "number",
@@ -1083,44 +1105,44 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 							{ number: !0 }
 						]])
 					]),
-					A("div", hr, [A("span", gr, z(B(r)("dialogs.watermark.colorLabel")), 1), G(A("input", {
+					j("div", _r, [j("span", vr, z(B(r)("dialogs.watermark.colorLabel")), 1), G(j("input", {
 						type: "color",
 						"onUpdate:modelValue": i[9] ||= (e) => p.value = e
 					}, null, 512), [[H, p.value]])]),
-					A("div", _r, [
-						A("span", vr, z(B(r)("dialogs.watermark.layoutLabel")), 1),
-						A("label", yr, [A("input", {
+					j("div", yr, [
+						j("span", br, z(B(r)("dialogs.watermark.layoutLabel")), 1),
+						j("label", xr, [j("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "diagonal",
 							onChange: i[10] ||= (e) => m.value = "diagonal"
-						}, null, 40, br), j(" " + z(B(r)("dialogs.watermark.diagonal")), 1)]),
-						A("label", xr, [A("input", {
+						}, null, 40, Sr), M(" " + z(B(r)("dialogs.watermark.diagonal")), 1)]),
+						j("label", Cr, [j("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "horizontal",
 							onChange: i[11] ||= (e) => m.value = "horizontal"
-						}, null, 40, Sr), j(" " + z(B(r)("dialogs.watermark.horizontal")), 1)])
+						}, null, 40, wr), M(" " + z(B(r)("dialogs.watermark.horizontal")), 1)])
 					]),
-					A("label", Cr, [G(A("input", {
+					j("label", Tr, [G(j("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": i[12] ||= (e) => h.value = e
-					}, null, 512), [[V, h.value]]), j(" " + z(B(r)("dialogs.watermark.semitransparent")), 1)])
-				])) : O("", !0)
+					}, null, 512), [[V, h.value]]), M(" " + z(B(r)("dialogs.watermark.semitransparent")), 1)])
+				])) : k("", !0)
 			]),
-			A("div", wr, [A("button", {
+			j("div", Er, [j("button", {
 				type: "button",
 				class: "wm-btn",
 				onClick: C
-			}, z(B(r)("dialogs.watermark.cancelButton")), 1), A("button", {
+			}, z(B(r)("dialogs.watermark.cancelButton")), 1), j("button", {
 				type: "button",
 				class: ce(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
 				disabled: b.value,
 				onClick: ee
-			}, z(B(r)("dialogs.watermark.applyButton")), 11, Tr)])
-		], 40, Rn)], 32)) : O("", !0);
+			}, z(B(r)("dialogs.watermark.applyButton")), 11, Dr)])
+		], 40, $)], 32)) : k("", !0);
 	}
-}), [["__scopeId", "data-v-cf7e36c1"]]), Dr = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-cf7e36c1"]]), kr = /* @__PURE__ */ P({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -1154,8 +1176,8 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 	],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (L(), k(w, null, [
-			M(s, {
+		return (n, a) => (L(), A(w, null, [
+			N(s, {
 				"is-open": t.showFindReplace,
 				view: t.view,
 				"scroll-visible-position-into-view": t.scrollVisiblePositionIntoView,
@@ -1165,7 +1187,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"view",
 				"scroll-visible-position-into-view"
 			]),
-			M(e, {
+			N(e, {
 				"is-open": t.showHyperlink,
 				view: t.view,
 				bookmarks: t.bookmarks,
@@ -1177,12 +1199,12 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"view",
 				"bookmarks"
 			]),
-			M(i, {
+			N(i, {
 				"is-open": t.showInsertSymbol,
 				onClose: a[4] ||= (e) => r("update:showInsertSymbol", !1),
 				onInsert: a[5] ||= (e) => r("insert-symbol", e)
 			}, null, 8, ["is-open"]),
-			M(c, {
+			N(c, {
 				"is-open": t.showImageProperties,
 				view: t.view,
 				"pm-pos": t.selectedImagePmPos,
@@ -1192,13 +1214,13 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"view",
 				"pm-pos"
 			]),
-			M(o, {
+			N(o, {
 				"is-open": t.showPageSetup,
 				"section-properties": t.sectionProperties,
 				onClose: a[7] ||= (e) => r("update:showPageSetup", !1),
 				onApply: a[8] ||= (e) => r("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"]),
-			M(Er, {
+			N(Or, {
 				"is-open": t.showWatermark,
 				current: t.currentWatermark,
 				presets: t.watermarkPresets,
@@ -1209,16 +1231,16 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"current",
 				"presets"
 			]),
-			M(u, {
+			N(u, {
 				"is-open": t.showKeyboardShortcuts,
 				onClose: a[11] ||= (e) => r("update:showKeyboardShortcuts", !1)
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), Or = ["disabled", "onMousedown"], kr = { class: "ctx-menu__label" }, Ar = {
+}), Ar = ["disabled", "onMousedown"], jr = { class: "ctx-menu__label" }, Mr = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, jr = 220, Mr = 32, Nr = 10, Pr = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, Nr = 220, Pr = 32, Fr = 10, Ir = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -1351,8 +1373,8 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				disabled: !n.canSplitCell
 			}), e;
 		}), s = E(() => {
-			let e = n.position.x, t = n.position.y, r = o.value.filter((e) => !e.divider).length, i = o.value.filter((e) => e.divider).length, a = r * Mr + i * 9;
-			return typeof window < "u" && (e + jr + Nr > window.innerWidth && (e = window.innerWidth - jr - Nr), t + a + Nr > window.innerHeight && (t = window.innerHeight - a - Nr)), {
+			let e = n.position.x, t = n.position.y, r = o.value.filter((e) => !e.divider).length, i = o.value.filter((e) => e.divider).length, a = r * Pr + i * 9;
+			return typeof window < "u" && (e + Nr + Fr > window.innerWidth && (e = window.innerWidth - Nr - Fr), t + a + Fr > window.innerHeight && (t = window.innerHeight - a - Fr)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1367,12 +1389,12 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		}
 		return U(() => n.isOpen, (e) => {
 			e && se(() => a.value?.focus());
-		}), (t, n) => (L(), D(T, { to: "body" }, [e.isOpen ? (L(), k("div", {
+		}), (t, n) => (L(), O(T, { to: "body" }, [e.isOpen ? (L(), A("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 ? (L(), k("div", {
+		}, null, 32)) : k("", !0), e.isOpen ? (L(), A("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: a,
@@ -1380,7 +1402,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			style: F(s.value),
 			onContextmenu: n[2] ||= q(() => {}, ["prevent"]),
 			onKeydown: l
-		}, [(L(!0), k(w, null, ue(o.value, (e, t) => (L(), k("button", {
+		}, [(L(!0), A(w, null, ue(o.value, (e, t) => (L(), A("button", {
 			key: e.id || t,
 			class: ce(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
@@ -1388,27 +1410,27 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			}]),
 			disabled: e.disabled,
 			onMousedown: q((t) => c(e.action), ["prevent"])
-		}, [A("span", kr, z(e.label), 1), e.shortcut ? (L(), k("span", Ar, z(e.shortcut), 1)) : O("", !0)], 42, Or))), 128))], 36)) : O("", !0)]));
+		}, [j("span", jr, z(e.label), 1), e.shortcut ? (L(), A("span", Mr, z(e.shortcut), 1)) : k("", !0)], 42, Ar))), 128))], 36)) : k("", !0)]));
 	}
-}), [["__scopeId", "data-v-852b8986"]]), Fr = ["aria-label"], Ir = { class: "image-ctx-menu__icon" }, Lr = { class: "image-ctx-menu__label" }, Rr = {
+}), [["__scopeId", "data-v-852b8986"]]), Lr = ["aria-label"], Rr = { class: "image-ctx-menu__icon" }, zr = { class: "image-ctx-menu__label" }, Br = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, zr = [
+}, Vr = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Br = { class: "image-ctx-menu__icon" }, Vr = { class: "image-ctx-menu__label" }, Hr = ["aria-label"], Ur = ["disabled", "onClick"], Wr = { class: "image-ctx-menu__label" }, Gr = {
+], Hr = { class: "image-ctx-menu__icon" }, Ur = { class: "image-ctx-menu__label" }, Wr = ["aria-label"], Gr = ["disabled", "onClick"], Kr = { class: "image-ctx-menu__label" }, qr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Kr = {
+}, Jr = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, qr = 18, Jr = 260, Yr = 10, Xr = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, Yr = 18, Xr = 260, Zr = 10, Qr = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1442,11 +1464,11 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		let p = E(() => {
 			if (!n.state) return {};
 			let e = it.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + Jr > window.innerWidth && (t = window.innerWidth - Jr - Yr), r + e > window.innerHeight && (r = window.innerHeight - e - Yr), t < Yr && (t = Yr), r < Yr && (r = Yr)), {
+			return typeof window < "u" && (t + Xr > window.innerWidth && (t = window.innerWidth - Xr - Zr), r + e > window.innerHeight && (r = window.innerHeight - e - Zr), t < Zr && (t = Zr), r < Zr && (r = Zr)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${Jr}px`,
+				minWidth: `${Xr}px`,
 				zIndex: 400
 			};
 		});
@@ -1465,12 +1487,12 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (L(), D(T, { to: "body" }, [e.state && e.state.open ? (L(), k("div", {
+		return (t, n) => (L(), O(T, { to: "body" }, [e.state && e.state.open ? (L(), A("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 ? (L(), k("div", {
+		}, null, 32)) : k("", !0), e.state && e.state.open ? (L(), A("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
@@ -1482,7 +1504,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			onContextmenu: n[4] ||= q(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (L(), k("button", {
+			e.canOpenProperties ? (L(), A("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
@@ -1490,12 +1512,12 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
 				onClick: a
-			}, [A("span", Ir, [M(r, {
+			}, [j("span", Rr, [N(r, {
 				name: "settings",
-				size: qr
-			})]), A("span", Lr, z(B(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
-			e.canOpenProperties ? (L(), k("div", Rr)) : O("", !0),
-			(L(!0), k(w, null, ue(B(c), (e) => (L(), k("button", {
+				size: Yr
+			})]), j("span", zr, z(B(o)("imageWrap.menu.imageProperties")), 1)], 32)) : k("", !0),
+			e.canOpenProperties ? (L(), A("div", Br)) : k("", !0),
+			(L(!0), A(w, null, ue(B(c), (e) => (L(), A("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
@@ -1508,31 +1530,31 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				onMousedown: n[2] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				A("span", Br, [M(r, {
+				j("span", Hr, [N(r, {
 					name: f(e.iconHint),
-					size: qr
+					size: Yr
 				}, null, 8, ["name"])]),
-				A("span", Vr, z(B(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === l.value ? (L(), k("span", {
+				j("span", Ur, z(B(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === l.value ? (L(), A("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
 					"aria-label": B(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Hr)) : O("", !0)
-			], 42, zr))), 128)),
-			e.textActions && e.textActions.length > 0 ? (L(), k(w, { key: 2 }, [n[5] ||= A("div", {
+				}, "●", 8, Wr)) : k("", !0)
+			], 42, Vr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (L(), A(w, { key: 2 }, [n[5] ||= j("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (L(!0), k(w, null, ue(e.textActions, (e, t) => (L(), k(w, { key: `${e.action}-${t}` }, [A("button", {
+			}, null, -1), (L(!0), A(w, null, ue(e.textActions, (e, t) => (L(), A(w, { key: `${e.action}-${t}` }, [j("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
 				onMousedown: n[3] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [A("span", Wr, z(e.label), 1), e.shortcut ? (L(), k("span", Gr, z(e.shortcut), 1)) : O("", !0)], 40, Ur), e.dividerAfter ? (L(), k("div", Kr)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
-		], 44, Fr)) : O("", !0)]));
+			}, [j("span", Kr, z(e.label), 1), e.shortcut ? (L(), A("span", qr, z(e.shortcut), 1)) : k("", !0)], 40, Gr), e.dividerAfter ? (L(), A("div", Jr)) : k("", !0)], 64))), 128))], 64)) : k("", !0)
+		], 44, Lr)) : k("", !0)]));
 	}
-}), [["__scopeId", "data-v-de904a04"]]), Zr = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-de904a04"]]), $r = /* @__PURE__ */ P({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1550,7 +1572,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (L(), k(w, null, [M(Pr, {
+		return (t, r) => (L(), A(w, null, [N(Ir, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1570,7 +1592,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), M(Xr, {
+		]), N(Qr, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1584,7 +1606,7 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 			"can-open-properties"
 		])], 64));
 	}
-}), Qr = ["href", "title"], $r = ["title"], ei = ["title"], ti = ["title"], ni = { class: "docx-hyperlink-popup__edit-row" }, ri = ["placeholder", "onKeydown"], ii = { class: "docx-hyperlink-popup__edit-row" }, ai = ["onKeydown"], oi = ["disabled"], si = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}), ei = ["href", "title"], ti = ["title"], ni = ["title"], ri = ["title"], ii = { class: "docx-hyperlink-popup__edit-row" }, ai = ["placeholder", "onKeydown"], oi = { class: "docx-hyperlink-popup__edit-row" }, si = ["onKeydown"], ci = ["disabled"], li = /* @__PURE__ */ b(/* @__PURE__ */ P({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1626,41 +1648,41 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 		function g() {
 			r.data && (i("copy", r.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(r.data.href).catch(() => {}));
 		}
-		return (t, r) => e.data ? (L(), k("div", {
+		return (t, r) => e.data ? (L(), A("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: c,
 			class: ce(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
 			style: F(l.value),
 			onMousedown: r[6] ||= q(() => {}, ["stop"])
-		}, [a.value ? (L(), k(w, { key: 1 }, [A("div", ni, [G(A("input", {
+		}, [a.value ? (L(), A(w, { key: 1 }, [j("div", ii, [G(j("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: B(n)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
 			onKeydown: [K(q(h, ["prevent"]), ["enter"]), r[3] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, ri), [[H, o.value]])]), A("div", ii, [G(A("input", {
+		}, null, 40, ai), [[H, o.value]])]), j("div", oi, [G(j("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": r[4] ||= (e) => s.value = e,
 			onKeydown: [K(q(h, ["prevent"]), ["enter"]), r[5] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, ai), [[H, s.value]]), A("button", {
+		}, null, 40, si), [[H, s.value]]), j("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !s.value.trim(),
 			onClick: q(h, ["prevent"])
-		}, z(B(n)("common.apply")), 9, oi)])], 64)) : (L(), k(w, { key: 0 }, [
-			r[10] ||= ae("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-084b4288><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-084b4288><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-084b4288></circle><path d=\"M2 12h20\" data-v-084b4288></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-084b4288></path></svg></span>", 1),
-			A("a", {
+		}, z(B(n)("common.apply")), 9, ci)])], 64)) : (L(), A(w, { key: 0 }, [
+			r[10] ||= ie("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-084b4288><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-084b4288><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-084b4288></circle><path d=\"M2 12h20\" data-v-084b4288></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-084b4288></path></svg></span>", 1),
+			j("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
 				onClick: r[0] ||= q((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, z(e.data.href), 9, Qr),
-			r[11] ||= A("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
-			A("button", {
+			}, z(e.data.href), 9, ei),
+			r[11] ||= j("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			j("button", {
 				class: "docx-hyperlink-popup__btn",
 				title: B(n)("hyperlinkPopup.copyLink"),
 				onClick: q(g, ["prevent"])
-			}, [...r[7] ||= [A("svg", {
+			}, [...r[7] ||= [j("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1669,20 +1691,20 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [A("rect", {
+			}, [j("rect", {
 				x: "9",
 				y: "9",
 				width: "13",
 				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, $r),
-			e.readOnly ? O("", !0) : (L(), k("button", {
+			}), j("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, ti),
+			e.readOnly ? k("", !0) : (L(), A("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
 				title: B(n)("hyperlinkPopup.editLink"),
 				onClick: q(m, ["prevent"])
-			}, [...r[8] ||= [A("svg", {
+			}, [...r[8] ||= [j("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1691,19 +1713,19 @@ var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 				"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, ei)),
-			e.readOnly ? O("", !0) : (L(), k("button", {
+			}, [j("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), j("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, ni)),
+			e.readOnly ? k("", !0) : (L(), A("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
 				title: B(n)("hyperlinkPopup.removeLink"),
 				onClick: r[1] ||= q((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[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-084b4288><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-084b4288></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-084b4288></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-084b4288></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-084b4288></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-084b4288></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-084b4288></line></svg>", 1)]], 8, ti))
-		], 64))], 38)) : O("", !0);
+			}, [...r[9] ||= [ie("<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-084b4288><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-084b4288></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-084b4288></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-084b4288></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-084b4288></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-084b4288></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-084b4288></line></svg>", 1)]], 8, ri))
+		], 64))], 38)) : k("", !0);
 	}
 }), [["__scopeId", "data-v-084b4288"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function ci(e) {
+function ui(e) {
 	let t = R(null), n = R(null);
 	function r(t) {
 		let n = t.target, r = n.files?.[0], i = e.getActiveView();
@@ -1755,7 +1777,7 @@ function ci(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function li(e) {
+function di(e) {
 	let t = R(null);
 	function n(t) {
 		let n = e.editorView.value;
@@ -1817,7 +1839,7 @@ function li(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function ui(e) {
+function fi(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
@@ -1886,7 +1908,7 @@ function ui(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function di(e) {
+function pi(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -1941,7 +1963,7 @@ function di(e) {
 }
 //#endregion
 //#region src/composables/useWatermarkControls.ts
-function fi(e) {
+function mi(e) {
 	let t = R(!1), n = E(() => {
 		e.stateTick.value;
 		let t = e.editorView.value;
@@ -1960,7 +1982,7 @@ function fi(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function pi(e) {
+function hi(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
@@ -1990,7 +2012,7 @@ function pi(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function mi(e) {
+function gi(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -2002,7 +2024,7 @@ function mi(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function hi(e) {
+function _i(e) {
 	let t = () => B(e.author) ?? "User";
 	function n(t) {
 		e.comments.value = t, e.commentCallbacks?.onCommentsChange?.(t);
@@ -2102,7 +2124,7 @@ function hi(e) {
 }
 //#endregion
 //#region src/composables/useHostCallbacks.ts
-function gi(e, t) {
+function vi(e, t) {
 	return U(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
 		onCommentAdd: (t) => e.onCommentAdd?.(t),
 		onCommentResolve: (t) => e.onCommentResolve?.(t),
@@ -2113,7 +2135,7 @@ function gi(e, t) {
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function _i(e) {
+function yi(e) {
 	let t = R(null), n = R(null), r = R(null), i = R(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
@@ -2247,7 +2269,7 @@ function _i(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function vi(e) {
+function bi(e) {
 	let t = pe(null), n = R(!1), r = E(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
@@ -2292,7 +2314,7 @@ function vi(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function yi(e, t, n) {
+function xi(e, t, n) {
 	let r = ht(e.state), i = e.state.schema.marks.insertion;
 	if (!r || !i) return;
 	let a = t.selection.from, o = a - n.nodeSize;
@@ -2302,10 +2324,10 @@ function yi(e, t, n) {
 		date: r.date
 	}));
 }
-function bi(e, t) {
+function Si(e, t) {
 	return e.getBlob(t);
 }
-function xi(e, t) {
+function Ci(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({
@@ -2317,13 +2339,13 @@ function xi(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Si(e) {
+function wi(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function Ci(e) {
+function Ti(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2335,13 +2357,13 @@ function Ci(e) {
 		}), n.src = e;
 	});
 }
-async function wi(e) {
+async function Ei(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 Si(await bi(n, t)), i = await Ci(r), a = i.width, o = i.height;
+				let r = await wi(await Si(n, t)), i = await Ti(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,
@@ -2351,11 +2373,11 @@ async function wi(e) {
 					wrapType: "inline",
 					displayMode: "inline"
 				}), c = e.state.tr.replaceSelectionWith(s);
-				yi(e, c, s), e.dispatch(c);
+				xi(e, c, s), e.dispatch(c);
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await bi(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await Si(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,
@@ -2365,12 +2387,12 @@ async function wi(e) {
 						wrapType: "inline",
 						displayMode: "inline"
 					}), l = e.state.tr.replaceSelectionWith(c);
-					yi(e, l, c), e.dispatch(l);
+					xi(e, l, c), e.dispatch(l);
 					return;
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await bi(n, "text/plain")).text();
+				let t = await (await Si(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2386,14 +2408,14 @@ async function wi(e) {
 		}
 	}
 }
-function Ti(e, t) {
+function Di(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 Si(i), o = await Ci(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 wi(i), o = await Ti(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,
@@ -2408,7 +2430,7 @@ function Ti(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function Ei(e) {
+function Oi(e) {
 	let { t } = d(), n = R({
 		isOpen: !1,
 		position: {
@@ -2529,16 +2551,16 @@ function Ei(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					xi(n, e.selectedImage.value.pmPos);
+					Ci(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 ? xi(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? Ci(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				wi(n);
+				Ei(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2559,7 +2581,7 @@ function Ei(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && Ti(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && Di(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2594,8 +2616,8 @@ function Ei(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Di = 500;
-function Oi(e) {
+var ki = 500;
+function Ai(e) {
 	let t = R(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
@@ -2852,7 +2874,7 @@ function Oi(e) {
 			return;
 		}
 		let _ = Date.now();
-		if (_ - a < Di && o === p ? s++ : s = 1, a = _, o = p, s === 2) v(p);
+		if (_ - a < ki && o === p ? s++ : s = 1, a = _, o = p, s === 2) v(p);
 		else if (s >= 3) y(p), s = 0;
 		else {
 			if (t.shiftKey) {
@@ -2876,10 +2898,10 @@ function Oi(e) {
 		}
 		d.updateMousePosition(e.clientX, e.clientY);
 	}
-	function re() {
+	function D() {
 		c = !1, u.end(), d.stopAutoScroll();
 	}
-	function D() {
+	function O() {
 		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;
@@ -2903,9 +2925,9 @@ function Oi(e) {
 		}, 600);
 	}
 	return le(() => {
-		window.addEventListener("mousemove", E), window.addEventListener("mouseup", re), e.pagesViewportRef.value?.addEventListener("scroll", D, { passive: !0 });
+		window.addEventListener("mousemove", E), window.addEventListener("mouseup", D), e.pagesViewportRef.value?.addEventListener("scroll", O, { passive: !0 });
 	}), I(() => {
-		r(), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", re), e.pagesViewportRef.value?.removeEventListener("scroll", D), p && clearTimeout(p);
+		r(), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", D), e.pagesViewportRef.value?.removeEventListener("scroll", O), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
@@ -2926,7 +2948,7 @@ function Oi(e) {
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function ki(e) {
+function ji(e) {
 	let t = null, n = null, r = null;
 	function i() {
 		let r = e.pagesRef.value;
@@ -3006,7 +3028,7 @@ function ki(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function Ai(e) {
+function Mi(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -3085,7 +3107,7 @@ function Ai(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function ji(e) {
+function Ni(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
@@ -3104,7 +3126,7 @@ function ji(e) {
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function Mi(e) {
+function Pi(e) {
 	function t() {
 		let t = e.pagesRef.value;
 		t && lt(t), e.onPrint?.(), window.print();
@@ -3273,7 +3295,7 @@ function Mi(e) {
 }
 //#endregion
 //#region src/composables/useColorMode.ts
-function Ni(e) {
+function Fi(e) {
 	let t = R(Q());
 	return W((n) => {
 		e() === "system" && n(We((e) => {
@@ -3283,7 +3305,7 @@ function Ni(e) {
 }
 //#endregion
 //#region src/composables/useFontLifecycle.ts
-function Pi(e, t) {
+function Ii(e, t) {
 	U(e, (e) => {
 		ze(e);
 	}, { immediate: !0 });
@@ -3292,16 +3314,16 @@ function Pi(e, t) {
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
+var Li = { class: "docx-editor-vue__toolbar-shell" }, Ri = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Li = {
+}, zi = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, Ri = { class: "docx-editor-vue__editor-area" }, zi = {
+}, Bi = { class: "docx-editor-vue__editor-area" }, Vi = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, Bi = ["title"], Vi = ["title", "aria-label"], Hi = /* @__PURE__ */ N({
+}, Hi = ["title"], Ui = ["title", "aria-label"], Wi = /* @__PURE__ */ P({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3405,16 +3427,16 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 		"mode-change"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, o = n, s = Ni(() => i.colorMode), c = R(i.mode), u = E(() => i.readOnly || c.value === "viewing"), d = E(() => i.author);
+		let i = e, o = n, s = Fi(() => i.colorMode), c = R(i.mode), u = E(() => i.readOnly || c.value === "viewing"), d = E(() => i.author);
 		a(E(() => i.i18n));
-		let { t: h } = l(E(() => i.i18n)), v = R(null), b = R(null), x = R(null), S = R(0), ne = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), re = new De(), ae = R(!1), j = R(!1), N = R(!1), P = R(!1), V = R(!1), me = R(i.showOutline), H = R(!1), W = R(!1), G = R(!1), K = R(null), J = pe([]), ge = pe([]), _e = pe([]), { zoom: X, zoomPercent: be, isMinZoom: xe, isMaxZoom: Se, setZoom: Ce, zoomIn: we, zoomOut: Te, handleWheel: Oe, handleKeyDown: Ae, installShortcuts: je, ZOOM_PRESETS: Me } = te(i.initialZoom);
+		let { t: h } = l(E(() => i.i18n)), v = R(null), b = R(null), x = R(null), S = R(0), ne = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), D = new De(), ie = R(!1), M = R(!1), P = R(!1), ae = R(!1), V = R(!1), me = R(i.showOutline), H = R(!1), W = R(!1), G = R(!1), K = R(null), J = pe([]), ge = pe([]), _e = pe([]), { zoom: X, zoomPercent: be, isMinZoom: xe, isMaxZoom: Se, setZoom: Ce, zoomIn: we, zoomOut: Te, handleWheel: Oe, handleKeyDown: Ae, installShortcuts: je, ZOOM_PRESETS: Me } = te(i.initialZoom);
 		je();
 		let { editorView: Z, isReady: Ne, parseError: Pe, layout: Fe, loadBuffer: Ie, loadDocument: Re, save: ze, focus: Be, destroy: Ve, getDocument: Q, getCommands: He, reLayout: Ue, getHfPmView: We, syncHfPMs: Ge, setHfTransactionListener: qe, setDocument: Je } = C({
 			hiddenContainer: v,
 			pagesContainer: b,
 			readOnly: u,
 			externalPlugins: i.externalPlugins,
-			syncCoordinator: re,
+			syncCoordinator: D,
 			editorMode: c,
 			author: d,
 			onChange: (e) => {
@@ -3430,7 +3452,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				let t = Ee(e);
 				T.forEach((e) => e(t));
 			}
-		}), { commentCallbacks: Ye } = gi(i, Z), Xe = E(() => {
+		}), { commentCallbacks: Ye } = vi(i, Z), Xe = E(() => {
 			S.value;
 			let e = Q();
 			if (!e?.package?.document) return null;
@@ -3453,7 +3475,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 		function rt() {
 			et.value = null, tt.value = [];
 		}
-		Pi(() => i.fonts, (e) => {
+		Ii(() => i.fonts, (e) => {
 			o("error", e), i.onError?.(e);
 		});
 		let it = E(() => $.value?.headerFooter ? We($.value.headerFooter) ?? null : null), at = E(() => it.value ?? Z.value);
@@ -3489,7 +3511,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 					} catch {}
 					t.dom.blur?.();
 				}
-				dr.updateSelectionOverlay();
+				fr.updateSelectionOverlay();
 			});
 			let e = 0;
 			function t() {
@@ -3540,7 +3562,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), dt = Ht(), { floatingCommentBtn: pt, pendingCommentRange: mt, addCommentYPosition: ht, sidebarAutoOpenedRef: gt, extractCommentsAndChanges: _t, handleAddComment: vt, handleCancelAddComment: yt, handleStartAddComment: bt, handleMarkerClick: xt } = _i({
+		}), dt = Ht(), { floatingCommentBtn: pt, pendingCommentRange: mt, addCommentYPosition: ht, sidebarAutoOpenedRef: gt, extractCommentsAndChanges: _t, handleAddComment: vt, handleCancelAddComment: yt, handleStartAddComment: bt, handleMarkerClick: xt } = yi({
 			editorView: Z,
 			getDocument: Q,
 			comments: J,
@@ -3558,7 +3580,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			commentIdAllocator: dt,
 			author: d,
 			commentCallbacks: Ye
-		}), { docxInputRef: St, imageInputRef: Ct, handleImageFileChange: wt, handleDocxFileChange: Tt, handleDocumentNameChange: Et, downloadCurrentDocument: Dt, loadDocumentBuffer: Ot, loadDocument: kt, save: At } = ci({
+		}), { docxInputRef: St, imageInputRef: Ct, handleImageFileChange: wt, handleDocxFileChange: Tt, handleDocumentNameChange: Et, downloadCurrentDocument: Dt, loadDocumentBuffer: Ot, loadDocument: kt, save: At } = ui({
 			loadBuffer: Ie,
 			loadParsedDocument: Re,
 			getDocument: Q,
@@ -3569,25 +3591,25 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			onDocumentNameChange: i.onDocumentNameChange,
 			getActiveView: () => at.value,
 			nextTick: se
-		}), { hyperlinkPopupData: jt, handleHyperlinkSubmit: Mt, handleHyperlinkRemove: Nt, handleHyperlinkPopupNavigate: Pt, handleHyperlinkPopupEdit: Ft, handleHyperlinkPopupRemove: It } = li({
+		}), { hyperlinkPopupData: jt, handleHyperlinkSubmit: Mt, handleHyperlinkRemove: Nt, handleHyperlinkPopupNavigate: Pt, handleHyperlinkPopupEdit: Ft, handleHyperlinkPopupRemove: It } = di({
 			editorView: Z,
 			getCommands: He
-		}), { handleClearFormatting: Lt, handleApplyStyle: Rt, handleInsertPageBreak: zt, handleInsertSectionBreakNextPage: Bt, handleInsertSectionBreakContinuous: Vt, handleInsertSymbol: Ut, applyFormatting: Wt, setParagraphStyle: Gt, insertBreak: Kt } = ui({
+		}), { handleClearFormatting: Lt, handleApplyStyle: Rt, handleInsertPageBreak: zt, handleInsertSectionBreakNextPage: Bt, handleInsertSectionBreakContinuous: Vt, handleInsertSymbol: Ut, applyFormatting: Wt, setParagraphStyle: Gt, insertBreak: Kt } = fi({
 			editorView: Z,
 			activeView: at,
 			getDocument: Q
-		}), { handlePageSetupApply: qt, handleLeftMarginChange: Jt, handleRightMarginChange: Yt, handleTopMarginChange: Xt, handleBottomMarginChange: Zt, handleIndentLeftChange: Qt, handleIndentRightChange: $t, handleFirstLineIndentChange: tn, handleTabStopRemove: nn } = di({
+		}), { handlePageSetupApply: qt, handleLeftMarginChange: Jt, handleRightMarginChange: Yt, handleTopMarginChange: Xt, handleBottomMarginChange: Zt, handleIndentLeftChange: Qt, handleIndentRightChange: $t, handleFirstLineIndentChange: tn, handleTabStopRemove: nn } = pi({
 			editorView: Z,
 			getDocument: Q,
 			readOnly: u,
 			stateTick: S,
 			reLayout: Ue,
 			emit: o
-		}), { showWatermark: rn, currentWatermark: an, handleWatermarkApply: on } = fi({
+		}), { showWatermark: rn, currentWatermark: an, handleWatermarkApply: on } = mi({
 			editorView: Z,
 			readOnly: u,
 			stateTick: S
-		}), { handleToggleOutline: cn, handleOutlineNavigate: ln, handleToggleSidebar: un, handleEditorScrollMouseDown: dn } = pi({
+		}), { handleToggleOutline: cn, handleOutlineNavigate: ln, handleToggleSidebar: un, handleEditorScrollMouseDown: dn } = hi({
 			editorView: Z,
 			showOutline: me,
 			showSidebar: W,
@@ -3595,14 +3617,14 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			activeSidebarItem: K,
 			extractCommentsAndChanges: _t
 		});
-		mi({
+		gi({
 			showKeyboardShortcuts: H,
-			showFindReplace: ae,
-			showHyperlink: j,
+			showFindReplace: ie,
+			showHyperlink: M,
 			handleZoomKeyDown: Ae,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: fn, replyToComment: pn, resolveComment: mn, proposeChange: hn, handleCommentReply: gn, handleCommentResolve: vn, handleCommentUnresolve: yn, handleCommentDelete: bn, handleAcceptChange: xn, handleRejectChange: wn, handleAcceptChangeById: Tn, handleRejectChangeById: Dn, handleTrackedChangeReply: On } = hi({
+		let { addComment: fn, replyToComment: pn, resolveComment: mn, proposeChange: hn, handleCommentReply: gn, handleCommentResolve: vn, handleCommentUnresolve: yn, handleCommentDelete: bn, handleAcceptChange: xn, handleRejectChange: Cn, handleAcceptChangeById: En, handleRejectChangeById: Dn, handleTrackedChangeReply: kn } = _i({
 			editorView: Z,
 			getDocument: Q,
 			comments: J,
@@ -3616,48 +3638,48 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			commentIdAllocator: dt,
 			author: d,
 			commentCallbacks: Ye
-		}), { selectedImage: kn, imageInteracting: An, imageToolbarContext: jn, handleToolbarImageWrap: Nn, handleImageTransform: Pn } = vi({
+		}), { selectedImage: An, imageInteracting: jn, imageToolbarContext: Mn, handleToolbarImageWrap: Nn, handleImageTransform: Fn } = bi({
 			editorView: Z,
 			zoom: X,
 			stateTick: S,
 			getCommands: He
-		}), Fn = ee(), In = null, { tableInsertButton: Rn, hfEdit: $, scrollPageInfo: zn, resolvePos: Bn, setPmSelection: Vn, scrollVisiblePositionIntoView: Hn, handlePagesMouseDown: Un, handlePagesMouseMove: Wn, handlePagesClick: Gn, handlePagesDoubleClick: Kn, handleTableInsertClick: qn, clearTableInsertTimer: Jn, handleHfSave: Yn, handleHfRemove: Xn } = Oi({
+		}), In = ee(), Ln = null, { tableInsertButton: Rn, hfEdit: $, scrollPageInfo: Bn, resolvePos: Vn, setPmSelection: Hn, scrollVisiblePositionIntoView: Un, handlePagesMouseDown: Wn, handlePagesMouseMove: Gn, handlePagesClick: Kn, handlePagesDoubleClick: qn, handleTableInsertClick: Jn, clearTableInsertTimer: Yn, handleHfSave: Xn, handleHfRemove: Zn } = Ai({
 			editorView: Z,
 			pagesRef: b,
 			pagesViewportRef: x,
-			selectedImage: kn,
-			imageInteracting: An,
+			selectedImage: An,
+			imageInteracting: jn,
 			hyperlinkPopupData: jt,
 			readOnly: u,
 			zoom: X,
 			layout: Fe,
-			tableResize: Fn,
+			tableResize: In,
 			getCommands: He,
 			getDocument: Q,
 			reLayout: Ue,
 			emit: o,
-			clearOverlay: lr,
+			clearOverlay: ur,
 			syncHfPMs: Ge,
 			getHfPmView: We,
 			setDocument: Je
-		}), { contextMenu: Zn, imageContextMenu: Qn, imageContextMenuTextActions: $n, handleContextMenu: er, handleSelectedImageContextMenu: tr, handleImageWrapSelect: nr, handleContextMenuAction: rr } = Ei({
+		}), { contextMenu: Qn, imageContextMenu: $n, imageContextMenuTextActions: er, handleContextMenu: tr, handleSelectedImageContextMenu: nr, handleImageWrapSelect: rr, handleContextMenuAction: ir } = Oi({
 			editorView: Z,
-			selectedImage: kn,
+			selectedImage: An,
 			zoom: X,
-			showImageProperties: P,
+			showImageProperties: ae,
 			getCommands: He,
-			clearOverlay: lr,
-			setPmSelection: Vn,
-			resolvePos: Bn
-		}), { handleMenuAction: ir, handleMenuTableInsert: ar } = Ai({
+			clearOverlay: ur,
+			setPmSelection: Hn,
+			resolvePos: Vn
+		}), { handleMenuAction: ar, handleMenuTableInsert: or } = Mi({
 			editorView: Z,
 			getCommands: He,
 			docxInputRef: St,
 			imageInputRef: Ct,
 			showPageSetup: V,
 			showWatermark: rn,
-			showHyperlink: j,
-			showInsertSymbol: N,
+			showHyperlink: M,
+			showInsertSymbol: P,
 			showKeyboardShortcuts: H,
 			handleClearFormatting: Lt,
 			handleInsertPageBreak: zt,
@@ -3668,45 +3690,45 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			downloadCurrentDocument: Dt,
 			emit: o
 		});
-		ji({
+		Ni({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
 			loadDocumentBuffer: Ot,
 			loadDocument: kt,
 			sidebarAutoOpenedRef: gt
 		});
-		let or = () => Z.value, sr = () => b.value;
+		let sr = () => Z.value, cr = () => b.value;
 		U(() => i.mode, (e) => {
 			e && e !== c.value && (c.value = e);
 		}), U(() => i.showOutline, (e) => {
 			me.value = !!e;
 		});
-		function cr(e) {
+		function lr(e) {
 			c.value !== e && (c.value = e, o("mode-change", e));
 		}
 		le(() => {
-			In = Fn.install();
+			Ln = In.install();
 		}), I(() => {
-			In?.();
+			Ln?.();
 		});
-		function lr() {
-			dr.clearOverlay();
-		}
 		function ur() {
-			dr.updateSelectionOverlay();
+			fr.clearOverlay();
+		}
+		function dr() {
+			fr.updateSelectionOverlay();
 		}
-		let dr = ki({
+		let fr = ji({
 			editorView: Z,
 			pagesRef: b,
 			zoom: X,
-			selectedImage: kn,
+			selectedImage: An,
 			isHfEditing: E(() => $.value !== null),
-			imageInteracting: An
-		}), fr = re.onRender(() => ur());
-		ur(), I(() => {
-			fr(), lr();
+			imageInteracting: jn
+		}), pr = D.onRender(() => dr());
+		dr(), I(() => {
+			pr(), ur();
 		});
-		let { exposed: pr } = Mi({
+		let { exposed: mr } = Pi({
 			editorView: Z,
 			layout: Fe,
 			pagesRef: b,
@@ -3727,12 +3749,12 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			applyFormatting: Wt,
 			setParagraphStyle: Gt,
 			insertBreak: Kt,
-			scrollVisiblePositionIntoView: Hn,
+			scrollVisiblePositionIntoView: Un,
 			contentChangeSubscribers: ne,
 			selectionChangeSubscribers: T,
 			onPrint: i.onPrint
 		});
-		return t(pr), (t, n) => (L(), k("div", {
+		return t(mr), (t, n) => (L(), A("div", {
 			class: ce([
 				"docx-editor-vue ep-root paged-editor",
 				B(s) ? "dark" : "",
@@ -3746,15 +3768,15 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 			]),
 			style: F(e.style)
 		}, [
-			A("div", Fi, [M(Ln, {
+			j("div", Li, [N(zn, {
 				"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: B(Et),
-				onMenuAction: B(ir),
-				onInsertTable: B(ar)
+				onMenuAction: B(ar),
+				onInsertTable: B(or)
 			}, {
 				"title-bar-left": he(() => [de(t.$slots, "title-bar-left")]),
 				"title-bar-right": he(() => [de(t.$slots, "title-bar-right")]),
@@ -3768,7 +3790,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"onRename",
 				"onMenuAction",
 				"onInsertTable"
-			]), e.showToolbar ? (L(), D(y, {
+			]), e.showToolbar ? (L(), O(y, {
 				key: 0,
 				view: at.value,
 				"get-commands": B(He),
@@ -3780,22 +3802,22 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": c.value,
 				"comments-sidebar-open": W.value,
-				"image-context": B(jn),
+				"image-context": B(Mn),
 				theme: Qe.value,
 				"font-families": e.fontFamilies,
 				"document-styles": $e.value,
-				onInsertLink: n[0] ||= (e) => j.value = !0,
+				onInsertLink: n[0] ||= (e) => M.value = !0,
 				onApplyStyle: B(Rt),
 				onZoomIn: B(we),
 				onZoomOut: B(Te),
 				onZoomSet: B(Ce),
 				onToggleSidebar: B(un),
-				onModeChange: cr,
+				onModeChange: lr,
 				onImageWrapType: B(Nn),
-				onImageProperties: n[1] ||= (e) => P.value = !0,
-				onImageTransform: B(Pn)
-			}, ie({
-				"table-context": he(() => [M(m, {
+				onImageProperties: n[1] ||= (e) => ae.value = !0,
+				onImageTransform: B(Fn)
+			}, re({
+				"table-context": he(() => [N(m, {
 					view: at.value,
 					"get-commands": B(He),
 					"state-tick": S.value,
@@ -3809,7 +3831,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				_: 2
 			}, [e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: he(() => [(L(), D(fe(e.toolbarExtra)))]),
+				fn: he(() => [(L(), O(fe(e.toolbarExtra)))]),
 				key: "0"
 			} : {
 				name: "toolbar-extra",
@@ -3837,16 +3859,16 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"onToggleSidebar",
 				"onImageWrapType",
 				"onImageTransform"
-			])) : O("", !0)]),
-			M(Dr, {
-				"show-find-replace": ae.value,
-				"onUpdate:showFindReplace": n[2] ||= (e) => ae.value = e,
-				"show-hyperlink": j.value,
-				"onUpdate:showHyperlink": n[3] ||= (e) => j.value = e,
-				"show-insert-symbol": N.value,
-				"onUpdate:showInsertSymbol": n[4] ||= (e) => N.value = e,
-				"show-image-properties": P.value,
-				"onUpdate:showImageProperties": n[5] ||= (e) => P.value = e,
+			])) : k("", !0)]),
+			N(kr, {
+				"show-find-replace": ie.value,
+				"onUpdate:showFindReplace": n[2] ||= (e) => ie.value = e,
+				"show-hyperlink": M.value,
+				"onUpdate:showHyperlink": n[3] ||= (e) => M.value = e,
+				"show-insert-symbol": P.value,
+				"onUpdate:showInsertSymbol": n[4] ||= (e) => P.value = e,
+				"show-image-properties": ae.value,
+				"onUpdate:showImageProperties": n[5] ||= (e) => ae.value = e,
 				"show-page-setup": V.value,
 				"onUpdate:showPageSetup": n[6] ||= (e) => V.value = e,
 				"show-watermark": B(rn),
@@ -3855,11 +3877,11 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => H.value = e,
 				view: B(Z),
 				bookmarks: ut.value,
-				"selected-image-pm-pos": B(kn)?.pmPos ?? null,
+				"selected-image-pm-pos": B(An)?.pmPos ?? null,
 				"section-properties": Xe.value,
 				"current-watermark": B(an),
 				"watermark-presets": e.watermarkPresets,
-				"scroll-visible-position-into-view": B(Hn),
+				"scroll-visible-position-into-view": B(Un),
 				onInsertSymbol: B(Ut),
 				onHyperlinkSubmit: B(Mt),
 				onHyperlinkRemove: B(Nt),
@@ -3886,21 +3908,21 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"onPageSetupApply",
 				"onWatermarkApply"
 			]),
-			B(Pe) ? (L(), k("div", Ii, z(B(Pe)), 1)) : O("", !0),
-			!B(Ne) && !B(Pe) ? (L(), k("div", Li, "Loading...")) : O("", !0),
-			A("div", {
+			B(Pe) ? (L(), A("div", Ri, z(B(Pe)), 1)) : k("", !0),
+			!B(Ne) && !B(Pe) ? (L(), A("div", zi, "Loading...")) : k("", !0),
+			j("div", {
 				ref_key: "hiddenPmRef",
 				ref: v,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			A("div", {
+			j("div", {
 				class: "docx-editor-vue__editor-scroll",
-				onMousedown: n[31] ||= (...e) => B(dn) && B(dn)(...e)
-			}, [e.showRuler && Xe.value ? (L(), k("div", {
+				onMousedown: n[29] ||= (...e) => B(dn) && B(dn)(...e)
+			}, [e.showRuler && Xe.value ? (L(), A("div", {
 				key: 0,
 				class: "docx-editor-vue__ruler-row",
 				style: F(st.value)
-			}, [M(g, {
+			}, [N(g, {
 				"section-props": Xe.value,
 				zoom: B(X),
 				editable: !u.value,
@@ -3930,19 +3952,19 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : O("", !0), A("div", Ri, [
-				A("div", {
+			])], 4)) : k("", !0), j("div", Bi, [
+				j("div", {
 					ref_key: "pagesViewportRef",
 					ref: x,
 					class: "docx-editor-vue__pages-viewport",
-					onMousedown: n[22] ||= (...e) => B(Un) && B(Un)(...e),
-					onMousemove: n[23] ||= (...e) => B(Wn) && B(Wn)(...e),
-					onClick: n[24] ||= (...e) => B(Gn) && B(Gn)(...e),
-					onDblclick: n[25] ||= (...e) => B(Kn) && B(Kn)(...e),
-					onContextmenu: n[26] ||= q((...e) => B(er) && B(er)(...e), ["prevent"]),
+					onMousedown: n[22] ||= (...e) => B(Wn) && B(Wn)(...e),
+					onMousemove: n[23] ||= (...e) => B(Gn) && B(Gn)(...e),
+					onClick: n[24] ||= (...e) => B(Kn) && B(Kn)(...e),
+					onDblclick: n[25] ||= (...e) => B(qn) && B(qn)(...e),
+					onContextmenu: n[26] ||= q((...e) => B(tr) && B(tr)(...e), ["prevent"]),
 					onWheel: n[27] ||= (...e) => B(Oe) && B(Oe)(...e)
 				}, [
-					e.showRuler && Xe.value ? (L(), k("div", zi, [M(f, {
+					e.showRuler && Xe.value ? (L(), A("div", Vi, [N(f, {
 						"section-props": Xe.value,
 						zoom: B(X),
 						editable: !u.value,
@@ -3954,26 +3976,26 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						"editable",
 						"onTopMarginChange",
 						"onBottomMarginChange"
-					])])) : O("", !0),
-					A("div", {
+					])])) : k("", !0),
+					j("div", {
 						ref_key: "pagesRef",
 						ref: b,
 						class: "docx-editor-vue__pages paged-editor__pages",
 						style: F(ot.value)
 					}, null, 4),
-					u.value ? O("", !0) : (L(), D(Mn, {
+					u.value ? k("", !0) : (L(), O(Pn, {
 						key: 1,
 						container: b.value,
 						view: B(Z)
 					}, null, 8, ["container", "view"])),
-					M(En, {
+					N(On, {
 						"is-open": B($) !== null,
 						position: B($)?.position ?? "header",
 						view: it.value,
 						"target-rect": B($)?.targetRect ?? null,
-						onSave: B(Yn),
+						onSave: B(Xn),
 						onClose: n[9] ||= (e) => $.value = null,
-						onRemove: B(Xn)
+						onRemove: B(Zn)
 					}, null, 8, [
 						"is-open",
 						"position",
@@ -3982,7 +4004,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						"onSave",
 						"onRemove"
 					]),
-					(L(!0), k(w, null, ue(B($) ? tt.value : [], (e, t) => (L(), k("div", {
+					(L(!0), A(w, null, ue(B($) ? tt.value : [], (e, t) => (L(), A("div", {
 						key: `hf-sel-${t}-${e.top}-${e.left}`,
 						class: "vue-hf-sel-rect",
 						"aria-hidden": "true",
@@ -3997,7 +4019,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 							zIndex: 9998
 						})
 					}, null, 4))), 128)),
-					B($) && et.value ? (L(), k("div", {
+					B($) && et.value ? (L(), A("div", {
 						key: 2,
 						"aria-hidden": "true",
 						style: F({
@@ -4011,34 +4033,34 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 							zIndex: 9999,
 							animation: "hf-caret-blink 1.06s steps(1) infinite"
 						})
-					}, null, 4)) : O("", !0),
-					M(_n, {
-						"image-info": B(kn),
+					}, null, 4)) : k("", !0),
+					N(_n, {
+						"image-info": B(An),
 						zoom: B(X),
 						view: B(Z),
-						onOpenProperties: n[10] ||= (e) => P.value = !0,
-						onDeselect: n[11] ||= (e) => kn.value = null,
-						onInteractStart: n[12] ||= (e) => An.value = !0,
-						onInteractEnd: n[13] ||= (e) => An.value = !1,
-						onContextMenu: B(tr)
+						onOpenProperties: n[10] ||= (e) => ae.value = !0,
+						onDeselect: n[11] ||= (e) => An.value = null,
+						onInteractStart: n[12] ||= (e) => jn.value = !0,
+						onInteractEnd: n[13] ||= (e) => jn.value = !1,
+						onContextMenu: B(nr)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					M(sn, {
-						"get-view": or,
-						"get-pages-container": sr,
+					N(sn, {
+						"get-view": sr,
+						"get-pages-container": cr,
 						zoom: B(X),
 						"transaction-version": S.value,
-						"sync-coordinator": B(re)
+						"sync-coordinator": B(D)
 					}, null, 8, [
 						"zoom",
 						"transaction-version",
 						"sync-coordinator"
 					]),
-					B(pt) && !G.value && !u.value ? (L(), k("button", {
+					B(pt) && !G.value && !u.value ? (L(), A("button", {
 						key: 3,
 						type: "button",
 						class: "docx-editor-vue__floating-comment",
@@ -4048,11 +4070,11 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						}),
 						title: B(h)("comments.addComment"),
 						onMousedown: n[14] ||= q((...e) => B(bt) && B(bt)(...e), ["prevent", "stop"])
-					}, [M(r, {
+					}, [N(r, {
 						name: "add_comment",
 						size: 16
-					})], 44, Bi)) : O("", !0),
-					B(Rn) && !u.value ? (L(), k("button", {
+					})], 44, Hi)) : k("", !0),
+					B(Rn) && !u.value ? (L(), A("button", {
 						key: 4,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
@@ -4062,21 +4084,21 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						}),
 						title: B(Rn).type === "row" ? "Insert row below" : "Insert column to the right",
 						"aria-label": B(Rn).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[15] ||= (...e) => B(qn) && B(qn)(...e),
-						onMouseenter: n[16] ||= (...e) => B(Jn) && B(Jn)(...e),
+						onMousedown: n[15] ||= (...e) => B(Jn) && B(Jn)(...e),
+						onMouseenter: n[16] ||= (...e) => B(Yn) && B(Yn)(...e),
 						onMouseleave: n[17] ||= (e) => Rn.value = null
-					}, [...n[37] ||= [A("svg", {
+					}, [...n[35] ||= [j("svg", {
 						width: "12",
 						height: "12",
 						viewBox: "0 0 12 12",
 						fill: "none"
-					}, [A("path", {
+					}, [j("path", {
 						d: "M6 1v10M1 6h10",
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, Vi)) : O("", !0),
-					M(_, {
+					})], -1)]], 44, Ui)) : k("", !0),
+					N(_, {
 						comments: J.value,
 						"pages-container": b.value,
 						zoom: B(X),
@@ -4093,7 +4115,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						"resolved-comment-ids",
 						"onMarkerClick"
 					]),
-					M(p, {
+					N(p, {
 						"is-open": W.value,
 						comments: J.value,
 						"tracked-changes": ge.value,
@@ -4112,10 +4134,10 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						onCommentUnresolve: B(yn),
 						onCommentDelete: B(bn),
 						onAcceptChange: B(xn),
-						onRejectChange: B(wn),
-						onAcceptChangeById: B(Tn),
+						onRejectChange: B(Cn),
+						onAcceptChangeById: B(En),
 						onRejectChangeById: B(Dn),
-						onTrackedChangeReply: B(On),
+						onTrackedChangeReply: B(kn),
 						"onUpdate:activeItemId": n[19] ||= (e) => K.value = e
 					}, null, 8, [
 						"is-open",
@@ -4139,7 +4161,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					M(si, {
+					N(li, {
 						data: B(jt),
 						"read-only": u.value,
 						onNavigate: B(Pt),
@@ -4155,65 +4177,61 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 						"onRemove"
 					])
 				], 544),
-				!me.value && e.showOutlineButton ? (L(), k("button", {
+				!me.value && e.showOutlineButton ? (L(), O(wn, {
 					key: 0,
-					type: "button",
-					class: "docx-editor-vue__outline-toggle",
-					title: "Show document outline",
-					onClick: n[28] ||= (...e) => B(cn) && B(cn)(...e),
-					onMousedown: n[29] ||= q(() => {}, ["stop"])
-				}, [M(r, {
-					name: "format_list_bulleted",
-					size: 20
-				})], 32)) : O("", !0),
-				B(zn).totalPages > 1 ? (L(), D(Cn, {
+					"left-offset": e.showRuler ? 32 : 12,
+					onToggle: B(cn)
+				}, null, 8, ["left-offset", "onToggle"])) : k("", !0),
+				B(Bn).totalPages > 1 ? (L(), O(Tn, {
 					key: 1,
-					"current-page": B(zn).currentPage,
-					"total-pages": B(zn).totalPages,
-					visible: B(zn).visible
+					"current-page": B(Bn).currentPage,
+					"total-pages": B(Bn).totalPages,
+					visible: B(Bn).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : O("", !0),
-				M(Sn, {
+				])) : k("", !0),
+				N(Sn, {
 					"is-open": me.value,
 					headings: _e.value,
-					onClose: n[30] ||= (e) => me.value = !1,
+					"left-offset": e.showRuler ? 32 : 12,
+					onClose: n[28] ||= (e) => me.value = !1,
 					onNavigate: B(ln)
 				}, null, 8, [
 					"is-open",
 					"headings",
+					"left-offset",
 					"onNavigate"
 				])
 			])], 32),
-			A("input", {
+			j("input", {
 				ref_key: "docxInputRef",
 				ref: St,
 				type: "file",
 				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 				style: { display: "none" },
-				onChange: n[32] ||= (...e) => B(Tt) && B(Tt)(...e)
+				onChange: n[30] ||= (...e) => B(Tt) && B(Tt)(...e)
 			}, null, 544),
-			A("input", {
+			j("input", {
 				ref_key: "imageInputRef",
 				ref: Ct,
 				type: "file",
 				accept: "image/*",
 				style: { display: "none" },
-				onChange: n[33] ||= (...e) => B(wt) && B(wt)(...e)
+				onChange: n[31] ||= (...e) => B(wt) && B(wt)(...e)
 			}, null, 544),
-			M(Zr, {
+			N($r, {
 				"read-only": u.value,
-				"context-menu": B(Zn),
-				"image-context-menu": B(Qn),
-				"image-context-menu-text-actions": B($n),
-				"can-open-image-properties": !!B(kn),
-				onContextMenuAction: B(rr),
-				onCloseContextMenu: n[34] ||= (e) => B(Zn).isOpen = !1,
-				onImageWrapSelect: B(nr),
-				onCloseImageContextMenu: n[35] ||= (e) => Qn.value = null,
-				onOpenImageProperties: n[36] ||= (e) => P.value = !0
+				"context-menu": B(Qn),
+				"image-context-menu": B($n),
+				"image-context-menu-text-actions": B(er),
+				"can-open-image-properties": !!B(An),
+				onContextMenuAction: B(ir),
+				onCloseContextMenu: n[32] ||= (e) => B(Qn).isOpen = !1,
+				onImageWrapSelect: B(rr),
+				onCloseImageContextMenu: n[33] ||= (e) => $n.value = null,
+				onOpenImageProperties: n[34] ||= (e) => ae.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -4228,7 +4246,7 @@ var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function Ui(e, t, n = {}) {
+async function Gi(e, t, n = {}) {
 	let r = e instanceof ArrayBuffer ? e : await Ge(e), i = null, a = null, o = !1, s = {
 		save: async () => {
 			let e = await (i?.save() ?? Promise.resolve(null));
@@ -4250,8 +4268,8 @@ async function Ui(e, t, n = {}) {
 		}
 	};
 	return new Promise((e, c) => {
-		a = re({ setup() {
-			return () => P(Hi, {
+		a = D({ setup() {
+			return () => ae(Wi, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -4275,6 +4293,6 @@ async function Ui(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var Wi = "0.0.2";
+var Ki = "0.0.2";
 //#endregion
-export { Hi as DocxEditor, Wi as VERSION, Qt as createDocumentWithText, $t as createEmptyDocument, n as defaultLocale, t as i18nPlugin, a as provideLocale, Ui as renderAsync, d as useTranslation };
+export { Wi as DocxEditor, Ki as VERSION, Qt as createDocumentWithText, $t as createEmptyDocument, n as defaultLocale, t as i18nPlugin, a as provideLocale, Gi as renderAsync, d as useTranslation };