@eigenpal/docx-editor-vue 1.0.0 → 1.0.2

package/dist/index.js

@@ -28,8 +28,9 @@ import { extractTrackedChanges as qe } from "@eigenpal/docx-editor-core/prosemir
 import { TABLE_INSERT_HIDE_DELAY_MS as Je, detectTableInsertHover as Ye } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
 import { openReportIssue as Xe } from "@eigenpal/docx-editor-core/utils/reportIssue";
 import { LayoutSelectionGate as Ze } from "@eigenpal/docx-editor-core/prosemirror";
+import { createDocumentWithText as Qe, createEmptyDocument as $e } from "@eigenpal/docx-editor-core";
 //#region src/utils/paraTextHelpers.ts
-function Qe(e, t) {
+function et(e, t) {
 	if (!t.trim()) return null;
 	let n = null;
 	return e.descendants((e, r) => n ? !1 : e.isTextblock && e.attrs?.paraId === t ? (n = {
@@ -37,11 +38,11 @@ function Qe(e, t) {
 		to: r + e.nodeSize
 	}, !1) : !0), n;
 }
-function $e(e) {
+function tt(e) {
 	let t = [];
 	return e.descendants((e) => !e.isText || !e.text ? !0 : e.marks.some((e) => e.type.name === "insertion") ? !1 : (t.push(e.text), !0)), t.join("");
 }
-function et(e, t, n) {
+function nt(e, t, n) {
 	if (t >= n) return "";
 	let r = [];
 	return e.nodesBetween(t, n, (e, i) => {
@@ -50,7 +51,7 @@ function et(e, t, n) {
 		a < o && r.push(e.text.slice(a - i, o - i));
 	}), r.join("");
 }
-function tt(e, t, n, r) {
+function rt(e, t, n, r) {
 	if (!r) return null;
 	let i = "", a = [];
 	e.nodesBetween(t, n, (e, t) => {
@@ -77,7 +78,7 @@ function tt(e, t, n, r) {
 }
 //#endregion
 //#region src/utils/refApiQueries.ts
-function nt(e, t, n) {
+function it(e, t, n) {
 	if (!e || !t) return [];
 	let r = n?.caseSensitive ?? !1, i = n?.limit ?? 20, a = r ? t : t.toLowerCase(), o = [];
 	return e.state.doc.descendants((e) => {
@@ -85,7 +86,7 @@ function nt(e, t, n) {
 		if (!e.isTextblock) return !0;
 		let n = e.attrs?.paraId;
 		if (!n) return !1;
-		let s = $e(e), c = r ? s : s.toLowerCase(), l = c.indexOf(a);
+		let s = tt(e), c = r ? s : s.toLowerCase(), l = c.indexOf(a);
 		return l === -1 || c.indexOf(a, l + 1) !== -1 || o.push({
 			paraId: n,
 			match: s.slice(l, l + t.length),
@@ -94,13 +95,13 @@ function nt(e, t, n) {
 		}), !1;
 	}), o;
 }
-function rt(e) {
+function at(e) {
 	if (!e) return null;
 	let { selection: t, doc: n } = e.state, r = t.$from, i = r.depth;
 	for (; i > 0 && !r.node(i).isTextblock;) i--;
 	let a = i > 0 ? r.node(i) : null;
 	if (!a) return null;
-	let o = a.attrs?.paraId ?? null, s = r.start(i), c = s + a.content.size, l = et(n, s, t.from), u = et(n, t.from, t.to), d = et(n, t.to, c);
+	let o = a.attrs?.paraId ?? null, s = r.start(i), c = s + a.content.size, l = nt(n, s, t.from), u = nt(n, t.from, t.to), d = nt(n, t.to, c);
 	return {
 		paraId: o,
 		selectedText: u,
@@ -109,7 +110,7 @@ function rt(e) {
 		after: d
 	};
 }
-function it(e, t, n) {
+function ot(e, t, n) {
 	if (!t || !e) return null;
 	let r = t.pages[n - 1];
 	if (!r) return null;
@@ -123,7 +124,7 @@ function it(e, t, n) {
 		let o = r.attrs?.paraId;
 		!o || i.has(o) || (i.add(o), a.push({
 			paraId: o,
-			text: $e(r),
+			text: tt(r),
 			styleId: r.attrs?.styleId ?? void 0
 		}));
 	}
@@ -135,7 +136,7 @@ function it(e, t, n) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var at = /* @__PURE__ */ A({
+var st = /* @__PURE__ */ A({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -227,13 +228,13 @@ var at = /* @__PURE__ */ A({
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), ot = ["data-handle", "onMousedown"], st = ["title"], ct = {
+}), ct = ["data-handle", "onMousedown"], lt = ["title"], ut = {
 	key: 0,
 	class: "image-overlay__dim"
-}, lt = {
+}, dt = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, ut = 4, dt = 15, ft = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, ft = 4, pt = 15, mt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -451,7 +452,7 @@ var at = /* @__PURE__ */ A({
 		}
 		function me(e) {
 			let t = pe(e.clientX, e.clientY) - de, n = fe + t;
-			e.shiftKey || (n = Math.round(n / dt) * dt), f.value = (n % 360 + 360) % 360, H && (H.style.transform = W(B, f.value) || "");
+			e.shiftKey || (n = Math.round(n / pt) * pt), f.value = (n % 360 + 360) % 360, H && (H.style.transform = W(B, f.value) || "");
 		}
 		function he() {
 			document.removeEventListener("mousemove", me), document.removeEventListener("mouseup", he), l.value = !1, a("interact-end");
@@ -472,7 +473,7 @@ var at = /* @__PURE__ */ A({
 			if (!i.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, r = p.value, o = !1, s = (e) => {
 				let s = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(s * s + l * l) < ut)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < ft)) {
 					if (!o) {
 						o = !0, c.value = !0, a("interact-start"), q = document.createElement("div"), q.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = i.zoom;
@@ -571,22 +572,22 @@ var at = /* @__PURE__ */ A({
 				style: M(e.style),
 				"data-handle": e.pos,
 				onMousedown: G((t) => A(t, e.pos), ["prevent", "stop"])
-			}, null, 44, ot))), 128)),
+			}, null, 44, ct))), 128)),
 			n[5] ||= O("div", { class: "image-overlay__rotate-line" }, null, -1),
 			O("div", {
 				class: "image-overlay__rotate-handle",
 				style: M({ left: `${ie.value / 2 - 7}px` }),
 				title: z(r)("imageOverlay.rotate"),
 				onMousedown: n[2] ||= G((e) => K(e), ["prevent", "stop"])
-			}, null, 44, st),
-			s.value ? (F(), D("div", ct, R(Math.round(u.value)) + " × " + R(Math.round(d.value)), 1)) : E("", !0),
-			l.value ? (F(), D("div", lt, R(Math.round(f.value)) + "° ", 1)) : E("", !0)
+			}, null, 44, lt),
+			s.value ? (F(), D("div", ut, R(Math.round(u.value)) + " × " + R(Math.round(d.value)), 1)) : E("", !0),
+			l.value ? (F(), D("div", dt, R(Math.round(f.value)) + "° ", 1)) : E("", !0)
 		], 36)) : E("", !0);
 	}
-}), [["__scopeId", "data-v-a6f20ec2"]]), pt = { class: "doc-outline__header" }, mt = { class: "doc-outline__body" }, ht = {
+}), [["__scopeId", "data-v-a6f20ec2"]]), ht = { class: "doc-outline__header" }, gt = { class: "doc-outline__body" }, _t = {
 	key: 0,
 	class: "doc-outline__empty"
-}, gt = ["onMousedown"], _t = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, vt = ["onMousedown"], yt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -600,7 +601,7 @@ var at = /* @__PURE__ */ A({
 			role: "navigation",
 			"aria-label": "Document outline",
 			onMousedown: n[1] ||= G(() => {}, ["stop"])
-		}, [O("div", pt, [O("button", {
+		}, [O("div", ht, [O("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
@@ -608,14 +609,14 @@ var at = /* @__PURE__ */ A({
 		}, [k(c, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= O("span", { class: "doc-outline__title" }, "Document Outline", -1)]), O("div", mt, [e.headings.length === 0 ? (F(), D("div", ht, " No headings found ")) : E("", !0), (F(!0), D(C, null, L(e.headings, (e, n) => (F(), D("button", {
+		})]), n[2] ||= O("span", { class: "doc-outline__title" }, "Document Outline", -1)]), O("div", gt, [e.headings.length === 0 ? (F(), D("div", _t, " No headings found ")) : E("", !0), (F(!0), D(C, null, L(e.headings, (e, n) => (F(), D("button", {
 			key: n,
 			class: "doc-outline__item",
 			style: M({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
 			onMousedown: G((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, R(e.text || "(untitled)"), 45, gt))), 128))])], 32)) : E("", !0);
+		}, R(e.text || "(untitled)"), 45, vt))), 128))])], 32)) : E("", !0);
 	}
-}), [["__scopeId", "data-v-cb2cdc39"]]), vt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), [["__scopeId", "data-v-cb2cdc39"]]), bt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -634,7 +635,7 @@ var at = /* @__PURE__ */ A({
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-d117bf6e"]]), yt = { class: "hf-editor__toolbar" }, bt = { class: "hf-editor__label" }, xt = { class: "hf-editor__actions" }, St = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), [["__scopeId", "data-v-d117bf6e"]]), xt = { class: "hf-editor__toolbar" }, St = { class: "hf-editor__label" }, Ct = { class: "hf-editor__actions" }, wt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
@@ -697,7 +698,7 @@ var at = /* @__PURE__ */ A({
 			style: M(o.value),
 			onMousedown: n[2] ||= G(() => {}, ["stop"]),
 			onContextmenu: n[3] ||= G(() => {}, ["stop"])
-		}, [O("div", yt, [O("span", bt, R(e.position === "header" ? "Header" : "Footer"), 1), O("div", xt, [
+		}, [O("div", xt, [O("span", St, R(e.position === "header" ? "Header" : "Footer"), 1), O("div", Ct, [
 			O("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
@@ -719,10 +720,10 @@ var at = /* @__PURE__ */ A({
 			class: "hf-editor__content"
 		}, null, 512)], 36)) : E("", !0);
 	}
-}), [["__scopeId", "data-v-343434c4"]]), Ct = {
+}), [["__scopeId", "data-v-343434c4"]]), Tt = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, wt = { class: "docx-editor-vue__title-bar-left" }, Tt = { class: "docx-editor-vue__title-bar-center" }, Et = { class: "docx-editor-vue__title-bar-right" }, Dt = /* @__PURE__ */ A({
+}, Et = { class: "docx-editor-vue__title-bar-left" }, Dt = { class: "docx-editor-vue__title-bar-center" }, Ot = { class: "docx-editor-vue__title-bar-right" }, kt = /* @__PURE__ */ A({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -741,9 +742,9 @@ var at = /* @__PURE__ */ A({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (F(), D("div", Ct, [
-			O("div", wt, [e.renderLogo ? (F(), T(de(e.renderLogo), { key: 0 })) : E("", !0), ue(t.$slots, "title-bar-left")]),
-			O("div", Tt, [k(g, {
+		return (t, r) => e.showMenuBar ? (F(), D("div", Tt, [
+			O("div", Et, [e.renderLogo ? (F(), T(de(e.renderLogo), { key: 0 })) : E("", !0), ue(t.$slots, "title-bar-left")]),
+			O("div", Dt, [k(g, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
@@ -751,10 +752,10 @@ var at = /* @__PURE__ */ A({
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			O("div", Et, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (F(), T(de(e.renderTitleBarRight), { key: 0 })) : E("", !0)])
+			O("div", Ot, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (F(), T(de(e.renderTitleBarRight), { key: 0 })) : E("", !0)])
 		])) : E("", !0);
 	}
-}), Ot = /* @__PURE__ */ A({
+}), At = /* @__PURE__ */ A({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -835,10 +836,10 @@ var at = /* @__PURE__ */ A({
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), kt = ["disabled", "onMousedown"], At = { class: "ctx-menu__label" }, jt = {
+}), jt = ["disabled", "onMousedown"], Mt = { class: "ctx-menu__label" }, Nt = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, Mt = 220, Nt = 32, Pt = 10, Ft = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, Pt = 220, Ft = 32, It = 10, Lt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -971,8 +972,8 @@ var at = /* @__PURE__ */ A({
 				disabled: !n.canSplitCell
 			}), e;
 		}), o = w(() => {
-			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * Nt + i * 9;
-			return typeof window < "u" && (e + Mt + Pt > window.innerWidth && (e = window.innerWidth - Mt - Pt), t + o + Pt > window.innerHeight && (t = window.innerHeight - o - Pt)), {
+			let e = n.position.x, t = n.position.y, r = a.value.filter((e) => !e.divider).length, i = a.value.filter((e) => e.divider).length, o = r * Ft + i * 9;
+			return typeof window < "u" && (e + Pt + It > window.innerWidth && (e = window.innerWidth - Pt - It), t + o + It > window.innerHeight && (t = window.innerHeight - o - It)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1008,27 +1009,27 @@ var at = /* @__PURE__ */ A({
 			}]),
 			disabled: e.disabled,
 			onMousedown: G((t) => s(e.action), ["prevent"])
-		}, [O("span", At, R(e.label), 1), e.shortcut ? (F(), D("span", jt, R(e.shortcut), 1)) : E("", !0)], 42, kt))), 128))], 36)) : E("", !0)]));
+		}, [O("span", Mt, R(e.label), 1), e.shortcut ? (F(), D("span", Nt, R(e.shortcut), 1)) : E("", !0)], 42, jt))), 128))], 36)) : E("", !0)]));
 	}
