@eigenpal/docx-editor-vue 0.0.0

package/dist/index.js

@@ -0,0 +1,3600 @@
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
+import { a as p, c as m, h, i as g, o as _, s as ee, t as v, x as y } from "./MenuBar-D_Dvwb0F.js";
+import { t as b } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { n as x } from "./RenderedDomContext-CHc18N_2.js";
+import { t as te } from "./zIndex-CxELVe_L.js";
+import { n as ne, r as re, t as S } from "./useTableResize-1oSe9Kjk.js";
+import { Fragment as C, Teleport as ie, computed as w, createApp as ae, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createSlots as oe, createStaticVNode as se, createVNode as k, defineComponent as A, h as ce, nextTick as j, normalizeClass as le, normalizeStyle as M, onBeforeUnmount as N, onMounted as P, openBlock as F, ref as I, renderList as L, renderSlot as ue, resolveDynamicComponent as de, shallowRef as fe, toDisplayString as R, unref as z, vModelText as B, watch as V, withCtx as H, withDirectives as U, withKeys as W, withModifiers as G } from "vue";
+import { clearFormatting as pe, findHyperlinkRangeAt as K } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { SIDEBAR_DOCUMENT_SHIFT as me, findWordBoundaries as he, pixelsToEmu as ge, readDocxFileFromInput as q, toArrayBuffer as _e } from "@eigenpal/docx-editor-core/utils";
+import { getTableContext as ve } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { EditorState as ye, NodeSelection as be, TextSelection as xe } from "prosemirror-state";
+import { clickToPositionDom as Se, getCaretPositionFromDom as Ce, getSelectionRectsFromDom as we } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
+import { IMAGE_LAYOUT_OPTIONS as Te, captureInlinePositionEmu as Ee, deriveLayoutChoice as J, findImageElement as De, isImageLayoutOptionEnabled as Oe, toolbarValueToLayoutTarget as ke } from "@eigenpal/docx-editor-core/layout-painter";
+import { EditorView as Ae } from "prosemirror-view";
+import { singletonManager as je } from "@eigenpal/docx-editor-core/prosemirror/schema";
+import { headerFooterToProseDoc as Me, proseDocToBlocks as Ne } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import "prosemirror-view/style/prosemirror.css";
+import { pointsToHalfPoints as Pe, twipsToPixels as Fe } from "@eigenpal/docx-editor-core/utils/units";
+import { clickToPositionDom as Y, findBodyPmSpans as X } from "@eigenpal/docx-editor-core/layout-bridge";
+import { findPageIndexContainingPmPos as Ie } from "@eigenpal/docx-editor-core/layout-engine";
+import { applyStyle as Z, removeTabStop as Le, setIndentFirstLine as Re, setIndentLeft as ze, setIndentRight as Be } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as Ve } from "@eigenpal/docx-editor-core/prosemirror/styles";
+import { insertPageBreak as He } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
+import { mapHexToHighlightName as Ue } from "@eigenpal/docx-editor-core/utils/highlightColors";
+import { collectHeadings as We } from "@eigenpal/docx-editor-core/utils/headingCollector";
+import { acceptChange as Ge, rejectChange as Ke } from "@eigenpal/docx-editor-core/prosemirror/commands";
+import { extractTrackedChanges as qe } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { TABLE_INSERT_HIDE_DELAY_MS as Je, detectTableInsertHover as Ye } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
+import { openReportIssue as Xe } from "@eigenpal/docx-editor-core/utils/reportIssue";
+import { LayoutSelectionGate as Ze } from "@eigenpal/docx-editor-core/prosemirror";
+//#region src/utils/paraTextHelpers.ts
+function Qe(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 $e(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 et(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 nt(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 = $e(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 rt(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 = et(n, s, t.from), u = et(n, t.from, t.to), d = et(n, t.to, c);
+	return {
+		paraId: o,
+		selectedText: u,
+		paragraphText: l + u + d,
+		before: l,
+		after: d
+	};
+}
+function it(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: $e(r),
+			styleId: r.attrs?.styleId ?? void 0
+		}));
+	}
+	return {
+		pageNumber: n,
+		text: a.map((e) => `[${e.paraId}] ${e.text}`).join("\n"),
+		paragraphs: a
+	};
+}
+//#endregion
+//#region src/components/DecorationLayer.vue
+var at = /* @__PURE__ */ A({
+	__name: "DecorationLayer",
+	props: {
+		getView: { type: Function },
+		getPagesContainer: { type: Function },
+		zoom: {},
+		transactionVersion: {},
+		syncCoordinator: {}
+	},
+	setup(e) {
+		let t = e, n = I(null), r = I(0), i = null, a = null;
+		function o() {
+			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+				i = null;
+				let e = t.getView(), r = t.getPagesContainer(), a = n.value;
+				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
+			});
+		}
+		P(() => {
+			a = t.syncCoordinator.onRender(() => {
+				r.value++;
+			}), o();
+		}), N(() => {
+			i !== null && (cancelAnimationFrame(i), i = null), a?.();
+		}), V(() => [
+			t.zoom,
+			t.transactionVersion,
+			r.value
+		], () => o());
+		function s(e, t, n, r) {
+			let i = c(e.state);
+			if (i.length === 0) {
+				n.firstChild && n.replaceChildren();
+				return;
+			}
+			let a = x(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);
+					if (!r) continue;
+					let i = a.getCoordinatesForPosition(n);
+					if (!i) continue;
+					let c = document.createElement("div");
+					c.style.cssText = `position:absolute;left:${i.x + o.x}px;top:${i.y + o.y}px;height:${i.height}px;`, c.appendChild(r), s.appendChild(c);
+					continue;
+				}
+				let i = u(t);
+				if (!i) continue;
+				let c = a.getRectsForRange(n, r);
+				for (let e of c) {
+					let t = document.createElement("div");
+					for (let [e, n] of Object.entries(i)) e !== "nodeName" && t.setAttribute(e, n);
+					let n = `position:absolute;left:${e.x + o.x}px;top:${e.y + o.y}px;width:${e.width}px;height:${e.height}px;`;
+					t.style.cssText = n + (i.style ?? ""), s.appendChild(t);
+				}
+			}
+			n.replaceChildren(s);
+		}
+		function c(e) {
+			let t = [];
+			for (let n of e.plugins) {
+				let r = n.props.decorations;
+				if (!r) continue;
+				let i = r.call(n, e);
+				i && i.forEachSet((e) => {
+					e.find().forEach((e) => {
+						e.spec?.noOverlay || t.push({
+							decoration: e,
+							from: e.from,
+							to: e.to
+						});
+					});
+				});
+			}
+			return t;
+		}
+		function l(e, t) {
+			let n = e.type;
+			if (!n) return null;
+			let r = n.toDOM;
+			return typeof r == "function" ? r(t, () => e.from) : r instanceof HTMLElement ? r.cloneNode(!0) : null;
+		}
+		function u(e) {
+			return e.type?.attrs ?? null;
+		}
+		return (e, t) => (F(), D("div", {
+			ref_key: "overlayRef",
+			ref: n,
+			class: "paged-editor__decoration-overlay",
+			"aria-hidden": "true"
+		}, null, 512));
+	}
+}), ot = ["data-handle", "onMousedown"], st = ["title"], ct = {
+	key: 0,
+	class: "image-overlay__dim"
+}, lt = {
+	key: 1,
+	class: "image-overlay__dim image-overlay__dim--rotate"
+}, ut = 4, dt = 15, ft = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "ImageSelectionOverlay",
+	props: {
+		imageInfo: {},
+		zoom: {},
+		view: {}
+	},
+	emits: [
+		"deselect",
+		"interact-start",
+		"interact-end",
+		"context-menu"
+	],
+	setup(e, { emit: t }) {
+		let { t: r } = n(), i = e, a = t, o = I(null), s = I(!1), c = I(!1), l = I(!1), u = I(0), d = I(0), f = I(0), p = I(null), m = "se", h = 0, g = 0, _ = 0, ee = 0, v = null, y = null, b = null, x = null;
+		function ne(e, t) {
+			if (!e) return null;
+			try {
+				let n = e.state.doc.nodeAt(t);
+				return n && n.type.name === "image" ? n : null;
+			} catch {
+				return null;
+			}
+		}
+		function re() {
+			let e = i.imageInfo;
+			if (!e) return null;
+			if (e.element.isConnected) return e.element;
+			let t = o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages");
+			if (!t) return null;
+			for (let n of t.querySelectorAll(`[data-pm-start="${e.pmPos}"]`)) {
+				let e = De(n);
+				if (e) return e;
+			}
+			return null;
+		}
+		function S() {
+			let e = re();
+			if (!e || !o.value) {
+				p.value = null;
+				return;
+			}
+			let t = o.value.offsetParent;
+			if (!t) {
+				p.value = null;
+				return;
+			}
+			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), a = i.zoom;
+			p.value = {
+				left: (r.left - n.left) / a,
+				top: (r.top - n.top) / a,
+				width: r.width / a,
+				height: r.height / a
+			};
+		}
+		V(() => i.imageInfo, async () => {
+			await j(), S();
+		}, { immediate: !0 }), V(() => i.imageInfo, (e, t, n) => {
+			if (!i.imageInfo) return;
+			let r = () => {
+				y && cancelAnimationFrame(y), y = requestAnimationFrame(S);
+			}, a = o.value?.closest(".docx-editor-vue__pages-viewport")?.parentElement;
+			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 }), n(() => {
+				a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), y && cancelAnimationFrame(y);
+			});
+		}, { immediate: !0 });
+		let ie = w(() => s.value ? u.value : p.value?.width || 0), ae = w(() => s.value ? d.value : p.value?.height || 0), T = w(() => {
+			let e = p.value;
+			if (!e) return {
+				position: "absolute",
+				top: "0px",
+				left: "0px",
+				visibility: "hidden",
+				pointerEvents: "none"
+			};
+			let t = s.value ? u.value : e.width, n = s.value ? d.value : e.height;
+			return {
+				position: "absolute",
+				left: `${e.left}px`,
+				top: `${e.top}px`,
+				width: `${t}px`,
+				height: `${n}px`,
+				zIndex: te.imageOverlay,
+				pointerEvents: "auto"
+			};
+		}), oe = w(() => {
+			let e = ie.value, t = ae.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+			return [
+				{
+					pos: "nw",
+					style: {
+						left: o,
+						top: o,
+						cursor: "nwse-resize"
+					}
+				},
+				{
+					pos: "n",
+					style: {
+						left: n,
+						top: o,
+						cursor: "ns-resize"
+					}
+				},
+				{
+					pos: "ne",
+					style: {
+						left: i,
+						top: o,
+						cursor: "nesw-resize"
+					}
+				},
+				{
+					pos: "e",
+					style: {
+						left: i,
+						top: r,
+						cursor: "ew-resize"
+					}
+				},
+				{
+					pos: "se",
+					style: {
+						left: i,
+						top: a,
+						cursor: "nwse-resize"
+					}
+				},
+				{
+					pos: "s",
+					style: {
+						left: n,
+						top: a,
+						cursor: "ns-resize"
+					}
+				},
+				{
+					pos: "sw",
+					style: {
+						left: o,
+						top: a,
+						cursor: "nesw-resize"
+					}
+				},
+				{
+					pos: "w",
+					style: {
+						left: o,
+						top: r,
+						cursor: "ew-resize"
+					}
+				}
+			];
+		}), se = (e) => e.length === 2;
+		function k(e, t, n, r, i, a) {
+			let o = e.includes("w") ? -1 : +!!e.includes("e"), s = e.includes("n") ? -1 : +!!e.includes("s"), c = r + t * o, l = i + n * s;
+			if (se(e) && a) {
+				let e = Math.max(c / r, l / i);
+				c = r * e, l = i * e;
+			}
+			return {
+				width: o === 0 ? r : Math.max(20, Math.min(2e3, c)),
+				height: s === 0 ? i : Math.max(20, Math.min(2e3, l))
+			};
+		}
+		function A(e, t) {
+			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, ee = p.value.height, v = { ...p.value }, u.value = Math.round(_), d.value = Math.round(ee), s.value = !0, a("interact-start"), document.addEventListener("mousemove", ce), document.addEventListener("mouseup", le));
+		}
+		function ce(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = k(m, n, r, _, ee, a);
+			u.value = Math.round(o.width), d.value = Math.round(o.height);
+			let s = v;
+			s && (p.value = {
+				left: m.includes("w") ? s.left + (s.width - o.width) : s.left,
+				top: m.includes("n") ? s.top + (s.height - o.height) : s.top,
+				width: s.width,
+				height: s.height
+			});
+		}
+		function le() {
+			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), s.value = !1, v = null, a("interact-end");
+			let e = i.view, t = i.imageInfo;
+			if (!e || !t) {
+				S();
+				return;
+			}
+			let n = ne(e, t.pmPos);
+			if (n) try {
+				e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
+					...n.attrs,
+					width: u.value,
+					height: d.value
+				}));
+			} catch {}
+			j(() => S());
+		}
+		let P = 0, ue = 0, de = 0, fe = 0, B = null, H = null;
+		function U(e) {
+			if (!e) return 0;
+			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/);
+			return t ? parseFloat(t[1]) : 0;
+		}
+		function W(e, t) {
+			let n = /scaleX\(-1\)/.test(e || ""), r = /scaleY\(-1\)/.test(e || ""), i = [], a = (t % 360 + 360) % 360;
+			return a !== 0 && i.push(`rotate(${a}deg)`), n && i.push("scaleX(-1)"), r && i.push("scaleY(-1)"), i.length > 0 ? i.join(" ") : null;
+		}
+		function pe(e, t) {
+			return Math.atan2(e - P, -(t - ue)) * 180 / Math.PI;
+		}
+		function K(e) {
+			if (!i.imageInfo) return;
+			let t = i.imageInfo.element.getBoundingClientRect();
+			P = t.left + t.width / 2, ue = t.top + t.height / 2;
+			let n = ne(i.view, i.imageInfo.pmPos);
+			B = n && n.attrs.transform || null, fe = U(B), H = i.imageInfo.element.querySelector("img"), de = pe(e.clientX, e.clientY), f.value = fe, l.value = !0, a("interact-start"), document.addEventListener("mousemove", me), document.addEventListener("mouseup", he);
+		}
+		function me(e) {
+			let t = pe(e.clientX, e.clientY) - de, n = fe + t;
+			e.shiftKey || (n = Math.round(n / dt) * dt), f.value = (n % 360 + 360) % 360, H && (H.style.transform = W(B, f.value) || "");
+		}
+		function he() {
+			document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), l.value = !1, a("interact-end");
+			let e = i.view, t = i.imageInfo;
+			try {
+				let n = e && t ? ne(e, t.pmPos) : null;
+				e && t && n && e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
+					...n.attrs,
+					transform: W(n.attrs.transform, f.value)
+				}));
+			} catch {} finally {
+				H && (H.style.transform = ""), H = null, B = null;
+			}
+			j(() => S());
+		}
+		let q = null;
+		function _e(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) < ut)) {
+					if (!o) {
+						o = !0, c.value = !0, a("interact-start"), q = document.createElement("div"), q.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
+						let e = i.zoom;
+						q.style.width = `${r.width * e}px`, q.style.height = `${r.height * e}px`, document.body.appendChild(q);
+					}
+					if (q) {
+						let t = i.zoom;
+						q.style.left = `${e.clientX - r.width * t / 2}px`, q.style.top = `${e.clientY - r.height * t / 2}px`;
+					}
+				}
+			}, l = (e) => {
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), b = null, x = null, q &&= (q.remove(), null), c.value = !1, o && (a("interact-end"), ve(e.clientX, e.clientY));
+			};
+			b = s, x = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
+		}
+		function ve(e, t) {
+			let n = i.view, r = i.imageInfo;
+			if (!n || !r) return;
+			let a = ne(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 n = e.getBoundingClientRect();
+						if (t >= n.top && t <= n.bottom) {
+							c = 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: ge(d),
+							relativeTo: "margin"
+						},
+						vertical: {
+							posOffset: ge(f),
+							relativeTo: "margin"
+						}
+					}, m = n.state.tr.setNodeMarkup(r.pmPos, void 0, {
+						...a.attrs,
+						position: p
+					});
+					n.dispatch(m), ye(r.pmPos);
+				} else {
+					let i = o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages");
+					if (!i) return;
+					let s = Se(i, e, t, 1);
+					if (s == null || s < 0 || s === r.pmPos || s === r.pmPos + 1) return;
+					let c = n.state.tr, l = a.nodeSize;
+					if (s <= r.pmPos) c = c.delete(r.pmPos, r.pmPos + l), c = c.insert(s, a), n.dispatch(c), ye(s);
+					else {
+						c = c.delete(r.pmPos, r.pmPos + l);
+						let e = Math.min(s - l, c.doc.content.size);
+						c = c.insert(e, a), n.dispatch(c), ye(Math.min(e, n.state.doc.content.size - 1));
+					}
+				}
+			} catch {}
+			j(() => S());
+		}
+		function ye(e) {
+			let t = i.view;
+			if (t) try {
+				let n = be.create(t.state.doc, e);
+				t.dispatch(t.state.tr.setSelection(n));
+			} catch {}
+		}
+		return N(() => {
+			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), b && document.removeEventListener("mousemove", b), x && document.removeEventListener("mouseup", x), q &&= (q.remove(), null), y && cancelAnimationFrame(y);
+		}), (t, n) => e.imageInfo ? (F(), D("div", {
+			key: 0,
+			ref_key: "overlayRootRef",
+			ref: o,
+			class: "image-overlay",
+			style: M(T.value),
+			onMousedown: n[3] ||= G(() => {}, ["stop"])
+		}, [
+			n[4] ||= O("div", { class: "image-overlay__border" }, null, -1),
+			O("div", {
+				class: "image-overlay__body",
+				style: M({ cursor: c.value ? "grabbing" : "grab" }),
+				onMousedown: n[0] ||= G((e) => _e(e), ["prevent", "stop"]),
+				onContextmenu: n[1] ||= G((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+			}, null, 36),
+			(F(!0), D(C, null, L(oe.value, (e) => (F(), D("div", {
+				key: e.pos,
+				class: "image-overlay__handle",
+				style: M(e.style),
+				"data-handle": e.pos,
+				onMousedown: G((t) => A(t, e.pos), ["prevent", "stop"])
+			}, null, 44, ot))), 128)),
+			n[5] ||= O("div", { class: "image-overlay__rotate-line" }, null, -1),
+			O("div", {
+				class: "image-overlay__rotate-handle",
+				style: M({ left: `${ie.value / 2 - 7}px` }),
+				title: z(r)("imageOverlay.rotate"),
+				onMousedown: n[2] ||= G((e) => K(e), ["prevent", "stop"])
+			}, null, 44, st),
+			s.value ? (F(), D("div", ct, R(Math.round(u.value)) + " × " + R(Math.round(d.value)), 1)) : E("", !0),
+			l.value ? (F(), D("div", lt, R(Math.round(f.value)) + "° ", 1)) : E("", !0)
+		], 36)) : E("", !0);
+	}
+}), [["__scopeId", "data-v-a6f20ec2"]]), pt = { class: "doc-outline__header" }, mt = { class: "doc-outline__body" }, ht = {
+	key: 0,
+	class: "doc-outline__empty"
+}, gt = ["onMousedown"], _t = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "DocumentOutline",
+	props: {
+		isOpen: { type: Boolean },
+		headings: {}
+	},
+	emits: ["close", "navigate"],
+	setup(e) {
+		return (t, n) => e.isOpen ? (F(), D("nav", {
+			key: 0,
+			class: "doc-outline",
+			role: "navigation",
+			"aria-label": "Document outline",
+			onMousedown: n[1] ||= G(() => {}, ["stop"])
+		}, [O("div", pt, [O("button", {
+			class: "doc-outline__back",
+			title: "Close outline",
+			"aria-label": "Close outline",
+			onClick: n[0] ||= (e) => t.$emit("close")
+		}, [k(c, {
+			name: "arrow_back",
+			size: 20
+		})]), n[2] ||= O("span", { class: "doc-outline__title" }, "Document Outline", -1)]), O("div", mt, [e.headings.length === 0 ? (F(), D("div", ht, " No headings found ")) : E("", !0), (F(!0), D(C, null, L(e.headings, (e, n) => (F(), D("button", {
+			key: n,
+			class: "doc-outline__item",
+			style: M({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
+			onMousedown: G((n) => t.$emit("navigate", e.pmPos), ["prevent"])
+		}, R(e.text || "(untitled)"), 45, gt))), 128))])], 32)) : E("", !0);
+	}
+}), [["__scopeId", "data-v-cb2cdc39"]]), vt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "PageIndicator",
+	props: {
+		currentPage: {},
+		totalPages: {},
+		visible: { type: Boolean }
+	},
+	setup(e) {
+		let { t } = n();
+		return (n, r) => (F(), D("div", {
+			class: "docx-editor-vue__page-indicator",
+			style: M({ opacity: +!!e.visible }),
+			"aria-live": "polite",
+			role: "status"
+		}, R(z(t)("viewer.pageIndicator", {
+			current: e.currentPage,
+			total: e.totalPages
+		})), 5));
+	}
+}), [["__scopeId", "data-v-d117bf6e"]]), yt = { class: "hf-editor__toolbar" }, bt = { class: "hf-editor__label" }, xt = { class: "hf-editor__actions" }, St = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "InlineHeaderFooterEditor",
+	props: {
+		isOpen: { type: Boolean },
+		position: {},
+		headerFooter: {},
+		styles: {},
+		theme: {},
+		targetRect: {}
+	},
+	emits: [
+		"save",
+		"close",
+		"remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = I(null), a = null, o = I({});
+		function s() {
+			let e = n.targetRect;
+			e && (o.value = {
+				position: "absolute",
+				top: `${e.top}px`,
+				left: `${e.left}px`,
+				width: `${e.width}px`,
+				minHeight: `${Math.max(e.height, 60)}px`,
+				zIndex: "100"
+			});
+		}
+		V(() => n.isOpen, async (e) => {
+			e ? (s(), await j(), c()) : l();
+		}), V(() => n.targetRect, () => {
+			n.isOpen && s();
+		}, { deep: !0 });
+		function c() {
+			let e = i.value;
+			if (!e || a) return;
+			let t = je, r = Me(n.headerFooter?.content ?? [], {
+				styles: n.styles ?? void 0,
+				theme: n.theme ?? null
+			});
+			a = new Ae(e, {
+				state: ye.create({
+					doc: r,
+					schema: t.getSchema(),
+					plugins: t.getPlugins() ?? []
+				}),
+				editable: () => !0
+			}), a.focus();
+		}
+		function l() {
+			a &&= (a.destroy(), null);
+		}
+		function u() {
+			a && (r("save", Ne(a.state.doc)), r("close"));
+		}
+		return N(() => {
+			l();
+		}), (t, n) => e.isOpen ? (F(), D("div", {
+			key: 0,
+			class: "hf-editor",
+			style: M(o.value),
+			onMousedown: n[2] ||= G(() => {}, ["stop"]),
+			onContextmenu: n[3] ||= G(() => {}, ["stop"])
+		}, [O("div", yt, [O("span", bt, R(e.position === "header" ? "Header" : "Footer"), 1), O("div", xt, [
+			O("button", {
+				class: "hf-editor__btn",
+				title: "Remove",
+				onMousedown: n[0] ||= G((e) => t.$emit("remove"), ["prevent"])
+			}, " Remove ", 32),
+			O("button", {
+				class: "hf-editor__btn hf-editor__btn--primary",
+				title: "Save",
+				onMousedown: G(u, ["prevent"])
+			}, " Save ", 32),
+			O("button", {
+				class: "hf-editor__btn",
+				title: "Cancel",
+				onMousedown: n[1] ||= G((e) => t.$emit("close"), ["prevent"])
+			}, " Cancel ", 32)
+		])]), O("div", {
+			ref_key: "editorRef",
+			ref: i,
+			class: "hf-editor__content"
+		}, null, 512)], 36)) : E("", !0);
+	}
+}), [["__scopeId", "data-v-343434c4"]]), Ct = {
+	key: 0,
+	class: "docx-editor-vue__title-bar"
+}, wt = { class: "docx-editor-vue__title-bar-left" }, Tt = { class: "docx-editor-vue__title-bar-center" }, Et = { class: "docx-editor-vue__title-bar-right" }, Dt = /* @__PURE__ */ A({
+	__name: "DocxEditorMenuBar",
+	props: {
+		showMenuBar: { type: Boolean },
+		documentName: {},
+		documentNameEditable: {
+			type: Boolean,
+			default: !0
+		},
+		renderLogo: {},
+		renderTitleBarRight: {}
+	},
+	emits: [
+		"rename",
+		"menu-action",
+		"insert-table"
+	],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => e.showMenuBar ? (F(), D("div", Ct, [
+			O("div", wt, [e.renderLogo ? (F(), T(de(e.renderLogo), { key: 0 })) : E("", !0), ue(t.$slots, "title-bar-left")]),
+			O("div", Tt, [k(g, {
+				"model-value": e.documentName,
+				editable: e.documentNameEditable,
+				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
+			}, null, 8, ["model-value", "editable"]), k(v, {
+				onAction: r[1] ||= (e) => n("menu-action", e),
+				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
+			})]),
+			O("div", Et, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (F(), T(de(e.renderTitleBarRight), { key: 0 })) : E("", !0)])
+		])) : E("", !0);
+	}
+}), Ot = /* @__PURE__ */ A({
+	__name: "DocxEditorDialogs",
+	props: {
+		view: {},
+		bookmarks: {},
+		selectedImagePmPos: {},
+		sectionProperties: {},
+		showFindReplace: { type: Boolean },
+		showInsertImage: { type: Boolean },
+		showHyperlink: { type: Boolean },
+		showInsertSymbol: { type: Boolean },
+		showImageProperties: { type: Boolean },
+		showPageSetup: { type: Boolean },
+		showKeyboardShortcuts: { type: Boolean }
+	},
+	emits: [
+		"update:showFindReplace",
+		"update:showInsertImage",
+		"update:showHyperlink",
+		"update:showInsertSymbol",
+		"update:showImageProperties",
+		"update:showPageSetup",
+		"update:showKeyboardShortcuts",
+		"insert-image",
+		"insert-symbol",
+		"hyperlink-submit",
+		"hyperlink-remove",
+		"page-setup-apply"
+	],
+	setup(t, { emit: n }) {
+		let r = n;
+		return (n, a) => (F(), D(C, null, [
+			k(u, {
+				"is-open": t.showFindReplace,
+				view: t.view,
+				onClose: a[0] ||= (e) => r("update:showFindReplace", !1)
+			}, null, 8, ["is-open", "view"]),
+			k(s, {
+				"is-open": t.showInsertImage,
+				onClose: a[1] ||= (e) => r("update:showInsertImage", !1),
+				onInsert: a[2] ||= (e) => r("insert-image", e)
+			}, null, 8, ["is-open"]),
+			k(e, {
+				"is-open": t.showHyperlink,
+				view: t.view,
+				bookmarks: t.bookmarks,
+				onClose: a[3] ||= (e) => r("update:showHyperlink", !1),
+				onSubmit: a[4] ||= (e) => r("hyperlink-submit", e),
+				onRemove: a[5] ||= (e) => r("hyperlink-remove")
+			}, null, 8, [
+				"is-open",
+				"view",
+				"bookmarks"
+			]),
+			k(i, {
+				"is-open": t.showInsertSymbol,
+				onClose: a[6] ||= (e) => r("update:showInsertSymbol", !1),
+				onInsert: a[7] ||= (e) => r("insert-symbol", e)
+			}, null, 8, ["is-open"]),
+			k(l, {
+				"is-open": t.showImageProperties,
+				view: t.view,
+				"pm-pos": t.selectedImagePmPos,
+				onClose: a[8] ||= (e) => r("update:showImageProperties", !1)
+			}, null, 8, [
+				"is-open",
+				"view",
+				"pm-pos"
+			]),
+			k(o, {
+				"is-open": t.showPageSetup,
+				"section-properties": t.sectionProperties,
+				onClose: a[9] ||= (e) => r("update:showPageSetup", !1),
+				onApply: a[10] ||= (e) => r("page-setup-apply", e)
+			}, null, 8, ["is-open", "section-properties"]),
+			k(d, {
+				"is-open": t.showKeyboardShortcuts,
+				onClose: a[11] ||= (e) => r("update:showKeyboardShortcuts", !1)
+			}, null, 8, ["is-open"])
+		], 64));
+	}
+}), kt = ["disabled", "onMousedown"], At = { class: "ctx-menu__label" }, jt = {
+	key: 0,
+	class: "ctx-menu__shortcut"
+}, Mt = 220, Nt = 32, Pt = 10, Ft = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "TextContextMenu",
+	props: {
+		isOpen: { type: Boolean },
+		position: {},
+		hasSelection: { type: Boolean },
+		isEditable: { type: Boolean },
+		inTable: { type: Boolean },
+		onImage: { type: Boolean },
+		canMergeCells: { type: Boolean },
+		canSplitCell: { type: Boolean }
+	},
+	emits: ["close", "action"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = I(null), a = w(() => {
+			let e = [
+				{
+					id: "cut",
+					label: "Cut",
+					action: "cut",
+					shortcut: "Ctrl+X",
+					disabled: !n.hasSelection || !n.isEditable
+				},
+				{
+					id: "copy",
+					label: "Copy",
+					action: "copy",
+					shortcut: "Ctrl+C",
+					disabled: !n.hasSelection
+				},
+				{
+					id: "paste",
+					label: "Paste",
+					action: "paste",
+					shortcut: "Ctrl+V",
+					disabled: !n.isEditable
+				},
+				{
+					id: "pasteAsPlainText",
+					label: "Paste as Plain Text",
+					action: "pasteAsPlainText",
+					shortcut: "Ctrl+Shift+V",
+					disabled: !n.isEditable
+				},
+				{
+					id: "div1",
+					label: "",
+					action: "",
+					divider: !0
+				},
+				{
+					id: "delete",
+					label: "Delete",
+					action: "delete",
+					shortcut: "Del",
+					disabled: !n.hasSelection || !n.isEditable
+				},
+				{
+					id: "selectAll",
+					label: "Select All",
+					action: "selectAll",
+					shortcut: "Ctrl+A"
+				}
+			];
+			return n.onImage && n.isEditable && e.push({
+				id: "div-img",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "replaceImage",
+				label: "Replace image…",
+				action: "replaceImage"
+			}, {
+				id: "imageProperties",
+				label: "Image properties…",
+				action: "imageProperties"
+			}, {
+				id: "deleteImage",
+				label: "Delete image",
+				action: "deleteImage",
+				shortcut: "Del"
+			}), n.inTable && n.isEditable && e.push({
+				id: "div2",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addRowAbove",
+				label: "Insert row above",
+				action: "addRowAbove"
+			}, {
+				id: "addRowBelow",
+				label: "Insert row below",
+				action: "addRowBelow"
+			}, {
+				id: "deleteRow",
+				label: "Delete row",
+				action: "deleteRow"
+			}, {
+				id: "div3",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addColLeft",
+				label: "Insert column left",
+				action: "addColumnLeft"
+			}, {
+				id: "addColRight",
+				label: "Insert column right",
+				action: "addColumnRight"
+			}, {
+				id: "deleteCol",
+				label: "Delete column",
+				action: "deleteColumn"
+			}, {
+				id: "div4",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "mergeCells",
+				label: "Merge cells",
+				action: "mergeCells",
+				disabled: !n.canMergeCells
+			}, {
+				id: "splitCell",
+				label: "Split cell",
+				action: "splitCell",
+				disabled: !n.canSplitCell
+			}), e;
+		}), o = w(() => {
+			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * Nt + i * 9;
+			return typeof window < "u" && (e + Mt + Pt > window.innerWidth && (e = window.innerWidth - Mt - Pt), t + o + Pt > window.innerHeight && (t = window.innerHeight - o - Pt)), {
+				position: "fixed",
+				left: `${e}px`,
+				top: `${t}px`,
+				zIndex: 400
+			};
+		});
+		function s(e) {
+			e && (r("action", e), r("close"));
+		}
+		function c(e) {
+			e.key === "Escape" && r("close");
+		}
+		return V(() => n.isOpen, (e) => {
+			e && j(() => i.value?.focus());
+		}), (t, n) => (F(), T(ie, { to: "body" }, [e.isOpen ? (F(), D("div", {
+			key: 0,
+			class: "ctx-menu-backdrop",
+			onMousedown: n[0] ||= (e) => t.$emit("close"),
+			onContextmenu: n[1] ||= G((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : E("", !0), e.isOpen ? (F(), D("div", {
+			key: 1,
+			ref_key: "menuRef",
+			ref: i,
+			class: "ctx-menu",
+			style: M(o.value),
+			onContextmenu: n[2] ||= G(() => {}, ["prevent"]),
+			onKeydown: c
+		}, [(F(!0), D(C, null, L(a.value, (e, t) => (F(), D("button", {
+			key: e.id || t,
+			class: le(["ctx-menu__item", {
+				"ctx-menu__item--disabled": e.disabled,
+				"ctx-menu__item--divider": e.divider
+			}]),
+			disabled: e.disabled,
+			onMousedown: G((t) => s(e.action), ["prevent"])
+		}, [O("span", At, R(e.label), 1), e.shortcut ? (F(), D("span", jt, R(e.shortcut), 1)) : E("", !0)], 42, kt))), 128))], 36)) : E("", !0)]));
+	}
+}), [["__scopeId", "data-v-741c4f71"]]), It = ["aria-label"], Lt = { class: "image-ctx-menu__icon" }, Rt = { class: "image-ctx-menu__label" }, zt = {
+	key: 1,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, Bt = [
+	"data-wrap-type",
+	"data-current",
+	"data-disabled",
+	"disabled",
+	"title",
+	"onClick"
+], Vt = { class: "image-ctx-menu__icon" }, Ht = { class: "image-ctx-menu__label" }, Ut = ["aria-label"], Wt = ["disabled", "onClick"], Gt = { class: "image-ctx-menu__label" }, Kt = {
+	key: 0,
+	class: "image-ctx-menu__shortcut"
+}, qt = {
+	key: 0,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, Jt = 18, Yt = 260, Q = 10, Xt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "ImageContextMenu",
+	props: {
+		state: {},
+		textActions: {},
+		canOpenProperties: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"close",
+		"select",
+		"text-action",
+		"open-properties"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t;
+		function a() {
+			i("open-properties"), i("close");
+		}
+		let { t: o } = n(), s = I(null), l = Te, u = w(() => r.state ? J(r.state.currentWrapType, r.state.currentCssFloat ?? null) : null), d = {
+			inline: "wrap_text",
+			squareLeft: "format_image_left",
+			squareRight: "format_image_right",
+			behind: "flip_to_back",
+			inFront: "flip_to_front"
+		};
+		function f(e) {
+			return d[e];
+		}
+		let p = w(() => {
+			if (!r.state) return {};
+			let e = Te.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
+			return typeof window < "u" && (t + Yt > window.innerWidth && (t = window.innerWidth - Yt - Q), n + e > window.innerHeight && (n = window.innerHeight - e - Q), t < Q && (t = Q), n < Q && (n = Q)), {
+				position: "fixed",
+				left: `${t}px`,
+				top: `${n}px`,
+				minWidth: `${Yt}px`,
+				zIndex: 400
+			};
+		});
+		function m(e) {
+			return r.state ? Oe(e, r.state.currentWrapType) : !1;
+		}
+		function h(e) {
+			m(e) && (i("select", e.choice), i("close"));
+		}
+		function g(e) {
+			e.disabled || (i("text-action", e.action), i("close"));
+		}
+		function _(e) {
+			e.preventDefault(), i("close");
+		}
+		function ee(e) {
+			e.key === "Escape" && (e.preventDefault(), i("close"));
+		}
+		return (t, n) => (F(), T(ie, { to: "body" }, [e.state && e.state.open ? (F(), D("div", {
+			key: 0,
+			class: "image-ctx-menu-backdrop",
+			onMousedown: _,
+			onContextmenu: n[0] ||= G((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : E("", !0), e.state && e.state.open ? (F(), D("div", {
+			key: 1,
+			ref_key: "menuRef",
+			ref: s,
+			class: "image-ctx-menu",
+			role: "menu",
+			"aria-label": z(o)("imageWrap.menu.ariaLabel"),
+			"data-testid": "image-context-menu",
+			style: M(p.value),
+			onContextmenu: n[4] ||= G(() => {}, ["prevent"]),
+			onKeydown: ee
+		}, [
+			e.canOpenProperties ? (F(), D("button", {
+				key: 0,
+				type: "button",
+				role: "menuitem",
+				class: "image-ctx-menu__item",
+				"data-action": "open-properties",
+				onMousedown: n[1] ||= G(() => {}, ["prevent"]),
+				onClick: a
+			}, [O("span", Lt, [k(c, {
+				name: "settings",
+				size: Jt
+			})]), O("span", Rt, R(z(o)("imageWrap.menu.imageProperties")), 1)], 32)) : E("", !0),
+			e.canOpenProperties ? (F(), D("div", zt)) : E("", !0),
+			(F(!0), D(C, null, L(z(l), (e) => (F(), D("button", {
+				key: e.choice,
+				type: "button",
+				role: "menuitem",
+				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: z(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= G(() => {}, ["prevent"]),
+				onClick: (t) => h(e)
+			}, [
+				O("span", Vt, [k(c, {
+					name: f(e.iconHint),
+					size: Jt
+				}, null, 8, ["name"])]),
+				O("span", Ht, R(z(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (F(), D("span", {
+					key: 0,
+					class: "image-ctx-menu__current-dot",
+					"aria-label": z(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, Ut)) : E("", !0)
+			], 42, Bt))), 128)),
+			e.textActions && e.textActions.length > 0 ? (F(), D(C, { key: 2 }, [n[5] ||= O("div", {
+				class: "image-ctx-menu__divider",
+				role: "separator"
+			}, null, -1), (F(!0), D(C, null, L(e.textActions, (e, t) => (F(), D(C, { key: `${e.action}-${t}` }, [O("button", {
+				type: "button",
+				role: "menuitem",
+				class: "image-ctx-menu__item image-ctx-menu__item--text",
+				disabled: e.disabled,
+				onMousedown: n[3] ||= G(() => {}, ["prevent"]),
+				onClick: (t) => g(e)
+			}, [O("span", Gt, R(e.label), 1), e.shortcut ? (F(), D("span", Kt, R(e.shortcut), 1)) : E("", !0)], 40, Wt), e.dividerAfter ? (F(), D("div", qt)) : E("", !0)], 64))), 128))], 64)) : E("", !0)
+		], 44, It)) : E("", !0)]));
+	}
+}), [["__scopeId", "data-v-5c21ca8c"]]), Zt = /* @__PURE__ */ A({
+	__name: "DocxEditorOverlays",
+	props: {
+		readOnly: { type: Boolean },
+		contextMenu: {},
+		imageContextMenu: {},
+		imageContextMenuTextActions: {},
+		canOpenImageProperties: { type: Boolean }
+	},
+	emits: [
+		"context-menu-action",
+		"close-context-menu",
+		"image-wrap-select",
+		"close-image-context-menu",
+		"open-image-properties"
+	],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (F(), D(C, null, [k(Ft, {
+			"is-open": e.contextMenu.isOpen,
+			position: e.contextMenu.position,
+			"has-selection": e.contextMenu.hasSelection,
+			"is-editable": !e.readOnly,
+			"in-table": e.contextMenu.inTable,
+			"on-image": e.contextMenu.onImage,
+			"can-merge-cells": e.contextMenu.canMergeCells,
+			"can-split-cell": e.contextMenu.canSplitCell,
+			onAction: r[0] ||= (e) => n("context-menu-action", e),
+			onClose: r[1] ||= (e) => n("close-context-menu")
+		}, null, 8, [
+			"is-open",
+			"position",
+			"has-selection",
+			"is-editable",
+			"in-table",
+			"on-image",
+			"can-merge-cells",
+			"can-split-cell"
+		]), k(Xt, {
+			state: e.imageContextMenu,
+			"text-actions": e.imageContextMenuTextActions,
+			"can-open-properties": e.canOpenImageProperties,
+			onClose: r[2] ||= (e) => n("close-image-context-menu"),
+			onSelect: r[3] ||= (e) => n("image-wrap-select", e),
+			onTextAction: r[4] ||= (e) => n("context-menu-action", e),
+			onOpenProperties: r[5] ||= (e) => n("open-image-properties")
+		}, null, 8, [
+			"state",
+			"text-actions",
+			"can-open-properties"
+		])], 64));
+	}
+}), Qt = ["href", "title"], $t = ["title"], en = ["title"], tn = ["title"], nn = { class: "docx-hyperlink-popup__edit-row" }, rn = ["placeholder", "onKeydown"], an = { class: "docx-hyperlink-popup__edit-row" }, $ = ["onKeydown"], on = ["disabled"], sn = /* @__PURE__ */ b(/* @__PURE__ */ A({
+	__name: "HyperlinkPopup",
+	props: {
+		data: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"copy",
+		"edit",
+		"remove",
+		"close"
+	],
+	setup(e, { emit: t }) {
+		let { t: r } = n(), i = e, a = t, o = I(!1), s = I(""), c = I(""), l = I(null), u = w(() => ({
+			left: (i.data?.position.left ?? 0) + "px",
+			top: (i.data?.position.top ?? 0) + "px"
+		}));
+		V(() => i.data?.href, () => {
+			o.value = !1;
+		});
+		let d = null, f = null;
+		function p() {
+			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
+		}
+		V(() => i.data, (e) => {
+			p(), e && (d = (e) => {
+				let t = l.value;
+				t && !t.contains(e.target) && a("close");
+			}, f = setTimeout(() => {
+				d && document.addEventListener("mousedown", d);
+			}, 0));
+		}, { immediate: !0 }), N(p);
+		function m() {
+			i.data && (s.value = i.data.displayText, c.value = i.data.href, o.value = !0);
+		}
+		function h() {
+			c.value.trim() && (a("edit", s.value, c.value), o.value = !1);
+		}
+		function g() {
+			i.data && (a("copy", i.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(i.data.href).catch(() => {}));
+		}
+		return (t, n) => e.data ? (F(), D("div", {
+			key: 0,
+			ref_key: "popupRef",
+			ref: l,
+			class: le(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
+			style: M(u.value),
+			onMousedown: n[6] ||= G(() => {}, ["stop"])
+		}, [o.value ? (F(), D(C, { key: 1 }, [O("div", nn, [U(O("input", {
+			class: "docx-hyperlink-popup__input",
+			placeholder: z(r)("hyperlinkPopup.displayTextPlaceholder"),
+			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
+			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[3] ||= W((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, rn), [[B, s.value]])]), O("div", an, [U(O("input", {
+			class: "docx-hyperlink-popup__input",
+			placeholder: "https://...",
+			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
+			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[5] ||= W((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, $), [[B, c.value]]), O("button", {
+			class: "docx-hyperlink-popup__apply",
+			disabled: !c.value.trim(),
+			onClick: G(h, ["prevent"])
+		}, R(z(r)("common.apply")), 9, on)])], 64)) : (F(), D(C, { key: 0 }, [
+			n[10] ||= se("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-9d23bb12><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-9d23bb12></circle><path d=\"M2 12h20\" data-v-9d23bb12></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-9d23bb12></path></svg></span>", 1),
+			O("a", {
+				class: "docx-hyperlink-popup__url",
+				href: e.data.href,
+				title: e.data.href,
+				onClick: n[0] ||= G((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, R(e.data.href), 9, Qt),
+			n[11] ||= O("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			O("button", {
+				class: "docx-hyperlink-popup__btn",
+				title: z(r)("hyperlinkPopup.copyLink"),
+				onClick: G(g, ["prevent"])
+			}, [...n[7] ||= [O("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [O("rect", {
+				x: "9",
+				y: "9",
+				width: "13",
+				height: "13",
+				rx: "2",
+				ry: "2"
+			}), O("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, $t),
+			e.readOnly ? E("", !0) : (F(), D("button", {
+				key: 0,
+				class: "docx-hyperlink-popup__btn",
+				title: z(r)("hyperlinkPopup.editLink"),
+				onClick: G(m, ["prevent"])
+			}, [...n[8] ||= [O("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [O("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), O("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, en)),
+			e.readOnly ? E("", !0) : (F(), D("button", {
+				key: 1,
+				class: "docx-hyperlink-popup__btn",
+				title: z(r)("hyperlinkPopup.removeLink"),
+				onClick: n[1] ||= G((e) => t.$emit("remove"), ["prevent"])
+			}, [...n[9] ||= [se("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-9d23bb12></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-9d23bb12></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-9d23bb12></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-9d23bb12></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-9d23bb12></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-9d23bb12></line></svg>", 1)]], 8, tn))
+		], 64))], 38)) : E("", !0);
+	}
+}), [["__scopeId", "data-v-9d23bb12"]]);
+//#endregion
+//#region src/composables/useFileIO.ts
+function cn(e) {
+	let t = I(null);
+	async function n() {
+		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
+	}
+	async function r(t) {
+		try {
+			let r = await q(t);
+			if (!r) return;
+			await e.loadBuffer(r.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", r.name), await n();
+		} catch (t) {
+			e.emit("error", t instanceof Error ? t : /* @__PURE__ */ Error("Failed to open document"));
+		}
+	}
+	function i(t) {
+		e.onDocumentNameChange?.(t), e.emit("rename", t);
+	}
+	async function a() {
+		let t = await e.saveBlob();
+		if (!t) return;
+		let n = (e.documentName() ?? "").trim() || "document", r = URL.createObjectURL(t), i = window.document.createElement("a");
+		i.href = r, i.download = `${n.replace(/\.docx$/i, "")}.docx`, i.click(), setTimeout(() => URL.revokeObjectURL(r), 0);
+	}
+	async function o(t) {
+		await e.loadBuffer(t), e.emit("update:document", e.getDocument()), await n();
+	}
+	function s(t) {
+		e.loadParsedDocument(t), e.emit("update:document", t), n();
+	}
+	async function c() {
+		let t = await e.saveBlob();
+		return t ? t.arrayBuffer() : null;
+	}
+	return {
+		docxInputRef: t,
+		handleDocxFileChange: r,
+		handleDocumentNameChange: i,
+		downloadCurrentDocument: a,
+		emitReadyAfterSidebarStateRefresh: n,
+		loadDocumentBuffer: o,
+		loadDocument: s,
+		save: c
+	};
+}
+//#endregion
+//#region src/composables/useHyperlinkManagement.ts
+function ln(e) {
+	let t = I(null);
+	function n(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = e.getCommands(), { empty: i } = n.state.selection, a = t.bookmark ? `#${t.bookmark}` : t.url;
+		if (a) {
+			if (i && t.displayText) {
+				let e = r.insertHyperlink;
+				e && e(t.displayText, a, t.tooltip || void 0)(n.state, (e) => n.dispatch(e), n);
+			} else {
+				let e = r.setHyperlink;
+				e && e(a, t.tooltip || void 0)(n.state, (e) => n.dispatch(e), n);
+			}
+			n.focus();
+		}
+	}
+	function r() {
+		let t = e.editorView.value;
+		if (!t) return;
+		let n = e.getCommands().removeHyperlink;
+		n && n()(t.state, (e) => t.dispatch(e), t), t.focus();
+	}
+	function i(e) {
+		window.open(e, "_blank", "noopener,noreferrer"), t.value = null;
+	}
+	function a(n, r) {
+		let i = e.editorView.value;
+		if (!i) return;
+		let a = K(i.state);
+		if (!a) {
+			t.value = null;
+			return;
+		}
+		let o = i.state.schema.marks.hyperlink, { $from: s } = i.state.selection, c = o.create({
+			href: r,
+			tooltip: a.mark.attrs.tooltip
+		}), l = s.marks().filter((e) => e.type !== o), u = i.state.schema.text(n, [...l, c]), d = i.state.tr.replaceWith(a.start, a.end, u);
+		i.dispatch(d.scrollIntoView()), t.value = null, i.focus();
+	}
+	function o() {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = K(n.state, t.value?.href);
+		if (!r) {
+			t.value = null;
+			return;
+		}
+		let i = n.state.schema.marks.hyperlink, a = n.state.tr.removeMark(r.start, r.end, i);
+		n.dispatch(a.scrollIntoView()), t.value = null, n.focus();
+	}
+	return {
+		hyperlinkPopupData: t,
+		handleHyperlinkSubmit: n,
+		handleHyperlinkRemove: r,
+		handleHyperlinkPopupNavigate: i,
+		handleHyperlinkPopupEdit: a,
+		handleHyperlinkPopupRemove: o
+	};
+}
+//#endregion
+//#region src/composables/useFormattingActions.ts
+function un(e) {
+	function t() {
+		let t = e.editorView.value;
+		t && (pe(t.state, t.dispatch, t), t.focus());
+	}
+	function n(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = e.getDocument()?.package?.styles;
+		if (r) {
+			let e = Ve(r).resolveParagraphStyle(t);
+			Z(t, {
+				paragraphFormatting: e.paragraphFormatting,
+				runFormatting: e.runFormatting
+			})(n.state, (e) => n.dispatch(e));
+		} else Z(t)(n.state, (e) => n.dispatch(e));
+		n.focus();
+	}
+	function r() {
+		let t = e.editorView.value;
+		t && (He(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function i(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let { from: r } = n.state.selection, i = n.state.tr.insertText(t, r);
+		n.dispatch(i.scrollIntoView()), n.focus();
+	}
+	function a(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = Qe(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: Ue(s.highlight) || s.highlight })) : c.removeMark(i, a, o.marks.highlight)), s.fontSize !== void 0 && o.marks.fontSize && (c = s.fontSize > 0 ? c.addMark(i, a, o.marks.fontSize.create({ size: Pe(s.fontSize) })) : c.removeMark(i, a, o.marks.fontSize)), s.fontFamily !== void 0 && o.marks.fontFamily && (c = s.fontFamily && (s.fontFamily.ascii || s.fontFamily.hAnsi) ? c.addMark(i, a, o.marks.fontFamily.create({
+			ascii: s.fontFamily.ascii ?? null,
+			hAnsi: s.fontFamily.hAnsi ?? s.fontFamily.ascii ?? null
+		})) : c.removeMark(i, a, o.marks.fontFamily)), n.dispatch(c), !0;
+	}
+	function o(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = Qe(n.state.doc, t.paraId);
+		if (!r) return !1;
+		let i = e.getDocument(), a = i?.package?.styles ? Ve(i.package.styles) : null;
+		if (a && !a.hasParagraphStyle(t.styleId)) return !1;
+		let o = n.state.doc.resolve(r.from + 1), s = n.state.doc.resolve(r.to - 1), c = n.state.apply(n.state.tr.setSelection(xe.between(o, s))), l = a ? (() => {
+			let e = a.resolveParagraphStyle(t.styleId);
+			return Z(t.styleId, {
+				paragraphFormatting: e.paragraphFormatting,
+				runFormatting: e.runFormatting
+			});
+		})() : Z(t.styleId), u = !1;
+		return l(c, (e) => {
+			u = !0, e.setSelection(n.state.selection.map(e.doc, e.mapping)), n.dispatch(e);
+		}), u;
+	}
+	return {
+		handleClearFormatting: t,
+		handleApplyStyle: n,
+		handleInsertPageBreak: r,
+		handleInsertSymbol: i,
+		applyFormatting: a,
+		setParagraphStyle: o
+	};
+}
+//#endregion
+//#region src/composables/usePageSetupControls.ts
+function dn(e) {
+	function t(t) {
+		let n = e.getDocument();
+		if (!n?.package?.document) return;
+		let r = n.package.document.finalSectionProperties ?? {};
+		n.package.document.finalSectionProperties = {
+			...r,
+			...t
+		}, e.stateTick.value++, e.reLayout(), e.emit("change", n);
+	}
+	function n(n, r) {
+		e.readOnly.value || t({ [n]: r });
+	}
+	function r(e) {
+		n("marginLeft", e);
+	}
+	function i(e) {
+		n("marginRight", e);
+	}
+	function a(e) {
+		n("marginTop", e);
+	}
+	function o(e) {
+		n("marginBottom", e);
+	}
+	function s(t) {
+		let n = e.editorView.value;
+		n && ze(t)(n.state, n.dispatch);
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		n && Be(t)(n.state, n.dispatch);
+	}
+	function l(t) {
+		let n = e.editorView.value;
+		n && (t < 0 ? Re(-t, !0)(n.state, n.dispatch) : Re(t, !1)(n.state, n.dispatch));
+	}
+	function u(t) {
+		let n = e.editorView.value;
+		n && Le(t)(n.state, n.dispatch);
+	}
+	return {
+		handlePageSetupApply: t,
+		handleLeftMarginChange: r,
+		handleRightMarginChange: i,
+		handleTopMarginChange: a,
+		handleBottomMarginChange: o,
+		handleIndentLeftChange: s,
+		handleIndentRightChange: c,
+		handleFirstLineIndentChange: l,
+		handleTabStopRemove: u
+	};
+}
+//#endregion
+//#region src/composables/useOutlineSidebar.ts
+function fn(e) {
+	function t() {
+		if (!e.showOutline.value) {
+			let t = e.editorView.value;
+			t && (e.outlineHeadings.value = We(t.state.doc));
+		}
+		e.showOutline.value = !e.showOutline.value;
+	}
+	function n(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = xe.near(r);
+		n.dispatch(n.state.tr.setSelection(i).scrollIntoView()), n.focus();
+	}
+	function r() {
+		e.showSidebar.value || e.extractCommentsAndChanges(), e.showSidebar.value = !e.showSidebar.value;
+	}
+	function i(t) {
+		let n = t.target;
+		n && (n.closest(".paged-editor__pages") || n.closest(".unified-sidebar") || n.closest(".docx-comment-margin-markers") || (e.activeSidebarItem.value = null));
+	}
+	return {
+		handleToggleOutline: t,
+		handleOutlineNavigate: n,
+		handleToggleSidebar: r,
+		handleEditorScrollMouseDown: i
+	};
+}
+//#endregion
+//#region src/composables/useKeyboardShortcuts.ts
+function pn(e) {
+	function t(t) {
+		if (t.key === "F1") {
+			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
+			return;
+		}
+		e.handleZoomKeyDown(t), (t.ctrlKey || t.metaKey) && (e.disableFindReplaceShortcuts?.() && (t.key === "f" || t.key === "h") || (t.key === "f" || t.key === "h" ? (t.preventDefault(), e.showFindReplace.value = !0) : t.key === "k" ? (t.preventDefault(), e.showHyperlink.value = !0) : t.key === "/" && (t.preventDefault(), e.showKeyboardShortcuts.value = !e.showKeyboardShortcuts.value)));
+	}
+	return P(() => window.addEventListener("keydown", t)), N(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+}
+//#endregion
+//#region src/utils/commentFactories.ts
+function mn(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 }
+	};
+}
+//#endregion
+//#region src/composables/useCommentManagement.ts
+function hn(e) {
+	function t(t, n, r) {
+		return mn(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
+	}
+	function n(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 = Qe(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;
+	}
+	function r(n, 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);
+		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) {
+		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 = Qe(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(e, t) {
+		r(e, t, "User");
+	}
+	function s(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) {
+		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) {
+		let r = e.editorView.value;
+		r && (Ge(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+	}
+	function u(t, n) {
+		let r = e.editorView.value;
+		r && (Ke(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+	}
+	function d(n, 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 (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;
+			return !0;
+		}), s === null) return;
+		let u = t(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,
+		handleTrackedChangeReply: d
+	};
+}
+//#endregion
+//#region src/utils/domQueries.ts
+function gn(e, t) {
+	let n = X(e);
+	for (let e of n) {
+		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
+		if (!isNaN(n) && !isNaN(r) && t >= n && t <= r) return e;
+	}
+	return null;
+}
+function _n(e, t, n) {
+	if (!e || !t) return;
+	let r = null;
+	for (let t of X(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;
+			break;
+		}
+	}
+	if (r ||= e.querySelector(`[data-pm-start="${n}"]`), !r) return;
+	let i = t.getBoundingClientRect(), a = r.getBoundingClientRect();
+	t.scrollTo({
+		top: a.top - i.top + t.scrollTop - 48,
+		behavior: "smooth"
+	});
+}
+function vn(e, t, n, r) {
+	if (!e || !t) return null;
+	let i = Y(e, n, r, 1);
+	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
+}
+function yn(e, t, n) {
+	if (!e) return;
+	let r = gn(e, t);
+	if (!r) return;
+	let i = r.textContent || "", a = Number(r.dataset.pmStart) || 0, [o, s] = he(i, t - a), c = a + o, l = a + s;
+	c < l && n(c, l);
+}
+function bn(e, t, n) {
+	if (!e) return;
+	let r = gn(e, t);
+	if (!r) return;
+	let i = r.closest(".layout-paragraph");
+	if (!i) return;
+	let a = Number(i.dataset.pmStart), o = Number(i.dataset.pmEnd);
+	!isNaN(a) && !isNaN(o) && a < o && n(a, o);
+}
+//#endregion
+//#region src/composables/useCommentLifecycle.ts
+function xn(e) {
+	let t = I(null), n = I(null), r = I(null), i = I(!1);
+	function a() {
+		let t = e.getDocument(), n = e.editorView.value;
+		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = qe(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
+	}
+	function o() {
+		e.stateTick.value;
+		let n = e.editorView.value;
+		if (!n || e.isAddingComment.value || e.readOnly.value) {
+			t.value = null;
+			return;
+		}
+		let { from: r, to: i } = n.state.selection;
+		if (r === i) {
+			t.value = null;
+			return;
+		}
+		let a = e.pagesRef.value, o = e.pagesViewportRef.value;
+		if (!a || !o) {
+			t.value = null;
+			return;
+		}
+		let s = o.getBoundingClientRect(), c = gn(a, r);
+		if (!c) {
+			t.value = null;
+			return;
+		}
+		let l = c.getBoundingClientRect().top - s.top + o.scrollTop, u = a.querySelector(".layout-page");
+		if (!u) {
+			t.value = null;
+			return;
+		}
+		t.value = {
+			top: l,
+			left: u.getBoundingClientRect().right - s.left + 8
+		};
+	}
+	function s() {
+		e.stateTick.value;
+		let t = e.editorView.value;
+		if (!t) return;
+		let n = t.state.selection.$from, r = [
+			...t.state.storedMarks ?? [],
+			...n.nodeAfter?.marks ?? [],
+			...n.nodeBefore?.marks ?? [],
+			...n.marks()
+		], i = null;
+		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;
+				i = `comment-${n}`;
+				break;
+			}
+			if ((t.type.name === "insertion" || t.type.name === "deletion") && t.attrs.revisionId != null) {
+				let n = String(t.attrs.revisionId), r = e.trackedChanges.value.findIndex((e) => String(e.revisionId) === n || String(e.insertionRevisionId ?? "") === n);
+				if (r >= 0) {
+					i = `tc-${e.trackedChanges.value[r].revisionId}-${r}`;
+					break;
+				}
+			}
+		}
+		i && (e.showSidebar.value = !0), e.activeSidebarItem.value = i;
+	}
+	function c() {
+		let i = e.editorView.value;
+		if (!i) return;
+		let { from: a, to: o } = i.state.selection;
+		if (a === o) return;
+		n.value = {
+			from: a,
+			to: o
+		}, 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 }));
+			i.dispatch(e);
+		}
+		e.showSidebar.value = !0, e.isAddingComment.value = !0, t.value = null;
+	}
+	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 = mn(i.package.document.comments, t, "User");
+		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments];
+		let s = n.value;
+		if (a && s && s.from !== s.to) {
+			let e = a.state.schema.marks.comment;
+			if (e) {
+				let t = a.state.tr.removeMark(s.from, s.to, e);
+				t = t.addMark(s.from, s.to, e.create({ commentId: o.id })), a.dispatch(t);
+			}
+		}
+		n.value = null, r.value = null, e.isAddingComment.value = !1, e.emit("change", i);
+	}
+	function u() {
+		let t = e.editorView.value, i = n.value;
+		if (t && i && i.from !== i.to) {
+			let e = t.state.schema.marks.comment;
+			e && t.dispatch(t.state.tr.removeMark(i.from, i.to, e));
+		}
+		n.value = null, r.value = null, e.isAddingComment.value = !1;
+	}
+	function d(t) {
+		e.showSidebar.value = !0;
+	}
+	V([
+		e.stateTick,
+		e.isAddingComment,
+		e.zoom
+	], () => o()), V(e.stateTick, () => s());
+	let f = null;
+	return P(() => {
+		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
+	}), N(() => {
+		f?.disconnect(), window.removeEventListener("resize", o);
+	}), {
+		floatingCommentBtn: t,
+		pendingCommentRange: n,
+		addCommentYPosition: r,
+		sidebarAutoOpenedRef: i,
+		extractCommentsAndChanges: a,
+		handleAddComment: l,
+		handleCancelAddComment: u,
+		handleStartAddComment: c,
+		handleMarkerClick: d,
+		recomputeFloatingCommentBtn: o,
+		recomputeActiveSidebarItem: s
+	};
+}
+//#endregion
+//#region src/composables/useImageActions.ts
+function Sn(e) {
+	let t = fe(null), n = I(!1), r = w(() => {
+		e.stateTick.value;
+		let n = e.editorView.value, r = t.value;
+		if (!n || !r) return null;
+		let i = n.state.doc.nodeAt(r.pmPos);
+		return !i || i.type.name !== "image" ? null : {
+			wrapType: i.attrs.wrapType ?? "inline",
+			displayMode: i.attrs.displayMode ?? "inline",
+			cssFloat: i.attrs.cssFloat ?? null
+		};
+	});
+	function i(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = n.state.schema.nodes.image;
+		if (!r) return;
+		let i = r.create({
+			src: t.src,
+			alt: t.alt,
+			width: t.width,
+			height: t.height
+		}), { from: a } = n.state.selection, o = n.state.tr.insert(a, i);
+		n.dispatch(o.scrollIntoView()), n.focus();
+	}
+	function a(n) {
+		let r = e.editorView.value, i = t.value;
+		if (!r || !i) return;
+		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: Ee(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) {
+		let r = e.editorView.value, i = t.value;
+		if (!r || !i) return;
+		let a = r.state.doc.nodeAt(i.pmPos);
+		if (!a || a.type.name !== "image") return;
+		let o = a.attrs.transform || "", s = o.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/), c = s ? parseFloat(s[1]) : 0, l = /scaleX\(-1\)/.test(o), u = /scaleY\(-1\)/.test(o);
+		n === "rotateCW" ? c = (c + 90) % 360 : n === "rotateCCW" ? c = (c - 90 + 360) % 360 : n === "flipH" ? l = !l : n === "flipV" && (u = !u);
+		let d = [];
+		c !== 0 && d.push(`rotate(${c}deg)`), l && d.push("scaleX(-1)"), u && d.push("scaleY(-1)");
+		let f = d.length > 0 ? d.join(" ") : null, p = r.state.tr.setNodeMarkup(i.pmPos, void 0, {
+			...a.attrs,
+			transform: f
+		});
+		r.dispatch(p.scrollIntoView()), r.focus();
+	}
+	return {
+		selectedImage: t,
+		imageInteracting: n,
+		imageToolbarContext: r,
+		handleInsertImage: i,
+		handleToolbarImageWrap: a,
+		handleImageTransform: o
+	};
+}
+//#endregion
+//#region src/utils/imageClipboard.ts
+function Cn(e, t) {
+	return e.getBlob(t);
+}
+function wn(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({
+		"text/html": new Blob([r], { type: "text/html" }),
+		"text/plain": new Blob(["[image]"], { type: "text/plain" })
+	});
+	navigator.clipboard.write([i]).catch(() => {
+		let e = document.createElement("textarea");
+		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+	});
+}
+function Tn(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
+	});
+}
+function En(e) {
+	return new Promise((t) => {
+		let n = new Image();
+		n.onload = () => t({
+			width: n.naturalWidth,
+			height: n.naturalHeight
+		}), n.onerror = () => t({
+			width: 200,
+			height: 200
+		}), n.src = e;
+	});
+}
+async function Dn(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 Tn(await Cn(n, t)), i = await En(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,
+					width: a,
+					height: o,
+					rId: `rId_img_${Date.now()}`,
+					wrapType: "inline",
+					displayMode: "inline"
+				});
+				e.dispatch(e.state.tr.replaceSelectionWith(s));
+				return;
+			}
+			if (n.types.includes("text/html")) {
+				let t = await (await Cn(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,
+						width: o || 200,
+						height: s || 200,
+						rId: `rId_img_${Date.now()}`,
+						wrapType: "inline",
+						displayMode: "inline"
+					});
+					e.dispatch(e.state.tr.replaceSelectionWith(c));
+					return;
+				}
+			}
+			if (n.types.includes("text/plain")) {
+				let t = await (await Cn(n, "text/plain")).text();
+				if (t && t !== "[image]") {
+					let { from: n } = e.state.selection;
+					e.dispatch(e.state.tr.insertText(t, n));
+				}
+				return;
+			}
+		}
+	} catch {
+		let t = await navigator.clipboard?.readText();
+		if (t) {
+			let { from: n } = e.state.selection;
+			e.dispatch(e.state.tr.insertText(t, n));
+		}
+	}
+}
+function On(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 Tn(i), o = await En(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,
+				src: a,
+				width: u,
+				height: d,
+				rId: `rId_img_${Date.now()}`
+			});
+			e.dispatch(r);
+		} catch {}
+	}, r.click();
+}
+//#endregion
+//#region src/composables/useContextMenus.ts
+function kn(e) {
+	let { t } = n(), r = I({
+		isOpen: !1,
+		position: {
+			x: 0,
+			y: 0
+		},
+		hasSelection: !1,
+		inTable: !1,
+		onImage: !1,
+		canMergeCells: !1,
+		canSplitCell: !1
+	}), i = I(null), a = w(() => [
+		{
+			action: "cut",
+			label: t("contextMenu.cut"),
+			shortcut: t("contextMenu.cutShortcut")
+		},
+		{
+			action: "copy",
+			label: t("contextMenu.copy"),
+			shortcut: t("contextMenu.copyShortcut")
+		},
+		{
+			action: "paste",
+			label: t("contextMenu.paste"),
+			shortcut: t("contextMenu.pasteShortcut"),
+			dividerAfter: !0
+		},
+		{
+			action: "delete",
+			label: t("contextMenu.delete"),
+			shortcut: t("contextMenu.deleteShortcut")
+		}
+	]);
+	function o(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let a = t.target, o = De(a);
+		if (o) {
+			let a = Number(o.dataset.pmStart);
+			if (!isNaN(a)) {
+				try {
+					let e = be.create(n.state.doc, a);
+					n.dispatch(n.state.tr.setSelection(e));
+				} catch {}
+				e.selectedImage.value = {
+					element: o,
+					pmPos: a,
+					width: o.offsetWidth,
+					height: o.offsetHeight
+				}, e.clearOverlay();
+				let s = n.state.doc.nodeAt(a);
+				if (s && s.type.name === "image") {
+					let n = s.attrs.wrapType ?? "inline", c = s.attrs.cssFloat;
+					i.value = {
+						open: !0,
+						position: {
+							x: t.clientX,
+							y: t.clientY
+						},
+						pmPos: a,
+						currentWrapType: n,
+						currentCssFloat: c ?? null,
+						inlinePositionEmu: n === "inline" ? Ee(o, e.zoom.value) : void 0
+					}, r.value.isOpen = !1;
+					return;
+				}
+			}
+		}
+		{
+			let { from: r, to: i } = n.state.selection, a = e.resolvePos(t.clientX, t.clientY);
+			if (a !== null && (a < r || a > i)) try {
+				e.setPmSelection(a);
+			} catch {}
+		}
+		let s = ve(n.state), { empty: c } = n.state.selection;
+		i.value &&= null, r.value = {
+			isOpen: !0,
+			position: {
+				x: t.clientX,
+				y: t.clientY
+			},
+			hasSelection: !c,
+			inTable: s.isInTable,
+			onImage: !!o,
+			canMergeCells: !!s.hasMultiCellSelection,
+			canSplitCell: !!s.canSplitCell
+		};
+	}
+	function s(t) {
+		let n = e.editorView.value, a = e.selectedImage.value;
+		if (!n || !a) return;
+		let o = n.state.doc.nodeAt(a.pmPos);
+		if (!o || o.type.name !== "image") return;
+		let s = o.attrs.wrapType ?? "inline", c = o.attrs.cssFloat;
+		i.value = {
+			open: !0,
+			position: {
+				x: t.clientX,
+				y: t.clientY
+			},
+			pmPos: a.pmPos,
+			currentWrapType: s,
+			currentCssFloat: c ?? null,
+			inlinePositionEmu: s === "inline" ? Ee(a.element, e.zoom.value) : void 0
+		}, r.value.isOpen = !1;
+	}
+	function c(t) {
+		let n = e.editorView.value, r = i.value;
+		if (!n || !r) return;
+		let a = e.getCommands(), o = r.inlinePositionEmu && t !== "inline" ? { initialPositionEmu: r.inlinePositionEmu } : void 0, s = a.setImageWrapType?.(r.pmPos, t, o);
+		s && (s(n.state, (e) => n.dispatch(e), n), n.focus());
+	}
+	function l(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = e.getCommands();
+		switch (t) {
+			case "cut":
+				if (e.selectedImage.value) {
+					wn(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 ? wn(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				break;
+			case "paste":
+				Dn(n);
+				break;
+			case "pasteAsPlainText":
+				navigator.clipboard.readText().then((e) => {
+					e && n.dispatch(n.state.tr.insertText(e).scrollIntoView());
+				}).catch(() => {});
+				break;
+			case "delete": {
+				let { from: e, to: t } = n.state.selection;
+				e !== t && n.dispatch(n.state.tr.delete(e, t));
+				break;
+			}
+			case "selectAll": {
+				let e = xe.create(n.state.doc, 0, n.state.doc.content.size);
+				n.dispatch(n.state.tr.setSelection(e));
+				break;
+			}
+			case "imageProperties":
+				e.selectedImage.value && (e.showImageProperties.value = !0);
+				break;
+			case "replaceImage":
+				e.selectedImage.value && On(n, e.selectedImage.value.pmPos);
+				break;
+			case "deleteImage":
+				if (e.selectedImage.value) {
+					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);
+				}
+				break;
+			case "addRowAbove":
+			case "addRowBelow":
+			case "deleteRow":
+			case "addColumnLeft":
+			case "addColumnRight":
+			case "deleteColumn":
+			case "mergeCells":
+			case "splitCell": {
+				let e = r[t];
+				e && e()(n.state, (e) => n.dispatch(e), n);
+				break;
+			}
+		}
+		n.focus();
+	}
+	return {
+		contextMenu: r,
+		imageContextMenu: i,
+		imageContextMenuTextActions: a,
+		handleContextMenu: o,
+		handleSelectedImageContextMenu: s,
+		handleImageWrapSelect: c,
+		handleContextMenuAction: l
+	};
+}
+//#endregion
+//#region src/composables/usePagesPointer.ts
+var An = 500;
+function jn(e) {
+	let t = I(null), n = null;
+	function r() {
+		n !== null && (clearTimeout(n), n = null);
+	}
+	let i = I(null), a = 0, o = null, s = 0, c = !1, l = null, u = I({
+		currentPage: 1,
+		totalPages: 1,
+		visible: !1
+	}), d = null;
+	function f(t, n) {
+		return vn(e.pagesRef.value, e.editorView.value, t, n);
+	}
+	function p(t, n) {
+		let r = e.editorView.value;
+		if (!r) return;
+		let i = r.state.doc.resolve(t), a = n === void 0 ? i : r.state.doc.resolve(n), o = xe.between(i, a);
+		r.dispatch(r.state.tr.setSelection(o));
+	}
+	function m(t) {
+		_n(e.pagesRef.value, e.pagesViewportRef.value, t);
+	}
+	function h(t) {
+		yn(e.pagesRef.value, t, p);
+	}
+	function g(t) {
+		bn(e.pagesRef.value, t, p);
+	}
+	function _(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = null;
+		if (n.state.doc.descendants((e, n) => r === null ? (e.attrs?.bookmarks)?.some((e) => e.name === t) ? (r = n, !1) : !0 : !1), r !== null) {
+			m(r);
+			try {
+				p(Math.min(r + 1, n.state.doc.content.size));
+			} catch {
+				p(r);
+			}
+		}
+	}
+	function ee(a) {
+		if (e.readOnly.value || c) return;
+		let o = e.pagesRef.value;
+		if (!o) return;
+		let s = e.pagesViewportRef.value;
+		if (!s) return;
+		let l = Ye({
+			mouseX: a.clientX,
+			mouseY: a.clientY,
+			pagesContainer: o,
+			target: a.target,
+			hfEditMode: i.value?.position ?? null
+		});
+		if (!l) {
+			n === null && (n = setTimeout(() => {
+				t.value = null, n = null;
+			}, Je));
+			return;
+		}
+		let u = s.getBoundingClientRect();
+		t.value = {
+			type: l.type,
+			x: l.clientX - u.left,
+			y: l.clientY - u.top,
+			cellPmPos: l.cellPmPos
+		}, r();
+	}
+	function v(n) {
+		n.preventDefault(), n.stopPropagation();
+		let r = t.value, i = e.editorView.value;
+		if (!r || !i) return;
+		let a = i.state.tr.setSelection(xe.create(i.state.doc, r.cellPmPos + 1));
+		i.dispatch(a);
+		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow?.() : o.addColumnRight?.();
+		s && (s(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
+	}
+	function y(t) {
+		let n = t.target?.closest("a[href]");
+		if (!n) return;
+		t.preventDefault();
+		let r = n.getAttribute("href") || "";
+		if (!r) return;
+		if (r.startsWith("#")) {
+			let e = r.slice(1);
+			e && _(e);
+			return;
+		}
+		let i = e.editorView.value;
+		if (i && i.state.selection.from !== i.state.selection.to) return;
+		let a = e.pagesViewportRef.value;
+		if (!a) return;
+		let o = a.getBoundingClientRect(), s = n.getBoundingClientRect();
+		e.hyperlinkPopupData.value = {
+			href: r,
+			displayText: n.textContent || "",
+			tooltip: n.getAttribute("title") || void 0,
+			position: {
+				top: s.bottom - o.top + a.scrollTop + 4,
+				left: s.left - o.left + a.scrollLeft
+			}
+		};
+	}
+	function b(t) {
+		let n = t.target, r = n.closest(".layout-page-header"), a = n.closest(".layout-page-footer"), o = r ?? a;
+		if (!o) return;
+		let s = r ? "header" : "footer", c = e.getDocument();
+		if (!c?.package) return;
+		let l = c.package.document?.sections?.[0]?.properties ?? c.package.document?.finalSectionProperties ?? null, u = s === "header" ? l?.headerReferences : l?.footerReferences, d = s === "header" ? c.package.headers : c.package.footers;
+		if (!u || !d) return;
+		let f = (u.find((e) => e.type === "default") ?? u.find((e) => e.type === "first"))?.rId ?? null, p = f ? d.get(f) ?? null : null, m = e.pagesViewportRef.value;
+		if (!m) return;
+		let h = o.getBoundingClientRect(), g = m.getBoundingClientRect(), _ = e.zoom.value || 1;
+		i.value = {
+			position: s,
+			rId: f,
+			headerFooter: p,
+			targetRect: {
+				top: (h.top - g.top + m.scrollTop) / _,
+				left: (h.left - g.left + m.scrollLeft) / _,
+				width: h.width / _,
+				height: h.height / _
+			}
+		};
+	}
+	function x(t) {
+		let n = e.getDocument(), r = i.value;
+		if (!n?.package || !r) return;
+		let a = r.position === "header" ? n.package.headers : n.package.footers;
+		if (!a || !r.rId) return;
+		let o = a.get(r.rId);
+		o && (o.content = t), e.reLayout(), e.emit("change", n);
+	}
+	function te() {
+		let t = e.getDocument(), n = i.value;
+		if (!t?.package || !n || !n.rId) return;
+		let r = (n.position === "header" ? t.package.headers : t.package.footers)?.get(n.rId);
+		r && (r.content = []), i.value = null, e.reLayout(), e.emit("change", t);
+	}
+	function ne(t) {
+		if (t.button !== 0 || e.imageInteracting.value) return;
+		let n = e.editorView.value;
+		if (!n || !e.readOnly.value && e.tableResize.tryStartResize(t, n)) return;
+		let r = t.target, i = De(r);
+		if (i) {
+			t.preventDefault(), t.stopPropagation();
+			let r = Number(i.dataset.pmStart);
+			if (!isNaN(r)) {
+				try {
+					let e = be.create(n.state.doc, r);
+					n.dispatch(n.state.tr.setSelection(e));
+				} catch {}
+				e.selectedImage.value = {
+					element: i,
+					pmPos: r,
+					width: i.offsetWidth,
+					height: i.offsetHeight
+				}, e.clearOverlay();
+			}
+			n.focus();
+			return;
+		}
+		e.selectedImage.value = null, t.preventDefault();
+		let u = f(t.clientX, t.clientY);
+		if (u === null) {
+			n.focus();
+			return;
+		}
+		let d = Date.now();
+		if (d - a < An && o === u ? s++ : s = 1, a = d, o = u, s === 2) h(u);
+		else if (s >= 3) g(u), s = 0;
+		else {
+			if (t.shiftKey) {
+				let { from: e } = n.state.selection;
+				p(e, u);
+			} else p(u);
+			l = u, c = !0;
+		}
+		n.focus();
+	}
+	function re(e) {
+		if (!c || l === null) return;
+		let t = f(e.clientX, e.clientY);
+		t !== null && t !== l && p(l, t);
+	}
+	function S() {
+		c = !1;
+	}
+	function C() {
+		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;
+		for (let e = 0; e < n.pages.length; e++) {
+			let t = n.pages[e].size.h, r = o + t;
+			if (a < r) {
+				s = e + 1;
+				break;
+			}
+			o = r + 24, s = e + 2;
+		}
+		s = Math.min(s, i), u.value = {
+			currentPage: s,
+			totalPages: i,
+			visible: !0
+		}, d && clearTimeout(d), d = setTimeout(() => {
+			u.value = {
+				...u.value,
+				visible: !1
+			};
+		}, 600);
+	}
+	return P(() => {
+		window.addEventListener("mousemove", re), window.addEventListener("mouseup", S), e.pagesViewportRef.value?.addEventListener("scroll", C, { passive: !0 });
+	}), N(() => {
+		r(), window.removeEventListener("mousemove", re), window.removeEventListener("mouseup", S), e.pagesViewportRef.value?.removeEventListener("scroll", C), d && clearTimeout(d);
+	}), {
+		tableInsertButton: t,
+		hfEdit: i,
+		scrollPageInfo: u,
+		resolvePos: f,
+		setPmSelection: p,
+		scrollVisiblePositionIntoView: m,
+		navigateToBookmark: _,
+		handlePagesMouseDown: ne,
+		handlePagesMouseMove: ee,
+		handlePagesClick: y,
+		handlePagesDoubleClick: b,
+		handleTableInsertClick: v,
+		clearTableInsertTimer: r,
+		handleHfSave: x,
+		handleHfRemove: te
+	};
+}
+//#endregion
+//#region src/composables/useSelectionSync.ts
+function Mn(e) {
+	let t = null, n = null;
+	function r() {
+		let r = e.pagesRef.value;
+		r && (r.querySelectorAll(".vue-sel-rect, .vue-caret").forEach((e) => e.remove()), t !== null && (clearInterval(t), t = null), n = null);
+	}
+	function i() {
+		let i = e.pagesRef.value, a = e.editorView.value;
+		if (!i || !a) return;
+		r();
+		let o = a.state.selection;
+		if (o instanceof be && o.node.type.name === "image") {
+			let t = null;
+			for (let e of i.querySelectorAll(`[data-pm-start="${o.from}"]`)) {
+				let n = De(e);
+				if (n) {
+					t = n;
+					break;
+				}
+			}
+			if (t) {
+				let n = e.selectedImage.value;
+				(!n || n.element !== t || n.pmPos !== o.from || n.width !== t.offsetWidth || n.height !== t.offsetHeight) && (e.selectedImage.value = {
+					element: t,
+					pmPos: o.from,
+					width: t.offsetWidth,
+					height: t.offsetHeight
+				});
+				return;
+			}
+		}
+		if (e.selectedImage.value) return;
+		let { from: s, to: c, empty: l } = a.state.selection, u = i.scrollTop, d = i.scrollLeft;
+		if (l) {
+			let e = Ce(i, s, i.getBoundingClientRect());
+			if (e) {
+				let r = document.createElement("div");
+				r.className = "vue-caret", r.style.cssText = `
+          position: absolute;
+          left: ${e.x + d}px;
+          top: ${e.y + u}px;
+          width: 2px;
+          height: ${e.height}px;
+          background: #000;
+          pointer-events: none;
+          z-index: ${te.selectionOverlay};
+        `, i.appendChild(r), n = r;
+				let a = !0;
+				t = setInterval(() => {
+					a = !a, n && (n.style.opacity = a ? "1" : "0");
+				}, 530);
+			}
+			return;
+		}
+		let f = we(i, s, c, i.getBoundingClientRect());
+		for (let e of f) {
+			let t = document.createElement("div");
+			t.className = "vue-sel-rect", t.style.cssText = `
+        position: absolute;
+        left: ${e.x + d}px;
+        top: ${e.y + u}px;
+        width: ${e.width}px;
+        height: ${e.height}px;
+        background: rgba(66, 133, 244, 0.3);
+        pointer-events: none;
+        z-index: ${te.selectionOverlay};
+      `, i.appendChild(t);
+		}
+	}
+	return N(() => {
+		r();
+	}), {
+		clearOverlay: r,
+		updateSelectionOverlay: i
+	};
+}
+//#endregion
+//#region src/composables/useMenuActions.ts
+function Nn(e) {
+	function t(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = e.getCommands()[t];
+		r && (r()(n.state, (e) => n.dispatch(e), n), n.focus());
+	}
+	function n(t, n) {
+		let r = e.editorView.value;
+		if (!r) return;
+		let i = e.getCommands().insertTable;
+		i && (i(t, n)(r.state, (e) => r.dispatch(e), r), r.focus());
+	}
+	function r(n) {
+		switch (n) {
+			case "open":
+				e.docxInputRef.value?.click(), e.emit("menu-action", "open");
+				break;
+			case "save":
+				e.emit("menu-action", "save"), e.downloadCurrentDocument();
+				break;
+			case "pageSetup":
+				e.showPageSetup.value = !0;
+				break;
+			case "clearFormatting":
+				e.handleClearFormatting();
+				break;
+			case "insertImage":
+				e.showInsertImage.value = !0;
+				break;
+			case "insertLink":
+				e.showHyperlink.value = !0;
+				break;
+			case "insertSymbol":
+				e.showInsertSymbol.value = !0;
+				break;
+			case "insertPageBreak":
+				e.handleInsertPageBreak();
+				break;
+			case "insertTOC":
+				t("generateTOC");
+				break;
+			case "outline":
+				e.handleToggleOutline();
+				break;
+			case "sidebar":
+				e.handleToggleSidebar();
+				break;
+			case "shortcuts":
+				e.showKeyboardShortcuts.value = !0;
+				break;
+			case "reportIssue":
+				Xe();
+				break;
+			case "dirLTR":
+				t("setLtr");
+				break;
+			case "dirRTL":
+				t("setRtl");
+				break;
+		}
+	}
+	return {
+		handleMenuAction: r,
+		handleMenuTableInsert: n,
+		execSimpleCommand: t
+	};
+}
+//#endregion
+//#region src/composables/useDocumentLifecycle.ts
+function Pn(e) {
+	async function t(t) {
+		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
+	}
+	function n(t) {
+		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
+	}
+	V(e.documentBuffer, (e) => {
+		e && t(e);
+	}), V(e.document, (e) => {
+		e && n(e);
+	}), P(async () => {
+		await j();
+		let r = e.documentBuffer(), i = e.document();
+		r ? await t(r) : i && n(i);
+	});
+}
+//#endregion
+//#region src/composables/useDocxEditorRefApi.ts
+function Fn(e) {
+	function t() {
+		e.onPrint?.(), window.print();
+	}
+	function n() {
+		t();
+	}
+	function r() {
+		return e.zoom.value;
+	}
+	function i(t) {
+		if (!Number.isInteger(t) || t < 1) return;
+		let n = e.pagesViewportRef.value, r = e.pagesRef.value?.querySelector(`[data-page-number="${t}"]`);
+		if (!n || !r) return;
+		let i = n.getBoundingClientRect(), a = r.getBoundingClientRect();
+		n.scrollTo({
+			top: a.top - i.top + n.scrollTop - 24,
+			behavior: "smooth"
+		});
+	}
+	function a(t) {
+		Number.isFinite(t) && e.scrollVisiblePositionIntoView(t);
+	}
+	function o() {
+		return e.editorView.value ? {
+			getDocument: e.getDocument,
+			getView: () => e.editorView.value,
+			getState: () => e.editorView.value?.state ?? null
+		} : null;
+	}
+	function s() {
+		return e.layout.value?.pages.length ?? 0;
+	}
+	function c() {
+		let t = e.layout.value, n = e.editorView.value;
+		if (!t || !n) return 0;
+		let r = Ie(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 = Qe(n.state.doc, t);
+		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
+	}
+	function u(t, n) {
+		return nt(e.editorView.value, t, n);
+	}
+	function d() {
+		return rt(e.editorView.value);
+	}
+	function f() {
+		return e.comments.value;
+	}
+	function p(t) {
+		return it(e.editorView.value, e.layout.value, t);
+	}
+	function m(t) {
+		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
+	}
+	function h(t) {
+		return e.selectionChangeSubscribers.add(t), () => e.selectionChangeSubscribers.delete(t);
+	}
+	return { exposed: {
+		getAgent: () => null,
+		save: e.save,
+		setZoom: e.setZoom,
+		getZoom: r,
+		focus: e.focus,
+		scrollToPage: i,
+		scrollToPosition: a,
+		openPrintPreview: n,
+		print: t,
+		loadDocument: e.loadDocument,
+		loadDocumentBuffer: e.loadDocumentBuffer,
+		destroy: e.destroy,
+		getDocument: e.getDocument,
+		getEditorRef: o,
+		addComment: e.addComment,
+		replyToComment: e.replyToComment,
+		resolveComment: e.resolveComment,
+		proposeChange: e.proposeChange,
+		scrollToParaId: l,
+		findInDocument: u,
+		getSelectionInfo: d,
+		getComments: f,
+		applyFormatting: e.applyFormatting,
+		setParagraphStyle: e.setParagraphStyle,
+		getPageContent: p,
+		getTotalPages: s,
+		getCurrentPage: c,
+		onContentChange: m,
+		onSelectionChange: h
+	} };
+}
+//#endregion
+//#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
+var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
+	key: 0,
+	class: "docx-editor-vue__error"
+}, Rn = {
+	key: 1,
+	class: "docx-editor-vue__loading"
+}, zn = { class: "docx-editor-vue__editor-area" }, Bn = {
+	key: 0,
+	class: "docx-editor-vue__vertical-ruler"
+}, Vn = ["title"], Hn = ["title", "aria-label"], Un = /* @__PURE__ */ A({
+	__name: "DocxEditor",
+	props: {
+		documentBuffer: { default: null },
+		document: { default: null },
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showMenuBar: {
+			type: Boolean,
+			default: !0
+		},
+		showRuler: {
+			type: Boolean,
+			default: !0
+		},
+		documentName: { default: "" },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		mode: { default: "editing" },
+		onModeChange: {},
+		i18n: { default: void 0 },
+		theme: { default: null },
+		externalPlugins: { default: () => [] },
+		showZoomControl: {
+			type: Boolean,
+			default: !0
+		},
+		initialZoom: { default: 1 },
+		toolbarExtra: {
+			type: Function,
+			default: void 0
+		},
+		className: { default: "" },
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		showOutline: {
+			type: Boolean,
+			default: !1
+		},
+		showOutlineButton: {
+			type: Boolean,
+			default: !0
+		},
+		fontFamilies: { default: void 0 },
+		onPrint: {
+			type: Function,
+			default: void 0
+		},
+		disableFindReplaceShortcuts: {
+			type: Boolean,
+			default: !1
+		},
+		renderLogo: {
+			type: Function,
+			default: void 0
+		},
+		onDocumentNameChange: {
+			type: Function,
+			default: void 0
+		},
+		documentNameEditable: {
+			type: Boolean,
+			default: !0
+		},
+		renderTitleBarRight: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"change",
+		"update:document",
+		"error",
+		"ready",
+		"rename",
+		"menu-action",
+		"mode-change"
+	],
+	setup(e, { expose: n, emit: r }) {
+		let i = e, a = r, o = I(i.mode), s = w(() => i.readOnly || o.value === "viewing");
+		f(w(() => i.i18n));
+		let { t: l } = t(w(() => i.i18n)), u = I(null), d = I(null), g = I(null), v = I(0), b = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), te = new Ze(), C = I(!1), ie = I(!1), ae = I(!1), se = I(!1), A = I(!1), ce = I(!1), L = I(i.showOutline), B = I(!1), U = I(!1), W = I(!1), pe = I(null), K = fe([]), he = fe([]), ge = fe([]), { zoom: q, zoomPercent: _e, isMinZoom: ve, isMaxZoom: ye, setZoom: be, zoomIn: xe, zoomOut: Se, handleWheel: Ce, handleKeyDown: we, installShortcuts: Te, ZOOM_PRESETS: Ee } = ne(i.initialZoom);
+		Te();
+		let { editorView: J, isReady: De, parseError: Oe, layout: ke, loadBuffer: Ae, loadDocument: je, save: Me, focus: Ne, destroy: Pe, getDocument: Y, getCommands: X, reLayout: Ie } = re({
+			hiddenContainer: u,
+			pagesContainer: d,
+			readOnly: s,
+			externalPlugins: i.externalPlugins,
+			syncCoordinator: te,
+			onChange: (e) => {
+				a("change", e), a("update:document", e), b.forEach((t) => t(e));
+			},
+			onError: (e) => a("error", e),
+			onSelectionUpdate: () => {
+				v.value++, er();
+				let e = rt(J.value);
+				x.forEach((t) => t(e));
+			}
+		}), Z = w(() => {
+			v.value;
+			let e = Y();
+			if (!e?.package?.document) return null;
+			let t = e.package.document;
+			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
+		}), Le = w(() => (v.value, Y()?.package?.theme ?? i.theme ?? null)), Re = w(() => {
+			let e = [];
+			return U.value && e.push(`translateX(-${me}px)`), q.value !== 1 && e.push(`scale(${q.value})`), {
+				transform: e.length > 0 ? e.join(" ") : void 0,
+				transformOrigin: "top center",
+				transition: "transform 0.2s ease"
+			};
+		}), ze = w(() => ({
+			paddingLeft: "20px",
+			paddingRight: 20 + (U.value ? me * 2 : 0) + "px",
+			transition: "padding 0.2s ease"
+		})), Be = w(() => {
+			let e = Z.value;
+			return Fe(e?.pageWidth ?? 12240) * q.value;
+		}), Ve = w(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of K.value) t.parentId == null && t.done && e.add(t.id);
+			return e;
+		}), He = w(() => {
+			v.value;
+			let e = J.value;
+			if (!e) return [];
+			let t = /* @__PURE__ */ new Set(), n = [];
+			return e.state.doc.descendants((e) => {
+				let r = e.attrs?.bookmarks;
+				if (!r) return !0;
+				for (let e of r) {
+					let r = e.name;
+					!r || r.startsWith("_") || t.has(r) || (t.add(r), n.push({
+						name: r,
+						label: r
+					}));
+				}
+				return !0;
+			}), n.sort((e, t) => e.name.localeCompare(t.name));
+		}), { floatingCommentBtn: Ue, pendingCommentRange: We, addCommentYPosition: Ge, sidebarAutoOpenedRef: Ke, extractCommentsAndChanges: qe, handleAddComment: Je, handleCancelAddComment: Ye, handleStartAddComment: Xe, handleMarkerClick: Qe } = xn({
+			editorView: J,
+			getDocument: Y,
+			comments: K,
+			trackedChanges: he,
+			resolvedCommentIds: Ve,
+			activeSidebarItem: pe,
+			showSidebar: U,
+			isAddingComment: W,
+			readOnly: s,
+			zoom: q,
+			stateTick: v,
+			pagesRef: d,
+			pagesViewportRef: g,
+			emit: a
+		}), { docxInputRef: $e, handleDocxFileChange: et, handleDocumentNameChange: tt, downloadCurrentDocument: nt, emitReadyAfterSidebarStateRefresh: it, loadDocumentBuffer: ot, loadDocument: st, save: ct } = cn({
+			loadBuffer: Ae,
+			loadParsedDocument: je,
+			getDocument: Y,
+			saveBlob: Me,
+			extractCommentsAndChanges: qe,
+			emit: a,
+			documentName: () => i.documentName,
+			onDocumentNameChange: i.onDocumentNameChange,
+			nextTick: j
+		}), { hyperlinkPopupData: lt, handleHyperlinkSubmit: ut, handleHyperlinkRemove: dt, handleHyperlinkPopupNavigate: pt, handleHyperlinkPopupEdit: mt, handleHyperlinkPopupRemove: ht } = ln({
+			editorView: J,
+			getCommands: X
+		}), { handleClearFormatting: gt, handleApplyStyle: yt, handleInsertPageBreak: bt, handleInsertSymbol: xt, applyFormatting: Ct, setParagraphStyle: wt } = un({
+			editorView: J,
+			getDocument: Y
+		}), { handlePageSetupApply: Tt, handleLeftMarginChange: Et, handleRightMarginChange: kt, handleTopMarginChange: At, handleBottomMarginChange: jt, handleIndentLeftChange: Mt, handleIndentRightChange: Nt, handleFirstLineIndentChange: Pt, handleTabStopRemove: Ft } = dn({
+			editorView: J,
+			getDocument: Y,
+			readOnly: s,
+			stateTick: v,
+			reLayout: Ie,
+			emit: a
+		}), { handleToggleOutline: It, handleOutlineNavigate: Lt, handleToggleSidebar: Rt, handleEditorScrollMouseDown: zt } = fn({
+			editorView: J,
+			showOutline: L,
+			showSidebar: U,
+			outlineHeadings: ge,
+			activeSidebarItem: pe,
+			extractCommentsAndChanges: qe
+		});
+		pn({
+			showKeyboardShortcuts: B,
+			showFindReplace: C,
+			showHyperlink: ae,
+			handleZoomKeyDown: we,
+			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
+		});
+		let { addComment: Bt, replyToComment: Vt, resolveComment: Ht, proposeChange: Ut, handleCommentReply: Wt, handleCommentUnresolve: Gt, handleCommentDelete: Kt, handleAcceptChange: qt, handleRejectChange: Jt, handleTrackedChangeReply: Yt } = hn({
+			editorView: J,
+			getDocument: Y,
+			comments: K,
+			trackedChanges: he,
+			showSidebar: U,
+			isAddingComment: W,
+			pendingCommentRange: We,
+			contentChangeSubscribers: b,
+			extractCommentsAndChanges: qe,
+			emit: a
+		}), { selectedImage: Q, imageInteracting: Xt, imageToolbarContext: Qt, handleInsertImage: $t, handleToolbarImageWrap: en, handleImageTransform: tn } = Sn({
+			editorView: J,
+			zoom: q,
+			stateTick: v,
+			getCommands: X
+		}), nn = S(), rn = null, { tableInsertButton: an, hfEdit: $, scrollPageInfo: on, resolvePos: mn, setPmSelection: gn, scrollVisiblePositionIntoView: _n, handlePagesMouseDown: vn, handlePagesMouseMove: yn, handlePagesClick: bn, handlePagesDoubleClick: Cn, handleTableInsertClick: wn, clearTableInsertTimer: Tn, handleHfSave: En, handleHfRemove: Dn } = jn({
+			editorView: J,
+			pagesRef: d,
+			pagesViewportRef: g,
+			selectedImage: Q,
+			imageInteracting: Xt,
+			hyperlinkPopupData: lt,
+			readOnly: s,
+			zoom: q,
+			layout: ke,
+			tableResize: nn,
+			getCommands: X,
+			getDocument: Y,
+			reLayout: Ie,
+			emit: a,
+			clearOverlay: $n
+		}), { contextMenu: On, imageContextMenu: An, imageContextMenuTextActions: Un, handleContextMenu: Wn, handleSelectedImageContextMenu: Gn, handleImageWrapSelect: Kn, handleContextMenuAction: qn } = kn({
+			editorView: J,
+			selectedImage: Q,
+			zoom: q,
+			showImageProperties: A,
+			getCommands: X,
+			clearOverlay: $n,
+			setPmSelection: gn,
+			resolvePos: mn
+		}), { handleMenuAction: Jn, handleMenuTableInsert: Yn } = Nn({
+			editorView: J,
+			getCommands: X,
+			docxInputRef: $e,
+			showPageSetup: ce,
+			showInsertImage: ie,
+			showHyperlink: ae,
+			showInsertSymbol: se,
+			showKeyboardShortcuts: B,
+			handleClearFormatting: gt,
+			handleInsertPageBreak: bt,
+			handleToggleOutline: It,
+			handleToggleSidebar: Rt,
+			downloadCurrentDocument: nt,
+			emit: a
+		});
+		Pn({
+			documentBuffer: () => i.documentBuffer,
+			document: () => i.document,
+			loadDocumentBuffer: ot,
+			loadDocument: st,
+			sidebarAutoOpenedRef: Ke
+		});
+		let Xn = () => J.value, Zn = () => d.value;
+		V(() => i.mode, (e) => {
+			e && e !== o.value && (o.value = e);
+		}), V(() => i.showOutline, (e) => {
+			L.value = !!e;
+		});
+		function Qn(e) {
+			o.value !== e && (o.value = e, a("mode-change", e));
+		}
+		P(() => {
+			rn = nn.install();
+		}), N(() => {
+			rn?.();
+		});
+		function $n() {
+			tr.clearOverlay();
+		}
+		function er() {
+			tr.updateSelectionOverlay();
+		}
+		let tr = Mn({
+			editorView: J,
+			pagesRef: d,
+			selectedImage: Q
+		});
+		N(() => {
+			$n();
+		});
+		let { exposed: nr } = Fn({
+			editorView: J,
+			layout: ke,
+			pagesRef: d,
+			pagesViewportRef: g,
+			zoom: q,
+			comments: K,
+			focus: Ne,
+			destroy: Pe,
+			getDocument: Y,
+			setZoom: be,
+			save: ct,
+			loadDocument: st,
+			loadDocumentBuffer: ot,
+			addComment: Bt,
+			replyToComment: Vt,
+			resolveComment: Ht,
+			proposeChange: Ut,
+			applyFormatting: Ct,
+			setParagraphStyle: wt,
+			scrollVisiblePositionIntoView: _n,
+			contentChangeSubscribers: b,
+			selectionChangeSubscribers: x,
+			onPrint: i.onPrint
+		});
+		return n(nr), (t, n) => (F(), D("div", {
+			class: le([
+				"docx-editor-vue ep-root paged-editor",
+				e.className,
+				{
+					"paged-editor--readonly": s.value,
+					"paged-editor--hf-editing": z($) !== null,
+					"paged-editor--editing-header": z($)?.position === "header",
+					"paged-editor--editing-footer": z($)?.position === "footer"
+				}
+			]),
+			style: M(e.style)
+		}, [
+			O("div", In, [k(Dt, {
+				"show-menu-bar": e.showMenuBar,
+				"document-name": e.documentName,
+				"document-name-editable": e.documentNameEditable,
+				"render-logo": e.renderLogo,
+				"render-title-bar-right": e.renderTitleBarRight,
+				onRename: z(tt),
+				onMenuAction: z(Jn),
+				onInsertTable: z(Yn)
+			}, {
+				"title-bar-left": H(() => [ue(t.$slots, "title-bar-left")]),
+				"title-bar-right": H(() => [ue(t.$slots, "title-bar-right")]),
+				_: 3
+			}, 8, [
+				"show-menu-bar",
+				"document-name",
+				"document-name-editable",
+				"render-logo",
+				"render-title-bar-right",
+				"onRename",
+				"onMenuAction",
+				"onInsertTable"
+			]), e.showToolbar ? (F(), T(y, {
+				key: 0,
+				view: z(J),
+				"get-commands": z(X),
+				"state-tick": v.value,
+				"zoom-percent": z(_e),
+				"is-min-zoom": z(ve),
+				"is-max-zoom": z(ye),
+				"zoom-presets": z(Ee),
+				"show-zoom-control": e.showZoomControl,
+				"editor-mode": o.value,
+				"comments-sidebar-open": U.value,
+				"image-context": z(Qt),
+				theme: Le.value,
+				"font-families": e.fontFamilies,
+				onInsertLink: n[0] ||= (e) => ae.value = !0,
+				onApplyStyle: z(yt),
+				onZoomIn: z(xe),
+				onZoomOut: z(Se),
+				onZoomSet: z(be),
+				onToggleSidebar: z(Rt),
+				onModeChange: Qn,
+				onImageWrapType: z(en),
+				onImageProperties: n[1] ||= (e) => A.value = !0,
+				onImageTransform: z(tn)
+			}, oe({
+				"table-context": H(() => [k(h, {
+					view: z(J),
+					"get-commands": z(X),
+					"state-tick": v.value,
+					theme: Le.value
+				}, null, 8, [
+					"view",
+					"get-commands",
+					"state-tick",
+					"theme"
+				])]),
+				_: 2
+			}, [e.toolbarExtra ? {
+				name: "toolbar-extra",
+				fn: H(() => [(F(), T(de(e.toolbarExtra)))]),
+				key: "0"
+			} : {
+				name: "toolbar-extra",
+				fn: H(() => [ue(t.$slots, "toolbar-extra")]),
+				key: "1"
+			}]), 1032, [
+				"view",
+				"get-commands",
+				"state-tick",
+				"zoom-percent",
+				"is-min-zoom",
+				"is-max-zoom",
+				"zoom-presets",
+				"show-zoom-control",
+				"editor-mode",
+				"comments-sidebar-open",
+				"image-context",
+				"theme",
+				"font-families",
+				"onApplyStyle",
+				"onZoomIn",
+				"onZoomOut",
+				"onZoomSet",
+				"onToggleSidebar",
+				"onImageWrapType",
+				"onImageTransform"
+			])) : E("", !0)]),
+			k(Ot, {
+				"show-find-replace": C.value,
+				"onUpdate:showFindReplace": n[2] ||= (e) => C.value = e,
+				"show-insert-image": ie.value,
+				"onUpdate:showInsertImage": n[3] ||= (e) => ie.value = e,
+				"show-hyperlink": ae.value,
+				"onUpdate:showHyperlink": n[4] ||= (e) => ae.value = e,
+				"show-insert-symbol": se.value,
+				"onUpdate:showInsertSymbol": n[5] ||= (e) => se.value = e,
+				"show-image-properties": A.value,
+				"onUpdate:showImageProperties": n[6] ||= (e) => A.value = e,
+				"show-page-setup": ce.value,
+				"onUpdate:showPageSetup": n[7] ||= (e) => ce.value = e,
+				"show-keyboard-shortcuts": B.value,
+				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => B.value = e,
+				view: z(J),
+				bookmarks: He.value,
+				"selected-image-pm-pos": z(Q)?.pmPos ?? null,
+				"section-properties": Z.value,
+				onInsertImage: z($t),
+				onInsertSymbol: z(xt),
+				onHyperlinkSubmit: z(ut),
+				onHyperlinkRemove: z(dt),
+				onPageSetupApply: z(Tt)
+			}, null, 8, [
+				"show-find-replace",
+				"show-insert-image",
+				"show-hyperlink",
+				"show-insert-symbol",
+				"show-image-properties",
+				"show-page-setup",
+				"show-keyboard-shortcuts",
+				"view",
+				"bookmarks",
+				"selected-image-pm-pos",
+				"section-properties",
+				"onInsertImage",
+				"onInsertSymbol",
+				"onHyperlinkSubmit",
+				"onHyperlinkRemove",
+				"onPageSetupApply"
+			]),
+			z(Oe) ? (F(), D("div", Ln, R(z(Oe)), 1)) : E("", !0),
+			!z(De) && !z(Oe) ? (F(), D("div", Rn, "Loading...")) : E("", !0),
+			O("div", {
+				ref_key: "hiddenPmRef",
+				ref: u,
+				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
+			}, null, 512),
+			O("div", {
+				class: "docx-editor-vue__editor-scroll",
+				onMousedown: n[31] ||= (...e) => z(zt) && z(zt)(...e)
+			}, [e.showRuler && Z.value ? (F(), D("div", {
+				key: 0,
+				class: "docx-editor-vue__ruler-row",
+				style: M(ze.value)
+			}, [k(_, {
+				"section-props": Z.value,
+				zoom: z(q),
+				editable: !s.value,
+				onLeftMarginChange: z(Et),
+				onRightMarginChange: z(kt),
+				onIndentLeftChange: z(Mt),
+				onIndentRightChange: z(Nt),
+				onFirstLineIndentChange: z(Pt),
+				onTabStopRemove: z(Ft)
+			}, null, 8, [
+				"section-props",
+				"zoom",
+				"editable",
+				"onLeftMarginChange",
+				"onRightMarginChange",
+				"onIndentLeftChange",
+				"onIndentRightChange",
+				"onFirstLineIndentChange",
+				"onTabStopRemove"
+			])], 4)) : E("", !0), O("div", zn, [
+				O("div", {
+					ref_key: "pagesViewportRef",
+					ref: g,
+					class: "docx-editor-vue__pages-viewport",
+					onMousedown: n[22] ||= (...e) => z(vn) && z(vn)(...e),
+					onMousemove: n[23] ||= (...e) => z(yn) && z(yn)(...e),
+					onClick: n[24] ||= (...e) => z(bn) && z(bn)(...e),
+					onDblclick: n[25] ||= (...e) => z(Cn) && z(Cn)(...e),
+					onContextmenu: n[26] ||= G((...e) => z(Wn) && z(Wn)(...e), ["prevent"]),
+					onWheel: n[27] ||= (...e) => z(Ce) && z(Ce)(...e)
+				}, [
+					e.showRuler && Z.value ? (F(), D("div", Bn, [k(p, {
+						"section-props": Z.value,
+						zoom: z(q),
+						editable: !s.value,
+						onTopMarginChange: z(At),
+						onBottomMarginChange: z(jt)
+					}, null, 8, [
+						"section-props",
+						"zoom",
+						"editable",
+						"onTopMarginChange",
+						"onBottomMarginChange"
+					])])) : E("", !0),
+					O("div", {
+						ref_key: "pagesRef",
+						ref: d,
+						class: "docx-editor-vue__pages paged-editor__pages",
+						style: M(Re.value)
+					}, null, 4),
+					k(St, {
+						"is-open": z($) !== null,
+						position: z($)?.position ?? "header",
+						"header-footer": z($)?.headerFooter ?? null,
+						styles: z(Y)()?.package?.styles ?? null,
+						theme: z(Y)()?.package?.theme ?? null,
+						"target-rect": z($)?.targetRect ?? null,
+						onSave: z(En),
+						onClose: n[9] ||= (e) => $.value = null,
+						onRemove: z(Dn)
+					}, null, 8, [
+						"is-open",
+						"position",
+						"header-footer",
+						"styles",
+						"theme",
+						"target-rect",
+						"onSave",
+						"onRemove"
+					]),
+					k(ft, {
+						"image-info": z(Q),
+						zoom: z(q),
+						view: z(J),
+						onOpenProperties: n[10] ||= (e) => A.value = !0,
+						onDeselect: n[11] ||= (e) => Q.value = null,
+						onInteractStart: n[12] ||= (e) => Xt.value = !0,
+						onInteractEnd: n[13] ||= (e) => Xt.value = !1,
+						onContextMenu: z(Gn)
+					}, null, 8, [
+						"image-info",
+						"zoom",
+						"view",
+						"onContextMenu"
+					]),
+					k(at, {
+						"get-view": Xn,
+						"get-pages-container": Zn,
+						zoom: z(q),
+						"transaction-version": v.value,
+						"sync-coordinator": z(te)
+					}, null, 8, [
+						"zoom",
+						"transaction-version",
+						"sync-coordinator"
+					]),
+					z(Ue) && !W.value && !s.value ? (F(), D("button", {
+						key: 1,
+						type: "button",
+						class: "docx-editor-vue__floating-comment",
+						style: M({
+							top: z(Ue).top + "px",
+							left: z(Ue).left + "px"
+						}),
+						title: z(l)("comments.addComment"),
+						onMousedown: n[14] ||= G((...e) => z(Xe) && z(Xe)(...e), ["prevent", "stop"])
+					}, [k(c, {
+						name: "add_comment",
+						size: 16
+					})], 44, Vn)) : E("", !0),
+					z(an) && !s.value ? (F(), D("button", {
+						key: 2,
+						type: "button",
+						class: "docx-editor-vue__table-insert-btn",
+						style: M({
+							left: z(an).x + "px",
+							top: z(an).y + "px"
+						}),
+						title: z(an).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": z(an).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[15] ||= (...e) => z(wn) && z(wn)(...e),
+						onMouseenter: n[16] ||= (...e) => z(Tn) && z(Tn)(...e),
+						onMouseleave: n[17] ||= (e) => an.value = null
+					}, [...n[36] ||= [O("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 12 12",
+						fill: "none"
+					}, [O("path", {
+						d: "M6 1v10M1 6h10",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round"
+					})], -1)]], 44, Hn)) : E("", !0),
+					k(ee, {
+						comments: K.value,
+						"pages-container": d.value,
+						zoom: z(q),
+						"page-width-px": Be.value,
+						"sidebar-open": U.value,
+						"resolved-comment-ids": Ve.value,
+						onMarkerClick: z(Qe)
+					}, null, 8, [
+						"comments",
+						"pages-container",
+						"zoom",
+						"page-width-px",
+						"sidebar-open",
+						"resolved-comment-ids",
+						"onMarkerClick"
+					]),
+					k(m, {
+						"is-open": U.value,
+						comments: K.value,
+						"tracked-changes": he.value,
+						"is-adding-comment": W.value,
+						"add-comment-y-position": z(Ge),
+						"show-resolved": !0,
+						"pages-container": d.value,
+						"page-width-px": Be.value,
+						zoom: z(q),
+						"active-item-id": pe.value,
+						onClose: n[18] ||= (e) => U.value = !1,
+						onAddComment: z(Je),
+						onCancelAddComment: z(Ye),
+						onCommentReply: z(Wt),
+						onCommentResolve: z(Ht),
+						onCommentUnresolve: z(Gt),
+						onCommentDelete: z(Kt),
+						onAcceptChange: z(qt),
+						onRejectChange: z(Jt),
+						onTrackedChangeReply: z(Yt),
+						"onUpdate:activeItemId": n[19] ||= (e) => pe.value = e
+					}, null, 8, [
+						"is-open",
+						"comments",
+						"tracked-changes",
+						"is-adding-comment",
+						"add-comment-y-position",
+						"pages-container",
+						"page-width-px",
+						"zoom",
+						"active-item-id",
+						"onAddComment",
+						"onCancelAddComment",
+						"onCommentReply",
+						"onCommentResolve",
+						"onCommentUnresolve",
+						"onCommentDelete",
+						"onAcceptChange",
+						"onRejectChange",
+						"onTrackedChangeReply"
+					]),
+					k(sn, {
+						data: z(lt),
+						"read-only": s.value,
+						onNavigate: z(pt),
+						onCopy: n[20] ||= (e) => lt.value = null,
+						onEdit: z(mt),
+						onRemove: z(ht),
+						onClose: n[21] ||= (e) => lt.value = null
+					}, null, 8, [
+						"data",
+						"read-only",
+						"onNavigate",
+						"onEdit",
+						"onRemove"
+					])
+				], 544),
+				!L.value && e.showOutlineButton ? (F(), D("button", {
+					key: 0,
+					type: "button",
+					class: "docx-editor-vue__outline-toggle",
+					title: "Show document outline",
+					onClick: n[28] ||= (...e) => z(It) && z(It)(...e),
+					onMousedown: n[29] ||= G(() => {}, ["stop"])
+				}, [k(c, {
+					name: "format_list_bulleted",
+					size: 20
+				})], 32)) : E("", !0),
+				z(on).totalPages > 1 ? (F(), T(vt, {
+					key: 1,
+					"current-page": z(on).currentPage,
+					"total-pages": z(on).totalPages,
+					visible: z(on).visible
+				}, null, 8, [
+					"current-page",
+					"total-pages",
+					"visible"
+				])) : E("", !0),
+				k(_t, {
+					"is-open": L.value,
+					headings: ge.value,
+					onClose: n[30] ||= (e) => L.value = !1,
+					onNavigate: z(Lt)
+				}, null, 8, [
+					"is-open",
+					"headings",
+					"onNavigate"
+				])
+			])], 32),
+			O("input", {
+				ref_key: "docxInputRef",
+				ref: $e,
+				type: "file",
+				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+				style: { display: "none" },
+				onChange: n[32] ||= (...e) => z(et) && z(et)(...e)
+			}, null, 544),
+			k(Zt, {
+				"read-only": s.value,
+				"context-menu": z(On),
+				"image-context-menu": z(An),
+				"image-context-menu-text-actions": z(Un),
+				"can-open-image-properties": !!z(Q),
+				onContextMenuAction: z(qn),
+				onCloseContextMenu: n[33] ||= (e) => z(On).isOpen = !1,
+				onImageWrapSelect: z(Kn),
+				onCloseImageContextMenu: n[34] ||= (e) => An.value = null,
+				onOpenImageProperties: n[35] ||= (e) => A.value = !0
+			}, null, 8, [
+				"read-only",
+				"context-menu",
+				"image-context-menu",
+				"image-context-menu-text-actions",
+				"can-open-image-properties",
+				"onContextMenuAction",
+				"onImageWrapSelect"
+			])
+		], 6));
+	}
+});
+//#endregion
+//#region src/renderAsync.ts
+async function Wn(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await _e(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;
+		},
+		getDocument: () => i?.getDocument() ?? null,
+		focus: () => {
+			i?.focus();
+		},
+		setZoom: (e) => {
+			i?.setZoom(e);
+		},
+		scrollToParaId: (e) => i?.scrollToParaId(e) ?? !1,
+		scrollToPosition: (e) => {
+			i?.scrollToPosition(e);
+		},
+		destroy: () => {
+			i?.destroy(), a?.unmount(), a = null;
+		}
+	};
+	return new Promise((e, c) => {
+		a = ae({ setup() {
+			return () => ce(Un, {
+				...n,
+				documentBuffer: r,
+				showToolbar: n.showToolbar ?? !0,
+				readOnly: n.readOnly ?? !1,
+				ref: (e) => {
+					i = e ?? null;
+				},
+				onReady: () => {
+					n.onReady?.(), o || (o = !0, e(s));
+				},
+				onError: (e) => {
+					n.onError?.(e), o || (o = !0, c(e));
+				},
+				onChange: n.onChange,
+				onRename: n.onRename,
+				onMenuAction: n.onMenuAction,
+				onModeChange: n.onModeChange
+			});
+		} }), a.mount(t);
+	});
+}
+//#endregion
+//#region src/index.ts
+var Gn = "0.0.2";
+//#endregion
+export { Un as DocxEditor, Gn as VERSION, r as defaultLocale, a as i18nPlugin, f as provideLocale, Wn as renderAsync, n as useTranslation };