@stll/folio-vue 0.13.5 → 0.14.0

package/dist/index.js

@@ -1,26 +1,26 @@
 import { A as e, F as t, M as n, N as r, P as i, _ as a, c as o, d as s, f as c, g as l, j as u, l as d, m as f, p, u as m, y as h } from "./SplitCellDialog-D2wgbGwH.js";
 import { D as g, E as _, d as v, f as y, i as b, n as x, r as ee, t as te, v as ne, w as re, y as ie } from "./ListButtons-BlOX6_s_.js";
 import { t as ae } from "./zIndex-Ei9BbHSW.js";
-import { a as S, c as C, i as oe, l as w, o as se, r as ce, s as le, t as ue, u as de } from "./useZoom-DZmNIcAL.js";
-import { FindReplaceDialog as fe, FootnotePropertiesDialog as pe, HyperlinkDialog as me, ImagePositionDialog as T, ImagePropertiesDialog as he, InsertImageDialog as ge, InsertSymbolDialog as E, InsertTableDialog as _e, PageSetupDialog as ve, PasteSpecialDialog as ye, SplitCellDialog as be, TablePropertiesDialog as xe, WatermarkDialog as D } from "./dialogs.js";
-import { Fragment as O, Teleport as k, computed as A, createApp as Se, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as Ce, createStaticVNode as we, createTextVNode as Te, createVNode as F, defineComponent as I, h as Ee, inject as L, mergeProps as De, nextTick as Oe, normalizeClass as R, normalizeStyle as z, onBeforeUnmount as B, onMounted as ke, onScopeDispose as Ae, openBlock as V, provide as je, ref as H, renderList as U, renderSlot as Me, shallowRef as Ne, toDisplayString as W, unref as G, vModelText as Pe, vShow as Fe, watch as K, withCtx as Ie, withDirectives as Le, withKeys as Re, withModifiers as q } from "vue";
-import { createStyleResolver as ze, extractSelectionState as Be, getSelectedText as Ve, insertImageFromFile as He, insertImageFromFile as Ue, insertPageBreakInView as We, insertPageBreakInView as Ge, insertTableInView as Ke, insertTableInView as qe, insertTableOfContentsInView as Je, insertTableOfContentsInView as Ye, schema as J } from "@stll/folio-core/prosemirror";
-import { expectTableAttrs as Xe } from "@stll/folio-core/prosemirror/attrs";
-import { getTableContext as Ze } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
-import { extractSelectionContext as Qe } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
-import { inspectDocxCompatibility as $e } from "@stll/folio-core/docx/compatibility";
-import { resolveActiveEditorStory as et } from "@stll/folio-core/controller/activeEditorStory";
-import { clearAllCaches as tt, resetCanvasContext as nt } from "@stll/folio-core/layout-bridge/engine/measuring";
-import { onFontsLoaded as rt } from "@stll/folio-core/utils/fontLoader";
-import { twipsToPixels as it } from "@stll/folio-core/paged-layout/sectionGeometry";
-import { getDocumentWatermark as at, getDocumentWatermark as ot, setDocumentWatermark as st, setDocumentWatermark as ct } from "@stll/folio-core/watermark";
+import { a as S, c as C, i as oe, l as w, o as se, r as ce, s as T, t as le, u as ue } from "./useZoom-Cj-YPUlw.js";
+import { FindReplaceDialog as de, FootnotePropertiesDialog as fe, HyperlinkDialog as pe, ImagePositionDialog as me, ImagePropertiesDialog as E, InsertImageDialog as he, InsertSymbolDialog as D, InsertTableDialog as ge, PageSetupDialog as _e, PasteSpecialDialog as ve, SplitCellDialog as ye, TablePropertiesDialog as be, WatermarkDialog as xe } from "./dialogs.js";
+import { Fragment as O, Teleport as k, computed as A, createApp as Se, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as Ce, createStaticVNode as we, createTextVNode as Te, createVNode as F, defineComponent as I, h as Ee, inject as De, mergeProps as Oe, nextTick as L, normalizeClass as R, normalizeStyle as z, onBeforeUnmount as B, onMounted as ke, onScopeDispose as Ae, openBlock as V, provide as je, ref as H, renderList as U, renderSlot as Me, shallowRef as Ne, toDisplayString as W, unref as G, vModelText as Pe, vShow as Fe, watch as K, withCtx as Ie, withDirectives as Le, withKeys as Re, withModifiers as q } from "vue";
+import { createStyleResolver as ze, extractSelectionState as Be, getSelectedText as Ve, insertImageFromFile as He, insertImageFromFile as Ue, insertPageBreakInView as We, insertPageBreakInView as Ge, insertTableInView as Ke, insertTableInView as qe, insertTableOfContentsInView as Je, insertTableOfContentsInView as Ye, schema as Xe } from "@stll/folio-core/prosemirror";
+import { expectTableAttrs as Ze } from "@stll/folio-core/prosemirror/attrs";
+import { getTableContext as Qe } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { extractSelectionContext as $e } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { inspectDocxCompatibility as et } from "@stll/folio-core/docx/compatibility";
+import { resolveActiveEditorStory as tt } from "@stll/folio-core/controller/activeEditorStory";
+import { clearAllCaches as nt, resetCanvasContext as rt } from "@stll/folio-core/layout-bridge/engine/measuring";
+import { onFontsLoaded as it } from "@stll/folio-core/utils/fontLoader";
+import { twipsToPixels as at } from "@stll/folio-core/paged-layout/sectionGeometry";
+import { getDocumentWatermark as J, getDocumentWatermark as ot, setDocumentWatermark as st, setDocumentWatermark as ct } from "@stll/folio-core/watermark";
 import { createLatestRequestGate as lt } from "@stll/folio-core/controller/latestRequestGate";
 import { measureDirectiveGutter as ut, projectRangesToRects as dt } from "@stll/folio-core/paged-layout/rangeProjection";
 import { prefersReducedMotionBehavior as ft } from "@stll/folio-core/paged-layout/scrollNavigation";
 import { anonymizationDecorationsKey as pt, getAnonymizationMatches as mt, getAnonymizationMatches as ht, setAnonymizationTermsMeta as gt, slugAnonymizationLabel as _t } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
-import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as vt, acceptAutocompleteSuggestion as yt, acceptAutocompleteWord as bt, appendAutocompleteToken as Y, autocompleteSuggestionKey as xt, autocompleteSuggestionPlugin as St, clearAutocompleteSuggestion as Ct, finishAutocompleteSuggestion as wt, getAutocompleteSuggestion as Tt, getAutocompleteSuggestion as Et, shouldTriggerAutocomplete as Dt, startAutocompleteSuggestion as Ot } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
-import { createRenderedDomContext as X } from "@stll/folio-core/render-dom/RenderedDomContext";
-import { ContentControlWidgetController as kt } from "@stll/folio-core/controller/contentControlWidgetController";
+import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as vt, acceptAutocompleteSuggestion as yt, acceptAutocompleteWord as bt, appendAutocompleteToken as xt, autocompleteSuggestionKey as Y, autocompleteSuggestionPlugin as St, clearAutocompleteSuggestion as Ct, finishAutocompleteSuggestion as wt, getAutocompleteSuggestion as Tt, getAutocompleteSuggestion as Et, shouldTriggerAutocomplete as Dt, startAutocompleteSuggestion as Ot } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
+import { createRenderedDomContext as kt } from "@stll/folio-core/render-dom/RenderedDomContext";
+import { ContentControlWidgetController as X } from "@stll/folio-core/controller/contentControlWidgetController";
 import { NodeSelection as At, Selection as jt, TextSelection as Z } from "prosemirror-state";
 import { pixelsToEmu as Mt } from "@stll/folio-core/utils/units";
 import { IMAGE_LAYOUT_OPTIONS as Nt, captureInlinePositionEmu as Pt, deriveLayoutChoice as Ft, findImageElement as It, isImageLayoutOptionEnabled as Lt, toolbarValueToLayoutTarget as Rt } from "@stll/folio-core/layout-painter/imageLayout";
@@ -36,9 +36,9 @@ import { closeHistory as rn, redo as an, undo as on } from "prosemirror-history"
 import { clearFormatting as sn } from "@stll/folio-core/prosemirror/commands/formatting";
 import { PENDING_COMMENT_ID as cn, createCommentIdAllocator as ln, seedCommentAllocator as un } from "@stll/folio-core/prosemirror/commentIdAllocator";
 import { createComment as dn } from "@stll/folio-core/prosemirror/commentOps";
-import { acceptAIEditRevision as fn, acceptChange as pn, acceptSuggestion as mn, findAIEditRevisionRange as hn, findSuggestionRange as gn, getSuggestions as _n, rejectAIEditRevision as vn, rejectChange as Q, rejectSuggestion as yn } from "@stll/folio-core/prosemirror/commands/comments";
-import { makeRevisionInfo as $ } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
-import { findPageIndexContainingPmPos as bn } from "@stll/folio-core/layout-engine";
+import { acceptAIEditRevision as fn, acceptChange as pn, acceptSuggestion as mn, findAIEditRevisionRange as hn, findSuggestionRange as gn, getSuggestions as _n, rejectAIEditRevision as vn, rejectChange as yn, rejectSuggestion as Q } from "@stll/folio-core/prosemirror/commands/comments";
+import { makeRevisionInfo as bn } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { findPageIndexContainingPmPos as $ } from "@stll/folio-core/layout-engine";
 import { proseDocToBlocks as xn } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
 import { setTemplatePreviewValues as Sn } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
 import { clearTemplateSlashMenu as Cn, consumeTemplateSlashQuery as wn, getTemplateSlashMenu as Tn, resetTemplateSlashQuery as En, templateSlashMenuKey as Dn } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
@@ -59,34 +59,35 @@ import { setEmbeddedFontFamilyMap as Sr } from "@stll/folio-core/utils/fontResol
 import { buildEmbeddedFontFamilyMap as Cr, extractEmbeddedFonts as wr } from "@stll/folio-core/fonts/embeddedFonts";
 import { editHyperlinkAtCursor as Tr, removeHyperlinkAtCursor as Er } from "@stll/folio-core/prosemirror/commands/hyperlink";
 import { sanitizeExternalUrl as Dr } from "@stll/folio-core/utils/urlSecurity";
-import { collectHeadings as Or } from "@stll/folio-core/utils/headingCollector";
-import { clickToPositionInHfSlot as kr } from "@stll/folio-core/layout-bridge/dom/findHfPmSpans";
-import { findNoteStoryForTarget as Ar } from "@stll/folio-core/layout-bridge/dom/noteStoryDom";
-import { TABLE_INSERT_HIDE_DELAY_MS as jr, detectTableInsertHover as Mr } from "@stll/folio-core/layout-bridge/tableInsertHover";
-import { createCellDragTracker as Nr, findCellPosFromPmPos as Pr } from "@stll/folio-core/prosemirror/cellDragSelection";
-import { RemoteSelectionOverlay as Fr } from "@stll/folio-core/render-dom/RemoteSelectionOverlay";
-import { BodySelectionOverlay as Ir } from "@stll/folio-core/render-dom/BodySelectionOverlay";
-import { createEmptyDocument as Lr } from "@stll/folio-core/utils/createDocument";
-import { extractDocumentStyleSet as Rr, extractDocumentStyleSetFromDocx as zr, inspectDocumentStyles as Br, inspectDocumentStylesFromDocx as Vr } from "@stll/folio-core/style-sets/extract";
-import { STELLA_STYLE_SET_NAME as Hr, createStellaStyleDocumentPreset as Ur, createStellaStyleSet as Wr } from "@stll/folio-core/style-sets/stellaStyle";
-import { DOCUMENT_PRESET_VERSION as Gr, DOCUMENT_STYLE_SET_VERSION as Kr } from "@stll/folio-core/style-sets/types";
-import { createDocx as qr } from "@stll/folio-core/docx/rezip";
-import { DEFAULT_AI_SUGGESTION_PRESETS as Jr } from "@stll/folio-core/ai-suggestions/types";
-import { applySuggestions as Yr } from "@stll/folio-core/ai-suggestions/apply";
-import { isSuggestionStale as Xr, resolveSuggestionAnchor as Zr } from "@stll/folio-core/ai-suggestions/conflict";
-import { buildPositionalText as Qr } from "@stll/folio-core/ai-suggestions/text-positions";
-import { setAISuggestionsMeta as $r, setFocusedSuggestionMeta as ei } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
-import { scrollFolioPositionIntoView as ti } from "@stll/folio-core/paged-layout/scrollToPmPosition";
-import { getFolioCaretViewportRect as ni, getFolioSelectionViewportRect as ri } from "@stll/folio-core/paged-layout/selectionViewportRect";
-import { createAICitationDecorationsPlugin as ii, setAICitationsMeta as ai, setActiveCitationMeta as oi } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
-import { fromMarkdown as si, toMarkdown as ci, toMarkdownResult as li } from "@stll/folio-core/markdown";
+import { isKeydownInShortcutScope as Or } from "@stll/folio-core/managers/editorShortcuts";
+import { collectHeadings as kr } from "@stll/folio-core/utils/headingCollector";
+import { clickToPositionInHfSlot as Ar } from "@stll/folio-core/layout-bridge/dom/findHfPmSpans";
+import { findNoteStoryForTarget as jr } from "@stll/folio-core/layout-bridge/dom/noteStoryDom";
+import { TABLE_INSERT_HIDE_DELAY_MS as Mr, detectTableInsertHover as Nr } from "@stll/folio-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as Pr, findCellPosFromPmPos as Fr } from "@stll/folio-core/prosemirror/cellDragSelection";
+import { RemoteSelectionOverlay as Ir } from "@stll/folio-core/render-dom/RemoteSelectionOverlay";
+import { BodySelectionOverlay as Lr } from "@stll/folio-core/render-dom/BodySelectionOverlay";
+import { createEmptyDocument as Rr } from "@stll/folio-core/utils/createDocument";
+import { extractDocumentStyleSet as zr, extractDocumentStyleSetFromDocx as Br, inspectDocumentStyles as Vr, inspectDocumentStylesFromDocx as Hr } from "@stll/folio-core/style-sets/extract";
+import { STELLA_STYLE_SET_NAME as Ur, createStellaStyleDocumentPreset as Wr, createStellaStyleSet as Gr } from "@stll/folio-core/style-sets/stellaStyle";
+import { DOCUMENT_PRESET_VERSION as Kr, DOCUMENT_STYLE_SET_VERSION as qr } from "@stll/folio-core/style-sets/types";
+import { createDocx as Jr } from "@stll/folio-core/docx/rezip";
+import { DEFAULT_AI_SUGGESTION_PRESETS as Yr } from "@stll/folio-core/ai-suggestions/types";
+import { applySuggestions as Xr } from "@stll/folio-core/ai-suggestions/apply";
+import { isSuggestionStale as Zr, resolveSuggestionAnchor as Qr } from "@stll/folio-core/ai-suggestions/conflict";
+import { buildPositionalText as $r } from "@stll/folio-core/ai-suggestions/text-positions";
+import { setAISuggestionsMeta as ei, setFocusedSuggestionMeta as ti } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
+import { scrollFolioPositionIntoView as ni } from "@stll/folio-core/paged-layout/scrollToPmPosition";
+import { getFolioCaretViewportRect as ri, getFolioSelectionViewportRect as ii } from "@stll/folio-core/paged-layout/selectionViewportRect";
+import { createAICitationDecorationsPlugin as ai, setAICitationsMeta as oi, setActiveCitationMeta as si } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
+import { fromMarkdown as ci, toMarkdown as li, toMarkdownResult as ui } from "@stll/folio-core/markdown";
 //#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
-var ui = [
+var di = [
 	"data-folio-anonymization-label",
 	"data-folio-anonymization-canonical",
 	"data-folio-anonymization-selected",
 	"title"
-], di = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], fi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "AnonymizationRectsOverlay",
 	props: {
 		getView: { type: Function },
@@ -203,12 +204,12 @@ var ui = [
 				width: `${n.width}px`,
 				height: `${n.height}px`
 			})
-		}, null, 14, ui))), 128))], 64))), 128))], 512));
+		}, null, 14, di))), 128))], 64))), 128))], 512));
 	}