-}), [["__scopeId", "data-v-741c4f71"]]), It = ["aria-label"], Lt = { class: "image-ctx-menu__icon" }, Rt = { class: "image-ctx-menu__label" }, zt = {
+}), [["__scopeId", "data-v-741c4f71"]]), Rt = ["aria-label"], zt = { class: "image-ctx-menu__icon" }, Bt = { class: "image-ctx-menu__label" }, Vt = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Bt = [
+}, Ht = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Vt = { class: "image-ctx-menu__icon" }, Ht = { class: "image-ctx-menu__label" }, Ut = ["aria-label"], Wt = ["disabled", "onClick"], Gt = { class: "image-ctx-menu__label" }, Kt = {
+], Ut = { class: "image-ctx-menu__icon" }, Wt = { class: "image-ctx-menu__label" }, Gt = ["aria-label"], Kt = ["disabled", "onClick"], qt = { class: "image-ctx-menu__label" }, Jt = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, qt = {
+}, Yt = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Jt = 18, Yt = 260, Q = 10, Xt = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}, Q = 18, Xt = 260, Zt = 10, Qt = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1062,11 +1063,11 @@ var at = /* @__PURE__ */ A({
 		let p = w(() => {
 			if (!r.state) return {};
 			let e = Te.length * 36 + 16, t = r.state.position.x, n = r.state.position.y;
-			return typeof window < "u" && (t + Yt > window.innerWidth && (t = window.innerWidth - Yt - Q), n + e > window.innerHeight && (n = window.innerHeight - e - Q), t < Q && (t = Q), n < Q && (n = Q)), {
+			return typeof window < "u" && (t + Xt > window.innerWidth && (t = window.innerWidth - Xt - Zt), n + e > window.innerHeight && (n = window.innerHeight - e - Zt), t < Zt && (t = Zt), n < Zt && (n = Zt)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${n}px`,
-				minWidth: `${Yt}px`,
+				minWidth: `${Xt}px`,
 				zIndex: 400
 			};
 		});
@@ -1110,11 +1111,11 @@ var at = /* @__PURE__ */ A({
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= G(() => {}, ["prevent"]),
 				onClick: a
-			}, [O("span", Lt, [k(c, {
+			}, [O("span", zt, [k(c, {
 				name: "settings",
-				size: Jt
-			})]), O("span", Rt, R(z(o)("imageWrap.menu.imageProperties")), 1)], 32)) : E("", !0),
-			e.canOpenProperties ? (F(), D("div", zt)) : E("", !0),
+				size: Q
+			})]), O("span", Bt, R(z(o)("imageWrap.menu.imageProperties")), 1)], 32)) : E("", !0),
+			e.canOpenProperties ? (F(), D("div", Vt)) : E("", !0),
 			(F(!0), D(C, null, L(z(l), (e) => (F(), D("button", {
 				key: e.choice,
 				type: "button",
@@ -1128,17 +1129,17 @@ var at = /* @__PURE__ */ A({
 				onMousedown: n[2] ||= G(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				O("span", Vt, [k(c, {
+				O("span", Ut, [k(c, {
 					name: f(e.iconHint),
-					size: Jt
+					size: Q
 				}, null, 8, ["name"])]),
-				O("span", Ht, R(z(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				O("span", Wt, R(z(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
 				e.choice === u.value ? (F(), D("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
 					"aria-label": z(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Ut)) : E("", !0)
-			], 42, Bt))), 128)),
+				}, "●", 8, Gt)) : E("", !0)
+			], 42, Ht))), 128)),
 			e.textActions && e.textActions.length > 0 ? (F(), D(C, { key: 2 }, [n[5] ||= O("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
@@ -1149,10 +1150,10 @@ var at = /* @__PURE__ */ A({
 				disabled: e.disabled,
 				onMousedown: n[3] ||= G(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [O("span", Gt, R(e.label), 1), e.shortcut ? (F(), D("span", Kt, R(e.shortcut), 1)) : E("", !0)], 40, Wt), e.dividerAfter ? (F(), D("div", qt)) : E("", !0)], 64))), 128))], 64)) : E("", !0)
-		], 44, It)) : E("", !0)]));
+			}, [O("span", qt, R(e.label), 1), e.shortcut ? (F(), D("span", Jt, R(e.shortcut), 1)) : E("", !0)], 40, Kt), e.dividerAfter ? (F(), D("div", Yt)) : E("", !0)], 64))), 128))], 64)) : E("", !0)
+		], 44, Rt)) : E("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c21ca8c"]]), Zt = /* @__PURE__ */ A({
+}), [["__scopeId", "data-v-5c21ca8c"]]), $t = /* @__PURE__ */ A({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1170,7 +1171,7 @@ var at = /* @__PURE__ */ A({
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (F(), D(C, null, [k(Ft, {
+		return (t, r) => (F(), D(C, null, [k(Lt, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1190,7 +1191,7 @@ var at = /* @__PURE__ */ A({
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), k(Xt, {
+		]), k(Qt, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1204,7 +1205,7 @@ var at = /* @__PURE__ */ A({
 			"can-open-properties"
 		])], 64));
 	}
-}), Qt = ["href", "title"], $t = ["title"], en = ["title"], tn = ["title"], nn = { class: "docx-hyperlink-popup__edit-row" }, rn = ["placeholder", "onKeydown"], an = { class: "docx-hyperlink-popup__edit-row" }, $ = ["onKeydown"], on = ["disabled"], sn = /* @__PURE__ */ b(/* @__PURE__ */ A({
+}), en = ["href", "title"], tn = ["title"], nn = ["title"], rn = ["title"], an = { class: "docx-hyperlink-popup__edit-row" }, $ = ["placeholder", "onKeydown"], on = { class: "docx-hyperlink-popup__edit-row" }, sn = ["onKeydown"], cn = ["disabled"], ln = /* @__PURE__ */ b(/* @__PURE__ */ A({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1253,28 +1254,28 @@ var at = /* @__PURE__ */ A({
 			class: le(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
 			style: M(u.value),
 			onMousedown: n[6] ||= G(() => {}, ["stop"])
-		}, [o.value ? (F(), D(C, { key: 1 }, [O("div", nn, [U(O("input", {
+		}, [o.value ? (F(), D(C, { key: 1 }, [O("div", an, [U(O("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: z(r)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
 			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[3] ||= W((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, rn), [[B, s.value]])]), O("div", an, [U(O("input", {
+		}, null, 40, $), [[B, s.value]])]), O("div", on, [U(O("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
 			onKeydown: [W(G(h, ["prevent"]), ["enter"]), n[5] ||= W((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, $), [[B, c.value]]), O("button", {
+		}, null, 40, sn), [[B, c.value]]), O("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
 			onClick: G(h, ["prevent"])
-		}, R(z(r)("common.apply")), 9, on)])], 64)) : (F(), D(C, { key: 0 }, [
+		}, R(z(r)("common.apply")), 9, cn)])], 64)) : (F(), D(C, { key: 0 }, [
 			n[10] ||= se("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-9d23bb12><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-9d23bb12></circle><path d=\"M2 12h20\" data-v-9d23bb12></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-9d23bb12></path></svg></span>", 1),
 			O("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
 				onClick: n[0] ||= G((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, R(e.data.href), 9, Qt),
+			}, R(e.data.href), 9, en),
 			n[11] ||= O("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
 			O("button", {
 				class: "docx-hyperlink-popup__btn",
@@ -1296,7 +1297,7 @@ var at = /* @__PURE__ */ A({
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), O("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, $t),
+			}), O("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, tn),
 			e.readOnly ? E("", !0) : (F(), D("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
@@ -1311,19 +1312,19 @@ var at = /* @__PURE__ */ A({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [O("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), O("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, en)),
+			}, [O("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), O("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, nn)),
 			e.readOnly ? E("", !0) : (F(), D("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
 				title: z(r)("hyperlinkPopup.removeLink"),
 				onClick: n[1] ||= G((e) => t.$emit("remove"), ["prevent"])
-			}, [...n[9] ||= [se("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-9d23bb12></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-9d23bb12></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-9d23bb12></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-9d23bb12></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-9d23bb12></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-9d23bb12></line></svg>", 1)]], 8, tn))
+			}, [...n[9] ||= [se("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-9d23bb12><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-9d23bb12></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-9d23bb12></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-9d23bb12></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-9d23bb12></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-9d23bb12></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-9d23bb12></line></svg>", 1)]], 8, rn))
 		], 64))], 38)) : E("", !0);
 	}
 }), [["__scopeId", "data-v-9d23bb12"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function cn(e) {
+function un(e) {
 	let t = I(null);
 	async function n() {
 		await e.nextTick(), e.extractCommentsAndChanges(), e.emit("ready");
@@ -1369,7 +1370,7 @@ function cn(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function ln(e) {
+function dn(e) {
 	let t = I(null);
 	function n(t) {
 		let n = e.editorView.value;
@@ -1431,7 +1432,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function un(e) {
+function fn(e) {
 	function t() {
 		let t = e.editorView.value;
 		t && (pe(t.state, t.dispatch, t), t.focus());
@@ -1462,11 +1463,11 @@ function un(e) {
 	function a(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Qe(n.state.doc, t.paraId);
+		let r = et(n.state.doc, t.paraId);
 		if (!r) return !1;
 		let i = r.from + 1, a = r.to - 1;
 		if (t.search) {
-			let e = tt(n.state.doc, r.from, r.to, t.search);
+			let e = rt(n.state.doc, r.from, r.to, t.search);
 			if (!e) return !1;
 			i = e.from, a = e.to;
 		}
@@ -1487,7 +1488,7 @@ function un(e) {
 	function o(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Qe(n.state.doc, t.paraId);
+		let r = et(n.state.doc, t.paraId);
 		if (!r) return !1;
 		let i = e.getDocument(), a = i?.package?.styles ? Ve(i.package.styles) : null;
 		if (a && !a.hasParagraphStyle(t.styleId)) return !1;
@@ -1513,7 +1514,7 @@ function un(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function dn(e) {
+function pn(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -1568,7 +1569,7 @@ function dn(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function fn(e) {
+function mn(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
@@ -1598,7 +1599,7 @@ function fn(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function pn(e) {
+function hn(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -1610,7 +1611,7 @@ function pn(e) {
 }
 //#endregion
 //#region src/utils/commentFactories.ts
-function mn(e, t, n, r) {
+function gn(e, t, n, r) {
 	return {
 		id: e.reduce((e, t) => Math.max(e, t.id), 0) + 1,
 		author: n,
@@ -1632,9 +1633,9 @@ function mn(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function hn(e) {
+function _n(e) {
 	function t(t, n, r) {
-		return mn(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
+		return gn(e.getDocument()?.package?.document?.comments ?? [], t, n, r);
 	}
 	function n(n) {
 		let r = e.getDocument(), i = e.editorView.value;
@@ -1642,11 +1643,11 @@ function hn(e) {
 		r.package.document.comments || (r.package.document.comments = []);
 		let a = i.state.schema.marks.comment;
 		if (!a) return null;
-		let o = Qe(i.state.doc, n.paraId);
+		let o = et(i.state.doc, n.paraId);
 		if (!o) return null;
 		let s = o.from + 1, c = o.to - 1;
 		if (n.search) {
-			let e = tt(i.state.doc, o.from, o.to, n.search);
+			let e = rt(i.state.doc, o.from, o.to, n.search);
 			if (!e) return null;
 			s = e.from, c = e.to;
 		}
@@ -1671,14 +1672,14 @@ function hn(e) {
 		if (!n) return !1;
 		let { schema: r } = n.state;
 		if (!r.marks.deletion || !r.marks.insertion) return !1;
-		let i = Qe(n.state.doc, t.paraId);
+		let i = et(n.state.doc, t.paraId);
 		if (!i) return !1;
 		let a = t.search === "", o = t.replaceWith === "";
 		if (a && o) return !1;
 		let s, c;
 		if (a) s = i.to - 1, c = i.to - 1;
 		else {
-			let e = tt(n.state.doc, i.from, i.to, t.search);
+			let e = rt(n.state.doc, i.from, i.to, t.search);
 			if (!e) return !1;
 			s = e.from, c = e.to;
 		}
@@ -1751,7 +1752,7 @@ function hn(e) {
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function gn(e, t) {
+function vn(e, t) {
 	let n = X(e);
 	for (let e of n) {
 		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
@@ -1759,7 +1760,7 @@ function gn(e, t) {
 	}
 	return null;
 }
-function _n(e, t, n) {
+function yn(e, t, n) {
 	if (!e || !t) return;
 	let r = null;
 	for (let t of X(e)) {
@@ -1776,21 +1777,21 @@ function _n(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function vn(e, t, n, r) {
+function bn(e, t, n, r) {
 	if (!e || !t) return null;
 	let i = Y(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function yn(e, t, n) {
+function xn(e, t, n) {
 	if (!e) return;
-	let r = gn(e, t);
+	let r = vn(e, t);
 	if (!r) return;
 	let i = r.textContent || "", a = Number(r.dataset.pmStart) || 0, [o, s] = he(i, t - a), c = a + o, l = a + s;
 	c < l && n(c, l);
 }
-function bn(e, t, n) {
+function Sn(e, t, n) {
 	if (!e) return;
-	let r = gn(e, t);
+	let r = vn(e, t);
 	if (!r) return;
 	let i = r.closest(".layout-paragraph");
 	if (!i) return;
@@ -1799,7 +1800,7 @@ function bn(e, t, n) {
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function xn(e) {
+function Cn(e) {
 	let t = I(null), n = I(null), r = I(null), i = I(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
@@ -1822,7 +1823,7 @@ function xn(e) {
 			t.value = null;
 			return;
 		}
-		let s = o.getBoundingClientRect(), c = gn(a, r);
+		let s = o.getBoundingClientRect(), c = vn(a, r);
 		if (!c) {
 			t.value = null;
 			return;
@@ -1884,7 +1885,7 @@ function xn(e) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package) return;
 		i.package.document.comments || (i.package.document.comments = []);
-		let o = mn(i.package.document.comments, t, "User");
+		let o = gn(i.package.document.comments, t, "User");
 		i.package.document.comments.push(o), e.comments.value = [...i.package.document.comments];
 		let s = n.value;
 		if (a && s && s.from !== s.to) {
@@ -1933,7 +1934,7 @@ function xn(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function Sn(e) {
+function wn(e) {
 	let t = fe(null), n = I(!1), r = w(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
@@ -1992,10 +1993,10 @@ function Sn(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Cn(e, t) {
+function Tn(e, t) {
 	return e.getBlob(t);
 }
-function wn(e, t) {
+function En(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({
@@ -2007,13 +2008,13 @@ function wn(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Tn(e) {
+function Dn(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function En(e) {
+function On(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2025,13 +2026,13 @@ function En(e) {
 		}), n.src = e;
 	});
 }
-async function Dn(e) {
+async function kn(e) {
 	try {
 		let t = await navigator.clipboard.read();
 		for (let n of t) {
 			let t = n.types.find((e) => e.startsWith("image/"));
 			if (t) {
-				let r = await Tn(await Cn(n, t)), i = await En(r), a = i.width, o = i.height;
+				let r = await Dn(await Tn(n, t)), i = await On(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,
@@ -2045,7 +2046,7 @@ async function Dn(e) {
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await Cn(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await Tn(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,
@@ -2060,7 +2061,7 @@ async function Dn(e) {
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await Cn(n, "text/plain")).text();
+				let t = await (await Tn(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2076,14 +2077,14 @@ async function Dn(e) {
 		}
 	}
 }
-function On(e, t) {
+function An(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = document.createElement("input");
 	r.type = "file", r.accept = "image/*", r.onchange = async () => {
 		let i = r.files?.[0];
 		if (!i) return;
-		let a = await Tn(i), o = await En(a), s = n.attrs.width || o.width, c = n.attrs.height || o.height, l = Math.min(s / o.width, c / o.height), u = Math.round(o.width * l), d = Math.round(o.height * l);
+		let a = await Dn(i), o = await On(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,
@@ -2098,7 +2099,7 @@ function On(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function kn(e) {
+function jn(e) {
 	let { t } = n(), r = I({
 		isOpen: !1,
 		position: {
@@ -2219,16 +2220,16 @@ function kn(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					wn(n, e.selectedImage.value.pmPos);
+					En(n, e.selectedImage.value.pmPos);
 					let t = e.selectedImage.value.pmPos, r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
 				} else document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? wn(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? En(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				Dn(n);
+				kn(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2249,7 +2250,7 @@ function kn(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && On(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && An(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2284,8 +2285,8 @@ function kn(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var An = 500;
-function jn(e) {
+var Mn = 500;
+function Nn(e) {
 	let t = I(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
@@ -2296,7 +2297,7 @@ function jn(e) {
 		visible: !1
 	}), d = null;
 	function f(t, n) {
-		return vn(e.pagesRef.value, e.editorView.value, t, n);
+		return bn(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function p(t, n) {
 		let r = e.editorView.value;
@@ -2305,13 +2306,13 @@ function jn(e) {
 		r.dispatch(r.state.tr.setSelection(o));
 	}
 	function m(t) {
-		_n(e.pagesRef.value, e.pagesViewportRef.value, t);
+		yn(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function h(t) {
-		yn(e.pagesRef.value, t, p);
+		xn(e.pagesRef.value, t, p);
 	}
 	function g(t) {
-		bn(e.pagesRef.value, t, p);
+		Sn(e.pagesRef.value, t, p);
 	}
 	function _(t) {
 		let n = e.editorView.value;
@@ -2454,7 +2455,7 @@ function jn(e) {
 			return;
 		}
 		let d = Date.now();
-		if (d - a < An && o === u ? s++ : s = 1, a = d, o = u, s === 2) h(u);
+		if (d - a < Mn && o === u ? s++ : s = 1, a = d, o = u, s === 2) h(u);
 		else if (s >= 3) g(u), s = 0;
 		else {
 			if (t.shiftKey) {
@@ -2520,7 +2521,7 @@ function jn(e) {
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function Mn(e) {
+function Pn(e) {
 	let t = null, n = null;
 	function r() {
 		let r = e.pagesRef.value;
@@ -2598,7 +2599,7 @@ function Mn(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function Nn(e) {
+function Fn(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -2668,7 +2669,7 @@ function Nn(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function Pn(e) {
+function In(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
@@ -2687,7 +2688,7 @@ function Pn(e) {
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function Fn(e) {
+function Ln(e) {
 	function t() {
 		e.onPrint?.(), window.print();
 	}
@@ -2729,20 +2730,20 @@ function Fn(e) {
 	function l(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Qe(n.state.doc, t);
+		let r = et(n.state.doc, t);
 		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
 	}
 	function u(t, n) {
-		return nt(e.editorView.value, t, n);
+		return it(e.editorView.value, t, n);
 	}
 	function d() {
-		return rt(e.editorView.value);
+		return at(e.editorView.value);
 	}
 	function f() {
 		return e.comments.value;
 	}
 	function p(t) {
-		return it(e.editorView.value, e.layout.value, t);
+		return ot(e.editorView.value, e.layout.value, t);
 	}
 	function m(t) {
 		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
@@ -2784,16 +2785,16 @@ function Fn(e) {
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
+var Rn = { class: "docx-editor-vue__toolbar-shell" }, zn = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Rn = {
+}, Bn = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, zn = { class: "docx-editor-vue__editor-area" }, Bn = {
+}, Vn = { class: "docx-editor-vue__editor-area" }, Hn = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, Vn = ["title"], Hn = ["title", "aria-label"], Un = /* @__PURE__ */ A({
+}, Un = ["title"], Wn = ["title", "aria-label"], Gn = /* @__PURE__ */ A({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -2900,7 +2901,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			onError: (e) => a("error", e),
 			onSelectionUpdate: () => {
 				v.value++, er();
-				let e = rt(J.value);
+				let e = at(J.value);
 				x.forEach((t) => t(e));
 			}
 		}), Z = w(() => {
@@ -2944,7 +2945,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), { floatingCommentBtn: Ue, pendingCommentRange: We, addCommentYPosition: Ge, sidebarAutoOpenedRef: Ke, extractCommentsAndChanges: qe, handleAddComment: Je, handleCancelAddComment: Ye, handleStartAddComment: Xe, handleMarkerClick: Qe } = xn({
+		}), { floatingCommentBtn: Ue, pendingCommentRange: We, addCommentYPosition: Ge, sidebarAutoOpenedRef: Ke, extractCommentsAndChanges: qe, handleAddComment: Je, handleCancelAddComment: Ye, handleStartAddComment: Xe, handleMarkerClick: Qe } = Cn({
 			editorView: J,
 			getDocument: Y,
 			comments: K,
@@ -2959,7 +2960,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			pagesRef: d,
 			pagesViewportRef: g,
 			emit: a
-		}), { docxInputRef: $e, handleDocxFileChange: et, handleDocumentNameChange: tt, downloadCurrentDocument: nt, emitReadyAfterSidebarStateRefresh: it, loadDocumentBuffer: ot, loadDocument: st, save: ct } = cn({
+		}), { docxInputRef: $e, handleDocxFileChange: et, handleDocumentNameChange: tt, downloadCurrentDocument: nt, emitReadyAfterSidebarStateRefresh: rt, loadDocumentBuffer: it, loadDocument: ot, save: ct } = un({
 			loadBuffer: Ae,
 			loadParsedDocument: je,
 			getDocument: Y,
@@ -2969,20 +2970,20 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			documentName: () => i.documentName,
 			onDocumentNameChange: i.onDocumentNameChange,
 			nextTick: j
-		}), { hyperlinkPopupData: lt, handleHyperlinkSubmit: ut, handleHyperlinkRemove: dt, handleHyperlinkPopupNavigate: pt, handleHyperlinkPopupEdit: mt, handleHyperlinkPopupRemove: ht } = ln({
+		}), { hyperlinkPopupData: lt, handleHyperlinkSubmit: ut, handleHyperlinkRemove: dt, handleHyperlinkPopupNavigate: ft, handleHyperlinkPopupEdit: pt, handleHyperlinkPopupRemove: ht } = dn({
 			editorView: J,
 			getCommands: X
-		}), { handleClearFormatting: gt, handleApplyStyle: yt, handleInsertPageBreak: bt, handleInsertSymbol: xt, applyFormatting: Ct, setParagraphStyle: wt } = un({
+		}), { handleClearFormatting: gt, handleApplyStyle: _t, handleInsertPageBreak: vt, handleInsertSymbol: xt, applyFormatting: St, setParagraphStyle: Ct } = fn({
 			editorView: J,
 			getDocument: Y
-		}), { handlePageSetupApply: Tt, handleLeftMarginChange: Et, handleRightMarginChange: kt, handleTopMarginChange: At, handleBottomMarginChange: jt, handleIndentLeftChange: Mt, handleIndentRightChange: Nt, handleFirstLineIndentChange: Pt, handleTabStopRemove: Ft } = dn({
+		}), { handlePageSetupApply: Tt, handleLeftMarginChange: Et, handleRightMarginChange: Dt, handleTopMarginChange: Ot, handleBottomMarginChange: jt, handleIndentLeftChange: Mt, handleIndentRightChange: Nt, handleFirstLineIndentChange: Pt, handleTabStopRemove: Ft } = pn({
 			editorView: J,
 			getDocument: Y,
 			readOnly: s,
 			stateTick: v,
 			reLayout: Ie,
 			emit: a
-		}), { handleToggleOutline: It, handleOutlineNavigate: Lt, handleToggleSidebar: Rt, handleEditorScrollMouseDown: zt } = fn({
+		}), { handleToggleOutline: It, handleOutlineNavigate: Lt, handleToggleSidebar: Rt, handleEditorScrollMouseDown: zt } = mn({
 			editorView: J,
 			showOutline: L,
 			showSidebar: U,
@@ -2990,14 +2991,14 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			activeSidebarItem: pe,
 			extractCommentsAndChanges: qe
 		});
-		pn({
+		hn({
 			showKeyboardShortcuts: B,
 			showFindReplace: C,
 			showHyperlink: ae,
 			handleZoomKeyDown: we,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: Bt, replyToComment: Vt, resolveComment: Ht, proposeChange: Ut, handleCommentReply: Wt, handleCommentUnresolve: Gt, handleCommentDelete: Kt, handleAcceptChange: qt, handleRejectChange: Jt, handleTrackedChangeReply: Yt } = hn({
+		let { addComment: Bt, replyToComment: Vt, resolveComment: Ht, proposeChange: Ut, handleCommentReply: Wt, handleCommentUnresolve: Gt, handleCommentDelete: Kt, handleAcceptChange: qt, handleRejectChange: Jt, handleTrackedChangeReply: Yt } = _n({
 			editorView: J,
 			getDocument: Y,
 			comments: K,
@@ -3008,12 +3009,12 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			contentChangeSubscribers: b,
 			extractCommentsAndChanges: qe,
 			emit: a
-		}), { selectedImage: Q, imageInteracting: Xt, imageToolbarContext: Qt, handleInsertImage: $t, handleToolbarImageWrap: en, handleImageTransform: tn } = Sn({
+		}), { selectedImage: Q, imageInteracting: Xt, imageToolbarContext: Zt, handleInsertImage: Qt, handleToolbarImageWrap: en, handleImageTransform: tn } = wn({
 			editorView: J,
 			zoom: q,
 			stateTick: v,
 			getCommands: X
-		}), nn = S(), rn = null, { tableInsertButton: an, hfEdit: $, scrollPageInfo: on, resolvePos: mn, setPmSelection: gn, scrollVisiblePositionIntoView: _n, handlePagesMouseDown: vn, handlePagesMouseMove: yn, handlePagesClick: bn, handlePagesDoubleClick: Cn, handleTableInsertClick: wn, clearTableInsertTimer: Tn, handleHfSave: En, handleHfRemove: Dn } = jn({
+		}), nn = S(), rn = null, { tableInsertButton: an, hfEdit: $, scrollPageInfo: on, resolvePos: sn, setPmSelection: cn, scrollVisiblePositionIntoView: gn, handlePagesMouseDown: vn, handlePagesMouseMove: yn, handlePagesClick: bn, handlePagesDoubleClick: xn, handleTableInsertClick: Sn, clearTableInsertTimer: Tn, handleHfSave: En, handleHfRemove: Dn } = Nn({
 			editorView: J,
 			pagesRef: d,
 			pagesViewportRef: g,
@@ -3029,16 +3030,16 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			reLayout: Ie,
 			emit: a,
 			clearOverlay: $n
-		}), { contextMenu: On, imageContextMenu: An, imageContextMenuTextActions: Un, handleContextMenu: Wn, handleSelectedImageContextMenu: Gn, handleImageWrapSelect: Kn, handleContextMenuAction: qn } = kn({
+		}), { contextMenu: On, imageContextMenu: kn, imageContextMenuTextActions: An, handleContextMenu: Mn, handleSelectedImageContextMenu: Gn, handleImageWrapSelect: Kn, handleContextMenuAction: qn } = jn({
 			editorView: J,
 			selectedImage: Q,
 			zoom: q,
 			showImageProperties: A,
 			getCommands: X,
 			clearOverlay: $n,
-			setPmSelection: gn,
-			resolvePos: mn
-		}), { handleMenuAction: Jn, handleMenuTableInsert: Yn } = Nn({
+			setPmSelection: cn,
+			resolvePos: sn
+		}), { handleMenuAction: Jn, handleMenuTableInsert: Yn } = Fn({
 			editorView: J,
 			getCommands: X,
 			docxInputRef: $e,
@@ -3048,17 +3049,17 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			showInsertSymbol: se,
 			showKeyboardShortcuts: B,
 			handleClearFormatting: gt,
-			handleInsertPageBreak: bt,
+			handleInsertPageBreak: vt,
 			handleToggleOutline: It,
 			handleToggleSidebar: Rt,
 			downloadCurrentDocument: nt,
 			emit: a
 		});
-		Pn({
+		In({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
-			loadDocumentBuffer: ot,
-			loadDocument: st,
+			loadDocumentBuffer: it,
+			loadDocument: ot,
 			sidebarAutoOpenedRef: Ke
 		});
 		let Xn = () => J.value, Zn = () => d.value;
@@ -3081,7 +3082,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 		function er() {
 			tr.updateSelectionOverlay();
 		}
-		let tr = Mn({
+		let tr = Pn({
 			editorView: J,
 			pagesRef: d,
 			selectedImage: Q
@@ -3089,7 +3090,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 		N(() => {
 			$n();
 		});
-		let { exposed: nr } = Fn({
+		let { exposed: nr } = Ln({
 			editorView: J,
 			layout: ke,
 			pagesRef: d,
@@ -3101,15 +3102,15 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			getDocument: Y,
 			setZoom: be,
 			save: ct,
-			loadDocument: st,
-			loadDocumentBuffer: ot,
+			loadDocument: ot,
+			loadDocumentBuffer: it,
 			addComment: Bt,
 			replyToComment: Vt,
 			resolveComment: Ht,
 			proposeChange: Ut,
-			applyFormatting: Ct,
-			setParagraphStyle: wt,
-			scrollVisiblePositionIntoView: _n,
+			applyFormatting: St,
+			setParagraphStyle: Ct,
+			scrollVisiblePositionIntoView: gn,
 			contentChangeSubscribers: b,
 			selectionChangeSubscribers: x,
 			onPrint: i.onPrint
@@ -3127,7 +3128,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 			]),
 			style: M(e.style)
 		}, [
-			O("div", In, [k(Dt, {
+			O("div", Rn, [k(kt, {
 				"show-menu-bar": e.showMenuBar,
 				"document-name": e.documentName,
 				"document-name-editable": e.documentNameEditable,
@@ -3161,11 +3162,11 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": o.value,
 				"comments-sidebar-open": U.value,
-				"image-context": z(Qt),
+				"image-context": z(Zt),
 				theme: Le.value,
 				"font-families": e.fontFamilies,
 				onInsertLink: n[0] ||= (e) => ae.value = !0,
-				onApplyStyle: z(yt),
+				onApplyStyle: z(_t),
 				onZoomIn: z(xe),
 				onZoomOut: z(Se),
 				onZoomSet: z(be),
@@ -3217,7 +3218,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				"onImageWrapType",
 				"onImageTransform"
 			])) : E("", !0)]),
-			k(Ot, {
+			k(At, {
 				"show-find-replace": C.value,
 				"onUpdate:showFindReplace": n[2] ||= (e) => C.value = e,
 				"show-insert-image": ie.value,
@@ -3236,7 +3237,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				bookmarks: He.value,
 				"selected-image-pm-pos": z(Q)?.pmPos ?? null,
 				"section-properties": Z.value,
-				onInsertImage: z($t),
+				onInsertImage: z(Qt),
 				onInsertSymbol: z(xt),
 				onHyperlinkSubmit: z(ut),
 				onHyperlinkRemove: z(dt),
@@ -3259,8 +3260,8 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			z(Oe) ? (F(), D("div", Ln, R(z(Oe)), 1)) : E("", !0),
-			!z(De) && !z(Oe) ? (F(), D("div", Rn, "Loading...")) : E("", !0),
+			z(Oe) ? (F(), D("div", zn, R(z(Oe)), 1)) : E("", !0),
+			!z(De) && !z(Oe) ? (F(), D("div", Bn, "Loading...")) : E("", !0),
 			O("div", {
 				ref_key: "hiddenPmRef",
 				ref: u,
@@ -3278,7 +3279,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				zoom: z(q),
 				editable: !s.value,
 				onLeftMarginChange: z(Et),
-				onRightMarginChange: z(kt),
+				onRightMarginChange: z(Dt),
 				onIndentLeftChange: z(Mt),
 				onIndentRightChange: z(Nt),
 				onFirstLineIndentChange: z(Pt),
@@ -3293,7 +3294,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : E("", !0), O("div", zn, [
+			])], 4)) : E("", !0), O("div", Vn, [
 				O("div", {
 					ref_key: "pagesViewportRef",
 					ref: g,
@@ -3301,15 +3302,15 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 					onMousedown: n[22] ||= (...e) => z(vn) && z(vn)(...e),
 					onMousemove: n[23] ||= (...e) => z(yn) && z(yn)(...e),
 					onClick: n[24] ||= (...e) => z(bn) && z(bn)(...e),
-					onDblclick: n[25] ||= (...e) => z(Cn) && z(Cn)(...e),
-					onContextmenu: n[26] ||= G((...e) => z(Wn) && z(Wn)(...e), ["prevent"]),
+					onDblclick: n[25] ||= (...e) => z(xn) && z(xn)(...e),
+					onContextmenu: n[26] ||= G((...e) => z(Mn) && z(Mn)(...e), ["prevent"]),
 					onWheel: n[27] ||= (...e) => z(Ce) && z(Ce)(...e)
 				}, [
-					e.showRuler && Z.value ? (F(), D("div", Bn, [k(p, {
+					e.showRuler && Z.value ? (F(), D("div", Hn, [k(p, {
 						"section-props": Z.value,
 						zoom: z(q),
 						editable: !s.value,
-						onTopMarginChange: z(At),
+						onTopMarginChange: z(Ot),
 						onBottomMarginChange: z(jt)
 					}, null, 8, [
 						"section-props",
@@ -3324,7 +3325,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						class: "docx-editor-vue__pages paged-editor__pages",
 						style: M(Re.value)
 					}, null, 4),
-					k(St, {
+					k(wt, {
 						"is-open": z($) !== null,
 						position: z($)?.position ?? "header",
 						"header-footer": z($)?.headerFooter ?? null,
@@ -3344,7 +3345,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						"onSave",
 						"onRemove"
 					]),
-					k(ft, {
+					k(mt, {
 						"image-info": z(Q),
 						zoom: z(q),
 						view: z(J),
@@ -3359,7 +3360,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						"view",
 						"onContextMenu"
 					]),
-					k(at, {
+					k(st, {
 						"get-view": Xn,
 						"get-pages-container": Zn,
 						zoom: z(q),
@@ -3383,7 +3384,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 					}, [k(c, {
 						name: "add_comment",
 						size: 16
-					})], 44, Vn)) : E("", !0),
+					})], 44, Un)) : E("", !0),
 					z(an) && !s.value ? (F(), D("button", {
 						key: 2,
 						type: "button",
@@ -3394,7 +3395,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						}),
 						title: z(an).type === "row" ? "Insert row below" : "Insert column to the right",
 						"aria-label": z(an).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[15] ||= (...e) => z(wn) && z(wn)(...e),
+						onMousedown: n[15] ||= (...e) => z(Sn) && z(Sn)(...e),
 						onMouseenter: n[16] ||= (...e) => z(Tn) && z(Tn)(...e),
 						onMouseleave: n[17] ||= (e) => an.value = null
 					}, [...n[36] ||= [O("svg", {
@@ -3407,7 +3408,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, Hn)) : E("", !0),
+					})], -1)]], 44, Wn)) : E("", !0),
 					k(ee, {
 						comments: K.value,
 						"pages-container": d.value,
@@ -3467,12 +3468,12 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 						"onRejectChange",
 						"onTrackedChangeReply"
 					]),
-					k(sn, {
+					k(ln, {
 						data: z(lt),
 						"read-only": s.value,
-						onNavigate: z(pt),
+						onNavigate: z(ft),
 						onCopy: n[20] ||= (e) => lt.value = null,
-						onEdit: z(mt),
+						onEdit: z(pt),
 						onRemove: z(ht),
 						onClose: n[21] ||= (e) => lt.value = null
 					}, null, 8, [
@@ -3494,7 +3495,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 					name: "format_list_bulleted",
 					size: 20
 				})], 32)) : E("", !0),
-				z(on).totalPages > 1 ? (F(), T(vt, {
+				z(on).totalPages > 1 ? (F(), T(bt, {
 					key: 1,
 					"current-page": z(on).currentPage,
 					"total-pages": z(on).totalPages,
@@ -3504,7 +3505,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 					"total-pages",
 					"visible"
 				])) : E("", !0),
-				k(_t, {
+				k(yt, {
 					"is-open": L.value,
 					headings: ge.value,
 					onClose: n[30] ||= (e) => L.value = !1,
@@ -3523,16 +3524,16 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 				style: { display: "none" },
 				onChange: n[32] ||= (...e) => z(et) && z(et)(...e)
 			}, null, 544),
-			k(Zt, {
+			k($t, {
 				"read-only": s.value,
 				"context-menu": z(On),
-				"image-context-menu": z(An),
-				"image-context-menu-text-actions": z(Un),
+				"image-context-menu": z(kn),
+				"image-context-menu-text-actions": z(An),
 				"can-open-image-properties": !!z(Q),
 				onContextMenuAction: z(qn),
 				onCloseContextMenu: n[33] ||= (e) => z(On).isOpen = !1,
 				onImageWrapSelect: z(Kn),
-				onCloseImageContextMenu: n[34] ||= (e) => An.value = null,
+				onCloseImageContextMenu: n[34] ||= (e) => kn.value = null,
 				onOpenImageProperties: n[35] ||= (e) => A.value = !0
 			}, null, 8, [
 				"read-only",
@@ -3548,7 +3549,7 @@ var In = { class: "docx-editor-vue__toolbar-shell" }, Ln = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function Wn(e, t, n = {}) {
+async function Kn(e, t, n = {}) {
 	let r = e instanceof ArrayBuffer ? e : await _e(e), i = null, a = null, o = !1, s = {
 		save: async () => {
 			let e = await (i?.save() ?? Promise.resolve(null));
@@ -3571,7 +3572,7 @@ async function Wn(e, t, n = {}) {
 	};
 	return new Promise((e, c) => {
 		a = ae({ setup() {
-			return () => ce(Un, {
+			return () => ce(Gn, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -3595,6 +3596,6 @@ async function Wn(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var Gn = "0.0.2";
+var qn = "0.0.2";
 //#endregion
-export { Un as DocxEditor, Gn as VERSION, r as defaultLocale, a as i18nPlugin, f as provideLocale, Wn as renderAsync, n as useTranslation };
+export { Gn as DocxEditor, qn as VERSION, Qe as createDocumentWithText, $e as createEmptyDocument, r as defaultLocale, a as i18nPlugin, f as provideLocale, Kn as renderAsync, n as useTranslation };