@eigenpal/docx-editor-vue 1.5.0 → 1.6.0

package/dist/index.js

@@ -1,44 +1,45 @@
-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-DtuQzPxi.js";
-import { a as f, c as p, h as m, i as h, o as g, s as _, t as v, x as y } from "./MenuBar-DfQrRpyI.js";
+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-OPAV0oVm.js";
+import { a as f, c as p, h as m, i as h, o as g, s as _, t as v, x as y } from "./MenuBar-BLKoZqG3.js";
 import { t as b } from "./_plugin-vue_export-helper-B52Kst-M.js";
 import { n as x } from "./RenderedDomContext-CHc18N_2.js";
 import { t as S } from "./zIndex-CxELVe_L.js";
-import { i as C, n as ee, r as te, t as ne } from "./useDragAutoScroll-BNPB-6SM.js";
-import { Fragment as w, Teleport as T, computed as E, createApp as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as re, createStaticVNode as ie, createTextVNode as ae, createVNode as M, defineComponent as N, h as oe, isRef as se, nextTick as ce, normalizeClass as le, normalizeStyle as P, onBeforeUnmount as F, onMounted as I, openBlock as L, ref as R, renderList as z, renderSlot as ue, resolveDynamicComponent as de, shallowRef as fe, toDisplayString as B, unref as V, vModelCheckbox as H, vModelSelect as pe, vModelText as U, watch as W, withCtx as me, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
-import { NodeSelection as J, TextSelection as he } from "prosemirror-state";
-import { applyCellSelectionHighlight as Y, clickToPositionDom as ge, computeHfCaretRectFromView as _e, computeHfSelectionRectsFromView as ve, findBodyPmAnchor as X, findBodyPmSpans as ye } from "@eigenpal/docx-editor-core/layout-bridge";
-import { clampRangeToDoc as be, findChangeRange as xe, findCommentRange as Se, findInDocument as Ce, getPageContent as we, getSelectionInfo as Te } from "@eigenpal/docx-editor-core/prosemirror/queries";
-import { LayoutSelectionGate as Ee, addRepeatingSectionItemTr as De, extractSelectionState as Oe, findContentControlPos as ke, findContentControlsInPM as Ae, removeContentControlTr as je, removeRepeatingSectionItemTr as Z, schema as Me, setContentControlContentTr as Ne, setContentControlValueAtPosTr as Pe, setContentControlValueTr as Fe } from "@eigenpal/docx-editor-core/prosemirror";
-import { SIDEBAR_DOCUMENT_SHIFT as Ie, findWordBoundaries as Le, loadFontDefinitions as Re, onFontError as ze, pixelsToEmu as Be, readDocxFileFromInput as Q, toArrayBuffer as Ve } from "@eigenpal/docx-editor-core/utils";
-import { extractSelectionContext as He } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
-import { clearFormatting as Ue, findHyperlinkRangeAt as We } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
-import { getTableContext as Ge } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
-import { clickToPositionDom as Ke, getCaretPositionFromDom as qe, getSelectionRectsFromDom as Je } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
-import { calculateResizedImageDimensions as Ye, commitImageFloatMove as Xe, commitImageInlineMove as Ze, commitImageResize as Qe, isFloatingImage as $e } from "@eigenpal/docx-editor-core/prosemirror/imageCommit";
-import { IMAGE_LAYOUT_OPTIONS as et, captureInlinePositionEmu as tt, deriveLayoutChoice as nt, findImageElement as rt, isImageLayoutOptionEnabled as it, renderAllPagesNow as at, toolbarValueToLayoutTarget as ot } from "@eigenpal/docx-editor-core/layout-painter";
-import { proseDocToBlocks as st } from "@eigenpal/docx-editor-core/prosemirror/conversion";
-import { twipsToPixels as ct } from "@eigenpal/docx-editor-core/utils/units";
-import { pictureWatermarkDisplayEmu as lt } from "@eigenpal/docx-editor-core/types/document";
-import { makeRevisionInfo as ut } from "@eigenpal/docx-editor-core/prosemirror/plugins";
-import { findPageIndexContainingPmPos as dt } from "@eigenpal/docx-editor-core/layout-engine";
-import { acceptChange as ft, acceptChangeById as pt, getWatermarkFromState as mt, insertImageFromFile as ht, rejectChange as gt, rejectChangeById as _t, setWatermark as vt } from "@eigenpal/docx-editor-core/prosemirror/commands";
-import { applyStyle as yt, removeTabStop as bt, setIndentFirstLine as xt, setIndentLeft as St, setIndentRight as Ct } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
-import { createStyleResolver as wt } from "@eigenpal/docx-editor-core/prosemirror/styles";
-import { getCachedNumberingMap as Tt } from "@eigenpal/docx-editor-core/docx";
-import { insertPageBreak as Et } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
-import { applyFormatting as Dt, setParagraphStyle as Ot } from "@eigenpal/docx-editor-core/prosemirror/applyFormatting";
-import { collectHeadings as kt } from "@eigenpal/docx-editor-core/utils/headingCollector";
-import { addCommentToRange as At, applyProposedChange as jt, createComment as Mt } from "@eigenpal/docx-editor-core/prosemirror/commentOps";
-import { PENDING_COMMENT_ID as Nt, createCommentIdAllocator as Pt, seedCommentAllocator as Ft } from "@eigenpal/docx-editor-core/prosemirror/commentIdAllocator";
-import { extractTrackedChanges as It } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
-import { TABLE_INSERT_HIDE_DELAY_MS as Lt, detectTableInsertHover as Rt } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
-import { createCellDragTracker as zt, findCellPosFromPmPos as Bt } from "@eigenpal/docx-editor-core/prosemirror/cellDragSelection";
-import { openReportIssue as Vt } from "@eigenpal/docx-editor-core/utils/reportIssue";
-import { ContentControlNotFoundError as Ht } from "@eigenpal/docx-editor-core/agent";
-import { findParaIdRange as Ut } from "@eigenpal/docx-editor-core/prosemirror/paraText";
-import { createDocumentWithText as Wt, createEmptyDocument as Gt } from "@eigenpal/docx-editor-core";
+import { i as C, n as ee, r as te, t as ne } from "./useDragAutoScroll-B21Ec-Zy.js";
+import { Fragment as w, Teleport as T, computed as E, createApp as re, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createSlots as ie, createStaticVNode as ae, createTextVNode as j, createVNode as M, defineComponent as N, h as P, isRef as oe, nextTick as se, normalizeClass as ce, normalizeStyle as F, onBeforeUnmount as I, onMounted as le, openBlock as L, ref as R, renderList as ue, renderSlot as de, resolveDynamicComponent as fe, shallowRef as pe, toDisplayString as z, unref as B, vModelCheckbox as V, vModelSelect as me, vModelText as H, watch as U, watchEffect as W, withCtx as he, withDirectives as G, withKeys as K, withModifiers as q } from "vue";
+import { NodeSelection as J, TextSelection as Y } from "prosemirror-state";
+import { applyCellSelectionHighlight as ge, clickToPositionDom as _e, computeHfCaretRectFromView as ve, computeHfSelectionRectsFromView as ye, findBodyPmAnchor as X, findBodyPmSpans as be } from "@eigenpal/docx-editor-core/layout-bridge";
+import { clampRangeToDoc as xe, findChangeRange as Se, findCommentRange as Ce, findInDocument as we, getPageContent as Te, getSelectionInfo as Ee } from "@eigenpal/docx-editor-core/prosemirror/queries";
+import { LayoutSelectionGate as De, addRepeatingSectionItemTr as Oe, extractSelectionState as ke, findContentControlPos as Ae, findContentControlsInPM as je, removeContentControlTr as Me, removeRepeatingSectionItemTr as Z, schema as Ne, setContentControlContentTr as Pe, setContentControlValueAtPosTr as Fe, setContentControlValueTr as Ie } from "@eigenpal/docx-editor-core/prosemirror";
+import { SIDEBAR_DOCUMENT_SHIFT as Le, findWordBoundaries as Re, loadFontDefinitions as ze, onFontError as Be, pixelsToEmu as Ve, prefersColorSchemeDark as Q, readDocxFileFromInput as He, resolveIsDark as Ue, subscribeSystemDark as We, toArrayBuffer as Ge } from "@eigenpal/docx-editor-core/utils";
+import { extractSelectionContext as Ke } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
+import { clearFormatting as qe, findHyperlinkRangeAt as Je } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { getTableContext as Ye } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { clickToPositionDom as Xe, getCaretPositionFromDom as Ze, getSelectionRectsFromDom as Qe } from "@eigenpal/docx-editor-core/layout-bridge/clickToPositionDom";
+import { calculateResizedImageDimensions as $e, commitImageFloatMove as et, commitImageInlineMove as tt, commitImageResize as nt, isFloatingImage as rt } from "@eigenpal/docx-editor-core/prosemirror/imageCommit";
+import { IMAGE_LAYOUT_OPTIONS as it, captureInlinePositionEmu as at, deriveLayoutChoice as ot, findImageElement as st, isImageLayoutOptionEnabled as ct, renderAllPagesNow as lt, toolbarValueToLayoutTarget as ut } from "@eigenpal/docx-editor-core/layout-painter";
+import { proseDocToBlocks as dt } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import { twipsToPixels as ft } from "@eigenpal/docx-editor-core/utils/units";
+import { DEFAULT_WATERMARK_PRESETS as pt, pictureWatermarkDisplayEmu as mt } from "@eigenpal/docx-editor-core/types/document";
+import { makeRevisionInfo as ht } from "@eigenpal/docx-editor-core/prosemirror/plugins";
+import { findPageIndexContainingPmPos as gt } from "@eigenpal/docx-editor-core/layout-engine";
+import { acceptChange as _t, acceptChangeById as vt, getWatermarkFromState as yt, insertImageFromFile as bt, rejectChange as xt, rejectChangeById as St, setWatermark as Ct } from "@eigenpal/docx-editor-core/prosemirror/commands";
+import { applyStyle as wt, removeTabStop as Tt, setIndentFirstLine as Et, setIndentLeft as Dt, setIndentRight as Ot } from "@eigenpal/docx-editor-core/prosemirror/commands/paragraph";
+import { createStyleResolver as kt } from "@eigenpal/docx-editor-core/prosemirror/styles";
+import { getCachedNumberingMap as At } from "@eigenpal/docx-editor-core/docx";
+import { insertPageBreak as jt } from "@eigenpal/docx-editor-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as Mt, insertSectionBreakNextPage as Nt } from "@eigenpal/docx-editor-core/prosemirror/commands/sectionBreak";
+import { applyFormatting as Pt, insertBreak as Ft, setParagraphStyle as It } from "@eigenpal/docx-editor-core/prosemirror/applyFormatting";
+import { collectHeadings as Lt } from "@eigenpal/docx-editor-core/utils/headingCollector";
+import { addCommentToRange as Rt, applyProposedChange as zt, createComment as Bt } from "@eigenpal/docx-editor-core/prosemirror/commentOps";
+import { PENDING_COMMENT_ID as Vt, createCommentIdAllocator as Ht, seedCommentAllocator as Ut } from "@eigenpal/docx-editor-core/prosemirror/commentIdAllocator";
+import { extractTrackedChanges as Wt } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { TABLE_INSERT_HIDE_DELAY_MS as Gt, detectTableInsertHover as Kt } from "@eigenpal/docx-editor-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as qt, findCellPosFromPmPos as Jt } from "@eigenpal/docx-editor-core/prosemirror/cellDragSelection";
+import { openReportIssue as Yt } from "@eigenpal/docx-editor-core/utils/reportIssue";
+import { ContentControlNotFoundError as Xt } from "@eigenpal/docx-editor-core/agent";
+import { findParaIdRange as Zt } from "@eigenpal/docx-editor-core/prosemirror/paraText";
+import { createDocumentWithText as Qt, createEmptyDocument as $t } from "@eigenpal/docx-editor-core";
 //#region src/utils/domQueries.ts
-function Kt(e) {
+function en(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;
@@ -48,18 +49,18 @@ function Kt(e) {
 	}
 	return r;
 }
-function qt(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : ye(e);
+function tn(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : be(e);
 	for (let e of r) {
 		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
 		if (!isNaN(n) && !isNaN(r) && t >= n && t <= r) return e;
 	}
 	return null;
 }
-function Jt(e, t, n) {
+function nn(e, t, n) {
 	if (!e || !t) return;
 	let r = null;
-	for (let t of ye(e)) {
+	for (let t of be(e)) {
 		let e = Number(t.dataset.pmStart), i = Number(t.dataset.pmEnd);
 		if (Number.isFinite(e) && Number.isFinite(i) && n >= e && n <= i) {
 			r = t;
@@ -73,21 +74,21 @@ function Jt(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Yt(e, t, n, r) {
+function rn(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = ge(e, n, r, 1);
+	let i = _e(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Xt(e, t, n, r) {
+function an(e, t, n, r) {
 	if (!e) return;
-	let i = qt(e, t, r);
+	let i = tn(e, t, r);
 	if (!i) return;
-	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Le(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent || "", o = Number(i.dataset.pmStart) || 0, [s, c] = Re(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Zt(e, t, n, r) {
+function on(e, t, n, r) {
 	if (!e) return;
-	let i = qt(e, t, r);
+	let i = tn(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -96,7 +97,7 @@ function Zt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DecorationLayer.vue
-var Qt = /* @__PURE__ */ N({
+var sn = /* @__PURE__ */ N({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -114,13 +115,13 @@ var Qt = /* @__PURE__ */ N({
 				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
 			});
 		}
-		I(() => {
+		le(() => {
 			a = t.syncCoordinator.onRender(() => {
 				r.value++;
 			}), o();
-		}), F(() => {
+		}), I(() => {
 			i !== null && (cancelAnimationFrame(i), i = null), a?.();
-		}), W(() => [
+		}), U(() => [
 			t.zoom,
 			t.transactionVersion,
 			r.value
@@ -181,7 +182,7 @@ var Qt = /* @__PURE__ */ N({
 		function u(e) {
 			return e.type?.attrs ?? null;
 		}
-		return (e, t) => (L(), A("div", {
+		return (e, t) => (L(), k("div", {
 			ref_key: "overlayRef",
 			ref: n,
 			class: "paged-editor__decoration-overlay",
@@ -191,7 +192,7 @@ var Qt = /* @__PURE__ */ N({
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function $t(e) {
+function cn(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,
@@ -202,13 +203,13 @@ function $t(e) {
 }
 //#endregion
 //#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
-var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
+var ln = ["data-handle", "onMousedown"], un = ["title"], dn = {
 	key: 0,
 	class: "image-overlay__dim"
-}, rn = {
+}, fn = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, an = 4, on = 15, sn = 250, cn = 700, ln = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, pn = 4, mn = 15, hn = 250, gn = 700, _n = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -242,7 +243,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			let t = te();
 			if (!t) return null;
 			let n = X(t, e.pmPos);
-			return n ? rt(n) : null;
+			return n ? st(n) : null;
 		}
 		function T() {
 			let e = ne();
@@ -256,7 +257,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				return;
 			}
 			let n = t.getBoundingClientRect();
-			p.value = $t({
+			p.value = cn({
 				imageRect: e.getBoundingClientRect(),
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
@@ -266,41 +267,41 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				zoom: r.zoom
 			});
 		}
-		let D = null;
-		function O() {
-			D?.();
+		let re = null;
+		function D() {
+			re?.();
 			let e = 0, t = "", n = 0, r = 0, i = (a) => {
 				r === 0 && (r = a);
 				let o = a - r;
 				T();
 				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
-				n = c === t ? n + 1 : 0, t = c, !(o >= sn && n >= 2) && o < cn && (e = requestAnimationFrame(i));
+				n = c === t ? n + 1 : 0, t = c, !(o >= hn && n >= 2) && o < gn && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(T, sn);
-			D = () => {
+			let a = setTimeout(T, hn);
+			re = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
-		W(() => r.imageInfo, (e, t, n) => {
+		U(() => r.imageInfo, (e, t, n) => {
 			if (!r.imageInfo) {
 				p.value = null;
 				return;
 			}
-			O(), n(() => D?.());
-		}, { immediate: !0 }), W(() => r.zoom, () => {
-			r.imageInfo && O();
-		}), W(() => r.imageInfo, (e, t, n) => {
+			D(), n(() => re?.());
+		}, { immediate: !0 }), U(() => r.zoom, () => {
+			r.imageInfo && D();
+		}), U(() => r.imageInfo, (e, t, n) => {
 			if (!r.imageInfo) return;
 			let i = () => {
 				b && cancelAnimationFrame(b), b = requestAnimationFrame(T);
 			}, 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;
-			ce(() => {
+			se(() => {
 				if (c || !r.imageInfo) return;
 				let e = te();
-				e && (s = new MutationObserver(() => O()), s.observe(e, {
+				e && (s = new MutationObserver(() => D()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
@@ -308,7 +309,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), s?.disconnect(), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let re = E(() => o.value ? l.value : p.value?.width || 0), ie = E(() => o.value ? u.value : p.value?.height || 0), ae = E(() => {
+		let ie = E(() => o.value ? l.value : p.value?.width || 0), ae = E(() => o.value ? u.value : p.value?.height || 0), j = E(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -330,7 +331,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				pointerEvents: "auto"
 			};
 		}), M = E(() => {
-			let e = re.value, t = ie.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+			let e = ie.value, t = ae.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -399,10 +400,10 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			];
 		});
 		function N(e, t) {
-			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, l.value = Math.round(_), u.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", oe), document.addEventListener("mouseup", se));
+			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, l.value = Math.round(_), u.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", P), document.addEventListener("mouseup", oe));
 		}
-		function oe(e) {
-			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = Ye(m, n, i, _, v, a);
+		function P(e) {
+			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = $e(m, n, i, _, v, a);
 			l.value = Math.round(o.width), u.value = Math.round(o.height);
 			let s = y;
 			s && (p.value = {
@@ -412,60 +413,60 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				height: s.height
 			});
 		}
-		function se() {
-			document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", se), o.value = !1, y = null, i("interact-end");
+		function oe() {
+			document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", oe), o.value = !1, y = null, i("interact-end");
 			let e = r.view, t = r.imageInfo;
 			if (!e || !t) {
 				T();
 				return;
 			}
-			let n = Qe(e, t.pmPos, l.value, u.value);
-			n !== null && ve(n), ce(() => T());
+			let n = nt(e, t.pmPos, l.value, u.value);
+			n !== null && ve(n), se(() => T());
 		}
-		let le = 0, I = 0, ue = 0, de = 0, fe = null, H = null;
-		function pe(e) {
+		let ce = 0, le = 0, de = 0, fe = 0, pe = null, V = null;
+		function me(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/);
 			return t ? parseFloat(t[1]) : 0;
 		}
-		function U(e, t) {
+		function H(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 me(e, t) {
-			return Math.atan2(e - le, -(t - I)) * 180 / Math.PI;
+		function W(e, t) {
+			return Math.atan2(e - ce, -(t - le)) * 180 / Math.PI;
 		}
-		function G(e) {
+		function he(e) {
 			if (!r.imageInfo) return;
 			let t = r.imageInfo.element.getBoundingClientRect();
-			le = t.left + t.width / 2, I = t.top + t.height / 2;
+			ce = t.left + t.width / 2, le = t.top + t.height / 2;
 			let n = ee(r.view, r.imageInfo.pmPos);
-			fe = n && n.attrs.transform || null, de = pe(fe), H = r.imageInfo.element.querySelector("img"), ue = me(e.clientX, e.clientY), f.value = de, c.value = !0, i("interact-start"), document.addEventListener("mousemove", K), document.addEventListener("mouseup", he);
+			pe = n && n.attrs.transform || null, fe = me(pe), V = r.imageInfo.element.querySelector("img"), de = W(e.clientX, e.clientY), f.value = fe, c.value = !0, i("interact-start"), document.addEventListener("mousemove", G), document.addEventListener("mouseup", K);
 		}
-		function K(e) {
-			let t = me(e.clientX, e.clientY) - ue, n = de + t;
-			e.shiftKey || (n = Math.round(n / on) * on), f.value = (n % 360 + 360) % 360, H && (H.style.transform = U(fe, f.value) || "");
+		function G(e) {
+			let t = W(e.clientX, e.clientY) - de, n = fe + t;
+			e.shiftKey || (n = Math.round(n / mn) * mn), f.value = (n % 360 + 360) % 360, V && (V.style.transform = H(pe, f.value) || "");
 		}
-		function he() {
-			document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", he), c.value = !1, i("interact-end");
+		function K() {
+			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K), c.value = !1, i("interact-end");
 			let e = r.view, t = r.imageInfo;
 			try {
 				let n = e && t ? ee(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: U(n.attrs.transform, f.value)
+					transform: H(n.attrs.transform, f.value)
 				})), ve(t.pmPos));
 			} catch {} finally {
-				H && (H.style.transform = ""), H = null, fe = null;
+				V && (V.style.transform = ""), V = null, pe = null;
 			}
-			ce(() => T());
+			se(() => T());
 		}
 		let Y = null;
 		function ge(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) < an)) {
+				if (!(!o && Math.sqrt(c * c + l * l) < pn)) {
 					if (!o) {
 						o = !0, s.value = !0, i("interact-start"), Y = document.createElement("div"), Y.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = r.zoom;
@@ -486,7 +487,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			if (!n || !i) return;
 			let o = ee(n, i.pmPos);
 			if (o) {
-				if ($e(o)) {
+				if (rt(o)) {
 					let o = (a.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
 					if (!o || o.length === 0) return;
 					let s = null;
@@ -498,17 +499,17 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 						}
 					}
 					if (s ||= o[o.length - 1].querySelector(".layout-page-content"), !s) return;
-					let c = s.getBoundingClientRect(), l = r.zoom, u = Be((e - c.left) / l), d = Be((t - c.top) / l), f = Xe(n, i.pmPos, u, d);
+					let c = s.getBoundingClientRect(), l = r.zoom, u = Ve((e - c.left) / l), d = Ve((t - c.top) / l), f = et(n, i.pmPos, u, d);
 					f !== null && ve(f);
 				} else {
 					let r = te();
 					if (!r) return;
-					let a = Ke(r, e, t, 1);
+					let a = Xe(r, e, t, 1);
 					if (a == null || a < 0) return;
-					let o = Ze(n, i.pmPos, a);
+					let o = tt(n, i.pmPos, a);
 					o !== null && ve(o);
 				}
-				ce(() => T());
+				se(() => T());
 			}
 		}
 		function ve(e) {
@@ -518,45 +519,45 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
-		return F(() => {
-			document.removeEventListener("mousemove", oe), document.removeEventListener("mouseup", se), document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", he), x && document.removeEventListener("mousemove", x), C && document.removeEventListener("mouseup", C), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b), D?.();
-		}), (t, r) => e.imageInfo ? (L(), A("div", {
+		return I(() => {
+			document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K), x && document.removeEventListener("mousemove", x), C && document.removeEventListener("mouseup", C), Y &&= (Y.remove(), null), b && cancelAnimationFrame(b), re?.();
+		}), (t, r) => e.imageInfo ? (L(), k("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: a,
 			class: "image-overlay",
-			style: P(ae.value),
+			style: F(j.value),
 			onMousedown: r[3] ||= q(() => {}, ["stop"])
 		}, [
-			r[4] ||= j("div", { class: "image-overlay__border" }, null, -1),
-			j("div", {
+			r[4] ||= A("div", { class: "image-overlay__border" }, null, -1),
+			A("div", {
 				class: "image-overlay__body",
-				style: P({ cursor: s.value ? "grabbing" : "grab" }),
+				style: F({ cursor: s.value ? "grabbing" : "grab" }),
 				onMousedown: r[0] ||= q((e) => ge(e), ["prevent", "stop"]),
 				onContextmenu: r[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(L(!0), A(w, null, z(M.value, (e) => (L(), A("div", {
+			(L(!0), k(w, null, ue(M.value, (e) => (L(), k("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
-				style: P(e.style),
+				style: F(e.style),
 				"data-handle": e.pos,
 				onMousedown: q((t) => N(t, e.pos), ["prevent", "stop"])
-			}, null, 44, en))), 128)),
-			r[5] ||= j("div", { class: "image-overlay__rotate-line" }, null, -1),
-			j("div", {
+			}, null, 44, ln))), 128)),
+			r[5] ||= A("div", { class: "image-overlay__rotate-line" }, null, -1),
+			A("div", {
 				class: "image-overlay__rotate-handle",
-				style: P({ left: `${re.value / 2 - 7}px` }),
-				title: V(n)("imageOverlay.rotate"),
-				onMousedown: r[2] ||= q((e) => G(e), ["prevent", "stop"])
-			}, null, 44, tn),
-			o.value ? (L(), A("div", nn, B(Math.round(l.value)) + " × " + B(Math.round(u.value)), 1)) : k("", !0),
-			c.value ? (L(), A("div", rn, B(Math.round(f.value)) + "° ", 1)) : k("", !0)
-		], 36)) : k("", !0);
-	}
-}), [["__scopeId", "data-v-2c4a2064"]]), un = { class: "doc-outline__header" }, dn = { class: "doc-outline__body" }, fn = {
+				style: F({ left: `${ie.value / 2 - 7}px` }),
+				title: B(n)("imageOverlay.rotate"),
+				onMousedown: r[2] ||= q((e) => he(e), ["prevent", "stop"])
+			}, null, 44, un),
+			o.value ? (L(), k("div", dn, z(Math.round(l.value)) + " × " + z(Math.round(u.value)), 1)) : O("", !0),
+			c.value ? (L(), k("div", fn, z(Math.round(f.value)) + "° ", 1)) : O("", !0)
+		], 36)) : O("", !0);
+	}
+}), [["__scopeId", "data-v-a3e3aca1"]]), vn = { class: "doc-outline__header" }, yn = { class: "doc-outline__body" }, bn = {
 	key: 0,
 	class: "doc-outline__empty"
-}, pn = ["onMousedown"], mn = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, xn = ["onMousedown"], Sn = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -564,13 +565,13 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 	},
 	emits: ["close", "navigate"],
 	setup(e) {
-		return (t, n) => e.isOpen ? (L(), A("nav", {
+		return (t, n) => e.isOpen ? (L(), k("nav", {
 			key: 0,
 			class: "doc-outline",
 			role: "navigation",
 			"aria-label": "Document outline",
 			onMousedown: n[1] ||= q(() => {}, ["stop"])
-		}, [j("div", un, [j("button", {
+		}, [A("div", vn, [A("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
@@ -578,14 +579,14 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		}, [M(r, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= j("span", { class: "doc-outline__title" }, "Document Outline", -1)]), j("div", dn, [e.headings.length === 0 ? (L(), A("div", fn, " No headings found ")) : k("", !0), (L(!0), A(w, null, z(e.headings, (e, n) => (L(), A("button", {
+		})]), n[2] ||= A("span", { class: "doc-outline__title" }, "Document Outline", -1)]), A("div", yn, [e.headings.length === 0 ? (L(), k("div", bn, " No headings found ")) : O("", !0), (L(!0), k(w, null, ue(e.headings, (e, n) => (L(), k("button", {
 			key: n,
 			class: "doc-outline__item",
-			style: P({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
+			style: F({ paddingLeft: 12 + (e.level - 1) * 16 + "px" }),
 			onMousedown: q((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, B(e.text || "(untitled)"), 45, pn))), 128))])], 32)) : k("", !0);
+		}, z(e.text || "(untitled)"), 45, xn))), 128))])], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-cb2cdc39"]]), hn = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}), [["__scopeId", "data-v-d3dae0f1"]]), Cn = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -594,20 +595,20 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 	},
 	setup(e) {
 		let { t } = d();
-		return (n, r) => (L(), A("div", {
+		return (n, r) => (L(), k("div", {
 			class: "docx-editor-vue__page-indicator",
-			style: P({ opacity: +!!e.visible }),
+			style: F({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, B(V(t)("viewer.pageIndicator", {
+		}, z(B(t)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-d117bf6e"]]), gn = { class: "hf-editor__label" }, _n = {
+}), [["__scopeId", "data-v-877b9ee2"]]), wn = { class: "hf-editor__label" }, Tn = {
 	class: "hf-editor__actions",
 	style: { position: "relative" }
-}, vn = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, En = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		isOpen: { type: Boolean },
@@ -625,7 +626,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		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 = Me.nodes.field.create({
+			let { $from: r, from: i } = t.state.selection, a = t.state.storedMarks || r.marks(), o = Ne.nodes.field.create({
 				fieldType: e,
 				instruction: ` ${e} \\* MERGEFORMAT `,
 				fieldKind: "simple",
@@ -645,68 +646,68 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				pointerEvents: "none"
 			});
 		}
-		W(() => n.isOpen, (e) => {
+		U(() => n.isOpen, (e) => {
 			e && (s(), n.view?.focus());
-		}), W(() => n.targetRect, () => {
+		}), U(() => n.targetRect, () => {
 			n.isOpen && s();
 		}, { deep: !0 });
 		function c() {
-			n.view && (r("save", st(n.view.state.doc)), r("close"));
+			n.view && (r("save", dt(n.view.state.doc)), r("close"));
 		}
-		return (t, n) => e.isOpen ? (L(), A("div", {
+		return (t, n) => e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "hf-editor",
-			style: P(i.value)
-		}, [j("div", {
-			class: le(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
+			style: F(i.value)
+		}, [A("div", {
+			class: ce(["hf-editor__toolbar", e.position === "footer" ? "hf-editor__toolbar--below" : "hf-editor__toolbar--above"]),
 			onMousedown: n[8] ||= q(() => {}, ["stop"]),
 			onContextmenu: n[9] ||= q(() => {}, ["stop"])
-		}, [j("span", gn, B(e.position === "header" ? "Header" : "Footer"), 1), j("div", _n, [
-			j("button", {
+		}, [A("span", wn, z(e.position === "header" ? "Header" : "Footer"), 1), A("div", Tn, [
+			A("button", {
 				class: "hf-editor__btn",
 				title: "Options",
 				onMousedown: n[0] ||= q(() => {}, ["prevent"]),
 				onClick: n[1] ||= (e) => a.value = !a.value
 			}, " Options ▾ ", 32),
-			a.value ? (L(), A("div", {
+			a.value ? (L(), k("div", {
 				key: 0,
 				class: "hf-editor__dropdown",
 				onMousedown: n[4] ||= q(() => {}, ["stop"]),
 				onContextmenu: n[5] ||= q(() => {}, ["stop"])
-			}, [j("button", {
+			}, [A("button", {
 				type: "button",
 				class: "hf-editor__dropdown-item",
 				onClick: n[2] ||= (e) => {
 					a.value = !1, o("PAGE");
 				}
-			}, " Insert current page number "), j("button", {
+			}, " Insert current page number "), A("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", {
+			}, " Insert total page count ")], 32)) : O("", !0),
+			A("button", {
 				class: "hf-editor__btn",
 				title: "Remove",
 				onMousedown: n[6] ||= q((e) => t.$emit("remove"), ["prevent"])
 			}, " Remove ", 32),
-			j("button", {
+			A("button", {
 				class: "hf-editor__btn hf-editor__btn--primary",
 				title: "Save",
 				onMousedown: q(c, ["prevent"])
 			}, " Save ", 32),
-			j("button", {
+			A("button", {
 				class: "hf-editor__btn",
 				title: "Cancel",
 				onMousedown: n[7] ||= q((e) => t.$emit("close"), ["prevent"])
 			}, " Cancel ", 32)
-		])], 34)], 4)) : k("", !0);
+		])], 34)], 4)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-e93a9f94"]]), yn = ["role"], bn = {
+}), [["__scopeId", "data-v-81468575"]]), Dn = ["role"], On = {
 	key: 0,
 	class: "layout-sdt-widget-empty"
-}, xn = ["aria-selected", "onClick"], Sn = ["value"], Cn = ".layout-sdt-widget, .layout-inline-sdt-widget", wn = /* @__PURE__ */ N({
+}, kn = ["aria-selected", "onClick"], An = ["value"], jn = ".layout-sdt-widget, .layout-inline-sdt-widget", Mn = /* @__PURE__ */ N({
 	__name: "ContentControlWidgets",
 	props: {
 		container: {},
@@ -733,7 +734,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function s(e, t) {
 			let n = i.view;
 			if (n) try {
-				let r = e.pos == null ? e.tag ? Fe(n.state, { tag: e.tag }, t) : null : Pe(n.state, e.pos, t);
+				let r = e.pos == null ? e.tag ? Ie(n.state, { tag: e.tag }, t) : null : Fe(n.state, e.pos, t);
 				if (!r) return;
 				n.dispatch(r), n.focus();
 			} catch {}
@@ -742,18 +743,18 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function c(e) {
 			let n = i.view, r = t(e.dataset.sdtGroupId);
 			if (!(!n || r == null)) try {
-				let t = e.dataset.sdtRepeat === "add" ? De(n.state, r) : Z(n.state, r);
+				let t = e.dataset.sdtRepeat === "add" ? Oe(n.state, r) : Z(n.state, r);
 				n.dispatch(t), n.focus();
 			} catch {}
 		}
 		function l(e) {
 			let t = e.target;
-			(t?.closest?.(Cn) || t?.closest?.(".layout-sdt-repeat-btn")) && e.preventDefault();
+			(t?.closest?.(jn) || 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 ? Ae(t.state.doc, { tag: o.tag })[0] : void 0 : Ae(t.state.doc).find((e) => e.pos === o.pos), l = e.getBoundingClientRect();
+			let c = o.pos == null ? o.tag ? je(t.state.doc, { tag: o.tag })[0] : void 0 : je(t.state.doc).find((e) => e.pos === o.pos), l = e.getBoundingClientRect();
 			n === "checkbox" ? s(o, {
 				kind: "checkbox",
 				checked: !c?.checked
@@ -778,12 +779,12 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				e.preventDefault(), e.stopPropagation(), c(t);
 				return;
 			}
-			let n = e.target?.closest?.(Cn);
+			let n = e.target?.closest?.(jn);
 			n && (e.preventDefault(), e.stopPropagation(), u(n));
 		}
 		function f(e) {
 			if (e.key !== "Enter" && e.key !== " ") return;
-			let t = e.target?.closest?.(Cn);
+			let t = e.target?.closest?.(jn);
 			t && (e.preventDefault(), u(t));
 		}
 		function p(e) {
@@ -793,10 +794,10 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			e.key === "Escape" && (a.value = null);
 		}
 		let h = null;
-		W(() => i.container, (e) => {
+		U(() => 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 }), W(a, (e) => {
-			e ? (document.addEventListener("mousedown", p), document.addEventListener("keydown", m), e.kind === "dropdown" && ce(() => {
+		}, { immediate: !0 }), U(a, (e) => {
+			e ? (document.addEventListener("mousedown", p), document.addEventListener("keydown", m), e.kind === "dropdown" && se(() => {
 				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));
@@ -809,7 +810,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			let n = t.indexOf(document.activeElement);
 			t[e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length].focus();
 		}
-		F(() => {
+		I(() => {
 			h && (h.removeEventListener("mousedown", l), h.removeEventListener("click", d), h.removeEventListener("keydown", f)), document.removeEventListener("mousedown", p), document.removeEventListener("keydown", m);
 		});
 		function _(e) {
@@ -819,13 +820,13 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				date: t
 			});
 		}
-		return (e, t) => a.value ? (L(), A("div", {
+		return (e, t) => a.value ? (L(), k("div", {
 			key: 0,
 			ref_key: "popupEl",
 			ref: o,
 			class: "layout-sdt-widget-popup",
 			role: a.value.kind === "dropdown" ? "listbox" : void 0,
-			style: P({
+			style: F({
 				position: "fixed",
 				top: a.value.y + "px",
 				left: a.value.x + "px",
@@ -833,28 +834,28 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			}),
 			onKeydown: g,
 			onMousedown: t[0] ||= q(() => {}, ["prevent"])
-		}, [a.value.kind === "dropdown" ? (L(), A(w, { key: 0 }, [a.value.items.length === 0 ? (L(), A("div", bn, "No options")) : k("", !0), (L(!0), A(w, null, z(a.value.items, (e) => (L(), A("button", {
+		}, [a.value.kind === "dropdown" ? (L(), k(w, { key: 0 }, [a.value.items.length === 0 ? (L(), k("div", On, "No options")) : O("", !0), (L(!0), k(w, null, ue(a.value.items, (e) => (L(), k("button", {
 			key: e.value,
 			type: "button",
 			role: "option",
 			"aria-selected": e.displayText === a.value.current,
-			class: le(["layout-sdt-widget-option", { "is-selected": e.displayText === a.value.current }]),
+			class: ce(["layout-sdt-widget-option", { "is-selected": e.displayText === a.value.current }]),
 			onClick: (t) => s(a.value.target, {
 				kind: "dropdown",
 				value: e.value
 			})
-		}, B(e.displayText), 11, xn))), 128))], 64)) : (L(), A("input", {
+		}, z(e.displayText), 11, kn))), 128))], 64)) : (L(), k("input", {
 			key: 1,
 			type: "date",
 			class: "layout-sdt-widget-date",
 			value: a.value.current,
 			onChange: _
-		}, null, 40, Sn))], 44, yn)) : k("", !0);
+		}, null, 40, An))], 44, Dn)) : O("", !0);
 	}
-}), Tn = {
+}), Nn = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, En = { class: "docx-editor-vue__title-bar-left" }, Dn = { class: "docx-editor-vue__title-bar-center" }, On = { class: "docx-editor-vue__title-bar-right" }, kn = /* @__PURE__ */ N({
+}, Pn = { class: "docx-editor-vue__title-bar-left" }, Fn = { class: "docx-editor-vue__title-bar-center" }, In = { class: "docx-editor-vue__title-bar-right" }, Ln = /* @__PURE__ */ N({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: { type: Boolean },
@@ -873,9 +874,9 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (L(), A("div", Tn, [
-			j("div", En, [e.renderLogo ? (L(), O(de(e.renderLogo), { key: 0 })) : k("", !0), ue(t.$slots, "title-bar-left")]),
-			j("div", Dn, [M(h, {
+		return (t, r) => e.showMenuBar ? (L(), k("div", Nn, [
+			A("div", Pn, [e.renderLogo ? (L(), D(fe(e.renderLogo), { key: 0 })) : O("", !0), de(t.$slots, "title-bar-left")]),
+			A("div", Fn, [M(h, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
@@ -883,53 +884,50 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				onAction: r[1] ||= (e) => n("menu-action", e),
 				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
 			})]),
-			j("div", On, [ue(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), O(de(e.renderTitleBarRight), { key: 0 })) : k("", !0)])
-		])) : k("", !0);
+			A("div", In, [de(t.$slots, "title-bar-right"), e.renderTitleBarRight ? (L(), D(fe(e.renderTitleBarRight), { key: 0 })) : O("", !0)])
+		])) : O("", !0);
 	}
-}), An = ["aria-label"], jn = { class: "wm-header" }, Mn = { class: "wm-body" }, Nn = { class: "wm-radio-row" }, $ = ["checked"], Pn = {
+}), Rn = ["aria-label"], $ = { class: "wm-header" }, zn = { class: "wm-body" }, Bn = { class: "wm-radio-row" }, Vn = ["checked"], Hn = {
 	for: "wm-none",
 	class: "wm-inline-label"
-}, Fn = { class: "wm-radio-row" }, In = ["checked"], Ln = {
+}, Un = { class: "wm-radio-row" }, Wn = ["checked"], Gn = {
 	for: "wm-picture",
 	class: "wm-inline-label"
-}, Rn = {
+}, Kn = {
 	key: 0,
 	class: "wm-subform"
-}, zn = { class: "wm-row" }, Bn = {
+}, qn = { class: "wm-row" }, Jn = {
 	key: 0,
 	class: "wm-row"
-}, Vn = ["src"], Hn = { class: "wm-row" }, Un = { class: "wm-label" }, Wn = { class: "wm-inline-label" }, Gn = { class: "wm-radio-row" }, Kn = ["checked"], qn = {
+}, Yn = ["src"], Xn = { class: "wm-row" }, Zn = { class: "wm-label" }, Qn = { class: "wm-inline-label" }, $n = { class: "wm-radio-row" }, er = ["checked"], tr = {
 	for: "wm-text",
 	class: "wm-inline-label"
-}, Jn = {
+}, nr = {
 	key: 1,
 	class: "wm-subform"
-}, Yn = { class: "wm-row" }, Xn = { class: "wm-label" }, Zn = ["value"], Qn = ["value"], $n = { class: "wm-row" }, er = { class: "wm-label" }, tr = { class: "wm-row" }, nr = { class: "wm-label" }, rr = ["value"], ir = { class: "wm-row" }, ar = { class: "wm-label" }, or = { class: "wm-inline-label" }, sr = { class: "wm-row" }, cr = { class: "wm-label" }, lr = { class: "wm-row" }, ur = { class: "wm-label" }, dr = { class: "wm-inline-label" }, fr = ["checked"], pr = { class: "wm-inline-label" }, mr = ["checked"], hr = { class: "wm-inline-label" }, gr = { class: "wm-footer" }, _r = ["disabled"], vr = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, rr = {
+	key: 0,
+	class: "wm-row"
+}, ir = { class: "wm-label" }, ar = ["value"], or = ["value"], sr = { class: "wm-row" }, cr = { class: "wm-label" }, lr = { class: "wm-row" }, ur = { class: "wm-label" }, dr = ["value"], fr = { class: "wm-row" }, pr = { class: "wm-label" }, mr = { class: "wm-inline-label" }, hr = { class: "wm-row" }, gr = { class: "wm-label" }, _r = { class: "wm-row" }, vr = { class: "wm-label" }, yr = { class: "wm-inline-label" }, br = ["checked"], xr = { class: "wm-inline-label" }, Sr = ["checked"], Cr = { class: "wm-inline-label" }, wr = { class: "wm-footer" }, Tr = ["disabled"], Er = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "WatermarkDialog",
 	props: {
 		isOpen: { type: Boolean },
-		current: {}
+		current: {},
+		presets: { default: () => pt }
 	},
 	emits: ["close", "apply"],
 	setup(e, { emit: t }) {
 		let n = [
-			"CONFIDENTIAL",
-			"DRAFT",
-			"DO NOT COPY",
-			"SAMPLE",
-			"URGENT",
-			"ASAP"
-		], r = [
 			"Calibri",
 			"Arial",
 			"Times New Roman",
 			"Georgia",
 			"Verdana",
 			"Courier New"
-		], { t: i } = d(), a = e, o = t, s = R("none"), c = R("CONFIDENTIAL"), l = R("Calibri"), u = R(!0), f = R(54), p = R("#C0C0C0"), m = R("diagonal"), h = R(!0), g = R(void 0), _ = R(void 0), v = R(100), y = R(!0);
-		W(() => a.isOpen, (e) => {
+		], { t: r } = d(), i = e, a = E(() => i.presets), o = t, s = R("none"), c = R(i.presets[0] ?? "CONFIDENTIAL"), l = R("Calibri"), u = R(!0), f = R(54), p = R("#C0C0C0"), m = R("diagonal"), h = R(!0), g = R(void 0), _ = R(void 0), v = R(100), y = R(!0);
+		U(() => i.isOpen, (e) => {
 			if (!e) return;
-			let t = a.current;
+			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
@@ -949,7 +947,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				if (g.value = e, _.value = void 0, !e) return;
 				let t = new Image();
 				t.onload = () => {
-					_.value = lt(t.naturalWidth, t.naturalHeight);
+					_.value = mt(t.naturalWidth, t.naturalHeight);
 				}, t.src = e;
 			}, n.readAsDataURL(t);
 		}
@@ -982,147 +980,147 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function te(e) {
 			e.key === "Escape" && C();
 		}
-		return (t, a) => e.isOpen ? (L(), A("div", {
+		return (t, i) => e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "wm-overlay",
 			onMousedown: q(C, ["self"]),
 			onKeydown: te
-		}, [j("div", {
+		}, [A("div", {
 			class: "wm-dialog",
 			role: "dialog",
-			"aria-label": V(i)("dialogs.watermark.title"),
-			onMousedown: a[13] ||= q(() => {}, ["stop"])
+			"aria-label": B(r)("dialogs.watermark.title"),
+			onMousedown: i[13] ||= q(() => {}, ["stop"])
 		}, [
-			j("div", jn, B(V(i)("dialogs.watermark.title")), 1),
-			j("div", Mn, [
-				j("div", Nn, [j("input", {
+			A("div", $, z(B(r)("dialogs.watermark.title")), 1),
+			A("div", zn, [
+				A("div", Bn, [A("input", {
 					id: "wm-none",
 					type: "radio",
 					checked: s.value === "none",
-					onChange: a[0] ||= (e) => s.value = "none"
-				}, null, 40, $), j("label", Pn, B(V(i)("dialogs.watermark.noWatermark")), 1)]),
-				j("div", Fn, [j("input", {
+					onChange: i[0] ||= (e) => s.value = "none"
+				}, null, 40, Vn), A("label", Hn, z(B(r)("dialogs.watermark.noWatermark")), 1)]),
+				A("div", Un, [A("input", {
 					id: "wm-picture",
 					type: "radio",
 					checked: s.value === "picture",
-					onChange: a[1] ||= (e) => s.value = "picture"
-				}, null, 40, In), j("label", Ln, B(V(i)("dialogs.watermark.picture")), 1)]),
-				s.value === "picture" ? (L(), A("div", Rn, [
-					j("div", zn, [j("input", {
+					onChange: i[1] ||= (e) => s.value = "picture"
+				}, null, 40, Wn), A("label", Gn, z(B(r)("dialogs.watermark.picture")), 1)]),
+				s.value === "picture" ? (L(), k("div", Kn, [
+					A("div", qn, [A("input", {
 						type: "file",
 						accept: "image/*",
 						onChange: S
 					}, null, 32)]),
-					g.value ? (L(), A("div", Bn, [j("img", {
+					g.value ? (L(), k("div", Jn, [A("img", {
 						src: g.value,
 						alt: "",
 						class: "wm-preview"
-					}, null, 8, Vn)])) : k("", !0),
-					j("div", Hn, [
-						j("span", Un, B(V(i)("dialogs.watermark.scale")), 1),
-						G(j("input", {
+					}, null, 8, Yn)])) : O("", !0),
+					A("div", Xn, [
+						A("span", Zn, z(B(r)("dialogs.watermark.scale")), 1),
+						G(A("input", {
 							class: "wm-input wm-input--narrow",
 							type: "number",
 							min: "10",
 							max: "500",
-							"onUpdate:modelValue": a[2] ||= (e) => v.value = e
+							"onUpdate:modelValue": i[2] ||= (e) => v.value = e
 						}, null, 512), [[
-							U,
+							H,
 							v.value,
 							void 0,
 							{ number: !0 }
 						]]),
-						a[14] ||= j("span", { class: "wm-unit" }, "%", -1)
+						i[14] ||= A("span", { class: "wm-unit" }, "%", -1)
 					]),
-					j("label", Wn, [G(j("input", {
+					A("label", Qn, [G(A("input", {
 						type: "checkbox",
-						"onUpdate:modelValue": a[3] ||= (e) => y.value = e
-					}, null, 512), [[H, y.value]]), ae(" " + B(V(i)("dialogs.watermark.washout")), 1)])
-				])) : k("", !0),
-				j("div", Gn, [j("input", {
+						"onUpdate:modelValue": i[3] ||= (e) => y.value = e
+					}, null, 512), [[V, y.value]]), j(" " + z(B(r)("dialogs.watermark.washout")), 1)])
+				])) : O("", !0),
+				A("div", $n, [A("input", {
 					id: "wm-text",
 					type: "radio",
 					checked: s.value === "text",
-					onChange: a[4] ||= (e) => s.value = "text"
-				}, null, 40, Kn), j("label", qn, B(V(i)("dialogs.watermark.text")), 1)]),
-				s.value === "text" ? (L(), A("div", Jn, [
-					j("div", Yn, [j("span", Xn, B(V(i)("dialogs.watermark.presetLabel")), 1), j("select", {
+					onChange: i[4] ||= (e) => s.value = "text"
+				}, null, 40, er), A("label", tr, z(B(r)("dialogs.watermark.text")), 1)]),
+				s.value === "text" ? (L(), k("div", nr, [
+					a.value.length > 0 ? (L(), k("div", rr, [A("span", ir, z(B(r)("dialogs.watermark.presetLabel")), 1), A("select", {
 						class: "wm-input",
-						value: n.includes(c.value) ? c.value : "",
+						value: a.value.includes(c.value) ? c.value : "",
 						onChange: x
-					}, [a[15] ||= j("option", { value: "" }, "—", -1), (L(), A(w, null, z(n, (e) => j("option", {
+					}, [i[15] ||= A("option", { value: "" }, "—", -1), (L(!0), k(w, null, ue(a.value, (e) => (L(), k("option", {
 						key: e,
 						value: e
-					}, B(e), 9, Qn)), 64))], 40, Zn)]),
-					j("div", $n, [j("span", er, B(V(i)("dialogs.watermark.textLabel")), 1), G(j("input", {
+					}, z(e), 9, or))), 128))], 40, ar)])) : O("", !0),
+					A("div", sr, [A("span", cr, z(B(r)("dialogs.watermark.textLabel")), 1), G(A("input", {
 						class: "wm-input",
-						"onUpdate:modelValue": a[5] ||= (e) => c.value = e
-					}, null, 512), [[U, c.value]])]),
-					j("div", tr, [j("span", nr, B(V(i)("dialogs.watermark.fontLabel")), 1), G(j("select", {
+						"onUpdate:modelValue": i[5] ||= (e) => c.value = e
+					}, null, 512), [[H, c.value]])]),
+					A("div", lr, [A("span", ur, z(B(r)("dialogs.watermark.fontLabel")), 1), G(A("select", {
 						class: "wm-input",
-						"onUpdate:modelValue": a[6] ||= (e) => l.value = e
-					}, [(L(), A(w, null, z(r, (e) => j("option", {
+						"onUpdate:modelValue": i[6] ||= (e) => l.value = e
+					}, [(L(), k(w, null, ue(n, (e) => A("option", {
 						key: e,
 						value: e
-					}, B(e), 9, rr)), 64))], 512), [[pe, l.value]])]),
-					j("div", ir, [
-						j("span", ar, B(V(i)("dialogs.watermark.sizeLabel")), 1),
-						j("label", or, [G(j("input", {
+					}, z(e), 9, dr)), 64))], 512), [[me, l.value]])]),
+					A("div", fr, [
+						A("span", pr, z(B(r)("dialogs.watermark.sizeLabel")), 1),
+						A("label", mr, [G(A("input", {
 							type: "checkbox",
-							"onUpdate:modelValue": a[7] ||= (e) => u.value = e
-						}, null, 512), [[H, u.value]]), ae(" " + B(V(i)("dialogs.watermark.sizeAuto")), 1)]),
-						u.value ? k("", !0) : G((L(), A("input", {
+							"onUpdate:modelValue": i[7] ||= (e) => u.value = e
+						}, null, 512), [[V, u.value]]), j(" " + z(B(r)("dialogs.watermark.sizeAuto")), 1)]),
+						u.value ? O("", !0) : G((L(), k("input", {
 							key: 0,
 							class: "wm-input wm-input--narrow",
 							type: "number",
 							min: "8",
 							max: "200",
-							"onUpdate:modelValue": a[8] ||= (e) => f.value = e
+							"onUpdate:modelValue": i[8] ||= (e) => f.value = e
 						}, null, 512)), [[
-							U,
+							H,
 							f.value,
 							void 0,
 							{ number: !0 }
 						]])
 					]),
-					j("div", sr, [j("span", cr, B(V(i)("dialogs.watermark.colorLabel")), 1), G(j("input", {
+					A("div", hr, [A("span", gr, z(B(r)("dialogs.watermark.colorLabel")), 1), G(A("input", {
 						type: "color",
-						"onUpdate:modelValue": a[9] ||= (e) => p.value = e
-					}, null, 512), [[U, p.value]])]),
-					j("div", lr, [
-						j("span", ur, B(V(i)("dialogs.watermark.layoutLabel")), 1),
-						j("label", dr, [j("input", {
+						"onUpdate:modelValue": i[9] ||= (e) => p.value = e
+					}, null, 512), [[H, p.value]])]),
+					A("div", _r, [
+						A("span", vr, z(B(r)("dialogs.watermark.layoutLabel")), 1),
+						A("label", yr, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "diagonal",
-							onChange: a[10] ||= (e) => m.value = "diagonal"
-						}, null, 40, fr), ae(" " + B(V(i)("dialogs.watermark.diagonal")), 1)]),
-						j("label", pr, [j("input", {
+							onChange: i[10] ||= (e) => m.value = "diagonal"
+						}, null, 40, br), j(" " + z(B(r)("dialogs.watermark.diagonal")), 1)]),
+						A("label", xr, [A("input", {
 							type: "radio",
 							name: "wm-layout",
 							checked: m.value === "horizontal",
-							onChange: a[11] ||= (e) => m.value = "horizontal"
-						}, null, 40, mr), ae(" " + B(V(i)("dialogs.watermark.horizontal")), 1)])
+							onChange: i[11] ||= (e) => m.value = "horizontal"
+						}, null, 40, Sr), j(" " + z(B(r)("dialogs.watermark.horizontal")), 1)])
 					]),
-					j("label", hr, [G(j("input", {
+					A("label", Cr, [G(A("input", {
 						type: "checkbox",
-						"onUpdate:modelValue": a[12] ||= (e) => h.value = e
-					}, null, 512), [[H, h.value]]), ae(" " + B(V(i)("dialogs.watermark.semitransparent")), 1)])
-				])) : k("", !0)
+						"onUpdate:modelValue": i[12] ||= (e) => h.value = e
+					}, null, 512), [[V, h.value]]), j(" " + z(B(r)("dialogs.watermark.semitransparent")), 1)])
+				])) : O("", !0)
 			]),
-			j("div", gr, [j("button", {
+			A("div", wr, [A("button", {
 				type: "button",
 				class: "wm-btn",
 				onClick: C
-			}, B(V(i)("dialogs.watermark.cancelButton")), 1), j("button", {
+			}, z(B(r)("dialogs.watermark.cancelButton")), 1), A("button", {
 				type: "button",
-				class: le(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
+				class: ce(["wm-btn wm-btn--primary", { "wm-btn--disabled": b.value }]),
 				disabled: b.value,
 				onClick: ee
-			}, B(V(i)("dialogs.watermark.applyButton")), 11, _r)])
-		], 40, An)], 32)) : k("", !0);
+			}, z(B(r)("dialogs.watermark.applyButton")), 11, Tr)])
+		], 40, Rn)], 32)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-5edfdc47"]]), yr = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-cf7e36c1"]]), Dr = /* @__PURE__ */ N({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -1137,6 +1135,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		showPageSetup: { type: Boolean },
 		showWatermark: { type: Boolean },
 		currentWatermark: {},
+		watermarkPresets: {},
 		showKeyboardShortcuts: { type: Boolean }
 	},
 	emits: [
@@ -1155,7 +1154,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 	],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (L(), A(w, null, [
+		return (n, a) => (L(), k(w, null, [
 			M(s, {
 				"is-open": t.showFindReplace,
 				view: t.view,
@@ -1199,22 +1198,27 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				onClose: a[7] ||= (e) => r("update:showPageSetup", !1),
 				onApply: a[8] ||= (e) => r("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"]),
-			M(vr, {
+			M(Er, {
 				"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"]),
+			}, null, 8, [
+				"is-open",
+				"current",
+				"presets"
+			]),
 			M(u, {
 				"is-open": t.showKeyboardShortcuts,
 				onClose: a[11] ||= (e) => r("update:showKeyboardShortcuts", !1)
 			}, null, 8, ["is-open"])
 		], 64));
 	}
-}), br = ["disabled", "onMousedown"], xr = { class: "ctx-menu__label" }, Sr = {
+}), Or = ["disabled", "onMousedown"], kr = { class: "ctx-menu__label" }, Ar = {
 	key: 0,
 	class: "ctx-menu__shortcut"
-}, Cr = 220, wr = 32, Tr = 10, Er = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, jr = 220, Mr = 32, Nr = 10, Pr = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -1347,8 +1351,8 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				disabled: !n.canSplitCell
 			}), e;
 		}), s = E(() => {
-			let e = n.position.x, t = n.position.y, r = o.value.filter((e) => !e.divider).length, i = o.value.filter((e) => e.divider).length, a = r * wr + i * 9;
-			return typeof window < "u" && (e + Cr + Tr > window.innerWidth && (e = window.innerWidth - Cr - Tr), t + a + Tr > window.innerHeight && (t = window.innerHeight - a - Tr)), {
+			let e = n.position.x, t = n.position.y, r = o.value.filter((e) => !e.divider).length, i = o.value.filter((e) => e.divider).length, a = r * Mr + i * 9;
+			return typeof window < "u" && (e + jr + Nr > window.innerWidth && (e = window.innerWidth - jr - Nr), t + a + Nr > window.innerHeight && (t = window.innerHeight - a - Nr)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1361,50 +1365,50 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function l(e) {
 			e.key === "Escape" && r("close");
 		}
-		return W(() => n.isOpen, (e) => {
-			e && ce(() => a.value?.focus());
-		}), (t, n) => (L(), O(T, { to: "body" }, [e.isOpen ? (L(), A("div", {
+		return U(() => n.isOpen, (e) => {
+			e && se(() => a.value?.focus());
+		}), (t, n) => (L(), D(T, { to: "body" }, [e.isOpen ? (L(), k("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
 			onContextmenu: n[1] ||= q((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : k("", !0), e.isOpen ? (L(), A("div", {
+		}, null, 32)) : O("", !0), e.isOpen ? (L(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: a,
 			class: "ctx-menu",
-			style: P(s.value),
+			style: F(s.value),
 			onContextmenu: n[2] ||= q(() => {}, ["prevent"]),
 			onKeydown: l
-		}, [(L(!0), A(w, null, z(o.value, (e, t) => (L(), A("button", {
+		}, [(L(!0), k(w, null, ue(o.value, (e, t) => (L(), k("button", {
 			key: e.id || t,
-			class: le(["ctx-menu__item", {
+			class: ce(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider
 			}]),
 			disabled: e.disabled,
 			onMousedown: q((t) => c(e.action), ["prevent"])
-		}, [j("span", xr, B(e.label), 1), e.shortcut ? (L(), A("span", Sr, B(e.shortcut), 1)) : k("", !0)], 42, br))), 128))], 36)) : k("", !0)]));
+		}, [A("span", kr, z(e.label), 1), e.shortcut ? (L(), k("span", Ar, z(e.shortcut), 1)) : O("", !0)], 42, Or))), 128))], 36)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-b2122da6"]]), Dr = ["aria-label"], Or = { class: "image-ctx-menu__icon" }, kr = { class: "image-ctx-menu__label" }, Ar = {
+}), [["__scopeId", "data-v-852b8986"]]), Fr = ["aria-label"], Ir = { class: "image-ctx-menu__icon" }, Lr = { class: "image-ctx-menu__label" }, Rr = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, jr = [
+}, zr = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Mr = { class: "image-ctx-menu__icon" }, Nr = { class: "image-ctx-menu__label" }, Pr = ["aria-label"], Fr = ["disabled", "onClick"], Ir = { class: "image-ctx-menu__label" }, Lr = {
+], Br = { class: "image-ctx-menu__icon" }, Vr = { class: "image-ctx-menu__label" }, Hr = ["aria-label"], Ur = ["disabled", "onClick"], Wr = { class: "image-ctx-menu__label" }, Gr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Rr = {
+}, Kr = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, zr = 18, Br = 260, Vr = 10, Hr = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}, qr = 18, Jr = 260, Yr = 10, Xr = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -1425,7 +1429,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function a() {
 			i("open-properties"), i("close");
 		}
-		let { t: o } = d(), s = R(null), c = et, l = E(() => n.state ? nt(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), u = {
+		let { t: o } = d(), s = R(null), c = it, l = E(() => n.state ? ot(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), u = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -1437,17 +1441,17 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		}
 		let p = E(() => {
 			if (!n.state) return {};
-			let e = et.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + Br > window.innerWidth && (t = window.innerWidth - Br - Vr), r + e > window.innerHeight && (r = window.innerHeight - e - Vr), t < Vr && (t = Vr), r < Vr && (r = Vr)), {
+			let e = it.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
+			return typeof window < "u" && (t + Jr > window.innerWidth && (t = window.innerWidth - Jr - Yr), r + e > window.innerHeight && (r = window.innerHeight - e - Yr), t < Yr && (t = Yr), r < Yr && (r = Yr)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${Br}px`,
+				minWidth: `${Jr}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return n.state ? it(e, n.state.currentWrapType) : !1;
+			return n.state ? ct(e, n.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -1461,24 +1465,24 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (L(), O(T, { to: "body" }, [e.state && e.state.open ? (L(), A("div", {
+		return (t, n) => (L(), D(T, { to: "body" }, [e.state && e.state.open ? (L(), k("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
 			onContextmenu: n[0] ||= q((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : k("", !0), e.state && e.state.open ? (L(), A("div", {
+		}, null, 32)) : O("", !0), e.state && e.state.open ? (L(), k("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
 			class: "image-ctx-menu",
 			role: "menu",
-			"aria-label": V(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": B(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: P(p.value),
+			style: F(p.value),
 			onContextmenu: n[4] ||= q(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (L(), A("button", {
+			e.canOpenProperties ? (L(), k("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
@@ -1486,49 +1490,49 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
 				onClick: a
-			}, [j("span", Or, [M(r, {
+			}, [A("span", Ir, [M(r, {
 				name: "settings",
-				size: zr
-			})]), j("span", kr, B(V(o)("imageWrap.menu.imageProperties")), 1)], 32)) : k("", !0),
-			e.canOpenProperties ? (L(), A("div", Ar)) : k("", !0),
-			(L(!0), A(w, null, z(V(c), (e) => (L(), A("button", {
+				size: qr
+			})]), A("span", Lr, z(B(o)("imageWrap.menu.imageProperties")), 1)], 32)) : O("", !0),
+			e.canOpenProperties ? (L(), k("div", Rr)) : O("", !0),
+			(L(!0), k(w, null, ue(B(c), (e) => (L(), k("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: le(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === l.value }]),
+				class: ce(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === l.value }]),
 				"data-wrap-type": e.choice,
 				"data-current": e.choice === l.value ? "true" : "false",
 				"data-disabled": m(e) ? "false" : "true",
 				disabled: !m(e),
-				title: V(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				title: B(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
 				onMousedown: n[2] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				j("span", Mr, [M(r, {
+				A("span", Br, [M(r, {
 					name: f(e.iconHint),
-					size: zr
+					size: qr
 				}, null, 8, ["name"])]),
-				j("span", Nr, B(V(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === l.value ? (L(), A("span", {
+				A("span", Vr, z(B(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === l.value ? (L(), k("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": V(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Pr)) : k("", !0)
-			], 42, jr))), 128)),
-			e.textActions && e.textActions.length > 0 ? (L(), A(w, { key: 2 }, [n[5] ||= j("div", {
+					"aria-label": B(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, Hr)) : O("", !0)
+			], 42, zr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (L(), k(w, { key: 2 }, [n[5] ||= A("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (L(!0), A(w, null, z(e.textActions, (e, t) => (L(), A(w, { key: `${e.action}-${t}` }, [j("button", {
+			}, null, -1), (L(!0), k(w, null, ue(e.textActions, (e, t) => (L(), k(w, { key: `${e.action}-${t}` }, [A("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
 				onMousedown: n[3] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [j("span", Ir, B(e.label), 1), e.shortcut ? (L(), A("span", Lr, B(e.shortcut), 1)) : k("", !0)], 40, Fr), e.dividerAfter ? (L(), A("div", Rr)) : k("", !0)], 64))), 128))], 64)) : k("", !0)
-		], 44, Dr)) : k("", !0)]));
+			}, [A("span", Wr, z(e.label), 1), e.shortcut ? (L(), k("span", Gr, z(e.shortcut), 1)) : O("", !0)], 40, Ur), e.dividerAfter ? (L(), k("div", Kr)) : O("", !0)], 64))), 128))], 64)) : O("", !0)
+		], 44, Fr)) : O("", !0)]));
 	}
-}), [["__scopeId", "data-v-5c21ca8c"]]), Ur = /* @__PURE__ */ N({
+}), [["__scopeId", "data-v-de904a04"]]), Zr = /* @__PURE__ */ N({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1546,7 +1550,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (L(), A(w, null, [M(Er, {
+		return (t, r) => (L(), k(w, null, [M(Pr, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1566,7 +1570,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			"on-image",
 			"can-merge-cells",
 			"can-split-cell"
-		]), M(Hr, {
+		]), M(Xr, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1580,7 +1584,7 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			"can-open-properties"
 		])], 64));
 	}
-}), Wr = ["href", "title"], Gr = ["title"], Kr = ["title"], qr = ["title"], Jr = { class: "docx-hyperlink-popup__edit-row" }, Yr = ["placeholder", "onKeydown"], Xr = { class: "docx-hyperlink-popup__edit-row" }, Zr = ["onKeydown"], Qr = ["disabled"], $r = /* @__PURE__ */ b(/* @__PURE__ */ N({
+}), Qr = ["href", "title"], $r = ["title"], ei = ["title"], ti = ["title"], ni = { class: "docx-hyperlink-popup__edit-row" }, ri = ["placeholder", "onKeydown"], ii = { class: "docx-hyperlink-popup__edit-row" }, ai = ["onKeydown"], oi = ["disabled"], si = /* @__PURE__ */ b(/* @__PURE__ */ N({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1598,21 +1602,21 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 			left: (r.data?.position.left ?? 0) + "px",
 			top: (r.data?.position.top ?? 0) + "px"
 		}));
-		W(() => r.data?.href, () => {
+		U(() => r.data?.href, () => {
 			a.value = !1;
 		});
 		let u = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), u &&= (document.removeEventListener("mousedown", u), null);
 		}
-		W(() => r.data, (e) => {
+		U(() => 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 }), F(p);
+		}, { immediate: !0 }), I(p);
 		function m() {
 			r.data && (o.value = r.data.displayText, s.value = r.data.href, a.value = !0);
 		}
@@ -1622,41 +1626,41 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 		function g() {
 			r.data && (i("copy", r.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(r.data.href).catch(() => {}));
 		}
-		return (t, r) => e.data ? (L(), A("div", {
+		return (t, r) => e.data ? (L(), k("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: c,
-			class: le(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
-			style: P(l.value),
+			class: ce(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
+			style: F(l.value),
 			onMousedown: r[6] ||= q(() => {}, ["stop"])
-		}, [a.value ? (L(), A(w, { key: 1 }, [j("div", Jr, [G(j("input", {
+		}, [a.value ? (L(), k(w, { key: 1 }, [A("div", ni, [G(A("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: V(n)("hyperlinkPopup.displayTextPlaceholder"),
+			placeholder: B(n)("hyperlinkPopup.displayTextPlaceholder"),
 			"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
 			onKeydown: [K(q(h, ["prevent"]), ["enter"]), r[3] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Yr), [[U, o.value]])]), j("div", Xr, [G(j("input", {
+		}, null, 40, ri), [[H, o.value]])]), A("div", ii, [G(A("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": r[4] ||= (e) => s.value = e,
 			onKeydown: [K(q(h, ["prevent"]), ["enter"]), r[5] ||= K((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Zr), [[U, s.value]]), j("button", {
+		}, null, 40, ai), [[H, s.value]]), A("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !s.value.trim(),
 			onClick: q(h, ["prevent"])
-		}, B(V(n)("common.apply")), 9, Qr)])], 64)) : (L(), A(w, { key: 0 }, [
-			r[10] ||= ie("<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),
-			j("a", {
+		}, z(B(n)("common.apply")), 9, oi)])], 64)) : (L(), k(w, { key: 0 }, [
+			r[10] ||= ae("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-084b4288><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-084b4288><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-084b4288></circle><path d=\"M2 12h20\" data-v-084b4288></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-084b4288></path></svg></span>", 1),
+			A("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
 				onClick: r[0] ||= q((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, B(e.data.href), 9, Wr),
-			r[11] ||= j("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
-			j("button", {
+			}, z(e.data.href), 9, Qr),
+			r[11] ||= A("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			A("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: V(n)("hyperlinkPopup.copyLink"),
+				title: B(n)("hyperlinkPopup.copyLink"),
 				onClick: q(g, ["prevent"])
-			}, [...r[7] ||= [j("svg", {
+			}, [...r[7] ||= [A("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1665,20 +1669,20 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [j("rect", {
+			}, [A("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, Gr),
-			e.readOnly ? k("", !0) : (L(), A("button", {
+			}), A("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, $r),
+			e.readOnly ? O("", !0) : (L(), k("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: V(n)("hyperlinkPopup.editLink"),
+				title: B(n)("hyperlinkPopup.editLink"),
 				onClick: q(m, ["prevent"])
-			}, [...r[8] ||= [j("svg", {
+			}, [...r[8] ||= [A("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1687,30 +1691,30 @@ var en = ["data-handle", "onMousedown"], tn = ["title"], nn = {
 				"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, Kr)),
-			e.readOnly ? k("", !0) : (L(), A("button", {
+			}, [A("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), A("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, ei)),
+			e.readOnly ? O("", !0) : (L(), k("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: V(n)("hyperlinkPopup.removeLink"),
+				title: B(n)("hyperlinkPopup.removeLink"),
 				onClick: r[1] ||= q((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[9] ||= [ie("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-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, qr))
-		], 64))], 38)) : k("", !0);
+			}, [...r[9] ||= [ae("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-084b4288><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-084b4288></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-084b4288></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-084b4288></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-084b4288></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-084b4288></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-084b4288></line></svg>", 1)]], 8, ti))
+		], 64))], 38)) : O("", !0);
 	}
-}), [["__scopeId", "data-v-9d23bb12"]]);
+}), [["__scopeId", "data-v-084b4288"]]);
 //#endregion
 //#region src/composables/useFileIO.ts
-function ei(e) {
+function ci(e) {
 	let t = R(null), n = R(null);
 	function r(t) {
 		let n = t.target, r = n.files?.[0], i = e.getActiveView();
-		r && i && ht(i, r, { onError: (t) => e.emit("error", t instanceof Error ? t : /* @__PURE__ */ Error("Failed to insert image")) }), n.value = "";
+		r && i && bt(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) {
 		try {
-			let n = await Q(t);
+			let n = await He(t);
 			if (!n) return;
 			await e.loadBuffer(n.buffer), e.emit("update:document", e.getDocument()), e.emit("rename", n.name), await i();
 		} catch (t) {
@@ -1751,7 +1755,7 @@ function ei(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function ti(e) {
+function li(e) {
 	let t = R(null);
 	function n(t) {
 		let n = e.editorView.value;
@@ -1780,7 +1784,7 @@ function ti(e) {
 	function a(n, r) {
 		let i = e.editorView.value;
 		if (!i) return;
-		let a = We(i.state);
+		let a = Je(i.state);
 		if (!a) {
 			t.value = null;
 			return;
@@ -1794,7 +1798,7 @@ function ti(e) {
 	function o() {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = We(n.state, t.value?.href);
+		let r = Je(n.state, t.value?.href);
 		if (!r) {
 			t.value = null;
 			return;
@@ -1813,61 +1817,76 @@ function ti(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function ni(e) {
+function ui(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
-		e && (Ue(e.state, e.dispatch, e), e.focus());
+		e && (qe(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 = wt(a).resolveParagraphStyle(n);
-			yt(n, {
+			let e = kt(a).resolveParagraphStyle(n);
+			wt(n, {
 				paragraphFormatting: e.paragraphFormatting,
 				runFormatting: e.runFormatting,
-				numbering: i?.package?.numbering ? Tt(i.package.numbering) : null
+				numbering: i?.package?.numbering ? At(i.package.numbering) : null
 			})(r.state, (e) => r.dispatch(e));
-		} else yt(n)(r.state, (e) => r.dispatch(e));
+		} else wt(n)(r.state, (e) => r.dispatch(e));
 		r.focus();
 	}
 	function i() {
 		let t = e.editorView.value;
-		t && (Et(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (jt(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
-	function a(e) {
+	function a() {
+		let t = e.editorView.value;
+		t && (Nt(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function o() {
+		let t = e.editorView.value;
+		t && (Mt(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 o(t) {
+	function c(t) {
 		let n = e.editorView.value;
-		return n ? Dt(n, t) : !1;
+		return n ? Pt(n, t) : !1;
 	}
-	function s(t) {
+	function l(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
 		let r = e.getDocument();
-		return Ot(n, t, {
-			styleResolver: r?.package?.styles ? wt(r.package.styles) : null,
-			numbering: r?.package?.numbering ? Tt(r.package.numbering) : null
+		return It(n, t, {
+			styleResolver: r?.package?.styles ? kt(r.package.styles) : null,
+			numbering: r?.package?.numbering ? At(r.package.numbering) : null
 		});
 	}
+	function u(t) {
+		let n = e.editorView.value;
+		return n ? Ft(n, t) : !1;
+	}
 	return {
 		handleClearFormatting: n,
 		handleApplyStyle: r,
 		handleInsertPageBreak: i,
-		handleInsertSymbol: a,
-		applyFormatting: o,
-		setParagraphStyle: s
+		handleInsertSectionBreakNextPage: a,
+		handleInsertSectionBreakContinuous: o,
+		handleInsertSymbol: s,
+		applyFormatting: c,
+		setParagraphStyle: l,
+		insertBreak: u
 	};
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function ri(e) {
+function di(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -1894,19 +1913,19 @@ function ri(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && St(t)(n.state, n.dispatch);
+		n && Dt(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && Ct(t)(n.state, n.dispatch);
+		n && Ot(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? xt(-t, !0)(n.state, n.dispatch) : xt(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? Et(-t, !0)(n.state, n.dispatch) : Et(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && bt(t)(n.state, n.dispatch);
+		n && Tt(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -1922,16 +1941,16 @@ function ri(e) {
 }
 //#endregion
 //#region src/composables/useWatermarkControls.ts
-function ii(e) {
+function fi(e) {
 	let t = R(!1), n = E(() => {
 		e.stateTick.value;
 		let t = e.editorView.value;
-		return t ? mt(t.state) ?? void 0 : void 0;
+		return t ? yt(t.state) ?? void 0 : void 0;
 	});
 	function r(t) {
 		if (e.readOnly.value) return;
 		let n = e.editorView.value;
-		n && (vt(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
+		n && (Ct(t)(n.state, n.dispatch), e.stateTick.value++, n.focus());
 	}
 	return {
 		showWatermark: t,
@@ -1941,18 +1960,18 @@ function ii(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function ai(e) {
+function pi(e) {
 	function t() {
 		if (!e.showOutline.value) {
 			let t = e.editorView.value;
-			t && (e.outlineHeadings.value = kt(t.state.doc));
+			t && (e.outlineHeadings.value = Lt(t.state.doc));
 		}
 		e.showOutline.value = !e.showOutline.value;
 	}
 	function n(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = he.near(r);
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = Y.near(r);
 		n.dispatch(n.state.tr.setSelection(i).scrollIntoView()), n.focus();
 	}
 	function r() {
@@ -1971,7 +1990,7 @@ function ai(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function oi(e) {
+function mi(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -1979,26 +1998,26 @@ function oi(e) {
 		}
 		e.handleZoomKeyDown(t), (t.ctrlKey || t.metaKey) && (e.disableFindReplaceShortcuts?.() && (t.key === "f" || t.key === "h") || (t.key === "f" || t.key === "h" ? (t.preventDefault(), e.showFindReplace.value = !0) : t.key === "k" ? (t.preventDefault(), e.showHyperlink.value = !0) : t.key === "/" && (t.preventDefault(), e.showKeyboardShortcuts.value = !e.showKeyboardShortcuts.value)));
 	}
-	return I(() => window.addEventListener("keydown", t)), F(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+	return le(() => window.addEventListener("keydown", t)), I(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function si(e) {
-	let t = () => V(e.author) ?? "User";
+function hi(e) {
+	let t = () => B(e.author) ?? "User";
 	function n(t) {
 		e.comments.value = t, e.commentCallbacks?.onCommentsChange?.(t);
 	}
 	function r() {
-		Ft(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
+		Ut(e.commentIdAllocator, e.getDocument()?.package?.document?.comments, e.editorView.value);
 	}
 	function i(t, n, i) {
-		return r(), Mt(e.commentIdAllocator, t, n, i);
+		return r(), Bt(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 = At(a, t, e.commentIdAllocator);
+		let o = Rt(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) {
@@ -2017,7 +2036,7 @@ function si(e) {
 		let n = e.editorView.value;
 		if (!n) return !1;
 		r();
-		let i = jt(n, t, e.commentIdAllocator);
+		let i = zt(n, t, e.commentIdAllocator);
 		return i && (e.extractCommentsAndChanges(), e.showSidebar.value = !0), i;
 	}
 	function l(n, r) {
@@ -2044,19 +2063,19 @@ function si(e) {
 	}
 	function p(t, n) {
 		let r = e.editorView.value;
-		r && (ft(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (_t(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
 	function m(t, n) {
 		let r = e.editorView.value;
-		r && (gt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
+		r && (xt(t, n)(r.state, r.dispatch), e.extractCommentsAndChanges(), r.focus());
 	}
 	function h(t) {
 		let n = e.editorView.value;
-		n && (pt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (vt(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
 	function g(t) {
 		let n = e.editorView.value;
-		n && (_t(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
+		n && (St(t)(n.state, n.dispatch), e.extractCommentsAndChanges(), n.focus());
 	}
 	function _(r, a) {
 		let o = e.getDocument();
@@ -2083,8 +2102,8 @@ function si(e) {
 }
 //#endregion
 //#region src/composables/useHostCallbacks.ts
-function ci(e, t) {
-	return W(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
+function gi(e, t) {
+	return U(t, (t) => t && e.onEditorViewReady?.(t), { immediate: !0 }), { commentCallbacks: {
 		onCommentAdd: (t) => e.onCommentAdd?.(t),
 		onCommentResolve: (t) => e.onCommentResolve?.(t),
 		onCommentDelete: (t) => e.onCommentDelete?.(t),
@@ -2094,11 +2113,11 @@ function ci(e, t) {
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-function li(e) {
+function _i(e) {
 	let t = R(null), n = R(null), r = R(null), i = R(!1);
 	function a() {
 		let t = e.getDocument(), n = e.editorView.value;
-		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = It(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
+		!t || !n || (e.comments.value = [...t.package?.document?.comments ?? []], e.trackedChanges.value = Wt(n.state).entries, !i.value && (e.comments.value.length > 0 || e.trackedChanges.value.length > 0) && (e.showSidebar.value = !0, i.value = !0));
 	}
 	function o() {
 		e.stateTick.value;
@@ -2117,7 +2136,7 @@ function li(e) {
 			t.value = null;
 			return;
 		}
-		let s = o.getBoundingClientRect(), c = qt(a, r);
+		let s = o.getBoundingClientRect(), c = tn(a, r);
 		if (!c) {
 			t.value = null;
 			return;
@@ -2145,7 +2164,7 @@ function li(e) {
 		for (let t of r) {
 			if (t.type.name === "comment" && t.attrs.commentId != null) {
 				let n = t.attrs.commentId;
-				if (n === Nt || e.resolvedCommentIds.value.has(n)) continue;
+				if (n === Vt || e.resolvedCommentIds.value.has(n)) continue;
 				i = `comment-${n}`;
 				break;
 			}
@@ -2170,7 +2189,7 @@ function li(e) {
 		}, r.value = t.value?.top ?? null;
 		let s = i.state.schema.marks.comment;
 		if (s) {
-			let e = i.state.tr.addMark(a, o, s.create({ commentId: Nt }));
+			let e = i.state.tr.addMark(a, o, s.create({ commentId: Vt }));
 			i.dispatch(e);
 		}
 		e.showSidebar.value = !0, e.isAddingComment.value = !0, t.value = null;
@@ -2178,8 +2197,8 @@ function li(e) {
 	function l(t) {
 		let i = e.getDocument(), a = e.editorView.value;
 		if (!i?.package) return;
-		i.package.document.comments || (i.package.document.comments = []), Ft(e.commentIdAllocator, i.package.document.comments, a);
-		let o = Mt(e.commentIdAllocator, t, V(e.author) ?? "User");
+		i.package.document.comments || (i.package.document.comments = []), Ut(e.commentIdAllocator, i.package.document.comments, a);
+		let o = Bt(e.commentIdAllocator, t, B(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) {
@@ -2202,15 +2221,15 @@ function li(e) {
 	function d(t) {
 		e.showSidebar.value = !0;
 	}
-	W([
+	U([
 		e.stateTick,
 		e.isAddingComment,
 		e.zoom
-	], () => o()), W(e.stateTick, () => s()), W(e.stateTick, () => a());
+	], () => o()), U(e.stateTick, () => s()), U(e.stateTick, () => a());
 	let f = null;
-	return I(() => {
+	return le(() => {
 		f = new ResizeObserver(() => o()), e.pagesRef.value && f.observe(e.pagesRef.value), window.addEventListener("resize", o);
-	}), F(() => {
+	}), I(() => {
 		f?.disconnect(), window.removeEventListener("resize", o);
 	}), {
 		floatingCommentBtn: t,
@@ -2228,8 +2247,8 @@ function li(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function ui(e) {
-	let t = fe(null), n = R(!1), r = E(() => {
+function vi(e) {
+	let t = pe(null), n = R(!1), r = E(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2243,9 +2262,9 @@ function ui(e) {
 	function i(n) {
 		let r = e.editorView.value, i = t.value;
 		if (!r || !i) return;
-		let a = ot(n);
+		let a = ut(n);
 		if (!a) return;
-		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: tt(i.element, e.zoom.value) } : void 0, l = s.setImageWrapType?.(i.pmPos, a, c);
+		let o = r.state.doc.nodeAt(i.pmPos), s = e.getCommands(), c = o?.attrs.wrapType === "inline" && a !== "inline" ? { initialPositionEmu: at(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) {
@@ -2273,8 +2292,8 @@ function ui(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function di(e, t, n) {
-	let r = ut(e.state), i = e.state.schema.marks.insertion;
+function yi(e, t, n) {
+	let r = ht(e.state), i = e.state.schema.marks.insertion;
 	if (!r || !i) return;
 	let a = t.selection.from, o = a - n.nodeSize;
 	o < 0 || t.addMark(o, a, i.create({
@@ -2283,10 +2302,10 @@ function di(e, t, n) {
 		date: r.date
 	}));
 }
-function fi(e, t) {
+function bi(e, t) {
 	return e.getBlob(t);
 }
-function pi(e, t) {
+function xi(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({
@@ -2298,13 +2317,13 @@ function pi(e, t) {
 		e.value = r, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function mi(e) {
+function Si(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(r.result), r.onerror = n, r.readAsDataURL(e);
 	});
 }
-function hi(e) {
+function Ci(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2316,13 +2335,13 @@ function hi(e) {
 		}), n.src = e;
 	});
 }
-async function gi(e) {
+async function wi(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 mi(await fi(n, t)), i = await hi(r), a = i.width, o = i.height;
+				let r = await Si(await bi(n, t)), i = await Ci(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,
@@ -2332,11 +2351,11 @@ async function gi(e) {
 					wrapType: "inline",
 					displayMode: "inline"
 				}), c = e.state.tr.replaceSelectionWith(s);
-				di(e, c, s), e.dispatch(c);
+				yi(e, c, s), e.dispatch(c);
 				return;
 			}
 			if (n.types.includes("text/html")) {
-				let t = await (await fi(n, "text/html")).text(), r = t.match(/<img[^>]+src="([^"]+)"[^>]*>/i);
+				let t = await (await bi(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,
@@ -2346,12 +2365,12 @@ async function gi(e) {
 						wrapType: "inline",
 						displayMode: "inline"
 					}), l = e.state.tr.replaceSelectionWith(c);
-					di(e, l, c), e.dispatch(l);
+					yi(e, l, c), e.dispatch(l);
 					return;
 				}
 			}
 			if (n.types.includes("text/plain")) {
-				let t = await (await fi(n, "text/plain")).text();
+				let t = await (await bi(n, "text/plain")).text();
 				if (t && t !== "[image]") {
 					let { from: n } = e.state.selection;
 					e.dispatch(e.state.tr.insertText(t, n));
@@ -2367,14 +2386,14 @@ async function gi(e) {
 		}
 	}
 }
-function _i(e, t) {
+function Ti(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 mi(i), o = await hi(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 Si(i), o = await Ci(a), s = n.attrs.width || o.width, c = n.attrs.height || o.height, l = Math.min(s / o.width, c / o.height), u = Math.round(o.width * l), d = Math.round(o.height * l);
 		try {
 			let r = e.state.tr.setNodeMarkup(t, void 0, {
 				...n.attrs,
@@ -2389,7 +2408,7 @@ function _i(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-function vi(e) {
+function Ei(e) {
 	let { t } = d(), n = R({
 		isOpen: !1,
 		position: {
@@ -2427,7 +2446,7 @@ function vi(e) {
 	function a(t) {
 		let i = e.editorView.value;
 		if (!i) return;
-		let a = t.target, o = rt(a);
+		let a = t.target, o = st(a);
 		if (o) {
 			let a = Number(o.dataset.pmStart);
 			if (!isNaN(a)) {
@@ -2453,7 +2472,7 @@ function vi(e) {
 						pmPos: a,
 						currentWrapType: i,
 						currentCssFloat: c ?? null,
-						inlinePositionEmu: i === "inline" ? tt(o, e.zoom.value) : void 0
+						inlinePositionEmu: i === "inline" ? at(o, e.zoom.value) : void 0
 					}, n.value.isOpen = !1;
 					return;
 				}
@@ -2465,7 +2484,7 @@ function vi(e) {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = Ge(i.state), { empty: c } = i.state.selection;
+		let s = Ye(i.state), { empty: c } = i.state.selection;
 		r.value &&= null, n.value = {
 			isOpen: !0,
 			position: {
@@ -2494,7 +2513,7 @@ function vi(e) {
 			pmPos: a.pmPos,
 			currentWrapType: s,
 			currentCssFloat: c ?? null,
-			inlinePositionEmu: s === "inline" ? tt(a.element, e.zoom.value) : void 0
+			inlinePositionEmu: s === "inline" ? at(a.element, e.zoom.value) : void 0
 		}, n.value.isOpen = !1;
 	}
 	function s(t) {
@@ -2510,16 +2529,16 @@ function vi(e) {
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
-					pi(n, e.selectedImage.value.pmPos);
+					xi(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 ? pi(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
+				e.selectedImage.value ? xi(n, e.selectedImage.value.pmPos) : document.execCommand("copy");
 				break;
 			case "paste":
-				gi(n);
+				wi(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2532,7 +2551,7 @@ function vi(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = he.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = Y.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -2540,7 +2559,7 @@ function vi(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && _i(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && Ti(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2575,13 +2594,13 @@ function vi(e) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var yi = 500;
-function bi(e) {
+var Di = 500;
+function Oi(e) {
 	let t = R(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = fe(null), a = 0, o = null, s = 0, c = !1, l = null, u = zt(), d = ne({
+	let i = pe(null), a = 0, o = null, s = 0, c = !1, l = null, u = qt(), d = ne({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
@@ -2594,7 +2613,7 @@ function bi(e) {
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return Yt(e.pagesRef.value, e.editorView.value, t, n);
+		return rn(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
@@ -2607,18 +2626,18 @@ function bi(e) {
 	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 = he.between(r, i);
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = Y.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
 	function _(t) {
-		Jt(e.pagesRef.value, e.pagesViewportRef.value, t);
+		nn(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function v(t) {
-		Xt(e.pagesRef.value, t, g, i.value?.position);
+		an(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function y(t) {
-		Zt(e.pagesRef.value, t, g, i.value?.position);
+		on(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function b(t) {
 		let n = e.editorView.value;
@@ -2639,7 +2658,7 @@ function bi(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s) return;
-		let l = Rt({
+		let l = Kt({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2649,7 +2668,7 @@ function bi(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, Lt));
+			}, Gt));
 			return;
 		}
 		let u = s.getBoundingClientRect();
@@ -2664,7 +2683,7 @@ function bi(e) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(he.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(Y.create(i.state.doc, r.cellPmPos + 1));
 		i.dispatch(a);
 		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow?.() : o.addColumnRight?.();
 		s && (s(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
@@ -2808,7 +2827,7 @@ function bi(e) {
 		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 = rt(r);
+		let f = st(r);
 		if (f) {
 			t.preventDefault(), t.stopPropagation();
 			let n = Number(f.dataset.pmStart);
@@ -2833,14 +2852,14 @@ function bi(e) {
 			return;
 		}
 		let _ = Date.now();
-		if (_ - a < yi && o === p ? s++ : s = 1, a = _, o = p, s === 2) v(p);
+		if (_ - a < Di && 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(Bt(d, p));
+			l = p, c = !0, u.begin(Jt(d, p));
 		}
 		d.focus();
 	}
@@ -2857,10 +2876,10 @@ function bi(e) {
 		}
 		d.updateMousePosition(e.clientX, e.clientY);
 	}
-	function D() {
+	function re() {
 		c = !1, u.end(), d.stopAutoScroll();
 	}
-	function O() {
+	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;
@@ -2883,10 +2902,10 @@ function bi(e) {
 			};
 		}, 600);
 	}
-	return I(() => {
-		window.addEventListener("mousemove", E), window.addEventListener("mouseup", D), e.pagesViewportRef.value?.addEventListener("scroll", O, { passive: !0 });
-	}), F(() => {
-		r(), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", D), e.pagesViewportRef.value?.removeEventListener("scroll", O), p && clearTimeout(p);
+	return le(() => {
+		window.addEventListener("mousemove", E), window.addEventListener("mouseup", re), e.pagesViewportRef.value?.addEventListener("scroll", D, { passive: !0 });
+	}), I(() => {
+		r(), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", re), e.pagesViewportRef.value?.removeEventListener("scroll", D), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
@@ -2907,7 +2926,7 @@ function bi(e) {
 }
 //#endregion
 //#region src/composables/useSelectionSync.ts
-function xi(e) {
+function ki(e) {
 	let t = null, n = null, r = null;
 	function i() {
 		let r = e.pagesRef.value;
@@ -2920,7 +2939,7 @@ function xi(e) {
 			if (!t || !n || e.isHfEditing?.value) return;
 			let i = n.state.selection;
 			if (i instanceof J && i.node.type.name === "image") {
-				let n = X(t, i.from), r = n ? rt(n) : null;
+				let n = X(t, i.from), r = n ? st(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 = {
@@ -2938,12 +2957,12 @@ function xi(e) {
 	function o() {
 		let r = e.pagesRef.value, o = e.editorView.value;
 		if (!r || !o || (i(), e.isHfEditing?.value)) return;
-		a(), Y(r, o.state);
+		a(), ge(r, o.state);
 		let s = o.state.selection;
 		if (s instanceof J && 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 = qe(r, c, r.getBoundingClientRect());
+			let e = Ze(r, c, r.getBoundingClientRect());
 			if (e) {
 				let i = document.createElement("div");
 				i.className = "vue-caret", i.style.cssText = `
@@ -2952,7 +2971,7 @@ function xi(e) {
           top: ${e.y / p + d}px;
           width: 2px;
           height: ${e.height}px;
-          background: #000;
+          background: var(--doc-caret, #000);
           pointer-events: none;
           z-index: ${S.selectionOverlay};
         `, r.appendChild(i), n = i;
@@ -2963,7 +2982,7 @@ function xi(e) {
 			}
 			return;
 		}
-		let m = Je(r, c, l, r.getBoundingClientRect());
+		let m = Qe(r, c, l, r.getBoundingClientRect());
 		for (let e of m) {
 			let t = document.createElement("div");
 			t.className = "vue-sel-rect", t.style.cssText = `
@@ -2978,7 +2997,7 @@ function xi(e) {
       `, r.appendChild(t);
 		}
 	}
-	return F(() => {
+	return I(() => {
 		r !== null && cancelAnimationFrame(r), i();
 	}), {
 		clearOverlay: i,
@@ -2987,7 +3006,7 @@ function xi(e) {
 }
 //#endregion
 //#region src/composables/useMenuActions.ts
-function Si(e) {
+function Ai(e) {
 	function t(t) {
 		let n = e.editorView.value;
 		if (!n) return;
@@ -3029,6 +3048,12 @@ function Si(e) {
 			case "insertPageBreak":
 				e.handleInsertPageBreak();
 				break;
+			case "insertSectionBreakNextPage":
+				e.handleInsertSectionBreakNextPage();
+				break;
+			case "insertSectionBreakContinuous":
+				e.handleInsertSectionBreakContinuous();
+				break;
 			case "insertTOC":
 				t("generateTOC");
 				break;
@@ -3042,7 +3067,7 @@ function Si(e) {
 				e.showKeyboardShortcuts.value = !0;
 				break;
 			case "reportIssue":
-				Vt();
+				Yt();
 				break;
 			case "dirLTR":
 				t("setLtr");
@@ -3060,29 +3085,29 @@ function Si(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function Ci(e) {
+function ji(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	W(e.documentBuffer, (e) => {
+	U(e.documentBuffer, (e) => {
 		e && t(e);
-	}), W(e.document, (e) => {
+	}), U(e.document, (e) => {
 		e && n(e);
-	}), I(async () => {
-		await ce();
+	}), le(async () => {
+		await se();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function wi(e) {
+function Mi(e) {
 	function t() {
 		let t = e.pagesRef.value;
-		t && at(t), e.onPrint?.(), window.print();
+		t && lt(t), e.onPrint?.(), window.print();
 	}
 	function n() {
 		t();
@@ -3116,63 +3141,63 @@ function wi(e) {
 	function c() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = dt(t, n.state.selection.from);
+		let r = gt(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
 	function l(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = Ut(n.state.doc, t);
+		let r = Zt(n.state.doc, t);
 		return r ? (e.scrollVisiblePositionIntoView(r.from + 1), !0) : !1;
 	}
 	function u(t, n) {
-		return Ce(e.editorView.value, t, n);
+		return we(e.editorView.value, t, n);
 	}
 	function d() {
-		return Te(e.editorView.value);
+		return Ee(e.editorView.value);
 	}
 	function f() {
 		return e.comments.value;
 	}
 	function p(t) {
 		let n = e.editorView.value;
-		return n ? Ae(n.state.doc, t ?? {}) : [];
+		return n ? je(n.state.doc, t ?? {}) : [];
 	}
 	function m(t) {
 		let n = e.editorView.value;
 		if (!n) return !1;
-		let r = ke(n.state.doc, t);
+		let r = Ae(n.state.doc, t);
 		return r == null ? !1 : (a(r), !0);
 	}
 	function h(t, n, r) {
-		let i = he.between(t.state.doc.resolve(n), t.state.doc.resolve(r));
+		let i = Y.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 = be(r.state.doc, t, n);
+		let i = xe(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 = Se(n, t);
+		let r = Ce(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 = xe(n, t);
+		let r = Se(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(Ne(i.state, t, n, r)), !0;
+			return i.dispatch(Pe(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof Ht) return !1;
+			if (e instanceof Xt) return !1;
 			throw e;
 		}
 	}
@@ -3180,9 +3205,9 @@ function wi(e) {
 		let r = e.editorView.value;
 		if (!r) return !1;
 		try {
-			return r.dispatch(je(r.state, t, n)), !0;
+			return r.dispatch(Me(r.state, t, n)), !0;
 		} catch (e) {
-			if (e instanceof Ht) return !1;
+			if (e instanceof Xt) return !1;
 			throw e;
 		}
 	}
@@ -3190,14 +3215,14 @@ function wi(e) {
 		let i = e.editorView.value;
 		if (!i) return !1;
 		try {
-			return i.dispatch(Fe(i.state, t, n, r)), !0;
+			return i.dispatch(Ie(i.state, t, n, r)), !0;
 		} catch (e) {
-			if (e instanceof Ht) return !1;
+			if (e instanceof Xt) return !1;
 			throw e;
 		}
 	}
 	function S(t) {
-		return we(e.editorView.value, e.layout.value, t);
+		return Te(e.editorView.value, e.layout.value, t);
 	}
 	function C(t) {
 		return e.contentChangeSubscribers.add(t), () => e.contentChangeSubscribers.delete(t);
@@ -3238,6 +3263,7 @@ function wi(e) {
 		setContentControlValue: x,
 		applyFormatting: e.applyFormatting,
 		setParagraphStyle: e.setParagraphStyle,
+		insertBreak: e.insertBreak,
 		getPageContent: S,
 		getTotalPages: s,
 		getCurrentPage: c,
@@ -3246,26 +3272,36 @@ function wi(e) {
 	} };
 }
 //#endregion
+//#region src/composables/useColorMode.ts
+function Ni(e) {
+	let t = R(Q());
+	return W((n) => {
+		e() === "system" && n(We((e) => {
+			t.value = e;
+		}));
+	}), E(() => Ue(e(), t.value));
+}
+//#endregion
 //#region src/composables/useFontLifecycle.ts
-function Ti(e, t) {
-	W(e, (e) => {
-		Re(e);
+function Pi(e, t) {
+	U(e, (e) => {
+		ze(e);
 	}, { immediate: !0 });
-	let n = ze(t);
-	F(() => n());
+	let n = Be(t);
+	I(() => n());
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
+var Fi = { class: "docx-editor-vue__toolbar-shell" }, Ii = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Oi = {
+}, Li = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, ki = { class: "docx-editor-vue__editor-area" }, Ai = {
+}, Ri = { class: "docx-editor-vue__editor-area" }, zi = {
 	key: 0,
 	class: "docx-editor-vue__vertical-ruler"
-}, ji = ["title"], Mi = ["title", "aria-label"], Ni = /* @__PURE__ */ N({
+}, Bi = ["title"], Vi = ["title", "aria-label"], Hi = /* @__PURE__ */ N({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3292,6 +3328,7 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 		onModeChange: {},
 		i18n: { default: void 0 },
 		theme: { default: null },
+		colorMode: { default: "light" },
 		externalPlugins: { default: () => [] },
 		showZoomControl: {
 			type: Boolean,
@@ -3323,6 +3360,7 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 		},
 		fontFamilies: { default: void 0 },
 		fonts: {},
+		watermarkPresets: { default: void 0 },
 		onPrint: {
 			type: Function,
 			default: void 0
@@ -3367,40 +3405,40 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 		"mode-change"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, o = n, s = R(i.mode), c = E(() => i.readOnly || s.value === "viewing"), u = E(() => i.author);
+		let i = e, o = n, s = Ni(() => i.colorMode), c = R(i.mode), u = E(() => i.readOnly || c.value === "viewing"), d = E(() => i.author);
 		a(E(() => i.i18n));
-		let { t: d } = l(E(() => i.i18n)), h = R(null), v = R(null), b = R(null), x = R(0), S = /* @__PURE__ */ new Set(), ne = /* @__PURE__ */ new Set(), T = new Ee(), D = R(!1), ie = R(!1), ae = R(!1), N = R(!1), oe = R(!1), H = R(i.showOutline), pe = R(!1), U = R(!1), G = R(!1), K = R(null), J = fe([]), Y = fe([]), ge = fe([]), { zoom: X, zoomPercent: ye, isMinZoom: be, isMaxZoom: xe, setZoom: Se, zoomIn: Ce, zoomOut: we, handleWheel: De, handleKeyDown: ke, installShortcuts: Ae, ZOOM_PRESETS: je } = te(i.initialZoom);
-		Ae();
-		let { editorView: Z, isReady: Me, parseError: Ne, layout: Pe, loadBuffer: Fe, loadDocument: Le, save: Re, focus: ze, destroy: Be, getDocument: Q, getCommands: Ve, reLayout: Ue, getHfPmView: We, syncHfPMs: Ge, setHfTransactionListener: Ke, setDocument: qe } = C({
-			hiddenContainer: h,
-			pagesContainer: v,
-			readOnly: c,
+		let { t: h } = l(E(() => i.i18n)), v = R(null), b = R(null), x = R(null), S = R(0), ne = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), re = new De(), ae = R(!1), j = R(!1), N = R(!1), P = R(!1), V = R(!1), me = R(i.showOutline), H = R(!1), W = R(!1), G = R(!1), K = R(null), J = pe([]), ge = pe([]), _e = pe([]), { zoom: X, zoomPercent: be, isMinZoom: xe, isMaxZoom: Se, setZoom: Ce, zoomIn: we, zoomOut: Te, handleWheel: Oe, handleKeyDown: Ae, installShortcuts: je, ZOOM_PRESETS: Me } = te(i.initialZoom);
+		je();
+		let { editorView: Z, isReady: Ne, parseError: Pe, layout: Fe, loadBuffer: Ie, loadDocument: Re, save: ze, focus: Be, destroy: Ve, getDocument: Q, getCommands: He, reLayout: Ue, getHfPmView: We, syncHfPMs: Ge, setHfTransactionListener: qe, setDocument: Je } = C({
+			hiddenContainer: v,
+			pagesContainer: b,
+			readOnly: u,
 			externalPlugins: i.externalPlugins,
-			syncCoordinator: T,
-			editorMode: s,
-			author: u,
+			syncCoordinator: re,
+			editorMode: c,
+			author: d,
 			onChange: (e) => {
-				o("change", e), o("update:document", e), i.onChange?.(e), S.forEach((t) => t(e));
+				o("change", e), o("update:document", e), i.onChange?.(e), ne.forEach((t) => t(e));
 			},
 			onError: (e) => {
 				o("error", e), i.onError?.(e);
 			},
 			onSelectionUpdate: () => {
-				x.value++;
+				S.value++;
 				let e = Z.value;
-				i.onSelectionChange?.(e ? Oe(e.state) : null);
-				let t = Te(e);
-				ne.forEach((e) => e(t));
+				i.onSelectionChange?.(e ? ke(e.state) : null);
+				let t = Ee(e);
+				T.forEach((e) => e(t));
 			}
-		}), { commentCallbacks: Je } = ci(i, Z), Ye = E(() => {
-			x.value;
+		}), { commentCallbacks: Ye } = gi(i, Z), Xe = E(() => {
+			S.value;
 			let e = Q();
 			if (!e?.package?.document) return null;
 			let t = e.package.document;
 			return t.finalSectionProperties ?? t.sections?.[0]?.properties ?? null;
-		}), Xe = E(() => {
-			x.value;
-			let e = Z.value, t = e ? He(e.state).paragraphFormatting : {};
+		}), Ze = E(() => {
+			S.value;
+			let e = Z.value, t = e ? Ke(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3408,24 +3446,24 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				hangingIndent: t.hangingIndent ?? !1,
 				tabStops: t.tabs ?? null
 			};
-		}), Ze = E(() => (x.value, Q()?.package?.theme ?? i.theme ?? null)), Qe = R(null), $e = R([]);
-		function et(e, t) {
-			Qe.value = _e(e, t), $e.value = ve(e, t);
+		}), Qe = E(() => (S.value, Q()?.package?.theme ?? i.theme ?? null)), $e = E(() => (S.value, Q()?.package?.styles?.styles ?? void 0)), et = R(null), tt = R([]);
+		function nt(e, t) {
+			et.value = ve(e, t), tt.value = ye(e, t);
 		}
-		function tt() {
-			Qe.value = null, $e.value = [];
+		function rt() {
+			et.value = null, tt.value = [];
 		}
-		Ti(() => i.fonts, (e) => {
+		Pi(() => i.fonts, (e) => {
 			o("error", e), i.onError?.(e);
 		});
-		let nt = E(() => $.value?.headerFooter ? We($.value.headerFooter) ?? null : null), rt = E(() => nt.value ?? Z.value);
-		I(() => {
-			Ke((e, t) => {
-				x.value++, requestAnimationFrame(() => {
+		let it = E(() => $.value?.headerFooter ? We($.value.headerFooter) ?? null : null), at = E(() => it.value ?? Z.value);
+		le(() => {
+			qe((e, t) => {
+				S.value++, requestAnimationFrame(() => {
 					let e = $.value;
 					if (!e) return;
-					et(t, e.position);
-					let n = Kt(e.position), r = b.value;
+					nt(t, e.position);
+					let n = en(e.position), r = x.value;
 					if (!n || !r) return;
 					let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = X.value || 1;
 					$.value = {
@@ -3438,20 +3476,20 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 						}
 					};
 				});
-			}), W(() => $.value, (e) => {
+			}), U(() => $.value, (e) => {
 				if (!e) {
-					tt();
+					rt();
 					return;
 				}
 				let t = Z.value;
 				if (t) {
 					try {
-						let e = t.state.tr.setSelection(he.create(t.state.doc, 0));
+						let e = t.state.tr.setSelection(Y.create(t.state.doc, 0));
 						t.dispatch(e);
 					} catch {}
 					t.dom.blur?.();
 				}
-				or.updateSelectionOverlay();
+				dr.updateSelectionOverlay();
 			});
 			let e = 0;
 			function t() {
@@ -3460,33 +3498,33 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 					let t = $.value;
 					if (!t?.headerFooter) return;
 					let n = We(t.headerFooter);
-					n && et(n, t.position);
+					n && nt(n, t.position);
 				}));
 			}
-			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), F(() => {
+			window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), I(() => {
 				e && cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
 			});
 		});
-		let it = E(() => {
+		let ot = E(() => {
 			let e = [];
-			return U.value && e.push(`translateX(-${Ie}px)`), X.value !== 1 && e.push(`scale(${X.value})`), {
+			return W.value && e.push(`translateX(-${Le}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"
 			};
-		}), at = E(() => ({
+		}), st = E(() => ({
 			paddingLeft: "20px",
-			paddingRight: 20 + (U.value ? Ie * 2 : 0) + "px",
+			paddingRight: 20 + (W.value ? Le * 2 : 0) + "px",
 			transition: "padding 0.2s ease"
-		})), ot = E(() => {
-			let e = Ye.value;
-			return ct(e?.pageWidth ?? 12240) * X.value;
-		}), st = E(() => {
+		})), ct = E(() => {
+			let e = Xe.value;
+			return ft(e?.pageWidth ?? 12240) * X.value;
+		}), lt = E(() => {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of J.value) t.parentId == null && t.done && e.add(t.id);
 			return e;
-		}), lt = E(() => {
-			x.value;
+		}), ut = E(() => {
+			S.value;
 			let e = Z.value;
 			if (!e) return [];
 			let t = /* @__PURE__ */ new Set(), n = [];
@@ -3502,220 +3540,224 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				}
 				return !0;
 			}), n.sort((e, t) => e.name.localeCompare(t.name));
-		}), ut = Pt(), { floatingCommentBtn: dt, pendingCommentRange: ft, addCommentYPosition: pt, sidebarAutoOpenedRef: mt, extractCommentsAndChanges: ht, handleAddComment: gt, handleCancelAddComment: _t, handleStartAddComment: vt, handleMarkerClick: yt } = li({
+		}), dt = Ht(), { floatingCommentBtn: pt, pendingCommentRange: mt, addCommentYPosition: ht, sidebarAutoOpenedRef: gt, extractCommentsAndChanges: _t, handleAddComment: vt, handleCancelAddComment: yt, handleStartAddComment: bt, handleMarkerClick: xt } = _i({
 			editorView: Z,
 			getDocument: Q,
 			comments: J,
-			trackedChanges: Y,
-			resolvedCommentIds: st,
+			trackedChanges: ge,
+			resolvedCommentIds: lt,
 			activeSidebarItem: K,
-			showSidebar: U,
+			showSidebar: W,
 			isAddingComment: G,
-			readOnly: c,
+			readOnly: u,
 			zoom: X,
-			stateTick: x,
-			pagesRef: v,
-			pagesViewportRef: b,
+			stateTick: S,
+			pagesRef: b,
+			pagesViewportRef: x,
 			emit: o,
-			commentIdAllocator: ut,
-			author: u,
-			commentCallbacks: Je
-		}), { docxInputRef: bt, imageInputRef: xt, handleImageFileChange: St, handleDocxFileChange: Ct, handleDocumentNameChange: wt, downloadCurrentDocument: Tt, loadDocumentBuffer: Et, loadDocument: Dt, save: Ot } = ei({
-			loadBuffer: Fe,
-			loadParsedDocument: Le,
+			commentIdAllocator: dt,
+			author: d,
+			commentCallbacks: Ye
+		}), { docxInputRef: St, imageInputRef: Ct, handleImageFileChange: wt, handleDocxFileChange: Tt, handleDocumentNameChange: Et, downloadCurrentDocument: Dt, loadDocumentBuffer: Ot, loadDocument: kt, save: At } = ci({
+			loadBuffer: Ie,
+			loadParsedDocument: Re,
 			getDocument: Q,
-			saveBlob: Re,
-			extractCommentsAndChanges: ht,
+			saveBlob: ze,
+			extractCommentsAndChanges: _t,
 			emit: o,
 			documentName: () => i.documentName,
 			onDocumentNameChange: i.onDocumentNameChange,
-			getActiveView: () => rt.value,
-			nextTick: ce
-		}), { hyperlinkPopupData: kt, handleHyperlinkSubmit: At, handleHyperlinkRemove: jt, handleHyperlinkPopupNavigate: Mt, handleHyperlinkPopupEdit: Nt, handleHyperlinkPopupRemove: Ft } = ti({
+			getActiveView: () => at.value,
+			nextTick: se
+		}), { hyperlinkPopupData: jt, handleHyperlinkSubmit: Mt, handleHyperlinkRemove: Nt, handleHyperlinkPopupNavigate: Pt, handleHyperlinkPopupEdit: Ft, handleHyperlinkPopupRemove: It } = li({
 			editorView: Z,
-			getCommands: Ve
-		}), { handleClearFormatting: It, handleApplyStyle: Lt, handleInsertPageBreak: Rt, handleInsertSymbol: zt, applyFormatting: Bt, setParagraphStyle: Vt } = ni({
+			getCommands: He
+		}), { handleClearFormatting: Lt, handleApplyStyle: Rt, handleInsertPageBreak: zt, handleInsertSectionBreakNextPage: Bt, handleInsertSectionBreakContinuous: Vt, handleInsertSymbol: Ut, applyFormatting: Wt, setParagraphStyle: Gt, insertBreak: Kt } = ui({
 			editorView: Z,
-			activeView: rt,
+			activeView: at,
 			getDocument: Q
-		}), { handlePageSetupApply: Ht, handleLeftMarginChange: Ut, handleRightMarginChange: Wt, handleTopMarginChange: Gt, handleBottomMarginChange: qt, handleIndentLeftChange: Jt, handleIndentRightChange: Yt, handleFirstLineIndentChange: Xt, handleTabStopRemove: Zt } = ri({
+		}), { handlePageSetupApply: qt, handleLeftMarginChange: Jt, handleRightMarginChange: Yt, handleTopMarginChange: Xt, handleBottomMarginChange: Zt, handleIndentLeftChange: Qt, handleIndentRightChange: $t, handleFirstLineIndentChange: tn, handleTabStopRemove: nn } = di({
 			editorView: Z,
 			getDocument: Q,
-			readOnly: c,
-			stateTick: x,
+			readOnly: u,
+			stateTick: S,
 			reLayout: Ue,
 			emit: o
-		}), { showWatermark: $t, currentWatermark: en, handleWatermarkApply: tn } = ii({
+		}), { showWatermark: rn, currentWatermark: an, handleWatermarkApply: on } = fi({
 			editorView: Z,
-			readOnly: c,
-			stateTick: x
-		}), { handleToggleOutline: nn, handleOutlineNavigate: rn, handleToggleSidebar: an, handleEditorScrollMouseDown: on } = ai({
+			readOnly: u,
+			stateTick: S
+		}), { handleToggleOutline: cn, handleOutlineNavigate: ln, handleToggleSidebar: un, handleEditorScrollMouseDown: dn } = pi({
 			editorView: Z,
-			showOutline: H,
-			showSidebar: U,
-			outlineHeadings: ge,
+			showOutline: me,
+			showSidebar: W,
+			outlineHeadings: _e,
 			activeSidebarItem: K,
-			extractCommentsAndChanges: ht
+			extractCommentsAndChanges: _t
 		});
-		oi({
-			showKeyboardShortcuts: pe,
-			showFindReplace: D,
-			showHyperlink: ie,
-			handleZoomKeyDown: ke,
+		mi({
+			showKeyboardShortcuts: H,
+			showFindReplace: ae,
+			showHyperlink: j,
+			handleZoomKeyDown: Ae,
 			disableFindReplaceShortcuts: () => i.disableFindReplaceShortcuts
 		});
-		let { addComment: sn, replyToComment: cn, resolveComment: un, proposeChange: dn, handleCommentReply: fn, handleCommentResolve: pn, handleCommentUnresolve: gn, handleCommentDelete: _n, handleAcceptChange: yn, handleRejectChange: bn, handleAcceptChangeById: xn, handleRejectChangeById: Sn, handleTrackedChangeReply: Cn } = si({
+		let { addComment: fn, replyToComment: pn, resolveComment: mn, proposeChange: hn, handleCommentReply: gn, handleCommentResolve: vn, handleCommentUnresolve: yn, handleCommentDelete: bn, handleAcceptChange: xn, handleRejectChange: wn, handleAcceptChangeById: Tn, handleRejectChangeById: Dn, handleTrackedChangeReply: On } = hi({
 			editorView: Z,
 			getDocument: Q,
 			comments: J,
-			trackedChanges: Y,
-			showSidebar: U,
+			trackedChanges: ge,
+			showSidebar: W,
 			isAddingComment: G,
-			pendingCommentRange: ft,
-			contentChangeSubscribers: S,
-			extractCommentsAndChanges: ht,
+			pendingCommentRange: mt,
+			contentChangeSubscribers: ne,
+			extractCommentsAndChanges: _t,
 			emit: o,
-			commentIdAllocator: ut,
-			author: u,
-			commentCallbacks: Je
-		}), { selectedImage: Tn, imageInteracting: En, imageToolbarContext: Dn, handleToolbarImageWrap: On, handleImageTransform: An } = ui({
+			commentIdAllocator: dt,
+			author: d,
+			commentCallbacks: Ye
+		}), { selectedImage: kn, imageInteracting: An, imageToolbarContext: jn, handleToolbarImageWrap: Nn, handleImageTransform: Pn } = vi({
 			editorView: Z,
 			zoom: X,
-			stateTick: x,
-			getCommands: Ve
-		}), jn = ee(), Mn = null, { tableInsertButton: Nn, hfEdit: $, scrollPageInfo: Pn, resolvePos: Fn, setPmSelection: In, scrollVisiblePositionIntoView: Ln, handlePagesMouseDown: Rn, handlePagesMouseMove: zn, handlePagesClick: Bn, handlePagesDoubleClick: Vn, handleTableInsertClick: Hn, clearTableInsertTimer: Un, handleHfSave: Wn, handleHfRemove: Gn } = bi({
+			stateTick: S,
+			getCommands: He
+		}), Fn = ee(), In = null, { tableInsertButton: Rn, hfEdit: $, scrollPageInfo: zn, resolvePos: Bn, setPmSelection: Vn, scrollVisiblePositionIntoView: Hn, handlePagesMouseDown: Un, handlePagesMouseMove: Wn, handlePagesClick: Gn, handlePagesDoubleClick: Kn, handleTableInsertClick: qn, clearTableInsertTimer: Jn, handleHfSave: Yn, handleHfRemove: Xn } = Oi({
 			editorView: Z,
-			pagesRef: v,
-			pagesViewportRef: b,
-			selectedImage: Tn,
-			imageInteracting: En,
-			hyperlinkPopupData: kt,
-			readOnly: c,
+			pagesRef: b,
+			pagesViewportRef: x,
+			selectedImage: kn,
+			imageInteracting: An,
+			hyperlinkPopupData: jt,
+			readOnly: u,
 			zoom: X,
-			layout: Pe,
-			tableResize: jn,
-			getCommands: Ve,
+			layout: Fe,
+			tableResize: Fn,
+			getCommands: He,
 			getDocument: Q,
 			reLayout: Ue,
 			emit: o,
-			clearOverlay: ir,
+			clearOverlay: lr,
 			syncHfPMs: Ge,
 			getHfPmView: We,
-			setDocument: qe
-		}), { contextMenu: Kn, imageContextMenu: qn, imageContextMenuTextActions: Jn, handleContextMenu: Yn, handleSelectedImageContextMenu: Xn, handleImageWrapSelect: Zn, handleContextMenuAction: Qn } = vi({
+			setDocument: Je
+		}), { contextMenu: Zn, imageContextMenu: Qn, imageContextMenuTextActions: $n, handleContextMenu: er, handleSelectedImageContextMenu: tr, handleImageWrapSelect: nr, handleContextMenuAction: rr } = Ei({
 			editorView: Z,
-			selectedImage: Tn,
+			selectedImage: kn,
 			zoom: X,
-			showImageProperties: N,
-			getCommands: Ve,
-			clearOverlay: ir,
-			setPmSelection: In,
-			resolvePos: Fn
-		}), { handleMenuAction: $n, handleMenuTableInsert: er } = Si({
+			showImageProperties: P,
+			getCommands: He,
+			clearOverlay: lr,
+			setPmSelection: Vn,
+			resolvePos: Bn
+		}), { handleMenuAction: ir, handleMenuTableInsert: ar } = Ai({
 			editorView: Z,
-			getCommands: Ve,
-			docxInputRef: bt,
-			imageInputRef: xt,
-			showPageSetup: oe,
-			showWatermark: $t,
-			showHyperlink: ie,
-			showInsertSymbol: ae,
-			showKeyboardShortcuts: pe,
-			handleClearFormatting: It,
-			handleInsertPageBreak: Rt,
-			handleToggleOutline: nn,
-			handleToggleSidebar: an,
-			downloadCurrentDocument: Tt,
+			getCommands: He,
+			docxInputRef: St,
+			imageInputRef: Ct,
+			showPageSetup: V,
+			showWatermark: rn,
+			showHyperlink: j,
+			showInsertSymbol: N,
+			showKeyboardShortcuts: H,
+			handleClearFormatting: Lt,
+			handleInsertPageBreak: zt,
+			handleInsertSectionBreakNextPage: Bt,
+			handleInsertSectionBreakContinuous: Vt,
+			handleToggleOutline: cn,
+			handleToggleSidebar: un,
+			downloadCurrentDocument: Dt,
 			emit: o
 		});
-		Ci({
+		ji({
 			documentBuffer: () => i.documentBuffer,
 			document: () => i.document,
-			loadDocumentBuffer: Et,
-			loadDocument: Dt,
-			sidebarAutoOpenedRef: mt
+			loadDocumentBuffer: Ot,
+			loadDocument: kt,
+			sidebarAutoOpenedRef: gt
 		});
-		let tr = () => Z.value, nr = () => v.value;
-		W(() => i.mode, (e) => {
-			e && e !== s.value && (s.value = e);
-		}), W(() => i.showOutline, (e) => {
-			H.value = !!e;
+		let or = () => Z.value, sr = () => b.value;
+		U(() => i.mode, (e) => {
+			e && e !== c.value && (c.value = e);
+		}), U(() => i.showOutline, (e) => {
+			me.value = !!e;
 		});
-		function rr(e) {
-			s.value !== e && (s.value = e, o("mode-change", e));
+		function cr(e) {
+			c.value !== e && (c.value = e, o("mode-change", e));
 		}
-		I(() => {
-			Mn = jn.install();
-		}), F(() => {
-			Mn?.();
+		le(() => {
+			In = Fn.install();
+		}), I(() => {
+			In?.();
 		});
-		function ir() {
-			or.clearOverlay();
+		function lr() {
+			dr.clearOverlay();
 		}
-		function ar() {
-			or.updateSelectionOverlay();
+		function ur() {
+			dr.updateSelectionOverlay();
 		}
-		let or = xi({
+		let dr = ki({
 			editorView: Z,
-			pagesRef: v,
+			pagesRef: b,
 			zoom: X,
-			selectedImage: Tn,
+			selectedImage: kn,
 			isHfEditing: E(() => $.value !== null),
-			imageInteracting: En
-		}), sr = T.onRender(() => ar());
-		ar(), F(() => {
-			sr(), ir();
+			imageInteracting: An
+		}), fr = re.onRender(() => ur());
+		ur(), I(() => {
+			fr(), lr();
 		});
-		let { exposed: cr } = wi({
+		let { exposed: pr } = Mi({
 			editorView: Z,
-			layout: Pe,
-			pagesRef: v,
-			pagesViewportRef: b,
+			layout: Fe,
+			pagesRef: b,
+			pagesViewportRef: x,
 			zoom: X,
 			comments: J,
-			focus: ze,
-			destroy: Be,
+			focus: Be,
+			destroy: Ve,
 			getDocument: Q,
-			setZoom: Se,
-			save: Ot,
-			loadDocument: Dt,
-			loadDocumentBuffer: Et,
-			addComment: sn,
-			replyToComment: cn,
-			resolveComment: un,
-			proposeChange: dn,
-			applyFormatting: Bt,
-			setParagraphStyle: Vt,
-			scrollVisiblePositionIntoView: Ln,
-			contentChangeSubscribers: S,
-			selectionChangeSubscribers: ne,
+			setZoom: Ce,
+			save: At,
+			loadDocument: kt,
+			loadDocumentBuffer: Ot,
+			addComment: fn,
+			replyToComment: pn,
+			resolveComment: mn,
+			proposeChange: hn,
+			applyFormatting: Wt,
+			setParagraphStyle: Gt,
+			insertBreak: Kt,
+			scrollVisiblePositionIntoView: Hn,
+			contentChangeSubscribers: ne,
+			selectionChangeSubscribers: T,
 			onPrint: i.onPrint
 		});
-		return t(cr), (t, n) => (L(), A("div", {
-			class: le([
+		return t(pr), (t, n) => (L(), k("div", {
+			class: ce([
 				"docx-editor-vue ep-root paged-editor",
+				B(s) ? "dark" : "",
 				e.className,
 				{
-					"paged-editor--readonly": c.value,
-					"paged-editor--hf-editing": V($) !== null,
-					"paged-editor--editing-header": V($)?.position === "header",
-					"paged-editor--editing-footer": V($)?.position === "footer"
+					"paged-editor--readonly": u.value,
+					"paged-editor--hf-editing": B($) !== null,
+					"paged-editor--editing-header": B($)?.position === "header",
+					"paged-editor--editing-footer": B($)?.position === "footer"
 				}
 			]),
-			style: P(e.style)
+			style: F(e.style)
 		}, [
-			j("div", Ei, [M(kn, {
+			A("div", Fi, [M(Ln, {
 				"show-menu-bar": e.showMenuBar,
 				"document-name": e.documentName,
 				"document-name-editable": e.documentNameEditable,
 				"render-logo": e.renderLogo,
 				"render-title-bar-right": e.renderTitleBarRight,
-				onRename: V(wt),
-				onMenuAction: V($n),
-				onInsertTable: V(er)
+				onRename: B(Et),
+				onMenuAction: B(ir),
+				onInsertTable: B(ar)
 			}, {
-				"title-bar-left": me(() => [ue(t.$slots, "title-bar-left")]),
-				"title-bar-right": me(() => [ue(t.$slots, "title-bar-right")]),
+				"title-bar-left": he(() => [de(t.$slots, "title-bar-left")]),
+				"title-bar-right": he(() => [de(t.$slots, "title-bar-right")]),
 				_: 3
 			}, 8, [
 				"show-menu-bar",
@@ -3726,37 +3768,38 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"onRename",
 				"onMenuAction",
 				"onInsertTable"
-			]), e.showToolbar ? (L(), O(y, {
+			]), e.showToolbar ? (L(), D(y, {
 				key: 0,
-				view: rt.value,
-				"get-commands": V(Ve),
-				"state-tick": x.value,
-				"zoom-percent": V(ye),
-				"is-min-zoom": V(be),
-				"is-max-zoom": V(xe),
-				"zoom-presets": V(je),
+				view: at.value,
+				"get-commands": B(He),
+				"state-tick": S.value,
+				"zoom-percent": B(be),
+				"is-min-zoom": B(xe),
+				"is-max-zoom": B(Se),
+				"zoom-presets": B(Me),
 				"show-zoom-control": e.showZoomControl,
-				"editor-mode": s.value,
-				"comments-sidebar-open": U.value,
-				"image-context": V(Dn),
-				theme: Ze.value,
+				"editor-mode": c.value,
+				"comments-sidebar-open": W.value,
+				"image-context": B(jn),
+				theme: Qe.value,
 				"font-families": e.fontFamilies,
-				onInsertLink: n[0] ||= (e) => ie.value = !0,
-				onApplyStyle: V(Lt),
-				onZoomIn: V(Ce),
-				onZoomOut: V(we),
-				onZoomSet: V(Se),
-				onToggleSidebar: V(an),
-				onModeChange: rr,
-				onImageWrapType: V(On),
-				onImageProperties: n[1] ||= (e) => N.value = !0,
-				onImageTransform: V(An)
-			}, re({
-				"table-context": me(() => [M(m, {
-					view: rt.value,
-					"get-commands": V(Ve),
-					"state-tick": x.value,
-					theme: Ze.value
+				"document-styles": $e.value,
+				onInsertLink: n[0] ||= (e) => j.value = !0,
+				onApplyStyle: B(Rt),
+				onZoomIn: B(we),
+				onZoomOut: B(Te),
+				onZoomSet: B(Ce),
+				onToggleSidebar: B(un),
+				onModeChange: cr,
+				onImageWrapType: B(Nn),
+				onImageProperties: n[1] ||= (e) => P.value = !0,
+				onImageTransform: B(Pn)
+			}, ie({
+				"table-context": he(() => [M(m, {
+					view: at.value,
+					"get-commands": B(He),
+					"state-tick": S.value,
+					theme: Qe.value
 				}, null, 8, [
 					"view",
 					"get-commands",
@@ -3766,11 +3809,11 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				_: 2
 			}, [e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: me(() => [(L(), O(de(e.toolbarExtra)))]),
+				fn: he(() => [(L(), D(fe(e.toolbarExtra)))]),
 				key: "0"
 			} : {
 				name: "toolbar-extra",
-				fn: me(() => [ue(t.$slots, "toolbar-extra")]),
+				fn: he(() => [de(t.$slots, "toolbar-extra")]),
 				key: "1"
 			}]), 1032, [
 				"view",
@@ -3786,6 +3829,7 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"image-context",
 				"theme",
 				"font-families",
+				"document-styles",
 				"onApplyStyle",
 				"onZoomIn",
 				"onZoomOut",
@@ -3793,33 +3837,34 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"onToggleSidebar",
 				"onImageWrapType",
 				"onImageTransform"
-			])) : k("", !0)]),
-			M(yr, {
-				"show-find-replace": D.value,
-				"onUpdate:showFindReplace": n[2] ||= (e) => D.value = e,
-				"show-hyperlink": ie.value,
-				"onUpdate:showHyperlink": n[3] ||= (e) => ie.value = e,
-				"show-insert-symbol": ae.value,
-				"onUpdate:showInsertSymbol": n[4] ||= (e) => ae.value = e,
-				"show-image-properties": N.value,
-				"onUpdate:showImageProperties": n[5] ||= (e) => N.value = e,
-				"show-page-setup": oe.value,
-				"onUpdate:showPageSetup": n[6] ||= (e) => oe.value = e,
-				"show-watermark": V($t),
-				"onUpdate:showWatermark": n[7] ||= (e) => se($t) ? $t.value = e : null,
-				"show-keyboard-shortcuts": pe.value,
-				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => pe.value = e,
-				view: V(Z),
-				bookmarks: lt.value,
-				"selected-image-pm-pos": V(Tn)?.pmPos ?? null,
-				"section-properties": Ye.value,
-				"current-watermark": V(en),
-				"scroll-visible-position-into-view": V(Ln),
-				onInsertSymbol: V(zt),
-				onHyperlinkSubmit: V(At),
-				onHyperlinkRemove: V(jt),
-				onPageSetupApply: V(Ht),
-				onWatermarkApply: V(tn)
+			])) : O("", !0)]),
+			M(Dr, {
+				"show-find-replace": ae.value,
+				"onUpdate:showFindReplace": n[2] ||= (e) => ae.value = e,
+				"show-hyperlink": j.value,
+				"onUpdate:showHyperlink": n[3] ||= (e) => j.value = e,
+				"show-insert-symbol": N.value,
+				"onUpdate:showInsertSymbol": n[4] ||= (e) => N.value = e,
+				"show-image-properties": P.value,
+				"onUpdate:showImageProperties": n[5] ||= (e) => P.value = e,
+				"show-page-setup": V.value,
+				"onUpdate:showPageSetup": n[6] ||= (e) => V.value = e,
+				"show-watermark": B(rn),
+				"onUpdate:showWatermark": n[7] ||= (e) => oe(rn) ? rn.value = e : null,
+				"show-keyboard-shortcuts": H.value,
+				"onUpdate:showKeyboardShortcuts": n[8] ||= (e) => H.value = e,
+				view: B(Z),
+				bookmarks: ut.value,
+				"selected-image-pm-pos": B(kn)?.pmPos ?? null,
+				"section-properties": Xe.value,
+				"current-watermark": B(an),
+				"watermark-presets": e.watermarkPresets,
+				"scroll-visible-position-into-view": B(Hn),
+				onInsertSymbol: B(Ut),
+				onHyperlinkSubmit: B(Mt),
+				onHyperlinkRemove: B(Nt),
+				onPageSetupApply: B(qt),
+				onWatermarkApply: B(on)
 			}, null, 8, [
 				"show-find-replace",
 				"show-hyperlink",
@@ -3833,6 +3878,7 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"selected-image-pm-pos",
 				"section-properties",
 				"current-watermark",
+				"watermark-presets",
 				"scroll-visible-position-into-view",
 				"onInsertSymbol",
 				"onHyperlinkSubmit",
@@ -3840,35 +3886,35 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"onPageSetupApply",
 				"onWatermarkApply"
 			]),
-			V(Ne) ? (L(), A("div", Di, B(V(Ne)), 1)) : k("", !0),
-			!V(Me) && !V(Ne) ? (L(), A("div", Oi, "Loading...")) : k("", !0),
-			j("div", {
+			B(Pe) ? (L(), k("div", Ii, z(B(Pe)), 1)) : O("", !0),
+			!B(Ne) && !B(Pe) ? (L(), k("div", Li, "Loading...")) : O("", !0),
+			A("div", {
 				ref_key: "hiddenPmRef",
-				ref: h,
+				ref: v,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			j("div", {
+			A("div", {
 				class: "docx-editor-vue__editor-scroll",
-				onMousedown: n[31] ||= (...e) => V(on) && V(on)(...e)
-			}, [e.showRuler && Ye.value ? (L(), A("div", {
+				onMousedown: n[31] ||= (...e) => B(dn) && B(dn)(...e)
+			}, [e.showRuler && Xe.value ? (L(), k("div", {
 				key: 0,
 				class: "docx-editor-vue__ruler-row",
-				style: P(at.value)
+				style: F(st.value)
 			}, [M(g, {
-				"section-props": Ye.value,
-				zoom: V(X),
-				editable: !c.value,
-				"indent-left": Xe.value.indentLeft,
-				"indent-right": Xe.value.indentRight,
-				"first-line-indent": Xe.value.firstLineIndent,
-				"hanging-indent": Xe.value.hangingIndent,
-				"tab-stops": Xe.value.tabStops,
-				onLeftMarginChange: V(Ut),
-				onRightMarginChange: V(Wt),
-				onIndentLeftChange: V(Jt),
-				onIndentRightChange: V(Yt),
-				onFirstLineIndentChange: V(Xt),
-				onTabStopRemove: V(Zt)
+				"section-props": Xe.value,
+				zoom: B(X),
+				editable: !u.value,
+				"indent-left": Ze.value.indentLeft,
+				"indent-right": Ze.value.indentRight,
+				"first-line-indent": Ze.value.firstLineIndent,
+				"hanging-indent": Ze.value.hangingIndent,
+				"tab-stops": Ze.value.tabStops,
+				onLeftMarginChange: B(Jt),
+				onRightMarginChange: B(Yt),
+				onIndentLeftChange: B(Qt),
+				onIndentRightChange: B($t),
+				onFirstLineIndentChange: B(tn),
+				onTabStopRemove: B(nn)
 			}, null, 8, [
 				"section-props",
 				"zoom",
@@ -3884,50 +3930,50 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 				"onIndentRightChange",
 				"onFirstLineIndentChange",
 				"onTabStopRemove"
-			])], 4)) : k("", !0), j("div", ki, [
-				j("div", {
+			])], 4)) : O("", !0), A("div", Ri, [
+				A("div", {
 					ref_key: "pagesViewportRef",
-					ref: b,
+					ref: x,
 					class: "docx-editor-vue__pages-viewport",
-					onMousedown: n[22] ||= (...e) => V(Rn) && V(Rn)(...e),
-					onMousemove: n[23] ||= (...e) => V(zn) && V(zn)(...e),
-					onClick: n[24] ||= (...e) => V(Bn) && V(Bn)(...e),
-					onDblclick: n[25] ||= (...e) => V(Vn) && V(Vn)(...e),
-					onContextmenu: n[26] ||= q((...e) => V(Yn) && V(Yn)(...e), ["prevent"]),
-					onWheel: n[27] ||= (...e) => V(De) && V(De)(...e)
+					onMousedown: n[22] ||= (...e) => B(Un) && B(Un)(...e),
+					onMousemove: n[23] ||= (...e) => B(Wn) && B(Wn)(...e),
+					onClick: n[24] ||= (...e) => B(Gn) && B(Gn)(...e),
+					onDblclick: n[25] ||= (...e) => B(Kn) && B(Kn)(...e),
+					onContextmenu: n[26] ||= q((...e) => B(er) && B(er)(...e), ["prevent"]),
+					onWheel: n[27] ||= (...e) => B(Oe) && B(Oe)(...e)
 				}, [
-					e.showRuler && Ye.value ? (L(), A("div", Ai, [M(f, {
-						"section-props": Ye.value,
-						zoom: V(X),
-						editable: !c.value,
-						onTopMarginChange: V(Gt),
-						onBottomMarginChange: V(qt)
+					e.showRuler && Xe.value ? (L(), k("div", zi, [M(f, {
+						"section-props": Xe.value,
+						zoom: B(X),
+						editable: !u.value,
+						onTopMarginChange: B(Xt),
+						onBottomMarginChange: B(Zt)
 					}, null, 8, [
 						"section-props",
 						"zoom",
 						"editable",
 						"onTopMarginChange",
 						"onBottomMarginChange"
-					])])) : k("", !0),
-					j("div", {
+					])])) : O("", !0),
+					A("div", {
 						ref_key: "pagesRef",
-						ref: v,
+						ref: b,
 						class: "docx-editor-vue__pages paged-editor__pages",
-						style: P(it.value)
+						style: F(ot.value)
 					}, null, 4),
-					c.value ? k("", !0) : (L(), O(wn, {
+					u.value ? O("", !0) : (L(), D(Mn, {
 						key: 1,
-						container: v.value,
-						view: V(Z)
+						container: b.value,
+						view: B(Z)
 					}, null, 8, ["container", "view"])),
-					M(vn, {
-						"is-open": V($) !== null,
-						position: V($)?.position ?? "header",
-						view: nt.value,
-						"target-rect": V($)?.targetRect ?? null,
-						onSave: V(Wn),
+					M(En, {
+						"is-open": B($) !== null,
+						position: B($)?.position ?? "header",
+						view: it.value,
+						"target-rect": B($)?.targetRect ?? null,
+						onSave: B(Yn),
 						onClose: n[9] ||= (e) => $.value = null,
-						onRemove: V(Gn)
+						onRemove: B(Xn)
 					}, null, 8, [
 						"is-open",
 						"position",
@@ -3936,108 +3982,108 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 						"onSave",
 						"onRemove"
 					]),
-					(L(!0), A(w, null, z(V($) ? $e.value : [], (e, t) => (L(), A("div", {
+					(L(!0), k(w, null, ue(B($) ? tt.value : [], (e, t) => (L(), k("div", {
 						key: `hf-sel-${t}-${e.top}-${e.left}`,
 						class: "vue-hf-sel-rect",
 						"aria-hidden": "true",
-						style: P({
+						style: F({
 							position: "fixed",
 							top: `${e.top}px`,
 							left: `${e.left}px`,
 							width: `${e.width}px`,
 							height: `${e.height}px`,
-							background: "rgba(66, 133, 244, 0.25)",
+							background: "var(--doc-selection)",
 							pointerEvents: "none",
 							zIndex: 9998
 						})
 					}, null, 4))), 128)),
-					V($) && Qe.value ? (L(), A("div", {
+					B($) && et.value ? (L(), k("div", {
 						key: 2,
 						"aria-hidden": "true",
-						style: P({
+						style: F({
 							position: "fixed",
-							top: `${Qe.value.top}px`,
-							left: `${Qe.value.left}px`,
+							top: `${et.value.top}px`,
+							left: `${et.value.left}px`,
 							width: "2px",
-							height: `${Qe.value.height}px`,
+							height: `${et.value.height}px`,
 							background: "#4285f4",
 							pointerEvents: "none",
 							zIndex: 9999,
 							animation: "hf-caret-blink 1.06s steps(1) infinite"
 						})
-					}, null, 4)) : k("", !0),
-					M(ln, {
-						"image-info": V(Tn),
-						zoom: V(X),
-						view: V(Z),
-						onOpenProperties: n[10] ||= (e) => N.value = !0,
-						onDeselect: n[11] ||= (e) => Tn.value = null,
-						onInteractStart: n[12] ||= (e) => En.value = !0,
-						onInteractEnd: n[13] ||= (e) => En.value = !1,
-						onContextMenu: V(Xn)
+					}, null, 4)) : O("", !0),
+					M(_n, {
+						"image-info": B(kn),
+						zoom: B(X),
+						view: B(Z),
+						onOpenProperties: n[10] ||= (e) => P.value = !0,
+						onDeselect: n[11] ||= (e) => kn.value = null,
+						onInteractStart: n[12] ||= (e) => An.value = !0,
+						onInteractEnd: n[13] ||= (e) => An.value = !1,
+						onContextMenu: B(tr)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					M(Qt, {
-						"get-view": tr,
-						"get-pages-container": nr,
-						zoom: V(X),
-						"transaction-version": x.value,
-						"sync-coordinator": V(T)
+					M(sn, {
+						"get-view": or,
+						"get-pages-container": sr,
+						zoom: B(X),
+						"transaction-version": S.value,
+						"sync-coordinator": B(re)
 					}, null, 8, [
 						"zoom",
 						"transaction-version",
 						"sync-coordinator"
 					]),
-					V(dt) && !G.value && !c.value ? (L(), A("button", {
+					B(pt) && !G.value && !u.value ? (L(), k("button", {
 						key: 3,
 						type: "button",
 						class: "docx-editor-vue__floating-comment",
-						style: P({
-							top: V(dt).top + "px",
-							left: V(dt).left + "px"
+						style: F({
+							top: B(pt).top + "px",
+							left: B(pt).left + "px"
 						}),
-						title: V(d)("comments.addComment"),
-						onMousedown: n[14] ||= q((...e) => V(vt) && V(vt)(...e), ["prevent", "stop"])
+						title: B(h)("comments.addComment"),
+						onMousedown: n[14] ||= q((...e) => B(bt) && B(bt)(...e), ["prevent", "stop"])
 					}, [M(r, {
 						name: "add_comment",
 						size: 16
-					})], 44, ji)) : k("", !0),
-					V(Nn) && !c.value ? (L(), A("button", {
+					})], 44, Bi)) : O("", !0),
+					B(Rn) && !u.value ? (L(), k("button", {
 						key: 4,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
-						style: P({
-							left: V(Nn).x + "px",
-							top: V(Nn).y + "px"
+						style: F({
+							left: B(Rn).x + "px",
+							top: B(Rn).y + "px"
 						}),
-						title: V(Nn).type === "row" ? "Insert row below" : "Insert column to the right",
-						"aria-label": V(Nn).type === "row" ? "Insert row below" : "Insert column to the right",
-						onMousedown: n[15] ||= (...e) => V(Hn) && V(Hn)(...e),
-						onMouseenter: n[16] ||= (...e) => V(Un) && V(Un)(...e),
-						onMouseleave: n[17] ||= (e) => Nn.value = null
-					}, [...n[37] ||= [j("svg", {
+						title: B(Rn).type === "row" ? "Insert row below" : "Insert column to the right",
+						"aria-label": B(Rn).type === "row" ? "Insert row below" : "Insert column to the right",
+						onMousedown: n[15] ||= (...e) => B(qn) && B(qn)(...e),
+						onMouseenter: n[16] ||= (...e) => B(Jn) && B(Jn)(...e),
+						onMouseleave: n[17] ||= (e) => Rn.value = null
+					}, [...n[37] ||= [A("svg", {
 						width: "12",
 						height: "12",
 						viewBox: "0 0 12 12",
 						fill: "none"
-					}, [j("path", {
+					}, [A("path", {
 						d: "M6 1v10M1 6h10",
 						stroke: "currentColor",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round"
-					})], -1)]], 44, Mi)) : k("", !0),
+					})], -1)]], 44, Vi)) : O("", !0),
 					M(_, {
 						comments: J.value,
-						"pages-container": v.value,
-						zoom: V(X),
-						"page-width-px": ot.value,
-						"sidebar-open": U.value,
-						"resolved-comment-ids": st.value,
-						onMarkerClick: V(yt)
+						"pages-container": b.value,
+						zoom: B(X),
+						"page-width-px": ct.value,
+						"sidebar-open": W.value,
+						"resolved-comment-ids": lt.value,
+						onMarkerClick: B(xt)
 					}, null, 8, [
 						"comments",
 						"pages-container",
@@ -4048,28 +4094,28 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 						"onMarkerClick"
 					]),
 					M(p, {
-						"is-open": U.value,
+						"is-open": W.value,
 						comments: J.value,
-						"tracked-changes": Y.value,
+						"tracked-changes": ge.value,
 						"is-adding-comment": G.value,
-						"add-comment-y-position": V(pt),
+						"add-comment-y-position": B(ht),
 						"show-resolved": !0,
-						"pages-container": v.value,
-						"page-width-px": ot.value,
-						zoom: V(X),
+						"pages-container": b.value,
+						"page-width-px": ct.value,
+						zoom: B(X),
 						"active-item-id": K.value,
-						onClose: n[18] ||= (e) => U.value = !1,
-						onAddComment: V(gt),
-						onCancelAddComment: V(_t),
-						onCommentReply: V(fn),
-						onCommentResolve: V(pn),
-						onCommentUnresolve: V(gn),
-						onCommentDelete: V(_n),
-						onAcceptChange: V(yn),
-						onRejectChange: V(bn),
-						onAcceptChangeById: V(xn),
-						onRejectChangeById: V(Sn),
-						onTrackedChangeReply: V(Cn),
+						onClose: n[18] ||= (e) => W.value = !1,
+						onAddComment: B(vt),
+						onCancelAddComment: B(yt),
+						onCommentReply: B(gn),
+						onCommentResolve: B(vn),
+						onCommentUnresolve: B(yn),
+						onCommentDelete: B(bn),
+						onAcceptChange: B(xn),
+						onRejectChange: B(wn),
+						onAcceptChangeById: B(Tn),
+						onRejectChangeById: B(Dn),
+						onTrackedChangeReply: B(On),
 						"onUpdate:activeItemId": n[19] ||= (e) => K.value = e
 					}, null, 8, [
 						"is-open",
@@ -4093,14 +4139,14 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					M($r, {
-						data: V(kt),
-						"read-only": c.value,
-						onNavigate: V(Mt),
-						onCopy: n[20] ||= (e) => kt.value = null,
-						onEdit: V(Nt),
-						onRemove: V(Ft),
-						onClose: n[21] ||= (e) => kt.value = null
+					M(si, {
+						data: B(jt),
+						"read-only": u.value,
+						onNavigate: B(Pt),
+						onCopy: n[20] ||= (e) => jt.value = null,
+						onEdit: B(Ft),
+						onRemove: B(It),
+						onClose: n[21] ||= (e) => jt.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -4109,65 +4155,65 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 						"onRemove"
 					])
 				], 544),
-				!H.value && e.showOutlineButton ? (L(), A("button", {
+				!me.value && e.showOutlineButton ? (L(), k("button", {
 					key: 0,
 					type: "button",
 					class: "docx-editor-vue__outline-toggle",
 					title: "Show document outline",
-					onClick: n[28] ||= (...e) => V(nn) && V(nn)(...e),
+					onClick: n[28] ||= (...e) => B(cn) && B(cn)(...e),
 					onMousedown: n[29] ||= q(() => {}, ["stop"])
 				}, [M(r, {
 					name: "format_list_bulleted",
 					size: 20
-				})], 32)) : k("", !0),
-				V(Pn).totalPages > 1 ? (L(), O(hn, {
+				})], 32)) : O("", !0),
+				B(zn).totalPages > 1 ? (L(), D(Cn, {
 					key: 1,
-					"current-page": V(Pn).currentPage,
-					"total-pages": V(Pn).totalPages,
-					visible: V(Pn).visible
+					"current-page": B(zn).currentPage,
+					"total-pages": B(zn).totalPages,
+					visible: B(zn).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : k("", !0),
-				M(mn, {
-					"is-open": H.value,
-					headings: ge.value,
-					onClose: n[30] ||= (e) => H.value = !1,
-					onNavigate: V(rn)
+				])) : O("", !0),
+				M(Sn, {
+					"is-open": me.value,
+					headings: _e.value,
+					onClose: n[30] ||= (e) => me.value = !1,
+					onNavigate: B(ln)
 				}, null, 8, [
 					"is-open",
 					"headings",
 					"onNavigate"
 				])
 			])], 32),
-			j("input", {
+			A("input", {
 				ref_key: "docxInputRef",
-				ref: bt,
+				ref: St,
 				type: "file",
 				accept: ".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 				style: { display: "none" },
-				onChange: n[32] ||= (...e) => V(Ct) && V(Ct)(...e)
+				onChange: n[32] ||= (...e) => B(Tt) && B(Tt)(...e)
 			}, null, 544),
-			j("input", {
+			A("input", {
 				ref_key: "imageInputRef",
-				ref: xt,
+				ref: Ct,
 				type: "file",
 				accept: "image/*",
 				style: { display: "none" },
-				onChange: n[33] ||= (...e) => V(St) && V(St)(...e)
+				onChange: n[33] ||= (...e) => B(wt) && B(wt)(...e)
 			}, null, 544),
-			M(Ur, {
-				"read-only": c.value,
-				"context-menu": V(Kn),
-				"image-context-menu": V(qn),
-				"image-context-menu-text-actions": V(Jn),
-				"can-open-image-properties": !!V(Tn),
-				onContextMenuAction: V(Qn),
-				onCloseContextMenu: n[34] ||= (e) => V(Kn).isOpen = !1,
-				onImageWrapSelect: V(Zn),
-				onCloseImageContextMenu: n[35] ||= (e) => qn.value = null,
-				onOpenImageProperties: n[36] ||= (e) => N.value = !0
+			M(Zr, {
+				"read-only": u.value,
+				"context-menu": B(Zn),
+				"image-context-menu": B(Qn),
+				"image-context-menu-text-actions": B($n),
+				"can-open-image-properties": !!B(kn),
+				onContextMenuAction: B(rr),
+				onCloseContextMenu: n[34] ||= (e) => B(Zn).isOpen = !1,
+				onImageWrapSelect: B(nr),
+				onCloseImageContextMenu: n[35] ||= (e) => Qn.value = null,
+				onOpenImageProperties: n[36] ||= (e) => P.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -4182,8 +4228,8 @@ var Ei = { class: "docx-editor-vue__toolbar-shell" }, Di = {
 });
 //#endregion
 //#region src/renderAsync.ts
-async function Pi(e, t, n = {}) {
-	let r = e instanceof ArrayBuffer ? e : await Ve(e), i = null, a = null, o = !1, s = {
+async function Ui(e, t, n = {}) {
+	let r = e instanceof ArrayBuffer ? e : await Ge(e), i = null, a = null, o = !1, s = {
 		save: async () => {
 			let e = await (i?.save() ?? Promise.resolve(null));
 			return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
@@ -4204,8 +4250,8 @@ async function Pi(e, t, n = {}) {
 		}
 	};
 	return new Promise((e, c) => {
-		a = D({ setup() {
-			return () => oe(Ni, {
+		a = re({ setup() {
+			return () => P(Hi, {
 				...n,
 				documentBuffer: r,
 				showToolbar: n.showToolbar ?? !0,
@@ -4229,6 +4275,6 @@ async function Pi(e, t, n = {}) {
 }
 //#endregion
 //#region src/index.ts
-var Fi = "0.0.2";
+var Wi = "0.0.2";
 //#endregion
-export { Ni as DocxEditor, Fi as VERSION, Wt as createDocumentWithText, Gt as createEmptyDocument, n as defaultLocale, t as i18nPlugin, a as provideLocale, Pi as renderAsync, d as useTranslation };
+export { Hi as DocxEditor, Wi as VERSION, Qt as createDocumentWithText, $t as createEmptyDocument, n as defaultLocale, t as i18nPlugin, a as provideLocale, Ui as renderAsync, d as useTranslation };