-}), [["__scopeId", "data-v-df8fe7df"]]), fi = {
+}), [["__scopeId", "data-v-df8fe7df"]]), pi = {
 	class: "folio-passage-highlight-overlay",
 	"data-folio-passage-highlight-overlay": ""
-}, pi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, mi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "PassageHighlightOverlay",
 	props: {
 		range: {},
@@ -255,7 +256,7 @@ var ui = [
 			t.measures
 		], () => a(), { immediate: !0 }), B(() => {
 			r.invalidate(), i !== null && (cancelAnimationFrame(i), i = null);
-		}), (e, t) => (V(), N("div", fi, [(V(!0), N(O, null, U(n.value, (e, t) => (V(), N("span", {
+		}), (e, t) => (V(), N("div", pi, [(V(!0), N(O, null, U(n.value, (e, t) => (V(), N("span", {
 			key: `${t}:${e.left}:${e.top}`,
 			class: "folio-passage-highlight",
 			style: z({
@@ -267,11 +268,11 @@ var ui = [
 			})
 		}, null, 4))), 128))]));
 	}
-}), [["__scopeId", "data-v-bde9f41b"]]), mi = {
+}), [["__scopeId", "data-v-bde9f41b"]]), hi = {
 	key: 0,
 	class: "folio-autocomplete-overlay",
 	"data-folio-autocomplete-overlay": ""
-}, hi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, gi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "AutocompleteCaretOverlay",
 	props: {
 		caret: {},
@@ -279,7 +280,7 @@ var ui = [
 		isStreaming: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => e.caret && e.text.length > 0 ? (V(), N("div", mi, [P("span", {
+		return (t, n) => e.caret && e.text.length > 0 ? (V(), N("div", hi, [P("span", {
 			class: "folio-autocomplete-ghost",
 			style: z({
 				left: `${e.caret.x}px`,
@@ -292,7 +293,7 @@ var ui = [
 			"aria-hidden": "true"
 		}, "stella", 2)], 4)])) : M("", !0);
 	}
-}), [["__scopeId", "data-v-00299904"]]), gi = 48, _i = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-00299904"]]), _i = 48, vi = /* @__PURE__ */ I({
 	__name: "AutocompleteSuggestionOverlay",
 	props: {
 		getPagesContainer: { type: Function },
@@ -309,7 +310,7 @@ var ui = [
 				let c = r.querySelector(".layout-page-content");
 				if (!c) return;
 				let l = (c.getBoundingClientRect().right - a.left) / i;
-				return Math.max(gi, l - t);
+				return Math.max(_i, l - t);
 			}
 		}, s = () => {
 			let e = t.getPagesContainer(), r = t.editorState;
@@ -322,7 +323,7 @@ var ui = [
 				n.value = null;
 				return;
 			}
-			let a = X(e, t.zoom), s = a.getCoordinatesForPosition(i.anchor);
+			let a = kt(e, t.zoom), s = a.getCoordinatesForPosition(i.anchor);
 			if (!s) {
 				n.value = null;
 				return;
@@ -358,7 +359,7 @@ var ui = [
 			t.editorState,
 			t.zoom,
 			r.value
-		], () => c()), (e, t) => (V(), j(hi, {
+		], () => c()), (e, t) => (V(), j(gi, {
 			caret: n.value?.caret ?? null,
 			text: n.value?.text ?? "",
 			"is-streaming": n.value?.isStreaming ?? !1
@@ -368,33 +369,33 @@ var ui = [
 			"is-streaming"
 		]));
 	}
-}), vi = Symbol("docx-portal-class");
-function yi(e) {
-	je(vi, A(() => ({
+}), yi = Symbol("docx-portal-class");
+function bi(e) {
+	je(yi, A(() => ({
 		"ep-root": !0,
 		dark: !!G(e)
 	})));
 }
-function bi() {
-	return L(vi, A(() => ({ "ep-root": !0 })));
+function xi() {
+	return De(yi, A(() => ({ "ep-root": !0 })));
 }
 //#endregion
 //#region src/components/ContentControlWidgetsOverlay.vue?vue&type=script&setup=true&lang.ts
-var xi = ["aria-label"], Si = {
+var Si = ["aria-label"], Ci = {
 	key: 0,
 	class: "content-control-picker__items",
 	role: "menu"
-}, Ci = {
+}, wi = {
 	key: 0,
 	class: "content-control-picker__empty"
-}, wi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Ti = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ContentControlWidgetsOverlay",
 	props: {
 		eventRoot: {},
 		view: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = r(), { Button: i, DatePickerPopover: a } = h(), o = bi(), s = new kt(), c = Ne(s.getSnapshot()), l = s.subscribe(() => {
+		let t = e, { t: n } = r(), { Button: i, DatePickerPopover: a } = h(), o = xi(), s = new X(), c = Ne(s.getSnapshot()), l = s.subscribe(() => {
 			c.value = s.getSnapshot();
 		});
 		K([() => t.view, () => t.eventRoot], ([e, t]) => s.bind(e, t), { immediate: !0 }), B(() => {
@@ -413,7 +414,7 @@ var xi = ["aria-label"], Si = {
 			role: "dialog",
 			"aria-label": c.value.status === "dropdown" ? G(n)("contentControlDropdownAriaLabel") : G(n)("contentControlDateAriaLabel"),
 			onMousedown: t[1] ||= q(() => {}, ["stop"])
-		}, [c.value.status === "dropdown" ? (V(), N("div", Si, [c.value.items.length === 0 ? (V(), N("div", Ci, W(G(n)("contentControlDropdownNoOptions")), 1)) : (V(!0), N(O, { key: 1 }, U(c.value.items, (e) => (V(), j(G(i), {
+		}, [c.value.status === "dropdown" ? (V(), N("div", Ci, [c.value.items.length === 0 ? (V(), N("div", wi, W(G(n)("contentControlDropdownNoOptions")), 1)) : (V(!0), N(O, { key: 1 }, U(c.value.items, (e) => (V(), j(G(i), {
 			key: `${e.value}::${e.displayText}`,
 			"class-name": "content-control-picker__item",
 			type: "button",
@@ -430,9 +431,9 @@ var xi = ["aria-label"], Si = {
 			value: c.value.currentValue,
 			"default-open": !0,
 			onChange: d
-		}, null, 8, ["value"])) : M("", !0)], 46, xi))]));
+		}, null, 8, ["value"])) : M("", !0)], 46, Si))]));
 	}
-}), [["__scopeId", "data-v-19e067b7"]]), Ti = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-19e067b7"]]), Ei = /* @__PURE__ */ I({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -467,7 +468,7 @@ var xi = ["aria-label"], Si = {
 				n.firstChild && n.replaceChildren();
 				return;
 			}
-			let a = X(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
+			let a = kt(t, r), o = a.getContainerOffset(), s = document.createDocumentFragment();
 			for (let { decoration: t, from: n, to: r } of i) {
 				if (n === r) {
 					let r = u(t, e);
@@ -544,10 +545,10 @@ var xi = ["aria-label"], Si = {
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), Ei = { class: "doc-outline__header" }, Di = { class: "doc-outline__body" }, Oi = {
+}), Di = { class: "doc-outline__header" }, Oi = { class: "doc-outline__body" }, ki = {
 	key: 0,
 	class: "doc-outline__empty"
-}, ki = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Ai = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -576,7 +577,7 @@ var xi = ["aria-label"], Si = {
 			role: "navigation",
 			"aria-label": "Document outline",
 			onMousedown: n[1] ||= q(() => {}, ["stop"])
-		}, [P("div", Ei, [P("button", {
+		}, [P("div", Di, [P("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
@@ -584,7 +585,7 @@ var xi = ["aria-label"], Si = {
 		}, [F(i, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= P("span", { class: "doc-outline__title" }, "Document Outline", -1)]), P("div", Di, [e.headings.length === 0 ? (V(), N("div", Oi, "No headings found")) : (V(), j(G(r), {
+		})]), n[2] ||= P("span", { class: "doc-outline__title" }, "Document Outline", -1)]), P("div", Oi, [e.headings.length === 0 ? (V(), N("div", ki, "No headings found")) : (V(), j(G(r), {
 			key: 1,
 			items: o.value,
 			"get-scroll-container": e.getScrollContainer ?? (() => null),
@@ -592,7 +593,7 @@ var xi = ["aria-label"], Si = {
 			"aria-label": "Document outline"
 		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-0797b3b1"]]), Ai = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-0797b3b1"]]), ji = /* @__PURE__ */ I({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -685,10 +686,10 @@ var xi = ["aria-label"], Si = {
 			}, null, 8, ["is-open", "current-watermark"])
 		], 64));
 	}
-}), ji = {
+}), Mi = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Mi = { class: "docx-editor-vue__title-bar-left" }, Ni = { class: "docx-editor-vue__title-bar-center" }, Pi = { class: "docx-editor-vue__title-bar-right" }, Fi = /* @__PURE__ */ I({
+}, Ni = { class: "docx-editor-vue__title-bar-left" }, Pi = { class: "docx-editor-vue__title-bar-center" }, Fi = { class: "docx-editor-vue__title-bar-right" }, Ii = /* @__PURE__ */ I({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: {
@@ -720,9 +721,9 @@ var xi = ["aria-label"], Si = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (V(), N("div", ji, [
-			P("div", Mi, [Me(t.$slots, "title-bar-left")]),
-			P("div", Ni, [F(_, {
+		return (t, r) => e.showMenuBar ? (V(), N("div", Mi, [
+			P("div", Ni, [Me(t.$slots, "title-bar-left")]),
+			P("div", Pi, [F(_, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
@@ -737,28 +738,28 @@ var xi = ["aria-label"], Si = {
 				"show-help-menu",
 				"show-table-insert"
 			])]),
-			P("div", Pi, [Me(t.$slots, "title-bar-right")])
+			P("div", Fi, [Me(t.$slots, "title-bar-right")])
 		])) : M("", !0);
 	}
-}), Ii = ["aria-label"], Li = { class: "image-ctx-menu__icon" }, Ri = { class: "image-ctx-menu__label" }, zi = {
+}), Li = ["aria-label"], Ri = { class: "image-ctx-menu__icon" }, zi = { class: "image-ctx-menu__label" }, Bi = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Bi = [
+}, Vi = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Vi = { class: "image-ctx-menu__icon" }, Hi = { class: "image-ctx-menu__label" }, Ui = ["aria-label"], Wi = ["disabled", "onClick"], Gi = { class: "image-ctx-menu__label" }, Ki = {
+], Hi = { class: "image-ctx-menu__icon" }, Ui = { class: "image-ctx-menu__label" }, Wi = ["aria-label"], Gi = ["disabled", "onClick"], Ki = { class: "image-ctx-menu__label" }, qi = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, qi = {
+}, Ji = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Ji = 18, Yi = 260, Xi = 10, Zi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Yi = 18, Xi = 260, Zi = 10, Qi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -779,7 +780,7 @@ var xi = ["aria-label"], Si = {
 		function o() {
 			a("open-properties"), a("close");
 		}
-		let { t: s } = r(), c = bi(), l = Nt, u = A(() => n.state ? Ft(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
+		let { t: s } = r(), c = xi(), l = Nt, u = A(() => n.state ? Ft(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -792,11 +793,11 @@ var xi = ["aria-label"], Si = {
 		let p = A(() => {
 			if (!n.state) return {};
 			let e = Nt.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + Yi > window.innerWidth && (t = window.innerWidth - Yi - Xi), r + e > window.innerHeight && (r = window.innerHeight - e - Xi), t < Xi && (t = Xi), r < Xi && (r = Xi)), {
+			return typeof window < "u" && (t + Xi > window.innerWidth && (t = window.innerWidth - Xi - Zi), r + e > window.innerHeight && (r = window.innerHeight - e - Zi), t < Zi && (t = Zi), r < Zi && (r = Zi)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${Yi}px`,
+				minWidth: `${Xi}px`,
 				zIndex: 400
 			};
 		});
@@ -838,11 +839,11 @@ var xi = ["aria-label"], Si = {
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
 				onClick: o
-			}, [P("span", Li, [F(i, {
+			}, [P("span", Ri, [F(i, {
 				name: "settings",
-				size: Ji
-			})]), P("span", Ri, W(G(s)("imageWrap.menu.imageProperties")), 1)], 32)) : M("", !0),
-			e.canOpenProperties ? (V(), N("div", zi)) : M("", !0),
+				size: Yi
+			})]), P("span", zi, W(G(s)("imageWrap.menu.imageProperties")), 1)], 32)) : M("", !0),
+			e.canOpenProperties ? (V(), N("div", Bi)) : M("", !0),
 			(V(!0), N(O, null, U(G(l), (e) => (V(), N("button", {
 				key: e.choice,
 				type: "button",
@@ -856,17 +857,17 @@ var xi = ["aria-label"], Si = {
 				onMousedown: n[2] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				P("span", Vi, [F(i, {
+				P("span", Hi, [F(i, {
 					name: f(e.iconHint),
-					size: Ji
+					size: Yi
 				}, null, 8, ["name"])]),
-				P("span", Hi, W(G(s)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				P("span", Ui, W(G(s)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
 				e.choice === u.value ? (V(), N("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
 					"aria-label": G(s)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Ui)) : M("", !0)
-			], 42, Bi))), 128)),
+				}, "●", 8, Wi)) : M("", !0)
+			], 42, Vi))), 128)),
 			e.textActions && e.textActions.length > 0 ? (V(), N(O, { key: 2 }, [n[5] ||= P("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
@@ -877,16 +878,16 @@ var xi = ["aria-label"], Si = {
 				disabled: e.disabled,
 				onMousedown: n[3] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [P("span", Gi, W(e.label), 1), e.shortcut ? (V(), N("span", Ki, W(e.shortcut), 1)) : M("", !0)], 40, Wi), e.dividerAfter ? (V(), N("div", qi)) : M("", !0)], 64))), 128))], 64)) : M("", !0)
-		], 46, Ii)) : M("", !0)]));
+			}, [P("span", Ki, W(e.label), 1), e.shortcut ? (V(), N("span", qi, W(e.shortcut), 1)) : M("", !0)], 40, Gi), e.dividerAfter ? (V(), N("div", Ji)) : M("", !0)], 64))), 128))], 64)) : M("", !0)
+		], 46, Li)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-fc8f35bc"]]), Qi = ["disabled", "onMousedown"], $i = {
+}), [["__scopeId", "data-v-fc8f35bc"]]), $i = ["disabled", "onMousedown"], ea = {
 	key: 0,
 	class: "ctx-menu__icon"
-}, ea = { class: "ctx-menu__label" }, ta = {
+}, ta = { class: "ctx-menu__label" }, na = {
 	key: 1,
 	class: "ctx-menu__shortcut"
-}, na = 220, ra = 32, ia = 10, aa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, ra = 220, ia = 32, aa = 10, oa = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -903,7 +904,7 @@ var xi = ["aria-label"], Si = {
 	setup(e, { emit: t }) {
 		let n = e, i = ({ node: e }) => e;
 		i.props = ["node"];
-		let a = t, { t: o } = r(), s = bi(), c = H(null), l = A(() => {
+		let a = t, { t: o } = r(), s = xi(), c = H(null), l = A(() => {
 			let e = [], t = n.customItems ?? [];
 			for (let [n, r] of t.entries()) e.push({
 				id: `custom-${r.id}`,
@@ -1039,8 +1040,8 @@ var xi = ["aria-label"], Si = {
 				action: "deleteTable"
 			}), e;
 		}), u = A(() => {
-			let e = n.position.x, t = n.position.y, r = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = r * ra + i * 9;
-			return typeof window < "u" && (e + na + ia > window.innerWidth && (e = window.innerWidth - na - ia), t + a + ia > window.innerHeight && (t = window.innerHeight - a - ia)), {
+			let e = n.position.x, t = n.position.y, r = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = r * ia + i * 9;
+			return typeof window < "u" && (e + ra + aa > window.innerWidth && (e = window.innerWidth - ra - aa), t + a + aa > window.innerHeight && (t = window.innerHeight - a - aa)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1054,7 +1055,7 @@ var xi = ["aria-label"], Si = {
 			e.key === "Escape" && a("close");
 		}
 		return K(() => n.isOpen, (e) => {
-			e && Oe(() => c.value?.focus());
+			e && L(() => c.value?.focus());
 		}), (t, n) => (V(), j(k, { to: "body" }, [e.isOpen ? (V(), N("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
@@ -1078,12 +1079,12 @@ var xi = ["aria-label"], Si = {
 			disabled: e.disabled,
 			onMousedown: q((t) => d(e.action), ["prevent"])
 		}, [
-			e.icon ? (V(), N("span", $i, [F(i, { node: e.icon }, null, 8, ["node"])])) : M("", !0),
-			P("span", ea, W(e.label), 1),
-			e.shortcut ? (V(), N("span", ta, W(e.shortcut), 1)) : M("", !0)
-		], 42, Qi))), 128))], 38)) : M("", !0)]));
+			e.icon ? (V(), N("span", ea, [F(i, { node: e.icon }, null, 8, ["node"])])) : M("", !0),
+			P("span", ta, W(e.label), 1),
+			e.shortcut ? (V(), N("span", na, W(e.shortcut), 1)) : M("", !0)
+		], 42, $i))), 128))], 38)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-c1416e84"]]), oa = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-c1416e84"]]), sa = /* @__PURE__ */ I({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1102,7 +1103,7 @@ var xi = ["aria-label"], Si = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (V(), N(O, null, [F(aa, {
+		return (t, r) => (V(), N(O, null, [F(oa, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1124,7 +1125,7 @@ var xi = ["aria-label"], Si = {
 			"can-merge-cells",
 			"can-split-cell",
 			"custom-items"
-		]), F(Zi, {
+		]), F(Qi, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1141,7 +1142,7 @@ var xi = ["aria-label"], Si = {
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function sa(e) {
+function ca(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,
@@ -1152,13 +1153,13 @@ function sa(e) {
 }
 //#endregion
 //#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
-var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
+var la = ["data-handle", "onMousedown"], ua = ["title"], da = {
 	key: 0,
 	class: "image-overlay__dim"
-}, da = {
+}, fa = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, fa = 4, pa = 15, ma = 250, ha = 700, ga = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, pa = 4, ma = 15, ha = 250, ga = 700, _a = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -1211,7 +1212,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				return;
 			}
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-			p.value = sa({
+			p.value = ca({
 				imageRect: r,
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
@@ -1229,10 +1230,10 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				let o = a - r;
 				S();
 				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
-				n = c === t ? n + 1 : 0, t = c, !(o >= ma && n >= 2) && o < ha && (e = requestAnimationFrame(i));
+				n = c === t ? n + 1 : 0, t = c, !(o >= ha && n >= 2) && o < ga && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(S, ma);
+			let a = setTimeout(S, ha);
 			C = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
@@ -1252,7 +1253,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			}, a = o.value?.closest(".docx-editor-vue__pages-viewport");
 			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 });
 			let s = null, c = !1;
-			Oe(() => {
+			L(() => {
 				if (c || !i.imageInfo) return;
 				let e = re();
 				e && (s = new MutationObserver(() => oe()), s.observe(e, {
@@ -1284,7 +1285,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				zIndex: ae.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), le = A(() => {
+		}), T = A(() => {
 			let e = w.value, t = se.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
@@ -1353,10 +1354,10 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				}
 			];
 		});
-		function ue(e, t) {
-			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", de), document.addEventListener("mouseup", fe));
+		function le(e, t) {
+			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", ue), document.addEventListener("mouseup", de));
 		}
-		function de(e) {
+		function ue(e) {
 			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Ut(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
@@ -1370,58 +1371,58 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				};
 			}
 		}
-		function fe() {
-			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", fe), s.value = !1, y = null, a("interact-end");
+		function de() {
+			document.removeEventListener("mousemove", ue), document.removeEventListener("mouseup", de), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
 				S();
 				return;
 			}
 			let n = Kt(e, t.pmPos, u.value, d.value);
-			n !== null && Ce(n), Oe(() => S());
+			n !== null && Ce(n), L(() => S());
 		}
-		let pe = 0, me = 0, T = 0, he = 0, ge = null, E = null;
-		function _e(e) {
+		let fe = 0, pe = 0, me = 0, E = 0, he = null, D = null;
+		function ge(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/)?.[1];
 			return t ? parseFloat(t) : 0;
 		}
-		function ve(e, t) {
+		function _e(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 ye(e, t) {
-			return Math.atan2(e - pe, -(t - me)) * 180 / Math.PI;
+		function ve(e, t) {
+			return Math.atan2(e - fe, -(t - pe)) * 180 / Math.PI;
 		}
-		function be(e) {
+		function ye(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			pe = t.left + t.width / 2, me = t.top + t.height / 2, ge = ne(te(i.view, i.imageInfo.pmPos)), he = _e(ge), E = i.imageInfo.element.querySelector("img"), T = ye(e.clientX, e.clientY), f.value = he, l.value = !0, a("interact-start"), document.addEventListener("mousemove", xe), document.addEventListener("mouseup", D);
+			fe = t.left + t.width / 2, pe = t.top + t.height / 2, he = ne(te(i.view, i.imageInfo.pmPos)), E = ge(he), D = i.imageInfo.element.querySelector("img"), me = ve(e.clientX, e.clientY), f.value = E, l.value = !0, a("interact-start"), document.addEventListener("mousemove", be), document.addEventListener("mouseup", xe);
 		}
-		function xe(e) {
-			let t = ye(e.clientX, e.clientY) - T, n = he + t;
-			e.shiftKey || (n = Math.round(n / pa) * pa), f.value = (n % 360 + 360) % 360, E && (E.style.transform = ve(ge, f.value) || "");
+		function be(e) {
+			let t = ve(e.clientX, e.clientY) - me, n = E + t;
+			e.shiftKey || (n = Math.round(n / ma) * ma), f.value = (n % 360 + 360) % 360, D && (D.style.transform = _e(he, f.value) || "");
 		}
-		function D() {
-			document.removeEventListener("mousemove", xe), document.removeEventListener("mouseup", D), l.value = !1, a("interact-end");
+		function xe() {
+			document.removeEventListener("mousemove", be), document.removeEventListener("mouseup", xe), l.value = !1, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			try {
 				let n = e && t ? te(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: ve(ne(n), f.value)
+					transform: _e(ne(n), f.value)
 				})), Ce(t.pmPos));
 			} catch {} finally {
-				E && (E.style.transform = ""), E = null, ge = null;
+				D && (D.style.transform = ""), D = null, he = null;
 			}
-			Oe(() => S());
+			L(() => S());
 		}
 		let k = null;
 		function Se(e) {
 			if (!i.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, r = p.value, o = !1, s = (e) => {
 				let s = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(s * s + l * l) < fa)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < pa)) {
 					if (!o) {
 						o = !0, c.value = !0, a("interact-start"), k = document.createElement("div"), k.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = i.zoom;
@@ -1468,7 +1469,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				if (a == null || a < 0) return;
 				s = Gt(n, r.pmPos, a);
 			}
-			s !== null && Ce(s), Oe(() => S());
+			s !== null && Ce(s), L(() => S());
 		}
 		function Ce(e) {
 			let t = i.view;
@@ -1478,7 +1479,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			} catch {}
 		}
 		return B(() => {
-			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", fe), document.removeEventListener("mousemove", xe), document.removeEventListener("mouseup", D), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), k &&= (k.remove(), null), b && cancelAnimationFrame(b), C?.();
+			document.removeEventListener("mousemove", ue), document.removeEventListener("mouseup", de), document.removeEventListener("mousemove", be), document.removeEventListener("mouseup", xe), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), k &&= (k.remove(), null), b && cancelAnimationFrame(b), C?.();
 		}), (t, r) => e.imageInfo ? (V(), N("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
@@ -1494,25 +1495,25 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				onMousedown: r[0] ||= q((e) => Se(e), ["prevent", "stop"]),
 				onContextmenu: r[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(V(!0), N(O, null, U(le.value, (e) => (V(), N("div", {
+			(V(!0), N(O, null, U(T.value, (e) => (V(), N("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
 				style: z(e.style),
 				"data-handle": e.pos,
-				onMousedown: q((t) => ue(t, e.pos), ["prevent", "stop"])
-			}, null, 44, ca))), 128)),
+				onMousedown: q((t) => le(t, e.pos), ["prevent", "stop"])
+			}, null, 44, la))), 128)),
 			r[5] ||= P("div", { class: "image-overlay__rotate-line" }, null, -1),
 			P("div", {
 				class: "image-overlay__rotate-handle",
 				style: z({ left: `${w.value / 2 - 7}px` }),
 				title: G(n)("imageOverlay.rotate"),
-				onMousedown: r[2] ||= q((e) => be(e), ["prevent", "stop"])
-			}, null, 44, la),
-			s.value ? (V(), N("div", ua, W(Math.round(u.value)) + " × " + W(Math.round(d.value)), 1)) : M("", !0),
-			l.value ? (V(), N("div", da, W(Math.round(f.value)) + "° ", 1)) : M("", !0)
+				onMousedown: r[2] ||= q((e) => ye(e), ["prevent", "stop"])
+			}, null, 44, ua),
+			s.value ? (V(), N("div", da, W(Math.round(u.value)) + " × " + W(Math.round(d.value)), 1)) : M("", !0),
+			l.value ? (V(), N("div", fa, W(Math.round(f.value)) + "° ", 1)) : M("", !0)
 		], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-4c3d1a1d"]]), _a = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-4c3d1a1d"]]), va = /* @__PURE__ */ I({
 	__name: "HeaderFooterSelectionOverlay",
 	props: {
 		pagesContainer: {},
@@ -1562,7 +1563,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			i !== null && cancelAnimationFrame(i), o?.removeEventListener("scroll", a, !0), Xt(t.hiddenContainer);
 		}), (e, t) => null;
 	}
-}), va = { class: "hf-editor-label" }, ya = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), ya = { class: "hf-editor-label" }, ba = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		edit: {},
@@ -1580,7 +1581,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			zIndex: 10
 		})), u = (e) => {
 			s.value = !1;
-			let t = n.getView(), r = J.nodes.field;
+			let t = n.getView(), r = Xe.nodes.field;
 			if (!t || !r) return;
 			let { $from: i, from: a } = t.state.selection, o = t.state.storedMarks ?? i.marks(), c = r.create({
 				fieldType: e,
@@ -1605,7 +1606,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			class: "hf-inline-editor",
 			style: z(l.value),
 			role: "presentation"
-		}, [P("div", { class: R(["hf-separator-bar", { "hf-separator-bar--footer": e.edit.position === "footer" }]) }, [P("span", va, W(c.value), 1), P("div", {
+		}, [P("div", { class: R(["hf-separator-bar", { "hf-separator-bar--footer": e.edit.position === "footer" }]) }, [P("span", ya, W(c.value), 1), P("div", {
 			class: "hf-options",
 			onMousedown: n[5] ||= q(() => {}, ["stop"])
 		}, [F(G(a), {
@@ -1655,7 +1656,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			})
 		], 2)) : M("", !0)], 32)], 2)], 4));
 	}
-}), [["__scopeId", "data-v-a0bd3730"]]), ba = ["title", "aria-label"], xa = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-a0bd3730"]]), xa = ["title", "aria-label"], Sa = /* @__PURE__ */ I({
 	__name: "OutlineToggleButton",
 	props: {
 		leftOffset: {},
@@ -1678,9 +1679,9 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 		}, [F(i, {
 			name: "format_list_bulleted",
 			size: 20
-		})], 44, ba));
+		})], 44, xa));
 	}
-}), Sa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), Ca = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -1699,7 +1700,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-f1904974"]]), Ca = ["data-folio-block-id"], wa = ["data-folio-block-id", "title"], Ta = 2.5, Ea = 5, Da = 6, Oa = 2, ka = 2, Aa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), [["__scopeId", "data-v-f1904974"]]), wa = ["data-folio-block-id"], Ta = ["data-folio-block-id", "title"], Ea = 2.5, Da = 5, Oa = 6, ka = 2, Aa = 2, ja = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "TemplateDirectivesOverlay",
 	props: {
 		getView: { type: Function },
@@ -1713,19 +1714,19 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 	setup(e) {
 		let t = e, n = /* @__PURE__ */ new Set(["if", "each"]), r = /* @__PURE__ */ new Set(["endif", "endeach"]), i = (e) => e === "each" ? "each" : "if";
 		function a(e) {
-			let t = e - Da - Ta - Oa;
-			return t <= 0 ? 0 : Math.floor(t / Ea);
+			let t = e - Oa - Ea - ka;
+			return t <= 0 ? 0 : Math.floor(t / Da);
 		}
 		function o(e, t, n) {
 			let r = a(n), i = Math.min(Math.max(0, e), r);
-			return t - Da - Ta - (r - i) * Ea;
+			return t - Oa - Ea - (r - i) * Da;
 		}
 		function s(e, t) {
-			if (t.length === 0) return e.bottom - e.top >= ka ? [e] : [];
+			if (t.length === 0) return e.bottom - e.top >= Aa ? [e] : [];
 			let n = [];
 			for (let r of t) {
 				let t = Math.max(e.top, r.top), i = Math.min(e.bottom, r.bottom);
-				i - t >= ka && n.push({
+				i - t >= Aa && n.push({
 					top: t,
 					bottom: i
 				});
@@ -1887,10 +1888,10 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				position: "absolute",
 				left: `${t.railX * e.zoom}px`,
 				top: `${n.top * e.zoom}px`,
-				width: `${Ta * e.zoom}px`,
+				width: `${Ea * e.zoom}px`,
 				height: `${Math.max(0, n.bottom - n.top) * e.zoom}px`
 			})
-		}, null, 14, Ca))), 128))], 64))), 128)), (V(!0), N(O, null, U(p.value, (t, n) => (V(), N(O, { key: `d:${n}` }, [(V(!0), N(O, null, U(t.rects, (r, i) => (V(), N("span", {
+		}, null, 14, wa))), 128))], 64))), 128)), (V(!0), N(O, null, U(p.value, (t, n) => (V(), N(O, { key: `d:${n}` }, [(V(!0), N(O, null, U(t.rects, (r, i) => (V(), N("span", {
 			key: `d:${n}:${i}`,
 			class: R(oe(t.range)),
 			"data-folio-block-id": S(t.range),
@@ -1902,9 +1903,9 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				width: `${(r.width + 2) * e.zoom}px`,
 				height: `${Math.max(0, r.height - 2) * e.zoom}px`
 			})
-		}, null, 14, wa))), 128))], 64))), 128))], 32));
+		}, null, 14, Ta))), 128))], 64))), 128))], 32));
 	}
-}), [["__scopeId", "data-v-c72dfa21"]]), ja = ["href", "title"], Ma = ["title"], Na = ["title"], Pa = ["title"], Fa = { class: "docx-hyperlink-popup__edit-row" }, Ia = ["placeholder", "onKeydown"], La = { class: "docx-hyperlink-popup__edit-row" }, Ra = ["onKeydown"], za = ["disabled"], Ba = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), [["__scopeId", "data-v-c72dfa21"]]), Ma = ["href", "title"], Na = ["title"], Pa = ["title"], Fa = ["title"], Ia = { class: "docx-hyperlink-popup__edit-row" }, La = ["placeholder", "onKeydown"], Ra = { class: "docx-hyperlink-popup__edit-row" }, za = ["onKeydown"], Ba = ["disabled"], Va = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1953,28 +1954,28 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 			class: R(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
 			style: z(u.value),
 			onMousedown: r[6] ||= q(() => {}, ["stop"])
-		}, [o.value ? (V(), N(O, { key: 1 }, [P("div", Fa, [Le(P("input", {
+		}, [o.value ? (V(), N(O, { key: 1 }, [P("div", Ia, [Le(P("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: G(n)("displayText"),
 			"onUpdate:modelValue": r[2] ||= (e) => s.value = e,
 			onKeydown: [Re(q(h, ["prevent"]), ["enter"]), r[3] ||= Re((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Ia), [[Pe, s.value]])]), P("div", La, [Le(P("input", {
+		}, null, 40, La), [[Pe, s.value]])]), P("div", Ra, [Le(P("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": r[4] ||= (e) => c.value = e,
 			onKeydown: [Re(q(h, ["prevent"]), ["enter"]), r[5] ||= Re((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Ra), [[Pe, c.value]]), P("button", {
+		}, null, 40, za), [[Pe, c.value]]), P("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
 			onClick: q(h, ["prevent"])
-		}, W(G(n)("common.apply")), 9, za)])], 64)) : (V(), N(O, { key: 0 }, [
+		}, W(G(n)("common.apply")), 9, Ba)])], 64)) : (V(), N(O, { key: 0 }, [
 			r[10] ||= we("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-366df18c><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-366df18c><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-366df18c></circle><path d=\"M2 12h20\" data-v-366df18c></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-366df18c></path></svg></span>", 1),
 			P("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"])
-			}, W(e.data.href), 9, ja),
+			}, W(e.data.href), 9, Ma),
 			r[11] ||= P("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
 			P("button", {
 				class: "docx-hyperlink-popup__btn",
@@ -1996,7 +1997,7 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), P("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Ma),
+			}), P("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Na),
 			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
@@ -2011,43 +2012,43 @@ var ca = ["data-handle", "onMousedown"], la = ["title"], ua = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [P("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), P("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, Na)),
+			}, [P("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), P("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, Pa)),
 			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
 				title: G(n)("removeLink"),
 				onClick: r[1] ||= q((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[9] ||= [we("<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-366df18c><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-366df18c></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-366df18c></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-366df18c></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-366df18c></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-366df18c></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-366df18c></line></svg>", 1)]], 8, Pa))
+			}, [...r[9] ||= [we("<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-366df18c><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-366df18c></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-366df18c></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-366df18c></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-366df18c></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-366df18c></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-366df18c></line></svg>", 1)]], 8, Fa))
 		], 64))], 38)) : M("", !0);
 	}
 }), [["__scopeId", "data-v-366df18c"]]);
 //#endregion
 //#region src/composables/commentMarks.ts
-function Va(e, t) {
+function Ha(e, t) {
 	let n = Math.max(0, Math.min(t.from, e)), r = Math.max(n, Math.min(t.to, e));
 	return n === r ? null : {
 		from: n,
 		to: r
 	};
 }
-function Ha({ docSize: e, capturedRange: t, currentRange: n, savedRange: r }) {
+function Ua({ docSize: e, capturedRange: t, currentRange: n, savedRange: r }) {
 	let i = t.from === t.to ? n.from === n.to ? r && r.from !== r.to ? r : null : n : t;
-	return i ? Va(e, i) : null;
+	return i ? Ha(e, i) : null;
 }
-function Ua(e, t, n, r) {
-	let i = e.state.schema.marks.comment, a = Va(e.state.doc.content.size, t);
+function Wa(e, t, n, r) {
+	let i = e.state.schema.marks.comment, a = Ha(e.state.doc.content.size, t);
 	if (!i || !a) return !1;
 	let o = e.state.tr;
 	return r?.replacePending && (o = o.removeMark(a.from, a.to, i.create({ commentId: cn }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(jt.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
 }
-function Wa(e, t) {
-	let n = e.state.schema.marks.comment, r = Va(e.state.doc.content.size, t);
+function Ga(e, t) {
+	let n = e.state.schema.marks.comment, r = Ha(e.state.doc.content.size, t);
 	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: cn })));
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-var Ga = 408, Ka = 12;
-function qa(e) {
+var Ka = 408, qa = 12;
+function Ja(e) {
 	let t = H(!1), n = H(null), r = H(null), i = H(null), a = H(null);
 	function o(t) {
 		let n = e.editorView.value, r = e.pagesContainer.value;
@@ -2080,7 +2081,7 @@ function qa(e) {
 			r.value = null;
 			return;
 		}
-		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + Ka : l.width / 2 + Ga;
+		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + qa : l.width / 2 + Ka;
 		r.value = {
 			top: c.top - l.top,
 			left: Math.max(16, Math.min(d, l.width - 16)),
@@ -2091,7 +2092,7 @@ function qa(e) {
 	function c() {
 		let s = e.editorView.value;
 		if (!s) return;
-		let c = r.value, l = s.state.selection, u = Ha({
+		let c = r.value, l = s.state.selection, u = Ua({
 			docSize: s.state.doc.content.size,
 			capturedRange: c ? {
 				from: c.from,
@@ -2110,7 +2111,7 @@ function qa(e) {
 			r.value = null;
 			return;
 		}
-		if (!Ua(s, u, cn, { selectEnd: !0 })) {
+		if (!Wa(s, u, cn, { selectEnd: !0 })) {
 			r.value = null, i.value = null;
 			return;
 		}
@@ -2123,11 +2124,11 @@ function qa(e) {
 		let n = e.editorView.value, r = i.value;
 		if (!n || !r) return !1;
 		let a = e.createComment(t);
-		return Ua(n, r, a.id, { replacePending: !0 }) ? (e.pushComment(a), e.reLayout(), e.setActiveSidebarItem(`comment-${a.id}`), l(), !0) : !1;
+		return Wa(n, r, a.id, { replacePending: !0 }) ? (e.pushComment(a), e.reLayout(), e.setActiveSidebarItem(`comment-${a.id}`), l(), !0) : !1;
 	}
 	function d() {
 		let t = e.editorView.value;
-		t && i.value && Wa(t, i.value), l();
+		t && i.value && Ga(t, i.value), l();
 	}
 	return {
 		isAddingComment: t,
@@ -2141,7 +2142,7 @@ function qa(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function Ja(e) {
+function Ya(e) {
 	let t = ln(), n = H([]), r = H(!1);
 	function i() {
 		r.value = !0;
@@ -2201,7 +2202,7 @@ function Ja(e) {
 	}
 	function x(t, n) {
 		let r = e.editorView.value;
-		r && Q(t, n)(r.state, r.dispatch);
+		r && yn(t, n)(r.state, r.dispatch);
 	}
 	return {
 		comments: s,
@@ -2224,8 +2225,8 @@ function Ja(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Ya(e, t, n) {
-	let r = $(e.state), i = e.state.schema.marks.insertion;
+function Xa(e, t, n) {
+	let r = bn(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({
@@ -2234,7 +2235,7 @@ function Ya(e, t, n) {
 		date: r.date
 	}));
 }
-function Xa(e, t) {
+function Za(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = n.attrs.src;
@@ -2248,7 +2249,7 @@ function Xa(e, t) {
 		e.value = i, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Za(e) {
+function Qa(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => {
@@ -2256,7 +2257,7 @@ function Za(e) {
 		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
 	});
 }
-function Qa(e) {
+function $a(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2268,7 +2269,7 @@ function Qa(e) {
 		}), n.src = e;
 	});
 }
-function $a(e, t, n, r) {
+function eo(e, t, n, r) {
 	let i = e.state.schema.nodes.image;
 	if (!i) return;
 	let a = i.create({
@@ -2279,23 +2280,23 @@ function $a(e, t, n, r) {
 		wrapType: "inline",
 		displayMode: "inline"
 	}), o = e.state.tr.replaceSelectionWith(a);
-	Ya(e, o, a), e.dispatch(o);
+	Xa(e, o, a), e.dispatch(o);
 }
-async function eo(e) {
+async function to(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 Za(await n.getType(t)), i = await Qa(r), a = i.width, o = i.height;
-				a > 612 && (o = Math.round(612 / a * o), a = 612), $a(e, r, a, o);
+				let r = await Qa(await n.getType(t)), i = await $a(r), a = i.width, o = i.height;
+				a > 612 && (o = Math.round(612 / a * o), a = 612), eo(e, r, a, o);
 				return;
 			}
 			if (n.types.includes("text/html")) {
 				let t = await (await n.getType("text/html")).text(), r = /<img[^>]+src="(?<src>[^"]+)"[^>]*>/iu.exec(t)?.groups?.src;
 				if (r) {
 					let n = /data-width="(?<w>\d+)"/u.exec(t)?.groups?.w, i = /data-height="(?<h>\d+)"/u.exec(t)?.groups?.h, a = n ? Number(n) : 200, o = i ? Number(i) : 200;
-					$a(e, r, a || 200, o || 200);
+					eo(e, r, a || 200, o || 200);
 					return;
 				}
 			}
@@ -2316,14 +2317,14 @@ async function eo(e) {
 		}
 	}
 }
-function to(e, t) {
+function no(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 Za(i), o = await Qa(a), s = n.attrs.width, c = n.attrs.height, l = typeof s == "number" ? s : o.width, u = typeof c == "number" ? c : o.height, d = Math.min(l / o.width, u / o.height), f = Math.round(o.width * d), p = Math.round(o.height * d);
+		let a = await Qa(i), o = await $a(a), s = n.attrs.width, c = n.attrs.height, l = typeof s == "number" ? s : o.width, u = typeof c == "number" ? c : o.height, d = Math.min(l / o.width, u / o.height), f = Math.round(o.width * d), p = Math.round(o.height * d);
 		try {
 			let r = e.state.tr.setNodeMarkup(t, void 0, {
 				...n.attrs,
@@ -2338,7 +2339,7 @@ function to(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-var no = /* @__PURE__ */ new Set([
+var ro = /* @__PURE__ */ new Set([
 	"inline",
 	"square",
 	"tight",
@@ -2347,16 +2348,16 @@ var no = /* @__PURE__ */ new Set([
 	"behind",
 	"inFront"
 ]);
-function ro(e) {
-	return typeof e == "string" && no.has(e);
-}
 function io(e) {
-	return ro(e) ? e : "inline";
+	return typeof e == "string" && ro.has(e);
 }
 function ao(e) {
-	return e === "left" || e === "right" || e === "none" ? e : null;
+	return io(e) ? e : "inline";
 }
 function oo(e) {
+	return e === "left" || e === "right" || e === "none" ? e : null;
+}
+function so(e) {
 	let { t } = r(), n = H({
 		isOpen: !1,
 		position: {
@@ -2430,7 +2431,7 @@ function oo(e) {
 					i.value = l(o, a, {
 						x: t.clientX,
 						y: t.clientY
-					}, io(s.attrs.wrapType), ao(s.attrs.cssFloat)), n.value.isOpen = !1;
+					}, ao(s.attrs.wrapType), oo(s.attrs.cssFloat)), n.value.isOpen = !1;
 					return;
 				}
 			}
@@ -2441,7 +2442,7 @@ function oo(e) {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = Ze(r.state), { empty: c, from: u, to: d } = r.state.selection;
+		let s = Qe(r.state), { empty: c, from: u, to: d } = r.state.selection;
 		a.value = {
 			from: u,
 			to: d
@@ -2465,7 +2466,7 @@ function oo(e) {
 		!o || o.type.name !== "image" || (i.value = l(a.element, a.pmPos, {
 			x: t.clientX,
 			y: t.clientY
-		}, io(o.attrs.wrapType), ao(o.attrs.cssFloat)), n.value.isOpen = !1);
+		}, ao(o.attrs.wrapType), oo(o.attrs.cssFloat)), n.value.isOpen = !1);
 	}
 	function f(t) {
 		let n = e.editorView.value, r = i.value;
@@ -2489,16 +2490,16 @@ function oo(e) {
 			case "cut":
 				if (e.selectedImage.value) {
 					let t = e.selectedImage.value.pmPos;
-					Xa(n, t);
+					Za(n, t);
 					let r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null, e.onCut?.());
 				} else n.focus(), document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? (Xa(n, e.selectedImage.value.pmPos), e.onCopy?.()) : (n.focus(), document.execCommand("copy"));
+				e.selectedImage.value ? (Za(n, e.selectedImage.value.pmPos), e.onCopy?.()) : (n.focus(), document.execCommand("copy"));
 				break;
 			case "paste":
-				eo(n).then(() => e.onPaste?.()).catch(() => void 0);
+				to(n).then(() => e.onPaste?.()).catch(() => void 0);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((t) => {
@@ -2519,7 +2520,7 @@ function oo(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && to(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && no(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2557,7 +2558,7 @@ function oo(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function so(e) {
+function co(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
@@ -2569,26 +2570,26 @@ function so(e) {
 	}), K(e.document, (e) => {
 		e && n(e);
 	}), ke(async () => {
-		await Oe();
+		await L();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-var co = Date.now(), lo = async (e, t) => {
+var lo = Date.now(), uo = async (e, t) => {
 	let n = await e.saveDocument(t);
 	if (!n) return null;
 	let r = await n.arrayBuffer();
 	return e.clearCommentsDirty(), e.onSave?.(r), r;
 };
-function uo(e) {
+function fo(e) {
 	let t = [];
 	function n() {
 		e.onPrint?.(), window.print();
 	}
 	function r(t) {
-		return lo({
+		return uo({
 			clearCommentsDirty: e.clearCommentsDirty,
 			onSave: e.onSave,
 			saveDocument: e.saveDocument
@@ -2671,7 +2672,7 @@ function uo(e) {
 			getPageNumberForPmPos: (t) => {
 				let n = e.layout.value;
 				if (!n) return null;
-				let r = bn(n, t);
+				let r = $(n, t);
 				return r == null ? null : r + 1;
 			},
 			getBlockRect: p,
@@ -2686,7 +2687,7 @@ function uo(e) {
 	function _() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = bn(t, n.state.selection.from);
+		let r = $(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
 	function v(t) {
@@ -2714,6 +2715,8 @@ function uo(e) {
 		scrollToParaId: i,
 		openPrintPreview: () => n(),
 		print: n,
+		openFind: () => e.openFindReplace(),
+		openReplace: () => e.openFindReplace(),
 		loadDocument: (t) => e.editor.loadDocument(t),
 		loadDocumentBuffer: (t) => e.editor.loadDocx(t),
 		ensureEditorView: () => e.editor.ensureView(),
@@ -2756,7 +2759,7 @@ function uo(e) {
 				createCommentId: (t) => e.createAIEditComment(t, i),
 				createUndoHandle: () => ({
 					type: "documentOperationUndo",
-					id: `vue-${String(co++)}`
+					id: `vue-${String(lo++)}`
 				})
 			});
 			return l.undoHandle !== null && t.push({
@@ -2898,7 +2901,7 @@ function uo(e) {
 		},
 		rejectSuggestion: (t) => {
 			let n = e.editorView.value;
-			return n ? yn(t)(n.state, n.dispatch) : !1;
+			return n ? Q(t)(n.state, n.dispatch) : !1;
 		},
 		scrollToSuggestion: (t) => {
 			let n = e.editorView.value;
@@ -2937,7 +2940,7 @@ function uo(e) {
 				snapshot: n
 			});
 			if (a === null) return null;
-			let o = bn(i, a.from);
+			let o = $(i, a.from);
 			return o == null ? null : o + 1;
 		},
 		getBlockRect: p,
@@ -2982,7 +2985,7 @@ function uo(e) {
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function fo(e) {
+function po(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
@@ -3029,10 +3032,10 @@ function fo(e) {
 }
 //#endregion
 //#region src/utils/fontFaces.ts
-function po() {
+function mo() {
 	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
 }
-async function mo(e, t, n, r) {
+async function ho(e, t, n, r) {
 	let i;
 	try {
 		i = new FontFace(t, n, r), e.add(i);
@@ -3041,27 +3044,27 @@ async function mo(e, t, n, r) {
 	}
 	return await i.load().then(() => !0, () => !1) ? i : (e.delete(i), null);
 }
-function ho(e) {
-	let t = po();
+function go(e) {
+	let t = mo();
 	if (t) for (let n of e) t.delete(n);
 }
 //#endregion
 //#region src/utils/embeddedFonts.ts
-var go = {
+var _o = {
 	faces: [],
 	familyMap: /* @__PURE__ */ new Map()
 };
-async function _o(e) {
-	let t = po();
-	if (!t) return go;
+async function vo(e) {
+	let t = mo();
+	if (!t) return _o;
 	let n;
 	try {
 		n = await wr(e);
 	} catch {
-		return go;
+		return _o;
 	}
 	return {
-		faces: (await Promise.all(n.map((e) => mo(t, e.family, e.bytes, {
+		faces: (await Promise.all(n.map((e) => ho(t, e.family, e.bytes, {
 			weight: String(e.weight),
 			style: e.style
 		})))).filter((e) => e !== null),
@@ -3070,17 +3073,17 @@ async function _o(e) {
 }
 //#endregion
 //#region src/utils/hostFonts.ts
-function vo(e) {
-	return typeof e == "string" && e.trim().length > 0;
-}
 function yo(e) {
-	return typeof e != "object" || !e ? !1 : vo(Reflect.get(e, "family")) && vo(Reflect.get(e, "src"));
+	return typeof e == "string" && e.trim().length > 0;
 }
 function bo(e) {
+	return typeof e != "object" || !e ? !1 : yo(Reflect.get(e, "family")) && yo(Reflect.get(e, "src"));
+}
+function xo(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e) {
-		if (!yo(n)) continue;
+		if (!bo(n)) continue;
 		let e = { display: "swap" };
 		(typeof n.weight == "number" || typeof n.weight == "string") && (e.weight = String(n.weight)), t.push({
 			family: n.family.trim(),
@@ -3090,20 +3093,20 @@ function bo(e) {
 	}
 	return t;
 }
-async function xo(e) {
-	let t = po();
+async function So(e) {
+	let t = mo();
 	if (!t) return [];
-	let n = bo(e);
-	return n.length === 0 ? [] : (await Promise.all(n.map(({ family: e, source: n, descriptors: r }) => mo(t, e, n, r)))).filter((e) => e !== null);
+	let n = xo(e);
+	return n.length === 0 ? [] : (await Promise.all(n.map(({ family: e, source: n, descriptors: r }) => ho(t, e, n, r)))).filter((e) => e !== null);
 }
 //#endregion
 //#region src/composables/useFontLifecycle.ts
-var So = {
-	loadEmbedded: _o,
-	loadHost: xo,
-	remove: ho
+var Co = {
+	loadEmbedded: vo,
+	loadHost: So,
+	remove: go
 };
-function Co(e, t = So) {
+function wo(e, t = Co) {
 	K(() => e.isReady.value ? e.getDocument()?.originalBuffer ?? null : null, (n, r, i) => {
 		if (!n) return;
 		let a = !1, o = [];
@@ -3132,7 +3135,7 @@ function Co(e, t = So) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function wo(e) {
+function To(e) {
 	let t = H(null);
 	function n(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
@@ -3184,7 +3187,7 @@ function wo(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function To(e) {
+function Eo(e) {
 	let t = Ne(null), n = H(!1), r = A(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
@@ -3234,9 +3237,12 @@ function To(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function Eo(e) {
+function Do(e) {
 	function t(t) {
-		if (e.handleZoomKeyDown(t), t.ctrlKey || t.metaKey) {
+		if (Or(t, {
+			scope: e.scope(),
+			roots: e.roots.map((e) => e.value)
+		}) && (e.handleZoomKeyDown(t), t.ctrlKey || t.metaKey)) {
 			if (t.key === "o") {
 				if (!e.showFileOpen?.() || !e.onOpenDocument) return;
 				t.preventDefault(), e.onOpenDocument();
@@ -3249,10 +3255,10 @@ function Eo(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function Do(e) {
+function Oo(e) {
 	function t() {
 		let t = e.editorView.value;
-		t && (e.outlineHeadings.value = Or(t.state.doc));
+		t && (e.outlineHeadings.value = kr(t.state.doc));
 	}
 	function n() {
 		e.showOutline.value || t(), e.showOutline.value = !e.showOutline.value;
@@ -3283,7 +3289,7 @@ function Do(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function Oo(e) {
+function ko(e) {
 	function t(t) {
 		if (e.readOnly.value) return;
 		let n = e.getDocument();
@@ -3339,34 +3345,34 @@ function Oo(e) {
 }
 //#endregion
 //#region src/utils/textSelection.ts
-var ko = /[\p{L}\p{N}\p{M}_''-]/u, Ao = /\s/;
-function jo(e) {
-	return !e || e.length === 0 ? !1 : ko.test(e);
-}
+var Ao = /[\p{L}\p{N}\p{M}_''-]/u, jo = /\s/;
 function Mo(e) {
 	return !e || e.length === 0 ? !1 : Ao.test(e);
 }
-function No(e, t) {
+function No(e) {
+	return !e || e.length === 0 ? !1 : jo.test(e);
+}
+function Po(e, t) {
 	if (!e || e.length === 0) return [0, 0];
 	t = Math.max(0, Math.min(t, e.length - 1));
 	let n = e[t];
-	if (Mo(n)) {
+	if (No(n)) {
 		let n = t, r = t;
-		for (; n > 0 && Mo(e[n - 1]);) n--;
-		for (; r < e.length && Mo(e[r]);) r++;
+		for (; n > 0 && No(e[n - 1]);) n--;
+		for (; r < e.length && No(e[r]);) r++;
 		return [n, r];
 	}
-	if (jo(n)) {
+	if (Mo(n)) {
 		let n = t, r = t;
-		for (; n > 0 && jo(e[n - 1]);) n--;
-		for (; r < e.length && jo(e[r]);) r++;
+		for (; n > 0 && Mo(e[n - 1]);) n--;
+		for (; r < e.length && Mo(e[r]);) r++;
 		return [n, r];
 	}
 	return [t, t + 1];
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function Po(e, t, n) {
+function Fo(e, t, n) {
 	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : Yt(e);
 	for (let e of r) {
 		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
@@ -3374,7 +3380,7 @@ function Po(e, t, n) {
 	}
 	return null;
 }
-function Fo(e, t, n) {
+function Io(e, t, n) {
 	if (!e || !t) return;
 	let r = Jt(e, n);
 	if (!r) for (let t of Yt(e)) {
@@ -3391,21 +3397,21 @@ function Fo(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Io(e, t, n, r) {
+function Lo(e, t, n, r) {
 	if (!e || !t) return null;
 	let i = Vt(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Lo(e, t, n, r) {
+function Ro(e, t, n, r) {
 	if (!e) return;
-	let i = Po(e, t, r);
+	let i = Fo(e, t, r);
 	if (!i) return;
-	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = No(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = Po(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Ro(e, t, n, r) {
+function zo(e, t, n, r) {
 	if (!e) return;
-	let i = Po(e, t, r);
+	let i = Fo(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -3414,13 +3420,13 @@ function Ro(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var zo = 500;
-function Bo(e) {
+var Bo = 500;
+function Vo(e) {
 	let t = H(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = Ne(null), a = 0, o = null, s = 0, c = !1, l = null, u = Nr(), d = S({
+	let i = Ne(null), a = 0, o = null, s = 0, c = !1, l = null, u = Pr(), d = S({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
@@ -3433,7 +3439,7 @@ function Bo(e) {
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return Io(e.pagesRef.value, e.editorView.value, t, n);
+		return Lo(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
@@ -3446,7 +3452,7 @@ function Bo(e) {
 	function g(t, n) {
 		let r = i.value, a = e.pagesRef.value, o = h();
 		if (r?.rId && a && o !== e.editorView.value) {
-			let e = kr(a, r.position, r.rId, t, n);
+			let e = Ar(a, r.position, r.rId, t, n);
 			return e === null || e < 0 ? null : Math.min(e, o?.state.doc.content.size ?? e);
 		}
 		return m(t, n);
@@ -3459,13 +3465,13 @@ function Bo(e) {
 		} catch {}
 	}
 	function v(t) {
-		Fo(e.pagesRef.value, e.pagesViewportRef.value, t);
+		Io(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function y(t) {
-		Lo(e.pagesRef.value, t, _, i.value?.position);
+		Ro(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function b(t) {
-		Ro(e.pagesRef.value, t, _, i.value?.position);
+		zo(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function x(t) {
 		let n = e.editorView.value;
@@ -3494,7 +3500,7 @@ function Bo(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s || !(a.target instanceof HTMLElement) || a.target.closest(".docx-editor-vue__note-editor")) return;
-		let l = Mr({
+		let l = Nr({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -3504,7 +3510,7 @@ function Bo(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, jr));
+			}, Mr));
 			return;
 		}
 		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
@@ -3555,7 +3561,7 @@ function Bo(e) {
 		if (e.readOnly.value || !(t.target instanceof HTMLElement)) return;
 		let n = t.target;
 		if (n.closest(".docx-editor-vue__note-editor")) return;
-		let r = Ar(n);
+		let r = jr(n);
 		if (r) {
 			t.preventDefault(), t.stopPropagation(), i.value && ie(), e.openNoteStory(r);
 			return;
@@ -3589,7 +3595,7 @@ function Bo(e) {
 		}, requestAnimationFrame(() => {
 			let n = e.getHfPmView(h);
 			if (!n) return;
-			let r = kr(e.pagesRef.value ?? s, c, h, t.clientX, t.clientY);
+			let r = Ar(e.pagesRef.value ?? s, c, h, t.clientX, t.clientY);
 			if (r !== null) {
 				let e = Math.max(0, Math.min(r, n.state.doc.content.size));
 				n.dispatch(n.state.tr.setSelection(Z.create(n.state.doc, e)));
@@ -3678,12 +3684,12 @@ function Bo(e) {
 			return;
 		}
 		let v = Date.now();
-		if (v - a < zo && o === m ? s++ : s = 1, a = v, o = m, s === 2) y(m);
+		if (v - a < Bo && o === m ? s++ : s = 1, a = v, o = m, s === 2) y(m);
 		else if (s >= 3) b(m), s = 0;
 		else if (t.shiftKey) {
 			let { from: e } = f.state.selection;
 			_(e, m);
-		} else _(m), l = m, c = !0, u.begin(Pr(f, m));
+		} else _(m), l = m, c = !0, u.begin(Fr(f, m));
 		f.focus();
 	}
 	function oe(e) {
@@ -3751,8 +3757,8 @@ function Bo(e) {
 }
 //#endregion
 //#region src/composables/useRemoteSelectionSync.ts
-var Vo = (e) => {
-	let t = new Fr(), n = null, r = () => {
+var Ho = (e) => {
+	let t = new Ir(), n = null, r = () => {
 		n !== null && (cancelAnimationFrame(n), n = null);
 		let r = e.pagesRef.value;
 		r && t.clear(r);
@@ -3775,8 +3781,8 @@ var Vo = (e) => {
 	], i, { flush: "post" }), Ae(() => {
 		a(), r();
 	});
-}, Ho = (e) => {
-	let t = new Ir(), n = null, r = () => {
+}, Uo = (e) => {
+	let t = new Lr(), n = null, r = () => {
 		n !== null && (cancelAnimationFrame(n), n = null);
 		let r = e.pagesRef.value;
 		r && t.clear(r);
@@ -3827,22 +3833,22 @@ var Vo = (e) => {
 		clearOverlay: r,
 		updateSelectionOverlay: i
 	};
-}, Uo = { class: "docx-editor-vue__toolbar-shell" }, Wo = {
+}, Wo = { class: "docx-editor-vue__toolbar-shell" }, Go = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Go = {
+}, Ko = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, Ko = {
+}, qo = {
 	key: 2,
 	class: "docx-editor-vue__placeholder"
-}, qo = { class: "docx-editor-vue__editor-area" }, Jo = {
+}, Jo = { class: "docx-editor-vue__editor-area" }, Yo = {
 	key: 0,
 	class: "docx-editor-vue__ruler-h"
-}, Yo = {
+}, Xo = {
 	key: 1,
 	class: "docx-editor-vue__ruler-v"
-}, Xo = {
+}, Zo = {
 	class: "docx-editor-vue__editor-content-wrapper",
 	style: {
 		position: "relative",
@@ -3850,11 +3856,11 @@ var Vo = (e) => {
 		flexDirection: "column",
 		minHeight: "100%"
 	}
-}, Zo = {
+}, Qo = {
 	"data-testid": "selection-overlay",
 	class: "docx-editor-vue__decoration-origin",
 	"aria-hidden": "true"
-}, Qo = ["aria-label"], $o = { class: "docx-editor-vue__note-editor-header" }, es = ["aria-label"], ts = ["aria-label"], ns = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, $o = ["aria-label"], es = { class: "docx-editor-vue__note-editor-header" }, ts = ["aria-label"], ns = ["aria-label"], rs = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3886,12 +3892,14 @@ var Vo = (e) => {
 			type: Boolean,
 			default: !0
 		},
+		pageRenderer: {},
 		showMarginGuides: { type: Boolean },
 		marginGuideColor: {},
 		showRuler: { type: Boolean },
 		rulerUnit: {},
 		initialZoom: { default: 1 },
 		enableWheelZoom: { type: Boolean },
+		keyboardShortcuts: {},
 		readOnly: {
 			type: Boolean,
 			default: !1
@@ -3977,14 +3985,14 @@ var Vo = (e) => {
 	setup(e, { expose: t, emit: n }) {
 		let o = e, s = n;
 		a(o.components);
-		let c = de();
-		yi(c);
+		let c = ue();
+		bi(c);
 		function l(e) {
 			o.onChange?.(e), s("change", e), s("update:document", e);
 		}
 		let u = H(o.mode), d = A(() => o.readOnly || u.value === "viewing"), f = A(() => o.showReviewControls), p = A(() => zt(u.value)), m = H("all-markup");
 		function h() {
-			Kn(Bt(u.value));
+			qn(Bt(u.value));
 		}
 		function _(e) {
 			m.value = e;
@@ -3995,24 +4003,27 @@ var Vo = (e) => {
 		K(re, (e) => {
 			e || (ae.value = !1);
 		});
-		let S = H(null), C = H(null), w = H(null), le = H(null), fe = H(null), pe = H(null), me = A(() => o.showRuler ?? !1), T = H(0), he = H(!1), ge = H(!1), E = H(!1), _e = H(!1), ve = H(!1), ye = H(!1), be = H(!1), xe = H(o.showOutline), D = H(!1), k = H(null), Se = H(null), we = H(null), I = Ne([]), Ee = Ne([]), { zoom: L, zoomPercent: Oe, isMinZoom: Ae, isMaxZoom: je, setZoom: U, zoomIn: Pe, zoomOut: ze, handleWheel: Ve, handleKeyDown: He, ZOOM_PRESETS: We } = ue(o.initialZoom);
-		function Ke(e) {
-			o.enableWheelZoom !== !1 && Ve(e);
+		let S = H(null), C = H(null), w = H(null), T = H(null), de = H(null), fe = H(null), pe = H(null), me = A(() => o.showRuler ?? !1), E = H(0), he = H(!1), D = H(!1), ge = H(!1), _e = H(!1), ve = H(!1), ye = H(!1), be = H(!1), xe = H(o.showOutline), k = H(!1), Se = H(null), we = H(null), I = H(null), Ee = Ne([]), De = Ne([]), { zoom: L, zoomPercent: Ae, isMinZoom: je, isMaxZoom: U, setZoom: Pe, zoomIn: ze, zoomOut: Ve, handleWheel: He, handleKeyDown: We, ZOOM_PRESETS: Ke } = le(o.initialZoom);
+		function Je(e) {
+			o.enableWheelZoom !== !1 && He(e);
 		}
-		Eo({
+		Do({
 			showFindReplace: he,
-			showHyperlink: ge,
-			handleZoomKeyDown: He
+			showHyperlink: D,
+			handleZoomKeyDown: We,
+			scope: () => o.keyboardShortcuts ?? "document",
+			roots: [S]
 		});
-		let { editor: Je, editorView: J, editorState: at, remoteSelections: st, headerFooterSelection: lt, activeNoteStory: ut, isReady: dt, isDirty: ft, parseError: pt, layout: mt, blocks: ht, measures: gt, syncCoordinator: _t, loadBuffer: vt, loadDocument: yt, save: bt, getDocument: Y, setDocument: xt, getHeaderFooterView: St, syncHeaderFooterViews: Ct, openNoteStory: wt, closeNoteStory: Tt, getActiveNoteView: Et, getCommands: Dt, reLayout: Ot } = se({
-			hiddenContainer: S,
-			hiddenHeaderFooterContainer: C,
-			noteEditorContainer: we,
-			pagesContainer: w,
+		let { editor: Xe, editorView: J, editorState: st, remoteSelections: lt, headerFooterSelection: ut, activeNoteStory: dt, isReady: ft, isDirty: pt, parseError: mt, layout: ht, blocks: gt, measures: _t, syncCoordinator: vt, loadBuffer: yt, loadDocument: bt, save: xt, getDocument: Y, setDocument: St, getHeaderFooterView: Ct, syncHeaderFooterViews: wt, openNoteStory: Tt, closeNoteStory: Et, getActiveNoteView: Dt, getCommands: Ot, reLayout: kt } = se({
+			hiddenContainer: C,
+			hiddenHeaderFooterContainer: w,
+			noteEditorContainer: I,
+			pagesContainer: T,
 			readOnly: d,
 			editorMode: u,
 			author: () => o.author,
 			password: () => o.password,
+			pageRenderer: () => o.pageRenderer,
 			showMarginGuides: () => o.showMarginGuides,
 			marginGuideColor: () => o.marginGuideColor,
 			externalPlugins: [],
@@ -4043,110 +4054,110 @@ var Vo = (e) => {
 			featureFlags: () => o.featureFlags,
 			onSelectiveSaveTripwire: o.onSelectiveSaveTripwire ? (e) => o.onSelectiveSaveTripwire?.(e) : void 0
 		});
-		K(at, (e, t) => {
+		K(st, (e, t) => {
 			pe.value !== null && e && t && !e.doc.eq(t.doc) && (pe.value = null);
 		});
-		let X = A(() => et({
+		let X = A(() => tt({
 			bodyView: J.value,
-			headerFooterView: Se.value ? St(Se.value) : null,
-			noteView: Et()
-		}).view), kt = A(() => {
-			let e = ut.value;
+			headerFooterView: we.value ? Ct(we.value) : null,
+			noteView: Dt()
+		}).view), At = A(() => {
+			let e = dt.value;
 			return e ? ee(e.kind === "footnote" ? "dialogs.footnoteProperties.footnotes" : "dialogs.footnoteProperties.endnotes") : "";
-		}), At = A(() => !dt.value && re.value && !(o.preserveDocumentWhileLoading === !0 && ae.value));
-		function jt() {
-			J.value && (nt(), tt(), Ot());
+		}), jt = A(() => !ft.value && re.value && !(o.preserveDocumentWhileLoading === !0 && ae.value));
+		function Z() {
+			J.value && (rt(), nt(), kt());
 		}
-		Co({
-			isReady: dt,
+		wo({
+			isReady: ft,
 			getDocument: Y,
 			fonts: () => o.fonts,
-			remeasure: jt
+			remeasure: Z
 		});
-		let { selectedImage: Z, imageInteracting: Mt, imageToolbarContext: Nt, handleToolbarImageWrap: Pt, handleImageTransform: Ft } = To({
+		let { selectedImage: Mt, imageInteracting: Nt, imageToolbarContext: Pt, handleToolbarImageWrap: Ft, handleImageTransform: It } = Eo({
 			editorView: X,
 			zoom: L,
-			stateTick: T,
-			getCommands: Dt
-		}), It = Ho({
+			stateTick: E,
+			getCommands: Ot
+		}), Lt = Uo({
 			editorView: J,
-			hiddenContainer: S,
-			pagesRef: w,
+			hiddenContainer: C,
+			pagesRef: T,
 			zoom: L,
-			selectedImage: Z,
-			syncCoordinator: _t,
-			imageInteracting: Mt
+			selectedImage: Mt,
+			syncCoordinator: vt,
+			imageInteracting: Nt
 		});
-		Vo({
-			pagesRef: w,
-			remoteSelections: st,
-			syncCoordinator: _t,
+		Ho({
+			pagesRef: T,
+			remoteSelections: lt,
+			syncCoordinator: vt,
 			zoom: L
 		});
-		let { hyperlinkPopupData: Lt, handleHyperlinkSubmit: Rt, handleHyperlinkRemove: Vt, handleHyperlinkPopupNavigate: Ht, handleHyperlinkPopupEdit: Ut, handleHyperlinkPopupRemove: Wt } = wo({
+		let { hyperlinkPopupData: Rt, handleHyperlinkSubmit: Vt, handleHyperlinkRemove: Ht, handleHyperlinkPopupNavigate: Ut, handleHyperlinkPopupEdit: Wt, handleHyperlinkPopupRemove: Gt } = To({
 			editorView: X,
-			getCommands: Dt
-		}), Gt = oe(), { tableInsertButton: Kt, hfEdit: qt, scrollPageInfo: Jt, resolvePos: Yt, setPmSelection: Xt, scrollVisiblePositionIntoView: Zt, handlePagesMouseDown: Qt, handlePagesMouseMove: $t, handlePagesClick: en, handlePagesDoubleClick: tn, handleTableInsertClick: nn, handleHfSave: rn, handleHfRemove: an } = Bo({
+			getCommands: Ot
+		}), Kt = oe(), { tableInsertButton: qt, hfEdit: Jt, scrollPageInfo: Yt, resolvePos: Xt, setPmSelection: Zt, scrollVisiblePositionIntoView: Qt, handlePagesMouseDown: $t, handlePagesMouseMove: en, handlePagesClick: tn, handlePagesDoubleClick: nn, handleTableInsertClick: rn, handleHfSave: an, handleHfRemove: on } = Vo({
 			editorView: J,
-			pagesRef: w,
-			pagesViewportRef: le,
-			selectedImage: Z,
-			imageInteracting: Mt,
-			hyperlinkPopupData: Lt,
+			pagesRef: T,
+			pagesViewportRef: de,
+			selectedImage: Mt,
+			imageInteracting: Nt,
+			hyperlinkPopupData: Rt,
 			readOnly: d,
 			showHeaderFooterEditing: A(() => o.showHeaderFooterEditing),
 			zoom: L,
-			layout: mt,
+			layout: ht,
 			tableResize: {
-				tryStartResize: Gt.tryStartResize,
-				isResizing: A(() => Gt.isResizing())
+				tryStartResize: Kt.tryStartResize,
+				isResizing: A(() => Kt.isResizing())
 			},
-			getCommands: Dt,
+			getCommands: Ot,
 			getDocument: Y,
-			getHfPmView: St,
-			syncHfPMs: Ct,
-			setDocument: xt,
+			getHfPmView: Ct,
+			syncHfPMs: wt,
+			setDocument: St,
 			openNoteStory: (e) => {
-				wt(e), It.clearOverlay();
+				Tt(e), Lt.clearOverlay();
 			},
-			closeNoteStory: Tt,
-			getActiveNoteView: Et,
-			reLayout: Ot,
+			closeNoteStory: Et,
+			getActiveNoteView: Dt,
+			reLayout: kt,
 			onDocumentChange: l,
-			clearOverlay: It.clearOverlay
-		}), on = () => qt.value?.rId ? St(qt.value.rId) : null, sn = A(() => {
-			let e = qt.value, t = lt.value;
+			clearOverlay: Lt.clearOverlay
+		}), sn = () => Jt.value?.rId ? Ct(Jt.value.rId) : null, cn = A(() => {
+			let e = Jt.value, t = ut.value;
 			return !e?.rId || !t || t.rId !== e.rId ? null : {
 				...t,
 				pageNumber: e.pageNumber
 			};
 		});
-		K(qt, (e) => {
-			Se.value = e?.rId ?? null, e && It.clearOverlay();
+		K(Jt, (e) => {
+			we.value = e?.rId ?? null, e && Lt.clearOverlay();
 		}, { immediate: !0 });
-		let cn = Do({
+		let ln = Oo({
 			editorView: J,
 			showOutline: xe,
-			showSidebar: D,
-			outlineHeadings: Ee,
-			activeSidebarItem: k,
+			showSidebar: k,
+			outlineHeadings: De,
+			activeSidebarItem: Se,
 			extractCommentsAndChanges: () => {},
-			scrollToVisiblePosition: Zt
-		}), { contextMenu: ln, imageContextMenu: un, imageContextMenuTextActions: dn, customTextMenuItems: fn, handleContextMenu: pn, handleSelectedImageContextMenu: mn, handleImageWrapSelect: hn, handleContextMenuAction: gn } = oo({
+			scrollToVisiblePosition: Qt
+		}), { contextMenu: un, imageContextMenu: dn, imageContextMenuTextActions: fn, customTextMenuItems: pn, handleContextMenu: mn, handleSelectedImageContextMenu: hn, handleImageWrapSelect: gn, handleContextMenuAction: _n } = so({
 			editorView: X,
-			selectedImage: Z,
+			selectedImage: Mt,
 			zoom: L,
 			showImageProperties: _e,
-			getCommands: Dt,
-			clearOverlay: It.clearOverlay,
-			setPmSelection: Xt,
-			resolvePos: Yt,
+			getCommands: Ot,
+			clearOverlay: Lt.clearOverlay,
+			setPmSelection: Zt,
+			resolvePos: Xt,
 			customContextMenuItems: () => d.value ? void 0 : o.customContextMenuItems,
 			onCustomContextAction: (e, t) => o.onCustomContextAction?.(e, t),
 			onCopy: () => o.onCopy?.(),
 			onCut: () => o.onCut?.(),
 			onPaste: () => o.onPaste?.()
-		}), _n = ce(J, T), vn = A(() => _n.value.entries), Q = Ja({
+		}), vn = ce(J, E), yn = A(() => vn.value.entries), Q = Ya({
 			editorView: J,
 			getDocument: Y,
 			author: () => o.author,
@@ -4154,56 +4165,56 @@ var Vo = (e) => {
 			onCommentsChange: (e) => {
 				o.onCommentsChange?.(e), s("comments-change", e);
 			},
-			reLayout: Ot
-		}), yn = Q.comments, $ = qa({
+			reLayout: kt
+		}), bn = Q.comments, $ = Ja({
 			editorView: J,
-			pagesViewport: le,
-			pagesContainer: w,
+			pagesViewport: de,
+			pagesContainer: T,
 			readOnly: d,
 			createComment: Q.createComment,
 			pushComment: Q.pushComment,
-			reLayout: Ot,
-			showSidebar: D,
+			reLayout: kt,
+			showSidebar: k,
 			setActiveSidebarItem: (e) => {
-				k.value = e;
+				Se.value = e;
 			}
 		});
-		function bn(e) {
-			navigator.clipboard?.writeText(e), Lt.value = null;
+		function xn(e) {
+			navigator.clipboard?.writeText(e), Rt.value = null;
 		}
-		let xn = A(() => {
-			T.value;
+		let Sn = A(() => {
+			E.value;
 			let e = Y()?.package.document;
 			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
-		}), Sn = A(() => {
-			T.value;
+		}), Cn = A(() => {
+			E.value;
 			let e = Y();
 			return e ? ot(e) : void 0;
-		}), Cn = A(() => {
-			T.value;
+		}), wn = A(() => {
+			E.value;
 			let e = X.value;
 			if (!e) return {};
-			let t = Ze(e.state).table;
-			return t ? Xe(t) : {};
-		}), wn = A(() => {
-			T.value;
+			let t = Qe(e.state).table;
+			return t ? Ze(t) : {};
+		}), Tn = A(() => {
+			E.value;
 			let e = {};
 			o.fontFamilies !== void 0 && (e.fontFamilies = o.fontFamilies);
 			let t = Y()?.package.styles?.styles;
 			return t !== void 0 && (e.documentStyles = t), e;
-		}), Tn = A(() => it(xn.value?.pageWidth ?? 12240) * L.value), En = A(() => {
+		}), En = A(() => at(Sn.value?.pageWidth ?? 12240) * L.value), Dn = A(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of yn.value) t.done && e.add(t.id);
+			for (let t of bn.value) t.done && e.add(t.id);
 			return e;
-		}), Dn = A(() => ({
+		}), On = A(() => ({
 			transform: L.value === 1 ? void 0 : `scale(${L.value})`,
 			transformOrigin: "top center",
 			transition: "transform 0.2s ease"
-		})), { handleApplyStyle: On, handleInsertSymbol: kn, handleInsertSectionBreakNextPage: An, handleInsertSectionBreakContinuous: jn } = fo({
+		})), { handleApplyStyle: kn, handleInsertSymbol: An, handleInsertSectionBreakNextPage: jn, handleInsertSectionBreakContinuous: Mn } = po({
 			editorView: X,
 			getDocument: Y
 		});
-		function Mn() {
+		function Nn() {
 			if (o.onInsertImage) {
 				o.onInsertImage();
 				return;
@@ -4216,7 +4227,7 @@ var Vo = (e) => {
 				n && Ue(e, n, () => e.focus()), t.remove();
 			}), document.body.appendChild(t), t.click();
 		}
-		function Nn(e, t) {
+		function Pn(e, t) {
 			if (o.onInsertTable) {
 				o.onInsertTable(e, t);
 				return;
@@ -4224,7 +4235,7 @@ var Vo = (e) => {
 			let n = X.value;
 			n && (qe(n, e, t), n.focus());
 		}
-		function Pn() {
+		function Fn() {
 			if (o.onInsertPageBreak) {
 				o.onInsertPageBreak();
 				return;
@@ -4232,7 +4243,7 @@ var Vo = (e) => {
 			let e = J.value;
 			e && (Ge(e), e.focus());
 		}
-		function Fn() {
+		function In() {
 			if (o.onInsertTOC) {
 				o.onInsertTOC();
 				return;
@@ -4240,16 +4251,16 @@ var Vo = (e) => {
 			let e = J.value;
 			e && (Ye(e), e.focus());
 		}
-		let { handlePageSetupApply: In, handleLeftMarginChange: Ln, handleRightMarginChange: Rn, handleTopMarginChange: zn, handleBottomMarginChange: Bn, handleIndentLeftChange: Vn, handleIndentRightChange: Hn, handleFirstLineIndentChange: Un, handleTabStopRemove: Wn } = Oo({
+		let { handlePageSetupApply: Ln, handleLeftMarginChange: Rn, handleRightMarginChange: zn, handleTopMarginChange: Bn, handleBottomMarginChange: Vn, handleIndentLeftChange: Hn, handleIndentRightChange: Un, handleFirstLineIndentChange: Wn, handleTabStopRemove: Gn } = ko({
 			editorView: J,
 			getDocument: Y,
 			readOnly: d,
-			stateTick: T,
-			reLayout: Ot,
+			stateTick: E,
+			reLayout: kt,
 			onChange: l
-		}), Gn = A(() => {
-			T.value;
-			let e = X.value, t = e ? Qe(e.state).paragraphFormatting : {};
+		}), Kn = A(() => {
+			E.value;
+			let e = X.value, t = e ? $e(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -4258,20 +4269,20 @@ var Vo = (e) => {
 				tabs: t.tabs ?? null
 			};
 		});
-		function Kn(e) {
+		function qn(e) {
 			u.value !== e && (u.value = e, o.onModeChange?.(e), s("mode-change", e));
 		}
-		function qn(e) {
+		function Jn(e) {
 			switch (e) {
 				case "find":
 				case "findReplace":
 					he.value = !0;
 					break;
 				case "insertSymbol":
-					E.value = !0;
+					ge.value = !0;
 					break;
 				case "insertHyperlink":
-					ge.value = !0;
+					D.value = !0;
 					break;
 				case "pageSetup":
 					ve.value = !0;
@@ -4280,102 +4291,102 @@ var Vo = (e) => {
 					d.value || (be.value = !0);
 					break;
 				case "toggleOutline":
-					cn.handleToggleOutline();
+					ln.handleToggleOutline();
 					break;
 				case "toggleSidebar":
-					D.value = !D.value;
+					k.value = !k.value;
 					break;
 				case "insertImage":
-					Mn();
+					Nn();
 					break;
 				case "insertPageBreak":
-					Pn();
+					Fn();
 					break;
 				case "insertSectionBreakNextPage":
-					An();
+					jn();
 					break;
 				case "insertSectionBreakContinuous":
-					jn();
+					Mn();
 					break;
 				case "insertTOC":
-					Fn();
+					In();
 					break;
 				default: break;
 			}
 			s("menu-action", e);
 		}
-		function Jn(e) {
+		function Yn(e) {
 			if (d.value) return;
 			let t = Y();
 			if (!t) return;
 			let n = ct(t, e);
-			xt(n), ft.value = !0, T.value++, Ot(), l(n);
+			St(n), pt.value = !0, E.value++, kt(), l(n);
 		}
-		function Yn(e, t) {
-			Nn(e, t);
+		function Xn(e, t) {
+			Pn(e, t);
 		}
-		function Xn(e) {
-			let t = X.value, n = Dt().setTableProperties;
+		function Zn(e) {
+			let t = X.value, n = Ot().setTableProperties;
 			!t || !n || (n(e)(t.state, (e) => t.dispatch(e), t), t.focus());
 		}
-		let Zn = H(!1);
-		so({
+		let Qn = H(!1);
+		co({
 			documentBuffer: () => o.documentBuffer ?? null,
 			document: () => o.document ?? null,
-			loadDocumentBuffer: vt,
-			loadDocument: yt,
-			sidebarAutoOpenedRef: Zn
+			loadDocumentBuffer: yt,
+			loadDocument: bt,
+			sidebarAutoOpenedRef: Qn
 		}), K(() => o.mode, (e) => {
 			e && e !== u.value && (u.value = e);
 		}), K(() => o.showOutline, (e) => {
-			xe.value = !!e, cn.recomputeHeadingsIfOpen();
+			xe.value = !!e, ln.recomputeHeadingsIfOpen();
 		});
-		let Qn = H(!1);
-		function $n(e) {
+		let $n = H(!1);
+		function er(e) {
 			let t = e.currentTarget;
 			t instanceof HTMLElement && o.onScrollTopChange?.(t.scrollTop);
 		}
-		function er() {
-			if (o.initialScrollTop === void 0 || Qn.value) return;
-			Qn.value = !0;
+		function tr() {
+			if (o.initialScrollTop === void 0 || $n.value) return;
+			$n.value = !0;
 			let e = o.initialScrollTop;
 			requestAnimationFrame(() => {
 				fe.value && (fe.value.scrollTop = e);
 			});
 		}
-		K(dt, (e) => {
+		K(ft, (e) => {
 			if (!e) {
-				Qn.value = !1;
+				$n.value = !1;
 				return;
 			}
-			ae.value = !0, cn.recomputeHeadingsIfOpen(), Q.seedFromDocument();
+			ae.value = !0, ln.recomputeHeadingsIfOpen(), Q.seedFromDocument();
 			let t = Y();
-			t && o.onCompatibilityChange?.($e(t)), o.autoOpenReviewSidebar !== !1 && !Zn.value && (yn.value.length > 0 || vn.value.length > 0) && (Zn.value = !0, D.value = !0), er(), s("ready");
+			t && o.onCompatibilityChange?.(et(t)), o.autoOpenReviewSidebar !== !1 && !Qn.value && (bn.value.length > 0 || yn.value.length > 0) && (Qn.value = !0, k.value = !0), tr(), s("ready");
 		}), ke(() => {
-			let e = Je.on("selectionChange", () => {
-				T.value++, $.updateFloatingButton();
-			}), t = Je.on("docChange", () => {
-				T.value++, cn.recomputeHeadingsIfOpen();
-			}), n = Je.on("layoutComplete", () => {
-				T.value++;
-			}), r = Gt.install(), i = rt(() => o.onFontsLoaded?.());
+			let e = Xe.on("selectionChange", () => {
+				E.value++, $.updateFloatingButton();
+			}), t = Xe.on("docChange", () => {
+				E.value++, ln.recomputeHeadingsIfOpen();
+			}), n = Xe.on("layoutComplete", () => {
+				E.value++;
+			}), r = Kt.install(), i = it(() => o.onFontsLoaded?.());
 			B(() => {
 				e(), t(), n(), r(), i();
 			});
 		});
-		let { exposed: tr } = uo({
-			editor: Je,
+		let { exposed: nr } = fo({
+			editor: Xe,
 			editorView: J,
-			isDirty: ft,
+			isDirty: pt,
 			commentsDirty: Q.commentsDirty,
 			clearCommentsDirty: Q.clearCommentsDirty,
-			saveDocument: bt,
-			layout: mt,
-			pagesRef: w,
-			pagesViewportRef: le,
+			saveDocument: xt,
+			layout: ht,
+			pagesRef: T,
+			pagesViewportRef: de,
 			scrollRootRef: fe,
 			zoom: L,
-			scrollVisiblePositionIntoView: Zt,
+			scrollVisiblePositionIntoView: Qt,
 			setPassageHighlight: (e) => {
 				pe.value = e;
 			},
@@ -4389,13 +4400,18 @@ var Vo = (e) => {
 			focus: () => X.value?.focus(),
 			getDocument: Y,
 			getActiveView: () => X.value,
-			closeNoteStory: Tt,
-			getHeaderFooterView: St,
-			setZoom: U,
+			closeNoteStory: Et,
+			getHeaderFooterView: Ct,
+			setZoom: Pe,
+			openFindReplace: () => {
+				he.value = !0;
+			},
 			onPrint: o.onPrint,
 			onSave: o.onSave
 		});
-		return t(tr), (t, n) => (V(), N("div", {
+		return t(nr), (t, n) => (V(), N("div", {
+			ref_key: "rootRef",
+			ref: S,
 			class: R([
 				"docx-editor-vue ep-root paged-editor",
 				e.className,
@@ -4407,56 +4423,56 @@ var Vo = (e) => {
 			]),
 			style: z(e.style)
 		}, [
-			P("div", Uo, [F(Fi, {
+			P("div", Wo, [F(Ii, {
 				"show-table-insert": o.showTableInsert !== !1,
 				onRename: n[0] ||= (e) => s("rename", e),
-				onMenuAction: qn,
-				onInsertTable: Yn
+				onMenuAction: Jn,
+				onInsertTable: Xn
 			}, {
 				"title-bar-left": Ie(() => [Me(t.$slots, "title-bar-left", {}, void 0, !0)]),
 				"title-bar-right": Ie(() => [Me(t.$slots, "title-bar-right", {}, void 0, !0)]),
 				_: 3
-			}, 8, ["show-table-insert"]), e.showToolbar ? (V(), j(ie, De({
+			}, 8, ["show-table-insert"]), e.showToolbar ? (V(), j(ie, Oe({
 				key: 0,
 				view: X.value,
-				"get-commands": G(Dt),
-				"state-tick": T.value,
-				"zoom-percent": G(Oe),
-				"is-min-zoom": G(Ae),
-				"is-max-zoom": G(je),
-				"zoom-presets": G(We),
+				"get-commands": G(Ot),
+				"state-tick": E.value,
+				"zoom-percent": G(Ae),
+				"is-min-zoom": G(je),
+				"is-max-zoom": G(U),
+				"zoom-presets": G(Ke),
 				"show-zoom-control": e.showZoomControl,
 				"editor-mode": u.value,
 				"show-review-controls": f.value,
 				"track-changes-on": p.value,
 				"display-mode": m.value,
 				"read-only": d.value,
-				"comments-sidebar-open": D.value,
-				"image-context": G(Nt),
+				"comments-sidebar-open": k.value,
+				"image-context": G(Pt),
 				theme: e.theme ?? null
-			}, wn.value, {
+			}, Tn.value, {
 				onFindReplace: n[2] ||= (e) => he.value = !0,
-				onInsertLink: n[3] ||= (e) => ge.value = !0,
-				onInsertSymbol: n[4] ||= (e) => E.value = !0,
-				onInsertPageBreak: Pn,
+				onInsertLink: n[3] ||= (e) => D.value = !0,
+				onInsertSymbol: n[4] ||= (e) => ge.value = !0,
+				onInsertPageBreak: Fn,
 				onPageSetup: n[5] ||= (e) => ve.value = !0,
-				onToggleOutline: G(cn).handleToggleOutline,
-				onApplyStyle: G(On),
-				onZoomIn: G(Pe),
-				onZoomOut: G(ze),
-				onZoomSet: G(U),
-				onToggleSidebar: n[6] ||= (e) => D.value = !D.value,
-				onModeChange: Kn,
+				onToggleOutline: G(ln).handleToggleOutline,
+				onApplyStyle: G(kn),
+				onZoomIn: G(ze),
+				onZoomOut: G(Ve),
+				onZoomSet: G(Pe),
+				onToggleSidebar: n[6] ||= (e) => k.value = !k.value,
+				onModeChange: qn,
 				onToggleTrackChanges: h,
 				"onUpdate:displayMode": _,
 				onImageProperties: n[7] ||= (e) => _e.value = !0,
-				onImageWrapType: G(Pt),
-				onImageTransform: G(Ft)
+				onImageWrapType: G(Ft),
+				onImageTransform: G(It)
 			}), Ce({
 				"table-context": Ie(() => [F(y, {
 					view: X.value,
-					"get-commands": G(Dt),
-					"state-tick": T.value,
+					"get-commands": G(Ot),
+					"state-tick": E.value,
 					theme: e.theme ?? null,
 					onOpenTableProperties: n[1] ||= (e) => ye.value = !0
 				}, null, 8, [
@@ -4498,13 +4514,13 @@ var Vo = (e) => {
 				"onImageWrapType",
 				"onImageTransform"
 			])) : M("", !0)]),
-			F(Ai, {
+			F(ji, {
 				"show-find-replace": he.value,
 				"onUpdate:showFindReplace": n[8] ||= (e) => he.value = e,
-				"show-hyperlink": ge.value,
-				"onUpdate:showHyperlink": n[9] ||= (e) => ge.value = e,
-				"show-insert-symbol": E.value,
-				"onUpdate:showInsertSymbol": n[10] ||= (e) => E.value = e,
+				"show-hyperlink": D.value,
+				"onUpdate:showHyperlink": n[9] ||= (e) => D.value = e,
+				"show-insert-symbol": ge.value,
+				"onUpdate:showInsertSymbol": n[10] ||= (e) => ge.value = e,
 				"show-image-properties": _e.value,
 				"onUpdate:showImageProperties": n[11] ||= (e) => _e.value = e,
 				"show-page-setup": ve.value,
@@ -4514,18 +4530,18 @@ var Vo = (e) => {
 				"show-watermark": be.value,
 				"onUpdate:showWatermark": n[14] ||= (e) => be.value = e,
 				view: X.value,
-				"scroll-visible-position-into-view": G(Zt),
-				bookmarks: I.value,
-				"current-watermark": Sn.value,
-				"selected-image-pm-pos": G(Z)?.pmPos ?? null,
-				"section-properties": xn.value,
-				"table-properties": Cn.value,
-				onInsertSymbol: G(kn),
-				onHyperlinkSubmit: G(Rt),
-				onHyperlinkRemove: G(Vt),
-				onPageSetupApply: G(In),
-				onTablePropertiesApply: Xn,
-				onWatermarkApply: Jn
+				"scroll-visible-position-into-view": G(Qt),
+				bookmarks: Ee.value,
+				"current-watermark": Cn.value,
+				"selected-image-pm-pos": G(Mt)?.pmPos ?? null,
+				"section-properties": Sn.value,
+				"table-properties": wn.value,
+				onInsertSymbol: G(An),
+				onHyperlinkSubmit: G(Vt),
+				onHyperlinkRemove: G(Ht),
+				onPageSetupApply: G(Ln),
+				onTablePropertiesApply: Zn,
+				onWatermarkApply: Yn
 			}, null, 8, [
 				"show-find-replace",
 				"show-hyperlink",
@@ -4546,46 +4562,46 @@ var Vo = (e) => {
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			G(pt) ? (V(), N("div", Wo, W(G(pt)), 1)) : At.value ? (V(), N("div", Go, [Me(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (V(), j(te, {
+			G(mt) ? (V(), N("div", Go, W(G(mt)), 1)) : jt.value ? (V(), N("div", Ko, [Me(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (V(), j(te, {
 				key: 0,
 				node: e.loadingIndicator
-			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te(W(G(ee)("loadingDocument")), 1)], 64))], !0)])) : !G(dt) && !re.value ? (V(), N("div", Ko, [Me(t.$slots, "placeholder", {}, () => [e.placeholder ? (V(), j(te, {
+			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te(W(G(ee)("loadingDocument")), 1)], 64))], !0)])) : !G(ft) && !re.value ? (V(), N("div", qo, [Me(t.$slots, "placeholder", {}, () => [e.placeholder ? (V(), j(te, {
 				key: 0,
 				node: e.placeholder
 			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te("No document loaded")], 64))], !0)])) : M("", !0),
 			P("div", {
 				ref_key: "hiddenPmRef",
-				ref: S,
+				ref: C,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
 			P("div", {
 				ref_key: "hiddenHfPmRef",
-				ref: C,
+				ref: w,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-hf-pm"
 			}, null, 512),
 			P("div", {
 				ref_key: "editorScrollRef",
 				ref: fe,
 				class: "docx-editor-vue__editor-scroll",
-				onScroll: $n
-			}, [P("div", qo, [
-				me.value && !d.value ? (V(), N("div", Jo, [F(ne, {
-					"section-props": xn.value,
+				onScroll: er
+			}, [P("div", Jo, [
+				me.value && !d.value ? (V(), N("div", Yo, [F(ne, {
+					"section-props": Sn.value,
 					zoom: G(L),
 					unit: e.rulerUnit ?? "inch",
 					editable: !d.value,
-					"indent-left": Gn.value.indentLeft,
-					"indent-right": Gn.value.indentRight,
-					"first-line-indent": Gn.value.firstLineIndent,
-					"hanging-indent": Gn.value.hangingIndent,
+					"indent-left": Kn.value.indentLeft,
+					"indent-right": Kn.value.indentRight,
+					"first-line-indent": Kn.value.firstLineIndent,
+					"hanging-indent": Kn.value.hangingIndent,
 					"show-first-line-indent": !0,
-					"tab-stops": Gn.value.tabs,
-					onLeftMarginChange: G(Ln),
-					onRightMarginChange: G(Rn),
-					onIndentLeftChange: G(Vn),
-					onIndentRightChange: G(Hn),
-					onFirstLineIndentChange: G(Un),
-					onTabStopRemove: G(Wn)
+					"tab-stops": Kn.value.tabs,
+					onLeftMarginChange: G(Rn),
+					onRightMarginChange: G(zn),
+					onIndentLeftChange: G(Hn),
+					onIndentRightChange: G(Un),
+					onFirstLineIndentChange: G(Wn),
+					onTabStopRemove: G(Gn)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -4603,13 +4619,13 @@ var Vo = (e) => {
 					"onFirstLineIndentChange",
 					"onTabStopRemove"
 				])])) : M("", !0),
-				me.value && !d.value ? (V(), N("div", Yo, [F(v, {
-					"section-props": xn.value,
+				me.value && !d.value ? (V(), N("div", Xo, [F(v, {
+					"section-props": Sn.value,
 					zoom: G(L),
 					unit: e.rulerUnit ?? "inch",
 					editable: !d.value,
-					onTopMarginChange: G(zn),
-					onBottomMarginChange: G(Bn)
+					onTopMarginChange: G(Bn),
+					onBottomMarginChange: G(Vn)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -4620,27 +4636,27 @@ var Vo = (e) => {
 				])])) : M("", !0),
 				P("div", {
 					ref_key: "pagesViewportRef",
-					ref: le,
+					ref: de,
 					class: "docx-editor-vue__pages-viewport",
-					onWheel: Ke,
-					onMousedown: n[25] ||= (...e) => G(Qt) && G(Qt)(...e),
-					onMousemove: n[26] ||= (...e) => G($t) && G($t)(...e),
-					onClick: n[27] ||= (...e) => G(en) && G(en)(...e),
-					onDblclick: n[28] ||= (...e) => G(tn) && G(tn)(...e),
-					onContextmenu: n[29] ||= q((...e) => G(pn) && G(pn)(...e), ["prevent"])
+					onWheel: Je,
+					onMousedown: n[25] ||= (...e) => G($t) && G($t)(...e),
+					onMousemove: n[26] ||= (...e) => G(en) && G(en)(...e),
+					onClick: n[27] ||= (...e) => G(tn) && G(tn)(...e),
+					onDblclick: n[28] ||= (...e) => G(nn) && G(nn)(...e),
+					onContextmenu: n[29] ||= q((...e) => G(mn) && G(mn)(...e), ["prevent"])
 				}, [
-					P("div", Xo, [
+					P("div", Zo, [
 						P("div", {
 							ref_key: "pagesRef",
-							ref: w,
-							class: R(["docx-editor-vue__pages paged-editor__pages", G(qt) ? `paged-editor--hf-editing paged-editor--editing-${G(qt).position}` : ""]),
-							style: z(Dn.value)
+							ref: T,
+							class: R(["docx-editor-vue__pages paged-editor__pages", G(Jt) ? `paged-editor--hf-editing paged-editor--editing-${G(Jt).position}` : ""]),
+							style: z(On.value)
 						}, null, 6),
-						F(_a, {
-							"editor-view": on(),
-							"hidden-container": C.value,
-							"pages-container": w.value,
-							selection: sn.value,
+						F(va, {
+							"editor-view": sn(),
+							"hidden-container": w.value,
+							"pages-container": T.value,
+							selection: cn.value,
 							zoom: G(L)
 						}, null, 8, [
 							"editor-view",
@@ -4649,15 +4665,15 @@ var Vo = (e) => {
 							"selection",
 							"zoom"
 						]),
-						P("div", Zo, [
-							F(di, {
+						P("div", Qo, [
+							F(fi, {
 								"get-view": () => G(J),
-								"get-pages-container": () => w.value,
-								"editor-state": G(at),
+								"get-pages-container": () => T.value,
+								"editor-state": G(st),
 								zoom: G(L),
-								layout: G(mt),
-								blocks: G(ht),
-								measures: G(gt),
+								layout: G(ht),
+								blocks: G(gt),
+								measures: G(_t),
 								"on-term-click": o.onAnonymizationTermClick,
 								"selected-canonical": o.selectedAnonymizationCanonical,
 								"selection-seq": o.anonymizationSelectionSeq
@@ -4673,13 +4689,13 @@ var Vo = (e) => {
 								"selected-canonical",
 								"selection-seq"
 							]),
-							F(pi, {
+							F(mi, {
 								range: pe.value,
-								"get-pages-container": () => w.value,
+								"get-pages-container": () => T.value,
 								zoom: G(L),
-								layout: G(mt),
-								blocks: G(ht),
-								measures: G(gt)
+								layout: G(ht),
+								blocks: G(gt),
+								measures: G(_t)
 							}, null, 8, [
 								"range",
 								"get-pages-container",
@@ -4688,15 +4704,15 @@ var Vo = (e) => {
 								"blocks",
 								"measures"
 							]),
-							o.showTemplateDirectives ? (V(), j(Aa, {
+							o.showTemplateDirectives ? (V(), j(ja, {
 								key: 0,
 								"get-view": () => G(J),
-								"get-pages-container": () => w.value,
-								"editor-state": G(at),
+								"get-pages-container": () => T.value,
+								"editor-state": G(st),
 								zoom: G(L),
-								layout: G(mt),
-								blocks: G(ht),
-								measures: G(gt)
+								layout: G(ht),
+								blocks: G(gt),
+								measures: G(_t)
 							}, null, 8, [
 								"get-view",
 								"get-pages-container",
@@ -4706,23 +4722,23 @@ var Vo = (e) => {
 								"blocks",
 								"measures"
 							])) : M("", !0),
-							F(_i, {
-								"get-pages-container": () => w.value,
-								"editor-state": G(at),
+							F(vi, {
+								"get-pages-container": () => T.value,
+								"editor-state": G(st),
 								zoom: G(L),
-								"sync-coordinator": G(_t)
+								"sync-coordinator": G(vt)
 							}, null, 8, [
 								"get-pages-container",
 								"editor-state",
 								"zoom",
 								"sync-coordinator"
 							]),
-							F(Ti, {
+							F(Ei, {
 								"get-view": () => G(J),
-								"get-pages-container": () => w.value,
+								"get-pages-container": () => T.value,
 								zoom: G(L),
-								"transaction-version": T.value,
-								"sync-coordinator": G(_t)
+								"transaction-version": E.value,
+								"sync-coordinator": G(vt)
 							}, null, 8, [
 								"get-view",
 								"get-pages-container",
@@ -4732,12 +4748,12 @@ var Vo = (e) => {
 							])
 						])
 					]),
-					G(qt) ? (V(), j(ya, {
+					G(Jt) ? (V(), j(ba, {
 						key: 0,
-						edit: G(qt),
-						"get-view": on,
-						onClose: G(rn),
-						onRemove: G(an)
+						edit: G(Jt),
+						"get-view": sn,
+						onClose: G(an),
+						onRemove: G(on)
 					}, null, 8, [
 						"edit",
 						"onClose",
@@ -4745,39 +4761,39 @@ var Vo = (e) => {
 					])) : M("", !0),
 					Le(P("aside", {
 						class: "docx-editor-vue__note-editor",
-						"aria-label": kt.value,
-						onKeydown: n[16] ||= Re(q((...e) => G(Tt) && G(Tt)(...e), ["stop", "prevent"]), ["esc"])
-					}, [P("header", $o, [P("span", null, W(kt.value), 1), P("button", {
+						"aria-label": At.value,
+						onKeydown: n[16] ||= Re(q((...e) => G(Et) && G(Et)(...e), ["stop", "prevent"]), ["esc"])
+					}, [P("header", es, [P("span", null, W(At.value), 1), P("button", {
 						type: "button",
 						"aria-label": G(ee)("common.closeDialog"),
-						onClick: n[15] ||= (...e) => G(Tt) && G(Tt)(...e)
-					}, " × ", 8, es)]), P("div", {
+						onClick: n[15] ||= (...e) => G(Et) && G(Et)(...e)
+					}, " × ", 8, ts)]), P("div", {
 						ref_key: "notePmRef",
-						ref: we,
+						ref: I,
 						class: "docx-editor-vue__note-editor-host"
-					}, null, 512)], 40, Qo), [[Fe, G(ut)]]),
-					F(ga, {
-						"image-info": G(Z),
+					}, null, 512)], 40, $o), [[Fe, G(dt)]]),
+					F(_a, {
+						"image-info": G(Mt),
 						zoom: G(L),
 						view: X.value,
-						onDeselect: n[17] ||= (e) => Z.value = null,
-						onInteractStart: n[18] ||= (e) => Mt.value = !0,
-						onInteractEnd: n[19] ||= (e) => Mt.value = !1,
-						onContextMenu: G(mn)
+						onDeselect: n[17] ||= (e) => Mt.value = null,
+						onInteractStart: n[18] ||= (e) => Nt.value = !0,
+						onInteractEnd: n[19] ||= (e) => Nt.value = !1,
+						onContextMenu: G(hn)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					F(Ba, {
-						data: G(Lt),
+					F(Va, {
+						data: G(Rt),
 						"read-only": d.value,
-						onNavigate: G(Ht),
-						onCopy: bn,
-						onEdit: G(Ut),
-						onRemove: G(Wt),
-						onClose: n[20] ||= (e) => Lt.value = null
+						onNavigate: G(Ut),
+						onCopy: xn,
+						onEdit: G(Wt),
+						onRemove: G(Gt),
+						onClose: n[20] ||= (e) => Rt.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -4785,24 +4801,24 @@ var Vo = (e) => {
 						"onEdit",
 						"onRemove"
 					]),
-					G(Kt) ? (V(), N("button", {
+					G(qt) ? (V(), N("button", {
 						key: 1,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
 						style: z({
-							left: G(Kt).x + "px",
-							top: G(Kt).y + "px"
+							left: G(qt).x + "px",
+							top: G(qt).y + "px"
 						}),
-						"aria-label": G(Kt).type === "row" ? "Insert row" : "Insert column",
-						onMousedown: n[21] ||= (...e) => G(nn) && G(nn)(...e)
-					}, " + ", 44, ts)) : M("", !0),
+						"aria-label": G(qt).type === "row" ? "Insert row" : "Insert column",
+						onMousedown: n[21] ||= (...e) => G(rn) && G(rn)(...e)
+					}, " + ", 44, ns)) : M("", !0),
 					F(g, {
-						comments: G(yn),
-						"pages-container": w.value,
+						comments: G(bn),
+						"pages-container": T.value,
 						zoom: G(L),
-						"page-width-px": Tn.value,
-						"sidebar-open": D.value,
-						"resolved-comment-ids": En.value,
+						"page-width-px": En.value,
+						"sidebar-open": k.value,
+						"resolved-comment-ids": Dn.value,
 						onMarkerClick: () => {}
 					}, null, 8, [
 						"comments",
@@ -4813,18 +4829,18 @@ var Vo = (e) => {
 						"resolved-comment-ids"
 					]),
 					F(b, {
-						"is-open": D.value,
-						comments: G(yn),
-						"tracked-changes": vn.value,
+						"is-open": k.value,
+						comments: G(bn),
+						"tracked-changes": yn.value,
 						"show-resolved": !0,
 						"is-adding-comment": G($).isAddingComment.value,
 						"add-comment-y-position": G($).addCommentYPosition.value,
-						"pages-container": w.value,
-						"page-width-px": Tn.value,
+						"pages-container": T.value,
+						"page-width-px": En.value,
 						zoom: G(L),
-						"active-item-id": k.value,
-						onClose: n[22] ||= (e) => D.value = !1,
-						"onUpdate:activeItemId": n[23] ||= (e) => k.value = e,
+						"active-item-id": Se.value,
+						onClose: n[22] ||= (e) => k.value = !1,
+						"onUpdate:activeItemId": n[23] ||= (e) => Se.value = e,
 						onAddComment: G($).handleAddComment,
 						onCancelAddComment: G($).handleCancelAddComment,
 						onCommentReply: G(Q).handleReply,
@@ -4874,27 +4890,27 @@ var Vo = (e) => {
 						size: 18
 					})], 36)) : M("", !0)
 				], 544),
-				xe.value ? M("", !0) : (V(), j(xa, {
+				xe.value ? M("", !0) : (V(), j(Sa, {
 					key: 2,
 					"left-offset": 12,
-					onToggle: G(cn).handleToggleOutline
+					onToggle: G(ln).handleToggleOutline
 				}, null, 8, ["onToggle"])),
-				G(Jt).totalPages > 1 ? (V(), j(Sa, {
+				G(Yt).totalPages > 1 ? (V(), j(Ca, {
 					key: 3,
-					"current-page": G(Jt).currentPage,
-					"total-pages": G(Jt).totalPages,
-					visible: G(Jt).visible
+					"current-page": G(Yt).currentPage,
+					"total-pages": G(Yt).totalPages,
+					visible: G(Yt).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
 				])) : M("", !0),
-				F(ki, {
+				F(Ai, {
 					"is-open": xe.value,
-					headings: Ee.value,
-					"get-scroll-container": () => w.value,
+					headings: De.value,
+					"get-scroll-container": () => T.value,
 					onClose: n[30] ||= (e) => xe.value = !1,
-					onNavigate: G(cn).handleOutlineNavigate
+					onNavigate: G(ln).handleOutlineNavigate
 				}, null, 8, [
 					"is-open",
 					"headings",
@@ -4902,17 +4918,17 @@ var Vo = (e) => {
 					"onNavigate"
 				])
 			])], 544),
-			F(oa, {
+			F(sa, {
 				"read-only": d.value,
-				"context-menu": G(ln),
-				"image-context-menu": G(un),
-				"image-context-menu-text-actions": G(dn),
-				"custom-text-menu-items": G(fn),
-				"can-open-image-properties": G(Z) !== null,
-				onContextMenuAction: G(gn),
-				onCloseContextMenu: n[31] ||= (e) => G(ln).isOpen = !1,
-				onImageWrapSelect: G(hn),
-				onCloseImageContextMenu: n[32] ||= (e) => un.value = null,
+				"context-menu": G(un),
+				"image-context-menu": G(dn),
+				"image-context-menu-text-actions": G(fn),
+				"custom-text-menu-items": G(pn),
+				"can-open-image-properties": G(Mt) !== null,
+				onContextMenuAction: G(_n),
+				onCloseContextMenu: n[31] ||= (e) => G(un).isOpen = !1,
+				onImageWrapSelect: G(gn),
+				onCloseImageContextMenu: n[32] ||= (e) => dn.value = null,
 				onOpenImageProperties: n[33] ||= (e) => _e.value = !0
 			}, null, 8, [
 				"read-only",
@@ -4924,16 +4940,16 @@ var Vo = (e) => {
 				"onContextMenuAction",
 				"onImageWrapSelect"
 			]),
-			F(wi, {
-				"event-root": d.value ? null : w.value,
+			F(Ti, {
+				"event-root": d.value ? null : T.value,
 				view: G(J)
 			}, null, 8, ["event-root", "view"])
 		], 6));
 	}
-}), [["__scopeId", "data-v-9aed719f"]]);
+}), [["__scopeId", "data-v-a5e2281b"]]);
 //#endregion
 //#region src/utils/listState.ts
-function rs() {
+function is() {
 	return {
 		type: "none",
 		level: 0,
@@ -4942,30 +4958,30 @@ function rs() {
 }
 //#endregion
 //#region src/components/FormattingBar.vue?vue&type=script&setup=true&lang.ts
-var is = ["aria-label"], as = ["aria-label"], os = [
+var as = ["aria-label"], os = ["aria-label"], ss = [
 	"disabled",
 	"title",
 	"aria-label"
-], ss = [
+], cs = [
 	"disabled",
 	"title",
 	"aria-label"
-], cs = ["aria-label"], ls = [
+], ls = ["aria-label"], us = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], us = [
+], ds = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], ds = [
+], fs = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], fs = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], ps = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "FormattingBar",
 	props: {
 		currentFormatting: {},
@@ -5007,7 +5023,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 		"redo"
 	],
 	setup(e, { emit: t }) {
-		let { ColorPicker: n } = h(), a = e, o = t, { t: s } = r(), c = A(() => a.currentFormatting ?? {}), l = A(() => a.documentStyles ? { styles: a.documentStyles } : {}), u = A(() => c.value.listState ?? rs()), d = A(() => {
+		let { ColorPicker: n } = h(), a = e, o = t, { t: s } = r(), c = A(() => a.currentFormatting ?? {}), l = A(() => a.documentStyles ? { styles: a.documentStyles } : {}), u = A(() => c.value.listState ?? is()), d = A(() => {
 			let e = c.value.color;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
 		}), f = A(() => {
@@ -5040,7 +5056,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 			}, [F(i, {
 				name: "undo",
 				size: 18
-			})], 40, os), P("button", {
+			})], 40, ss), P("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canRedo,
@@ -5050,12 +5066,12 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 			}, [F(i, {
 				name: "redo",
 				size: 18
-			})], 40, ss)], 8, as),
+			})], 40, cs)], 8, os),
 			r[13] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showStylePicker ? (V(), N(O, { key: 0 }, [F(ee, De({ value: c.value.styleId ?? "Normal" }, l.value, {
+			e.showStylePicker ? (V(), N(O, { key: 0 }, [F(ee, Oe({ value: c.value.styleId ?? "Normal" }, l.value, {
 				disabled: e.disabled,
 				onChange: r[2] ||= (e) => o("format", {
 					type: "applyStyle",
@@ -5081,7 +5097,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 				}, [F(i, {
 					name: "format_bold",
 					size: 18
-				})], 42, ls),
+				})], 42, us),
 				P("button", {
 					type: "button",
 					class: R(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.italic }]),
@@ -5093,7 +5109,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 				}, [F(i, {
 					name: "format_italic",
 					size: 18
-				})], 42, us),
+				})], 42, ds),
 				P("button", {
 					type: "button",
 					class: R(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.underline }]),
@@ -5105,8 +5121,8 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 				}, [F(i, {
 					name: "format_underlined",
 					size: 18
-				})], 42, ds)
-			], 8, cs),
+				})], 42, fs)
+			], 8, ls),
 			e.showTextColorPicker ? (V(), N(O, { key: 1 }, [r[12] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
@@ -5148,9 +5164,9 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 				"disabled",
 				"can-outdent"
 			])) : M("", !0)
-		], 10, is));
+		], 10, as));
 	}
-}), [["__scopeId", "data-v-fc03de2e"]]), ps = [
+}), [["__scopeId", "data-v-fc03de2e"]]), ms = [
 	{
 		value: .5,
 		label: "50%"
@@ -5175,7 +5191,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 		value: 2,
 		label: "200%"
 	}
-], ms = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], hs = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -5192,7 +5208,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Select: n } = h(), r = e, i = t, a = A(() => r.levels ?? ps), o = A(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = A(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = A(() => o.value ? String(o.value.value) : String(r.value)), l = A(() => {
+		let { Select: n } = h(), r = e, i = t, a = A(() => r.levels ?? ms), o = A(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = A(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = A(() => o.value ? String(o.value.value) : String(r.value)), l = A(() => {
 			let e = a.value.map((e) => ({
 				value: String(e.value),
 				label: e.label
@@ -5220,7 +5236,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 			"disabled"
 		]));
 	}
-}), [["__scopeId", "data-v-8079e07f"]]), hs = (e, t, n = {}) => {
+}), [["__scopeId", "data-v-8079e07f"]]), gs = (e, t, n = {}) => {
 	let { colorMode: r = C, locale: i = "en", ...a } = n;
 	return new Promise((n, o) => {
 		let s = H(null), c = null, l = !1, d = {
@@ -5246,7 +5262,7 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 			}
 		};
 		c = Se({ setup() {
-			return () => Ee(ns, {
+			return () => Ee(rs, {
 				...a,
 				documentBuffer: e,
 				ref: s,
@@ -5257,8 +5273,8 @@ var is = ["aria-label"], as = ["aria-label"], os = [
 					a.onError?.(e), l || (l = !0, c?.unmount(), c = null, o(e));
 				}
 			});
-		} }), c.use(u, i), c.use(le, r), c.mount(t);
+		} }), c.use(u, i), c.use(T, r), c.mount(t);
 	});
 };
 //#endregion
-export { hi as AutocompleteCaretOverlay, Jr as DEFAULT_AI_SUGGESTION_PRESETS, vt as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, Gr as DOCUMENT_PRESET_VERSION, Kr as DOCUMENT_STYLE_SET_VERSION, ns as DocxEditor, fe as FindReplaceDialog, l as FolioUIProvider, pe as FootnotePropertiesDialog, fs as FormattingBar, me as HyperlinkDialog, T as ImagePositionDialog, he as ImagePropertiesDialog, ge as InsertImageDialog, E as InsertSymbolDialog, _e as InsertTableDialog, ve as PageSetupDialog, ye as PasteSpecialDialog, Hr as STELLA_STYLE_SET_NAME, be as SplitCellDialog, xe as TablePropertiesDialog, D as WatermarkDialog, ms as ZoomControl, yt as acceptAutocompleteSuggestion, bt as acceptAutocompleteWord, pt as anonymizationDecorationsKey, Y as appendAutocompleteToken, Pn as applyFolioAIEditOperations, Yr as applySuggestions, xt as autocompleteSuggestionKey, St as autocompleteSuggestionPlugin, Qr as buildPositionalText, Ct as clearAutocompleteSuggestion, Cn as clearTemplateSlashMenu, le as colorModePlugin, wn as consumeTemplateSlashQuery, ii as createAICitationDecorationsPlugin, qr as createDocx, Lr as createEmptyDocument, Rn as createFolioAIEditSnapshot, Ur as createStellaStyleDocumentPreset, Wr as createStellaStyleSet, C as defaultColorMode, e as defaultLocale, sr as deriveBlockId, Bn as diffWordSegments, Rr as extractDocumentStyleSet, zr as extractDocumentStyleSetFromDocx, wt as finishAutocompleteSuggestion, si as fromMarkdown, mt as getAnonymizationMatches, Tt as getAutocompleteSuggestion, at as getDocumentWatermark, ni as getFolioCaretViewportRect, cr as getFolioParaIdFromBlockId, ri as getFolioSelectionViewportRect, en as getTemplateDirectives, Tn as getTemplateSlashMenu, Wn as hashFolioAIBlockText, u as i18nPlugin, He as insertImageFromFile, We as insertPageBreakInView, Ke as insertTableInView, Je as insertTableOfContentsInView, Br as inspectDocumentStyles, Vr as inspectDocumentStylesFromDocx, ur as isFolioBlockId, dr as isSequentialFolioBlockId, Xr as isSuggestionStale, Gn as normalizeFolioAIBlockText, w as provideColorMode, n as provideLocale, hs as renderAsync, En as resetTemplateSlashQuery, Zr as resolveSuggestionAnchor, nn as scanDirectives, ti as scrollFolioPositionIntoView, ai as setAICitationsMeta, $r as setAISuggestionsMeta, oi as setActiveCitationMeta, gt as setAnonymizationTermsMeta, st as setDocumentWatermark, ei as setFocusedSuggestionMeta, Sn as setTemplatePreviewValues, Dt as shouldTriggerAutocomplete, Ot as startAutocompleteSuggestion, Dn as templateSlashMenuKey, ci as toMarkdown, li as toMarkdownResult, de as useColorMode, r as useTranslation, ue as useWheelZoom };
+export { gi as AutocompleteCaretOverlay, Yr as DEFAULT_AI_SUGGESTION_PRESETS, vt as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, Kr as DOCUMENT_PRESET_VERSION, qr as DOCUMENT_STYLE_SET_VERSION, rs as DocxEditor, de as FindReplaceDialog, l as FolioUIProvider, fe as FootnotePropertiesDialog, ps as FormattingBar, pe as HyperlinkDialog, me as ImagePositionDialog, E as ImagePropertiesDialog, he as InsertImageDialog, D as InsertSymbolDialog, ge as InsertTableDialog, _e as PageSetupDialog, ve as PasteSpecialDialog, Ur as STELLA_STYLE_SET_NAME, ye as SplitCellDialog, be as TablePropertiesDialog, xe as WatermarkDialog, hs as ZoomControl, yt as acceptAutocompleteSuggestion, bt as acceptAutocompleteWord, pt as anonymizationDecorationsKey, xt as appendAutocompleteToken, Pn as applyFolioAIEditOperations, Xr as applySuggestions, Y as autocompleteSuggestionKey, St as autocompleteSuggestionPlugin, $r as buildPositionalText, Ct as clearAutocompleteSuggestion, Cn as clearTemplateSlashMenu, T as colorModePlugin, wn as consumeTemplateSlashQuery, ai as createAICitationDecorationsPlugin, Jr as createDocx, Rr as createEmptyDocument, Rn as createFolioAIEditSnapshot, Wr as createStellaStyleDocumentPreset, Gr as createStellaStyleSet, C as defaultColorMode, e as defaultLocale, sr as deriveBlockId, Bn as diffWordSegments, zr as extractDocumentStyleSet, Br as extractDocumentStyleSetFromDocx, wt as finishAutocompleteSuggestion, ci as fromMarkdown, mt as getAnonymizationMatches, Tt as getAutocompleteSuggestion, J as getDocumentWatermark, ri as getFolioCaretViewportRect, cr as getFolioParaIdFromBlockId, ii as getFolioSelectionViewportRect, en as getTemplateDirectives, Tn as getTemplateSlashMenu, Wn as hashFolioAIBlockText, u as i18nPlugin, He as insertImageFromFile, We as insertPageBreakInView, Ke as insertTableInView, Je as insertTableOfContentsInView, Vr as inspectDocumentStyles, Hr as inspectDocumentStylesFromDocx, ur as isFolioBlockId, dr as isSequentialFolioBlockId, Zr as isSuggestionStale, Gn as normalizeFolioAIBlockText, w as provideColorMode, n as provideLocale, gs as renderAsync, En as resetTemplateSlashQuery, Qr as resolveSuggestionAnchor, nn as scanDirectives, ni as scrollFolioPositionIntoView, oi as setAICitationsMeta, ei as setAISuggestionsMeta, si as setActiveCitationMeta, gt as setAnonymizationTermsMeta, st as setDocumentWatermark, ti as setFocusedSuggestionMeta, Sn as setTemplatePreviewValues, Dt as shouldTriggerAutocomplete, Ot as startAutocompleteSuggestion, Dn as templateSlashMenuKey, li as toMarkdown, ui as toMarkdownResult, ue as useColorMode, r as useTranslation, le as useWheelZoom };