@heyirisai/docx-editor-vue 1.9.0

package/dist/index.js

@@ -0,0 +1,4449 @@
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./KeyboardShortcutsDialog-B0fEvXnH.js";
+import { C as f, _ as p, c as m, l as h, n as g, o as _, r as v, s as y, t as b, u as ee } from "./usePortalClass-HM-UHRlE.js";
+import { t as x } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { n as S } from "./RenderedDomContext-CHc18N_2.js";
+import { t as C } from "./zIndex-CxELVe_L.js";
+import { i as te, n as ne, r as w, t as re } from "./useDragAutoScroll-CVltVfKK.js";
+import { Fragment as T, Teleport as E, computed as D, createApp as ie, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as ae, createStaticVNode as oe, createTextVNode as M, createVNode as N, defineComponent as P, h as se, isRef as ce, nextTick as le, normalizeClass as F, normalizeStyle as I, onBeforeUnmount as L, onMounted as R, openBlock as z, ref as B, renderList as V, renderSlot as ue, resolveDynamicComponent as de, shallowRef as fe, toDisplayString as H, unref as U, vModelCheckbox as W, vModelSelect as pe, vModelText as G, watch as K, watchEffect as me, withCtx as he, withDirectives as q, withKeys as J, withModifiers as Y } from "vue";
+import { NodeSelection as ge, TextSelection as _e } from "prosemirror-state";
+import { applyCellSelectionHighlight as ve, clickToPositionDom as X, computeHfCaretRectFromView as ye, computeHfSelectionRectsFromView as be, findBodyPmAnchor as xe, findBodyPmSpans as Se } from "@heyirisai/docx-editor-core/layout-bridge";
+import { clampRangeToDoc as Ce, findChangeRange as we, findCommentRange as Te, findInDocument as Ee, getPageContent as De, getSelectionInfo as Oe } from "@heyirisai/docx-editor-core/prosemirror/queries";
+import { LayoutSelectionGate as ke, addRepeatingSectionItemTr as Ae, extractSelectionState as je, findContentControlPos as Me, findContentControlsInPM as Ne, removeContentControlTr as Z, removeRepeatingSectionItemTr as Pe, schema as Fe, setContentControlContentTr as Ie, setContentControlValueAtPosTr as Le, setContentControlValueTr as Re } from "@heyirisai/docx-editor-core/prosemirror";
+import { SIDEBAR_DOCUMENT_SHIFT as ze, findWordBoundaries as Be, flashParagraphFragmentsByParaId as Ve, loadFontDefinitions as He, onFontError as Ue, pixelsToEmu as Q, prefersColorSchemeDark as We, readDocxFileFromInput as Ge, resolveIsDark as Ke, subscribeSystemDark as qe, toArrayBuffer as Je } from "@heyirisai/docx-editor-core/utils";
+import { extractSelectionContext as Ye } from "@heyirisai/docx-editor-core/prosemirror/plugins/selectionTracker";
+import { clearFormatting as Xe, findHyperlinkRangeAt as Ze } from "@heyirisai/docx-editor-core/prosemirror/commands/formatting";
+import { getTableContext as Qe } from "@heyirisai/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { clickToPositionDom as $e, getCaretPositionFromDom as et, getSelectionRectsFromDom as tt } from "@heyirisai/docx-editor-core/layout-bridge/clickToPositionDom";
+import { calculateResizedImageDimensions as nt, commitImageFloatMove as rt, commitImageInlineMove as it, commitImageResize as at, isFloatingImage as ot } from "@heyirisai/docx-editor-core/prosemirror/imageCommit";
+import { IMAGE_LAYOUT_OPTIONS as st, captureInlinePositionEmu as ct, deriveLayoutChoice as lt, findImageElement as ut, isImageLayoutOptionEnabled as dt, renderAllPagesNow as ft, toolbarValueToLayoutTarget as pt } from "@heyirisai/docx-editor-core/layout-painter";
+import { proseDocToBlocks as mt } from "@heyirisai/docx-editor-core/prosemirror/conversion";
+import { twipsToPixels as ht } from "@heyirisai/docx-editor-core/utils/units";
+import { DEFAULT_WATERMARK_PRESETS as gt, pictureWatermarkDisplayEmu as _t } from "@heyirisai/docx-editor-core/types/document";
+import { makeRevisionInfo as vt } from "@heyirisai/docx-editor-core/prosemirror/plugins";
+import { findPageIndexContainingPmPos as yt } from "@heyirisai/docx-editor-core/layout-engine";
+import { acceptChange as bt, acceptChangeById as xt, getWatermarkFromState as St, insertImageFromFile as Ct, rejectChange as wt, rejectChangeById as Tt, setWatermark as Et } from "@heyirisai/docx-editor-core/prosemirror/commands";
+import { applyStyle as Dt, removeTabStop as Ot, setIndentFirstLine as kt, setIndentLeft as At, setIndentRight as jt } from "@heyirisai/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as Mt } from "@heyirisai/docx-editor-core/prosemirror/styles";
+import { getCachedNumberingMap as Nt } from "@heyirisai/docx-editor-core/docx";
+import { insertPageBreak as Pt } from "@heyirisai/docx-editor-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as Ft, insertSectionBreakNextPage as It } from "@heyirisai/docx-editor-core/prosemirror/commands/sectionBreak";
+import { applyFormatting as Lt, insertBreak as Rt, setParagraphStyle as zt } from "@heyirisai/docx-editor-core/prosemirror/applyFormatting";
+import { collectHeadings as Bt } from "@heyirisai/docx-editor-core/utils/headingCollector";
+import { extractTrackedChanges as Vt } from "@heyirisai/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { addCommentToRange as Ht, applyProposedChange as Ut, createComment as Wt } from "@heyirisai/docx-editor-core/prosemirror/commentOps";
+import { PENDING_COMMENT_ID as Gt, createCommentIdAllocator as Kt, seedCommentAllocator as qt } from "@heyirisai/docx-editor-core/prosemirror/commentIdAllocator";
+import { TABLE_INSERT_HIDE_DELAY_MS as Jt, detectTableInsertHover as Yt } from "@heyirisai/docx-editor-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as Xt, findCellPosFromPmPos as Zt } from "@heyirisai/docx-editor-core/prosemirror/cellDragSelection";
+import { openReportIssue as Qt } from "@heyirisai/docx-editor-core/utils/reportIssue";
+import { ContentControlNotFoundError as $t } from "@heyirisai/docx-editor-core/agent";
+import { findParaIdRange as en } from "@heyirisai/docx-editor-core/prosemirror/paraText";
+import { createDocumentWithText as tn, createEmptyDocument as nn } from "@heyirisai/docx-editor-core";
+//#region src/utils/domQueries.ts
+function rn(e) {
+	let t = window.document.querySelectorAll(`.layout-page-${e}`);
+	if (t.length === 0) return null;
+	let n = window.innerHeight / 2, r = t[0], i = Infinity;
+	for (let e of Array.from(t)) {
+		let t = e.getBoundingClientRect(), a = Math.abs((t.top + t.bottom) / 2 - n);
+		a < i && (i = a, r = e);
+	}
+	return r;
+}
+function an(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : Se(e);
+	for (let e of r) {
+		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
+		if (!isNaN(n) && !isNaN(r) && t >= n && t <= r) return e;
+	}
+	return null;
+}
+function on(e, t, n) {
+	if (!e || !t) return;
+	let r = xe(e, n);
+	if (!r) for (let t of Se(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) return;
+	let i = t.getBoundingClientRect(), a = r.getBoundingClientRect();
+	t.scrollTo({
+		top: a.top - i.top + t.scrollTop - 48,
+		behavior: "smooth"
+	});
+}
+function sn(e, t, n, r) {
+	if (!e || !t) return null;
+	let i = X(e, n, r, 1);
+	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
+}
+function cn(e, t, n, r) {
+	if (!e) return;
+	let i = an(e, t, r);
+	if (!i) return;
+	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Be(a, t - o), l = o + s, u = o + c;
+	l < u && n(l, u);
+}
+function ln(e, t, n, r) {
+	if (!e) return;
+	let i = an(e, t, r);
+	if (!i) return;
+	let a = i.closest(".layout-paragraph");
+	if (!a) return;
+	let o = Number(a.dataset.pmStart), s = Number(a.dataset.pmEnd);
+	!isNaN(o) && !isNaN(s) && o < s && n(o, s);
+}
+//#endregion
+//#region src/components/DecorationLayer.vue
+var un = /* @__PURE__ */ P({
+	__name: "DecorationLayer",
+	props: {
+		getView: { type: Function },
+		getPagesContainer: { type: Function },
+		zoom: {},
+		transactionVersion: {},
+		syncCoordinator: {}
+	},
+	setup(e) {
+		let t = e, n = B(null), r = B(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);
+			});
+		}
+		R(() => {
+			a = t.syncCoordinator.onRender(() => {
+				r.value++;
+			}), o();
+		}), L(() => {
+			i !== null && (cancelAnimationFrame(i), i = null), a?.();
+		}), K(() => [
+			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 = S(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) => (z(), A("div", {
+			ref_key: "overlayRef",
+			ref: n,
+			class: "paged-editor__decoration-overlay",
+			"aria-hidden": "true"
+		}, null, 512));
+	}
+});
+//#endregion
+//#region src/composables/imageOverlayRect.ts
+function dn(e) {
+	let t = Math.max(0, e.parentOffsetWidth - e.parentClientWidth) / 2, n = e.zoom || 1;
+	return {
+		left: (e.imageRect.left - e.parentRect.left - t + e.scrollLeft) / n,
+		top: (e.imageRect.top - e.parentRect.top + e.scrollTop) / n,
+		width: e.imageRect.width / n,
+		height: e.imageRect.height / n
+	};
+}
+//#endregion
+//#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
+var fn = ["data-handle", "onMousedown"], pn = ["title"], mn = {
+	key: 0,
+	class: "image-overlay__dim"
+}, hn = {
+	key: 1,
+	class: "image-overlay__dim image-overlay__dim--rotate"
+}, gn = 4, _n = 15, vn = 250, yn = 700, bn = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "ImageSelectionOverlay",
+	props: {
+		imageInfo: {},
+		zoom: {},
+		view: {}
+	},
+	emits: [
+		"deselect",
+		"interact-start",
+		"interact-end",
+		"context-menu"
+	],
+	setup(e, { emit: t }) {
+		let { t: n } = d(), r = e, i = t, a = B(null), o = B(!1), s = B(!1), c = B(!1), l = B(0), u = B(0), f = B(0), p = B(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, ee = null, x = null;
+		function S(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 te() {
+			return a.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
+		}
+		function ne() {
+			let e = r.imageInfo;
+			if (!e) return null;
+			if (e.element.isConnected) return e.element;
+			let t = te();
+			if (!t) return null;
+			let n = xe(t, e.pmPos);
+			return n ? ut(n) : null;
+		}
+		function w() {
+			let e = ne();
+			if (!e || !a.value) {
+				p.value = null;
+				return;
+			}
+			let t = a.value.offsetParent;
+			if (!t) {
+				p.value = null;
+				return;
+			}
+			let n = t.getBoundingClientRect();
+			p.value = dn({
+				imageRect: e.getBoundingClientRect(),
+				parentRect: n,
+				scrollLeft: t.scrollLeft,
+				scrollTop: t.scrollTop,
+				parentOffsetWidth: t.offsetWidth,
+				parentClientWidth: t.clientWidth,
+				zoom: r.zoom
+			});
+		}
+		let re = null;
+		function E() {
+			re?.();
+			let e = 0, t = "", n = 0, r = 0, i = (a) => {
+				r === 0 && (r = a);
+				let o = a - r;
+				w();
+				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
+				n = c === t ? n + 1 : 0, t = c, !(o >= vn && n >= 2) && o < yn && (e = requestAnimationFrame(i));
+			};
+			e = requestAnimationFrame(i);
+			let a = setTimeout(w, vn);
+			re = () => {
+				cancelAnimationFrame(e), clearTimeout(a);
+			};
+		}
+		K(() => r.imageInfo, (e, t, n) => {
+			if (!r.imageInfo) {
+				p.value = null;
+				return;
+			}
+			E(), n(() => re?.());
+		}, { immediate: !0 }), K(() => r.zoom, () => {
+			r.imageInfo && E();
+		}), K(() => r.imageInfo, (e, t, n) => {
+			if (!r.imageInfo) return;
+			let i = () => {
+				b && cancelAnimationFrame(b), b = requestAnimationFrame(w);
+			}, o = a.value?.closest(".docx-editor-vue__pages-viewport");
+			o?.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 });
+			let s = null, c = !1;
+			le(() => {
+				if (c || !r.imageInfo) return;
+				let e = te();
+				e && (s = new MutationObserver(() => E()), s.observe(e, {
+					attributes: !0,
+					attributeFilter: ["style"]
+				}));
+			}), n(() => {
+				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), s?.disconnect(), b && cancelAnimationFrame(b);
+			});
+		}, { immediate: !0 });
+		let ie = D(() => o.value ? l.value : p.value?.width || 0), O = D(() => o.value ? u.value : p.value?.height || 0), ae = D(() => {
+			let e = p.value;
+			if (!e) return {
+				position: "absolute",
+				top: "0px",
+				left: "0px",
+				visibility: "hidden",
+				pointerEvents: "none"
+			};
+			let t = o.value ? l.value : e.width, n = o.value ? u.value : e.height, i = r.zoom || 1;
+			return {
+				position: "absolute",
+				left: `${e.left * i}px`,
+				top: `${e.top * i}px`,
+				width: `${t}px`,
+				height: `${n}px`,
+				transform: i === 1 ? void 0 : `scale(${i})`,
+				transformOrigin: "top left",
+				zIndex: C.imageOverlay,
+				pointerEvents: "auto"
+			};
+		}), oe = D(() => {
+			let e = ie.value, t = O.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"
+					}
+				}
+			];
+		});
+		function M(e, t) {
+			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, l.value = Math.round(_), u.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", N), document.addEventListener("mouseup", P));
+		}
+		function N(e) {
+			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = nt(m, n, i, _, v, a);
+			l.value = Math.round(o.width), u.value = Math.round(o.height);
+			let s = y;
+			s && (p.value = {
+				left: m.includes("w") ? s.left + (s.width - o.width) : s.left,
+				top: m.includes("n") ? s.top + (s.height - o.height) : s.top,
+				width: s.width,
+				height: s.height
+			});
+		}
+		function P() {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P), o.value = !1, y = null, i("interact-end");
+			let e = r.view, t = r.imageInfo;
+			if (!e || !t) {
+				w();
+				return;
+			}
+			let n = at(e, t.pmPos, l.value, u.value);
+			n !== null && ve(n), le(() => w());
+		}
+		let se = 0, ce = 0, F = 0, R = 0, ue = null, de = null;
+		function fe(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 - se, -(t - ce)) * 180 / Math.PI;
+		}
+		function G(e) {
+			if (!r.imageInfo) return;
+			let t = r.imageInfo.element.getBoundingClientRect();
+			se = t.left + t.width / 2, ce = t.top + t.height / 2;
+			let n = S(r.view, r.imageInfo.pmPos);
+			ue = n && n.attrs.transform || null, R = fe(ue), de = r.imageInfo.element.querySelector("img"), F = pe(e.clientX, e.clientY), f.value = R, c.value = !0, i("interact-start"), document.addEventListener("mousemove", me), document.addEventListener("mouseup", he);
+		}
+		function me(e) {
+			let t = pe(e.clientX, e.clientY) - F, n = R + t;
+			e.shiftKey || (n = Math.round(n / _n) * _n), f.value = (n % 360 + 360) % 360, de && (de.style.transform = W(ue, f.value) || "");
+		}
+		function he() {
+			document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), c.value = !1, i("interact-end");
+			let e = r.view, t = r.imageInfo;
+			try {
+				let n = e && t ? S(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)
+				})), ve(t.pmPos));
+			} catch {} finally {
+				de && (de.style.transform = ""), de = null, ue = null;
+			}
+			le(() => w());
+		}
+		let q = null;
+		function J(e) {
+			if (!r.imageInfo || !p.value) return;
+			let t = e.clientX, n = e.clientY, a = p.value, o = !1, c = (e) => {
+				let c = e.clientX - t, l = e.clientY - n;
+				if (!(!o && Math.sqrt(c * c + l * l) < gn)) {
+					if (!o) {
+						o = !0, s.value = !0, i("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 = r.zoom;
+						q.style.width = `${a.width * e}px`, q.style.height = `${a.height * e}px`, document.body.appendChild(q);
+					}
+					if (q) {
+						let t = r.zoom;
+						q.style.left = `${e.clientX - a.width * t / 2}px`, q.style.top = `${e.clientY - a.height * t / 2}px`;
+					}
+				}
+			}, l = (e) => {
+				document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), ee = null, x = null, q &&= (q.remove(), null), s.value = !1, o && (i("interact-end"), _e(e.clientX, e.clientY));
+			};
+			ee = c, x = l, document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+		}
+		function _e(e, t) {
+			let n = r.view, i = r.imageInfo;
+			if (!n || !i) return;
+			let o = S(n, i.pmPos);
+			if (o) {
+				if (ot(o)) {
+					let o = (a.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
+					if (!o || o.length === 0) return;
+					let s = null;
+					for (let e of o) {
+						let n = e.getBoundingClientRect();
+						if (t >= n.top && t <= n.bottom) {
+							s = e.querySelector(".layout-page-content");
+							break;
+						}
+					}
+					if (s ||= o[o.length - 1].querySelector(".layout-page-content"), !s) return;
+					let c = s.getBoundingClientRect(), l = r.zoom, u = Q((e - c.left) / l), d = Q((t - c.top) / l), f = rt(n, i.pmPos, u, d);
+					f !== null && ve(f);
+				} else {
+					let r = te();
+					if (!r) return;
+					let a = $e(r, e, t, 1);
+					if (a == null || a < 0) return;
+					let o = it(n, i.pmPos, a);
+					o !== null && ve(o);
+				}
+				le(() => w());
+			}
+		}
+		function ve(e) {
+			let t = r.view;
+			if (t) try {
+				let n = ge.create(t.state.doc, e);
+				t.dispatch(t.state.tr.setSelection(n));
+			} catch {}
+		}
+		return L(() => {
+			document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", P), document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), ee && document.removeEventListener("mousemove", ee), x && document.removeEventListener("mouseup", x), q &&= (q.remove(), null), b && cancelAnimationFrame(b), re?.();
+		}), (t, r) => e.imageInfo ? (z(), A("div", {
+			key: 0,
+			ref_key: "overlayRootRef",
+			ref: a,
+			class: "image-overlay",
+			style: I(ae.value),
+			onMousedown: r[3] ||= Y(() => {}, ["stop"])
+		}, [
+			r[4] ||= j("div", { class: "image-overlay__border" }, null, -1),
+			j("div", {
+				class: "image-overlay__body",
+				style: I({ cursor: s.value ? "grabbing" : "grab" }),
+				onMousedown: r[0] ||= Y((e) => J(e), ["prevent", "stop"]),
+				onContextmenu: r[1] ||= Y((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+			}, null, 36),
+			(z(!0), A(T, null, V(oe.value, (e) => (z(), A("div", {
+				key: e.pos,
+				class: "image-overlay__handle",
+				style: I(e.style),
+				"data-handle": e.pos,
+				onMousedown: Y((t) => M(t, e.pos), ["prevent", "stop"])
+			}, null, 44, fn))), 128)),
+			r[5] ||= j("div", { class: "image-overlay__rotate-line" }, null, -1),
+			j("div", {
+				class: "image-overlay__rotate-handle",
+				style: I({ left: `${ie.value / 2 - 7}px` }),
+				title: U(n)("imageOverlay.rotate"),
+				onMousedown: r[2] ||= Y((e) => G(e), ["prevent", "stop"])
+			}, null, 44, pn),
+			o.value ? (z(), A("div", mn, H(Math.round(l.value)) + " × " + H(Math.round(u.value)), 1)) : k("", !0),
+			c.value ? (z(), A("div", hn, H(Math.round(f.value)) + "° ", 1)) : k("", !0)
+		], 36)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-a3e3aca1"]]), xn = { class: "doc-outline__header" }, Sn = { class: "doc-outline__body" }, Cn = {
+	key: 0,
+	class: "doc-outline__empty"
+}, wn = ["onMousedown"], Tn = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "DocumentOutline",
+	props: {
+		isOpen: { type: Boolean },
+		headings: {},
+		leftOffset: { default: 12 },
+		topPx: { default: 24 }
+	},
+	emits: ["close", "navigate"],
+	setup(e) {
+		let t = e, n = D(() => t.headings.length ? Math.min(...t.headings.map((e) => e.level)) : 0);
+		return (t, i) => e.isOpen ? (z(), A("nav", {
+			key: 0,
+			class: "doc-outline",
+			style: I({
+				left: e.leftOffset + "px",
+				top: e.topPx + "px"
+			}),
+			role: "navigation",
+			"aria-label": "Document outline",
+			onMousedown: i[1] ||= Y(() => {}, ["stop"])
+		}, [j("div", xn, [j("button", {
+			class: "doc-outline__back",
+			title: "Close outline",
+			"aria-label": "Close outline",
+			onClick: i[0] ||= (e) => t.$emit("close")
+		}, [N(r, {
+			name: "arrow_back",
+			size: 20
+		})]), i[2] ||= j("span", { class: "doc-outline__title" }, "Document Outline", -1)]), j("div", Sn, [e.headings.length === 0 ? (z(), A("div", Cn, "No headings found")) : k("", !0), (z(!0), A(T, null, V(e.headings, (e, r) => (z(), A("button", {
+			key: r,
+			class: "doc-outline__item",
+			style: I({ paddingLeft: 8 + (e.level - n.value) * 16 + "px" }),
+			onMousedown: Y((n) => t.$emit("navigate", e.pmPos), ["prevent"])
+		}, H(e.text || "(untitled)"), 45, wn))), 128))])], 36)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-8820ac3e"]]), En = ["title", "aria-label"], Dn = /* @__PURE__ */ P({
+	__name: "OutlineToggleButton",
+	props: {
+		leftOffset: {},
+		topPx: { default: 24 }
+	},
+	emits: ["toggle"],
+	setup(e) {
+		let { t } = d();
+		return (n, i) => (z(), A("button", {
+			type: "button",
+			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
+			style: I({
+				left: e.leftOffset + "px",
+				top: e.topPx + "px"
+			}),
+			title: U(t)("editor.showDocumentOutline"),
+			"aria-label": U(t)("editor.showDocumentOutline"),
+			onClick: i[0] ||= (e) => n.$emit("toggle"),
+			onMousedown: i[1] ||= Y(() => {}, ["stop"])
+		}, [N(r, {
+			name: "format_list_bulleted",
+			size: 20
+		})], 44, En));
+	}
+}), On = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "PageIndicator",
+	props: {
+		currentPage: {},
+		totalPages: {},
+		visible: { type: Boolean }
+	},
+	setup(e) {
+		let { t } = d();
+		return (n, r) => (z(), A("div", {
+			class: "docx-editor-vue__page-indicator",
+			style: I({ opacity: +!!e.visible }),
+			"aria-live": "polite",
+			role: "status"
+		}, H(U(t)("viewer.pageIndicator", {
+			current: e.currentPage,
+			total: e.totalPages
+		})), 5));
+	}
+}), [["__scopeId", "data-v-877b9ee2"]]), kn = { class: "hf-editor__label" }, An = {
+	class: "hf-editor__actions",
+	style: { position: "relative" }
+}, jn = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "InlineHeaderFooterEditor",
+	props: {
+		isOpen: { type: Boolean },
+		position: {},
+		view: {},
+		targetRect: {}
+	},
+	emits: [
+		"save",
+		"close",
+		"remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = B({}), a = B(!1);
+		function o(e) {
+			let t = n.view;
+			if (!t) return;
+			let { $from: r, from: i } = t.state.selection, a = t.state.storedMarks || r.marks(), o = Fe.nodes.field.create({
+				fieldType: e,
+				instruction: ` ${e} \\* MERGEFORMAT `,
+				fieldKind: "simple",
+				dirty: !0
+			});
+			t.dispatch(t.state.tr.insert(i, o.mark(a))), t.focus();
+		}
+		function s() {
+			let e = n.targetRect;
+			e && (i.value = {
+				position: "absolute",
+				top: `${e.top}px`,
+				left: `${e.left}px`,
+				width: `${e.width}px`,
+				height: `${e.height}px`,
+				zIndex: "100",
+				pointerEvents: "none"
+			});
+		}
+		K(() => n.isOpen, (e) => {
+			e && (s(), n.view?.focus());
+		}), K(() => n.targetRect, () => {
+			n.isOpen && s();
+		}, { deep: !0 });
+		function c() {
+			n.view && (r("save", mt(n.view.state.doc)), r("close"));
+		}
+		return (t, n) => e.isOpen ? (z(), A("div", {
+			key: 0,
+			class: "hf-editor",
+			style: I(i.value)
+		}, [j("div", {
+			class: F(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
+			onMousedown: n[8] ||= Y(() => {}, ["stop"]),
+			onContextmenu: n[9] ||= Y(() => {}, ["stop"])
+		}, [j("span", kn, H(e.position === "header" ? "Header" : "Footer"), 1), j("div", An, [
+			j("button", {
+				class: "hf-editor__btn",
+				title: "Options",
+				onMousedown: n[0] ||= Y(() => {}, ["prevent"]),
+				onClick: n[1] ||= (e) => a.value = !a.value
+			}, " Options ▾ ", 32),
+			a.value ? (z(), A("div", {
+				key: 0,
+				class: "hf-editor__dropdown",
+				onMousedown: n[4] ||= Y(() => {}, ["stop"]),
+				onContextmenu: n[5] ||= Y(() => {}, ["stop"])
+			}, [j("button", {
+				type: "button",
+				class: "hf-editor__dropdown-item",
+				onClick: n[2] ||= (e) => {
+					a.value = !1, o("PAGE");
+				}
+			}, " Insert current page number "), j("button", {
+				type: "button",
+				class: "hf-editor__dropdown-item",
+				onClick: n[3] ||= (e) => {
+					a.value = !1, o("NUMPAGES");
+				}
+			}, " Insert total page count ")], 32)) : k("", !0),
+			j("button", {
+				class: "hf-editor__btn",
+				title: "Remove",
+				onMousedown: n[6] ||= Y((e) => t.$emit("remove"), ["prevent"])
+			}, " Remove ", 32),
+			j("button", {
+				class: "hf-editor__btn hf-editor__btn--primary",
+				title: "Save",
+				onMousedown: Y(c, ["prevent"])
+			}, " Save ", 32),
+			j("button", {
+				class: "hf-editor__btn",
+				title: "Cancel",
+				onMousedown: n[7] ||= Y((e) => t.$emit("close"), ["prevent"])
+			}, " Cancel ", 32)
+		])], 34)], 4)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-81468575"]]), Mn = ["role"], Nn = {
+	key: 0,
+	class: "layout-sdt-widget-empty"
+}, Pn = ["aria-selected", "onClick"], Fn = ["value"], In = ".layout-sdt-widget, .layout-inline-sdt-widget", Ln = /* @__PURE__ */ P({
+	__name: "ContentControlWidgets",
+	props: {
+		container: {},
+		view: {}
+	},
+	setup(e) {
+		function t(e) {
+			let t = /^sdt@(\d+)$/.exec(e ?? "");
+			return t ? Number(t[1]) : null;
+		}
+		function n(e) {
+			if (e == null || e === "") return null;
+			let t = Number(e);
+			return Number.isFinite(t) ? t : null;
+		}
+		function r(e) {
+			let r = t(e.dataset.sdtGroupId) ?? n(e.dataset.sdtPos), i = e.dataset.sdtTag;
+			return r == null ? i ? { tag: i } : null : i ? {
+				pos: r,
+				tag: i
+			} : { pos: r };
+		}
+		let i = e, a = B(null), o = B(null);
+		function s(e, t) {
+			let n = i.view;
+			if (n) try {
+				let r = e.pos == null ? e.tag ? Re(n.state, { tag: e.tag }, t) : null : Le(n.state, e.pos, t);
+				if (!r) return;
+				n.dispatch(r), n.focus();
+			} catch {}
+			a.value = null;
+		}
+		function c(e) {
+			let n = i.view, r = t(e.dataset.sdtGroupId);
+			if (!(!n || r == null)) try {
+				let t = e.dataset.sdtRepeat === "add" ? Ae(n.state, r) : Pe(n.state, r);
+				n.dispatch(t), n.focus();
+			} catch {}
+		}
+		function l(e) {
+			let t = e.target;
+			(t?.closest?.(In) || t?.closest?.(".layout-sdt-repeat-btn")) && e.preventDefault();
+		}
+		function u(e) {
+			let t = i.view, n = e.dataset.sdtWidget, o = r(e);
+			if (!t || !n || !o) return;
+			let c = o.pos == null ? o.tag ? Ne(t.state.doc, { tag: o.tag })[0] : void 0 : Ne(t.state.doc).find((e) => e.pos === o.pos), l = e.getBoundingClientRect();
+			n === "checkbox" ? s(o, {
+				kind: "checkbox",
+				checked: !c?.checked
+			}) : n === "dropdown" ? a.value = {
+				kind: "dropdown",
+				target: o,
+				items: c?.listItems ?? [],
+				current: c?.text ?? "",
+				x: l.left,
+				y: l.bottom + 2
+			} : n === "date" && (a.value = {
+				kind: "date",
+				target: o,
+				current: c?.dateValue ?? "",
+				x: l.left,
+				y: l.bottom + 2
+			});
+		}
+		function d(e) {
+			let t = e.target?.closest?.(".layout-sdt-repeat-btn");
+			if (t) {
+				e.preventDefault(), e.stopPropagation(), c(t);
+				return;
+			}
+			let n = e.target?.closest?.(In);
+			n && (e.preventDefault(), e.stopPropagation(), u(n));
+		}
+		function f(e) {
+			if (e.key !== "Enter" && e.key !== " ") return;
+			let t = e.target?.closest?.(In);
+			t && (e.preventDefault(), u(t));
+		}
+		function p(e) {
+			a.value && !o.value?.contains(e.target) && (a.value = null);
+		}
+		function m(e) {
+			e.key === "Escape" && (a.value = null);
+		}
+		let h = null;
+		K(() => i.container, (e) => {
+			h && (h.removeEventListener("mousedown", l), h.removeEventListener("click", d), h.removeEventListener("keydown", f)), h = e ?? null, h && (h.addEventListener("mousedown", l), h.addEventListener("click", d), h.addEventListener("keydown", f));
+		}, { immediate: !0 }), K(a, (e) => {
+			e ? (document.addEventListener("mousedown", p), document.addEventListener("keydown", m), e.kind === "dropdown" && le(() => {
+				let e = o.value?.querySelectorAll(".layout-sdt-widget-option");
+				e?.length && ([...e].find((e) => e.getAttribute("aria-selected") === "true") ?? e[0]).focus();
+			})) : (document.removeEventListener("mousedown", p), document.removeEventListener("keydown", m));
+		});
+		function g(e) {
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			let t = [...o.value?.querySelectorAll(".layout-sdt-widget-option") ?? []];
+			if (!t.length) return;
+			e.preventDefault();
+			let n = t.indexOf(document.activeElement);
+			t[e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length].focus();
+		}
+		L(() => {
+			h && (h.removeEventListener("mousedown", l), h.removeEventListener("click", d), h.removeEventListener("keydown", f)), document.removeEventListener("mousedown", p), document.removeEventListener("keydown", m);
+		});
+		function _(e) {
+			let t = e.target.value;
+			t && a.value && s(a.value.target, {
+				kind: "date",
+				date: t
+			});
+		}
+		return (e, t) => a.value ? (z(), A("div", {
+			key: 0,
+			ref_key: "popupEl",
+			ref: o,
+			class: "layout-sdt-widget-popup",
+			role: a.value.kind === "dropdown" ? "listbox" : void 0,
+			style: I({
+				position: "fixed",
+				top: a.value.y + "px",
+				left: a.value.x + "px",
+				zIndex: 1e3
+			}),
+			onKeydown: g,
+			onMousedown: t[0] ||= Y(() => {}, ["prevent"])
+		}, [a.value.kind === "dropdown" ? (z(), A(T, { key: 0 }, [a.value.items.length === 0 ? (z(), A("div", Nn, "No options")) : k("", !0), (z(!0), A(T, null, V(a.value.items, (e) => (z(), A("button", {
+			key: e.value,
+			type: "button",
+			role: "option",
+			"aria-selected": e.displayText === a.value.current,
+			class: F(["layout-sdt-widget-option", { "is-selected": e.displayText === a.value.current }]),
+			onClick: (t) => s(a.value.target, {
+				kind: "dropdown",
+				value: e.value
+			})
+		}, H(e.displayText), 11, Pn))), 128))], 64)) : (z(), A("input", {
+			key: 1,
+			type: "date",
+			class: "layout-sdt-widget-date",
+			value: a.value.current,
+			onChange: _
+		}, null, 40, Fn))], 44, Mn)) : k("", !0);
+	}
+}), Rn = {
+	key: 0,
+	class: "docx-editor-vue__title-bar"
+}, zn = { class: "docx-editor-vue__title-bar-left" }, Bn = { class: "docx-editor-vue__title-bar-center" }, Vn = { class: "docx-editor-vue__title-bar-right" }, Hn = /* @__PURE__ */ P({
+	__name: "DocxEditorMenuBar",
+	props: {
+		showMenuBar: { type: Boolean },
+		documentName: {},
+		documentNameEditable: {
+			type: Boolean,
+			default: !0
+		},
+		showFileOpen: {
+			type: Boolean,
+			default: !0
+		},
+		showHelpMenu: {
+			type: Boolean,
+			default: !0
+		},
+		renderLogo: {},
+		renderTitleBarRight: {}
+	},
+	emits: [
+		"rename",
+		"menu-action",
+		"insert-table"
+	],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => e.showMenuBar ? (z(), A("div", Rn, [
+			j("div", zn, [e.renderLogo ? (z(), O(de(e.renderLogo), { key: 0 })) : k("", !0), ue(t.$slots, "title-bar-left")]),
+			j("div", Bn, [N(_, {
+				"model-value": e.documentName,
+				editable: e.documentNameEditable,
+				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
+			}, null, 8, ["model-value", "editable"]), N(v, {
+				"show-file-open": e.showFileOpen,
+				"show-help-menu": e.showHelpMenu,
+				onAction: r[1] ||= (e) => n("menu-action", e),
+				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
+			}, null, 8, ["show-file-open", "show-help-menu"])]),
+			j("div", Vn, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (z(), O(de(e.renderTitleBarRight), { key: 0 })) : k("", !0)])
+		])) : k("", !0);
+	}
+}), Un = ["aria-label"], $ = { class: "wm-header" }, Wn = { class: "wm-body" }, Gn = { class: "wm-radio-row" }, Kn = ["checked"], qn = {
+	for: "wm-none",
+	class: "wm-inline-label"
+}, Jn = { class: "wm-radio-row" }, Yn = ["checked"], Xn = {
+	for: "wm-picture",
+	class: "wm-inline-label"
+}, Zn = {
+	key: 0,
+	class: "wm-subform"
+}, Qn = { class: "wm-row" }, $n = {
+	key: 0,
+	class: "wm-row"
+}, er = ["src"], tr = { class: "wm-row" }, nr = { class: "wm-label" }, rr = { class: "wm-inline-label" }, ir = { class: "wm-radio-row" }, ar = ["checked"], or = {
+	for: "wm-text",
+	class: "wm-inline-label"
+}, sr = {
+	key: 1,
+	class: "wm-subform"
+}, cr = {
+	key: 0,
+	class: "wm-row"
+}, lr = { class: "wm-label" }, ur = ["value"], dr = ["value"], fr = { class: "wm-row" }, pr = { class: "wm-label" }, mr = { class: "wm-row" }, hr = { class: "wm-label" }, gr = ["value"], _r = { class: "wm-row" }, vr = { class: "wm-label" }, yr = { class: "wm-inline-label" }, br = { class: "wm-row" }, xr = { class: "wm-label" }, Sr = { class: "wm-row" }, Cr = { class: "wm-label" }, wr = { class: "wm-inline-label" }, Tr = ["checked"], Er = { class: "wm-inline-label" }, Dr = ["checked"], Or = { class: "wm-inline-label" }, kr = { class: "wm-footer" }, Ar = ["disabled"], jr = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "WatermarkDialog",
+	props: {
+		isOpen: { type: Boolean },
+		current: {},
+		presets: { default: () => gt }
+	},
+	emits: ["close", "apply"],
+	setup(e, { emit: t }) {
+		let n = [
+			"Calibri",
+			"Arial",
+			"Times New Roman",
+			"Georgia",
+			"Verdana",
+			"Courier New"
+		], { t: r } = d(), i = e, a = D(() => i.presets), o = t, s = B("none"), c = B(i.presets[0] ?? "CONFIDENTIAL"), l = B("Calibri"), u = B(!0), f = B(54), p = B("#C0C0C0"), m = B("diagonal"), h = B(!0), g = B(void 0), _ = B(void 0), v = B(100), y = B(!0);
+		K(() => i.isOpen, (e) => {
+			if (!e) return;
+			let t = i.current;
+			t?.kind === "text" ? (s.value = "text", c.value = t.text, l.value = t.font || "Calibri", u.value = t.fontSize === void 0, t.fontSize !== void 0 && (f.value = t.fontSize), p.value = t.color || "#C0C0C0", m.value = t.layout, h.value = t.semitransparent) : t?.kind === "picture" ? (s.value = "picture", g.value = t.dataUrl, _.value = t.widthEmu !== void 0 && t.heightEmu !== void 0 ? {
+				widthEmu: t.widthEmu,
+				heightEmu: t.heightEmu
+			} : void 0, v.value = Math.round((t.scale || 1) * 100), y.value = t.washout) : s.value = "none";
+		}, { immediate: !0 });
+		let b = D(() => s.value === "picture" && !g.value);
+		function ee(e) {
+			let t = e.target.value;
+			t && (c.value = t);
+		}
+		function x(e) {
+			let t = e.target.files?.[0];
+			if (!t) return;
+			let n = new FileReader();
+			n.onload = () => {
+				let e = typeof n.result == "string" ? n.result : void 0;
+				if (g.value = e, _.value = void 0, !e) return;
+				let t = new Image();
+				t.onload = () => {
+					_.value = _t(t.naturalWidth, t.naturalHeight);
+				}, t.src = e;
+			}, n.readAsDataURL(t);
+		}
+		function S() {
+			o("close");
+		}
+		function C() {
+			if (s.value === "none") o("apply", null);
+			else if (s.value === "text") o("apply", {
+				kind: "text",
+				text: c.value,
+				font: l.value,
+				color: p.value,
+				semitransparent: h.value,
+				layout: m.value,
+				fontSize: u.value ? void 0 : f.value
+			});
+			else {
+				if (!g.value) return;
+				o("apply", {
+					kind: "picture",
+					dataUrl: g.value,
+					scale: v.value / 100,
+					washout: y.value,
+					..._.value ?? {}
+				});
+			}
+			S();
+		}
+		function te(e) {
+			e.key === "Escape" && S();
+		}
+		return (t, i) => e.isOpen ? (z(), A("div", {
+			key: 0,
+			class: "wm-overlay",
+			onMousedown: Y(S, ["self"]),
+			onKeydown: te
+		}, [j("div", {
+			class: "wm-dialog",
+			role: "dialog",
+			"aria-label": U(r)("dialogs.watermark.title"),
+			onMousedown: i[13] ||= Y(() => {}, ["stop"])
+		}, [
+			j("div", $, H(U(r)("dialogs.watermark.title")), 1),
+			j("div", Wn, [
+				j("div", Gn, [j("input", {
+					id: "wm-none",
+					type: "radio",
+					checked: s.value === "none",
+					onChange: i[0] ||= (e) => s.value = "none"
+				}, null, 40, Kn), j("label", qn, H(U(r)("dialogs.watermark.noWatermark")), 1)]),
+				j("div", Jn, [j("input", {
+					id: "wm-picture",
+					type: "radio",
+					checked: s.value === "picture",
+					onChange: i[1] ||= (e) => s.value = "picture"
+				}, null, 40, Yn), j("label", Xn, H(U(r)("dialogs.watermark.picture")), 1)]),
+				s.value === "picture" ? (z(), A("div", Zn, [
+					j("div", Qn, [j("input", {
+						type: "file",
+						accept: "image/*",
+						onChange: x
+					}, null, 32)]),
+					g.value ? (z(), A("div", $n, [j("img", {
+						src: g.value,
+						alt: "",
+						class: "wm-preview"
+					}, null, 8, er)])) : k("", !0),
+					j("div", tr, [
+						j("span", nr, H(U(r)("dialogs.watermark.scale")), 1),
+						q(j("input", {
+							class: "wm-input wm-input--narrow",
+							type: "number",
+							min: "10",
+							max: "500",
+							"onUpdate:modelValue": i[2] ||= (e) => v.value = e
+						}, null, 512), [[
+							G,
+							v.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						i[14] ||= j("span", { class: "wm-unit" }, "%", -1)
+					]),
+					j("label", rr, [q(j("input", {
+						type: "checkbox",
+						"onUpdate:modelValue": i[3] ||= (e) => y.value = e
+					}, null, 512), [[W, y.value]]), M(" " + H(U(r)("dialogs.watermark.washout")), 1)])
+				])) : k("", !0),
+				j("div", ir, [j("input", {
+					id: "wm-text",
+					type: "radio",
+					checked: s.value === "text",
+					onChange: i[4] ||= (e) => s.value = "text"
+				}, null, 40, ar), j("label", or, H(U(r)("dialogs.watermark.text")), 1)]),
+				s.value === "text" ? (z(), A("div", sr, [
+					a.value.length > 0 ? (z(), A("div", cr, [j("span", lr, H(U(r)("dialogs.watermark.presetLabel")), 1), j("select", {
+						class: "wm-input",
+						value: a.value.includes(c.value) ? c.value : "",
+						onChange: ee
+					}, [i[15] ||= j("option", { value: "" }, "—", -1), (z(!0), A(T, null, V(a.value, (e) => (z(), A("option", {
+						key: e,
+						value: e
+					}, H(e), 9, dr))), 128))], 40, ur)])) : k("", !0),
+					j("div", fr, [j("span", pr, H(U(r)("dialogs.watermark.textLabel")), 1), q(j("input", {
+						class: "wm-input",
+						"onUpdate:modelValue": i[5] ||= (e) => c.value = e
+					}, null, 512), [[G, c.value]])]),
+					j("div", mr, [j("span", hr, H(U(r)("dialogs.watermark.fontLabel")), 1), q(j("select", {
+						class: "wm-input",
+						"onUpdate:modelValue": i[6] ||= (e) => l.value = e
+					}, [(z(), A(T, null, V(n, (e) => j("option", {
+						key: e,
+						value: e
+					}, H(e), 9, gr)), 64))], 512), [[pe, l.value]])]),
+					j("div", _r, [
+						j("span", vr, H(U(r)("dialogs.watermark.sizeLabel")), 1),
+						j("label", yr, [q(j("input", {
+							type: "checkbox",
+							"onUpdate:modelValue": i[7] ||= (e) => u.value = e
+						}, null, 512), [[W, u.value]]), M(" " + H(U(r)("dialogs.watermark.sizeAuto")), 1)]),
+						u.value ? k("", !0) : q((z(), A("input", {
+							key: 0,
+							class: "wm-input wm-input--narrow",
+							type: "number",
+							min: "8",
+							max: "200",
+							"onUpdate:modelValue": i[8] ||= (e) => f.value = e
+						}, null, 512)), [[
+							G,
+							f.value,
+							void 0,
+							{ number: !0 }
+						]])
+					]),
+					j("div", br, [j("span", xr, H(U(r)("dialogs.watermark.colorLabel")), 1), q(j("input", {
+						type: "color",
+						"onUpdate:modelValue": i[9] ||= (e) => p.value = e
+					}, null, 512), [[G, p.value]])]),
+					j("div", Sr, [
+						j("span", Cr, H(U(r)("dialogs.watermark.layoutLabel")), 1),
+						j("label", wr, [j("input", {
+							type: "radio",
+							name: "wm-layout",
+							checked: m.value === "diagonal",
+							onChange: i[10] ||= (e) => m.value = "diagonal"
+						}, null, 40, Tr), M(" " + H(U(r)("dialogs.watermark.diagonal")), 1)]),
+						j("label", Er, [j("input", {
+							type: "radio",
+							name: "wm-layout",
+							checked: m.value === "horizontal",
+							onChange: i[11] ||= (e) => m.value = "horizontal"
+						}, null, 40, Dr), M(" " + H(U(r)("dialogs.watermark.horizontal")), 1)])
+					]),
+					j("label", Or, [q(j("input", {
+						type: "checkbox",
+						"onUpdate:modelValue": i[12] ||= (e) => h.value = e
+					}, null, 512), [[W, h.value]]), M(" " + H(U(r)("dialogs.watermark.semitransparent")), 1)])
+				])) : k("", !0)
+			]),
+			j("div", kr, [j("button", {
+				type: "button",
+				class: "wm-btn",
+				onClick: S
+			}, H(U(r)("dialogs.watermark.cancelButton")), 1), j("button", {
+				type: "button",
+				class: F(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
+				disabled: b.value,
+				onClick: C
+			}, H(U(r)("dialogs.watermark.applyButton")), 11, Ar)])
+		], 40, Un)], 32)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-cf7e36c1"]]), Mr = /* @__PURE__ */ P({
+	__name: "DocxEditorDialogs",
+	props: {
+		view: {},
+		bookmarks: {},
+		selectedImagePmPos: {},
+		sectionProperties: {},
+		scrollVisiblePositionIntoView: { type: Function },
+		showFindReplace: { type: Boolean },
+		showHyperlink: { type: Boolean },
+		showInsertSymbol: { type: Boolean },
+		showImageProperties: { type: Boolean },
+		showPageSetup: { type: Boolean },
+		showWatermark: { type: Boolean },
+		currentWatermark: {},
+		watermarkPresets: {},
+		showKeyboardShortcuts: { type: Boolean }
+	},
+	emits: [
+		"update:showFindReplace",
+		"update:showHyperlink",
+		"update:showInsertSymbol",
+		"update:showImageProperties",
+		"update:showPageSetup",
+		"update:showWatermark",
+		"update:showKeyboardShortcuts",
+		"insert-symbol",
+		"hyperlink-submit",
+		"hyperlink-remove",
+		"page-setup-apply",
+		"watermark-apply"
+	],
+	setup(t, { emit: n }) {
+		let r = n;
+		return (n, a) => (z(), A(T, null, [
+			N(s, {
+				"is-open": t.showFindReplace,
+				view: t.view,
+				"scroll-visible-position-into-view": t.scrollVisiblePositionIntoView,
+				onClose: a[0] ||= (e) => r("update:showFindReplace", !1)
+			}, null, 8, [
+				"is-open",
+				"view",
+				"scroll-visible-position-into-view"
+			]),
+			N(e, {
+				"is-open": t.showHyperlink,
+				view: t.view,
+				bookmarks: t.bookmarks,
+				onClose: a[1] ||= (e) => r("update:showHyperlink", !1),
+				onSubmit: a[2] ||= (e) => r("hyperlink-submit", e),
+				onRemove: a[3] ||= (e) => r("hyperlink-remove")
+			}, null, 8, [
+				"is-open",
+				"view",
+				"bookmarks"
+			]),
+			N(i, {
+				"is-open": t.showInsertSymbol,
+				onClose: a[4] ||= (e) => r("update:showInsertSymbol", !1),
+				onInsert: a[5] ||= (e) => r("insert-symbol", e)
+			}, null, 8, ["is-open"]),
+			N(c, {
+				"is-open": t.showImageProperties,
+				view: t.view,
+				"pm-pos": t.selectedImagePmPos,
+				onClose: a[6] ||= (e) => r("update:showImageProperties", !1)
+			}, null, 8, [
+				"is-open",
+				"view",
+				"pm-pos"
+			]),
+			N(o, {
+				"is-open": t.showPageSetup,
+				"section-properties": t.sectionProperties,
+				onClose: a[7] ||= (e) => r("update:showPageSetup", !1),
+				onApply: a[8] ||= (e) => r("page-setup-apply", e)
+			}, null, 8, ["is-open", "section-properties"]),
+			N(jr, {
+				"is-open": t.showWatermark,
+				current: t.currentWatermark,
+				presets: t.watermarkPresets,
+				onClose: a[9] ||= (e) => r("update:showWatermark", !1),
+				onApply: a[10] ||= (e) => r("watermark-apply", e)
+			}, null, 8, [
+				"is-open",
+				"current",
+				"presets"
+			]),
+			N(u, {
+				"is-open": t.showKeyboardShortcuts,
+				onClose: a[11] ||= (e) => r("update:showKeyboardShortcuts", !1)
+			}, null, 8, ["is-open"])
+		], 64));
+	}
+}), Nr = ["disabled", "onMousedown"], Pr = { class: "ctx-menu__label" }, Fr = {
+	key: 0,
+	class: "ctx-menu__shortcut"
+}, Ir = 220, Lr = 32, Rr = 10, zr = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__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, { t: i } = d(), a = g(), o = B(null), s = D(() => {
+			let e = [
+				{
+					id: "cut",
+					label: i("contextMenu.cut"),
+					action: "cut",
+					shortcut: i("contextMenu.cutShortcut"),
+					disabled: !n.hasSelection || !n.isEditable
+				},
+				{
+					id: "copy",
+					label: i("contextMenu.copy"),
+					action: "copy",
+					shortcut: i("contextMenu.copyShortcut"),
+					disabled: !n.hasSelection
+				},
+				{
+					id: "paste",
+					label: i("contextMenu.paste"),
+					action: "paste",
+					shortcut: i("contextMenu.pasteShortcut"),
+					disabled: !n.isEditable
+				},
+				{
+					id: "pasteAsPlainText",
+					label: i("contextMenu.pastePlainText"),
+					action: "pasteAsPlainText",
+					shortcut: i("contextMenu.pastePlainTextShortcut"),
+					disabled: !n.isEditable
+				},
+				{
+					id: "div1",
+					label: "",
+					action: "",
+					divider: !0
+				},
+				{
+					id: "delete",
+					label: i("contextMenu.delete"),
+					action: "delete",
+					shortcut: i("contextMenu.deleteShortcut"),
+					disabled: !n.hasSelection || !n.isEditable
+				},
+				{
+					id: "selectAll",
+					label: i("contextMenu.selectAll"),
+					action: "selectAll",
+					shortcut: i("contextMenu.selectAllShortcut")
+				}
+			];
+			return n.onImage && n.isEditable && e.push({
+				id: "div-img",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "replaceImage",
+				label: i("imageOverlay.replaceImage"),
+				action: "replaceImage"
+			}, {
+				id: "imageProperties",
+				label: i("imageWrap.menu.imageProperties"),
+				action: "imageProperties"
+			}, {
+				id: "deleteImage",
+				label: i("imageOverlay.deleteImage"),
+				action: "deleteImage",
+				shortcut: i("contextMenu.deleteShortcut")
+			}), n.inTable && n.isEditable && e.push({
+				id: "div2",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addRowAbove",
+				label: i("table.insertRowAbove"),
+				action: "addRowAbove"
+			}, {
+				id: "addRowBelow",
+				label: i("table.insertRowBelow"),
+				action: "addRowBelow"
+			}, {
+				id: "deleteRow",
+				label: i("table.deleteRow"),
+				action: "deleteRow"
+			}, {
+				id: "div3",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addColLeft",
+				label: i("table.insertColumnLeft"),
+				action: "addColumnLeft"
+			}, {
+				id: "addColRight",
+				label: i("table.insertColumnRight"),
+				action: "addColumnRight"
+			}, {
+				id: "deleteCol",
+				label: i("table.deleteColumn"),
+				action: "deleteColumn"
+			}, {
+				id: "div4",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "mergeCells",
+				label: i("table.mergeCells"),
+				action: "mergeCells",
+				disabled: !n.canMergeCells
+			}, {
+				id: "splitCell",
+				label: i("table.splitCell"),
+				action: "splitCell",
+				disabled: !n.canSplitCell
+			}, {
+				id: "div5",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "selectTable",
+				label: i("table.selectTable"),
+				action: "selectTable"
+			}, {
+				id: "deleteTable",
+				label: i("table.deleteTable"),
+				action: "deleteTable"
+			}), e;
+		}), c = D(() => {
+			let e = n.position.x, t = n.position.y, r = s.value.filter((e) => !e.divider).length, i = s.value.filter((e) => e.divider).length, a = r * Lr + i * 9;
+			return typeof window < "u" && (e + Ir + Rr > window.innerWidth && (e = window.innerWidth - Ir - Rr), t + a + Rr > window.innerHeight && (t = window.innerHeight - a - Rr)), {
+				position: "fixed",
+				left: `${e}px`,
+				top: `${t}px`,
+				zIndex: 400
+			};
+		});
+		function l(e) {
+			e && (r("action", e), r("close"));
+		}
+		function u(e) {
+			e.key === "Escape" && r("close");
+		}
+		return K(() => n.isOpen, (e) => {
+			e && le(() => o.value?.focus());
+		}), (t, n) => (z(), O(E, { to: "body" }, [e.isOpen ? (z(), A("div", {
+			key: 0,
+			class: "ctx-menu-backdrop",
+			onMousedown: n[0] ||= (e) => t.$emit("close"),
+			onContextmenu: n[1] ||= Y((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : k("", !0), e.isOpen ? (z(), A("div", {
+			key: 1,
+			ref_key: "menuRef",
+			ref: o,
+			class: F(["ctx-menu", U(a)]),
+			style: I(c.value),
+			onContextmenu: n[2] ||= Y(() => {}, ["prevent"]),
+			onKeydown: u
+		}, [(z(!0), A(T, null, V(s.value, (e, t) => (z(), A("button", {
+			key: e.id || t,
+			class: F(["ctx-menu__item", {
+				"ctx-menu__item--disabled": e.disabled,
+				"ctx-menu__item--divider": e.divider
+			}]),
+			disabled: e.disabled,
+			onMousedown: Y((t) => l(e.action), ["prevent"])
+		}, [j("span", Pr, H(e.label), 1), e.shortcut ? (z(), A("span", Fr, H(e.shortcut), 1)) : k("", !0)], 42, Nr))), 128))], 38)) : k("", !0)]));
+	}
+}), [["__scopeId", "data-v-6d4a567b"]]), Br = ["aria-label"], Vr = { class: "image-ctx-menu__icon" }, Hr = { class: "image-ctx-menu__label" }, Ur = {
+	key: 1,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, Wr = [
+	"data-wrap-type",
+	"data-current",
+	"data-disabled",
+	"disabled",
+	"title",
+	"onClick"
+], Gr = { class: "image-ctx-menu__icon" }, Kr = { class: "image-ctx-menu__label" }, qr = ["aria-label"], Jr = ["disabled", "onClick"], Yr = { class: "image-ctx-menu__label" }, Xr = {
+	key: 0,
+	class: "image-ctx-menu__shortcut"
+}, Zr = {
+	key: 0,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, Qr = 18, $r = 260, ei = 10, ti = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "ImageContextMenu",
+	props: {
+		state: {},
+		textActions: {},
+		canOpenProperties: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"close",
+		"select",
+		"text-action",
+		"open-properties"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t;
+		function a() {
+			i("open-properties"), i("close");
+		}
+		let { t: o } = d(), s = g(), c = B(null), l = st, u = D(() => n.state ? lt(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), f = {
+			inline: "wrap_text",
+			squareLeft: "format_image_left",
+			squareRight: "format_image_right",
+			behind: "flip_to_back",
+			inFront: "flip_to_front"
+		};
+		function p(e) {
+			return f[e];
+		}
+		let m = D(() => {
+			if (!n.state) return {};
+			let e = st.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
+			return typeof window < "u" && (t + $r > window.innerWidth && (t = window.innerWidth - $r - ei), r + e > window.innerHeight && (r = window.innerHeight - e - ei), t < ei && (t = ei), r < ei && (r = ei)), {
+				position: "fixed",
+				left: `${t}px`,
+				top: `${r}px`,
+				minWidth: `${$r}px`,
+				zIndex: 400
+			};
+		});
+		function h(e) {
+			return n.state ? dt(e, n.state.currentWrapType) : !1;
+		}
+		function _(e) {
+			h(e) && (i("select", e.choice), i("close"));
+		}
+		function v(e) {
+			e.disabled || (i("text-action", e.action), i("close"));
+		}
+		function y(e) {
+			e.preventDefault(), i("close");
+		}
+		function b(e) {
+			e.key === "Escape" && (e.preventDefault(), i("close"));
+		}
+		return (t, n) => (z(), O(E, { to: "body" }, [e.state && e.state.open ? (z(), A("div", {
+			key: 0,
+			class: "image-ctx-menu-backdrop",
+			onMousedown: y,
+			onContextmenu: n[0] ||= Y((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : k("", !0), e.state && e.state.open ? (z(), A("div", {
+			key: 1,
+			ref_key: "menuRef",
+			ref: c,
+			class: F(["image-ctx-menu", U(s)]),
+			role: "menu",
+			"aria-label": U(o)("imageWrap.menu.ariaLabel"),
+			"data-testid": "image-context-menu",
+			style: I(m.value),
+			onContextmenu: n[4] ||= Y(() => {}, ["prevent"]),
+			onKeydown: b
+		}, [
+			e.canOpenProperties ? (z(), A("button", {
+				key: 0,
+				type: "button",
+				role: "menuitem",
+				class: "image-ctx-menu__item",
+				"data-action": "open-properties",
+				onMousedown: n[1] ||= Y(() => {}, ["prevent"]),
+				onClick: a
+			}, [j("span", Vr, [N(r, {
+				name: "settings",
+				size: Qr
+			})]), j("span", Hr, H(U(o)("imageWrap.menu.imageProperties")), 1)], 32)) : k("", !0),
+			e.canOpenProperties ? (z(), A("div", Ur)) : k("", !0),
+			(z(!0), A(T, null, V(U(l), (e) => (z(), A("button", {
+				key: e.choice,
+				type: "button",
+				role: "menuitem",
+				class: F(["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": h(e) ? "false" : "true",
+				disabled: !h(e),
+				title: U(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= Y(() => {}, ["prevent"]),
+				onClick: (t) => _(e)
+			}, [
+				j("span", Gr, [N(r, {
+					name: p(e.iconHint),
+					size: Qr
+				}, null, 8, ["name"])]),
+				j("span", Kr, H(U(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (z(), A("span", {
+					key: 0,
+					class: "image-ctx-menu__current-dot",
+					"aria-label": U(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, qr)) : k("", !0)
+			], 42, Wr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (z(), A(T, { key: 2 }, [n[5] ||= j("div", {
+				class: "image-ctx-menu__divider",
+				role: "separator"
+			}, null, -1), (z(!0), A(T, null, V(e.textActions, (e, t) => (z(), A(T, { key: `${e.action}-${t}` }, [j("button", {
+				type: "button",
+				role: "menuitem",
+				class: "image-ctx-menu__item image-ctx-menu__item--text",
+				disabled: e.disabled,
+				onMousedown: n[3] ||= Y(() => {}, ["prevent"]),
+				onClick: (t) => v(e)
+			}, [j("span", Yr, H(e.label), 1), e.shortcut ? (z(), A("span", Xr, H(e.shortcut), 1)) : k("", !0)], 40, Jr), e.dividerAfter ? (z(), A("div", Zr)) : k("", !0)], 64))), 128))], 64)) : k("", !0)
+		], 46, Br)) : k("", !0)]));
+	}
+}), [["__scopeId", "data-v-a4798e95"]]), ni = /* @__PURE__ */ P({
+	__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) => (z(), A(T, null, [N(zr, {
+			"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"
+		]), N(ti, {
+			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));
+	}
+}), ri = ["href", "title"], ii = ["title"], ai = ["title"], oi = ["title"], si = { class: "docx-hyperlink-popup__edit-row" }, ci = ["placeholder", "onKeydown"], li = { class: "docx-hyperlink-popup__edit-row" }, ui = ["onKeydown"], di = ["disabled"], fi = /* @__PURE__ */ x(/* @__PURE__ */ P({
+	__name: "HyperlinkPopup",
+	props: {
+		data: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"copy",
+		"edit",
+		"remove",
+		"close"
+	],
+	setup(e, { emit: t }) {
+		let { t: n } = d(), r = e, i = t, a = B(!1), o = B(""), s = B(""), c = B(null), l = D(() => ({
+			left: (r.data?.position.left ?? 0) + "px",
+			top: (r.data?.position.top ?? 0) + "px"
+		}));
+		K(() => r.data?.href, () => {
+			a.value = !1;
+		});
+		let u = null, f = null;
+		function p() {
+			f &&= (clearTimeout(f), null), u &&= (document.removeEventListener("mousedown", u), null);
+		}
+		K(() => r.data, (e) => {
+			p(), e && (u = (e) => {
+				let t = c.value;
+				t && !t.contains(e.target) && i("close");
+			}, f = setTimeout(() => {
+				u && document.addEventListener("mousedown", u);
+			}, 0));
+		}, { immediate: !0 }), L(p);
+		function m() {
+			r.data && (o.value = r.data.displayText, s.value = r.data.href, a.value = !0);
+		}
+		function h() {
+			s.value.trim() && (i("edit", o.value, s.value), a.value = !1);
+		}
+		function g() {
+			r.data && (i("copy", r.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(r.data.href).catch(() => {}));
+		}
+		return (t, r) => e.data ? (z(), A("div", {
+			key: 0,
+			ref_key: "popupRef",
+			ref: c,
+			class: F(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
+			style: I(l.value),
+			onMousedown: r[6] ||= Y(() => {}, ["stop"])
+		}, [a.value ? (z(), A(T, { key: 1 }, [j("div", si, [q(j("input", {
+			class: "docx-hyperlink-popup__input",
+			placeholder: U(n)("hyperlinkPopup.displayTextPlaceholder"),
+			"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
+			onKeydown: [J(Y(h, ["prevent"]), ["enter"]), r[3] ||= J((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, ci), [[G, o.value]])]), j("div", li, [q(j("input", {
+			class: "docx-hyperlink-popup__input",
+			placeholder: "https://...",
+			"onUpdate:modelValue": r[4] ||= (e) => s.value = e,
+			onKeydown: [J(Y(h, ["prevent"]), ["enter"]), r[5] ||= J((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, ui), [[G, s.value]]), j("button", {
+			class: "docx-hyperlink-popup__apply",
+			disabled: !s.value.trim(),
+			onClick: Y(h, ["prevent"])
+		}, H(U(n)("common.apply")), 9, di)])], 64)) : (z(), A(T, { key: 0 }, [
+			r[10] ||= oe("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-084b4288><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-084b4288><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-084b4288></circle><path d=\"M2 12h20\" data-v-084b4288></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-084b4288></path></svg></span>", 1),
+			j("a", {
+				class: "docx-hyperlink-popup__url",
+				href: e.data.href,
+				title: e.data.href,
+				onClick: r[0] ||= Y((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, H(e.data.href), 9, ri),
+			r[11] ||= j("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			j("button", {
+				class: "docx-hyperlink-popup__btn",
+				title: U(n)("hyperlinkPopup.copyLink"),
+				onClick: Y(g, ["prevent"])
+			}, [...r[7] ||= [j("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [j("rect", {
+				x: "9",
+				y: "9",
+				width: "13",
+				height: "13",
+				rx: "2",
+				ry: "2"
+			}), j("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, ii),
+			e.readOnly ? k("", !0) : (z(), A("button", {
+				key: 0,
+				class: "docx-hyperlink-popup__btn",
+				title: U(n)("hyperlinkPopup.editLink"),
+				onClick: Y(m, ["prevent"])
+			}, [...r[8] ||= [j("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [j("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), j("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, ai)),
+			e.readOnly ? k("", !0) : (z(), A("button", {
+				key: 1,
+				class: "docx-hyperlink-popup__btn",
+				title: U(n)("hyperlinkPopup.removeLink"),
+				onClick: r[1] ||= Y((e) => t.$emit("remove"), ["prevent"])
+			}, [...r[9] ||= [oe("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-084b4288><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-084b4288></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-084b4288></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-084b4288></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-084b4288></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-084b4288></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-084b4288></line></svg>", 1)]], 8, oi))
+		], 64))], 38)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-084b4288"]]);
+//#endregion
+//#region src/composables/useFileIO.ts
+function pi(e) {
+	let t = B(null), n = B(null);
+	function r(t) {
+		let n = t.target, r = n.files?.[0], i = e.getActiveView();
+		r && i && Ct(i, r, { onError: (t) => e.emit("error", t instanceof Error ? t : /* @__PURE__ */ Error("Failed to insert image")) }), n.value = "";
+	}
+	async function i() {
+		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
+	}
+	async function a(t) {
+		if (e.onOpen) {
+			let n = t.target, r = n.files?.[0];
+			if (n.value = "", !r) return;
+			try {
+				await e.onOpen(r);
+			} catch (t) {
+				e.emit("error", t instanceof Error ? t : /* @__PURE__ */ Error("Failed to open document"));
+			}
+			return;
+		}
+		try {
+			let n = await Ge(t);
+			if (!n) return;
+			await e.loadBuffer(n.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", n.name), await i();
+		} catch (t) {
+			e.emit("error", t instanceof Error ? t : /* @__PURE__ */ Error("Failed to open document"));
+		}
+	}
+	function o(t) {
+		e.onDocumentNameChange?.(t), e.emit("rename", t);
+	}
+	async function s() {
+		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 c(t) {
+		await e.loadBuffer(t), e.emit("update:document", e.getDocument()), await i();
+	}
+	function l(t) {
+		e.loadParsedDocument(t), e.emit("update:document", t), i();
+	}
+	async function u() {
+		let t = await e.saveBlob();
+		return t ? t.arrayBuffer() : null;
+	}
+	return {
+		docxInputRef: t,
+		imageInputRef: n,
+		handleImageFileChange: r,
+		handleDocxFileChange: a,
+		handleDocumentNameChange: o,
+		downloadCurrentDocument: s,
+		emitReadyAfterSidebarStateRefresh: i,
+		loadDocumentBuffer: c,
+		loadDocument: l,
+		save: u
+	};
+}
+//#endregion
+//#region src/composables/useHyperlinkManagement.ts
+function mi(e) {
+	let t = B(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 = Ze(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 = Ze(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 hi(e) {
+	let t = () => e.activeView?.value ?? e.editorView.value;
+	function n() {
+		let e = t();
+		e && (Xe(e.state, e.dispatch, e), e.focus());
+	}
+	function r(n) {
+		let r = t();
+		if (!r) return;
+		let i = e.getDocument(), a = i?.package?.styles;
+		if (a) {
+			let e = Mt(a).resolveParagraphStyle(n);
+			Dt(n, {
+				paragraphFormatting: e.paragraphFormatting,
+				runFormatting: e.runFormatting,
+				numbering: i?.package?.numbering ? Nt(i.package.numbering) : null
+			})(r.state, (e) => r.dispatch(e));
+		} else Dt(n)(r.state, (e) => r.dispatch(e));
+		r.focus();
+	}
+	function i() {
+		let t = e.editorView.value;
+		t && (Pt(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function a() {
+		let t = e.editorView.value;
+		t && (It(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function o() {
+		let t = e.editorView.value;
+		t && (Ft(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function s(e) {
+		let n = t();
+		if (!n) return;
+		let { from: r } = n.state.selection, i = n.state.tr.insertText(e, r);
+		n.dispatch(i.scrollIntoView()), n.focus();
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		return n ? Lt(n, t) : !1;
+	}
+	function l(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = e.getDocument();
+		return zt(n, t, {
+			styleResolver: r?.package?.styles ? Mt(r.package.styles) : null,
+			numbering: r?.package?.numbering ? Nt(r.package.numbering) : null
+		});
+	}
+	function u(t) {
+		let n = e.editorView.value;
+		return n ? Rt(n, t) : !1;
+	}
+	return {
+		handleClearFormatting: n,
+		handleApplyStyle: r,
+		handleInsertPageBreak: i,
+		handleInsertSectionBreakNextPage: a,
+		handleInsertSectionBreakContinuous: o,
+		handleInsertSymbol: s,
+		applyFormatting: c,
+		setParagraphStyle: l,
+		insertBreak: u
+	};
+}
+//#endregion
+//#region src/composables/usePageSetupControls.ts
+function gi(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 && At(t)(n.state, n.dispatch);
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		n && jt(t)(n.state, n.dispatch);
+	}
+	function l(t) {
+		let n = e.editorView.value;
+		n && (t < 0 ? kt(-t, !0)(n.state, n.dispatch) : kt(t, !1)(n.state, n.dispatch));
+	}
+	function u(t) {
+		let n = e.editorView.value;
+		n && Ot(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/useWatermarkControls.ts
+function _i(e) {
+	let t = B(!1), n = D(() => {
+		e.stateTick.value;
+		let t = e.editorView.value;
+		return t ? St(t.state) ?? void 0 : void 0;
+	});
+	function r(t) {
+		if (e.readOnly.value) return;
+		let n = e.editorView.value;
+		n && (Et(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
+	}
+	return {
+		showWatermark: t,
+		currentWatermark: n,
+		handleWatermarkApply: r
+	};
+}
+//#endregion
+//#region src/composables/useOutlineSidebar.ts
+function vi(e) {
+	function t() {
+		if (!e.showOutline.value) {
+			let t = e.editorView.value;
+			t && (e.outlineHeadings.value = Bt(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 = _e.near(r);
+		n.dispatch(n.state.tr.setSelection(i)), e.scrollToVisiblePosition(t), 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 yi(e) {
+	function t(t) {
+		if (t.key === "F1") {
+			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
+			return;
+		}
+		if (e.handleZoomKeyDown(t), t.ctrlKey || t.metaKey) {
+			if (t.key === "o") {
+				if (!e.showFileOpen?.() || !e.onOpenDocument) return;
+				t.preventDefault(), e.onOpenDocument();
+				return;
+			}
+			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 R(() => window.addEventListener("keydown", t)), L(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+}
+//#endregion
+//#region src/composables/useCommentManagement.ts
+function bi(e) {
+	let t = () => U(e.author) ?? "User";
+	function n(t) {
+		e.comments.value = t, e.commentCallbacks?.onCommentsChange?.(t);
+	}
+	function r() {
+		qt(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
+	}
+	function i(t, n, i) {
+		return r(), Wt(e.commentIdAllocator, t, n, i);
+	}
+	function a(t) {
+		let i = e.getDocument(), a = e.editorView.value;
+		if (!i?.package?.document || !a) return null;
+		i.package.document.comments || (i.package.document.comments = []), r();
+		let o = Ht(a, t, e.commentIdAllocator);
+		return o ? (i.package.document.comments.push(o), n([...i.package.document.comments]), e.showSidebar.value = !0, e.emit("change", i), e.contentChangeSubscribers.forEach((e) => e(i)), o.id) : null;
+	}
+	function o(t, r, a) {
+		let o = e.getDocument();
+		if (!o?.package?.document?.comments || !o.package.document.comments.some((e) => e.id === t)) return null;
+		let s = i(r, a, t);
+		return o.package.document.comments.push(s), n([...o.package.document.comments]), e.emit("change", o), e.contentChangeSubscribers.forEach((e) => e(o)), s.id;
+	}
+	function s(t) {
+		let r = e.getDocument();
+		if (!r?.package?.document?.comments) return;
+		let i = r.package.document.comments.find((e) => e.id === t);
+		i && (i.done = !0, n([...r.package.document.comments]), e.emit("change", r), e.contentChangeSubscribers.forEach((e) => e(r)));
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		r();
+		let i = Ut(n, t, e.commentIdAllocator);
+		return i && (e.extractCommentsAndChanges(), e.showSidebar.value = !0), i;
+	}
+	function l(n, r) {
+		let i = e.getDocument(), a = i?.package?.document?.comments?.find((e) => e.id === n), s = o(n, r, t());
+		if (s == null || !a) return;
+		let c = i?.package?.document?.comments?.find((e) => e.id === s);
+		c && e.commentCallbacks?.onCommentReply?.(c, a);
+	}
+	function u(t) {
+		let n = e.getDocument()?.package?.document?.comments?.find((e) => e.id === t);
+		s(t), n && e.commentCallbacks?.onCommentResolve?.({ ...n });
+	}
+	function d(t) {
+		let r = e.getDocument();
+		if (!r?.package?.document?.comments) return;
+		let i = r.package.document.comments.find((e) => e.id === t);
+		i && (i.done = !1), n([...r.package.document.comments]), e.emit("change", r);
+	}
+	function f(t) {
+		let r = e.getDocument();
+		if (!r?.package?.document?.comments) return;
+		let i = r.package.document.comments.find((e) => e.id === t);
+		r.package.document.comments = r.package.document.comments.filter((e) => e.id !== t && e.parentId !== t), n([...r.package.document.comments]), i && e.commentCallbacks?.onCommentDelete?.(i), e.emit("change", r);
+	}
+	function p(t, n) {
+		let r = e.editorView.value;
+		r && (bt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+	}
+	function m(t, n) {
+		let r = e.editorView.value;
+		r && (wt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+	}
+	function h(t) {
+		let n = e.getHfPmViews?.(), r = null;
+		if (n) for (let e of n.values()) {
+			let { entries: n } = Vt(e.state);
+			if (n.some((e) => e.revisionId === t || e.insertionRevisionId === t || e.coalescedRevisionIds?.includes(t))) {
+				r = e;
+				break;
+			}
+		}
+		let i = r || e.editorView.value;
+		i && (xt(t)(i.state, i.dispatch), e.extractCommentsAndChanges(), i.focus());
+	}
+	function g(t) {
+		let n = e.getHfPmViews?.(), r = null;
+		if (n) for (let e of n.values()) {
+			let { entries: n } = Vt(e.state);
+			if (n.some((e) => e.revisionId === t || e.insertionRevisionId === t || e.coalescedRevisionIds?.includes(t))) {
+				r = e;
+				break;
+			}
+		}
+		let i = r || e.editorView.value;
+		i && (Tt(t)(i.state, i.dispatch), e.extractCommentsAndChanges(), i.focus());
+	}
+	function _(r, a) {
+		let o = e.getDocument();
+		if (!o?.package?.document) return;
+		o.package.document.comments || (o.package.document.comments = []);
+		let s = i(a, t(), r);
+		o.package.document.comments.push(s), n([...o.package.document.comments]), e.emit("change", o);
+	}
+	return {
+		addComment: a,
+		replyToComment: o,
+		resolveComment: s,
+		proposeChange: c,
+		handleCommentReply: l,
+		handleCommentResolve: u,
+		handleCommentUnresolve: d,
+		handleCommentDelete: f,
+		handleAcceptChange: p,
+		handleRejectChange: m,
+		handleAcceptChangeById: h,
+		handleRejectChangeById: g,
+		handleTrackedChangeReply: _
+	};
+}
+//#endregion
+//#region src/composables/useHostCallbacks.ts
+function xi(e, t) {
+	return K(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
+		onCommentAdd: (t) => e.onCommentAdd?.(t),
+		onCommentResolve: (t) => e.onCommentResolve?.(t),
+		onCommentDelete: (t) => e.onCommentDelete?.(t),
+		onCommentReply: (t, n) => e.onCommentReply?.(t, n),
+		onCommentsChange: (t) => e.onCommentsChange?.(t)
+	} };
+}
+//#endregion
+//#region src/composables/useCommentLifecycle.ts
+function Si(e) {
+	let t = B(null), n = B(null), r = B(null), i = B(!1);
+	function a() {
+		let t = e.getDocument(), n = e.editorView.value;
+		if (!t || !n) return;
+		e.comments.value = [...t.package?.document?.comments ?? []];
+		let r = [...Vt(n.state).entries];
+		if (e.getHfPmViews) {
+			let t = e.getHfPmViews();
+			for (let [e, n] of t.entries()) {
+				let t = Vt(n.state);
+				for (let n of t.entries) n.hfRid = e, r.push(n);
+			}
+		}
+		e.trackedChanges.value = r, !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 = an(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 === Gt || 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: Gt }));
+			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 = []), qt(e.commentIdAllocator, i.package.document.comments, a);
+		let o = Wt(e.commentIdAllocator, t, U(e.author) ?? "User");
+		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments], e.commentCallbacks?.onCommentsChange?.(e.comments.value), e.commentCallbacks?.onCommentAdd?.(o);
+		let s = n.value;
+		if (a && s && s.from !== s.to) {
+			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;
+	}
+	K([
+		e.stateTick,
+		e.isAddingComment,
+		e.zoom
+	], () => o()), K(e.stateTick, () => s()), K(e.stateTick, () => a());
+	let f = null;
+	return R(() => {
+		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
+	}), L(() => {
+		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 Ci(e) {
+	let t = fe(null), n = B(!1), r = D(() => {
+		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(n) {
+		let r = e.editorView.value, i = t.value;
+		if (!r || !i) return;
+		let a = pt(n);
+		if (!a) return;
+		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: ct(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 a(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,
+		handleToolbarImageWrap: i,
+		handleImageTransform: a
+	};
+}
+//#endregion
+//#region src/utils/imageClipboard.ts
+function wi(e, t, n) {
+	let r = vt(e.state), i = e.state.schema.marks.insertion;
+	if (!r || !i) return;
+	let a = t.selection.from, o = a - n.nodeSize;
+	o < 0 || t.addMark(o, a, i.create({
+		revisionId: r.revisionId,
+		author: r.author,
+		date: r.date
+	}));
+}
+function Ti(e, t) {
+	return e.getBlob(t);
+}
+function Ei(e, t) {
+	let n = e.state.doc.nodeAt(t);
+	if (!n || n.type.name !== "image") return;
+	let r = `<img src="${n.attrs.src}" data-pm-image="true" data-width="${n.attrs.width ?? ""}" data-height="${n.attrs.height ?? ""}" data-wrap-type="${n.attrs.wrapType ?? ""}" data-display-mode="${n.attrs.displayMode ?? ""}" data-rid="${n.attrs.rId ?? ""}" />`, i = new ClipboardItem({
+		"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 Di(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
+	});
+}
+function Oi(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 ki(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 Di(await Ti(n, t)), i = await Oi(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"
+				}), c = e.state.tr.replaceSelectionWith(s);
+				wi(e, c, s), e.dispatch(c);
+				return;
+			}
+			if (n.types.includes("text/html")) {
+				let t = await (await Ti(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				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"
+					}), l = e.state.tr.replaceSelectionWith(c);
+					wi(e, l, c), e.dispatch(l);
+					return;
+				}
+			}
+			if (n.types.includes("text/plain")) {
+				let t = await (await Ti(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 Ai(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 Di(i), o = await Oi(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 ji(e) {
+	let { t } = d(), n = B({
+		isOpen: !1,
+		position: {
+			x: 0,
+			y: 0
+		},
+		hasSelection: !1,
+		inTable: !1,
+		onImage: !1,
+		canMergeCells: !1,
+		canSplitCell: !1
+	}), r = B(null), i = D(() => [
+		{
+			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 a(t) {
+		let i = e.editorView.value;
+		if (!i) return;
+		let a = t.target, o = ut(a);
+		if (o) {
+			let a = Number(o.dataset.pmStart);
+			if (!isNaN(a)) {
+				try {
+					let e = ge.create(i.state.doc, a);
+					i.dispatch(i.state.tr.setSelection(e));
+				} catch {}
+				e.selectedImage.value = {
+					element: o,
+					pmPos: a,
+					width: o.offsetWidth,
+					height: o.offsetHeight
+				}, e.clearOverlay();
+				let s = i.state.doc.nodeAt(a);
+				if (s && s.type.name === "image") {
+					let i = s.attrs.wrapType ?? "inline", c = s.attrs.cssFloat;
+					r.value = {
+						open: !0,
+						position: {
+							x: t.clientX,
+							y: t.clientY
+						},
+						pmPos: a,
+						currentWrapType: i,
+						currentCssFloat: c ?? null,
+						inlinePositionEmu: i === "inline" ? ct(o, e.zoom.value) : void 0
+					}, n.value.isOpen = !1;
+					return;
+				}
+			}
+		}
+		{
+			let { from: n, to: r } = i.state.selection, a = e.resolvePos(t.clientX, t.clientY);
+			if (a !== null && (a < n || a > r)) try {
+				e.setPmSelection(a);
+			} catch {}
+		}
+		let s = Qe(i.state), { empty: c } = i.state.selection;
+		r.value &&= null, n.value = {
+			isOpen: !0,
+			position: {
+				x: t.clientX,
+				y: t.clientY
+			},
+			hasSelection: !c,
+			inTable: s.isInTable,
+			onImage: !!o,
+			canMergeCells: !!s.hasMultiCellSelection,
+			canSplitCell: !!s.canSplitCell
+		};
+	}
+	function o(t) {
+		let i = e.editorView.value, a = e.selectedImage.value;
+		if (!i || !a) return;
+		let o = i.state.doc.nodeAt(a.pmPos);
+		if (!o || o.type.name !== "image") return;
+		let s = o.attrs.wrapType ?? "inline", c = o.attrs.cssFloat;
+		r.value = {
+			open: !0,
+			position: {
+				x: t.clientX,
+				y: t.clientY
+			},
+			pmPos: a.pmPos,
+			currentWrapType: s,
+			currentCssFloat: c ?? null,
+			inlinePositionEmu: s === "inline" ? ct(a.element, e.zoom.value) : void 0
+		}, n.value.isOpen = !1;
+	}
+	function s(t) {
+		let n = e.editorView.value, i = r.value;
+		if (!n || !i) return;
+		let a = e.getCommands(), o = i.inlinePositionEmu && t !== "inline" ? { initialPositionEmu: i.inlinePositionEmu } : void 0, s = a.setImageWrapType?.(i.pmPos, t, o);
+		s && (s(n.state, (e) => n.dispatch(e), n), n.focus());
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = e.getCommands();
+		switch (t) {
+			case "cut":
+				if (e.selectedImage.value) {
+					Ei(n, e.selectedImage.value.pmPos);
+					let t = e.selectedImage.value.pmPos, r = n.state.doc.nodeAt(t);
+					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
+				} else n.focus(), document.execCommand("cut");
+				break;
+			case "copy":
+				e.selectedImage.value ? Ei(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
+				break;
+			case "paste":
+				ki(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 = _e.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 && Ai(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":
+			case "selectTable":
+			case "deleteTable": {
+				let e = r[t];
+				e && e()(n.state, (e) => n.dispatch(e), n);
+				break;
+			}
+		}
+		n.focus();
+	}
+	return {
+		contextMenu: n,
+		imageContextMenu: r,
+		imageContextMenuTextActions: i,
+		handleContextMenu: a,
+		handleSelectedImageContextMenu: o,
+		handleImageWrapSelect: s,
+		handleContextMenuAction: c
+	};
+}
+//#endregion
+//#region src/composables/usePagesPointer.ts
+var Mi = 500;
+function Ni(e) {
+	let t = B(null), n = null;
+	function r() {
+		n !== null && (clearTimeout(n), n = null);
+	}
+	let i = fe(null), a = 0, o = null, s = 0, c = !1, l = null, u = Xt(), d = re({
+		pagesContainer: e.pagesRef,
+		onScrollExtendSelection: (e, t) => {
+			if (!c || l === null) return;
+			let n = m(e, t);
+			n !== null && n !== l && g(l, n);
+		}
+	}), f = B({
+		currentPage: 1,
+		totalPages: 1,
+		visible: !1
+	}), p = null;
+	function m(t, n) {
+		return sn(e.pagesRef.value, e.editorView.value, t, n);
+	}
+	function h() {
+		let t = i.value;
+		if (t?.headerFooter && e.getHfPmView) {
+			let n = e.getHfPmView(t.headerFooter);
+			if (n) return n;
+		}
+		return e.editorView.value;
+	}
+	function g(e, t) {
+		let n = h();
+		if (n) try {
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = _e.between(r, i);
+			n.dispatch(n.state.tr.setSelection(a));
+		} catch {}
+	}
+	function _(t) {
+		on(e.pagesRef.value, e.pagesViewportRef.value, t);
+	}
+	function v(t) {
+		cn(e.pagesRef.value, t, g, i.value?.position);
+	}
+	function y(t) {
+		ln(e.pagesRef.value, t, g, i.value?.position);
+	}
+	function b(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) {
+			_(r);
+			try {
+				g(Math.min(r + 1, n.state.doc.content.size));
+			} catch {
+				g(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 = Yt({
+			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;
+			}, Jt));
+			return;
+		}
+		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
+		t.value = {
+			type: l.type,
+			x: (l.clientX - d.left) / u,
+			y: (l.clientY - d.top) / u,
+			cellPmPos: l.cellPmPos
+		}, r();
+	}
+	function x(n) {
+		n.preventDefault(), n.stopPropagation();
+		let r = t.value, i = e.editorView.value;
+		if (!r || !i) return;
+		let a = i.state.tr.setSelection(_e.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 S(t) {
+		let n = t.target?.closest("a[href]");
+		if (!n) return;
+		t.preventDefault();
+		let r = n.getAttribute("href") || "";
+		if (r.startsWith("#")) {
+			let e = r.slice(1);
+			e && b(e);
+			return;
+		}
+		let i = h();
+		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 C(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, f = (u?.find((e) => e.type === "default") ?? u?.find((e) => e.type === "first") ?? null)?.rId ?? null, p = f ? d?.get(f) ?? null : null;
+		if (!p) {
+			if (!l) return;
+			let t = "default", n = `rId_new_${s}_${t}`, r = {
+				type: s,
+				hdrFtrType: t,
+				content: [{
+					type: "paragraph",
+					content: []
+				}]
+			}, i = s === "header" ? "headers" : "footers", a = s === "header" ? "headerReferences" : "footerReferences", o = new Map(c.package[i] ?? []);
+			o.set(n, r);
+			let u = c.package.relationships, d = /* @__PURE__ */ new Set();
+			for (let e of u?.values() ?? []) e.target && d.add(e.target);
+			let m = 1;
+			for (; d.has(`${s}${m}.xml`);) m++;
+			let h = s === "header" ? "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header" : "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer", g = new Map(u);
+			g.set(n, {
+				id: n,
+				type: h,
+				target: `${s}${m}.xml`
+			});
+			let _ = {
+				type: t,
+				rId: n
+			}, v = l && {
+				...l,
+				[a]: [...l[a] ?? [], _]
+			}, y = {
+				...c,
+				package: {
+					...c.package,
+					[i]: o,
+					relationships: g,
+					document: c.package.document ? {
+						...c.package.document,
+						sections: c.package.document.sections?.map((e, t) => t === 0 ? {
+							...e,
+							properties: v ?? e.properties
+						} : e),
+						finalSectionProperties: c.package.document.finalSectionProperties === l ? v : c.package.document.finalSectionProperties
+					} : c.package.document
+				}
+			};
+			f = n, p = r, e.setDocument?.(y), e.syncHfPMs?.(), e.reLayout(), e.emit("change", y);
+		}
+		let m = e.pagesViewportRef.value;
+		if (!m) return;
+		let h = o.getBoundingClientRect(), g = m.getBoundingClientRect(), _ = e.zoom.value || 1;
+		i.value = {
+			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 te(t) {
+		let n = e.getDocument(), r = i.value;
+		if (!n?.package || !r) return;
+		let a = r.position === "header" ? n.package.headers : n.package.footers;
+		if (!a || !r.rId) return;
+		let o = a.get(r.rId);
+		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
+	}
+	function ne() {
+		let t = e.getDocument(), n = i.value;
+		if (!t?.package || !n || !n.rId) {
+			i.value = null;
+			return;
+		}
+		let r = n.position === "header" ? "headers" : "footers", a = n.position === "header" ? "headerReferences" : "footerReferences", o = n.rId, s = new Map(t.package[r] ?? []);
+		s.delete(o);
+		let c = (e) => ({
+			...e,
+			[a]: (e[a] ?? []).filter((e) => e.rId !== o)
+		}), l = (e) => "sectionProperties" in e && e.sectionProperties ? {
+			...e,
+			sectionProperties: c(e.sectionProperties)
+		} : e, u = t.package.document, d = {
+			...t,
+			package: {
+				...t.package,
+				[r]: s,
+				document: u && {
+					...u,
+					content: u.content.map(l),
+					sections: u.sections?.map((e) => ({
+						...e,
+						properties: c(e.properties)
+					})),
+					finalSectionProperties: u.finalSectionProperties ? c(u.finalSectionProperties) : u.finalSectionProperties
+				}
+			}
+		};
+		i.value = null, e.setDocument?.(d), e.syncHfPMs?.(), e.reLayout(), e.emit("change", d);
+	}
+	function w(t) {
+		if (t.button !== 0 || e.imageInteracting.value) return;
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = t.target;
+		i.value && (r.closest(".layout-page-header") || r.closest(".layout-page-footer") || r.closest(".hf-editor") || (i.value = null, n.focus()));
+		let d = h() ?? n;
+		if (!e.readOnly.value && e.tableResize.tryStartResize(t, d)) return;
+		let f = ut(r);
+		if (f) {
+			t.preventDefault(), t.stopPropagation();
+			let n = Number(f.dataset.pmStart);
+			if (!isNaN(n)) {
+				try {
+					d.dispatch(d.state.tr.setSelection(ge.create(d.state.doc, n)));
+				} catch {}
+				e.selectedImage.value = {
+					element: f,
+					pmPos: n,
+					width: f.offsetWidth,
+					height: f.offsetHeight
+				}, e.clearOverlay();
+			}
+			d.focus();
+			return;
+		}
+		e.selectedImage.value = null, t.preventDefault();
+		let p = m(t.clientX, t.clientY);
+		if (p === null) {
+			d.focus();
+			return;
+		}
+		let _ = Date.now();
+		if (_ - a < Mi && o === p ? s++ : s = 1, a = _, o = p, s === 2) v(p);
+		else if (s >= 3) y(p), s = 0;
+		else {
+			if (t.shiftKey) {
+				let { from: e } = d.state.selection;
+				g(e, p);
+			} else g(p);
+			l = p, c = !0, u.begin(Zt(d, p));
+		}
+		d.focus();
+	}
+	function T(e) {
+		if (!c || l === null) return;
+		let t = m(e.clientX, e.clientY);
+		if (t !== null) {
+			let n = h();
+			if (n && u.update(n, t, e.clientX)) {
+				d.updateMousePosition(e.clientX, e.clientY);
+				return;
+			}
+			t !== l && g(l, t);
+		}
+		d.updateMousePosition(e.clientX, e.clientY);
+	}
+	function E() {
+		c = !1, u.end(), d.stopAutoScroll();
+	}
+	function D() {
+		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), f.value = {
+			currentPage: s,
+			totalPages: i,
+			visible: !0
+		}, p && clearTimeout(p), p = setTimeout(() => {
+			f.value = {
+				...f.value,
+				visible: !1
+			};
+		}, 600);
+	}
+	return R(() => {
+		window.addEventListener("mousemove", T), window.addEventListener("mouseup", E), e.pagesViewportRef.value?.addEventListener("scroll", D, { passive: !0 });
+	}), L(() => {
+		r(), window.removeEventListener("mousemove", T), window.removeEventListener("mouseup", E), e.pagesViewportRef.value?.removeEventListener("scroll", D), p && clearTimeout(p);
+	}), {
+		tableInsertButton: t,
+		hfEdit: i,
+		scrollPageInfo: f,
+		resolvePos: m,
+		setPmSelection: g,
+		scrollVisiblePositionIntoView: _,
+		navigateToBookmark: b,
+		handlePagesMouseDown: w,
+		handlePagesMouseMove: ee,
+		handlePagesClick: S,
+		handlePagesDoubleClick: C,
+		handleTableInsertClick: x,
+		clearTableInsertTimer: r,
+		handleHfSave: te,
+		handleHfRemove: ne
+	};
+}
+//#endregion
+//#region src/composables/useSelectionSync.ts
+function Pi(e) {
+	let t = null, n = null, r = null;
+	function i() {
+		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 a() {
+		r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+			r = null;
+			let t = e.pagesRef.value, n = e.editorView.value;
+			if (!t || !n || e.isHfEditing?.value) return;
+			let i = n.state.selection;
+			if (i instanceof ge && i.node.type.name === "image") {
+				let n = xe(t, i.from), r = n ? ut(n) : null;
+				if (r) {
+					let t = e.selectedImage.value;
+					(!t || t.element !== r || t.pmPos !== i.from || t.width !== r.offsetWidth || t.height !== r.offsetHeight) && (e.selectedImage.value = {
+						element: r,
+						pmPos: i.from,
+						width: r.offsetWidth,
+						height: r.offsetHeight
+					});
+					return;
+				}
+			}
+			e.imageInteracting?.value || (e.selectedImage.value = null);
+		});
+	}
+	function o() {
+		let r = e.pagesRef.value, o = e.editorView.value;
+		if (!r || !o || (i(), e.isHfEditing?.value)) return;
+		a(), ve(r, o.state);
+		let s = o.state.selection;
+		if (s instanceof ge && s.node.type.name === "image") return;
+		let { from: c, to: l, empty: u } = s, d = r.scrollTop, f = r.scrollLeft, p = e.zoom.value || 1;
+		if (u) {
+			let e = et(r, c, r.getBoundingClientRect(), p);
+			if (e) {
+				let i = document.createElement("div");
+				i.className = "vue-caret", i.style.cssText = `
+          position: absolute;
+          left: ${e.x / p + f}px;
+          top: ${e.y / p + d}px;
+          width: 2px;
+          height: ${e.height}px;
+          background: var(--doc-caret, #000);
+          pointer-events: none;
+          z-index: ${C.selectionOverlay};
+        `, r.appendChild(i), n = i;
+				let a = !0;
+				t = setInterval(() => {
+					a = !a, n && (n.style.opacity = a ? "1" : "0");
+				}, 530);
+			}
+			return;
+		}
+		let m = tt(r, c, l, r.getBoundingClientRect());
+		for (let e of m) {
+			let t = document.createElement("div");
+			t.className = "vue-sel-rect", t.style.cssText = `
+        position: absolute;
+        left: ${e.x / p + f}px;
+        top: ${e.y / p + d}px;
+        width: ${e.width / p}px;
+        height: ${e.height / p}px;
+        background: rgba(66, 133, 244, 0.3);
+        pointer-events: none;
+        z-index: ${C.selectionOverlay};
+      `, r.appendChild(t);
+		}
+	}
+	return L(() => {
+		r !== null && cancelAnimationFrame(r), i();
+	}), {
+		clearOverlay: i,
+		updateSelectionOverlay: o
+	};
+}
+//#endregion
+//#region src/composables/useMenuActions.ts
+function Fi(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 "watermark":
+				e.showWatermark.value = !0;
+				break;
+			case "clearFormatting":
+				e.handleClearFormatting();
+				break;
+			case "insertImage":
+				e.imageInputRef.value?.click();
+				break;
+			case "insertLink":
+				e.showHyperlink.value = !0;
+				break;
+			case "insertSymbol":
+				e.showInsertSymbol.value = !0;
+				break;
+			case "insertPageBreak":
+				e.handleInsertPageBreak();
+				break;
+			case "insertSectionBreakNextPage":
+				e.handleInsertSectionBreakNextPage();
+				break;
+			case "insertSectionBreakContinuous":
+				e.handleInsertSectionBreakContinuous();
+				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":
+				Qt();
+				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 Ii(e) {
+	async function t(t) {
+		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
+	}
+	function n(t) {
+		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
+	}
+	K(e.documentBuffer, (e) => {
+		e && t(e);
+	}), K(e.document, (e) => {
+		e && n(e);
+	}), R(async () => {
+		await le();
+		let r = e.documentBuffer(), i = e.document();
+		r ? await t(r) : i && n(i);
+	});
+}
+//#endregion
+//#region src/composables/useDocxEditorRefApi.ts
+function Li(e) {
+	function t() {
+		let t = e.pagesRef.value;
+		t && ft(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 = yt(t, n.state.selection.from);
+		return r == null ? 0 : r + 1;
+	}
+	function l(t, n) {
+		let r = e.editorView.value;
+		if (!r) return !1;
+		let i = en(r.state.doc, t);
+		if (!i) return !1;
+		if (e.scrollVisiblePositionIntoView(i.from + 1), n?.highlight) {
+			let r = () => {
+				let r = e.pagesRef.value;
+				r && Ve(r, t, n.highlight);
+			};
+			r(), requestAnimationFrame(() => requestAnimationFrame(r));
+		}
+		return !0;
+	}
+	function u(t, n) {
+		return Ee(e.editorView.value, t, n);
+	}
+	function d() {
+		return Oe(e.editorView.value);
+	}
+	function f() {
+		return e.comments.value;
+	}
+	function p(t) {
+		let n = e.editorView.value;
+		return n ? Ne(n.state.doc, t ?? {}) : [];
+	}
+	function m(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = Me(n.state.doc, t);
+		return r == null ? !1 : (a(r), !0);
+	}
+	function h(t, n, r) {
+		let i = _e.between(t.state.doc.resolve(n), t.state.doc.resolve(r));
+		t.dispatch(t.state.tr.setSelection(i)), e.scrollVisiblePositionIntoView(n);
+	}
+	function g(t, n) {
+		let r = e.editorView.value;
+		if (!r) return;
+		let i = Ce(r.state.doc, t, n);
+		i && h(r, i.from, i.to);
+	}
+	function _(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = Te(n, t);
+		return r ? (h(n, r.from, r.to), !0) : !1;
+	}
+	function v(t) {
+		let n = e.editorView.value;
+		if (!n) return !1;
+		let r = we(n, t);
+		return r ? (h(n, r.from, r.to), !0) : !1;
+	}
+	function y(t, n, r) {
+		let i = e.editorView.value;
+		if (!i) return !1;
+		try {
+			return i.dispatch(Ie(i.state, t, n, r)), !0;
+		} catch (e) {
+			if (e instanceof $t) return !1;
+			throw e;
+		}
+	}
+	function b(t, n) {
+		let r = e.editorView.value;
+		if (!r) return !1;
+		try {
+			return r.dispatch(Z(r.state, t, n)), !0;
+		} catch (e) {
+			if (e instanceof $t) return !1;
+			throw e;
+		}
+	}
+	function ee(t, n, r) {
+		let i = e.editorView.value;
+		if (!i) return !1;
+		try {
+			return i.dispatch(Re(i.state, t, n, r)), !0;
+		} catch (e) {
+			if (e instanceof $t) return !1;
+			throw e;
+		}
+	}
+	function x(t) {
+		return De(e.editorView.value, e.layout.value, t);
+	}
+	function S(t) {
+		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
+	}
+	function C(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,
+		scrollToCommentId: _,
+		scrollToChangeId: v,
+		highlightRange: g,
+		findInDocument: u,
+		getSelectionInfo: d,
+		getComments: f,
+		getContentControls: p,
+		scrollToContentControl: m,
+		setContentControlContent: y,
+		removeContentControl: b,
+		setContentControlValue: ee,
+		applyFormatting: e.applyFormatting,
+		setParagraphStyle: e.setParagraphStyle,
+		insertBreak: e.insertBreak,
+		getPageContent: x,
+		getTotalPages: s,
+		getCurrentPage: c,
+		onContentChange: S,
+		onSelectionChange: C
+	} };
+}
+//#endregion
+//#region src/composables/useControllableBoolean.ts
+function Ri(e, t, n = !1) {
+	let r = B(n);
+	return D({
+		get() {
+			let t = e();
+			return t === void 0 ? r.value : t;
+		},
+		set(n) {
+			let i = e();
+			n !== (i === void 0 ? r.value : i) && (i === void 0 && (r.value = n), t?.(n));
+		}
+	});
+}
+//#endregion
+//#region src/composables/useColorMode.ts
+function zi(e) {
+	let t = B(We());
+	return me((n) => {
+		e() === "system" && n(qe((e) => {
+			t.value = e;
+		}));
+	}), D(() => Ke(e(), t.value));
+}
+//#endregion
+//#region src/composables/useFontLifecycle.ts
+function Bi(e, t) {
+	K(e, (e) => {
+		He(e);
+	}, { immediate: !0 });
+	let n = Ue(t);
+	L(() => n());
+}
+//#endregion
+//#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
+var Vi = { class: "docx-editor-vue__toolbar-shell" }, Hi = {
+	key: 0,
+	class: "docx-editor-vue__error"
+}, Ui = {
+	key: 1,
+	class: "docx-editor-vue__loading"
+}, Wi = { class: "docx-editor-vue__editor-area" }, Gi = {
+	key: 0,
+	class: "docx-editor-vue__vertical-ruler"
+}, Ki = ["title"], qi = ["title", "aria-label"], Ji = 268, Yi = 64, Xi = 20, Zi = 816, Qi = /* @__PURE__ */ P({
+	__name: "DocxEditor",
+	props: {
+		documentBuffer: { default: null },
+		document: { default: null },
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showFileOpen: {
+			type: Boolean,
+			default: !0
+		},
+		showHelpMenu: {
+			type: Boolean,
+			default: !0
+		},
+		showMenuBar: {
+			type: Boolean,
+			default: !0
+		},
+		showRuler: {
+			type: Boolean,
+			default: !0
+		},
+		documentName: { default: "" },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		author: { default: "User" },
+		mode: { default: "editing" },
+		onModeChange: {},
+		commentsSidebarOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		onCommentsSidebarOpenChange: {},
+		i18n: { default: void 0 },
+		theme: { default: null },
+		colorMode: { default: "light" },
+		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 },
+		fonts: {},
+		watermarkPresets: { default: void 0 },
+		onPrint: {
+			type: Function,
+			default: void 0
+		},
+		onOpen: {
+			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
+		},
+		onChange: {},
+		onError: {},
+		onSelectionChange: {},
+		onEditorViewReady: {},
+		onCommentAdd: {},
+		onCommentResolve: {},
+		onCommentDelete: {},
+		onCommentReply: {},
+		onCommentsChange: {}
+	},
+	emits: [
+		"change",
+		"update:document",
+		"error",
+		"ready",
+		"rename",
+		"menu-action",
+		"mode-change",
+		"comments-sidebar-open-change"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, o = n, s = zi(() => i.colorMode), c = B(i.mode), u = D(() => i.readOnly || c.value === "viewing"), d = D(() => i.author);
+		a(D(() => i.i18n));
+		let { t: g } = l(D(() => i.i18n));
+		b(s);
+		let _ = B(null), v = B(null), x = B(null), S = B(0), C = /* @__PURE__ */ new Set(), re = /* @__PURE__ */ new Set(), E = new ke(), ie = B(!1), oe = B(!1), M = B(!1), P = B(!1), se = B(!1), W = B(i.showOutline), pe = B(!1), G = Ri(() => i.commentsSidebarOpen, (e) => o("comments-sidebar-open-change", e)), me = B(!1), q = B(null), J = fe([]), ge = fe([]), ve = fe([]), { zoom: X, zoomPercent: xe, isMinZoom: Se, isMaxZoom: Ce, setZoom: we, zoomIn: Te, zoomOut: Ee, handleWheel: De, handleKeyDown: Ae, installShortcuts: Me, ZOOM_PRESETS: Ne } = w(i.initialZoom);
+		Me();
+		let { editorView: Z, isReady: Pe, parseError: Fe, documentFonts: Ie, layout: Le, loadBuffer: Re, loadDocument: Be, save: Ve, focus: He, destroy: Ue, getDocument: Q, getCommands: We, reLayout: Ge, getHfPmView: Ke, getHfPmViews: qe, syncHfPMs: Je, setHfTransactionListener: Xe, setDocument: Ze } = te({
+			hiddenContainer: _,
+			pagesContainer: v,
+			readOnly: u,
+			externalPlugins: i.externalPlugins,
+			syncCoordinator: E,
+			editorMode: c,
+			author: d,
+			onChange: (e) => {
+				o("change", e), o("update:document", e), i.onChange?.(e), C.forEach((t) => t(e));
+			},
+			onError: (e) => {
+				o("error", e), i.onError?.(e);
+			},
+			onSelectionUpdate: () => {
+				S.value++;
+				let e = Z.value;
+				i.onSelectionChange?.(e ? je(e.state) : null);
+				let t = Oe(e);
+				re.forEach((e) => e(t));
+			}
+		}), { commentCallbacks: Qe } = xi(i, Z), $e = D(() => {
+			S.value;
+			let e = Q();
+			if (!e?.package?.document) return null;
+			let t = e.package.document;
+			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
+		}), et = D(() => {
+			S.value;
+			let e = Z.value, t = e ? Ye(e.state).paragraphFormatting : {};
+			return {
+				indentLeft: t.indentLeft ?? 0,
+				indentRight: t.indentRight ?? 0,
+				firstLineIndent: t.indentFirstLine ?? 0,
+				hangingIndent: t.hangingIndent ?? !1,
+				tabStops: t.tabs ?? null
+			};
+		}), tt = D(() => (S.value, Q()?.package?.theme ?? i.theme ?? null)), nt = D(() => (S.value, Q()?.package?.styles?.styles ?? void 0)), rt = B(null), it = B([]);
+		function at(e, t) {
+			rt.value = ye(e, t), it.value = be(e, t);
+		}
+		function ot() {
+			rt.value = null, it.value = [];
+		}
+		Bi(() => i.fonts, (e) => {
+			o("error", e), i.onError?.(e);
+		});
+		let st = D(() => $.value?.headerFooter ? Ke($.value.headerFooter) ?? null : null), ct = D(() => st.value ?? Z.value);
+		R(() => {
+			Xe((e, t) => {
+				S.value++, requestAnimationFrame(() => {
+					let e = $.value;
+					if (!e) return;
+					at(t, e.position);
+					let n = rn(e.position), r = x.value;
+					if (!n || !r) return;
+					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = X.value || 1;
+					$.value = {
+						...e,
+						targetRect: {
+							top: (i.top - a.top + r.scrollTop) / o,
+							left: (i.left - a.left + r.scrollLeft) / o,
+							width: i.width / o,
+							height: i.height / o
+						}
+					};
+				});
+			}), K(() => $.value, (e) => {
+				if (!e) {
+					ot();
+					return;
+				}
+				let t = Z.value;
+				if (t) {
+					try {
+						let e = t.state.tr.setSelection(_e.create(t.state.doc, 0));
+						t.dispatch(e);
+					} catch {}
+					t.dom.blur?.();
+				}
+				gr.updateSelectionOverlay();
+			});
+			let e = 0;
+			function t() {
+				!$.value || e || (e = requestAnimationFrame(() => {
+					e = 0;
+					let t = $.value;
+					if (!t?.headerFooter) return;
+					let n = Ke(t.headerFooter);
+					n && at(n, t.position);
+				}));
+			}
+			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), L(() => {
+				e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
+			});
+		});
+		let lt = D(() => {
+			S.value;
+			let e = (W.value ? Ji : i.showOutlineButton ? Yi : 20) + (i.showRuler && (W.value || i.showOutlineButton) ? Xi : 0), t = Q()?.package?.document, n = [t?.finalSectionProperties?.pageWidth, ...t?.sections?.map((e) => e.properties?.pageWidth) ?? []].filter((e) => typeof e == "number" && e > 0), r = n.length ? Math.round(Math.max(...n) / 15) : Zi;
+			return 2 * e + r + (G.value ? ze * 2 : 0);
+		}), ut = D(() => {
+			let e = [];
+			return G.value && e.push(`translateX(-${ze}px)`), X.value !== 1 && e.push(`scale(${X.value})`), {
+				transform: e.length > 0 ? e.join(" ") : void 0,
+				transformOrigin: "top center",
+				transition: "transform 0.2s ease"
+			};
+		}), dt = D(() => ({
+			paddingLeft: "20px",
+			paddingRight: 20 + (G.value ? ze * 2 : 0) + "px",
+			transition: "padding 0.2s ease",
+			minWidth: lt.value + "px"
+		})), ft = D(() => {
+			let e = $e.value;
+			return ht(e?.pageWidth ?? 12240) * X.value;
+		}), pt = D(() => new Set(J.value.filter((e) => e.parentId == null && e.done).map((e) => e.id))), mt = D(() => {
+			S.value;
+			let e = Z.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));
+		}), gt = Kt(), { floatingCommentBtn: _t, pendingCommentRange: vt, addCommentYPosition: yt, sidebarAutoOpenedRef: bt, extractCommentsAndChanges: xt, handleAddComment: St, handleCancelAddComment: Ct, handleStartAddComment: wt, handleMarkerClick: Tt } = Si({
+			editorView: Z,
+			getDocument: Q,
+			comments: J,
+			trackedChanges: ge,
+			resolvedCommentIds: pt,
+			activeSidebarItem: q,
+			showSidebar: G,
+			isAddingComment: me,
+			readOnly: u,
+			zoom: X,
+			stateTick: S,
+			pagesRef: v,
+			pagesViewportRef: x,
+			emit: o,
+			commentIdAllocator: gt,
+			author: d,
+			commentCallbacks: Qe,
+			getHfPmViews: qe
+		}), { docxInputRef: Et, imageInputRef: Dt, handleImageFileChange: Ot, handleDocxFileChange: kt, handleDocumentNameChange: At, downloadCurrentDocument: jt, loadDocumentBuffer: Mt, loadDocument: Nt, save: Pt } = pi({
+			loadBuffer: Re,
+			onOpen: i.onOpen,
+			loadParsedDocument: Be,
+			getDocument: Q,
+			saveBlob: Ve,
+			extractCommentsAndChanges: xt,
+			emit: o,
+			documentName: () => i.documentName,
+			onDocumentNameChange: i.onDocumentNameChange,
+			getActiveView: () => ct.value,
+			nextTick: le
+		}), { hyperlinkPopupData: Ft, handleHyperlinkSubmit: It, handleHyperlinkRemove: Lt, handleHyperlinkPopupNavigate: Rt, handleHyperlinkPopupEdit: zt, handleHyperlinkPopupRemove: Bt } = mi({
+			editorView: Z,
+			getCommands: We
+		}), { handleClearFormatting: Vt, handleApplyStyle: Ht, handleInsertPageBreak: Ut, handleInsertSectionBreakNextPage: Wt, handleInsertSectionBreakContinuous: Gt, handleInsertSymbol: qt, applyFormatting: Jt, setParagraphStyle: Yt, insertBreak: Xt } = hi({
+			editorView: Z,
+			activeView: ct,
+			getDocument: Q
+		}), { handlePageSetupApply: Zt, handleLeftMarginChange: Qt, handleRightMarginChange: $t, handleTopMarginChange: en, handleBottomMarginChange: tn, handleIndentLeftChange: nn, handleIndentRightChange: an, handleFirstLineIndentChange: on, handleTabStopRemove: sn } = gi({
+			editorView: Z,
+			getDocument: Q,
+			readOnly: u,
+			stateTick: S,
+			reLayout: Ge,
+			emit: o
+		}), { showWatermark: cn, currentWatermark: ln, handleWatermarkApply: dn } = _i({
+			editorView: Z,
+			readOnly: u,
+			stateTick: S
+		}), { handleToggleOutline: fn, handleOutlineNavigate: pn, handleToggleSidebar: mn, handleEditorScrollMouseDown: hn } = vi({
+			editorView: Z,
+			showOutline: W,
+			showSidebar: G,
+			outlineHeadings: ve,
+			activeSidebarItem: q,
+			extractCommentsAndChanges: xt,
+			scrollToVisiblePosition: (e) => qn(e)
+		});
+		yi({
+			showKeyboardShortcuts: pe,
+			showFindReplace: ie,
+			showHyperlink: oe,
+			handleZoomKeyDown: Ae,
+			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts,
+			showFileOpen: () => i.showFileOpen,
+			onOpenDocument: () => Et.value?.click()
+		});
+		let { addComment: gn, replyToComment: _n, resolveComment: vn, proposeChange: yn, handleCommentReply: xn, handleCommentResolve: Sn, handleCommentUnresolve: Cn, handleCommentDelete: wn, handleAcceptChange: En, handleRejectChange: kn, handleAcceptChangeById: An, handleRejectChangeById: Mn, handleTrackedChangeReply: Nn } = bi({
+			editorView: Z,
+			getDocument: Q,
+			comments: J,
+			trackedChanges: ge,
+			showSidebar: G,
+			isAddingComment: me,
+			pendingCommentRange: vt,
+			contentChangeSubscribers: C,
+			extractCommentsAndChanges: xt,
+			emit: o,
+			commentIdAllocator: gt,
+			author: d,
+			commentCallbacks: Qe,
+			getHfPmViews: qe
+		}), { selectedImage: Pn, imageInteracting: Fn, imageToolbarContext: In, handleToolbarImageWrap: Rn, handleImageTransform: zn } = Ci({
+			editorView: Z,
+			zoom: X,
+			stateTick: S,
+			getCommands: We
+		}), Bn = ne(), Vn = null, { tableInsertButton: Un, hfEdit: $, scrollPageInfo: Wn, resolvePos: Gn, setPmSelection: Kn, scrollVisiblePositionIntoView: qn, handlePagesMouseDown: Jn, handlePagesMouseMove: Yn, handlePagesClick: Xn, handlePagesDoubleClick: Zn, handleTableInsertClick: Qn, clearTableInsertTimer: $n, handleHfSave: er, handleHfRemove: tr } = Ni({
+			editorView: Z,
+			pagesRef: v,
+			pagesViewportRef: x,
+			selectedImage: Pn,
+			imageInteracting: Fn,
+			hyperlinkPopupData: Ft,
+			readOnly: u,
+			zoom: X,
+			layout: Le,
+			tableResize: Bn,
+			getCommands: We,
+			getDocument: Q,
+			reLayout: Ge,
+			emit: o,
+			clearOverlay: mr,
+			syncHfPMs: Je,
+			getHfPmView: Ke,
+			setDocument: Ze
+		}), { contextMenu: nr, imageContextMenu: rr, imageContextMenuTextActions: ir, handleContextMenu: ar, handleSelectedImageContextMenu: or, handleImageWrapSelect: sr, handleContextMenuAction: cr } = ji({
+			editorView: Z,
+			selectedImage: Pn,
+			zoom: X,
+			showImageProperties: P,
+			getCommands: We,
+			clearOverlay: mr,
+			setPmSelection: Kn,
+			resolvePos: Gn
+		}), { handleMenuAction: lr, handleMenuTableInsert: ur } = Fi({
+			editorView: Z,
+			getCommands: We,
+			docxInputRef: Et,
+			imageInputRef: Dt,
+			showPageSetup: se,
+			showWatermark: cn,
+			showHyperlink: oe,
+			showInsertSymbol: M,
+			showKeyboardShortcuts: pe,
+			handleClearFormatting: Vt,
+			handleInsertPageBreak: Ut,
+			handleInsertSectionBreakNextPage: Wt,
+			handleInsertSectionBreakContinuous: Gt,
+			handleToggleOutline: fn,
+			handleToggleSidebar: mn,
+			downloadCurrentDocument: jt,
+			emit: o
+		});
+		Ii({
+			documentBuffer: () => i.documentBuffer,
+			document: () => i.document,
+			loadDocumentBuffer: Mt,
+			loadDocument: Nt,
+			sidebarAutoOpenedRef: bt
+		});
+		let dr = () => Z.value, fr = () => v.value;
+		K(() => i.mode, (e) => {
+			e && e !== c.value && (c.value = e);
+		}), K(() => i.showOutline, (e) => {
+			W.value = !!e;
+		});
+		function pr(e) {
+			c.value !== e && (c.value = e, o("mode-change", e));
+		}
+		R(() => {
+			Vn = Bn.install();
+		}), L(() => {
+			Vn?.();
+		});
+		function mr() {
+			gr.clearOverlay();
+		}
+		function hr() {
+			gr.updateSelectionOverlay();
+		}
+		let gr = Pi({
+			editorView: Z,
+			pagesRef: v,
+			zoom: X,
+			selectedImage: Pn,
+			isHfEditing: D(() => $.value !== null),
+			imageInteracting: Fn
+		}), _r = E.onRender(() => hr());
+		hr(), L(() => {
+			_r(), mr();
+		});
+		let { exposed: vr } = Li({
+			editorView: Z,
+			layout: Le,
+			pagesRef: v,
+			pagesViewportRef: x,
+			zoom: X,
+			comments: J,
+			focus: He,
+			destroy: Ue,
+			getDocument: Q,
+			setZoom: we,
+			save: Pt,
+			loadDocument: Nt,
+			loadDocumentBuffer: Mt,
+			addComment: gn,
+			replyToComment: _n,
+			resolveComment: vn,
+			proposeChange: yn,
+			applyFormatting: Jt,
+			setParagraphStyle: Yt,
+			insertBreak: Xt,
+			scrollVisiblePositionIntoView: qn,
+			contentChangeSubscribers: C,
+			selectionChangeSubscribers: re,
+			onPrint: i.onPrint
+		});
+		return t(vr), (t, n) => (z(), A("div", {
+			class: F([
+				"docx-editor-vue ep-root paged-editor",
+				U(s) ? "dark" : "",
+				e.className,
+				{
+					"paged-editor--readonly": u.value,
+					"paged-editor--hf-editing": U($) !== null,
+					"paged-editor--editing-header": U($)?.position === "header",
+					"paged-editor--editing-footer": U($)?.position === "footer"
+				}
+			]),
+			style: I(e.style)
+		}, [
+			j("div", Vi, [N(Hn, {
+				"show-menu-bar": e.showMenuBar,
+				"document-name": e.documentName,
+				"document-name-editable": e.documentNameEditable,
+				"show-file-open": e.showFileOpen,
+				"show-help-menu": e.showHelpMenu,
+				"render-logo": e.renderLogo,
+				"render-title-bar-right": e.renderTitleBarRight,
+				onRename: U(At),
+				onMenuAction: U(lr),
+				onInsertTable: U(ur)
+			}, {
+				"title-bar-left": he(() => [ue(t.$slots, "title-bar-left")]),
+				"title-bar-right": he(() => [ue(t.$slots, "title-bar-right")]),
+				_: 3
+			}, 8, [
+				"show-menu-bar",
+				"document-name",
+				"document-name-editable",
+				"show-file-open",
+				"show-help-menu",
+				"render-logo",
+				"render-title-bar-right",
+				"onRename",
+				"onMenuAction",
+				"onInsertTable"
+			]), e.showToolbar ? (z(), O(f, {
+				key: 0,
+				view: ct.value,
+				"get-commands": U(We),
+				"state-tick": S.value,
+				"zoom-percent": U(xe),
+				"is-min-zoom": U(Se),
+				"is-max-zoom": U(Ce),
+				"zoom-presets": U(Ne),
+				"show-zoom-control": e.showZoomControl,
+				"editor-mode": c.value,
+				"comments-sidebar-open": U(G),
+				"image-context": U(In),
+				theme: tt.value,
+				"font-families": e.fontFamilies,
+				"document-fonts": U(Ie),
+				"document-styles": nt.value,
+				onInsertLink: n[0] ||= (e) => oe.value = !0,
+				onApplyStyle: U(Ht),
+				onZoomIn: U(Te),
+				onZoomOut: U(Ee),
+				onZoomSet: U(we),
+				onToggleSidebar: U(mn),
+				onModeChange: pr,
+				onImageWrapType: U(Rn),
+				onImageProperties: n[1] ||= (e) => P.value = !0,
+				onImageTransform: U(zn)
+			}, ae({
+				"table-context": he(() => [N(p, {
+					view: ct.value,
+					"get-commands": U(We),
+					"state-tick": S.value,
+					theme: tt.value
+				}, null, 8, [
+					"view",
+					"get-commands",
+					"state-tick",
+					"theme"
+				])]),
+				_: 2
+			}, [e.toolbarExtra ? {
+				name: "toolbar-extra",
+				fn: he(() => [(z(), O(de(e.toolbarExtra)))]),
+				key: "0"
+			} : {
+				name: "toolbar-extra",
+				fn: he(() => [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",
+				"document-fonts",
+				"document-styles",
+				"onApplyStyle",
+				"onZoomIn",
+				"onZoomOut",
+				"onZoomSet",
+				"onToggleSidebar",
+				"onImageWrapType",
+				"onImageTransform"
+			])) : k("", !0)]),
+			N(Mr, {
+				"show-find-replace": ie.value,
+				"onUpdate:showFindReplace": n[2] ||= (e) => ie.value = e,
+				"show-hyperlink": oe.value,
+				"onUpdate:showHyperlink": n[3] ||= (e) => oe.value = e,
+				"show-insert-symbol": M.value,
+				"onUpdate:showInsertSymbol": n[4] ||= (e) => M.value = e,
+				"show-image-properties": P.value,
+				"onUpdate:showImageProperties": n[5] ||= (e) => P.value = e,
+				"show-page-setup": se.value,
+				"onUpdate:showPageSetup": n[6] ||= (e) => se.value = e,
+				"show-watermark": U(cn),
+				"onUpdate:showWatermark": n[7] ||= (e) => ce(cn) ? cn.value = e : null,
+				"show-keyboard-shortcuts": pe.value,
+				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => pe.value = e,
+				view: U(Z),
+				bookmarks: mt.value,
+				"selected-image-pm-pos": U(Pn)?.pmPos ?? null,
+				"section-properties": $e.value,
+				"current-watermark": U(ln),
+				"watermark-presets": e.watermarkPresets,
+				"scroll-visible-position-into-view": U(qn),
+				onInsertSymbol: U(qt),
+				onHyperlinkSubmit: U(It),
+				onHyperlinkRemove: U(Lt),
+				onPageSetupApply: U(Zt),
+				onWatermarkApply: U(dn)
+			}, null, 8, [
+				"show-find-replace",
+				"show-hyperlink",
+				"show-insert-symbol",
+				"show-image-properties",
+				"show-page-setup",
+				"show-watermark",
+				"show-keyboard-shortcuts",
+				"view",
+				"bookmarks",
+				"selected-image-pm-pos",
+				"section-properties",
+				"current-watermark",
+				"watermark-presets",
+				"scroll-visible-position-into-view",
+				"onInsertSymbol",
+				"onHyperlinkSubmit",
+				"onHyperlinkRemove",
+				"onPageSetupApply",
+				"onWatermarkApply"
+			]),
+			U(Fe) ? (z(), A("div", Hi, H(U(Fe)), 1)) : k("", !0),
+			!U(Pe) && !U(Fe) ? (z(), A("div", Ui, "Loading...")) : k("", !0),
+			j("div", {
+				ref_key: "hiddenPmRef",
+				ref: _,
+				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
+			}, null, 512),
+			j("div", {
+				class: "docx-editor-vue__editor-scroll",
+				onMousedown: n[29] ||= (...e) => U(hn) && U(hn)(...e)
+			}, [j("div", Wi, [
+				j("div", {
+					ref_key: "pagesViewportRef",
+					ref: x,
+					class: "docx-editor-vue__pages-viewport",
+					onMousedown: n[22] ||= (...e) => U(Jn) && U(Jn)(...e),
+					onMousemove: n[23] ||= (...e) => U(Yn) && U(Yn)(...e),
+					onClick: n[24] ||= (...e) => U(Xn) && U(Xn)(...e),
+					onDblclick: n[25] ||= (...e) => U(Zn) && U(Zn)(...e),
+					onContextmenu: n[26] ||= Y((...e) => U(ar) && U(ar)(...e), ["prevent"]),
+					onWheel: n[27] ||= (...e) => U(De) && U(De)(...e)
+				}, [
+					e.showRuler && $e.value ? (z(), A("div", {
+						key: 0,
+						class: "docx-editor-vue__ruler-row",
+						style: I(dt.value)
+					}, [N(m, {
+						"section-props": $e.value,
+						zoom: U(X),
+						editable: !u.value,
+						"indent-left": et.value.indentLeft,
+						"indent-right": et.value.indentRight,
+						"first-line-indent": et.value.firstLineIndent,
+						"hanging-indent": et.value.hangingIndent,
+						"tab-stops": et.value.tabStops,
+						onLeftMarginChange: U(Qt),
+						onRightMarginChange: U($t),
+						onIndentLeftChange: U(nn),
+						onIndentRightChange: U(an),
+						onFirstLineIndentChange: U(on),
+						onTabStopRemove: U(sn)
+					}, null, 8, [
+						"section-props",
+						"zoom",
+						"editable",
+						"indent-left",
+						"indent-right",
+						"first-line-indent",
+						"hanging-indent",
+						"tab-stops",
+						"onLeftMarginChange",
+						"onRightMarginChange",
+						"onIndentLeftChange",
+						"onIndentRightChange",
+						"onFirstLineIndentChange",
+						"onTabStopRemove"
+					])], 4)) : k("", !0),
+					j("div", {
+						class: "docx-editor-vue__editor-content-wrapper",
+						style: I({
+							position: "relative",
+							display: "flex",
+							flex: "1 0 auto",
+							flexDirection: "column",
+							minHeight: "100%",
+							minWidth: lt.value + "px"
+						})
+					}, [e.showRuler && $e.value ? (z(), A("div", Gi, [N(y, {
+						"section-props": $e.value,
+						zoom: U(X),
+						editable: !u.value,
+						onTopMarginChange: U(en),
+						onBottomMarginChange: U(tn)
+					}, null, 8, [
+						"section-props",
+						"zoom",
+						"editable",
+						"onTopMarginChange",
+						"onBottomMarginChange"
+					])])) : k("", !0), j("div", {
+						ref_key: "pagesRef",
+						ref: v,
+						class: "docx-editor-vue__pages paged-editor__pages",
+						style: I(ut.value)
+					}, null, 4)], 4),
+					u.value ? k("", !0) : (z(), O(Ln, {
+						key: 1,
+						container: v.value,
+						view: U(Z)
+					}, null, 8, ["container", "view"])),
+					N(jn, {
+						"is-open": U($) !== null,
+						position: U($)?.position ?? "header",
+						view: st.value,
+						"target-rect": U($)?.targetRect ?? null,
+						onSave: U(er),
+						onClose: n[9] ||= (e) => $.value = null,
+						onRemove: U(tr)
+					}, null, 8, [
+						"is-open",
+						"position",
+						"view",
+						"target-rect",
+						"onSave",
+						"onRemove"
+					]),
+					(z(!0), A(T, null, V(U($) ? it.value : [], (e, t) => (z(), A("div", {
+						key: `hf-sel-${t}-${e.top}-${e.left}`,
+						class: "vue-hf-sel-rect",
+						"aria-hidden": "true",
+						style: I({
+							position: "fixed",
+							top: `${e.top}px`,
+							left: `${e.left}px`,
+							width: `${e.width}px`,
+							height: `${e.height}px`,
+							background: "var(--doc-selection)",
+							pointerEvents: "none",
+							zIndex: 9998
+						})
+					}, null, 4))), 128)),
+					U($) && rt.value ? (z(), A("div", {
+						key: 2,
+						"aria-hidden": "true",
+						style: I({
+							position: "fixed",
+							top: `${rt.value.top}px`,
+							left: `${rt.value.left}px`,
+							width: "2px",
+							height: `${rt.value.height}px`,
+							background: "#4285f4",
+							pointerEvents: "none",
+							zIndex: 9999,
+							animation: "hf-caret-blink 1.06s steps(1) infinite"
+						})
+					}, null, 4)) : k("", !0),
+					N(bn, {
+						"image-info": U(Pn),
+						zoom: U(X),
+						view: U(Z),
+						onOpenProperties: n[10] ||= (e) => P.value = !0,
+						onDeselect: n[11] ||= (e) => Pn.value = null,
+						onInteractStart: n[12] ||= (e) => Fn.value = !0,
+						onInteractEnd: n[13] ||= (e) => Fn.value = !1,
+						onContextMenu: U(or)
+					}, null, 8, [
+						"image-info",
+						"zoom",
+						"view",
+						"onContextMenu"
+					]),
+					N(un, {
+						"get-view": dr,
+						"get-pages-container": fr,
+						zoom: U(X),
+						"transaction-version": S.value,
+						"sync-coordinator": U(E)
+					}, null, 8, [
+						"zoom",
+						"transaction-version",
+						"sync-coordinator"
+					]),
+					U(_t) && !me.value && !u.value ? (z(), A("button", {
+						key: 3,
+						type: "button",
+						class: "docx-editor-vue__floating-comment",
+						style: I({
+							top: U(_t).top + "px",
+							left: U(_t).left + "px"
+						}),
+						title: U(g)("comments.addComment"),
+						onMousedown: n[14] ||= Y((...e) => U(wt) && U(wt)(...e), ["prevent", "stop"])
+					}, [N(r, {
+						name: "add_comment",
+						size: 16
+					})], 44, Ki)) : k("", !0),
+					U(Un) && !u.value ? (z(), A("button", {
+						key: 4,
+						type: "button",
+						class: "docx-editor-vue__table-insert-btn",
+						style: I({
+							left: U(Un).x + "px",
+							top: U(Un).y + "px"
+						}),
+						title: U(Un).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": U(Un).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[15] ||= (...e) => U(Qn) && U(Qn)(...e),
+						onMouseenter: n[16] ||= (...e) => U($n) && U($n)(...e),
+						onMouseleave: n[17] ||= (e) => Un.value = null
+					}, [...n[35] ||= [j("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 12 12",
+						fill: "none"
+					}, [j("path", {
+						d: "M6 1v10M1 6h10",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round"
+					})], -1)]], 44, qi)) : k("", !0),
+					N(h, {
+						comments: J.value,
+						"pages-container": v.value,
+						zoom: U(X),
+						"page-width-px": ft.value,
+						"sidebar-open": U(G),
+						"resolved-comment-ids": pt.value,
+						onMarkerClick: U(Tt)
+					}, null, 8, [
+						"comments",
+						"pages-container",
+						"zoom",
+						"page-width-px",
+						"sidebar-open",
+						"resolved-comment-ids",
+						"onMarkerClick"
+					]),
+					N(ee, {
+						"is-open": U(G),
+						comments: J.value,
+						"tracked-changes": ge.value,
+						"is-adding-comment": me.value,
+						"add-comment-y-position": U(yt),
+						"show-resolved": !0,
+						"pages-container": v.value,
+						"page-width-px": ft.value,
+						zoom: U(X),
+						"active-item-id": q.value,
+						onClose: n[18] ||= (e) => G.value = !1,
+						onAddComment: U(St),
+						onCancelAddComment: U(Ct),
+						onCommentReply: U(xn),
+						onCommentResolve: U(Sn),
+						onCommentUnresolve: U(Cn),
+						onCommentDelete: U(wn),
+						onAcceptChange: U(En),
+						onRejectChange: U(kn),
+						onAcceptChangeById: U(An),
+						onRejectChangeById: U(Mn),
+						onTrackedChangeReply: U(Nn),
+						"onUpdate:activeItemId": n[19] ||= (e) => q.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",
+						"onAcceptChangeById",
+						"onRejectChangeById",
+						"onTrackedChangeReply"
+					]),
+					N(fi, {
+						data: U(Ft),
+						"read-only": u.value,
+						onNavigate: U(Rt),
+						onCopy: n[20] ||= (e) => Ft.value = null,
+						onEdit: U(zt),
+						onRemove: U(Bt),
+						onClose: n[21] ||= (e) => Ft.value = null
+					}, null, 8, [
+						"data",
+						"read-only",
+						"onNavigate",
+						"onEdit",
+						"onRemove"
+					])
+				], 544),
+				!W.value && e.showOutlineButton ? (z(), O(Dn, {
+					key: 0,
+					"left-offset": e.showRuler ? 32 : 12,
+					"top-px": e.showRuler ? 54 : 24,
+					onToggle: U(fn)
+				}, null, 8, [
+					"left-offset",
+					"top-px",
+					"onToggle"
+				])) : k("", !0),
+				U(Wn).totalPages > 1 ? (z(), O(On, {
+					key: 1,
+					"current-page": U(Wn).currentPage,
+					"total-pages": U(Wn).totalPages,
+					visible: U(Wn).visible
+				}, null, 8, [
+					"current-page",
+					"total-pages",
+					"visible"
+				])) : k("", !0),
+				N(Tn, {
+					"is-open": W.value,
+					headings: ve.value,
+					"left-offset": e.showRuler ? 32 : 12,
+					"top-px": e.showRuler ? 54 : 24,
+					onClose: n[28] ||= (e) => W.value = !1,
+					onNavigate: U(pn)
+				}, null, 8, [
+					"is-open",
+					"headings",
+					"left-offset",
+					"top-px",
+					"onNavigate"
+				])
+			])], 32),
+			j("input", {
+				ref_key: "docxInputRef",
+				ref: Et,
+				type: "file",
+				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+				style: { display: "none" },
+				onChange: n[30] ||= (...e) => U(kt) && U(kt)(...e)
+			}, null, 544),
+			j("input", {
+				ref_key: "imageInputRef",
+				ref: Dt,
+				type: "file",
+				accept: "image/*",
+				style: { display: "none" },
+				onChange: n[31] ||= (...e) => U(Ot) && U(Ot)(...e)
+			}, null, 544),
+			N(ni, {
+				"read-only": u.value,
+				"context-menu": U(nr),
+				"image-context-menu": U(rr),
+				"image-context-menu-text-actions": U(ir),
+				"can-open-image-properties": !!U(Pn),
+				onContextMenuAction: U(cr),
+				onCloseContextMenu: n[32] ||= (e) => U(nr).isOpen = !1,
+				onImageWrapSelect: U(sr),
+				onCloseImageContextMenu: n[33] ||= (e) => rr.value = null,
+				onOpenImageProperties: n[34] ||= (e) => P.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 $i(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await Je(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, t) => i?.scrollToParaId(e, t) ?? !1,
+		scrollToPosition: (e) => {
+			i?.scrollToPosition(e);
+		},
+		destroy: () => {
+			i?.destroy(), a?.unmount(), a = null;
+		}
+	};
+	return new Promise((e, c) => {
+		a = ie({ setup() {
+			return () => se(Qi, {
+				...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 ea = "0.0.2";
+//#endregion
+export { Qi as DocxEditor, ea as VERSION, tn as createDocumentWithText, nn as createEmptyDocument, n as defaultLocale, t as i18nPlugin, a as provideLocale, $i as renderAsync, d as useTranslation };