@stll/folio-vue 0.8.1 → 0.9.0

package/dist/index.js

@@ -1,76 +1,84 @@
-import { A as e, F as t, O as n, P as r, _ as i, d as a, f as o, g as s, j as c, k as l, m as u, p as d, u as f, y as p } from "./WatermarkDialog-r4wmldt4.js";
-import { D as m, E as h, d as g, f as _, i as v, n as y, r as b, t as x, v as ee, w as S, y as te } from "./ListButtons-DXqMvba3.js";
-import { t as ne } from "./zIndex-BY0qa8Au.js";
-import { a as re, i as ie, o as C, r as ae, t as oe } from "./useZoom-zJvuJlUd.js";
-import { FindReplaceDialog as w, FootnotePropertiesDialog as T, HyperlinkDialog as se, ImagePositionDialog as ce, ImagePropertiesDialog as le, InsertImageDialog as E, InsertSymbolDialog as D, InsertTableDialog as ue, PageSetupDialog as de, PasteSpecialDialog as fe, SplitCellDialog as O, TablePropertiesDialog as k, WatermarkDialog as A } from "./dialogs.js";
-import { Fragment as j, Teleport as M, computed as N, createApp as pe, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createSlots as me, createStaticVNode as he, createTextVNode as ge, createVNode as R, defineComponent as z, h as B, inject as _e, mergeProps as ve, nextTick as ye, normalizeClass as V, normalizeStyle as H, onBeforeUnmount as be, onMounted as xe, openBlock as U, provide as Se, ref as W, renderList as G, renderSlot as Ce, shallowRef as we, toDisplayString as K, unref as q, vModelText as Te, watch as J, withCtx as Ee, withDirectives as De, withKeys as Oe, withModifiers as Y } from "vue";
-import { createStyleResolver as ke, extractSelectionState as Ae, getSelectedText as je, insertImageFromFile as Me, insertImageFromFile as Ne, insertPageBreakInView as Pe, insertPageBreakInView as Fe, insertTableInView as X, insertTableInView as Ie, insertTableOfContentsInView as Le, insertTableOfContentsInView as Re } from "@stll/folio-core/prosemirror";
-import { extractSelectionContext as ze } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
-import { inspectDocxCompatibility as Be } from "@stll/folio-core/docx/compatibility";
-import { clearAllCaches as Ve, resetCanvasContext as He } from "@stll/folio-core/layout-bridge/engine/measuring";
-import { onFontsLoaded as Ue } from "@stll/folio-core/utils/fontLoader";
-import { twipsToPixels as We } from "@stll/folio-core/paged-layout/sectionGeometry";
-import { createLatestRequestGate as Ge } from "@stll/folio-core/controller/latestRequestGate";
-import { measureDirectiveGutter as Ke, projectRangesToRects as qe } from "@stll/folio-core/paged-layout/rangeProjection";
-import { prefersReducedMotionBehavior as Je } from "@stll/folio-core/paged-layout/scrollNavigation";
-import { anonymizationDecorationsKey as Ye, getAnonymizationMatches as Xe, getAnonymizationMatches as Ze, setAnonymizationTermsMeta as Qe, slugAnonymizationLabel as $e } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
-import { NodeSelection as Z, Selection as et, TextSelection as tt } from "prosemirror-state";
-import { pixelsToEmu as nt } from "@stll/folio-core/utils/units";
-import { IMAGE_LAYOUT_OPTIONS as rt, captureInlinePositionEmu as it, deriveLayoutChoice as at, findImageElement as ot, isImageLayoutOptionEnabled as st, toolbarValueToLayoutTarget as ct } from "@stll/folio-core/layout-painter/imageLayout";
-import { isTrackChangesMode as lt, toggledTrackChangesMode as ut } from "@stll/folio-core/managers/EditorModeManager";
-import { clickToPositionDom as dt } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
-import { calculateResizedImageDimensions as ft, commitImageFloatMove as pt, commitImageInlineMove as mt, commitImageResize as ht, isFloatingImage as gt } from "@stll/folio-core/prosemirror/imageCommit";
-import { findBodyPmAnchor as _t, findBodyPmSpans as vt } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
-import { getTemplateDirectives as yt, getTemplateDirectives as bt, scanDirectives as xt } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
-import { closeHistory as St } from "prosemirror-history";
-import { clearFormatting as Ct } from "@stll/folio-core/prosemirror/commands/formatting";
-import { getTableContext as wt } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
-import { PENDING_COMMENT_ID as Tt, createCommentIdAllocator as Et, seedCommentAllocator as Dt } from "@stll/folio-core/prosemirror/commentIdAllocator";
-import { createComment as Ot } from "@stll/folio-core/prosemirror/commentOps";
-import { findChangeRange as kt } from "@stll/folio-core/prosemirror/queries";
-import { acceptAIEditRevision as At, acceptChange as jt, findAIEditRevisionRange as Mt, rejectAIEditRevision as Nt, rejectChange as Pt } from "@stll/folio-core/prosemirror/commands/comments";
-import { makeRevisionInfo as Ft } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
-import { findPageIndexContainingPmPos as It } from "@stll/folio-core/layout-engine";
-import { setTemplatePreviewValues as Lt } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
-import { clearTemplateSlashMenu as Rt, consumeTemplateSlashQuery as Q, getTemplateSlashMenu as zt, resetTemplateSlashQuery as $, templateSlashMenuKey as Bt } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
-import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION as Vt, applyFolioAIEditOperations as Ht, applyFolioAIEditOperations as Ut, applyFolioDocumentOperations as Wt, assertSupportedFolioDocumentOperationVersion as Gt, createFolioAIEditSnapshot as Kt, createFolioAIEditSnapshot as qt, diffWordSegments as Jt, getCommentAnchorsFromDoc as Yt, getFolioDocumentOperationIssues as Xt, getTrackedChangesFromDoc as Zt, hashFolioAIBlockText as Qt, normalizeFolioAIBlockText as $t } from "@stll/folio-core/ai-edits";
-import { findParagraphFragmentsByParaId as en, flashParagraphElements as tn } from "@stll/folio-core/paged-layout/paragraphFlash";
-import { blockSdtAttrsToSdtProperties as nn, findBlockSdtMatch as rn, findBlockSdtMatches as an, removeContentControlTr as on, setContentControlContentTr as sn, setContentControlValueTr as cn } from "@stll/folio-core/prosemirror/commands/contentControls";
-import { setContentControlContentBlocksTr as ln } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
-import { clampRangeToDocSize as un, resolveFolioAIBlockRange as dn } from "@stll/folio-core/ai-edits/blockRange";
-import { getPageTextFromLayout as fn } from "@stll/folio-core/paged-layout/pageText";
-import { applyStyle as pn, removeTabStop as mn, setIndentFirstLine as hn, setIndentLeft as gn, setIndentRight as _n } from "@stll/folio-core/prosemirror/commands/paragraph";
-import { getCachedNumberingMap as vn } from "@stll/folio-core/docx";
-import { insertPageBreak as yn } from "@stll/folio-core/prosemirror/commands/pageBreak";
-import { insertSectionBreakContinuous as bn, insertSectionBreakNextPage as xn } from "@stll/folio-core/prosemirror/commands/sectionBreak";
-import { editHyperlinkAtCursor as Sn, removeHyperlinkAtCursor as Cn } from "@stll/folio-core/prosemirror/commands/hyperlink";
-import { collectHeadings as wn } from "@stll/folio-core/utils/headingCollector";
-import { TABLE_INSERT_HIDE_DELAY_MS as Tn, detectTableInsertHover as En } from "@stll/folio-core/layout-bridge/tableInsertHover";
-import { createCellDragTracker as Dn, findCellPosFromPmPos as On } from "@stll/folio-core/prosemirror/cellDragSelection";
-import { getDocumentWatermark as kn, setDocumentWatermark as An } from "@stll/folio-core/watermark";
-import { createEmptyDocument as jn } from "@stll/folio-core/utils/createDocument";
-import { extractDocumentStyleSet as Mn, extractDocumentStyleSetFromDocx as Nn, inspectDocumentStyles as Pn, inspectDocumentStylesFromDocx as Fn } from "@stll/folio-core/style-sets/extract";
-import { STELLA_STYLE_SET_NAME as In, createStellaStyleDocumentPreset as Ln, createStellaStyleSet as Rn } from "@stll/folio-core/style-sets/stellaStyle";
-import { DOCUMENT_PRESET_VERSION as zn, DOCUMENT_STYLE_SET_VERSION as Bn } from "@stll/folio-core/style-sets/types";
-import { createDocx as Vn } from "@stll/folio-core/docx/rezip";
-import { deriveBlockId as Hn, getFolioParaIdFromBlockId as Un, isFolioBlockId as Wn, isSequentialFolioBlockId as Gn } from "@stll/folio-core/types/block-id";
-import { DEFAULT_AI_SUGGESTION_PRESETS as Kn } from "@stll/folio-core/ai-suggestions/types";
-import { applySuggestions as qn } from "@stll/folio-core/ai-suggestions/apply";
-import { isSuggestionStale as Jn, resolveSuggestionAnchor as Yn } from "@stll/folio-core/ai-suggestions/conflict";
-import { buildPositionalText as Xn } from "@stll/folio-core/ai-suggestions/text-positions";
-import { setAISuggestionsMeta as Zn, setFocusedSuggestionMeta as Qn } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
-import { scrollFolioPositionIntoView as $n } from "@stll/folio-core/paged-layout/scrollToPmPosition";
-import { getFolioCaretViewportRect as er, getFolioSelectionViewportRect as tr } from "@stll/folio-core/paged-layout/selectionViewportRect";
-import { createAICitationDecorationsPlugin as nr, setAICitationsMeta as rr, setActiveCitationMeta as ir } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
-import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as ar, acceptAutocompleteSuggestion as or, acceptAutocompleteWord as sr, appendAutocompleteToken as cr, autocompleteSuggestionKey as lr, autocompleteSuggestionPlugin as ur, clearAutocompleteSuggestion as dr, finishAutocompleteSuggestion as fr, getAutocompleteSuggestion as pr, shouldTriggerAutocomplete as mr, startAutocompleteSuggestion as hr } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
-import { fromMarkdown as gr, toMarkdown as _r, toMarkdownResult as vr } from "@stll/folio-core/markdown";
+import { A as e, F as t, O as n, P as r, _ as i, d as a, f as o, g as s, j as c, k as l, m as u, p as d, u as f, y as p } from "./WatermarkDialog-Cf9ISDvv.js";
+import { D as m, E as h, d as g, f as _, i as v, n as ee, r as y, t as b, v as te, w as x, y as ne } from "./ListButtons-DMnOM2pN.js";
+import { t as re } from "./zIndex-Ei9BbHSW.js";
+import { a as ie, i as ae, o as S, r as oe, t as se } from "./useZoom-C0p0o54p.js";
+import { FindReplaceDialog as C, FootnotePropertiesDialog as ce, HyperlinkDialog as w, ImagePositionDialog as le, ImagePropertiesDialog as ue, InsertImageDialog as de, InsertSymbolDialog as T, InsertTableDialog as fe, PageSetupDialog as pe, PasteSpecialDialog as me, SplitCellDialog as he, TablePropertiesDialog as E, WatermarkDialog as D } from "./dialogs.js";
+import { Fragment as O, Teleport as ge, computed as k, createApp as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as _e, createStaticVNode as ve, createTextVNode as F, createVNode as I, defineComponent as L, h as ye, inject as be, mergeProps as xe, nextTick as R, normalizeClass as z, normalizeStyle as B, onBeforeUnmount as Se, onMounted as Ce, onScopeDispose as we, openBlock as V, provide as Te, ref as H, renderList as U, renderSlot as Ee, shallowRef as De, toDisplayString as W, unref as G, vModelText as Oe, watch as K, withCtx as ke, withDirectives as Ae, withKeys as je, withModifiers as q } from "vue";
+import { createStyleResolver as Me, extractSelectionState as Ne, getSelectedText as Pe, insertImageFromFile as Fe, insertImageFromFile as Ie, insertPageBreakInView as Le, insertPageBreakInView as Re, insertTableInView as ze, insertTableInView as Be, insertTableOfContentsInView as J, insertTableOfContentsInView as Ve, schema as He } from "@stll/folio-core/prosemirror";
+import { extractSelectionContext as Ue } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { inspectDocxCompatibility as We } from "@stll/folio-core/docx/compatibility";
+import { clearAllCaches as Ge, resetCanvasContext as Ke } from "@stll/folio-core/layout-bridge/engine/measuring";
+import { onFontsLoaded as qe } from "@stll/folio-core/utils/fontLoader";
+import { twipsToPixels as Je } from "@stll/folio-core/paged-layout/sectionGeometry";
+import { createLatestRequestGate as Ye } from "@stll/folio-core/controller/latestRequestGate";
+import { measureDirectiveGutter as Xe, projectRangesToRects as Ze } from "@stll/folio-core/paged-layout/rangeProjection";
+import { prefersReducedMotionBehavior as Qe } from "@stll/folio-core/paged-layout/scrollNavigation";
+import { anonymizationDecorationsKey as $e, getAnonymizationMatches as et, getAnonymizationMatches as tt, setAnonymizationTermsMeta as nt, slugAnonymizationLabel as rt } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
+import { createRenderedDomContext as it } from "@stll/folio-core/render-dom/RenderedDomContext";
+import { NodeSelection as at, Selection as ot, TextSelection as Y } from "prosemirror-state";
+import { pixelsToEmu as st } from "@stll/folio-core/utils/units";
+import { IMAGE_LAYOUT_OPTIONS as ct, captureInlinePositionEmu as lt, deriveLayoutChoice as ut, findImageElement as dt, isImageLayoutOptionEnabled as ft, toolbarValueToLayoutTarget as X } from "@stll/folio-core/layout-painter/imageLayout";
+import { isTrackChangesMode as pt, toggledTrackChangesMode as mt } from "@stll/folio-core/managers/EditorModeManager";
+import { clickToPositionDom as ht } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
+import { calculateResizedImageDimensions as gt, commitImageFloatMove as _t, commitImageInlineMove as vt, commitImageResize as yt, isFloatingImage as bt } from "@stll/folio-core/prosemirror/imageCommit";
+import { findBodyPmAnchor as xt, findBodyPmSpans as St } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
+import { PAINTER_PAINTED_EVENT as Ct } from "@stll/folio-core/layout-painter/renderPage";
+import { HeaderFooterSelectionOverlay as wt } from "@stll/folio-core/render-dom/HeaderFooterSelectionOverlay";
+import { getTemplateDirectives as Tt, getTemplateDirectives as Et, scanDirectives as Dt } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
+import { closeHistory as Ot } from "prosemirror-history";
+import { clearFormatting as kt } from "@stll/folio-core/prosemirror/commands/formatting";
+import { getTableContext as At } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { PENDING_COMMENT_ID as Z, createCommentIdAllocator as jt, seedCommentAllocator as Mt } from "@stll/folio-core/prosemirror/commentIdAllocator";
+import { createComment as Nt } from "@stll/folio-core/prosemirror/commentOps";
+import { findChangeRange as Pt } from "@stll/folio-core/prosemirror/queries";
+import { acceptAIEditRevision as Ft, acceptChange as It, findAIEditRevisionRange as Lt, rejectAIEditRevision as Rt, rejectChange as zt } from "@stll/folio-core/prosemirror/commands/comments";
+import { makeRevisionInfo as Bt } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { findPageIndexContainingPmPos as Vt } from "@stll/folio-core/layout-engine";
+import { proseDocToBlocks as Ht } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
+import { setTemplatePreviewValues as Ut } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { clearTemplateSlashMenu as Wt, consumeTemplateSlashQuery as Gt, getTemplateSlashMenu as Kt, resetTemplateSlashQuery as qt, templateSlashMenuKey as Jt } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { createEmptyHeaderFooter as Yt, pickActiveHeaderFooterRId as Xt, removeHeaderFooter as Zt, resolveHeaderFooterContent as Qt, saveHeaderFooterContent as $t } from "@stll/folio-core/utils/headerFooter";
+import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION as en, applyFolioAIEditOperations as Q, applyFolioAIEditOperations as tn, applyFolioDocumentOperations as $, assertSupportedFolioDocumentOperationVersion as nn, createFolioAIEditSnapshot as rn, createFolioAIEditSnapshot as an, diffWordSegments as on, getCommentAnchorsFromDoc as sn, getFolioDocumentOperationIssues as cn, getTrackedChangesFromDoc as ln, hashFolioAIBlockText as un, normalizeFolioAIBlockText as dn } from "@stll/folio-core/ai-edits";
+import { findParagraphFragmentsByParaId as fn, flashParagraphElements as pn } from "@stll/folio-core/paged-layout/paragraphFlash";
+import { blockSdtAttrsToSdtProperties as mn, findBlockSdtMatch as hn, findBlockSdtMatches as gn, removeContentControlTr as _n, setContentControlContentTr as vn, setContentControlValueTr as yn } from "@stll/folio-core/prosemirror/commands/contentControls";
+import { setContentControlContentBlocksTr as bn } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
+import { clampRangeToDocSize as xn, resolveFolioAIBlockRange as Sn, resolveFolioAITextRange as Cn } from "@stll/folio-core/ai-edits/blockRange";
+import { getPageTextFromLayout as wn } from "@stll/folio-core/paged-layout/pageText";
+import { applyStyle as Tn, removeTabStop as En, setIndentFirstLine as Dn, setIndentLeft as On, setIndentRight as kn } from "@stll/folio-core/prosemirror/commands/paragraph";
+import { getCachedNumberingMap as An } from "@stll/folio-core/docx";
+import { insertPageBreak as jn } from "@stll/folio-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as Mn, insertSectionBreakNextPage as Nn } from "@stll/folio-core/prosemirror/commands/sectionBreak";
+import { editHyperlinkAtCursor as Pn, removeHyperlinkAtCursor as Fn } from "@stll/folio-core/prosemirror/commands/hyperlink";
+import { collectHeadings as In } from "@stll/folio-core/utils/headingCollector";
+import { clickToPositionInHfSlot as Ln } from "@stll/folio-core/layout-bridge/dom/findHfPmSpans";
+import { TABLE_INSERT_HIDE_DELAY_MS as Rn, detectTableInsertHover as zn } from "@stll/folio-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as Bn, findCellPosFromPmPos as Vn } from "@stll/folio-core/prosemirror/cellDragSelection";
+import { RemoteSelectionOverlay as Hn } from "@stll/folio-core/render-dom/RemoteSelectionOverlay";
+import { BodySelectionOverlay as Un } from "@stll/folio-core/render-dom/BodySelectionOverlay";
+import { getDocumentWatermark as Wn, setDocumentWatermark as Gn } from "@stll/folio-core/watermark";
+import { createEmptyDocument as Kn } from "@stll/folio-core/utils/createDocument";
+import { extractDocumentStyleSet as qn, extractDocumentStyleSetFromDocx as Jn, inspectDocumentStyles as Yn, inspectDocumentStylesFromDocx as Xn } from "@stll/folio-core/style-sets/extract";
+import { STELLA_STYLE_SET_NAME as Zn, createStellaStyleDocumentPreset as Qn, createStellaStyleSet as $n } from "@stll/folio-core/style-sets/stellaStyle";
+import { DOCUMENT_PRESET_VERSION as er, DOCUMENT_STYLE_SET_VERSION as tr } from "@stll/folio-core/style-sets/types";
+import { createDocx as nr } from "@stll/folio-core/docx/rezip";
+import { deriveBlockId as rr, getFolioParaIdFromBlockId as ir, isFolioBlockId as ar, isSequentialFolioBlockId as or } from "@stll/folio-core/types/block-id";
+import { DEFAULT_AI_SUGGESTION_PRESETS as sr } from "@stll/folio-core/ai-suggestions/types";
+import { applySuggestions as cr } from "@stll/folio-core/ai-suggestions/apply";
+import { isSuggestionStale as lr, resolveSuggestionAnchor as ur } from "@stll/folio-core/ai-suggestions/conflict";
+import { buildPositionalText as dr } from "@stll/folio-core/ai-suggestions/text-positions";
+import { setAISuggestionsMeta as fr, setFocusedSuggestionMeta as pr } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
+import { scrollFolioPositionIntoView as mr } from "@stll/folio-core/paged-layout/scrollToPmPosition";
+import { getFolioCaretViewportRect as hr, getFolioSelectionViewportRect as gr } from "@stll/folio-core/paged-layout/selectionViewportRect";
+import { createAICitationDecorationsPlugin as _r, setAICitationsMeta as vr, setActiveCitationMeta as yr } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
+import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as br, acceptAutocompleteSuggestion as xr, acceptAutocompleteWord as Sr, appendAutocompleteToken as Cr, autocompleteSuggestionKey as wr, autocompleteSuggestionPlugin as Tr, clearAutocompleteSuggestion as Er, finishAutocompleteSuggestion as Dr, getAutocompleteSuggestion as Or, shouldTriggerAutocomplete as kr, startAutocompleteSuggestion as Ar } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
+import { fromMarkdown as jr, toMarkdown as Mr, toMarkdownResult as Nr } from "@stll/folio-core/markdown";
 //#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
-var yr = [
+var Pr = [
 	"data-folio-anonymization-label",
 	"data-folio-anonymization-canonical",
 	"data-folio-anonymization-selected",
 	"title"
-], br = /*#__PURE__*/ t(/* @__PURE__ */ z({
+], Fr = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "AnonymizationRectsOverlay",
 	props: {
 		getView: { type: Function },
@@ -85,7 +93,7 @@ var yr = [
 		selectionSeq: {}
 	},
 	setup(e) {
-		let t = e, n = W(null), r = W([]), i = Ge(), a = null;
+		let t = e, n = H(null), r = H([]), i = Ye(), a = null;
 		function o() {
 			a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
 				a = null, s();
@@ -97,12 +105,12 @@ var yr = [
 				r.value = [];
 				return;
 			}
-			let s = Ze(o);
+			let s = tt(o);
 			if (s.length === 0) {
 				r.value = [];
 				return;
 			}
-			let c = await qe(s, {
+			let c = await Ze(s, {
 				pagesContainer: a,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -122,7 +130,7 @@ var yr = [
 				}))
 			}));
 		}
-		J(() => [
+		K(() => [
 			t.editorState,
 			t.zoom,
 			t.layout,
@@ -144,10 +152,10 @@ var yr = [
 				index: a
 			}, i.item(a)?.scrollIntoView({
 				block: "center",
-				behavior: Je()
+				behavior: Qe()
 			});
 		}
-		J(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
+		K(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
 		function u(e) {
 			if (e.button !== 0 || !t.onTermClick) return;
 			let r = n.value;
@@ -164,35 +172,147 @@ var yr = [
 				}
 			}
 		}
-		return xe(() => {
+		return Ce(() => {
 			document.addEventListener("click", u), o();
-		}), be(() => {
+		}), Se(() => {
 			i.invalidate(), document.removeEventListener("click", u), a !== null && (cancelAnimationFrame(a), a = null);
-		}), (t, i) => (U(), I("div", {
+		}), (t, i) => (V(), N("div", {
 			ref_key: "rootRef",
 			ref: n,
 			class: "folio-anonymization-overlay",
 			"data-folio-anonymization-overlay": ""
-		}, [(U(!0), I(j, null, G(r.value, (t) => (U(), I(j, { key: `${t.label}:${t.canonical}` }, [(U(!0), I(j, null, G(t.rects, (n, r) => (U(), I("span", {
+		}, [(V(!0), N(O, null, U(r.value, (t) => (V(), N(O, { key: `${t.label}:${t.canonical}` }, [(V(!0), N(O, null, U(t.rects, (n, r) => (V(), N("span", {
 			key: `${t.canonical}:${r}:${n.left}:${n.top}`,
-			class: V(["folio-anonymization-term", `folio-anonymization-term--${q($e)(t.label)}`]),
+			class: z(["folio-anonymization-term", `folio-anonymization-term--${G(rt)(t.label)}`]),
 			"data-folio-anonymization-label": t.label,
 			"data-folio-anonymization-canonical": t.canonical,
 			"data-folio-anonymization-selected": t.canonical === e.selectedCanonical ? "true" : void 0,
 			title: `Anonymized: ${t.canonical}`,
-			style: H({
+			style: B({
 				position: "absolute",
 				left: `${n.left}px`,
 				top: `${n.top}px`,
 				width: `${n.width}px`,
 				height: `${n.height}px`
 			})
-		}, null, 14, yr))), 128))], 64))), 128))], 512));
+		}, null, 14, Pr))), 128))], 64))), 128))], 512));
 	}
-}), [["__scopeId", "data-v-df8fe7df"]]), xr = { class: "doc-outline__header" }, Sr = { class: "doc-outline__body" }, Cr = {
+}), [["__scopeId", "data-v-df8fe7df"]]), Ir = /* @__PURE__ */ L({
+	__name: "DecorationLayer",
+	props: {
+		getView: { type: Function },
+		getPagesContainer: { type: Function },
+		zoom: {},
+		transactionVersion: {},
+		syncCoordinator: {}
+	},
+	setup(e) {
+		let t = e, n = H(null), r = H(0), i = null, a = null;
+		function o() {
+			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+				i = null;
+				let e = t.getView(), r = t.getPagesContainer(), a = n.value;
+				!e || !r || !a || t.syncCoordinator.isSafeToRender() && s(e, r, a, t.zoom);
+			});
+		}
+		Ce(() => {
+			a = t.syncCoordinator.onRender(() => {
+				r.value++;
+			}), o();
+		}), Se(() => {
+			i !== null && (cancelAnimationFrame(i), i = null), a?.();
+		}), K(() => [
+			t.zoom,
+			t.transactionVersion,
+			r.value
+		], () => o());
+		function s(e, t, n, r) {
+			let i = c(e.state);
+			if (i.length === 0) {
+				n.firstChild && n.replaceChildren();
+				return;
+			}
+			let a = it(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);
+					if (!r) continue;
+					let i = a.getCoordinatesForPosition(n);
+					if (!i) continue;
+					let c = document.createElement("div");
+					c.style.cssText = `position:absolute;left:${i.x + o.x}px;top:${i.y + o.y}px;height:${i.height}px;`, c.appendChild(r), s.appendChild(c);
+					continue;
+				}
+				let i = d(t);
+				if (!i) continue;
+				let c = a.getRectsForRange(n, r);
+				for (let e of c) {
+					let t = document.createElement("div");
+					for (let [e, n] of Object.entries(i)) e !== "nodeName" && t.setAttribute(e, n);
+					let n = `position:absolute;left:${e.x + o.x}px;top:${e.y + o.y}px;width:${e.width}px;height:${e.height}px;`;
+					t.style.cssText = n + (i.style ?? ""), s.appendChild(t);
+				}
+			}
+			n.replaceChildren(s);
+		}
+		function c(e) {
+			let t = [];
+			for (let n of e.plugins) {
+				let r = n.props.decorations;
+				if (!r) continue;
+				let i = r.call(n, e);
+				if (!i) continue;
+				let a = l(i, "forEachSet");
+				typeof a == "function" && a.call(i, (e) => {
+					e.find().forEach((e) => {
+						let n = l(e, "spec");
+						typeof n == "object" && n && l(n, "noOverlay") || t.push({
+							decoration: e,
+							from: e.from,
+							to: e.to
+						});
+					});
+				});
+			}
+			return t;
+		}
+		function l(e, t) {
+			return Reflect.get(e, t);
+		}
+		function u(e, t) {
+			let n = l(e, "type");
+			if (typeof n != "object" || !n) return null;
+			let r = l(n, "toDOM");
+			if (typeof r == "function") {
+				let n = r(t, () => e.from);
+				return n instanceof HTMLElement ? n : null;
+			}
+			if (r instanceof HTMLElement) {
+				let e = r.cloneNode(!0);
+				return e instanceof HTMLElement ? e : null;
+			}
+			return null;
+		}
+		function d(e) {
+			let t = l(e, "type");
+			if (typeof t != "object" || !t) return null;
+			let n = l(t, "attrs");
+			if (typeof n != "object" || !n) return null;
+			let r = {};
+			for (let [e, t] of Object.entries(n)) typeof t == "string" && (r[e] = t);
+			return r;
+		}
+		return (e, t) => (V(), N("div", {
+			ref_key: "overlayRef",
+			ref: n,
+			class: "paged-editor__decoration-overlay",
+			"aria-hidden": "true"
+		}, null, 512));
+	}
+}), Lr = { class: "doc-outline__header" }, Rr = { class: "doc-outline__body" }, zr = {
 	key: 0,
 	class: "doc-outline__empty"
-}, wr = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}, Br = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -203,7 +323,7 @@ var yr = [
 	},
 	emits: ["close", "navigate"],
 	setup(e, { emit: t }) {
-		let n = e, { OutlineRail: i } = p(), a = N(() => n.headings.length ? Math.min(...n.headings.map((e) => e.level)) : 0), o = N(() => n.headings.map((e) => ({
+		let n = e, { OutlineRail: i } = p(), a = k(() => n.headings.length ? Math.min(...n.headings.map((e) => e.level)) : 0), o = k(() => n.headings.map((e) => ({
 			id: String(e.pmPos),
 			label: e.text || "(untitled)",
 			level: e.level - a.value
@@ -211,39 +331,40 @@ var yr = [
 		function c(e) {
 			s("navigate", Number(e));
 		}
-		return (t, n) => e.isOpen ? (U(), I("nav", {
+		return (t, n) => e.isOpen ? (V(), N("nav", {
 			key: 0,
 			class: "doc-outline",
-			style: H({
+			style: B({
 				left: e.leftOffset + "px",
 				top: e.topPx + "px"
 			}),
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: n[1] ||= Y(() => {}, ["stop"])
-		}, [L("div", xr, [L("button", {
+			onMousedown: n[1] ||= q(() => {}, ["stop"])
+		}, [P("div", Lr, [P("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
 			onClick: n[0] ||= (e) => t.$emit("close")
-		}, [R(r, {
+		}, [I(r, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= L("span", { class: "doc-outline__title" }, "Document Outline", -1)]), L("div", Sr, [e.headings.length === 0 ? (U(), I("div", Cr, "No headings found")) : (U(), P(q(i), {
+		})]), n[2] ||= P("span", { class: "doc-outline__title" }, "Document Outline", -1)]), P("div", Rr, [e.headings.length === 0 ? (V(), N("div", zr, "No headings found")) : (V(), j(G(i), {
 			key: 1,
 			items: o.value,
 			"get-scroll-container": e.getScrollContainer ?? (() => null),
 			"on-jump": c,
 			"aria-label": "Document outline"
-		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : F("", !0);
+		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-0797b3b1"]]), Tr = /* @__PURE__ */ z({
+}), [["__scopeId", "data-v-0797b3b1"]]), Vr = /* @__PURE__ */ L({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
 		bookmarks: {},
 		selectedImagePmPos: {},
 		sectionProperties: {},
+		scrollVisiblePositionIntoView: { type: Function },
 		showFindReplace: { type: Boolean },
 		showHyperlink: { type: Boolean },
 		showInsertSymbol: { type: Boolean },
@@ -263,13 +384,18 @@ var yr = [
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (U(), I(j, null, [
-			R(u, {
+		return (t, r) => (V(), N(O, null, [
+			I(u, {
 				"is-open": e.showFindReplace,
 				view: e.view,
+				"scroll-visible-position-into-view": e.scrollVisiblePositionIntoView,
 				onClose: r[0] ||= (e) => n("update:showFindReplace", !1)
-			}, null, 8, ["is-open", "view"]),
-			R(d, {
+			}, null, 8, [
+				"is-open",
+				"view",
+				"scroll-visible-position-into-view"
+			]),
+			I(d, {
 				"is-open": e.showHyperlink,
 				view: e.view,
 				bookmarks: e.bookmarks,
@@ -281,12 +407,12 @@ var yr = [
 				"view",
 				"bookmarks"
 			]),
-			R(a, {
+			I(a, {
 				"is-open": e.showInsertSymbol,
 				onClose: r[4] ||= (e) => n("update:showInsertSymbol", !1),
 				onInsert: r[5] ||= (e) => n("insert-symbol", e)
 			}, null, 8, ["is-open"]),
-			R(o, {
+			I(o, {
 				"is-open": e.showImageProperties,
 				view: e.view,
 				"pm-pos": e.selectedImagePmPos,
@@ -296,7 +422,7 @@ var yr = [
 				"view",
 				"pm-pos"
 			]),
-			R(f, {
+			I(f, {
 				"is-open": e.showPageSetup,
 				"section-properties": e.sectionProperties,
 				onClose: r[7] ||= (e) => n("update:showPageSetup", !1),
@@ -304,10 +430,10 @@ var yr = [
 			}, null, 8, ["is-open", "section-properties"])
 		], 64));
 	}
-}), Er = {
+}), Hr = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Dr = { class: "docx-editor-vue__title-bar-left" }, Or = { class: "docx-editor-vue__title-bar-center" }, kr = { class: "docx-editor-vue__title-bar-right" }, Ar = /* @__PURE__ */ z({
+}, Ur = { class: "docx-editor-vue__title-bar-left" }, Wr = { class: "docx-editor-vue__title-bar-center" }, Gr = { class: "docx-editor-vue__title-bar-right" }, Kr = /* @__PURE__ */ L({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: {
@@ -339,13 +465,13 @@ var yr = [
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (U(), I("div", Er, [
-			L("div", Dr, [Ce(t.$slots, "title-bar-left")]),
-			L("div", Or, [R(h, {
+		return (t, r) => e.showMenuBar ? (V(), N("div", Hr, [
+			P("div", Ur, [Ee(t.$slots, "title-bar-left")]),
+			P("div", Wr, [I(h, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
-			}, null, 8, ["model-value", "editable"]), R(S, {
+			}, null, 8, ["model-value", "editable"]), I(x, {
 				"show-file-open": e.showFileOpen,
 				"show-help-menu": e.showHelpMenu,
 				"show-table-insert": e.showTableInsert,
@@ -356,40 +482,40 @@ var yr = [
 				"show-help-menu",
 				"show-table-insert"
 			])]),
-			L("div", kr, [Ce(t.$slots, "title-bar-right")])
-		])) : F("", !0);
+			P("div", Gr, [Ee(t.$slots, "title-bar-right")])
+		])) : M("", !0);
 	}
-}), jr = Symbol("docx-portal-class");
-function Mr(e) {
-	Se(jr, N(() => ({
+}), qr = Symbol("docx-portal-class");
+function Jr(e) {
+	Te(qr, k(() => ({
 		"ep-root": !0,
-		dark: !!q(e)
+		dark: !!G(e)
 	})));
 }
-function Nr() {
-	return _e(jr, N(() => ({ "ep-root": !0 })));
+function Yr() {
+	return be(qr, k(() => ({ "ep-root": !0 })));
 }
 //#endregion
 //#region src/components/ImageContextMenu.vue?vue&type=script&setup=true&lang.ts
-var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "image-ctx-menu__label" }, Lr = {
+var Xr = ["aria-label"], Zr = { class: "image-ctx-menu__icon" }, Qr = { class: "image-ctx-menu__label" }, $r = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Rr = [
+}, ei = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], zr = { class: "image-ctx-menu__icon" }, Br = { class: "image-ctx-menu__label" }, Vr = ["aria-label"], Hr = ["disabled", "onClick"], Ur = { class: "image-ctx-menu__label" }, Wr = {
+], ti = { class: "image-ctx-menu__icon" }, ni = { class: "image-ctx-menu__label" }, ri = ["aria-label"], ii = ["disabled", "onClick"], ai = { class: "image-ctx-menu__label" }, oi = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Gr = {
+}, si = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Kr = 18, qr = 260, Jr = 10, Yr = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}, ci = 18, li = 260, ui = 10, di = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -410,7 +536,7 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 		function a() {
 			i("open-properties"), i("close");
 		}
-		let { t: o } = c(), s = Nr(), l = rt, u = N(() => n.state ? at(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
+		let { t: o } = c(), s = Yr(), l = ct, u = k(() => n.state ? ut(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -420,19 +546,19 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 		function f(e) {
 			return d[e];
 		}
-		let p = N(() => {
+		let p = k(() => {
 			if (!n.state) return {};
-			let e = rt.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + qr > window.innerWidth && (t = window.innerWidth - qr - Jr), r + e > window.innerHeight && (r = window.innerHeight - e - Jr), t < Jr && (t = Jr), r < Jr && (r = Jr)), {
+			let e = ct.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
+			return typeof window < "u" && (t + li > window.innerWidth && (t = window.innerWidth - li - ui), r + e > window.innerHeight && (r = window.innerHeight - e - ui), t < ui && (t = ui), r < ui && (r = ui)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${qr}px`,
+				minWidth: `${li}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return n.state ? st(e, n.state.currentWrapType) : !1;
+			return n.state ? ft(e, n.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -446,78 +572,78 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (U(), P(M, { to: "body" }, [e.state && e.state.open ? (U(), I("div", {
+		return (t, n) => (V(), j(ge, { to: "body" }, [e.state && e.state.open ? (V(), N("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
-			onContextmenu: n[0] ||= Y((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : F("", !0), e.state && e.state.open ? (U(), I("div", {
+			onContextmenu: n[0] ||= q((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : M("", !0), e.state && e.state.open ? (V(), N("div", {
 			key: 1,
-			class: V(["image-ctx-menu", q(s)]),
+			class: z(["image-ctx-menu", G(s)]),
 			role: "menu",
-			"aria-label": q(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": G(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: H(p.value),
-			onContextmenu: n[4] ||= Y(() => {}, ["prevent"]),
+			style: B(p.value),
+			onContextmenu: n[4] ||= q(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (U(), I("button", {
+			e.canOpenProperties ? (V(), N("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item",
 				"data-action": "open-properties",
-				onMousedown: n[1] ||= Y(() => {}, ["prevent"]),
+				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
 				onClick: a
-			}, [L("span", Fr, [R(r, {
+			}, [P("span", Zr, [I(r, {
 				name: "settings",
-				size: Kr
-			})]), L("span", Ir, K(q(o)("imageWrap.menu.imageProperties")), 1)], 32)) : F("", !0),
-			e.canOpenProperties ? (U(), I("div", Lr)) : F("", !0),
-			(U(!0), I(j, null, G(q(l), (e) => (U(), I("button", {
+				size: ci
+			})]), P("span", Qr, W(G(o)("imageWrap.menu.imageProperties")), 1)], 32)) : M("", !0),
+			e.canOpenProperties ? (V(), N("div", $r)) : M("", !0),
+			(V(!0), N(O, null, U(G(l), (e) => (V(), N("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: V(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
+				class: z(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
 				"data-wrap-type": e.choice,
 				"data-current": e.choice === u.value ? "true" : "false",
 				"data-disabled": m(e) ? "false" : "true",
 				disabled: !m(e),
-				title: q(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
-				onMousedown: n[2] ||= Y(() => {}, ["prevent"]),
+				title: G(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: n[2] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				L("span", zr, [R(r, {
+				P("span", ti, [I(r, {
 					name: f(e.iconHint),
-					size: Kr
+					size: ci
 				}, null, 8, ["name"])]),
-				L("span", Br, K(q(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === u.value ? (U(), I("span", {
+				P("span", ni, W(G(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (V(), N("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": q(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Vr)) : F("", !0)
-			], 42, Rr))), 128)),
-			e.textActions && e.textActions.length > 0 ? (U(), I(j, { key: 2 }, [n[5] ||= L("div", {
+					"aria-label": G(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, ri)) : M("", !0)
+			], 42, ei))), 128)),
+			e.textActions && e.textActions.length > 0 ? (V(), N(O, { key: 2 }, [n[5] ||= P("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (U(!0), I(j, null, G(e.textActions, (e, t) => (U(), I(j, { key: `${e.action}-${t}` }, [L("button", {
+			}, null, -1), (V(!0), N(O, null, U(e.textActions, (e, t) => (V(), N(O, { key: `${e.action}-${t}` }, [P("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
-				onMousedown: n[3] ||= Y(() => {}, ["prevent"]),
+				onMousedown: n[3] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [L("span", Ur, K(e.label), 1), e.shortcut ? (U(), I("span", Wr, K(e.shortcut), 1)) : F("", !0)], 40, Hr), e.dividerAfter ? (U(), I("div", Gr)) : F("", !0)], 64))), 128))], 64)) : F("", !0)
-		], 46, Pr)) : F("", !0)]));
+			}, [P("span", ai, W(e.label), 1), e.shortcut ? (V(), N("span", oi, W(e.shortcut), 1)) : M("", !0)], 40, ii), e.dividerAfter ? (V(), N("div", si)) : M("", !0)], 64))), 128))], 64)) : M("", !0)
+		], 46, Xr)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-fc8f35bc"]]), Xr = ["disabled", "onMousedown"], Zr = {
+}), [["__scopeId", "data-v-fc8f35bc"]]), fi = ["disabled", "onMousedown"], pi = {
 	key: 0,
 	class: "ctx-menu__icon"
-}, Qr = { class: "ctx-menu__label" }, $r = {
+}, mi = { class: "ctx-menu__label" }, hi = {
 	key: 1,
 	class: "ctx-menu__shortcut"
-}, ei = 220, ti = 32, ni = 10, ri = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}, gi = 220, _i = 32, vi = 10, yi = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -534,7 +660,7 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 	setup(e, { emit: t }) {
 		let n = e, r = ({ node: e }) => e;
 		r.props = ["node"];
-		let i = t, { t: a } = c(), o = Nr(), s = W(null), l = N(() => {
+		let i = t, { t: a } = c(), o = Yr(), s = H(null), l = k(() => {
 			let e = [], t = n.customItems ?? [];
 			for (let [n, r] of t.entries()) e.push({
 				id: `custom-${r.id}`,
@@ -669,9 +795,9 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 				label: a("table.deleteTable"),
 				action: "deleteTable"
 			}), e;
-		}), u = N(() => {
-			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 * ti + i * 9;
-			return typeof window < "u" && (e + ei + ni > window.innerWidth && (e = window.innerWidth - ei - ni), t + a + ni > window.innerHeight && (t = window.innerHeight - a - ni)), {
+		}), u = k(() => {
+			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 * _i + i * 9;
+			return typeof window < "u" && (e + gi + vi > window.innerWidth && (e = window.innerWidth - gi - vi), t + a + vi > window.innerHeight && (t = window.innerHeight - a - vi)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -684,37 +810,37 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 		function f(e) {
 			e.key === "Escape" && i("close");
 		}
-		return J(() => n.isOpen, (e) => {
-			e && ye(() => s.value?.focus());
-		}), (t, n) => (U(), P(M, { to: "body" }, [e.isOpen ? (U(), I("div", {
+		return K(() => n.isOpen, (e) => {
+			e && R(() => s.value?.focus());
+		}), (t, n) => (V(), j(ge, { to: "body" }, [e.isOpen ? (V(), N("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
-			onContextmenu: n[1] ||= Y((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : F("", !0), e.isOpen ? (U(), I("div", {
+			onContextmenu: n[1] ||= q((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : M("", !0), e.isOpen ? (V(), N("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: s,
-			class: V(["ctx-menu", q(o)]),
-			style: H(u.value),
-			onContextmenu: n[2] ||= Y(() => {}, ["prevent"]),
+			class: z(["ctx-menu", G(o)]),
+			style: B(u.value),
+			onContextmenu: n[2] ||= q(() => {}, ["prevent"]),
 			onKeydown: f
-		}, [(U(!0), I(j, null, G(l.value, (e, t) => (U(), I("button", {
+		}, [(V(!0), N(O, null, U(l.value, (e, t) => (V(), N("button", {
 			key: e.id || t,
-			class: V(["ctx-menu__item", {
+			class: z(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider,
 				"ctx-menu__item--emphasis": e.emphasis
 			}]),
 			disabled: e.disabled,
-			onMousedown: Y((t) => d(e.action), ["prevent"])
+			onMousedown: q((t) => d(e.action), ["prevent"])
 		}, [
-			e.icon ? (U(), I("span", Zr, [R(r, { node: e.icon }, null, 8, ["node"])])) : F("", !0),
-			L("span", Qr, K(e.label), 1),
-			e.shortcut ? (U(), I("span", $r, K(e.shortcut), 1)) : F("", !0)
-		], 42, Xr))), 128))], 38)) : F("", !0)]));
+			e.icon ? (V(), N("span", pi, [I(r, { node: e.icon }, null, 8, ["node"])])) : M("", !0),
+			P("span", mi, W(e.label), 1),
+			e.shortcut ? (V(), N("span", hi, W(e.shortcut), 1)) : M("", !0)
+		], 42, fi))), 128))], 38)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-c1416e84"]]), ii = /* @__PURE__ */ z({
+}), [["__scopeId", "data-v-c1416e84"]]), bi = /* @__PURE__ */ L({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -733,7 +859,7 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (U(), I(j, null, [R(ri, {
+		return (t, r) => (V(), N(O, null, [I(yi, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -755,7 +881,7 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 			"can-merge-cells",
 			"can-split-cell",
 			"custom-items"
-		]), R(Yr, {
+		]), I(di, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -772,7 +898,7 @@ var Pr = ["aria-label"], Fr = { class: "image-ctx-menu__icon" }, Ir = { class: "
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function ai(e) {
+function xi(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,
@@ -783,13 +909,13 @@ function ai(e) {
 }
 //#endregion
 //#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
-var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
+var Si = ["data-handle", "onMousedown"], Ci = ["title"], wi = {
 	key: 0,
 	class: "image-overlay__dim"
-}, li = {
+}, Ti = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, ui = 4, di = 15, fi = 250, pi = 700, mi = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}, Ei = 4, Di = 15, Oi = 250, ki = 700, Ai = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -803,8 +929,8 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 		"context-menu"
 	],
 	setup(e, { emit: t }) {
-		let { t: n } = c(), r = e, i = t, a = W(null), o = W(!1), s = W(!1), l = W(!1), u = W(0), d = W(0), f = W(0), p = W(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, ee = null;
-		function S(e, t) {
+		let { t: n } = c(), r = e, i = t, a = H(null), o = H(!1), s = H(!1), l = H(!1), u = H(0), d = H(0), f = H(0), p = H(null), m = "se", h = 0, g = 0, _ = 0, v = 0, ee = null, y = null, b = null, te = null;
+		function x(e, t) {
 			if (!e) return null;
 			try {
 				let n = e.state.doc.nodeAt(t);
@@ -813,25 +939,25 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				return null;
 			}
 		}
-		function te(e) {
+		function ne(e) {
 			if (!e) return null;
 			let t = e.attrs.transform;
 			return typeof t == "string" ? t : null;
 		}
-		function re() {
+		function ie() {
 			return a.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
 		}
-		function ie() {
+		function ae() {
 			let e = r.imageInfo;
 			if (!e) return null;
 			if (e.element.isConnected) return e.element;
-			let t = re();
+			let t = ie();
 			if (!t) return null;
-			let n = _t(t, e.pmPos);
-			return n ? ot(n) : null;
+			let n = xt(t, e.pmPos);
+			return n ? dt(n) : null;
 		}
-		function C() {
-			let e = ie();
+		function S() {
+			let e = ae();
 			if (!e || !a.value) {
 				p.value = null;
 				return;
@@ -842,7 +968,7 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				return;
 			}
 			let n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
-			p.value = ai({
+			p.value = xi({
 				imageRect: i,
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
@@ -852,49 +978,49 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				zoom: r.zoom
 			});
 		}
-		let ae = null;
-		function oe() {
-			ae?.();
+		let oe = null;
+		function se() {
+			oe?.();
 			let e = 0, t = "", n = 0, r = 0, i = (a) => {
 				r === 0 && (r = a);
 				let o = a - r;
-				C();
+				S();
 				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
-				n = c === t ? n + 1 : 0, t = c, !(o >= fi && n >= 2) && o < pi && (e = requestAnimationFrame(i));
+				n = c === t ? n + 1 : 0, t = c, !(o >= Oi && n >= 2) && o < ki && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(C, fi);
-			ae = () => {
+			let a = setTimeout(S, Oi);
+			oe = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
-		J(() => r.imageInfo, (e, t, n) => {
+		K(() => r.imageInfo, (e, t, n) => {
 			if (!r.imageInfo) {
 				p.value = null;
 				return;
 			}
-			oe(), n(() => ae?.());
-		}, { immediate: !0 }), J(() => r.zoom, () => {
-			r.imageInfo && oe();
-		}), J(() => r.imageInfo, (e, t, n) => {
+			se(), n(() => oe?.());
+		}, { immediate: !0 }), K(() => r.zoom, () => {
+			r.imageInfo && se();
+		}), K(() => r.imageInfo, (e, t, n) => {
 			if (!r.imageInfo) return;
 			let i = () => {
-				b && cancelAnimationFrame(b), b = requestAnimationFrame(C);
+				y && cancelAnimationFrame(y), y = requestAnimationFrame(S);
 			}, o = a.value?.closest(".docx-editor-vue__pages-viewport");
 			o?.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 });
 			let s = null, c = !1;
-			ye(() => {
+			R(() => {
 				if (c || !r.imageInfo) return;
-				let e = re();
-				e && (s = new MutationObserver(() => oe()), s.observe(e, {
+				let e = ie();
+				e && (s = new MutationObserver(() => se()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
 			}), n(() => {
-				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), s?.disconnect(), b && cancelAnimationFrame(b);
+				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), s?.disconnect(), y && cancelAnimationFrame(y);
 			});
 		}, { immediate: !0 });
-		let w = N(() => o.value ? u.value : p.value?.width || 0), T = N(() => o.value ? d.value : p.value?.height || 0), se = N(() => {
+		let C = k(() => o.value ? u.value : p.value?.width || 0), ce = k(() => o.value ? d.value : p.value?.height || 0), w = k(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -912,11 +1038,11 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				height: `${n}px`,
 				transform: i === 1 ? void 0 : `scale(${i})`,
 				transformOrigin: "top left",
-				zIndex: ne.imageOverlay,
+				zIndex: re.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), ce = N(() => {
-			let e = w.value, t = T.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+		}), le = k(() => {
+			let e = C.value, t = ce.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -984,13 +1110,13 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				}
 			];
 		});
-		function le(e, t) {
-			!r.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), o.value = !0, i("interact-start"), document.addEventListener("mousemove", E), document.addEventListener("mouseup", D));
+		function ue(e, t) {
+			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, ee = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", de), document.addEventListener("mouseup", T));
 		}
-		function E(e) {
-			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = ft(m, n, i, _, v, a);
+		function de(e) {
+			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = gt(m, n, i, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
-			let s = y;
+			let s = ee;
 			if (s) {
 				let e = m.includes("w") ? s.left + (s.width - o.width) : s.left, t = m.includes("n") ? s.top + (s.height - o.height) : s.top;
 				p.value = {
@@ -1001,80 +1127,80 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				};
 			}
 		}
-		function D() {
-			document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D), o.value = !1, y = null, i("interact-end");
+		function T() {
+			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", T), o.value = !1, ee = null, i("interact-end");
 			let e = r.view, t = r.imageInfo;
 			if (!e || !t) {
-				C();
+				S();
 				return;
 			}
-			let n = ht(e, t.pmPos, u.value, d.value);
-			n !== null && _e(n), ye(() => C());
+			let n = yt(e, t.pmPos, u.value, d.value);
+			n !== null && be(n), R(() => S());
 		}
-		let ue = 0, de = 0, fe = 0, O = 0, k = null, A = null;
-		function M(e) {
+		let fe = 0, pe = 0, me = 0, he = 0, E = 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 pe(e, t) {
+		function A(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 P(e, t) {
-			return Math.atan2(e - ue, -(t - de)) * 180 / Math.PI;
+		function j(e, t) {
+			return Math.atan2(e - fe, -(t - pe)) * 180 / Math.PI;
 		}
-		function me(e) {
+		function _e(e) {
 			if (!r.imageInfo) return;
 			let t = r.imageInfo.element.getBoundingClientRect();
-			ue = t.left + t.width / 2, de = t.top + t.height / 2, k = te(S(r.view, r.imageInfo.pmPos)), O = M(k), A = r.imageInfo.element.querySelector("img"), fe = P(e.clientX, e.clientY), f.value = O, l.value = !0, i("interact-start"), document.addEventListener("mousemove", he), document.addEventListener("mouseup", ge);
+			fe = t.left + t.width / 2, pe = t.top + t.height / 2, E = ne(x(r.view, r.imageInfo.pmPos)), he = ge(E), D = r.imageInfo.element.querySelector("img"), me = j(e.clientX, e.clientY), f.value = he, l.value = !0, i("interact-start"), document.addEventListener("mousemove", ve), document.addEventListener("mouseup", F);
 		}
-		function he(e) {
-			let t = P(e.clientX, e.clientY) - fe, n = O + t;
-			e.shiftKey || (n = Math.round(n / di) * di), f.value = (n % 360 + 360) % 360, A && (A.style.transform = pe(k, f.value) || "");
+		function ve(e) {
+			let t = j(e.clientX, e.clientY) - me, n = he + t;
+			e.shiftKey || (n = Math.round(n / Di) * Di), f.value = (n % 360 + 360) % 360, D && (D.style.transform = A(E, f.value) || "");
 		}
-		function ge() {
-			document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), l.value = !1, i("interact-end");
+		function F() {
+			document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", F), l.value = !1, i("interact-end");
 			let e = r.view, t = r.imageInfo;
 			try {
-				let n = e && t ? S(e, t.pmPos) : null;
+				let n = e && t ? x(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: pe(te(n), f.value)
-				})), _e(t.pmPos));
+					transform: A(ne(n), f.value)
+				})), be(t.pmPos));
 			} catch {} finally {
-				A && (A.style.transform = ""), A = null, k = null;
+				D && (D.style.transform = ""), D = null, E = null;
 			}
-			ye(() => C());
+			R(() => S());
 		}
-		let R = null;
-		function z(e) {
+		let I = null;
+		function L(e) {
 			if (!r.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, a = p.value, o = !1, c = (e) => {
 				let c = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(c * c + l * l) < ui)) {
+				if (!(!o && Math.sqrt(c * c + l * l) < Ei)) {
 					if (!o) {
-						o = !0, s.value = !0, i("interact-start"), R = document.createElement("div"), R.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);";
+						o = !0, s.value = !0, i("interact-start"), I = document.createElement("div"), I.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = r.zoom;
-						R.style.width = `${a.width * e}px`, R.style.height = `${a.height * e}px`, document.body.appendChild(R);
+						I.style.width = `${a.width * e}px`, I.style.height = `${a.height * e}px`, document.body.appendChild(I);
 					}
-					if (R) {
+					if (I) {
 						let t = r.zoom;
-						R.style.left = `${e.clientX - a.width * t / 2}px`, R.style.top = `${e.clientY - a.height * t / 2}px`;
+						I.style.left = `${e.clientX - a.width * t / 2}px`, I.style.top = `${e.clientY - a.height * t / 2}px`;
 					}
 				}
 			}, l = (e) => {
-				document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), x = null, ee = null, R &&= (R.remove(), null), s.value = !1, o && (i("interact-end"), B(e.clientX, e.clientY));
+				document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), b = null, te = null, I &&= (I.remove(), null), s.value = !1, o && (i("interact-end"), ye(e.clientX, e.clientY));
 			};
-			x = c, ee = l, document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+			b = c, te = l, document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
 		}
-		function B(e, t) {
+		function ye(e, t) {
 			let n = r.view, i = r.imageInfo;
 			if (!n || !i) return;
-			let o = S(n, i.pmPos);
+			let o = x(n, i.pmPos);
 			if (!o) return;
 			let s;
-			if (gt(o)) {
+			if (bt(o)) {
 				let o = (a.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
 				if (!o || o.length === 0) return;
 				let c = null;
@@ -1090,60 +1216,177 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 					c = e ? e.querySelector(".layout-page-content") : null;
 				}
 				if (!c) return;
-				let l = c.getBoundingClientRect(), u = r.zoom, d = nt((e - l.left) / u), f = nt((t - l.top) / u);
-				s = pt(n, i.pmPos, d, f);
+				let l = c.getBoundingClientRect(), u = r.zoom, d = st((e - l.left) / u), f = st((t - l.top) / u);
+				s = _t(n, i.pmPos, d, f);
 			} else {
-				let r = re();
+				let r = ie();
 				if (!r) return;
-				let a = dt(r, e, t, 1);
+				let a = ht(r, e, t, 1);
 				if (a == null || a < 0) return;
-				s = mt(n, i.pmPos, a);
+				s = vt(n, i.pmPos, a);
 			}
-			s !== null && _e(s), ye(() => C());
+			s !== null && be(s), R(() => S());
 		}
-		function _e(e) {
+		function be(e) {
 			let t = r.view;
 			if (t) try {
-				let n = Z.create(t.state.doc, e);
+				let n = at.create(t.state.doc, e);
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
-		return be(() => {
-			document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D), document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), R &&= (R.remove(), null), b && cancelAnimationFrame(b), ae?.();
-		}), (t, r) => e.imageInfo ? (U(), I("div", {
+		return Se(() => {
+			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", T), document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", F), b && document.removeEventListener("mousemove", b), te && document.removeEventListener("mouseup", te), I &&= (I.remove(), null), y && cancelAnimationFrame(y), oe?.();
+		}), (t, r) => e.imageInfo ? (V(), N("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: a,
 			class: "image-overlay",
-			style: H(se.value),
-			onMousedown: r[3] ||= Y(() => {}, ["stop"])
+			style: B(w.value),
+			onMousedown: r[3] ||= q(() => {}, ["stop"])
 		}, [
-			r[4] ||= L("div", { class: "image-overlay__border" }, null, -1),
-			L("div", {
+			r[4] ||= P("div", { class: "image-overlay__border" }, null, -1),
+			P("div", {
 				class: "image-overlay__body",
-				style: H({ cursor: s.value ? "grabbing" : "grab" }),
-				onMousedown: r[0] ||= Y((e) => z(e), ["prevent", "stop"]),
-				onContextmenu: r[1] ||= Y((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+				style: B({ cursor: s.value ? "grabbing" : "grab" }),
+				onMousedown: r[0] ||= q((e) => L(e), ["prevent", "stop"]),
+				onContextmenu: r[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(U(!0), I(j, null, G(ce.value, (e) => (U(), I("div", {
+			(V(!0), N(O, null, U(le.value, (e) => (V(), N("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
-				style: H(e.style),
+				style: B(e.style),
 				"data-handle": e.pos,
-				onMousedown: Y((t) => le(t, e.pos), ["prevent", "stop"])
-			}, null, 44, oi))), 128)),
-			r[5] ||= L("div", { class: "image-overlay__rotate-line" }, null, -1),
-			L("div", {
+				onMousedown: q((t) => ue(t, e.pos), ["prevent", "stop"])
+			}, null, 44, Si))), 128)),
+			r[5] ||= P("div", { class: "image-overlay__rotate-line" }, null, -1),
+			P("div", {
 				class: "image-overlay__rotate-handle",
-				style: H({ left: `${w.value / 2 - 7}px` }),
-				title: q(n)("imageOverlay.rotate"),
-				onMousedown: r[2] ||= Y((e) => me(e), ["prevent", "stop"])
-			}, null, 44, si),
-			o.value ? (U(), I("div", ci, K(Math.round(u.value)) + " × " + K(Math.round(d.value)), 1)) : F("", !0),
-			l.value ? (U(), I("div", li, K(Math.round(f.value)) + "° ", 1)) : F("", !0)
-		], 36)) : F("", !0);
+				style: B({ left: `${C.value / 2 - 7}px` }),
+				title: G(n)("imageOverlay.rotate"),
+				onMousedown: r[2] ||= q((e) => _e(e), ["prevent", "stop"])
+			}, null, 44, Ci),
+			o.value ? (V(), N("div", wi, W(Math.round(u.value)) + " × " + W(Math.round(d.value)), 1)) : M("", !0),
+			l.value ? (V(), N("div", Ti, W(Math.round(f.value)) + "° ", 1)) : M("", !0)
+		], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-4c3d1a1d"]]), hi = ["title", "aria-label"], gi = /* @__PURE__ */ z({
+}), [["__scopeId", "data-v-4c3d1a1d"]]), ji = /* @__PURE__ */ L({
+	__name: "HeaderFooterSelectionOverlay",
+	props: {
+		pagesContainer: {},
+		selection: {},
+		zoom: {}
+	},
+	setup(e) {
+		let t = e, n = new wt(), r = () => {
+			t.pagesContainer && n.sync(t.pagesContainer, t.selection, t.zoom);
+		};
+		return K(() => t.pagesContainer, (e, t, i) => {
+			e && (e.addEventListener(Ct, r), r(), i(() => {
+				e.removeEventListener(Ct, r), n.clear(e);
+			}));
+		}, { immediate: !0 }), K(() => [
+			t.selection?.rId,
+			t.selection?.kind,
+			t.selection?.from,
+			t.selection?.to,
+			t.selection?.pageNumber,
+			t.zoom
+		], r), (e, t) => null;
+	}
+}), Mi = { class: "hf-editor-label" }, Ni = /*#__PURE__*/ t(/* @__PURE__ */ L({
+	__name: "InlineHeaderFooterEditor",
+	props: {
+		edit: {},
+		getView: { type: Function }
+	},
+	emits: ["close", "remove"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { Button: i } = p(), { t: a } = c(), o = H(!1), s = k(() => n.edit.position === "header" ? a("headerFooter.header") : a("headerFooter.footer")), l = k(() => ({
+			position: "absolute",
+			top: `${n.edit.targetRect?.top ?? 0}px`,
+			left: `${n.edit.targetRect?.left ?? 0}px`,
+			width: `${n.edit.targetRect?.width ?? 0}px`,
+			height: `${n.edit.targetRect?.height ?? 0}px`,
+			pointerEvents: "none",
+			zIndex: 10
+		})), u = (e) => {
+			o.value = !1;
+			let t = n.getView(), r = He.nodes.field;
+			if (!t || !r) return;
+			let { $from: i, from: a } = t.state.selection, s = t.state.storedMarks ?? i.marks(), c = r.create({
+				fieldType: e,
+				instruction: ` ${e} \\* MERGEFORMAT `,
+				fieldKind: "simple",
+				dirty: !0
+			});
+			t.dispatch(t.state.tr.insert(a, c.mark(s))), t.focus();
+		}, d = (e) => {
+			e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), r("close"));
+		}, f = null;
+		return Ce(() => {
+			document.addEventListener("keydown", d, !0);
+			let e = 0, t = () => {
+				let r = n.getView();
+				r && !r.hasFocus() && r.focus(), e++, e < 30 && (f = requestAnimationFrame(t));
+			};
+			f = requestAnimationFrame(t);
+		}), Se(() => {
+			document.removeEventListener("keydown", d, !0), f !== null && cancelAnimationFrame(f);
+		}), (t, n) => (V(), N("div", {
+			class: "hf-inline-editor",
+			style: B(l.value),
+			role: "presentation"
+		}, [P("div", { class: z(["hf-separator-bar", { "hf-separator-bar--footer": e.edit.position === "footer" }]) }, [P("span", Mi, W(s.value), 1), P("div", {
+			class: "hf-options",
+			onMousedown: n[5] ||= q(() => {}, ["stop"])
+		}, [I(G(i), {
+			variant: "ghost",
+			size: "xs",
+			"class-name": "hf-options-button",
+			onClick: n[0] ||= q((e) => o.value = !o.value, ["stop"])
+		}, {
+			default: ke(() => [F(W(G(a)("headerFooter.options")) + " ▾ ", 1)]),
+			_: 1
+		}), o.value ? (V(), N("div", {
+			key: 0,
+			class: z(["hf-options-dropdown", { "hf-options-dropdown--up": e.edit.position === "footer" }])
+		}, [
+			I(G(i), {
+				variant: "ghost",
+				size: "xs",
+				onClick: n[1] ||= (e) => u("PAGE")
+			}, {
+				default: ke(() => [F(W(G(a)("headerFooter.insertPageNumber")), 1)]),
+				_: 1
+			}),
+			I(G(i), {
+				variant: "ghost",
+				size: "xs",
+				onClick: n[2] ||= (e) => u("NUMPAGES")
+			}, {
+				default: ke(() => [F(W(G(a)("headerFooter.insertPageCount")), 1)]),
+				_: 1
+			}),
+			n[6] ||= P("div", { class: "hf-options-divider" }, null, -1),
+			I(G(i), {
+				variant: "ghost",
+				size: "xs",
+				onClick: n[3] ||= (e) => r("remove")
+			}, {
+				default: ke(() => [F(W(e.edit.position === "header" ? G(a)("headerFooter.removeHeader") : G(a)("headerFooter.removeFooter")), 1)]),
+				_: 1
+			}),
+			I(G(i), {
+				variant: "ghost",
+				size: "xs",
+				onClick: n[4] ||= (e) => r("close")
+			}, {
+				default: ke(() => [F(W(e.edit.position === "header" ? G(a)("headerFooter.closeHeaderEditing") : G(a)("headerFooter.closeFooterEditing")), 1)]),
+				_: 1
+			})
+		], 2)) : M("", !0)], 32)], 2)], 4));
+	}
+}), [["__scopeId", "data-v-a0bd3730"]]), Pi = ["title", "aria-label"], Fi = /* @__PURE__ */ L({
 	__name: "OutlineToggleButton",
 	props: {
 		leftOffset: {},
@@ -1152,23 +1395,23 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 	emits: ["toggle"],
 	setup(e) {
 		let { t } = c();
-		return (n, i) => (U(), I("button", {
+		return (n, i) => (V(), N("button", {
 			type: "button",
 			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
-			style: H({
+			style: B({
 				left: e.leftOffset + "px",
 				top: e.topPx + "px"
 			}),
-			title: q(t)("editor.showDocumentOutline"),
-			"aria-label": q(t)("editor.showDocumentOutline"),
+			title: G(t)("editor.showDocumentOutline"),
+			"aria-label": G(t)("editor.showDocumentOutline"),
 			onClick: i[0] ||= (e) => n.$emit("toggle"),
-			onMousedown: i[1] ||= Y(() => {}, ["stop"])
-		}, [R(r, {
+			onMousedown: i[1] ||= q(() => {}, ["stop"])
+		}, [I(r, {
 			name: "format_list_bulleted",
 			size: 20
-		})], 44, hi));
+		})], 44, Pi));
 	}
-}), _i = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}), Ii = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -1177,17 +1420,17 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 	},
 	setup(e) {
 		let { t } = c();
-		return (n, r) => (U(), I("div", {
+		return (n, r) => (V(), N("div", {
 			class: "docx-editor-vue__page-indicator",
-			style: H({ opacity: +!!e.visible }),
+			style: B({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, K(q(t)("viewer.pageIndicator", {
+		}, W(G(t)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-f1904974"]]), vi = ["data-folio-block-id"], yi = ["data-folio-block-id", "title"], bi = 2.5, xi = 5, Si = 6, Ci = 2, wi = 2, Ti = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-f1904974"]]), Li = ["data-folio-block-id"], Ri = ["data-folio-block-id", "title"], zi = 2.5, Bi = 5, Vi = 6, Hi = 2, Ui = 2, Wi = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "TemplateDirectivesOverlay",
 	props: {
 		getView: { type: Function },
@@ -1201,19 +1444,19 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 	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 - Si - bi - Ci;
-			return t <= 0 ? 0 : Math.floor(t / xi);
+			let t = e - Vi - zi - Hi;
+			return t <= 0 ? 0 : Math.floor(t / Bi);
 		}
 		function o(e, t, n) {
 			let r = a(n), i = Math.min(Math.max(0, e), r);
-			return t - Si - bi - (r - i) * xi;
+			return t - Vi - zi - (r - i) * Bi;
 		}
 		function s(e, t) {
-			if (t.length === 0) return e.bottom - e.top >= wi ? [e] : [];
+			if (t.length === 0) return e.bottom - e.top >= Ui ? [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 >= wi && n.push({
+				i - t >= Ui && n.push({
 					top: t,
 					bottom: i
 				});
@@ -1278,24 +1521,24 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 			}
 			return i;
 		}
-		let f = W([]), p = W([]), m = W(null), h = W(null), g = W(null), _ = Ge(), v = null;
-		function y() {
+		let f = H([]), p = H([]), m = H(null), h = H(null), g = H(null), _ = Ye(), v = null;
+		function ee() {
 			v !== null && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
-				v = null, b();
+				v = null, y();
 			});
 		}
-		async function b() {
+		async function y() {
 			let e = _.begin(), n = t.getView(), r = t.getPagesContainer(), i = t.editorState;
 			if (!n || !r || !i) {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
 			}
-			let a = bt(i);
+			let a = Et(i);
 			if (a.length === 0) {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
 			}
-			let o = Ke(r, t.zoom), s = await qe(a, {
+			let o = Xe(r, t.zoom), s = await Ze(a, {
 				pagesContainer: r,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -1304,95 +1547,95 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 			});
 			e() && (f.value = a, h.value = i.selection.head, m.value = o, p.value = s);
 		}
-		J(() => [
+		K(() => [
 			t.editorState,
 			t.zoom,
 			t.layout,
 			t.blocks,
 			t.measures
-		], () => y());
-		let x = N(() => c(f.value)), ee = N(() => m.value ? d(x.value, p.value, m.value) : []), S = N(() => {
+		], () => ee());
+		let b = k(() => c(f.value)), te = k(() => m.value ? d(b.value, p.value, m.value) : []), x = k(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of x.value) e.set(t.openerFrom, t.blockId), e.set(t.closerFrom, t.blockId);
+			for (let t of b.value) e.set(t.openerFrom, t.blockId), e.set(t.closerFrom, t.blockId);
 			return e;
-		}), te = N(() => {
+		}), ne = k(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of x.value) e.set(t.closerFrom, l(t.kind, t.openerExpr));
+			for (let t of b.value) e.set(t.closerFrom, l(t.kind, t.openerExpr));
 			return e;
-		}), ne = N(() => u(x.value, h.value));
-		function re(e) {
-			return e === g.value || e === ne.value;
-		}
+		}), re = k(() => u(b.value, h.value));
 		function ie(e) {
-			return e.block && (n.has(e.kind) || r.has(e.kind));
-		}
-		function C(e) {
-			return e.block ? S.value.get(e.from) : void 0;
+			return e === g.value || e === re.value;
 		}
 		function ae(e) {
-			return e.block ? te.value.get(e.from) : void 0;
+			return e.block && (n.has(e.kind) || r.has(e.kind));
+		}
+		function S(e) {
+			return e.block ? x.value.get(e.from) : void 0;
 		}
 		function oe(e) {
-			let t = C(e), n = t !== void 0 && re(t);
+			return e.block ? ne.value.get(e.from) : void 0;
+		}
+		function se(e) {
+			let t = S(e), n = t !== void 0 && ie(t);
 			return [
 				"folio-template-directive",
 				`folio-template-directive--${e.kind}`,
-				{ "folio-template-directive--block": ie(e) },
+				{ "folio-template-directive--block": ae(e) },
 				{ "folio-template-directive--active": n }
 			];
 		}
-		function w(e) {
+		function C(e) {
 			if (!(e instanceof HTMLElement)) return null;
 			let t = e.dataset.folioBlockId;
 			return t === void 0 ? null : Number(t);
 		}
-		function T(e) {
-			let t = w(e.target);
+		function ce(e) {
+			let t = C(e.target);
 			t !== null && (g.value = t);
 		}
-		function se(e) {
-			let t = w(e.target);
+		function w(e) {
+			let t = C(e.target);
 			if (t === null) return;
-			let n = w(e.relatedTarget);
+			let n = C(e.relatedTarget);
 			n !== t && g.value === t && (g.value = n);
 		}
-		return xe(() => y()), be(() => {
+		return Ce(() => ee()), Se(() => {
 			_.invalidate(), v !== null && (cancelAnimationFrame(v), v = null);
-		}), (t, n) => (U(), I("div", {
+		}), (t, n) => (V(), N("div", {
 			class: "folio-template-directives-overlay",
 			"data-folio-template-directives-overlay": "",
-			onPointerover: T,
-			onPointerout: se
-		}, [(U(!0), I(j, null, G(ee.value, (t) => (U(), I(j, { key: `rail:${t.blockId}` }, [(U(!0), I(j, null, G(t.segments, (n, r) => (U(), I("div", {
+			onPointerover: ce,
+			onPointerout: w
+		}, [(V(!0), N(O, null, U(te.value, (t) => (V(), N(O, { key: `rail:${t.blockId}` }, [(V(!0), N(O, null, U(t.segments, (n, r) => (V(), N("div", {
 			key: `rail:${t.blockId}:${r}`,
-			class: V([
+			class: z([
 				"folio-template-band-rail",
 				`folio-template-band-rail--${t.kind}`,
-				{ "folio-template-band-rail--active": re(t.blockId) }
+				{ "folio-template-band-rail--active": ie(t.blockId) }
 			]),
 			"data-folio-block-id": t.blockId,
-			style: H({
+			style: B({
 				position: "absolute",
 				left: `${t.railX * e.zoom}px`,
 				top: `${n.top * e.zoom}px`,
-				width: `${bi * e.zoom}px`,
+				width: `${zi * e.zoom}px`,
 				height: `${Math.max(0, n.bottom - n.top) * e.zoom}px`
 			})
-		}, null, 14, vi))), 128))], 64))), 128)), (U(!0), I(j, null, G(p.value, (t, n) => (U(), I(j, { key: `d:${n}` }, [(U(!0), I(j, null, G(t.rects, (r, i) => (U(), I("span", {
+		}, null, 14, Li))), 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: V(oe(t.range)),
-			"data-folio-block-id": C(t.range),
-			title: ae(t.range),
-			style: H({
+			class: z(se(t.range)),
+			"data-folio-block-id": S(t.range),
+			title: oe(t.range),
+			style: B({
 				position: "absolute",
 				left: `${(r.x - 1) * e.zoom}px`,
 				top: `${(r.y + 1) * e.zoom}px`,
 				width: `${(r.width + 2) * e.zoom}px`,
 				height: `${Math.max(0, r.height - 2) * e.zoom}px`
 			})
-		}, null, 14, yi))), 128))], 64))), 128))], 32));
+		}, null, 14, Ri))), 128))], 64))), 128))], 32));
 	}
-}), [["__scopeId", "data-v-c72dfa21"]]), Ei = ["href", "title"], Di = ["title"], Oi = ["title"], ki = ["title"], Ai = { class: "docx-hyperlink-popup__edit-row" }, ji = ["placeholder", "onKeydown"], Mi = { class: "docx-hyperlink-popup__edit-row" }, Ni = ["onKeydown"], Pi = ["disabled"], Fi = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}), [["__scopeId", "data-v-c72dfa21"]]), Gi = ["href", "title"], Ki = ["title"], qi = ["title"], Ji = ["title"], Yi = { class: "docx-hyperlink-popup__edit-row" }, Xi = ["placeholder", "onKeydown"], Zi = { class: "docx-hyperlink-popup__edit-row" }, Qi = ["onKeydown"], $i = ["disabled"], ea = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1406,25 +1649,25 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 		"close"
 	],
 	setup(e, { emit: t }) {
-		let { t: n } = c(), r = e, i = t, a = W(!1), o = W(""), s = W(""), l = W(null), u = N(() => ({
+		let { t: n } = c(), r = e, i = t, a = H(!1), o = H(""), s = H(""), l = H(null), u = k(() => ({
 			left: (r.data?.position.left ?? 0) + "px",
 			top: (r.data?.position.top ?? 0) + "px"
 		}));
-		J(() => r.data?.href, () => {
+		K(() => r.data?.href, () => {
 			a.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		J(() => r.data, (e) => {
+		K(() => r.data, (e) => {
 			p(), e && (d = (e) => {
 				let t = l.value, n = e.target;
 				t && n instanceof Node && !t.contains(n) && i("close");
 			}, f = setTimeout(() => {
 				d && document.addEventListener("mousedown", d);
 			}, 0));
-		}, { immediate: !0 }), be(p);
+		}, { immediate: !0 }), Se(p);
 		function m() {
 			r.data && (o.value = r.data.displayText, s.value = r.data.href, a.value = !0);
 		}
@@ -1434,41 +1677,41 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 		function g() {
 			r.data && (i("copy", r.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(r.data.href).catch(() => {}));
 		}
-		return (t, r) => e.data ? (U(), I("div", {
+		return (t, r) => e.data ? (V(), N("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
-			class: V(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
-			style: H(u.value),
-			onMousedown: r[6] ||= Y(() => {}, ["stop"])
-		}, [a.value ? (U(), I(j, { key: 1 }, [L("div", Ai, [De(L("input", {
+			class: z(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
+			style: B(u.value),
+			onMousedown: r[6] ||= q(() => {}, ["stop"])
+		}, [a.value ? (V(), N(O, { key: 1 }, [P("div", Yi, [Ae(P("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: q(n)("displayText"),
+			placeholder: G(n)("displayText"),
 			"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
-			onKeydown: [Oe(Y(h, ["prevent"]), ["enter"]), r[3] ||= Oe((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, ji), [[Te, o.value]])]), L("div", Mi, [De(L("input", {
+			onKeydown: [je(q(h, ["prevent"]), ["enter"]), r[3] ||= je((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, Xi), [[Oe, o.value]])]), P("div", Zi, [Ae(P("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": r[4] ||= (e) => s.value = e,
-			onKeydown: [Oe(Y(h, ["prevent"]), ["enter"]), r[5] ||= Oe((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Ni), [[Te, s.value]]), L("button", {
+			onKeydown: [je(q(h, ["prevent"]), ["enter"]), r[5] ||= je((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, Qi), [[Oe, s.value]]), P("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !s.value.trim(),
-			onClick: Y(h, ["prevent"])
-		}, K(q(n)("common.apply")), 9, Pi)])], 64)) : (U(), I(j, { key: 0 }, [
-			r[10] ||= he("<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),
-			L("a", {
+			onClick: q(h, ["prevent"])
+		}, W(G(n)("common.apply")), 9, $i)])], 64)) : (V(), N(O, { key: 0 }, [
+			r[10] ||= ve("<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] ||= Y((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, K(e.data.href), 9, Ei),
-			r[11] ||= L("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
-			L("button", {
+				onClick: r[0] ||= q((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, W(e.data.href), 9, Gi),
+			r[11] ||= P("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			P("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: q(n)("copyLink"),
-				onClick: Y(g, ["prevent"])
-			}, [...r[7] ||= [L("svg", {
+				title: G(n)("copyLink"),
+				onClick: q(g, ["prevent"])
+			}, [...r[7] ||= [P("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1477,20 +1720,20 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [L("rect", {
+			}, [P("rect", {
 				x: "9",
 				y: "9",
 				width: "13",
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), L("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Di),
-			e.readOnly ? F("", !0) : (U(), I("button", {
+			}), 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, Ki),
+			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: q(n)("editLink"),
-				onClick: Y(m, ["prevent"])
-			}, [...r[8] ||= [L("svg", {
+				title: G(n)("editLink"),
+				onClick: q(m, ["prevent"])
+			}, [...r[8] ||= [P("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1499,44 +1742,44 @@ var oi = ["data-handle", "onMousedown"], si = ["title"], ci = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [L("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), L("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, Oi)),
-			e.readOnly ? F("", !0) : (U(), I("button", {
+			}, [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, qi)),
+			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: q(n)("removeLink"),
-				onClick: r[1] ||= Y((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[9] ||= [he("<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, ki))
-		], 64))], 38)) : F("", !0);
+				title: G(n)("removeLink"),
+				onClick: r[1] ||= q((e) => t.$emit("remove"), ["prevent"])
+			}, [...r[9] ||= [ve("<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, Ji))
+		], 64))], 38)) : M("", !0);
 	}
 }), [["__scopeId", "data-v-366df18c"]]);
 //#endregion
 //#region src/composables/commentMarks.ts
-function Ii(e, t) {
+function ta(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 Li({ docSize: e, capturedRange: t, currentRange: n, savedRange: r }) {
+function na({ 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 ? Ii(e, i) : null;
+	return i ? ta(e, i) : null;
 }
-function Ri(e, t, n, r) {
-	let i = e.state.schema.marks.comment, a = Ii(e.state.doc.content.size, t);
+function ra(e, t, n, r) {
+	let i = e.state.schema.marks.comment, a = ta(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: Tt }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(et.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
+	return r?.replacePending && (o = o.removeMark(a.from, a.to, i.create({ commentId: Z }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(ot.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
 }
-function zi(e, t) {
-	let n = e.state.schema.marks.comment, r = Ii(e.state.doc.content.size, t);
-	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: Tt })));
+function ia(e, t) {
+	let n = e.state.schema.marks.comment, r = ta(e.state.doc.content.size, t);
+	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: Z })));
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-var Bi = 408, Vi = 12;
-function Hi(e) {
-	let t = W(!1), n = W(null), r = W(null), i = W(null), a = W(null);
+var aa = 408, oa = 12;
+function sa(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;
 		if (!n || !r) return null;
@@ -1568,7 +1811,7 @@ function Hi(e) {
 			r.value = null;
 			return;
 		}
-		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + Vi : l.width / 2 + Bi;
+		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + oa : l.width / 2 + aa;
 		r.value = {
 			top: c.top - l.top,
 			left: Math.max(16, Math.min(d, l.width - 16)),
@@ -1579,7 +1822,7 @@ function Hi(e) {
 	function c() {
 		let s = e.editorView.value;
 		if (!s) return;
-		let c = r.value, l = s.state.selection, u = Li({
+		let c = r.value, l = s.state.selection, u = na({
 			docSize: s.state.doc.content.size,
 			capturedRange: c ? {
 				from: c.from,
@@ -1598,7 +1841,7 @@ function Hi(e) {
 			r.value = null;
 			return;
 		}
-		if (!Ri(s, u, Tt, { selectEnd: !0 })) {
+		if (!ra(s, u, Z, { selectEnd: !0 })) {
 			r.value = null, i.value = null;
 			return;
 		}
@@ -1611,11 +1854,11 @@ function Hi(e) {
 		let n = e.editorView.value, r = i.value;
 		if (!n || !r) return !1;
 		let a = e.createComment(t);
-		return Ri(n, r, a.id, { replacePending: !0 }) ? (e.pushComment(a), e.reLayout(), e.setActiveSidebarItem(`comment-${a.id}`), l(), !0) : !1;
+		return ra(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 && zi(t, i.value), l();
+		t && i.value && ia(t, i.value), l();
 	}
 	return {
 		isAddingComment: t,
@@ -1629,15 +1872,15 @@ function Hi(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function Ui(e) {
-	let t = Et(), n = W([]), r = W(!1);
+function ca(e) {
+	let t = jt(), n = H([]), r = H(!1);
 	function i() {
 		r.value = !0;
 	}
 	function a() {
 		r.value = !1;
 	}
-	let o = N(() => e.commentsProp() !== void 0), s = N(() => o.value ? e.commentsProp() ?? [] : n.value);
+	let o = k(() => e.commentsProp() !== void 0), s = k(() => o.value ? e.commentsProp() ?? [] : n.value);
 	function c(t) {
 		o.value || (n.value = t), e.onCommentsChange(t);
 	}
@@ -1645,12 +1888,12 @@ function Ui(e) {
 		i(), c([...s.value, e]);
 	}
 	function u(n, r) {
-		return Dt(t, s.value, e.editorView.value), Ot(t, n, e.author(), r);
+		return Mt(t, s.value, e.editorView.value), Nt(t, n, e.author(), r);
 	}
 	function d() {
 		if (a(), o.value) return;
 		let n = e.getDocument()?.package.document.comments;
-		Dt(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
+		Mt(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
 	}
 	function f(e, t) {
 		l(u(t, e));
@@ -1676,26 +1919,26 @@ function Ui(e) {
 	function _(t, n) {
 		let r = e.editorView.value;
 		if (!r) return;
-		let i = kt(r, t);
-		i && (n ? jt : Pt)(i.from, i.to)(r.state, r.dispatch);
+		let i = Pt(r, t);
+		i && (n ? It : zt)(i.from, i.to)(r.state, r.dispatch);
 	}
 	function v(e) {
 		_(e, !0);
 	}
-	function y(e) {
+	function ee(e) {
 		_(e, !1);
 	}
-	function b(t, n) {
+	function y(t, n) {
 		let r = e.editorView.value;
-		r && jt(t, n)(r.state, r.dispatch);
+		r && It(t, n)(r.state, r.dispatch);
 	}
-	function x(t, n) {
+	function b(t, n) {
 		let r = e.editorView.value;
-		r && Pt(t, n)(r.state, r.dispatch);
+		r && zt(t, n)(r.state, r.dispatch);
 	}
 	return {
 		comments: s,
-		commentsDirty: N(() => r.value),
+		commentsDirty: k(() => r.value),
 		clearCommentsDirty: a,
 		createComment: u,
 		pushComment: l,
@@ -1707,15 +1950,15 @@ function Ui(e) {
 		handleDelete: h,
 		handleTrackedChangeReply: g,
 		handleAcceptChangeById: v,
-		handleRejectChangeById: y,
-		handleAcceptChange: b,
-		handleRejectChange: x
+		handleRejectChangeById: ee,
+		handleAcceptChange: y,
+		handleRejectChange: b
 	};
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Wi(e, t, n) {
-	let r = Ft(e.state), i = e.state.schema.marks.insertion;
+function la(e, t, n) {
+	let r = Bt(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({
@@ -1724,7 +1967,7 @@ function Wi(e, t, n) {
 		date: r.date
 	}));
 }
-function Gi(e, t) {
+function ua(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = n.attrs.src;
@@ -1738,7 +1981,7 @@ function Gi(e, t) {
 		e.value = i, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Ki(e) {
+function da(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => {
@@ -1746,7 +1989,7 @@ function Ki(e) {
 		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
 	});
 }
-function qi(e) {
+function fa(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -1758,7 +2001,7 @@ function qi(e) {
 		}), n.src = e;
 	});
 }
-function Ji(e, t, n, r) {
+function pa(e, t, n, r) {
 	let i = e.state.schema.nodes.image;
 	if (!i) return;
 	let a = i.create({
@@ -1769,23 +2012,23 @@ function Ji(e, t, n, r) {
 		wrapType: "inline",
 		displayMode: "inline"
 	}), o = e.state.tr.replaceSelectionWith(a);
-	Wi(e, o, a), e.dispatch(o);
+	la(e, o, a), e.dispatch(o);
 }
-async function Yi(e) {
+async function ma(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 Ki(await n.getType(t)), i = await qi(r), a = i.width, o = i.height;
-				a > 612 && (o = Math.round(612 / a * o), a = 612), Ji(e, r, a, o);
+				let r = await da(await n.getType(t)), i = await fa(r), a = i.width, o = i.height;
+				a > 612 && (o = Math.round(612 / a * o), a = 612), pa(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;
-					Ji(e, r, a || 200, o || 200);
+					pa(e, r, a || 200, o || 200);
 					return;
 				}
 			}
@@ -1806,14 +2049,14 @@ async function Yi(e) {
 		}
 	}
 }
-function Xi(e, t) {
+function ha(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 Ki(i), o = await qi(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 da(i), o = await fa(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,
@@ -1828,7 +2071,7 @@ function Xi(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-var Zi = /* @__PURE__ */ new Set([
+var ga = /* @__PURE__ */ new Set([
 	"inline",
 	"square",
 	"tight",
@@ -1837,17 +2080,17 @@ var Zi = /* @__PURE__ */ new Set([
 	"behind",
 	"inFront"
 ]);
-function Qi(e) {
-	return typeof e == "string" && Zi.has(e);
+function _a(e) {
+	return typeof e == "string" && ga.has(e);
 }
-function $i(e) {
-	return Qi(e) ? e : "inline";
+function va(e) {
+	return _a(e) ? e : "inline";
 }
-function ea(e) {
+function ya(e) {
 	return e === "left" || e === "right" || e === "none" ? e : null;
 }
-function ta(e) {
-	let { t } = c(), n = W({
+function ba(e) {
+	let { t } = c(), n = H({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -1858,10 +2101,10 @@ function ta(e) {
 		onImage: !1,
 		canMergeCells: !1,
 		canSplitCell: !1
-	}), r = W(null), i = W({
+	}), r = H(null), i = H({
 		from: 0,
 		to: 0
-	}), a = N(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), o = N(() => [
+	}), a = k(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), o = k(() => [
 		{
 			action: "cut",
 			label: t("contextMenu.cut"),
@@ -1888,7 +2131,7 @@ function ta(e) {
 		t(e.state, (t) => e.dispatch(t), e);
 	}
 	function l(t, n, r, i, a) {
-		let o = i === "inline" ? it(t, e.zoom.value) : void 0;
+		let o = i === "inline" ? lt(t, e.zoom.value) : void 0;
 		return {
 			open: !0,
 			position: r,
@@ -1901,12 +2144,12 @@ function ta(e) {
 	function u(t) {
 		let a = e.editorView.value;
 		if (!a) return;
-		let o = ot(t.target);
+		let o = dt(t.target);
 		if (o) {
 			let i = Number(o.dataset.pmStart);
 			if (!Number.isNaN(i)) {
 				try {
-					let e = Z.create(a.state.doc, i);
+					let e = at.create(a.state.doc, i);
 					a.dispatch(a.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
@@ -1920,7 +2163,7 @@ function ta(e) {
 					r.value = l(o, i, {
 						x: t.clientX,
 						y: t.clientY
-					}, $i(s.attrs.wrapType), ea(s.attrs.cssFloat)), n.value.isOpen = !1;
+					}, va(s.attrs.wrapType), ya(s.attrs.cssFloat)), n.value.isOpen = !1;
 					return;
 				}
 			}
@@ -1931,7 +2174,7 @@ function ta(e) {
 				e.setPmSelection(i);
 			} catch {}
 		}
-		let s = wt(a.state), { empty: c, from: u, to: d } = a.state.selection;
+		let s = At(a.state), { empty: c, from: u, to: d } = a.state.selection;
 		i.value = {
 			from: u,
 			to: d
@@ -1955,7 +2198,7 @@ function ta(e) {
 		!o || o.type.name !== "image" || (r.value = l(a.element, a.pmPos, {
 			x: t.clientX,
 			y: t.clientY
-		}, $i(o.attrs.wrapType), ea(o.attrs.cssFloat)), n.value.isOpen = !1);
+		}, va(o.attrs.wrapType), ya(o.attrs.cssFloat)), n.value.isOpen = !1);
 	}
 	function f(t) {
 		let n = e.editorView.value, i = r.value;
@@ -1979,16 +2222,16 @@ function ta(e) {
 			case "cut":
 				if (e.selectedImage.value) {
 					let t = e.selectedImage.value.pmPos;
-					Gi(n, t);
+					ua(n, t);
 					let r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
 				} else n.focus(), document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? Gi(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
+				e.selectedImage.value ? ua(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
 				break;
 			case "paste":
-				Yi(n);
+				ma(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -2001,7 +2244,7 @@ function ta(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = tt.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = Y.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -2009,7 +2252,7 @@ function ta(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && Xi(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && ha(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2047,27 +2290,27 @@ function ta(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function na(e) {
+function xa(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	J(e.documentBuffer, (e) => {
+	K(e.documentBuffer, (e) => {
 		e && t(e);
-	}), J(e.document, (e) => {
+	}), K(e.document, (e) => {
 		e && n(e);
-	}), xe(async () => {
-		await ye();
+	}), Ce(async () => {
+		await R();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-var ra = Date.now();
-function ia(e) {
+var Sa = Date.now();
+function Ca(e) {
 	let t = [];
 	function n() {
 		e.onPrint?.(), window.print();
@@ -2081,11 +2324,11 @@ function ia(e) {
 	function i(t, n) {
 		let r = e.pagesRef.value;
 		if (!r) return !1;
-		let i = en(r, t), a = i.at(0);
+		let i = fn(r, t), a = i.at(0);
 		return a ? (a.scrollIntoView({
 			block: "center",
 			behavior: "smooth"
-		}), n?.highlight && tn(i, n.highlight), !0) : !1;
+		}), n?.highlight && pn(i, n.highlight), !0) : !1;
 	}
 	function a() {
 		return e.zoom.value;
@@ -2097,7 +2340,7 @@ function ia(e) {
 			getDocument: () => e.editor.getDocument(),
 			getState: () => e.editor.getState(),
 			getView: () => e.editor.getView(),
-			getHfView: () => null,
+			getHfView: (t) => e.getHeaderFooterView(t),
 			ensureView: () => e.editor.ensureView(),
 			focus: () => e.editor.focus(),
 			blur: () => e.editor.blur(),
@@ -2116,7 +2359,7 @@ function ia(e) {
 			getPageNumberForPmPos: (t) => {
 				let n = e.layout.value;
 				if (!n) return null;
-				let r = It(n, t);
+				let r = Vt(n, t);
 				return r == null ? null : r + 1;
 			}
 		}, o;
@@ -2127,7 +2370,7 @@ function ia(e) {
 	function l() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = It(t, n.state.selection.from);
+		let r = Vt(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
 	function u(t) {
@@ -2160,10 +2403,10 @@ function ia(e) {
 		ensureEditorView: () => e.editor.ensureView(),
 		createAIEditSnapshot: () => {
 			let t = e.editorView.value;
-			return t ? qt(t.state.doc) : null;
+			return t ? an(t.state.doc) : null;
 		},
 		applyDocumentOperations: ({ snapshot: n, batch: r, author: i = e.author() }) => {
-			Gt(r.version);
+			nn(r.version);
 			let a = e.editorView.value;
 			if (!a) {
 				let e = "committed";
@@ -2173,11 +2416,11 @@ function ia(e) {
 					reason: "unsupportedBlock"
 				}));
 				return {
-					version: Vt,
+					version: en,
 					status: e,
 					applied: [],
 					skipped: t,
-					issues: Xt(r.operations, t),
+					issues: cn(r.operations, t),
 					receipts: [],
 					undoHandle: null
 				};
@@ -2187,9 +2430,9 @@ function ia(e) {
 			let s = e.getComments(), c = {
 				state: a.state,
 				dispatch: (e) => {
-					a.dispatch(St(e)), c.state = a.state;
+					a.dispatch(Ot(e)), c.state = a.state;
 				}
-			}, l = Wt({
+			}, l = $({
 				view: c,
 				snapshot: n,
 				batch: r,
@@ -2197,7 +2440,7 @@ function ia(e) {
 				createCommentId: e.createAIEditComment,
 				createUndoHandle: () => ({
 					type: "documentOperationUndo",
-					id: `vue-${String(ra++)}`
+					id: `vue-${String(Sa++)}`
 				})
 			});
 			return l.undoHandle !== null && t.push({
@@ -2235,7 +2478,7 @@ function ia(e) {
 		},
 		applyAIEditOperations: ({ snapshot: t, operations: n, mode: r = "tracked-changes", author: i = e.author() }) => {
 			let a = e.editorView.value;
-			return a ? Ut({
+			return a ? tn({
 				view: a,
 				snapshot: t,
 				operations: n,
@@ -2252,56 +2495,86 @@ function ia(e) {
 		},
 		acceptAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? At(t)(n.state, n.dispatch) : !1;
+			return n ? Ft(t)(n.state, n.dispatch) : !1;
 		},
 		rejectAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? Nt(t)(n.state, n.dispatch) : !1;
+			return n ? Rt(t)(n.state, n.dispatch) : !1;
 		},
 		undo: () => e.editor.undo(),
 		redo: () => e.editor.redo(),
 		scrollToAIEditOperation: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = Mt(n.state, t);
+			let r = Lt(n.state, t);
 			if (!r) return !1;
-			let { from: i, to: a } = un(n.state.doc.content.size, r), o = n.state.doc.resolve(i), s = n.state.doc.resolve(a);
-			return n.dispatch(n.state.tr.setSelection(tt.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
+			let { from: i, to: a } = xn(n.state.doc.content.size, r), o = n.state.doc.resolve(i), s = n.state.doc.resolve(a);
+			return n.dispatch(n.state.tr.setSelection(Y.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		scrollToBlock: (t, n) => {
 			let r = e.editorView.value;
 			if (!r) return !1;
-			let i = dn({
+			let i = Sn({
 				blockId: t,
 				doc: r.state.doc,
 				snapshot: n
 			});
 			if (i === null) return !1;
 			let { from: a, to: o } = i, s = r.state.doc.resolve(a), c = r.state.doc.resolve(o);
-			return r.dispatch(r.state.tr.setSelection(tt.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
+			return r.dispatch(r.state.tr.setSelection(Y.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
+		},
+		showInDocument: (t, n) => {
+			let r = e.editorView.value;
+			if (!r) return !1;
+			let i = t.type === "textRange" ? Cn({
+				range: t,
+				doc: r.state.doc,
+				snapshot: n
+			}) : Sn({
+				blockId: t.blockId,
+				doc: r.state.doc,
+				snapshot: n
+			});
+			if (i === null) return !1;
+			let { from: a, to: o } = i, s = r.state.doc.resolve(a), c = r.state.doc.resolve(o);
+			return r.dispatch(r.state.tr.setSelection(Y.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
 		},
-		showInDocument: () => !1,
 		getTrackedChanges: () => {
 			let t = e.editorView.value;
-			return t ? Zt(t.state.doc) : [];
+			return t ? ln(t.state.doc) : [];
 		},
 		getCommentAnchors: () => {
 			let t = e.editorView.value;
-			return t ? Yt(t.state.doc) : [];
+			return t ? sn(t.state.doc) : [];
 		},
 		getSelectionText: () => {
 			let t = e.editorView.value;
-			return t ? je(t.state) : "";
+			return t ? Pe(t.state) : "";
 		},
 		getPageText: (t) => {
 			let n = e.editorView.value;
-			return n ? fn(e.layout.value, n.state.doc, t) : null;
+			return n ? wn(e.layout.value, n.state.doc, t) : null;
+		},
+		getTargetPage: (t, n) => {
+			let r = e.editorView.value, i = e.layout.value;
+			if (!r || !i) return null;
+			let a = t.type === "textRange" ? Cn({
+				range: t,
+				doc: r.state.doc,
+				snapshot: n
+			}) : Sn({
+				blockId: t.blockId,
+				doc: r.state.doc,
+				snapshot: n
+			});
+			if (a === null) return null;
+			let o = Vt(i, a.from);
+			return o == null ? null : o + 1;
 		},
-		getTargetPage: () => null,
 		getContentControls: (t = {}) => {
 			let n = e.editorView.value;
-			return n ? an(n.state.doc, t).map((e) => ({
-				properties: nn(e.node),
+			return n ? gn(n.state.doc, t).map((e) => ({
+				properties: mn(e.node),
 				path: e.path,
 				pmPos: e.pos
 			})) : [];
@@ -2309,60 +2582,60 @@ function ia(e) {
 		scrollToContentControl: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = rn(n.state.doc, t);
+			let r = hn(n.state.doc, t);
 			if (!r) return !1;
 			let i = r.pos + 1, a = n.state.doc.resolve(i);
-			return n.dispatch(n.state.tr.setSelection(tt.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
+			return n.dispatch(n.state.tr.setSelection(Y.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		setContentControlContent: (t, n, r = {}) => {
 			let i = e.editorView.value;
 			if (!i) return !1;
-			let a = typeof n == "string" ? sn(i.state, t, n, r) : ln(i.state, t, n, r);
+			let a = typeof n == "string" ? vn(i.state, t, n, r) : bn(i.state, t, n, r);
 			return a ? (i.dispatch(a), !0) : !1;
 		},
 		setContentControlValue: (t, n, r = {}) => {
 			let i = e.editorView.value;
 			if (!i) return !1;
-			let a = cn(i.state, t, n, r);
+			let a = yn(i.state, t, n, r);
 			return a ? (i.dispatch(a), !0) : !1;
 		},
 		removeContentControl: (t, n = {}) => {
 			let r = e.editorView.value;
 			if (!r) return !1;
-			let i = on(r.state, t, n);
+			let i = _n(r.state, t, n);
 			return i ? (r.dispatch(i), !0) : !1;
 		}
 	} };
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function aa(e) {
+function wa(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
-		e && (Ct(e.state, e.dispatch, e), e.focus());
+		e && (kt(e.state, e.dispatch, e), e.focus());
 	}
 	function r(n) {
 		let r = t();
 		if (!r) return;
 		let i = e.getDocument(), a = i?.package?.styles;
 		if (a) {
-			let e = ke(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? vn(i.package.numbering) : null };
-			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), pn(n, t)(r.state, (e) => r.dispatch(e));
-		} else pn(n)(r.state, (e) => r.dispatch(e));
+			let e = Me(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? An(i.package.numbering) : null };
+			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), Tn(n, t)(r.state, (e) => r.dispatch(e));
+		} else Tn(n)(r.state, (e) => r.dispatch(e));
 		r.focus();
 	}
 	function i() {
 		let t = e.editorView.value;
-		t && (yn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (jn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function a() {
 		let t = e.editorView.value;
-		t && (xn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (Nn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function o() {
 		let t = e.editorView.value;
-		t && (bn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (Mn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function s(e) {
 		let n = t();
@@ -2381,8 +2654,8 @@ function aa(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function oa(e) {
-	let t = W(null);
+function Ta(e) {
+	let t = H(null);
 	function n(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
 	}
@@ -2412,14 +2685,14 @@ function oa(e) {
 	}
 	function o(n, r) {
 		let i = e.editorView.value;
-		i && (Sn(i, {
+		i && (Pn(i, {
 			displayText: n,
 			href: r
 		}), t.value = null, i.focus());
 	}
 	function s() {
 		let n = e.editorView.value;
-		n && (Cn(n, { popupHref: t.value?.href }), t.value = null, n.focus());
+		n && (Fn(n, { popupHref: t.value?.href }), t.value = null, n.focus());
 	}
 	return {
 		hyperlinkPopupData: t,
@@ -2432,8 +2705,8 @@ function oa(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function sa(e) {
-	let t = we(null), n = W(!1), r = N(() => {
+function Ea(e) {
+	let t = De(null), n = H(!1), r = k(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2452,9 +2725,9 @@ function sa(e) {
 	function a(n) {
 		let r = e.editorView.value, a = t.value;
 		if (!r || !a) return;
-		let o = ct(n);
+		let o = X(n);
 		if (!o) return;
-		let s = r.state.doc.nodeAt(a.pmPos)?.attrs.wrapType === "inline" && o !== "inline" ? { initialPositionEmu: it(a.element, e.zoom.value) } : void 0, c = e.getCommands().setImageWrapType;
+		let s = r.state.doc.nodeAt(a.pmPos)?.attrs.wrapType === "inline" && o !== "inline" ? { initialPositionEmu: lt(a.element, e.zoom.value) } : void 0, c = e.getCommands().setImageWrapType;
 		c && (i(r, c(a.pmPos, o, s)), r.focus());
 	}
 	function o(n) {
@@ -2482,7 +2755,7 @@ function sa(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function ca(e) {
+function Da(e) {
 	function t(t) {
 		if (t.key === "F1") {
 			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
@@ -2497,14 +2770,14 @@ function ca(e) {
 			e.disableFindReplaceShortcuts?.() && (t.key === "f" || t.key === "h") || (t.key === "f" || t.key === "h" ? (t.preventDefault(), e.showFindReplace.value = !0) : t.key === "k" ? (t.preventDefault(), e.showHyperlink.value = !0) : t.key === "/" && (t.preventDefault(), e.showKeyboardShortcuts.value = !e.showKeyboardShortcuts.value));
 		}
 	}
-	return xe(() => window.addEventListener("keydown", t)), be(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+	return Ce(() => window.addEventListener("keydown", t)), Se(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function la(e) {
+function Oa(e) {
 	function t() {
 		let t = e.editorView.value;
-		t && (e.outlineHeadings.value = wn(t.state.doc));
+		t && (e.outlineHeadings.value = In(t.state.doc));
 	}
 	function n() {
 		e.showOutline.value || t(), e.showOutline.value = !e.showOutline.value;
@@ -2515,7 +2788,7 @@ function la(e) {
 	function i(t) {
 		let n = e.editorView.value;
 		if (!n) return;
-		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = tt.near(r);
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = Y.near(r);
 		n.dispatch(n.state.tr.setSelection(i)), e.scrollToVisiblePosition(t), n.focus();
 	}
 	function a() {
@@ -2535,7 +2808,7 @@ function la(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function ua(e) {
+function ka(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -2562,19 +2835,19 @@ function ua(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && gn(t)(n.state, n.dispatch);
+		n && On(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && _n(t)(n.state, n.dispatch);
+		n && kn(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? hn(-t, !0)(n.state, n.dispatch) : hn(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? Dn(-t, !0)(n.state, n.dispatch) : Dn(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && mn(t)(n.state, n.dispatch);
+		n && En(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -2590,45 +2863,45 @@ function ua(e) {
 }
 //#endregion
 //#region src/utils/textSelection.ts
-var da = /[\p{L}\p{N}\p{M}_''-]/u, fa = /\s/;
-function pa(e) {
-	return !e || e.length === 0 ? !1 : da.test(e);
+var Aa = /[\p{L}\p{N}\p{M}_''-]/u, ja = /\s/;
+function Ma(e) {
+	return !e || e.length === 0 ? !1 : Aa.test(e);
 }
-function ma(e) {
-	return !e || e.length === 0 ? !1 : fa.test(e);
+function Na(e) {
+	return !e || e.length === 0 ? !1 : ja.test(e);
 }
-function ha(e, t) {
+function Pa(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 (ma(n)) {
+	if (Na(n)) {
 		let n = t, r = t;
-		for (; n > 0 && ma(e[n - 1]);) n--;
-		for (; r < e.length && ma(e[r]);) r++;
+		for (; n > 0 && Na(e[n - 1]);) n--;
+		for (; r < e.length && Na(e[r]);) r++;
 		return [n, r];
 	}
-	if (pa(n)) {
+	if (Ma(n)) {
 		let n = t, r = t;
-		for (; n > 0 && pa(e[n - 1]);) n--;
-		for (; r < e.length && pa(e[r]);) r++;
+		for (; n > 0 && Ma(e[n - 1]);) n--;
+		for (; r < e.length && Ma(e[r]);) r++;
 		return [n, r];
 	}
 	return [t, t + 1];
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function ga(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : vt(e);
+function Fa(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : St(e);
 	for (let e of r) {
 		let n = Number(e.dataset.pmStart), r = Number(e.dataset.pmEnd);
 		if (!Number.isNaN(n) && !Number.isNaN(r) && t >= n && t <= r) return e;
 	}
 	return null;
 }
-function _a(e, t, n) {
+function Ia(e, t, n) {
 	if (!e || !t) return;
-	let r = _t(e, n);
-	if (!r) for (let t of vt(e)) {
+	let r = xt(e, n);
+	if (!r) for (let t of St(e)) {
 		let e = Number(t.dataset.pmStart), i = Number(t.dataset.pmEnd);
 		if (Number.isFinite(e) && Number.isFinite(i) && n >= e && n <= i) {
 			r = t;
@@ -2642,21 +2915,21 @@ function _a(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function va(e, t, n, r) {
+function La(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = dt(e, n, r, 1);
+	let i = ht(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function ya(e, t, n, r) {
+function Ra(e, t, n, r) {
 	if (!e) return;
-	let i = ga(e, t, r);
+	let i = Fa(e, t, r);
 	if (!i) return;
-	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = ha(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = Pa(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function ba(e, t, n, r) {
+function za(e, t, n, r) {
 	if (!e) return;
-	let i = ga(e, t, r);
+	let i = Fa(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -2665,50 +2938,58 @@ function ba(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var xa = 500;
-function Sa(e) {
-	let t = W(null), n = null;
+var Ba = 500;
+function Va(e) {
+	let t = H(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = we(null), a = 0, o = null, s = 0, c = !1, l = null, u = Dn(), d = re({
+	let i = De(null), a = 0, o = null, s = 0, c = !1, l = null, u = Bn(), d = ie({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
 			let n = m(e, t);
-			n !== null && n !== l && g(l, n);
+			n !== null && n !== l && _(l, n);
 		}
-	}), f = W({
+	}), f = H({
 		currentPage: 1,
 		totalPages: 1,
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return va(e.pagesRef.value, e.editorView.value, t, n);
+		return La(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
-		if (t?.headerFooter && e.getHfPmView) {
-			let n = e.getHfPmView(t.headerFooter);
+		if (t?.rId) {
+			let n = e.getHfPmView(t.rId);
 			if (n) return n;
 		}
 		return e.editorView.value;
 	}
-	function g(e, t) {
+	function g(t, n) {
+		let r = i.value, a = e.pagesRef.value, o = h();
+		if (r?.rId && a && o !== e.editorView.value) {
+			let e = Ln(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);
+	}
+	function _(e, t) {
 		let n = h();
 		if (n) try {
-			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = tt.between(r, i);
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = Y.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
-	function _(t) {
-		_a(e.pagesRef.value, e.pagesViewportRef.value, t);
-	}
 	function v(t) {
-		ya(e.pagesRef.value, t, g, i.value?.position);
+		Ia(e.pagesRef.value, e.pagesViewportRef.value, t);
+	}
+	function ee(t) {
+		Ra(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function y(t) {
-		ba(e.pagesRef.value, t, g, i.value?.position);
+		za(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function b(t) {
 		let n = e.editorView.value;
@@ -2723,21 +3004,21 @@ function Sa(e) {
 			}
 			return !0;
 		}), r !== null) {
-			_(r);
+			v(r);
 			try {
-				g(Math.min(r + 1, n.state.doc.content.size));
+				_(Math.min(r + 1, n.state.doc.content.size));
 			} catch {
-				g(r);
+				_(r);
 			}
 		}
 	}
-	function x(a) {
+	function te(a) {
 		if (e.readOnly.value || c) return;
 		let o = e.pagesRef.value;
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s || !(a.target instanceof HTMLElement)) return;
-		let l = En({
+		let l = zn({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2747,7 +3028,7 @@ function Sa(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, Tn));
+			}, Rn));
 			return;
 		}
 		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
@@ -2758,16 +3039,16 @@ function Sa(e) {
 			cellPmPos: l.cellPmPos
 		}, r();
 	}
-	function ee(n) {
+	function x(n) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(tt.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(Y.create(i.state.doc, r.cellPmPos + 1));
 		i.dispatch(a);
 		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow : o.addColumnRight;
 		s && (s()(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
 	}
-	function S(t) {
+	function ne(t) {
 		let n = t.target, r = n instanceof HTMLElement ? n.closest("a[href]") : null;
 		if (!r) return;
 		t.preventDefault();
@@ -2792,128 +3073,102 @@ function Sa(e) {
 			...l ? { tooltip: l } : {}
 		};
 	}
-	function te(t) {
-		if (!(t.target instanceof HTMLElement)) return;
+	function re(t) {
+		if (e.readOnly.value || !e.showHeaderFooterEditing.value || i.value || !(t.target instanceof HTMLElement)) return;
 		let n = t.target, r = n.closest(".layout-page-header"), a = n.closest(".layout-page-footer"), o = r ?? a;
 		if (!o) return;
 		let s = r ? "header" : "footer", c = e.getDocument();
 		if (!c?.package) return;
-		let l = c.package.document?.sections?.[0]?.properties ?? c.package.document?.finalSectionProperties ?? null, u = s === "header" ? l?.headerReferences : l?.footerReferences, d = s === "header" ? c.package.headers : c.package.footers, f = (u?.find((e) => e.type === "default") ?? u?.find((e) => e.type === "first") ?? null)?.rId ?? null, p = f ? d?.get(f) ?? null : null;
+		let l = o.closest("[data-page-number]"), u = Number.parseInt(l?.dataset.pageNumber ?? "1", 10), d = Qt(c.package), f = d.hasTitlePg && u === 1, p = Xt(d, s, f);
 		if (!p) {
-			if (!l) return;
-			let t = "default", n = `rId_new_${s}_${t}`, r = {
-				type: s,
-				hdrFtrType: t,
-				content: [{
-					type: "paragraph",
-					content: []
-				}]
-			}, i = s === "header" ? "headers" : "footers", a = s === "header" ? "headerReferences" : "footerReferences", o = new Map(c.package[i] ?? []);
-			o.set(n, r);
-			let u = c.package.relationships, d = /* @__PURE__ */ new Set();
-			for (let e of u?.values() ?? []) e.target && d.add(e.target);
-			let m = 1;
-			for (; d.has(`${s}${m}.xml`);) m++;
-			let h = s === "header" ? "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header" : "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer", g = new Map(u);
-			g.set(n, {
-				id: n,
-				type: h,
-				target: `${s}${m}.xml`
-			});
-			let _ = {
-				type: t,
-				rId: n
-			}, v = {
-				...l,
-				[a]: [...l[a] ?? [], _]
-			}, y = c.package.document, b = y?.sections?.map((e, t) => t === 0 ? {
-				...e,
-				properties: v
-			} : e), x = y?.finalSectionProperties === l ? v : y?.finalSectionProperties, ee = {
-				...c,
-				package: {
-					...c.package,
-					[i]: o,
-					relationships: g,
-					document: y && {
-						...y,
-						...b !== void 0 && { sections: b },
-						...x !== void 0 && { finalSectionProperties: x }
-					}
-				}
-			};
-			f = n, p = r, e.setDocument?.(ee), e.syncHfPMs?.(), e.reLayout(), e.emit("change", ee);
+			let t = Yt(c, s, f);
+			if (!t) return;
+			e.setDocument(t), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(t), d = Qt(t.package), p = Xt(d, s, f);
 		}
-		let m = e.pagesViewportRef.value;
-		if (!m) return;
-		let h = o.getBoundingClientRect(), g = m.getBoundingClientRect(), _ = e.zoom.value || 1;
+		if (!p) return;
+		let m = p, h = e.pagesViewportRef.value;
+		if (!h) return;
+		let g = o.getBoundingClientRect(), _ = h.getBoundingClientRect(), v = e.zoom.value || 1;
 		i.value = {
+			isFirstPage: f,
+			pageNumber: u,
 			position: s,
-			rId: f,
-			headerFooter: p,
+			rId: m,
 			targetRect: {
-				top: (h.top - g.top + m.scrollTop) / _,
-				left: (h.left - g.left + m.scrollLeft) / _,
-				width: h.width / _,
-				height: h.height / _
+				top: (g.top - _.top + h.scrollTop) / v,
+				left: (g.left - _.left + h.scrollLeft) / v,
+				width: g.width / v,
+				height: g.height / v
 			}
-		};
+		}, requestAnimationFrame(() => {
+			let n = e.getHfPmView(m);
+			if (!n) return;
+			let r = Ln(e.pagesRef.value ?? o, s, m, 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(Y.create(n.state.doc, e)));
+			}
+			n.focus();
+		});
 	}
-	function ne(t) {
-		let n = e.getDocument(), r = i.value;
-		if (!n?.package || !r) return;
-		let a = r.position === "header" ? n.package.headers : n.package.footers;
-		if (!a || !r.rId) return;
-		let o = a.get(r.rId);
-		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
+	function ae() {
+		let t = e.getDocument(), n = i.value;
+		if (!t?.package || !n?.rId) return;
+		let r = e.getHfPmView(n.rId);
+		if (!r) return;
+		let a = $t({
+			document: t,
+			position: n.position,
+			isFirstPage: n.isFirstPage,
+			activeRId: n.rId,
+			blocks: Ht(r.state.doc)
+		});
+		a && (i.value = null, e.setDocument(a), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(a));
 	}
-	function ie() {
+	function S() {
 		let t = e.getDocument(), n = i.value;
 		if (!t?.package || !n || !n.rId) {
 			i.value = null;
 			return;
 		}
-		let r = n.position === "header" ? "headers" : "footers", a = n.position === "header" ? "headerReferences" : "footerReferences", o = n.rId, s = new Map(t.package[r] ?? []);
-		s.delete(o);
-		let c = (e) => ({
-			...e,
-			[a]: (e[a] ?? []).filter((e) => e.rId !== o)
-		}), l = (e) => "sectionProperties" in e && e.sectionProperties ? {
-			...e,
-			sectionProperties: c(e.sectionProperties)
-		} : e, u = t.package.document, d = u?.sections?.map((e) => ({
-			...e,
-			properties: c(e.properties)
-		})), f = u?.finalSectionProperties ? c(u.finalSectionProperties) : void 0, p = {
-			...t,
-			package: {
-				...t.package,
-				[r]: s,
-				document: u && {
-					...u,
-					content: u.content.map(l),
-					...d !== void 0 && { sections: d },
-					...f !== void 0 && { finalSectionProperties: f }
-				}
-			}
-		};
-		i.value = null, e.setDocument?.(p), e.syncHfPMs?.(), e.reLayout(), e.emit("change", p);
+		let r = Zt({
+			document: t,
+			position: n.position,
+			activeRId: n.rId
+		});
+		i.value = null, e.setDocument(r), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(r);
 	}
-	function C(t) {
+	function oe(t) {
 		if (t.button !== 0 || e.imageInteracting.value) return;
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = t.target, d = r instanceof HTMLElement ? r : null;
-		i.value && d && (d.closest(".layout-page-header") || d.closest(".layout-page-footer") || d.closest(".hf-editor") || (i.value = null, n.focus()));
+		if (i.value && d) if (!(d.closest(".layout-page-header") || d.closest(".layout-page-footer") || d.closest(".hf-inline-editor"))) ae(), n.focus();
+		else {
+			let t = i.value, n = d.closest(`.layout-page-${t.position}`), r = n?.closest("[data-page-number]"), a = e.pagesViewportRef.value;
+			if (n && r && a) {
+				let o = Number.parseInt(r.dataset.pageNumber ?? "1", 10), s = n.getBoundingClientRect(), c = a.getBoundingClientRect(), l = e.zoom.value || 1;
+				i.value = {
+					...t,
+					pageNumber: o,
+					targetRect: {
+						top: (s.top - c.top + a.scrollTop) / l,
+						left: (s.left - c.left + a.scrollLeft) / l,
+						width: s.width / l,
+						height: s.height / l
+					}
+				};
+			}
+		}
 		let f = h() ?? n;
 		if (!e.readOnly.value && e.tableResize.tryStartResize(t, f)) return;
-		let p = ot(r);
+		let p = dt(r);
 		if (p) {
 			t.preventDefault(), t.stopPropagation();
 			let n = Number(p.dataset.pmStart);
 			if (!Number.isNaN(n)) {
 				try {
-					f.dispatch(f.state.tr.setSelection(Z.create(f.state.doc, n)));
+					f.dispatch(f.state.tr.setSelection(at.create(f.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
 					element: p,
@@ -2926,37 +3181,37 @@ function Sa(e) {
 			return;
 		}
 		e.selectedImage.value = null, t.preventDefault();
-		let _ = m(t.clientX, t.clientY);
-		if (_ === null) {
+		let m = g(t.clientX, t.clientY);
+		if (m === null) {
 			f.focus();
 			return;
 		}
-		let b = Date.now();
-		if (b - a < xa && o === _ ? s++ : s = 1, a = b, o = _, s === 2) v(_);
-		else if (s >= 3) y(_), s = 0;
+		let v = Date.now();
+		if (v - a < Ba && o === m ? s++ : s = 1, a = v, o = m, s === 2) ee(m);
+		else if (s >= 3) y(m), s = 0;
 		else if (t.shiftKey) {
 			let { from: e } = f.state.selection;
-			g(e, _);
-		} else g(_), l = _, c = !0, u.begin(On(f, _));
+			_(e, m);
+		} else _(m), l = m, c = !0, u.begin(Vn(f, m));
 		f.focus();
 	}
-	function ae(e) {
+	function se(e) {
 		if (!c || l === null) return;
-		let t = m(e.clientX, e.clientY);
+		let t = g(e.clientX, e.clientY);
 		if (t !== null) {
 			let n = h();
 			if (n && u.update(n, t, e.clientX)) {
 				d.updateMousePosition(e.clientX, e.clientY);
 				return;
 			}
-			t !== l && g(l, t);
+			t !== l && _(l, t);
 		}
 		d.updateMousePosition(e.clientX, e.clientY);
 	}
-	function oe() {
+	function C() {
 		c = !1, u.end(), d.stopAutoScroll();
 	}
-	function w() {
+	function ce() {
 		let t = e.pagesViewportRef.value, n = e.layout.value;
 		if (!t || !n || n.pages.length === 0) return;
 		let r = t.scrollTop, i = n.pages.length, a = r + t.clientHeight / 2, o = 24, s = 1;
@@ -2981,41 +3236,107 @@ function Sa(e) {
 			};
 		}, 600);
 	}
-	return xe(() => {
-		window.addEventListener("mousemove", ae), window.addEventListener("mouseup", oe), e.pagesViewportRef.value?.addEventListener("scroll", w, { passive: !0 });
-	}), be(() => {
-		r(), window.removeEventListener("mousemove", ae), window.removeEventListener("mouseup", oe), e.pagesViewportRef.value?.removeEventListener("scroll", w), p && clearTimeout(p);
+	return Ce(() => {
+		window.addEventListener("mousemove", se), window.addEventListener("mouseup", C), e.pagesViewportRef.value?.addEventListener("scroll", ce, { passive: !0 });
+	}), Se(() => {
+		r(), window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", C), e.pagesViewportRef.value?.removeEventListener("scroll", ce), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
 		scrollPageInfo: f,
 		resolvePos: m,
-		setPmSelection: g,
-		scrollVisiblePositionIntoView: _,
+		setPmSelection: _,
+		scrollVisiblePositionIntoView: v,
 		navigateToBookmark: b,
-		handlePagesMouseDown: C,
-		handlePagesMouseMove: x,
-		handlePagesClick: S,
-		handlePagesDoubleClick: te,
-		handleTableInsertClick: ee,
+		handlePagesMouseDown: oe,
+		handlePagesMouseMove: te,
+		handlePagesClick: ne,
+		handlePagesDoubleClick: re,
+		handleTableInsertClick: x,
 		clearTableInsertTimer: r,
-		handleHfSave: ne,
-		handleHfRemove: ie
+		handleHfSave: ae,
+		handleHfRemove: S
 	};
 }
 //#endregion
+//#region src/composables/useRemoteSelectionSync.ts
+var Ha = (e) => {
+	let t = new Hn(), n = null, r = () => {
+		n !== null && (cancelAnimationFrame(n), n = null);
+		let r = e.pagesRef.value;
+		r && t.clear(r);
+	}, i = () => {
+		n !== null && cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+			if (n = null, !e.syncCoordinator.isSafeToRender()) return;
+			let r = e.pagesRef.value;
+			r && t.sync({
+				pagesContainer: r,
+				selections: e.remoteSelections.value,
+				zoom: e.zoom.value,
+				zIndex: re.remoteSelection
+			});
+		});
+	}, a = e.syncCoordinator.onRender(i);
+	K([
+		e.pagesRef,
+		e.remoteSelections,
+		e.zoom
+	], i, { flush: "post" }), we(() => {
+		a(), r();
+	});
+}, Ua = (e) => {
+	let t = new Un(), n = null, r = () => {
+		n !== null && (cancelAnimationFrame(n), n = null);
+		let r = e.pagesRef.value;
+		r && t.clear(r);
+	}, i = () => {
+		n !== null && cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+			if (n = null, !e.syncCoordinator.isSafeToRender()) return;
+			let r = e.pagesRef.value, i = e.editorView.value;
+			if (!r || !i) return;
+			let a = t.sync({
+				pagesContainer: r,
+				state: i.state,
+				zoom: e.zoom.value,
+				zIndex: re.selectionOverlay
+			});
+			if (a.type === "image") {
+				let t = e.selectedImage.value, n = a.element.offsetWidth, r = a.element.offsetHeight;
+				(t?.element !== a.element || t.pmPos !== a.pmPos || t.width !== n || t.height !== r) && (e.selectedImage.value = {
+					element: a.element,
+					pmPos: a.pmPos,
+					width: n,
+					height: r
+				});
+				return;
+			}
+			e.imageInteracting?.value || (e.selectedImage.value = null);
+		});
+	}, a = e.syncCoordinator.onRender(i);
+	return K([
+		e.zoom,
+		e.editorView,
+		e.pagesRef
+	], i, { flush: "post" }), we(() => {
+		a(), r();
+	}), {
+		clearOverlay: r,
+		updateSelectionOverlay: i
+	};
+};
+//#endregion
 //#region src/utils/hostFonts.ts
-function Ca(e) {
+function Wa(e) {
 	return typeof e == "string" && e.trim().length > 0;
 }
-function wa(e) {
-	return typeof e != "object" || !e ? !1 : Ca(Reflect.get(e, "family")) && Ca(Reflect.get(e, "src"));
+function Ga(e) {
+	return typeof e != "object" || !e ? !1 : Wa(Reflect.get(e, "family")) && Wa(Reflect.get(e, "src"));
 }
-function Ta(e) {
+function Ka(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e) {
-		if (!wa(n)) continue;
+		if (!Ga(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(),
@@ -3025,10 +3346,10 @@ function Ta(e) {
 	}
 	return t;
 }
-function Ea() {
+function qa() {
 	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
 }
-async function Da(e, t, n, r) {
+async function Ja(e, t, n, r) {
 	let i;
 	try {
 		i = new FontFace(t, n, r), e.add(i);
@@ -3037,39 +3358,39 @@ async function Da(e, t, n, r) {
 	}
 	return await i.load().then(() => !0, () => !1) ? i : (e.delete(i), null);
 }
-async function Oa(e) {
-	let t = Ea();
+async function Ya(e) {
+	let t = qa();
 	if (!t) return [];
-	let n = Ta(e);
+	let n = Ka(e);
 	if (n.length === 0) return [];
 	let r = [];
 	return await Promise.all(n.map(async ({ family: e, source: n, descriptors: i }) => {
-		let a = await Da(t, e, n, i);
+		let a = await Ja(t, e, n, i);
 		a && r.push(a);
 	})), r;
 }
-function ka(e) {
-	let t = Ea();
+function Xa(e) {
+	let t = qa();
 	if (t) for (let n of e) t.delete(n);
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
+var Za = { class: "docx-editor-vue__toolbar-shell" }, Qa = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Ma = {
+}, $a = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, Na = {
+}, eo = {
 	key: 2,
 	class: "docx-editor-vue__placeholder"
-}, Pa = { class: "docx-editor-vue__editor-area" }, Fa = {
+}, to = { class: "docx-editor-vue__editor-area" }, no = {
 	key: 0,
 	class: "docx-editor-vue__ruler-h"
-}, Ia = {
+}, ro = {
 	key: 1,
 	class: "docx-editor-vue__ruler-v"
-}, La = {
+}, io = {
 	class: "docx-editor-vue__editor-content-wrapper",
 	style: {
 		position: "relative",
@@ -3077,11 +3398,11 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 		flexDirection: "column",
 		minHeight: "100%"
 	}
-}, Ra = {
+}, ao = {
 	"data-testid": "selection-overlay",
 	class: "docx-editor-vue__decoration-origin",
 	"aria-hidden": "true"
-}, za = ["aria-label"], Ba = /*#__PURE__*/ t(/* @__PURE__ */ z({
+}, oo = ["aria-label"], so = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3110,7 +3431,10 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 			type: Boolean,
 			default: !0
 		},
-		showHeaderFooterEditing: { type: Boolean },
+		showHeaderFooterEditing: {
+			type: Boolean,
+			default: !0
+		},
 		showMarginGuides: { type: Boolean },
 		marginGuideColor: {},
 		showRuler: { type: Boolean },
@@ -3201,39 +3525,41 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 	],
 	setup(t, { expose: n, emit: a }) {
 		let o = t, s = a;
-		e(), i(o.components), Mr(W(!1));
-		let l = W(o.mode), u = N(() => o.readOnly || l.value === "viewing"), d = N(() => o.showReviewControls), f = N(() => lt(l.value)), p = W("all-markup");
+		e(), i(o.components), Jr(H(!1));
+		let l = H(o.mode), u = k(() => o.readOnly || l.value === "viewing"), d = k(() => o.showReviewControls), f = k(() => pt(l.value)), p = H("all-markup");
 		function h() {
-			dn(ut(l.value));
+			Dn(mt(l.value));
 		}
-		function y(e) {
+		function ee(e) {
 			p.value = e;
 		}
-		let b = N(() => p.value === "all-markup" ? "" : `folio-root--${p.value}`), { t: x } = c(), S = ({ node: e }) => e;
-		S.props = ["node"];
-		let ne = N(() => o.documentBuffer != null || o.document != null), re = W(!1);
-		J(ne, (e) => {
-			e || (re.value = !1);
+		let y = k(() => p.value === "all-markup" ? "" : `folio-root--${p.value}`), { t: b } = c(), x = ({ node: e }) => e;
+		x.props = ["node"];
+		let re = k(() => o.documentBuffer != null || o.document != null), ie = H(!1);
+		K(re, (e) => {
+			e || (ie.value = !1);
 		});
-		let w = W(null), T = W(null), se = W(null), ce = W(null), le = N(() => o.showRuler ?? !1), E = W(0), D = W(!1), ue = W(!1), de = W(!1), fe = W(!1), O = W(!1), k = W(!1), A = W(o.showOutline), M = W(!1), pe = W(null), he = we([]), z = we([]), { zoom: B, zoomPercent: _e, isMinZoom: ye, isMaxZoom: Se, setZoom: G, zoomIn: Te, zoomOut: De, handleWheel: Oe, handleKeyDown: ke, ZOOM_PRESETS: je } = oe(o.initialZoom);
-		function Me(e) {
-			o.enableWheelZoom !== !1 && Oe(e);
+		let C = H(null), ce = H(null), w = H(null), le = H(null), ue = H(null), de = k(() => o.showRuler ?? !1), T = H(0), fe = H(!1), pe = H(!1), me = H(!1), he = H(!1), E = H(!1), D = H(!1), ge = H(o.showOutline), A = H(!1), ve = H(null), L = H(null), ye = De([]), be = De([]), { zoom: R, zoomPercent: we, isMinZoom: Te, isMaxZoom: U, setZoom: Oe, zoomIn: Ae, zoomOut: je, handleWheel: Me, handleKeyDown: Pe, ZOOM_PRESETS: Fe } = se(o.initialZoom);
+		function Le(e) {
+			o.enableWheelZoom !== !1 && Me(e);
 		}
-		ca({
-			showKeyboardShortcuts: de,
-			showFindReplace: D,
-			showHyperlink: ue,
-			handleZoomKeyDown: ke
+		Da({
+			showKeyboardShortcuts: me,
+			showFindReplace: fe,
+			showHyperlink: pe,
+			handleZoomKeyDown: Pe
 		});
-		let { editor: Pe, editorView: X, editorState: Le, isReady: Ge, isDirty: Ke, parseError: qe, layout: Je, blocks: Ye, measures: Xe, loadBuffer: Ze, loadDocument: Qe, save: $e, getDocument: Z, getCommands: et, focus: tt, reLayout: nt } = C({
-			hiddenContainer: w,
-			pagesContainer: T,
+		let { editor: ze, editorView: J, editorState: He, remoteSelections: Ye, headerFooterSelection: Xe, isReady: Ze, isDirty: Qe, parseError: $e, layout: et, blocks: tt, measures: nt, syncCoordinator: rt, loadBuffer: it, loadDocument: at, save: ot, getDocument: Y, setDocument: st, getHeaderFooterView: ct, syncHeaderFooterViews: lt, getCommands: ut, focus: dt, reLayout: ft } = S({
+			hiddenContainer: C,
+			hiddenHeaderFooterContainer: ce,
+			pagesContainer: w,
 			readOnly: u,
 			editorMode: l,
 			author: () => o.author,
 			password: () => o.password,
 			documentKey: () => o.documentKey,
 			externalPlugins: [],
+			collaboration: () => o.collaboration,
 			onAnonymizationMatchesChange: (e) => o.onAnonymizationMatchesChange?.(e),
 			showTemplateDirectives: () => o.showTemplateDirectives,
 			onSlashMenuChange: (e) => o.onSlashMenuChange?.(e),
@@ -3245,7 +3571,7 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				o.onError?.(e), s("error", e);
 			},
 			onSelectionUpdate: (e) => {
-				if (o.onSelectionChange?.(Ae(e)), o.onSelectionTextChange) {
+				if (o.onSelectionChange?.(Ne(e)), o.onSelectionTextChange) {
 					let { from: t, to: n } = e.selection, r = t === n ? "" : e.doc.textBetween(t, n, " ", " ");
 					o.onSelectionTextChange({
 						from: t,
@@ -3258,117 +3584,147 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 			onReadOnlyEditAttempt: () => o.onReadonlyEditAttempt?.(),
 			featureFlags: () => o.featureFlags,
 			onSelectiveSaveTripwire: o.onSelectiveSaveTripwire ? (e) => o.onSelectiveSaveTripwire?.(e) : void 0
-		}), rt = N(() => !Ge.value && ne.value && !(o.preserveDocumentWhileLoading === !0 && re.value));
-		function it() {
-			X.value && (He(), Ve(), nt());
+		}), X = k(() => (L.value ? ct(L.value) : null) ?? J.value), ht = k(() => !Ze.value && re.value && !(o.preserveDocumentWhileLoading === !0 && ie.value));
+		function gt() {
+			J.value && (Ke(), Ge(), ft());
 		}
-		J(() => o.fonts, (e, t, n) => {
+		K(() => o.fonts, (e, t, n) => {
 			if (!e || e.length === 0) return;
 			let r = !1, i = [];
-			Oa(e).then((e) => {
+			Ya(e).then((e) => {
 				if (r) {
-					ka(e);
+					Xa(e);
 					return;
 				}
-				i = e, e.length !== 0 && it();
+				i = e, e.length !== 0 && gt();
 			}), n(() => {
-				r = !0, i.length !== 0 && (ka(i), it());
+				r = !0, i.length !== 0 && (Xa(i), gt());
 			});
 		}, { immediate: !0 });
-		let { selectedImage: at, imageInteracting: ot, imageToolbarContext: st, handleToolbarImageWrap: ct, handleImageTransform: dt } = sa({
-			editorView: X,
-			zoom: B,
-			stateTick: E,
-			getCommands: et
-		}), { hyperlinkPopupData: ft, handleHyperlinkSubmit: pt, handleHyperlinkRemove: mt, handleHyperlinkPopupNavigate: ht, handleHyperlinkPopupEdit: gt, handleHyperlinkPopupRemove: _t } = oa({
+		let { selectedImage: _t, imageInteracting: vt, imageToolbarContext: yt, handleToolbarImageWrap: bt, handleImageTransform: xt } = Ea({
 			editorView: X,
-			getCommands: et
-		}), vt = ie(), { tableInsertButton: yt, scrollPageInfo: bt, resolvePos: xt, setPmSelection: St, scrollVisiblePositionIntoView: Ct, handlePagesMouseDown: wt, handlePagesMouseMove: Tt, handlePagesClick: Et, handleTableInsertClick: Dt } = Sa({
+			zoom: R,
+			stateTick: T,
+			getCommands: ut
+		}), St = Ua({
+			editorView: J,
+			pagesRef: w,
+			zoom: R,
+			selectedImage: _t,
+			syncCoordinator: rt,
+			imageInteracting: vt
+		});
+		Ha({
+			pagesRef: w,
+			remoteSelections: Ye,
+			syncCoordinator: rt,
+			zoom: R
+		});
+		let { hyperlinkPopupData: Ct, handleHyperlinkSubmit: wt, handleHyperlinkRemove: Tt, handleHyperlinkPopupNavigate: Et, handleHyperlinkPopupEdit: Dt, handleHyperlinkPopupRemove: Ot } = Ta({
 			editorView: X,
-			pagesRef: T,
-			pagesViewportRef: se,
-			selectedImage: at,
-			imageInteracting: ot,
-			hyperlinkPopupData: ft,
+			getCommands: ut
+		}), kt = ae(), { tableInsertButton: At, hfEdit: Z, scrollPageInfo: jt, resolvePos: Mt, setPmSelection: Nt, scrollVisiblePositionIntoView: Pt, handlePagesMouseDown: Ft, handlePagesMouseMove: It, handlePagesClick: Lt, handlePagesDoubleClick: Rt, handleTableInsertClick: zt, handleHfSave: Bt, handleHfRemove: Vt } = Va({
+			editorView: J,
+			pagesRef: w,
+			pagesViewportRef: le,
+			selectedImage: _t,
+			imageInteracting: vt,
+			hyperlinkPopupData: Ct,
 			readOnly: u,
-			zoom: B,
-			layout: Je,
+			showHeaderFooterEditing: k(() => o.showHeaderFooterEditing),
+			zoom: R,
+			layout: et,
 			tableResize: {
-				tryStartResize: vt.tryStartResize,
-				isResizing: N(() => vt.isResizing())
+				tryStartResize: kt.tryStartResize,
+				isResizing: k(() => kt.isResizing())
 			},
-			getCommands: et,
-			getDocument: Z,
-			reLayout: nt,
-			emit: () => {},
-			clearOverlay: () => {}
-		}), Ot = la({
-			editorView: X,
-			showOutline: A,
-			showSidebar: M,
-			outlineHeadings: z,
-			activeSidebarItem: pe,
+			getCommands: ut,
+			getDocument: Y,
+			getHfPmView: ct,
+			syncHfPMs: lt,
+			setDocument: st,
+			reLayout: ft,
+			onDocumentChange: (e) => {
+				o.onChange?.(e), s("change", e), s("update:document", e);
+			},
+			clearOverlay: St.clearOverlay
+		}), Ht = () => Z.value?.rId ? ct(Z.value.rId) : null, Ut = k(() => {
+			let e = Z.value, t = Xe.value;
+			return !e?.rId || !t || t.rId !== e.rId ? null : {
+				...t,
+				pageNumber: e.pageNumber
+			};
+		});
+		K(Z, (e) => {
+			L.value = e?.rId ?? null, e && St.clearOverlay();
+		}, { immediate: !0 });
+		let Wt = Oa({
+			editorView: J,
+			showOutline: ge,
+			showSidebar: A,
+			outlineHeadings: be,
+			activeSidebarItem: ve,
 			extractCommentsAndChanges: () => {},
-			scrollToVisiblePosition: Ct
-		}), { contextMenu: kt, imageContextMenu: At, imageContextMenuTextActions: jt, customTextMenuItems: Mt, handleContextMenu: Nt, handleSelectedImageContextMenu: Pt, handleImageWrapSelect: Ft, handleContextMenuAction: It } = ta({
+			scrollToVisiblePosition: Pt
+		}), { contextMenu: Gt, imageContextMenu: Kt, imageContextMenuTextActions: qt, customTextMenuItems: Jt, handleContextMenu: Yt, handleSelectedImageContextMenu: Xt, handleImageWrapSelect: Zt, handleContextMenuAction: Qt } = ba({
 			editorView: X,
-			selectedImage: at,
-			zoom: B,
-			showImageProperties: O,
-			getCommands: et,
-			clearOverlay: () => {},
-			setPmSelection: St,
-			resolvePos: xt,
+			selectedImage: _t,
+			zoom: R,
+			showImageProperties: E,
+			getCommands: ut,
+			clearOverlay: St.clearOverlay,
+			setPmSelection: Nt,
+			resolvePos: Mt,
 			customContextMenuItems: () => u.value ? void 0 : o.customContextMenuItems,
 			onCustomContextAction: (e, t) => o.onCustomContextAction?.(e, t)
-		}), Lt = ae(X, E), Rt = N(() => Lt.value.entries), Q = Ui({
-			editorView: X,
-			getDocument: Z,
+		}), $t = oe(J, T), en = k(() => $t.value.entries), Q = ca({
+			editorView: J,
+			getDocument: Y,
 			author: () => o.author,
 			commentsProp: () => o.comments,
 			onCommentsChange: (e) => {
 				o.onCommentsChange?.(e), s("comments-change", e);
 			},
-			reLayout: nt
-		}), zt = Q.comments, $ = Hi({
-			editorView: X,
-			pagesViewport: se,
-			pagesContainer: T,
+			reLayout: ft
+		}), tn = Q.comments, $ = sa({
+			editorView: J,
+			pagesViewport: le,
+			pagesContainer: w,
 			readOnly: u,
 			createComment: Q.createComment,
 			pushComment: Q.pushComment,
-			reLayout: nt,
-			showSidebar: M,
+			reLayout: ft,
+			showSidebar: A,
 			setActiveSidebarItem: (e) => {
-				pe.value = e;
+				ve.value = e;
 			}
 		});
-		function Bt(e) {
-			navigator.clipboard?.writeText(e), ft.value = null;
+		function nn(e) {
+			navigator.clipboard?.writeText(e), Ct.value = null;
 		}
-		let Vt = N(() => {
-			E.value;
-			let e = Z()?.package.document;
+		let rn = k(() => {
+			T.value;
+			let e = Y()?.package.document;
 			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
-		}), Ht = N(() => {
-			E.value;
+		}), an = k(() => {
+			T.value;
 			let e = {};
 			o.fontFamilies !== void 0 && (e.fontFamilies = o.fontFamilies);
-			let t = Z()?.package.styles?.styles;
+			let t = Y()?.package.styles?.styles;
 			return t !== void 0 && (e.documentStyles = t), e;
-		}), Ut = N(() => We(Vt.value?.pageWidth ?? 12240) * B.value), Wt = N(() => {
+		}), on = k(() => Je(rn.value?.pageWidth ?? 12240) * R.value), sn = k(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of zt.value) t.done && e.add(t.id);
+			for (let t of tn.value) t.done && e.add(t.id);
 			return e;
-		}), Gt = N(() => ({
-			transform: B.value === 1 ? void 0 : `scale(${B.value})`,
+		}), cn = k(() => ({
+			transform: R.value === 1 ? void 0 : `scale(${R.value})`,
 			transformOrigin: "top center",
 			transition: "transform 0.2s ease"
-		})), { handleApplyStyle: Kt, handleInsertSymbol: qt, handleInsertSectionBreakNextPage: Jt, handleInsertSectionBreakContinuous: Yt } = aa({
+		})), { handleApplyStyle: ln, handleInsertSymbol: un, handleInsertSectionBreakNextPage: dn, handleInsertSectionBreakContinuous: fn } = wa({
 			editorView: X,
-			getDocument: Z
+			getDocument: Y
 		});
-		function Xt() {
+		function pn() {
 			if (o.onInsertImage) {
 				o.onInsertImage();
 				return;
@@ -3378,45 +3734,45 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 			let t = document.createElement("input");
 			t.type = "file", t.accept = "image/*", t.style.display = "none", t.addEventListener("change", () => {
 				let n = t.files?.[0];
-				n && Ne(e, n, () => e.focus()), t.remove();
+				n && Ie(e, n, () => e.focus()), t.remove();
 			}), document.body.appendChild(t), t.click();
 		}
-		function Zt(e, t) {
+		function mn(e, t) {
 			if (o.onInsertTable) {
 				o.onInsertTable(e, t);
 				return;
 			}
 			let n = X.value;
-			n && (Ie(n, e, t), n.focus());
+			n && (Be(n, e, t), n.focus());
 		}
-		function Qt() {
+		function hn() {
 			if (o.onInsertPageBreak) {
 				o.onInsertPageBreak();
 				return;
 			}
-			let e = X.value;
-			e && (Fe(e), e.focus());
+			let e = J.value;
+			e && (Re(e), e.focus());
 		}
-		function $t() {
+		function gn() {
 			if (o.onInsertTOC) {
 				o.onInsertTOC();
 				return;
 			}
-			let e = X.value;
-			e && (Re(e), e.focus());
+			let e = J.value;
+			e && (Ve(e), e.focus());
 		}
-		let { handlePageSetupApply: en, handleLeftMarginChange: tn, handleRightMarginChange: nn, handleTopMarginChange: rn, handleBottomMarginChange: an, handleIndentLeftChange: on, handleIndentRightChange: sn, handleFirstLineIndentChange: cn, handleTabStopRemove: ln } = ua({
-			editorView: X,
-			getDocument: Z,
+		let { handlePageSetupApply: _n, handleLeftMarginChange: vn, handleRightMarginChange: yn, handleTopMarginChange: bn, handleBottomMarginChange: xn, handleIndentLeftChange: Sn, handleIndentRightChange: Cn, handleFirstLineIndentChange: wn, handleTabStopRemove: Tn } = ka({
+			editorView: J,
+			getDocument: Y,
 			readOnly: u,
-			stateTick: E,
-			reLayout: nt,
+			stateTick: T,
+			reLayout: ft,
 			onChange: (e) => {
 				o.onChange?.(e), s("change", e), s("update:document", e);
 			}
-		}), un = N(() => {
-			E.value;
-			let e = X.value, t = e ? ze(e.state).paragraphFormatting : {};
+		}), En = k(() => {
+			T.value;
+			let e = X.value, t = e ? Ue(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3425,108 +3781,108 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				tabs: t.tabs ?? null
 			};
 		});
-		function dn(e) {
+		function Dn(e) {
 			l.value !== e && (l.value = e, o.onModeChange?.(e), s("mode-change", e));
 		}
-		function fn(e) {
+		function On(e) {
 			switch (e) {
 				case "find":
 				case "findReplace":
-					D.value = !0;
+					fe.value = !0;
 					break;
 				case "insertSymbol":
-					fe.value = !0;
+					he.value = !0;
 					break;
 				case "insertHyperlink":
-					ue.value = !0;
+					pe.value = !0;
 					break;
 				case "pageSetup":
-					k.value = !0;
+					D.value = !0;
 					break;
 				case "toggleOutline":
-					Ot.handleToggleOutline();
+					Wt.handleToggleOutline();
 					break;
 				case "toggleSidebar":
-					M.value = !M.value;
+					A.value = !A.value;
 					break;
 				case "insertImage":
-					Xt();
+					pn();
 					break;
 				case "insertPageBreak":
-					Qt();
+					hn();
 					break;
 				case "insertSectionBreakNextPage":
-					Jt();
+					dn();
 					break;
 				case "insertSectionBreakContinuous":
-					Yt();
+					fn();
 					break;
 				case "insertTOC":
-					$t();
+					gn();
 					break;
 				default: break;
 			}
 			s("menu-action", e);
 		}
-		function pn(e, t) {
-			Zt(e, t);
+		function kn(e, t) {
+			mn(e, t);
 		}
-		let mn = W(!1);
-		na({
+		let An = H(!1);
+		xa({
 			documentBuffer: () => o.documentBuffer ?? null,
 			document: () => o.document ?? null,
-			loadDocumentBuffer: Ze,
-			loadDocument: Qe,
-			sidebarAutoOpenedRef: mn
-		}), J(() => o.mode, (e) => {
+			loadDocumentBuffer: it,
+			loadDocument: at,
+			sidebarAutoOpenedRef: An
+		}), K(() => o.mode, (e) => {
 			e && e !== l.value && (l.value = e);
-		}), J(() => o.showOutline, (e) => {
-			A.value = !!e, Ot.recomputeHeadingsIfOpen();
+		}), K(() => o.showOutline, (e) => {
+			ge.value = !!e, Wt.recomputeHeadingsIfOpen();
 		});
-		let hn = W(!1);
-		function gn(e) {
+		let jn = H(!1);
+		function Mn(e) {
 			let t = e.currentTarget;
 			t instanceof HTMLElement && o.onScrollTopChange?.(t.scrollTop);
 		}
-		function _n() {
-			if (o.initialScrollTop === void 0 || hn.value) return;
-			hn.value = !0;
+		function Nn() {
+			if (o.initialScrollTop === void 0 || jn.value) return;
+			jn.value = !0;
 			let e = o.initialScrollTop;
 			requestAnimationFrame(() => {
-				ce.value && (ce.value.scrollTop = e);
+				ue.value && (ue.value.scrollTop = e);
 			});
 		}
-		J(Ge, (e) => {
+		K(Ze, (e) => {
 			if (!e) {
-				hn.value = !1;
+				jn.value = !1;
 				return;
 			}
-			re.value = !0, Ot.recomputeHeadingsIfOpen(), Q.seedFromDocument();
-			let t = Z();
-			t && o.onCompatibilityChange?.(Be(t)), o.autoOpenReviewSidebar !== !1 && !mn.value && (zt.value.length > 0 || Rt.value.length > 0) && (mn.value = !0, M.value = !0), _n(), s("ready");
-		}), xe(() => {
-			let e = Pe.on("selectionChange", () => {
-				E.value++, $.updateFloatingButton();
-			}), t = Pe.on("docChange", () => {
-				E.value++, Ot.recomputeHeadingsIfOpen();
-			}), n = Pe.on("layoutComplete", () => {
-				E.value++;
-			}), r = vt.install(), i = Ue(() => o.onFontsLoaded?.());
-			be(() => {
+			ie.value = !0, Wt.recomputeHeadingsIfOpen(), Q.seedFromDocument();
+			let t = Y();
+			t && o.onCompatibilityChange?.(We(t)), o.autoOpenReviewSidebar !== !1 && !An.value && (tn.value.length > 0 || en.value.length > 0) && (An.value = !0, A.value = !0), Nn(), s("ready");
+		}), Ce(() => {
+			let e = ze.on("selectionChange", () => {
+				T.value++, $.updateFloatingButton();
+			}), t = ze.on("docChange", () => {
+				T.value++, Wt.recomputeHeadingsIfOpen();
+			}), n = ze.on("layoutComplete", () => {
+				T.value++;
+			}), r = kt.install(), i = qe(() => o.onFontsLoaded?.());
+			Se(() => {
 				e(), t(), n(), r(), i();
 			});
 		});
-		let { exposed: vn } = ia({
-			editor: Pe,
-			editorView: X,
-			isDirty: Ke,
+		let { exposed: Pn } = Ca({
+			editor: ze,
+			editorView: J,
+			isDirty: Qe,
 			commentsDirty: Q.commentsDirty,
 			clearCommentsDirty: Q.clearCommentsDirty,
-			layout: Je,
-			pagesRef: T,
-			pagesViewportRef: se,
-			zoom: B,
-			scrollVisiblePositionIntoView: Ct,
+			layout: et,
+			pagesRef: w,
+			pagesViewportRef: le,
+			zoom: R,
+			scrollVisiblePositionIntoView: Pt,
 			author: () => o.author,
 			createAIEditComment: (e) => {
 				let t = Q.createComment(e);
@@ -3534,74 +3890,75 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 			},
 			getComments: () => Q.comments.value,
 			setComments: Q.setComments,
-			focus: tt,
-			getDocument: Z,
-			setZoom: G,
-			save: $e,
-			loadDocument: Qe,
-			loadDocumentBuffer: Ze,
+			focus: dt,
+			getDocument: Y,
+			getHeaderFooterView: ct,
+			setZoom: Oe,
+			save: ot,
+			loadDocument: at,
+			loadDocumentBuffer: it,
 			onPrint: o.onPrint,
 			onSave: o.onSave
 		});
-		return n(vn), (e, n) => (U(), I("div", {
-			class: V([
+		return n(Pn), (e, n) => (V(), N("div", {
+			class: z([
 				"docx-editor-vue ep-root paged-editor",
 				t.className,
-				b.value,
+				y.value,
 				{ "paged-editor--readonly": u.value }
 			]),
-			style: H(t.style)
+			style: B(t.style)
 		}, [
-			L("div", Aa, [R(Ar, {
+			P("div", Za, [I(Kr, {
 				"show-table-insert": o.showTableInsert !== !1,
 				onRename: n[0] ||= (e) => s("rename", e),
-				onMenuAction: fn,
-				onInsertTable: pn
+				onMenuAction: On,
+				onInsertTable: kn
 			}, {
-				"title-bar-left": Ee(() => [Ce(e.$slots, "title-bar-left", {}, void 0, !0)]),
-				"title-bar-right": Ee(() => [Ce(e.$slots, "title-bar-right", {}, void 0, !0)]),
+				"title-bar-left": ke(() => [Ee(e.$slots, "title-bar-left", {}, void 0, !0)]),
+				"title-bar-right": ke(() => [Ee(e.$slots, "title-bar-right", {}, void 0, !0)]),
 				_: 3
-			}, 8, ["show-table-insert"]), t.showToolbar ? (U(), P(te, ve({
+			}, 8, ["show-table-insert"]), t.showToolbar ? (V(), j(ne, xe({
 				key: 0,
-				view: q(X),
-				"get-commands": q(et),
-				"state-tick": E.value,
-				"zoom-percent": q(_e),
-				"is-min-zoom": q(ye),
-				"is-max-zoom": q(Se),
-				"zoom-presets": q(je),
+				view: X.value,
+				"get-commands": G(ut),
+				"state-tick": T.value,
+				"zoom-percent": G(we),
+				"is-min-zoom": G(Te),
+				"is-max-zoom": G(U),
+				"zoom-presets": G(Fe),
 				"show-zoom-control": t.showZoomControl,
 				"editor-mode": l.value,
 				"show-review-controls": d.value,
 				"track-changes-on": f.value,
 				"display-mode": p.value,
 				"read-only": u.value,
-				"comments-sidebar-open": M.value,
-				"image-context": q(st),
+				"comments-sidebar-open": A.value,
+				"image-context": G(yt),
 				theme: t.theme ?? null
-			}, Ht.value, {
-				onFindReplace: n[1] ||= (e) => D.value = !0,
-				onInsertLink: n[2] ||= (e) => ue.value = !0,
-				onInsertSymbol: n[3] ||= (e) => fe.value = !0,
-				onInsertPageBreak: Qt,
-				onPageSetup: n[4] ||= (e) => k.value = !0,
-				onToggleOutline: q(Ot).handleToggleOutline,
-				onApplyStyle: q(Kt),
-				onZoomIn: q(Te),
-				onZoomOut: q(De),
-				onZoomSet: q(G),
-				onToggleSidebar: n[5] ||= (e) => M.value = !M.value,
-				onModeChange: dn,
+			}, an.value, {
+				onFindReplace: n[1] ||= (e) => fe.value = !0,
+				onInsertLink: n[2] ||= (e) => pe.value = !0,
+				onInsertSymbol: n[3] ||= (e) => he.value = !0,
+				onInsertPageBreak: hn,
+				onPageSetup: n[4] ||= (e) => D.value = !0,
+				onToggleOutline: G(Wt).handleToggleOutline,
+				onApplyStyle: G(ln),
+				onZoomIn: G(Ae),
+				onZoomOut: G(je),
+				onZoomSet: G(Oe),
+				onToggleSidebar: n[5] ||= (e) => A.value = !A.value,
+				onModeChange: Dn,
 				onToggleTrackChanges: h,
-				"onUpdate:displayMode": y,
-				onImageProperties: n[6] ||= (e) => O.value = !0,
-				onImageWrapType: q(ct),
-				onImageTransform: q(dt)
-			}), me({
-				"table-context": Ee(() => [R(_, {
-					view: q(X),
-					"get-commands": q(et),
-					"state-tick": E.value,
+				"onUpdate:displayMode": ee,
+				onImageProperties: n[6] ||= (e) => E.value = !0,
+				onImageWrapType: G(bt),
+				onImageTransform: G(xt)
+			}), _e({
+				"table-context": ke(() => [I(_, {
+					view: X.value,
+					"get-commands": G(ut),
+					"state-tick": T.value,
 					theme: t.theme ?? null
 				}, null, 8, [
 					"view",
@@ -3612,10 +3969,10 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				_: 2
 			}, [e.$slots["toolbar-extra"] || t.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: Ee(() => [Ce(e.$slots, "toolbar-extra", {}, () => [t.toolbarExtra ? (U(), P(S, {
+				fn: ke(() => [Ee(e.$slots, "toolbar-extra", {}, () => [t.toolbarExtra ? (V(), j(x, {
 					key: 0,
 					node: t.toolbarExtra
-				}, null, 8, ["node"])) : F("", !0)], !0)]),
+				}, null, 8, ["node"])) : M("", !0)], !0)]),
 				key: "0"
 			} : void 0]), 1040, [
 				"view",
@@ -3641,26 +3998,27 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				"onZoomSet",
 				"onImageWrapType",
 				"onImageTransform"
-			])) : F("", !0)]),
-			R(Tr, {
-				"show-find-replace": D.value,
-				"onUpdate:showFindReplace": n[7] ||= (e) => D.value = e,
-				"show-hyperlink": ue.value,
-				"onUpdate:showHyperlink": n[8] ||= (e) => ue.value = e,
-				"show-insert-symbol": fe.value,
-				"onUpdate:showInsertSymbol": n[9] ||= (e) => fe.value = e,
-				"show-image-properties": O.value,
-				"onUpdate:showImageProperties": n[10] ||= (e) => O.value = e,
-				"show-page-setup": k.value,
-				"onUpdate:showPageSetup": n[11] ||= (e) => k.value = e,
-				view: q(X),
-				bookmarks: he.value,
-				"selected-image-pm-pos": q(at)?.pmPos ?? null,
-				"section-properties": Vt.value,
-				onInsertSymbol: q(qt),
-				onHyperlinkSubmit: q(pt),
-				onHyperlinkRemove: q(mt),
-				onPageSetupApply: q(en)
+			])) : M("", !0)]),
+			I(Vr, {
+				"show-find-replace": fe.value,
+				"onUpdate:showFindReplace": n[7] ||= (e) => fe.value = e,
+				"show-hyperlink": pe.value,
+				"onUpdate:showHyperlink": n[8] ||= (e) => pe.value = e,
+				"show-insert-symbol": he.value,
+				"onUpdate:showInsertSymbol": n[9] ||= (e) => he.value = e,
+				"show-image-properties": E.value,
+				"onUpdate:showImageProperties": n[10] ||= (e) => E.value = e,
+				"show-page-setup": D.value,
+				"onUpdate:showPageSetup": n[11] ||= (e) => D.value = e,
+				view: X.value,
+				"scroll-visible-position-into-view": G(Pt),
+				bookmarks: ye.value,
+				"selected-image-pm-pos": G(_t)?.pmPos ?? null,
+				"section-properties": rn.value,
+				onInsertSymbol: G(un),
+				onHyperlinkSubmit: G(wt),
+				onHyperlinkRemove: G(Tt),
+				onPageSetupApply: G(_n)
 			}, null, 8, [
 				"show-find-replace",
 				"show-hyperlink",
@@ -3668,6 +4026,7 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				"show-image-properties",
 				"show-page-setup",
 				"view",
+				"scroll-visible-position-into-view",
 				"bookmarks",
 				"selected-image-pm-pos",
 				"section-properties",
@@ -3676,41 +4035,46 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			q(qe) ? (U(), I("div", ja, K(q(qe)), 1)) : rt.value ? (U(), I("div", Ma, [Ce(e.$slots, "loading-indicator", {}, () => [t.loadingIndicator ? (U(), P(S, {
+			G($e) ? (V(), N("div", Qa, W(G($e)), 1)) : ht.value ? (V(), N("div", $a, [Ee(e.$slots, "loading-indicator", {}, () => [t.loadingIndicator ? (V(), j(x, {
 				key: 0,
 				node: t.loadingIndicator
-			}, null, 8, ["node"])) : (U(), I(j, { key: 1 }, [ge(K(q(x)("loadingDocument")), 1)], 64))], !0)])) : !q(Ge) && !ne.value ? (U(), I("div", Na, [Ce(e.$slots, "placeholder", {}, () => [t.placeholder ? (U(), P(S, {
+			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [F(W(G(b)("loadingDocument")), 1)], 64))], !0)])) : !G(Ze) && !re.value ? (V(), N("div", eo, [Ee(e.$slots, "placeholder", {}, () => [t.placeholder ? (V(), j(x, {
 				key: 0,
 				node: t.placeholder
-			}, null, 8, ["node"])) : (U(), I(j, { key: 1 }, [ge("No document loaded")], 64))], !0)])) : F("", !0),
-			L("div", {
+			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [F("No document loaded")], 64))], !0)])) : M("", !0),
+			P("div", {
 				ref_key: "hiddenPmRef",
-				ref: w,
+				ref: C,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			L("div", {
-				ref_key: "editorScrollRef",
+			P("div", {
+				ref_key: "hiddenHfPmRef",
 				ref: ce,
+				class: "docx-editor-vue__hidden-pm paged-editor__hidden-hf-pm"
+			}, null, 512),
+			P("div", {
+				ref_key: "editorScrollRef",
+				ref: ue,
 				class: "docx-editor-vue__editor-scroll",
-				onScroll: gn
-			}, [L("div", Pa, [
-				le.value && !u.value ? (U(), I("div", Fa, [R(ee, {
-					"section-props": Vt.value,
-					zoom: q(B),
+				onScroll: Mn
+			}, [P("div", to, [
+				de.value && !u.value ? (V(), N("div", no, [I(te, {
+					"section-props": rn.value,
+					zoom: G(R),
 					unit: t.rulerUnit ?? "inch",
 					editable: !u.value,
-					"indent-left": un.value.indentLeft,
-					"indent-right": un.value.indentRight,
-					"first-line-indent": un.value.firstLineIndent,
-					"hanging-indent": un.value.hangingIndent,
+					"indent-left": En.value.indentLeft,
+					"indent-right": En.value.indentRight,
+					"first-line-indent": En.value.firstLineIndent,
+					"hanging-indent": En.value.hangingIndent,
 					"show-first-line-indent": !0,
-					"tab-stops": un.value.tabs,
-					onLeftMarginChange: q(tn),
-					onRightMarginChange: q(nn),
-					onIndentLeftChange: q(on),
-					onIndentRightChange: q(sn),
-					onFirstLineIndentChange: q(cn),
-					onTabStopRemove: q(ln)
+					"tab-stops": En.value.tabs,
+					onLeftMarginChange: G(vn),
+					onRightMarginChange: G(yn),
+					onIndentLeftChange: G(Sn),
+					onIndentRightChange: G(Cn),
+					onFirstLineIndentChange: G(wn),
+					onTabStopRemove: G(Tn)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3727,14 +4091,14 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 					"onIndentRightChange",
 					"onFirstLineIndentChange",
 					"onTabStopRemove"
-				])])) : F("", !0),
-				le.value && !u.value ? (U(), I("div", Ia, [R(g, {
-					"section-props": Vt.value,
-					zoom: q(B),
+				])])) : M("", !0),
+				de.value && !u.value ? (V(), N("div", ro, [I(g, {
+					"section-props": rn.value,
+					zoom: G(R),
 					unit: t.rulerUnit ?? "inch",
 					editable: !u.value,
-					onTopMarginChange: q(rn),
-					onBottomMarginChange: q(an)
+					onTopMarginChange: G(bn),
+					onBottomMarginChange: G(xn)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3742,84 +4106,124 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 					"editable",
 					"onTopMarginChange",
 					"onBottomMarginChange"
-				])])) : F("", !0),
-				L("div", {
+				])])) : M("", !0),
+				P("div", {
 					ref_key: "pagesViewportRef",
-					ref: se,
+					ref: le,
 					class: "docx-editor-vue__pages-viewport",
-					onWheel: Me,
-					onMousedown: n[20] ||= (...e) => q(wt) && q(wt)(...e),
-					onMousemove: n[21] ||= (...e) => q(Tt) && q(Tt)(...e),
-					onClick: n[22] ||= (...e) => q(Et) && q(Et)(...e),
-					onContextmenu: n[23] ||= Y((...e) => q(Nt) && q(Nt)(...e), ["prevent"])
+					onWheel: Le,
+					onMousedown: n[20] ||= (...e) => G(Ft) && G(Ft)(...e),
+					onMousemove: n[21] ||= (...e) => G(It) && G(It)(...e),
+					onClick: n[22] ||= (...e) => G(Lt) && G(Lt)(...e),
+					onDblclick: n[23] ||= (...e) => G(Rt) && G(Rt)(...e),
+					onContextmenu: n[24] ||= q((...e) => G(Yt) && G(Yt)(...e), ["prevent"])
 				}, [
-					L("div", La, [L("div", {
-						ref_key: "pagesRef",
-						ref: T,
-						class: "docx-editor-vue__pages paged-editor__pages",
-						style: H(Gt.value)
-					}, null, 4), L("div", Ra, [R(br, {
-						"get-view": () => q(X),
-						"get-pages-container": () => T.value,
-						"editor-state": q(Le),
-						zoom: q(B),
-						layout: q(Je),
-						blocks: q(Ye),
-						measures: q(Xe),
-						"on-term-click": o.onAnonymizationTermClick,
-						"selected-canonical": o.selectedAnonymizationCanonical,
-						"selection-seq": o.anonymizationSelectionSeq
-					}, null, 8, [
-						"get-view",
-						"get-pages-container",
-						"editor-state",
-						"zoom",
-						"layout",
-						"blocks",
-						"measures",
-						"on-term-click",
-						"selected-canonical",
-						"selection-seq"
-					]), o.showTemplateDirectives ? (U(), P(Ti, {
+					P("div", io, [
+						P("div", {
+							ref_key: "pagesRef",
+							ref: w,
+							class: z(["docx-editor-vue__pages paged-editor__pages", G(Z) ? `paged-editor--hf-editing paged-editor--editing-${G(Z).position}` : ""]),
+							style: B(cn.value)
+						}, null, 6),
+						I(ji, {
+							"pages-container": w.value,
+							selection: Ut.value,
+							zoom: G(R)
+						}, null, 8, [
+							"pages-container",
+							"selection",
+							"zoom"
+						]),
+						P("div", ao, [
+							I(Fr, {
+								"get-view": () => G(J),
+								"get-pages-container": () => w.value,
+								"editor-state": G(He),
+								zoom: G(R),
+								layout: G(et),
+								blocks: G(tt),
+								measures: G(nt),
+								"on-term-click": o.onAnonymizationTermClick,
+								"selected-canonical": o.selectedAnonymizationCanonical,
+								"selection-seq": o.anonymizationSelectionSeq
+							}, null, 8, [
+								"get-view",
+								"get-pages-container",
+								"editor-state",
+								"zoom",
+								"layout",
+								"blocks",
+								"measures",
+								"on-term-click",
+								"selected-canonical",
+								"selection-seq"
+							]),
+							o.showTemplateDirectives ? (V(), j(Wi, {
+								key: 0,
+								"get-view": () => G(J),
+								"get-pages-container": () => w.value,
+								"editor-state": G(He),
+								zoom: G(R),
+								layout: G(et),
+								blocks: G(tt),
+								measures: G(nt)
+							}, null, 8, [
+								"get-view",
+								"get-pages-container",
+								"editor-state",
+								"zoom",
+								"layout",
+								"blocks",
+								"measures"
+							])) : M("", !0),
+							I(Ir, {
+								"get-view": () => G(J),
+								"get-pages-container": () => w.value,
+								zoom: G(R),
+								"transaction-version": T.value,
+								"sync-coordinator": G(rt)
+							}, null, 8, [
+								"get-view",
+								"get-pages-container",
+								"zoom",
+								"transaction-version",
+								"sync-coordinator"
+							])
+						])
+					]),
+					G(Z) ? (V(), j(Ni, {
 						key: 0,
-						"get-view": () => q(X),
-						"get-pages-container": () => T.value,
-						"editor-state": q(Le),
-						zoom: q(B),
-						layout: q(Je),
-						blocks: q(Ye),
-						measures: q(Xe)
+						edit: G(Z),
+						"get-view": Ht,
+						onClose: G(Bt),
+						onRemove: G(Vt)
 					}, null, 8, [
-						"get-view",
-						"get-pages-container",
-						"editor-state",
-						"zoom",
-						"layout",
-						"blocks",
-						"measures"
-					])) : F("", !0)])]),
-					R(mi, {
-						"image-info": q(at),
-						zoom: q(B),
-						view: q(X),
-						onDeselect: n[12] ||= (e) => at.value = null,
-						onInteractStart: n[13] ||= (e) => ot.value = !0,
-						onInteractEnd: n[14] ||= (e) => ot.value = !1,
-						onContextMenu: q(Pt)
+						"edit",
+						"onClose",
+						"onRemove"
+					])) : M("", !0),
+					I(Ai, {
+						"image-info": G(_t),
+						zoom: G(R),
+						view: X.value,
+						onDeselect: n[12] ||= (e) => _t.value = null,
+						onInteractStart: n[13] ||= (e) => vt.value = !0,
+						onInteractEnd: n[14] ||= (e) => vt.value = !1,
+						onContextMenu: G(Xt)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					R(Fi, {
-						data: q(ft),
+					I(ea, {
+						data: G(Ct),
 						"read-only": u.value,
-						onNavigate: q(ht),
-						onCopy: Bt,
-						onEdit: q(gt),
-						onRemove: q(_t),
-						onClose: n[15] ||= (e) => ft.value = null
+						onNavigate: G(Et),
+						onCopy: nn,
+						onEdit: G(Dt),
+						onRemove: G(Ot),
+						onClose: n[15] ||= (e) => Ct.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -3827,24 +4231,24 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 						"onEdit",
 						"onRemove"
 					]),
-					q(yt) ? (U(), I("button", {
-						key: 0,
+					G(At) ? (V(), N("button", {
+						key: 1,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
-						style: H({
-							left: q(yt).x + "px",
-							top: q(yt).y + "px"
+						style: B({
+							left: G(At).x + "px",
+							top: G(At).y + "px"
 						}),
-						"aria-label": q(yt).type === "row" ? "Insert row" : "Insert column",
-						onMousedown: n[16] ||= (...e) => q(Dt) && q(Dt)(...e)
-					}, " + ", 44, za)) : F("", !0),
-					R(m, {
-						comments: q(zt),
-						"pages-container": T.value,
-						zoom: q(B),
-						"page-width-px": Ut.value,
-						"sidebar-open": M.value,
-						"resolved-comment-ids": Wt.value,
+						"aria-label": G(At).type === "row" ? "Insert row" : "Insert column",
+						onMousedown: n[16] ||= (...e) => G(zt) && G(zt)(...e)
+					}, " + ", 44, oo)) : M("", !0),
+					I(m, {
+						comments: G(tn),
+						"pages-container": w.value,
+						zoom: G(R),
+						"page-width-px": on.value,
+						"sidebar-open": A.value,
+						"resolved-comment-ids": sn.value,
 						onMarkerClick: () => {}
 					}, null, 8, [
 						"comments",
@@ -3854,30 +4258,30 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 						"sidebar-open",
 						"resolved-comment-ids"
 					]),
-					R(v, {
-						"is-open": M.value,
-						comments: q(zt),
-						"tracked-changes": Rt.value,
+					I(v, {
+						"is-open": A.value,
+						comments: G(tn),
+						"tracked-changes": en.value,
 						"show-resolved": !0,
-						"is-adding-comment": q($).isAddingComment.value,
-						"add-comment-y-position": q($).addCommentYPosition.value,
-						"pages-container": T.value,
-						"page-width-px": Ut.value,
-						zoom: q(B),
-						"active-item-id": pe.value,
-						onClose: n[17] ||= (e) => M.value = !1,
-						"onUpdate:activeItemId": n[18] ||= (e) => pe.value = e,
-						onAddComment: q($).handleAddComment,
-						onCancelAddComment: q($).handleCancelAddComment,
-						onCommentReply: q(Q).handleReply,
-						onCommentResolve: q(Q).handleResolve,
-						onCommentUnresolve: q(Q).handleUnresolve,
-						onCommentDelete: q(Q).handleDelete,
-						onAcceptChange: q(Q).handleAcceptChange,
-						onRejectChange: q(Q).handleRejectChange,
-						onAcceptChangeById: q(Q).handleAcceptChangeById,
-						onRejectChangeById: q(Q).handleRejectChangeById,
-						onTrackedChangeReply: q(Q).handleTrackedChangeReply
+						"is-adding-comment": G($).isAddingComment.value,
+						"add-comment-y-position": G($).addCommentYPosition.value,
+						"pages-container": w.value,
+						"page-width-px": on.value,
+						zoom: G(R),
+						"active-item-id": ve.value,
+						onClose: n[17] ||= (e) => A.value = !1,
+						"onUpdate:activeItemId": n[18] ||= (e) => ve.value = e,
+						onAddComment: G($).handleAddComment,
+						onCancelAddComment: G($).handleCancelAddComment,
+						onCommentReply: G(Q).handleReply,
+						onCommentResolve: G(Q).handleResolve,
+						onCommentUnresolve: G(Q).handleUnresolve,
+						onCommentDelete: G(Q).handleDelete,
+						onAcceptChange: G(Q).handleAcceptChange,
+						onRejectChange: G(Q).handleRejectChange,
+						onAcceptChangeById: G(Q).handleAcceptChangeById,
+						onRejectChangeById: G(Q).handleRejectChangeById,
+						onTrackedChangeReply: G(Q).handleTrackedChangeReply
 					}, null, 8, [
 						"is-open",
 						"comments",
@@ -3900,43 +4304,43 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					q($).floatingCommentButton.value && !u.value ? (U(), I("button", {
-						key: 1,
+					G($).floatingCommentButton.value && !u.value ? (V(), N("button", {
+						key: 2,
 						type: "button",
 						class: "docx-editor-vue__add-comment-btn",
-						style: H({
-							top: q($).floatingCommentButton.value.top + "px",
-							left: q($).floatingCommentButton.value.left + "px"
+						style: B({
+							top: G($).floatingCommentButton.value.top + "px",
+							left: G($).floatingCommentButton.value.left + "px"
 						}),
 						"aria-label": "Add comment",
 						title: "Add comment",
-						onMousedown: n[19] ||= Y((...e) => q($).startAddComment && q($).startAddComment(...e), ["prevent", "stop"])
-					}, [R(r, {
+						onMousedown: n[19] ||= q((...e) => G($).startAddComment && G($).startAddComment(...e), ["prevent", "stop"])
+					}, [I(r, {
 						name: "add_comment",
 						size: 18
-					})], 36)) : F("", !0)
+					})], 36)) : M("", !0)
 				], 544),
-				A.value ? F("", !0) : (U(), P(gi, {
+				ge.value ? M("", !0) : (V(), j(Fi, {
 					key: 2,
 					"left-offset": 12,
-					onToggle: q(Ot).handleToggleOutline
+					onToggle: G(Wt).handleToggleOutline
 				}, null, 8, ["onToggle"])),
-				q(bt).totalPages > 1 ? (U(), P(_i, {
+				G(jt).totalPages > 1 ? (V(), j(Ii, {
 					key: 3,
-					"current-page": q(bt).currentPage,
-					"total-pages": q(bt).totalPages,
-					visible: q(bt).visible
+					"current-page": G(jt).currentPage,
+					"total-pages": G(jt).totalPages,
+					visible: G(jt).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : F("", !0),
-				R(wr, {
-					"is-open": A.value,
-					headings: z.value,
-					"get-scroll-container": () => T.value,
-					onClose: n[24] ||= (e) => A.value = !1,
-					onNavigate: q(Ot).handleOutlineNavigate
+				])) : M("", !0),
+				I(Br, {
+					"is-open": ge.value,
+					headings: be.value,
+					"get-scroll-container": () => w.value,
+					onClose: n[25] ||= (e) => ge.value = !1,
+					onNavigate: G(Wt).handleOutlineNavigate
 				}, null, 8, [
 					"is-open",
 					"headings",
@@ -3944,18 +4348,18 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 					"onNavigate"
 				])
 			])], 544),
-			R(ii, {
+			I(bi, {
 				"read-only": u.value,
-				"context-menu": q(kt),
-				"image-context-menu": q(At),
-				"image-context-menu-text-actions": q(jt),
-				"custom-text-menu-items": q(Mt),
-				"can-open-image-properties": q(at) !== null,
-				onContextMenuAction: q(It),
-				onCloseContextMenu: n[25] ||= (e) => q(kt).isOpen = !1,
-				onImageWrapSelect: q(Ft),
-				onCloseImageContextMenu: n[26] ||= (e) => At.value = null,
-				onOpenImageProperties: n[27] ||= (e) => O.value = !0
+				"context-menu": G(Gt),
+				"image-context-menu": G(Kt),
+				"image-context-menu-text-actions": G(qt),
+				"custom-text-menu-items": G(Jt),
+				"can-open-image-properties": G(_t) !== null,
+				onContextMenuAction: G(Qt),
+				onCloseContextMenu: n[26] ||= (e) => G(Gt).isOpen = !1,
+				onImageWrapSelect: G(Zt),
+				onCloseImageContextMenu: n[27] ||= (e) => Kt.value = null,
+				onOpenImageProperties: n[28] ||= (e) => E.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -3968,10 +4372,10 @@ var Aa = { class: "docx-editor-vue__toolbar-shell" }, ja = {
 			])
 		], 6));
 	}
-}), [["__scopeId", "data-v-69ec23e0"]]);
+}), [["__scopeId", "data-v-76d03259"]]);
 //#endregion
 //#region src/utils/listState.ts
-function Va() {
+function co() {
 	return {
 		type: "none",
 		level: 0,
@@ -3980,30 +4384,30 @@ function Va() {
 }
 //#endregion
 //#region src/components/FormattingBar.vue?vue&type=script&setup=true&lang.ts
-var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
+var lo = ["aria-label"], uo = ["aria-label"], fo = [
 	"disabled",
 	"title",
 	"aria-label"
-], Ga = [
+], po = [
 	"disabled",
 	"title",
 	"aria-label"
-], Ka = ["aria-label"], qa = [
+], mo = ["aria-label"], ho = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Ja = [
+], go = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Ya = [
+], _o = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], Xa = /*#__PURE__*/ t(/* @__PURE__ */ z({
+], vo = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "FormattingBar",
 	props: {
 		currentFormatting: {},
@@ -4045,10 +4449,10 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 		"redo"
 	],
 	setup(e, { emit: t }) {
-		let { ColorPicker: n } = p(), i = e, a = t, { t: o } = c(), s = N(() => i.currentFormatting ?? {}), l = N(() => i.documentStyles ? { styles: i.documentStyles } : {}), u = N(() => s.value.listState ?? Va()), d = N(() => {
+		let { ColorPicker: n } = p(), i = e, a = t, { t: o } = c(), s = k(() => i.currentFormatting ?? {}), l = k(() => i.documentStyles ? { styles: i.documentStyles } : {}), u = k(() => s.value.listState ?? co()), d = k(() => {
 			let e = s.value.color;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
-		}), f = N(() => {
+		}), f = k(() => {
 			let e = u.value;
 			return e.isInList && e.level > 0 || (s.value.indentLeft ?? 0) > 0;
 		});
@@ -4058,97 +4462,97 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 				value: e
 			});
 		}
-		return (t, i) => (U(), I("div", {
-			class: V(["docx-formatting-bar", e.className]),
+		return (t, i) => (V(), N("div", {
+			class: z(["docx-formatting-bar", e.className]),
 			role: "toolbar",
-			"aria-label": q(o)("formattingToolbar"),
+			"aria-label": G(o)("formattingToolbar"),
 			"data-folio-toolbar": "true"
 		}, [
-			L("span", {
+			P("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": q(o)("historyGroup")
-			}, [L("button", {
+				"aria-label": G(o)("historyGroup")
+			}, [P("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canUndo,
-				title: q(o)("undoShortcut"),
-				"aria-label": q(o)("undo"),
-				onMousedown: i[0] ||= Y((e) => a("undo"), ["prevent"])
-			}, [R(r, {
+				title: G(o)("undoShortcut"),
+				"aria-label": G(o)("undo"),
+				onMousedown: i[0] ||= q((e) => a("undo"), ["prevent"])
+			}, [I(r, {
 				name: "undo",
 				size: 18
-			})], 40, Wa), L("button", {
+			})], 40, fo), P("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canRedo,
-				title: q(o)("redoShortcut"),
-				"aria-label": q(o)("redo"),
-				onMousedown: i[1] ||= Y((e) => a("redo"), ["prevent"])
-			}, [R(r, {
+				title: G(o)("redoShortcut"),
+				"aria-label": G(o)("redo"),
+				onMousedown: i[1] ||= q((e) => a("redo"), ["prevent"])
+			}, [I(r, {
 				name: "redo",
 				size: 18
-			})], 40, Ga)], 8, Ua),
-			i[13] ||= L("span", {
+			})], 40, po)], 8, uo),
+			i[13] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showStylePicker ? (U(), I(j, { key: 0 }, [R(b, ve({ value: s.value.styleId ?? "Normal" }, l.value, {
+			e.showStylePicker ? (V(), N(O, { key: 0 }, [I(y, xe({ value: s.value.styleId ?? "Normal" }, l.value, {
 				disabled: e.disabled,
 				onChange: i[2] ||= (e) => a("format", {
 					type: "applyStyle",
 					value: e
 				})
-			}), null, 16, ["value", "disabled"]), i[11] ||= L("span", {
+			}), null, 16, ["value", "disabled"]), i[11] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1)], 64)) : F("", !0),
-			L("span", {
+			}, null, -1)], 64)) : M("", !0),
+			P("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": q(o)("textFormattingGroup")
+				"aria-label": G(o)("textFormattingGroup")
 			}, [
-				L("button", {
+				P("button", {
 					type: "button",
-					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
+					class: z(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
 					disabled: e.disabled,
-					title: q(o)("boldShortcut"),
-					"aria-label": q(o)("bold"),
+					title: G(o)("boldShortcut"),
+					"aria-label": G(o)("bold"),
 					"aria-pressed": !!s.value.bold,
-					onMousedown: i[3] ||= Y((e) => a("format", "bold"), ["prevent"])
-				}, [R(r, {
+					onMousedown: i[3] ||= q((e) => a("format", "bold"), ["prevent"])
+				}, [I(r, {
 					name: "format_bold",
 					size: 18
-				})], 42, qa),
-				L("button", {
+				})], 42, ho),
+				P("button", {
 					type: "button",
-					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
+					class: z(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
 					disabled: e.disabled,
-					title: q(o)("italicShortcut"),
-					"aria-label": q(o)("italic"),
+					title: G(o)("italicShortcut"),
+					"aria-label": G(o)("italic"),
 					"aria-pressed": !!s.value.italic,
-					onMousedown: i[4] ||= Y((e) => a("format", "italic"), ["prevent"])
-				}, [R(r, {
+					onMousedown: i[4] ||= q((e) => a("format", "italic"), ["prevent"])
+				}, [I(r, {
 					name: "format_italic",
 					size: 18
-				})], 42, Ja),
-				L("button", {
+				})], 42, go),
+				P("button", {
 					type: "button",
-					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
+					class: z(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
 					disabled: e.disabled,
-					title: q(o)("underlineShortcut"),
-					"aria-label": q(o)("underline"),
+					title: G(o)("underlineShortcut"),
+					"aria-label": G(o)("underline"),
 					"aria-pressed": !!s.value.underline,
-					onMousedown: i[5] ||= Y((e) => a("format", "underline"), ["prevent"])
-				}, [R(r, {
+					onMousedown: i[5] ||= q((e) => a("format", "underline"), ["prevent"])
+				}, [I(r, {
 					name: "format_underlined",
 					size: 18
-				})], 42, Ya)
-			], 8, Ka),
-			e.showTextColorPicker ? (U(), I(j, { key: 1 }, [i[12] ||= L("span", {
+				})], 42, _o)
+			], 8, mo),
+			e.showTextColorPicker ? (V(), N(O, { key: 1 }, [i[12] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1), R(q(n), {
+			}, null, -1), I(G(n), {
 				mode: "text",
 				value: d.value,
 				theme: e.theme ?? null,
@@ -4158,12 +4562,12 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 				"value",
 				"theme",
 				"disabled"
-			])], 64)) : F("", !0),
-			i[14] ||= L("span", {
+			])], 64)) : M("", !0),
+			i[14] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showAlignmentButtons ? (U(), P(y, {
+			e.showAlignmentButtons ? (V(), j(ee, {
 				key: 2,
 				value: s.value.alignment ?? "left",
 				disabled: e.disabled,
@@ -4171,8 +4575,8 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 					type: "alignment",
 					value: e
 				})
-			}, null, 8, ["value", "disabled"])) : F("", !0),
-			e.showListButtons ? (U(), P(x, {
+			}, null, 8, ["value", "disabled"])) : M("", !0),
+			e.showListButtons ? (V(), j(b, {
 				key: 3,
 				"list-state": u.value,
 				disabled: e.disabled,
@@ -4185,10 +4589,10 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 				"list-state",
 				"disabled",
 				"can-outdent"
-			])) : F("", !0)
-		], 10, Ha));
+			])) : M("", !0)
+		], 10, lo));
 	}
-}), [["__scopeId", "data-v-fc03de2e"]]), Za = [
+}), [["__scopeId", "data-v-fc03de2e"]]), yo = [
 	{
 		value: .5,
 		label: "50%"
@@ -4213,7 +4617,7 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 		value: 2,
 		label: "200%"
 	}
-], Qa = /*#__PURE__*/ t(/* @__PURE__ */ z({
+], bo = /*#__PURE__*/ t(/* @__PURE__ */ L({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -4230,7 +4634,7 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Select: n } = p(), r = e, i = t, a = N(() => r.levels ?? Za), o = N(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = N(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = N(() => o.value ? String(o.value.value) : String(r.value)), l = N(() => {
+		let { Select: n } = p(), r = e, i = t, a = k(() => r.levels ?? yo), o = k(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = k(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = k(() => o.value ? String(o.value.value) : String(r.value)), l = k(() => {
 			let e = a.value.map((e) => ({
 				value: String(e.value),
 				label: e.label
@@ -4244,8 +4648,8 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 			let t = Number.parseFloat(e);
 			Number.isNaN(t) || i("change", t);
 		}
-		return (t, r) => (U(), P(q(n), {
-			class: V(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
+		return (t, r) => (V(), j(G(n), {
+			class: z(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
 			value: c.value,
 			items: l.value,
 			disabled: e.disabled,
@@ -4258,10 +4662,10 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 			"disabled"
 		]));
 	}
-}), [["__scopeId", "data-v-8079e07f"]]), $a = (e, t, n = {}) => {
+}), [["__scopeId", "data-v-8079e07f"]]), xo = (e, t, n = {}) => {
 	let { locale: r = "en", ...i } = n;
 	return new Promise((n, a) => {
-		let o = W(null), s = null, c = !1, u = {
+		let o = H(null), s = null, c = !1, u = {
 			save: async () => {
 				let e = await (o.value?.save() ?? Promise.resolve(null));
 				return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
@@ -4283,8 +4687,8 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 				c || (c = !0, a(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), s?.unmount(), s = null;
 			}
 		};
-		s = pe({ setup() {
-			return () => B(Ba, {
+		s = A({ setup() {
+			return () => ye(so, {
 				...i,
 				documentBuffer: e,
 				ref: o,
@@ -4299,4 +4703,4 @@ var Ha = ["aria-label"], Ua = ["aria-label"], Wa = [
 	});
 };
 //#endregion
-export { Kn as DEFAULT_AI_SUGGESTION_PRESETS, ar as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, zn as DOCUMENT_PRESET_VERSION, Bn as DOCUMENT_STYLE_SET_VERSION, Ba as DocxEditor, w as FindReplaceDialog, s as FolioUIProvider, T as FootnotePropertiesDialog, Xa as FormattingBar, se as HyperlinkDialog, ce as ImagePositionDialog, le as ImagePropertiesDialog, E as InsertImageDialog, D as InsertSymbolDialog, ue as InsertTableDialog, de as PageSetupDialog, fe as PasteSpecialDialog, In as STELLA_STYLE_SET_NAME, O as SplitCellDialog, k as TablePropertiesDialog, A as WatermarkDialog, Qa as ZoomControl, or as acceptAutocompleteSuggestion, sr as acceptAutocompleteWord, Ye as anonymizationDecorationsKey, cr as appendAutocompleteToken, Ht as applyFolioAIEditOperations, qn as applySuggestions, lr as autocompleteSuggestionKey, ur as autocompleteSuggestionPlugin, Xn as buildPositionalText, dr as clearAutocompleteSuggestion, Rt as clearTemplateSlashMenu, Q as consumeTemplateSlashQuery, nr as createAICitationDecorationsPlugin, Vn as createDocx, jn as createEmptyDocument, Kt as createFolioAIEditSnapshot, Ln as createStellaStyleDocumentPreset, Rn as createStellaStyleSet, n as defaultLocale, Hn as deriveBlockId, Jt as diffWordSegments, Mn as extractDocumentStyleSet, Nn as extractDocumentStyleSetFromDocx, fr as finishAutocompleteSuggestion, gr as fromMarkdown, Xe as getAnonymizationMatches, pr as getAutocompleteSuggestion, kn as getDocumentWatermark, er as getFolioCaretViewportRect, Un as getFolioParaIdFromBlockId, tr as getFolioSelectionViewportRect, yt as getTemplateDirectives, zt as getTemplateSlashMenu, Qt as hashFolioAIBlockText, l as i18nPlugin, Me as insertImageFromFile, Pe as insertPageBreakInView, X as insertTableInView, Le as insertTableOfContentsInView, Pn as inspectDocumentStyles, Fn as inspectDocumentStylesFromDocx, Wn as isFolioBlockId, Gn as isSequentialFolioBlockId, Jn as isSuggestionStale, $t as normalizeFolioAIBlockText, e as provideLocale, $a as renderAsync, $ as resetTemplateSlashQuery, Yn as resolveSuggestionAnchor, xt as scanDirectives, $n as scrollFolioPositionIntoView, rr as setAICitationsMeta, Zn as setAISuggestionsMeta, ir as setActiveCitationMeta, Qe as setAnonymizationTermsMeta, An as setDocumentWatermark, Qn as setFocusedSuggestionMeta, Lt as setTemplatePreviewValues, mr as shouldTriggerAutocomplete, hr as startAutocompleteSuggestion, Bt as templateSlashMenuKey, _r as toMarkdown, vr as toMarkdownResult, c as useTranslation, oe as useWheelZoom };
+export { sr as DEFAULT_AI_SUGGESTION_PRESETS, br as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, er as DOCUMENT_PRESET_VERSION, tr as DOCUMENT_STYLE_SET_VERSION, so as DocxEditor, C as FindReplaceDialog, s as FolioUIProvider, ce as FootnotePropertiesDialog, vo as FormattingBar, w as HyperlinkDialog, le as ImagePositionDialog, ue as ImagePropertiesDialog, de as InsertImageDialog, T as InsertSymbolDialog, fe as InsertTableDialog, pe as PageSetupDialog, me as PasteSpecialDialog, Zn as STELLA_STYLE_SET_NAME, he as SplitCellDialog, E as TablePropertiesDialog, D as WatermarkDialog, bo as ZoomControl, xr as acceptAutocompleteSuggestion, Sr as acceptAutocompleteWord, $e as anonymizationDecorationsKey, Cr as appendAutocompleteToken, Q as applyFolioAIEditOperations, cr as applySuggestions, wr as autocompleteSuggestionKey, Tr as autocompleteSuggestionPlugin, dr as buildPositionalText, Er as clearAutocompleteSuggestion, Wt as clearTemplateSlashMenu, Gt as consumeTemplateSlashQuery, _r as createAICitationDecorationsPlugin, nr as createDocx, Kn as createEmptyDocument, rn as createFolioAIEditSnapshot, Qn as createStellaStyleDocumentPreset, $n as createStellaStyleSet, n as defaultLocale, rr as deriveBlockId, on as diffWordSegments, qn as extractDocumentStyleSet, Jn as extractDocumentStyleSetFromDocx, Dr as finishAutocompleteSuggestion, jr as fromMarkdown, et as getAnonymizationMatches, Or as getAutocompleteSuggestion, Wn as getDocumentWatermark, hr as getFolioCaretViewportRect, ir as getFolioParaIdFromBlockId, gr as getFolioSelectionViewportRect, Tt as getTemplateDirectives, Kt as getTemplateSlashMenu, un as hashFolioAIBlockText, l as i18nPlugin, Fe as insertImageFromFile, Le as insertPageBreakInView, ze as insertTableInView, J as insertTableOfContentsInView, Yn as inspectDocumentStyles, Xn as inspectDocumentStylesFromDocx, ar as isFolioBlockId, or as isSequentialFolioBlockId, lr as isSuggestionStale, dn as normalizeFolioAIBlockText, e as provideLocale, xo as renderAsync, qt as resetTemplateSlashQuery, ur as resolveSuggestionAnchor, Dt as scanDirectives, mr as scrollFolioPositionIntoView, vr as setAICitationsMeta, fr as setAISuggestionsMeta, yr as setActiveCitationMeta, nt as setAnonymizationTermsMeta, Gn as setDocumentWatermark, pr as setFocusedSuggestionMeta, Ut as setTemplatePreviewValues, kr as shouldTriggerAutocomplete, Ar as startAutocompleteSuggestion, Jt as templateSlashMenuKey, Mr as toMarkdown, Nr as toMarkdownResult, c as useTranslation, se as useWheelZoom };