@stll/folio-vue 0.11.2 → 0.11.3

package/dist/index.js

@@ -1,8 +1,8 @@
-import { A as e, F as t, M as n, N as r, P as i, _ as a, c as o, d as s, f as c, g as l, j as u, l as d, m as f, p, u as m, y as h } from "./SplitCellDialog-BhI4fYJv.js";
-import { D as g, E as _, d as v, f as y, i as b, n as x, r as ee, t as te, v as ne, w as re, y as ie } from "./ListButtons-BTUUFlMO.js";
+import { A as e, F as t, M as n, N as r, P as i, _ as a, c as o, d as s, f as c, g as l, j as u, l as d, m as f, p, u as m, y as h } from "./SplitCellDialog-gik8BmFh.js";
+import { D as g, E as _, d as v, f as y, i as b, n as x, r as ee, t as te, v as ne, w as re, y as ie } from "./ListButtons-BIbTi82v.js";
 import { t as ae } from "./zIndex-Ei9BbHSW.js";
-import { a as S, c as oe, i as se, l as C, o as ce, r as le, s as ue, t as de, u as fe } from "./useZoom-DwDDS7hq.js";
-import { FindReplaceDialog as pe, FootnotePropertiesDialog as me, HyperlinkDialog as he, ImagePositionDialog as w, ImagePropertiesDialog as ge, InsertImageDialog as T, InsertSymbolDialog as E, InsertTableDialog as _e, PageSetupDialog as ve, PasteSpecialDialog as ye, SplitCellDialog as be, TablePropertiesDialog as xe, WatermarkDialog as D } from "./dialogs.js";
+import { a as S, c as C, i as oe, l as w, o as se, r as ce, s as le, t as ue, u as de } from "./useZoom-DwDDS7hq.js";
+import { FindReplaceDialog as fe, FootnotePropertiesDialog as pe, HyperlinkDialog as me, ImagePositionDialog as T, ImagePropertiesDialog as he, InsertImageDialog as ge, InsertSymbolDialog as E, InsertTableDialog as _e, PageSetupDialog as ve, PasteSpecialDialog as ye, SplitCellDialog as be, TablePropertiesDialog as xe, WatermarkDialog as D } from "./dialogs.js";
 import { Fragment as O, Teleport as k, computed as A, createApp as Se, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createSlots as Ce, createStaticVNode as we, createTextVNode as Te, createVNode as F, defineComponent as I, h as Ee, inject as L, mergeProps as De, nextTick as Oe, normalizeClass as R, normalizeStyle as z, onBeforeUnmount as B, onMounted as ke, onScopeDispose as Ae, openBlock as V, provide as je, ref as H, renderList as U, renderSlot as Me, shallowRef as Ne, toDisplayString as W, unref as G, vModelText as Pe, vShow as Fe, watch as K, withCtx as Ie, withDirectives as Le, withKeys as Re, withModifiers as q } from "vue";
 import { createStyleResolver as ze, extractSelectionState as Be, getSelectedText as Ve, insertImageFromFile as He, insertImageFromFile as Ue, insertPageBreakInView as We, insertPageBreakInView as Ge, insertTableInView as Ke, insertTableInView as qe, insertTableOfContentsInView as Je, insertTableOfContentsInView as Ye, schema as J } from "@stll/folio-core/prosemirror";
 import { getTableContext as Xe } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
@@ -24,66 +24,67 @@ import { NodeSelection as kt, Selection as At, TextSelection as Z } from "prosem
 import { pixelsToEmu as jt } from "@stll/folio-core/utils/units";
 import { IMAGE_LAYOUT_OPTIONS as Mt, captureInlinePositionEmu as Nt, deriveLayoutChoice as Pt, findImageElement as Ft, isImageLayoutOptionEnabled as It, toolbarValueToLayoutTarget as Lt } from "@stll/folio-core/layout-painter/imageLayout";
 import { isTrackChangesMode as Rt, toggledTrackChangesMode as zt } from "@stll/folio-core/managers/EditorModeManager";
-import { clickToPositionDom as Bt } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
-import { calculateResizedImageDimensions as Vt, commitImageFloatMove as Ht, commitImageInlineMove as Ut, commitImageResize as Wt, isFloatingImage as Gt } from "@stll/folio-core/prosemirror/imageCommit";
-import { findBodyPmAnchor as Kt, findBodyPmSpans as qt } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
-import { PAINTER_PAINTED_EVENT as Jt } from "@stll/folio-core/layout-painter/renderPage";
-import { HeaderFooterSelectionOverlay as Yt } from "@stll/folio-core/render-dom/HeaderFooterSelectionOverlay";
-import { getTemplateDirectives as Xt, getTemplateDirectives as Zt, scanDirectives as Qt } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
-import { closeHistory as $t, redo as en, undo as tn } from "prosemirror-history";
-import { clearFormatting as nn } from "@stll/folio-core/prosemirror/commands/formatting";
-import { PENDING_COMMENT_ID as rn, createCommentIdAllocator as an, seedCommentAllocator as on } from "@stll/folio-core/prosemirror/commentIdAllocator";
-import { createComment as sn } from "@stll/folio-core/prosemirror/commentOps";
-import { acceptAIEditRevision as cn, acceptChange as ln, acceptSuggestion as un, findAIEditRevisionRange as dn, findSuggestionRange as fn, getSuggestions as pn, rejectAIEditRevision as mn, rejectChange as hn, rejectSuggestion as gn } from "@stll/folio-core/prosemirror/commands/comments";
-import { makeRevisionInfo as _n } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
-import { findPageIndexContainingPmPos as Q } from "@stll/folio-core/layout-engine";
-import { proseDocToBlocks as vn } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
-import { setTemplatePreviewValues as $ } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
-import { clearTemplateSlashMenu as yn, consumeTemplateSlashQuery as bn, getTemplateSlashMenu as xn, resetTemplateSlashQuery as Sn, templateSlashMenuKey as Cn } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
-import { createEmptyHeaderFooter as wn, pickActiveHeaderFooterRId as Tn, removeHeaderFooter as En, resolveHeaderFooterContent as Dn, saveHeaderFooterContent as On } from "@stll/folio-core/utils/headerFooter";
-import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION as kn, applyFolioAIEditOperations as An, applyFolioAIEditOperations as jn, applyFolioDocumentOperations as Mn, assertSupportedFolioDocumentOperationVersion as Nn, createFolioAIEditSnapshot as Pn, createFolioAIEditSnapshot as Fn, diffWordSegments as In, getCommentAnchorsFromDoc as Ln, getFolioDocumentOperationIssues as Rn, getTrackedChangesFromDoc as zn, hashFolioAIBlockText as Bn, normalizeFolioAIBlockText as Vn } from "@stll/folio-core/ai-edits";
-import { findParagraphFragmentsByParaId as Hn, flashParagraphElements as Un } from "@stll/folio-core/paged-layout/paragraphFlash";
-import { blockSdtAttrsToSdtProperties as Wn, findBlockSdtMatch as Gn, findBlockSdtMatches as Kn, removeContentControlTr as qn, setContentControlContentTr as Jn, setContentControlValueTr as Yn } from "@stll/folio-core/prosemirror/commands/contentControls";
-import { setContentControlContentBlocksTr as Xn } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
-import { clampRangeToDocSize as Zn, resolveFolioAIBlockRange as Qn, resolveFolioAITextRange as $n, resolvePassageRange as er } from "@stll/folio-core/ai-edits/blockRange";
-import { deriveBlockId as tr, getFolioParaIdFromBlockId as nr, getFolioParaIdFromBlockId as rr, isFolioBlockId as ir, isSequentialFolioBlockId as ar } from "@stll/folio-core/types/block-id";
-import { getPageTextFromLayout as or } from "@stll/folio-core/paged-layout/pageText";
-import { applyStyle as sr, removeTabStop as cr, setIndentFirstLine as lr, setIndentLeft as ur, setIndentRight as dr } from "@stll/folio-core/prosemirror/commands/paragraph";
-import { getCachedNumberingMap as fr } from "@stll/folio-core/docx";
-import { insertPageBreak as pr } from "@stll/folio-core/prosemirror/commands/pageBreak";
-import { insertSectionBreakContinuous as mr, insertSectionBreakNextPage as hr } from "@stll/folio-core/prosemirror/commands/sectionBreak";
-import { setEmbeddedFontFamilyMap as gr } from "@stll/folio-core/utils/fontResolver";
-import { buildEmbeddedFontFamilyMap as _r, extractEmbeddedFonts as vr } from "@stll/folio-core/fonts/embeddedFonts";
-import { editHyperlinkAtCursor as yr, removeHyperlinkAtCursor as br } from "@stll/folio-core/prosemirror/commands/hyperlink";
-import { sanitizeExternalUrl as xr } from "@stll/folio-core/utils/urlSecurity";
-import { collectHeadings as Sr } from "@stll/folio-core/utils/headingCollector";
-import { clickToPositionInHfSlot as Cr } from "@stll/folio-core/layout-bridge/dom/findHfPmSpans";
-import { findNoteStoryForTarget as wr } from "@stll/folio-core/layout-bridge/dom/noteStoryDom";
-import { TABLE_INSERT_HIDE_DELAY_MS as Tr, detectTableInsertHover as Er } from "@stll/folio-core/layout-bridge/tableInsertHover";
-import { createCellDragTracker as Dr, findCellPosFromPmPos as Or } from "@stll/folio-core/prosemirror/cellDragSelection";
-import { RemoteSelectionOverlay as kr } from "@stll/folio-core/render-dom/RemoteSelectionOverlay";
-import { BodySelectionOverlay as Ar } from "@stll/folio-core/render-dom/BodySelectionOverlay";
-import { createEmptyDocument as jr } from "@stll/folio-core/utils/createDocument";
-import { extractDocumentStyleSet as Mr, extractDocumentStyleSetFromDocx as Nr, inspectDocumentStyles as Pr, inspectDocumentStylesFromDocx as Fr } from "@stll/folio-core/style-sets/extract";
-import { STELLA_STYLE_SET_NAME as Ir, createStellaStyleDocumentPreset as Lr, createStellaStyleSet as Rr } from "@stll/folio-core/style-sets/stellaStyle";
-import { DOCUMENT_PRESET_VERSION as zr, DOCUMENT_STYLE_SET_VERSION as Br } from "@stll/folio-core/style-sets/types";
-import { createDocx as Vr } from "@stll/folio-core/docx/rezip";
-import { DEFAULT_AI_SUGGESTION_PRESETS as Hr } from "@stll/folio-core/ai-suggestions/types";
-import { applySuggestions as Ur } from "@stll/folio-core/ai-suggestions/apply";
-import { isSuggestionStale as Wr, resolveSuggestionAnchor as Gr } from "@stll/folio-core/ai-suggestions/conflict";
-import { buildPositionalText as Kr } from "@stll/folio-core/ai-suggestions/text-positions";
-import { setAISuggestionsMeta as qr, setFocusedSuggestionMeta as Jr } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
-import { scrollFolioPositionIntoView as Yr } from "@stll/folio-core/paged-layout/scrollToPmPosition";
-import { getFolioCaretViewportRect as Xr, getFolioSelectionViewportRect as Zr } from "@stll/folio-core/paged-layout/selectionViewportRect";
-import { createAICitationDecorationsPlugin as Qr, setAICitationsMeta as $r, setActiveCitationMeta as ei } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
-import { fromMarkdown as ti, toMarkdown as ni, toMarkdownResult as ri } from "@stll/folio-core/markdown";
+import { clickToPositionDom as Bt, getCaretPositionFromDom as Vt } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
+import { calculateResizedImageDimensions as Ht, commitImageFloatMove as Ut, commitImageInlineMove as Wt, commitImageResize as Gt, isFloatingImage as Kt } from "@stll/folio-core/prosemirror/imageCommit";
+import { findBodyPmAnchor as qt, findBodyPmSpans as Jt } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
+import { resetImeCaretAnchor as Yt, syncImeCaretAnchor as Xt } from "@stll/folio-core/layout-bridge/dom/imeCaretAnchor";
+import { PAINTER_PAINTED_EVENT as Zt } from "@stll/folio-core/layout-painter/renderPage";
+import { HeaderFooterSelectionOverlay as Qt } from "@stll/folio-core/render-dom/HeaderFooterSelectionOverlay";
+import { getTemplateDirectives as $t, getTemplateDirectives as en, scanDirectives as tn } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
+import { closeHistory as nn, redo as rn, undo as an } from "prosemirror-history";
+import { clearFormatting as on } from "@stll/folio-core/prosemirror/commands/formatting";
+import { PENDING_COMMENT_ID as sn, createCommentIdAllocator as cn, seedCommentAllocator as ln } from "@stll/folio-core/prosemirror/commentIdAllocator";
+import { createComment as un } from "@stll/folio-core/prosemirror/commentOps";
+import { acceptAIEditRevision as dn, acceptChange as fn, acceptSuggestion as pn, findAIEditRevisionRange as mn, findSuggestionRange as hn, getSuggestions as gn, rejectAIEditRevision as _n, rejectChange as Q, rejectSuggestion as vn } from "@stll/folio-core/prosemirror/commands/comments";
+import { makeRevisionInfo as $ } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { findPageIndexContainingPmPos as yn } from "@stll/folio-core/layout-engine";
+import { proseDocToBlocks as bn } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
+import { setTemplatePreviewValues as xn } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { clearTemplateSlashMenu as Sn, consumeTemplateSlashQuery as Cn, getTemplateSlashMenu as wn, resetTemplateSlashQuery as Tn, templateSlashMenuKey as En } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { createEmptyHeaderFooter as Dn, pickActiveHeaderFooterRId as On, removeHeaderFooter as kn, resolveHeaderFooterContent as An, saveHeaderFooterContent as jn } from "@stll/folio-core/utils/headerFooter";
+import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION as Mn, applyFolioAIEditOperations as Nn, applyFolioAIEditOperations as Pn, applyFolioDocumentOperations as Fn, assertSupportedFolioDocumentOperationVersion as In, createFolioAIEditSnapshot as Ln, createFolioAIEditSnapshot as Rn, diffWordSegments as zn, getCommentAnchorsFromDoc as Bn, getFolioDocumentOperationIssues as Vn, getTrackedChangesFromDoc as Hn, hashFolioAIBlockText as Un, normalizeFolioAIBlockText as Wn } from "@stll/folio-core/ai-edits";
+import { findParagraphFragmentsByParaId as Gn, flashParagraphElements as Kn } from "@stll/folio-core/paged-layout/paragraphFlash";
+import { blockSdtAttrsToSdtProperties as qn, findBlockSdtMatch as Jn, findBlockSdtMatches as Yn, removeContentControlTr as Xn, setContentControlContentTr as Zn, setContentControlValueTr as Qn } from "@stll/folio-core/prosemirror/commands/contentControls";
+import { setContentControlContentBlocksTr as $n } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
+import { clampRangeToDocSize as er, resolveFolioAIBlockRange as tr, resolveFolioAITextRange as nr, resolvePassageRange as rr } from "@stll/folio-core/ai-edits/blockRange";
+import { deriveBlockId as ir, getFolioParaIdFromBlockId as ar, getFolioParaIdFromBlockId as or, isFolioBlockId as sr, isSequentialFolioBlockId as cr } from "@stll/folio-core/types/block-id";
+import { getPageTextFromLayout as lr } from "@stll/folio-core/paged-layout/pageText";
+import { applyStyle as ur, removeTabStop as dr, setIndentFirstLine as fr, setIndentLeft as pr, setIndentRight as mr } from "@stll/folio-core/prosemirror/commands/paragraph";
+import { getCachedNumberingMap as hr } from "@stll/folio-core/docx";
+import { insertPageBreak as gr } from "@stll/folio-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as _r, insertSectionBreakNextPage as vr } from "@stll/folio-core/prosemirror/commands/sectionBreak";
+import { setEmbeddedFontFamilyMap as yr } from "@stll/folio-core/utils/fontResolver";
+import { buildEmbeddedFontFamilyMap as br, extractEmbeddedFonts as xr } from "@stll/folio-core/fonts/embeddedFonts";
+import { editHyperlinkAtCursor as Sr, removeHyperlinkAtCursor as Cr } from "@stll/folio-core/prosemirror/commands/hyperlink";
+import { sanitizeExternalUrl as wr } from "@stll/folio-core/utils/urlSecurity";
+import { collectHeadings as Tr } from "@stll/folio-core/utils/headingCollector";
+import { clickToPositionInHfSlot as Er } from "@stll/folio-core/layout-bridge/dom/findHfPmSpans";
+import { findNoteStoryForTarget as Dr } from "@stll/folio-core/layout-bridge/dom/noteStoryDom";
+import { TABLE_INSERT_HIDE_DELAY_MS as Or, detectTableInsertHover as kr } from "@stll/folio-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as Ar, findCellPosFromPmPos as jr } from "@stll/folio-core/prosemirror/cellDragSelection";
+import { RemoteSelectionOverlay as Mr } from "@stll/folio-core/render-dom/RemoteSelectionOverlay";
+import { BodySelectionOverlay as Nr } from "@stll/folio-core/render-dom/BodySelectionOverlay";
+import { createEmptyDocument as Pr } from "@stll/folio-core/utils/createDocument";
+import { extractDocumentStyleSet as Fr, extractDocumentStyleSetFromDocx as Ir, inspectDocumentStyles as Lr, inspectDocumentStylesFromDocx as Rr } from "@stll/folio-core/style-sets/extract";
+import { STELLA_STYLE_SET_NAME as zr, createStellaStyleDocumentPreset as Br, createStellaStyleSet as Vr } from "@stll/folio-core/style-sets/stellaStyle";
+import { DOCUMENT_PRESET_VERSION as Hr, DOCUMENT_STYLE_SET_VERSION as Ur } from "@stll/folio-core/style-sets/types";
+import { createDocx as Wr } from "@stll/folio-core/docx/rezip";
+import { DEFAULT_AI_SUGGESTION_PRESETS as Gr } from "@stll/folio-core/ai-suggestions/types";
+import { applySuggestions as Kr } from "@stll/folio-core/ai-suggestions/apply";
+import { isSuggestionStale as qr, resolveSuggestionAnchor as Jr } from "@stll/folio-core/ai-suggestions/conflict";
+import { buildPositionalText as Yr } from "@stll/folio-core/ai-suggestions/text-positions";
+import { setAISuggestionsMeta as Xr, setFocusedSuggestionMeta as Zr } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
+import { scrollFolioPositionIntoView as Qr } from "@stll/folio-core/paged-layout/scrollToPmPosition";
+import { getFolioCaretViewportRect as $r, getFolioSelectionViewportRect as ei } from "@stll/folio-core/paged-layout/selectionViewportRect";
+import { createAICitationDecorationsPlugin as ti, setAICitationsMeta as ni, setActiveCitationMeta as ri } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
+import { fromMarkdown as ii, toMarkdown as ai, toMarkdownResult as oi } from "@stll/folio-core/markdown";
 //#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
-var ii = [
+var si = [
 	"data-folio-anonymization-label",
 	"data-folio-anonymization-canonical",
 	"data-folio-anonymization-selected",
 	"title"
-], ai = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], ci = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "AnonymizationRectsOverlay",
 	props: {
 		getView: { type: Function },
@@ -200,12 +201,12 @@ var ii = [
 				width: `${n.width}px`,
 				height: `${n.height}px`
 			})
-		}, null, 14, ii))), 128))], 64))), 128))], 512));
+		}, null, 14, si))), 128))], 64))), 128))], 512));
 	}
-}), [["__scopeId", "data-v-df8fe7df"]]), oi = {
+}), [["__scopeId", "data-v-df8fe7df"]]), li = {
 	class: "folio-passage-highlight-overlay",
 	"data-folio-passage-highlight-overlay": ""
-}, si = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, ui = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "PassageHighlightOverlay",
 	props: {
 		range: {},
@@ -252,7 +253,7 @@ var ii = [
 			t.measures
 		], () => a(), { immediate: !0 }), B(() => {
 			r.invalidate(), i !== null && (cancelAnimationFrame(i), i = null);
-		}), (e, t) => (V(), N("div", oi, [(V(!0), N(O, null, U(n.value, (e, t) => (V(), N("span", {
+		}), (e, t) => (V(), N("div", li, [(V(!0), N(O, null, U(n.value, (e, t) => (V(), N("span", {
 			key: `${t}:${e.left}:${e.top}`,
 			class: "folio-passage-highlight",
 			style: z({
@@ -264,11 +265,11 @@ var ii = [
 			})
 		}, null, 4))), 128))]));
 	}
-}), [["__scopeId", "data-v-bde9f41b"]]), ci = {
+}), [["__scopeId", "data-v-bde9f41b"]]), di = {
 	key: 0,
 	class: "folio-autocomplete-overlay",
 	"data-folio-autocomplete-overlay": ""
-}, li = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, fi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "AutocompleteCaretOverlay",
 	props: {
 		caret: {},
@@ -276,7 +277,7 @@ var ii = [
 		isStreaming: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => e.caret && e.text.length > 0 ? (V(), N("div", ci, [P("span", {
+		return (t, n) => e.caret && e.text.length > 0 ? (V(), N("div", di, [P("span", {
 			class: "folio-autocomplete-ghost",
 			style: z({
 				left: `${e.caret.x}px`,
@@ -289,7 +290,7 @@ var ii = [
 			"aria-hidden": "true"
 		}, "stella", 2)], 4)])) : M("", !0);
 	}
-}), [["__scopeId", "data-v-00299904"]]), ui = 48, di = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-00299904"]]), pi = 48, mi = /* @__PURE__ */ I({
 	__name: "AutocompleteSuggestionOverlay",
 	props: {
 		getPagesContainer: { type: Function },
@@ -306,7 +307,7 @@ var ii = [
 				let c = r.querySelector(".layout-page-content");
 				if (!c) return;
 				let l = (c.getBoundingClientRect().right - a.left) / i;
-				return Math.max(ui, l - t);
+				return Math.max(pi, l - t);
 			}
 		}, s = () => {
 			let e = t.getPagesContainer(), r = t.editorState;
@@ -355,7 +356,7 @@ var ii = [
 			t.editorState,
 			t.zoom,
 			r.value
-		], () => c()), (e, t) => (V(), j(li, {
+		], () => c()), (e, t) => (V(), j(fi, {
 			caret: n.value?.caret ?? null,
 			text: n.value?.text ?? "",
 			"is-streaming": n.value?.isStreaming ?? !1
@@ -365,33 +366,33 @@ var ii = [
 			"is-streaming"
 		]));
 	}
-}), fi = Symbol("docx-portal-class");
-function pi(e) {
-	je(fi, A(() => ({
+}), hi = Symbol("docx-portal-class");
+function gi(e) {
+	je(hi, A(() => ({
 		"ep-root": !0,
 		dark: !!G(e)
 	})));
 }
-function mi() {
-	return L(fi, A(() => ({ "ep-root": !0 })));
+function _i() {
+	return L(hi, A(() => ({ "ep-root": !0 })));
 }
 //#endregion
 //#region src/components/ContentControlWidgetsOverlay.vue?vue&type=script&setup=true&lang.ts
-var hi = ["aria-label"], gi = {
+var vi = ["aria-label"], yi = {
 	key: 0,
 	class: "content-control-picker__items",
 	role: "menu"
-}, _i = {
+}, bi = {
 	key: 0,
 	class: "content-control-picker__empty"
-}, vi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, xi = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ContentControlWidgetsOverlay",
 	props: {
 		eventRoot: {},
 		view: {}
 	},
 	setup(e) {
-		let t = e, { t: n } = r(), { Button: i, DatePickerPopover: a } = h(), o = mi(), s = new Ot(), c = Ne(s.getSnapshot()), l = s.subscribe(() => {
+		let t = e, { t: n } = r(), { Button: i, DatePickerPopover: a } = h(), o = _i(), s = new Ot(), c = Ne(s.getSnapshot()), l = s.subscribe(() => {
 			c.value = s.getSnapshot();
 		});
 		K([() => t.view, () => t.eventRoot], ([e, t]) => s.bind(e, t), { immediate: !0 }), B(() => {
@@ -410,7 +411,7 @@ var hi = ["aria-label"], gi = {
 			role: "dialog",
 			"aria-label": c.value.status === "dropdown" ? G(n)("contentControlDropdownAriaLabel") : G(n)("contentControlDateAriaLabel"),
 			onMousedown: t[1] ||= q(() => {}, ["stop"])
-		}, [c.value.status === "dropdown" ? (V(), N("div", gi, [c.value.items.length === 0 ? (V(), N("div", _i, W(G(n)("contentControlDropdownNoOptions")), 1)) : (V(!0), N(O, { key: 1 }, U(c.value.items, (e) => (V(), j(G(i), {
+		}, [c.value.status === "dropdown" ? (V(), N("div", yi, [c.value.items.length === 0 ? (V(), N("div", bi, W(G(n)("contentControlDropdownNoOptions")), 1)) : (V(!0), N(O, { key: 1 }, U(c.value.items, (e) => (V(), j(G(i), {
 			key: `${e.value}::${e.displayText}`,
 			"class-name": "content-control-picker__item",
 			type: "button",
@@ -427,9 +428,9 @@ var hi = ["aria-label"], gi = {
 			value: c.value.currentValue,
 			"default-open": !0,
 			onChange: d
-		}, null, 8, ["value"])) : M("", !0)], 46, hi))]));
+		}, null, 8, ["value"])) : M("", !0)], 46, vi))]));
 	}
-}), [["__scopeId", "data-v-19e067b7"]]), yi = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-19e067b7"]]), Si = /* @__PURE__ */ I({
 	__name: "DecorationLayer",
 	props: {
 		getView: { type: Function },
@@ -541,10 +542,10 @@ var hi = ["aria-label"], gi = {
 			"aria-hidden": "true"
 		}, null, 512));
 	}
-}), bi = { class: "doc-outline__header" }, xi = { class: "doc-outline__body" }, Si = {
+}), Ci = { class: "doc-outline__header" }, wi = { class: "doc-outline__body" }, Ti = {
 	key: 0,
 	class: "doc-outline__empty"
-}, Ci = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Ei = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
@@ -573,7 +574,7 @@ var hi = ["aria-label"], gi = {
 			role: "navigation",
 			"aria-label": "Document outline",
 			onMousedown: n[1] ||= q(() => {}, ["stop"])
-		}, [P("div", bi, [P("button", {
+		}, [P("div", Ci, [P("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
@@ -581,7 +582,7 @@ var hi = ["aria-label"], gi = {
 		}, [F(i, {
 			name: "arrow_back",
 			size: 20
-		})]), n[2] ||= P("span", { class: "doc-outline__title" }, "Document Outline", -1)]), P("div", xi, [e.headings.length === 0 ? (V(), N("div", Si, "No headings found")) : (V(), j(G(r), {
+		})]), n[2] ||= P("span", { class: "doc-outline__title" }, "Document Outline", -1)]), P("div", wi, [e.headings.length === 0 ? (V(), N("div", Ti, "No headings found")) : (V(), j(G(r), {
 			key: 1,
 			items: o.value,
 			"get-scroll-container": e.getScrollContainer ?? (() => null),
@@ -589,7 +590,7 @@ var hi = ["aria-label"], gi = {
 			"aria-label": "Document outline"
 		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-0797b3b1"]]), wi = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-0797b3b1"]]), Di = /* @__PURE__ */ I({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -682,10 +683,10 @@ var hi = ["aria-label"], gi = {
 			}, null, 8, ["is-open", "current-watermark"])
 		], 64));
 	}
-}), Ti = {
+}), Oi = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Ei = { class: "docx-editor-vue__title-bar-left" }, Di = { class: "docx-editor-vue__title-bar-center" }, Oi = { class: "docx-editor-vue__title-bar-right" }, ki = /* @__PURE__ */ I({
+}, ki = { class: "docx-editor-vue__title-bar-left" }, Ai = { class: "docx-editor-vue__title-bar-center" }, ji = { class: "docx-editor-vue__title-bar-right" }, Mi = /* @__PURE__ */ I({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: {
@@ -717,9 +718,9 @@ var hi = ["aria-label"], gi = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (V(), N("div", Ti, [
-			P("div", Ei, [Me(t.$slots, "title-bar-left")]),
-			P("div", Di, [F(_, {
+		return (t, r) => e.showMenuBar ? (V(), N("div", Oi, [
+			P("div", ki, [Me(t.$slots, "title-bar-left")]),
+			P("div", Ai, [F(_, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
@@ -734,28 +735,28 @@ var hi = ["aria-label"], gi = {
 				"show-help-menu",
 				"show-table-insert"
 			])]),
-			P("div", Oi, [Me(t.$slots, "title-bar-right")])
+			P("div", ji, [Me(t.$slots, "title-bar-right")])
 		])) : M("", !0);
 	}
-}), Ai = ["aria-label"], ji = { class: "image-ctx-menu__icon" }, Mi = { class: "image-ctx-menu__label" }, Ni = {
+}), Ni = ["aria-label"], Pi = { class: "image-ctx-menu__icon" }, Fi = { class: "image-ctx-menu__label" }, Ii = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Pi = [
+}, Li = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], Fi = { class: "image-ctx-menu__icon" }, Ii = { class: "image-ctx-menu__label" }, Li = ["aria-label"], Ri = ["disabled", "onClick"], zi = { class: "image-ctx-menu__label" }, Bi = {
+], Ri = { class: "image-ctx-menu__icon" }, zi = { class: "image-ctx-menu__label" }, Bi = ["aria-label"], Vi = ["disabled", "onClick"], Hi = { class: "image-ctx-menu__label" }, Ui = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, Vi = {
+}, Wi = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, Hi = 18, Ui = 260, Wi = 10, Gi = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Gi = 18, Ki = 260, qi = 10, Ji = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -776,7 +777,7 @@ var hi = ["aria-label"], gi = {
 		function o() {
 			a("open-properties"), a("close");
 		}
-		let { t: s } = r(), c = mi(), l = Mt, u = A(() => n.state ? Pt(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
+		let { t: s } = r(), c = _i(), l = Mt, u = A(() => n.state ? Pt(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
@@ -789,11 +790,11 @@ var hi = ["aria-label"], gi = {
 		let p = A(() => {
 			if (!n.state) return {};
 			let e = Mt.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + Ui > window.innerWidth && (t = window.innerWidth - Ui - Wi), r + e > window.innerHeight && (r = window.innerHeight - e - Wi), t < Wi && (t = Wi), r < Wi && (r = Wi)), {
+			return typeof window < "u" && (t + Ki > window.innerWidth && (t = window.innerWidth - Ki - qi), r + e > window.innerHeight && (r = window.innerHeight - e - qi), t < qi && (t = qi), r < qi && (r = qi)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${Ui}px`,
+				minWidth: `${Ki}px`,
 				zIndex: 400
 			};
 		});
@@ -835,11 +836,11 @@ var hi = ["aria-label"], gi = {
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= q(() => {}, ["prevent"]),
 				onClick: o
-			}, [P("span", ji, [F(i, {
+			}, [P("span", Pi, [F(i, {
 				name: "settings",
-				size: Hi
-			})]), P("span", Mi, W(G(s)("imageWrap.menu.imageProperties")), 1)], 32)) : M("", !0),
-			e.canOpenProperties ? (V(), N("div", Ni)) : M("", !0),
+				size: Gi
+			})]), P("span", Fi, W(G(s)("imageWrap.menu.imageProperties")), 1)], 32)) : M("", !0),
+			e.canOpenProperties ? (V(), N("div", Ii)) : M("", !0),
 			(V(!0), N(O, null, U(G(l), (e) => (V(), N("button", {
 				key: e.choice,
 				type: "button",
@@ -853,17 +854,17 @@ var hi = ["aria-label"], gi = {
 				onMousedown: n[2] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				P("span", Fi, [F(i, {
+				P("span", Ri, [F(i, {
 					name: f(e.iconHint),
-					size: Hi
+					size: Gi
 				}, null, 8, ["name"])]),
-				P("span", Ii, W(G(s)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				P("span", zi, W(G(s)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
 				e.choice === u.value ? (V(), N("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
 					"aria-label": G(s)("imageWrap.menu.ariaLabel")
-				}, "●", 8, Li)) : M("", !0)
-			], 42, Pi))), 128)),
+				}, "●", 8, Bi)) : M("", !0)
+			], 42, Li))), 128)),
 			e.textActions && e.textActions.length > 0 ? (V(), N(O, { key: 2 }, [n[5] ||= P("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
@@ -874,16 +875,16 @@ var hi = ["aria-label"], gi = {
 				disabled: e.disabled,
 				onMousedown: n[3] ||= q(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [P("span", zi, W(e.label), 1), e.shortcut ? (V(), N("span", Bi, W(e.shortcut), 1)) : M("", !0)], 40, Ri), e.dividerAfter ? (V(), N("div", Vi)) : M("", !0)], 64))), 128))], 64)) : M("", !0)
-		], 46, Ai)) : M("", !0)]));
+			}, [P("span", Hi, W(e.label), 1), e.shortcut ? (V(), N("span", Ui, W(e.shortcut), 1)) : M("", !0)], 40, Vi), e.dividerAfter ? (V(), N("div", Wi)) : M("", !0)], 64))), 128))], 64)) : M("", !0)
+		], 46, Ni)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-fc8f35bc"]]), Ki = ["disabled", "onMousedown"], qi = {
+}), [["__scopeId", "data-v-fc8f35bc"]]), Yi = ["disabled", "onMousedown"], Xi = {
 	key: 0,
 	class: "ctx-menu__icon"
-}, Ji = { class: "ctx-menu__label" }, Yi = {
+}, Zi = { class: "ctx-menu__label" }, Qi = {
 	key: 1,
 	class: "ctx-menu__shortcut"
-}, Xi = 220, Zi = 32, Qi = 10, $i = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, $i = 220, ea = 32, ta = 10, na = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -900,7 +901,7 @@ var hi = ["aria-label"], gi = {
 	setup(e, { emit: t }) {
 		let n = e, i = ({ node: e }) => e;
 		i.props = ["node"];
-		let a = t, { t: o } = r(), s = mi(), c = H(null), l = A(() => {
+		let a = t, { t: o } = r(), s = _i(), c = H(null), l = A(() => {
 			let e = [], t = n.customItems ?? [];
 			for (let [n, r] of t.entries()) e.push({
 				id: `custom-${r.id}`,
@@ -1036,8 +1037,8 @@ var hi = ["aria-label"], gi = {
 				action: "deleteTable"
 			}), e;
 		}), u = A(() => {
-			let e = n.position.x, t = n.position.y, r = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = r * Zi + i * 9;
-			return typeof window < "u" && (e + Xi + Qi > window.innerWidth && (e = window.innerWidth - Xi - Qi), t + a + Qi > window.innerHeight && (t = window.innerHeight - a - Qi)), {
+			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 * ea + i * 9;
+			return typeof window < "u" && (e + $i + ta > window.innerWidth && (e = window.innerWidth - $i - ta), t + a + ta > window.innerHeight && (t = window.innerHeight - a - ta)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -1075,12 +1076,12 @@ var hi = ["aria-label"], gi = {
 			disabled: e.disabled,
 			onMousedown: q((t) => d(e.action), ["prevent"])
 		}, [
-			e.icon ? (V(), N("span", qi, [F(i, { node: e.icon }, null, 8, ["node"])])) : M("", !0),
-			P("span", Ji, W(e.label), 1),
-			e.shortcut ? (V(), N("span", Yi, W(e.shortcut), 1)) : M("", !0)
-		], 42, Ki))), 128))], 38)) : M("", !0)]));
+			e.icon ? (V(), N("span", Xi, [F(i, { node: e.icon }, null, 8, ["node"])])) : M("", !0),
+			P("span", Zi, W(e.label), 1),
+			e.shortcut ? (V(), N("span", Qi, W(e.shortcut), 1)) : M("", !0)
+		], 42, Yi))), 128))], 38)) : M("", !0)]));
 	}
-}), [["__scopeId", "data-v-c1416e84"]]), ea = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-c1416e84"]]), ra = /* @__PURE__ */ I({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -1099,7 +1100,7 @@ var hi = ["aria-label"], gi = {
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (V(), N(O, null, [F($i, {
+		return (t, r) => (V(), N(O, null, [F(na, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -1121,7 +1122,7 @@ var hi = ["aria-label"], gi = {
 			"can-merge-cells",
 			"can-split-cell",
 			"custom-items"
-		]), F(Gi, {
+		]), F(Ji, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -1138,7 +1139,7 @@ var hi = ["aria-label"], gi = {
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function ta(e) {
+function ia(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,
@@ -1149,13 +1150,13 @@ function ta(e) {
 }
 //#endregion
 //#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
-var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
+var aa = ["data-handle", "onMousedown"], oa = ["title"], sa = {
 	key: 0,
 	class: "image-overlay__dim"
-}, aa = {
+}, ca = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, oa = 4, sa = 15, ca = 250, la = 700, ua = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, la = 4, ua = 15, da = 250, fa = 700, pa = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -1193,7 +1194,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			if (e.element.isConnected) return e.element;
 			let t = re();
 			if (!t) return null;
-			let n = Kt(t, e.pmPos);
+			let n = qt(t, e.pmPos);
 			return n ? Ft(n) : null;
 		}
 		function S() {
@@ -1208,7 +1209,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				return;
 			}
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-			p.value = ta({
+			p.value = ia({
 				imageRect: r,
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
@@ -1218,19 +1219,19 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				zoom: i.zoom
 			});
 		}
-		let oe = null;
-		function se() {
-			oe?.();
+		let C = null;
+		function oe() {
+			C?.();
 			let e = 0, t = "", n = 0, r = 0, i = (a) => {
 				r === 0 && (r = a);
 				let o = a - r;
 				S();
 				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
-				n = c === t ? n + 1 : 0, t = c, !(o >= ca && n >= 2) && o < la && (e = requestAnimationFrame(i));
+				n = c === t ? n + 1 : 0, t = c, !(o >= da && n >= 2) && o < fa && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(S, ca);
-			oe = () => {
+			let a = setTimeout(S, da);
+			C = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
@@ -1239,9 +1240,9 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				p.value = null;
 				return;
 			}
-			se(), n(() => oe?.());
+			oe(), n(() => C?.());
 		}, { immediate: !0 }), K(() => i.zoom, () => {
-			i.imageInfo && se();
+			i.imageInfo && oe();
 		}), K(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = () => {
@@ -1252,7 +1253,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			Oe(() => {
 				if (c || !i.imageInfo) return;
 				let e = re();
-				e && (s = new MutationObserver(() => se()), s.observe(e, {
+				e && (s = new MutationObserver(() => oe()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
@@ -1260,7 +1261,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				c = !0, a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), s?.disconnect(), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let C = A(() => s.value ? u.value : p.value?.width || 0), ce = A(() => s.value ? d.value : p.value?.height || 0), le = A(() => {
+		let w = A(() => s.value ? u.value : p.value?.width || 0), se = A(() => s.value ? d.value : p.value?.height || 0), ce = A(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -1281,8 +1282,8 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				zIndex: ae.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), ue = A(() => {
-			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";
+		}), le = A(() => {
+			let e = w.value, t = se.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -1350,11 +1351,11 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				}
 			];
 		});
-		function de(e, t) {
-			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", fe), document.addEventListener("mouseup", pe));
+		function ue(e, t) {
+			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", de), document.addEventListener("mouseup", fe));
 		}
-		function fe(e) {
-			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Vt(m, n, r, _, v, a);
+		function de(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Ht(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
 			if (s) {
@@ -1367,17 +1368,17 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				};
 			}
 		}
-		function pe() {
-			document.removeEventListener("mousemove", fe), document.removeEventListener("mouseup", pe), s.value = !1, y = null, a("interact-end");
+		function fe() {
+			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", fe), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
 				S();
 				return;
 			}
-			let n = Wt(e, t.pmPos, u.value, d.value);
+			let n = Gt(e, t.pmPos, u.value, d.value);
 			n !== null && Ce(n), Oe(() => S());
 		}
-		let me = 0, he = 0, w = 0, ge = 0, T = null, E = null;
+		let pe = 0, me = 0, T = 0, he = 0, ge = null, E = null;
 		function _e(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/)?.[1];
@@ -1388,16 +1389,16 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			return a !== 0 && i.push(`rotate(${a}deg)`), n && i.push("scaleX(-1)"), r && i.push("scaleY(-1)"), i.length > 0 ? i.join(" ") : null;
 		}
 		function ye(e, t) {
-			return Math.atan2(e - me, -(t - he)) * 180 / Math.PI;
+			return Math.atan2(e - pe, -(t - me)) * 180 / Math.PI;
 		}
 		function be(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			me = t.left + t.width / 2, he = t.top + t.height / 2, T = ne(te(i.view, i.imageInfo.pmPos)), ge = _e(T), E = i.imageInfo.element.querySelector("img"), w = ye(e.clientX, e.clientY), f.value = ge, l.value = !0, a("interact-start"), document.addEventListener("mousemove", xe), document.addEventListener("mouseup", D);
+			pe = t.left + t.width / 2, me = t.top + t.height / 2, ge = ne(te(i.view, i.imageInfo.pmPos)), he = _e(ge), E = i.imageInfo.element.querySelector("img"), T = ye(e.clientX, e.clientY), f.value = he, l.value = !0, a("interact-start"), document.addEventListener("mousemove", xe), document.addEventListener("mouseup", D);
 		}
 		function xe(e) {
-			let t = ye(e.clientX, e.clientY) - w, n = ge + t;
-			e.shiftKey || (n = Math.round(n / sa) * sa), f.value = (n % 360 + 360) % 360, E && (E.style.transform = ve(T, f.value) || "");
+			let t = ye(e.clientX, e.clientY) - T, n = he + t;
+			e.shiftKey || (n = Math.round(n / ua) * ua), f.value = (n % 360 + 360) % 360, E && (E.style.transform = ve(ge, f.value) || "");
 		}
 		function D() {
 			document.removeEventListener("mousemove", xe), document.removeEventListener("mouseup", D), l.value = !1, a("interact-end");
@@ -1409,7 +1410,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 					transform: ve(ne(n), f.value)
 				})), Ce(t.pmPos));
 			} catch {} finally {
-				E && (E.style.transform = ""), E = null, T = null;
+				E && (E.style.transform = ""), E = null, ge = null;
 			}
 			Oe(() => S());
 		}
@@ -1418,7 +1419,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			if (!i.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, r = p.value, o = !1, s = (e) => {
 				let s = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(s * s + l * l) < oa)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < la)) {
 					if (!o) {
 						o = !0, c.value = !0, a("interact-start"), k = document.createElement("div"), k.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
 						let e = i.zoom;
@@ -1440,7 +1441,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			let a = te(n, r.pmPos);
 			if (!a) return;
 			let s;
-			if (Gt(a)) {
+			if (Kt(a)) {
 				let a = (o.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
 				if (!a || a.length === 0) return;
 				let c = null;
@@ -1457,13 +1458,13 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				}
 				if (!c) return;
 				let l = c.getBoundingClientRect(), u = i.zoom, d = jt((e - l.left) / u), f = jt((t - l.top) / u);
-				s = Ht(n, r.pmPos, d, f);
+				s = Ut(n, r.pmPos, d, f);
 			} else {
 				let i = re();
 				if (!i) return;
 				let a = Bt(i, e, t, 1);
 				if (a == null || a < 0) return;
-				s = Ut(n, r.pmPos, a);
+				s = Wt(n, r.pmPos, a);
 			}
 			s !== null && Ce(s), Oe(() => S());
 		}
@@ -1475,13 +1476,13 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			} catch {}
 		}
 		return B(() => {
-			document.removeEventListener("mousemove", fe), document.removeEventListener("mouseup", pe), document.removeEventListener("mousemove", xe), document.removeEventListener("mouseup", D), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), k &&= (k.remove(), null), b && cancelAnimationFrame(b), oe?.();
+			document.removeEventListener("mousemove", de), document.removeEventListener("mouseup", fe), document.removeEventListener("mousemove", xe), document.removeEventListener("mouseup", D), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), k &&= (k.remove(), null), b && cancelAnimationFrame(b), C?.();
 		}), (t, r) => e.imageInfo ? (V(), N("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: o,
 			class: "image-overlay",
-			style: z(le.value),
+			style: z(ce.value),
 			onMousedown: r[3] ||= q(() => {}, ["stop"])
 		}, [
 			r[4] ||= P("div", { class: "image-overlay__border" }, null, -1),
@@ -1491,38 +1492,50 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				onMousedown: r[0] ||= q((e) => Se(e), ["prevent", "stop"]),
 				onContextmenu: r[1] ||= q((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(V(!0), N(O, null, U(ue.value, (e) => (V(), N("div", {
+			(V(!0), N(O, null, U(le.value, (e) => (V(), N("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
 				style: z(e.style),
 				"data-handle": e.pos,
-				onMousedown: q((t) => de(t, e.pos), ["prevent", "stop"])
-			}, null, 44, na))), 128)),
+				onMousedown: q((t) => ue(t, e.pos), ["prevent", "stop"])
+			}, null, 44, aa))), 128)),
 			r[5] ||= P("div", { class: "image-overlay__rotate-line" }, null, -1),
 			P("div", {
 				class: "image-overlay__rotate-handle",
-				style: z({ left: `${C.value / 2 - 7}px` }),
+				style: z({ left: `${w.value / 2 - 7}px` }),
 				title: G(n)("imageOverlay.rotate"),
 				onMousedown: r[2] ||= q((e) => be(e), ["prevent", "stop"])
-			}, null, 44, ra),
-			s.value ? (V(), N("div", ia, W(Math.round(u.value)) + " × " + W(Math.round(d.value)), 1)) : M("", !0),
-			l.value ? (V(), N("div", aa, W(Math.round(f.value)) + "° ", 1)) : M("", !0)
+			}, null, 44, oa),
+			s.value ? (V(), N("div", sa, W(Math.round(u.value)) + " × " + W(Math.round(d.value)), 1)) : M("", !0),
+			l.value ? (V(), N("div", ca, W(Math.round(f.value)) + "° ", 1)) : M("", !0)
 		], 36)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-4c3d1a1d"]]), da = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-4c3d1a1d"]]), ma = /* @__PURE__ */ I({
 	__name: "HeaderFooterSelectionOverlay",
 	props: {
 		pagesContainer: {},
+		hiddenContainer: {},
+		editorView: {},
 		selection: {},
 		zoom: {}
 	},
 	setup(e) {
-		let t = e, n = new Yt(), r = () => {
-			t.pagesContainer && n.sync(t.pagesContainer, t.selection, t.zoom);
+		let t = e, n = new Qt(), r = () => {
+			if (!t.pagesContainer) return;
+			n.sync(t.pagesContainer, t.selection, t.zoom);
+			let e = t.pagesContainer.querySelector("[data-testid='hf-caret']")?.getBoundingClientRect();
+			Xt({
+				hiddenHost: t.hiddenContainer,
+				editorView: t.editorView,
+				visibleCaret: e ? {
+					left: e.left,
+					top: e.top
+				} : null
+			});
 		};
-		return K(() => t.pagesContainer, (e, t, i) => {
-			e && (e.addEventListener(Jt, r), r(), i(() => {
-				e.removeEventListener(Jt, r), n.clear(e);
+		K(() => t.pagesContainer, (e, t, i) => {
+			e && (e.addEventListener(Zt, r), r(), i(() => {
+				e.removeEventListener(Zt, r), n.clear(e);
 			}));
 		}, { immediate: !0 }), K(() => [
 			t.selection?.rId,
@@ -1530,10 +1543,24 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			t.selection?.from,
 			t.selection?.to,
 			t.selection?.pageNumber,
+			t.hiddenContainer,
+			t.editorView,
 			t.zoom
-		], r), (e, t) => null;
+		], r), K(() => t.hiddenContainer, (e, t, n) => {
+			e && (e.addEventListener("focusin", r), e.addEventListener("compositionend", r), n(() => {
+				e.removeEventListener("focusin", r), e.removeEventListener("compositionend", r);
+			}));
+		}, { immediate: !0 });
+		let i = null, a = () => {
+			i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+				i = null, r();
+			});
+		}, o = typeof window > "u" ? null : window;
+		return o?.addEventListener("scroll", a, !0), Ae(() => {
+			i !== null && cancelAnimationFrame(i), o?.removeEventListener("scroll", a, !0), Yt(t.hiddenContainer);
+		}), (e, t) => null;
 	}
-}), fa = { class: "hf-editor-label" }, pa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), ha = { class: "hf-editor-label" }, ga = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "InlineHeaderFooterEditor",
 	props: {
 		edit: {},
@@ -1576,7 +1603,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			class: "hf-inline-editor",
 			style: z(l.value),
 			role: "presentation"
-		}, [P("div", { class: R(["hf-separator-bar", { "hf-separator-bar--footer": e.edit.position === "footer" }]) }, [P("span", fa, W(c.value), 1), P("div", {
+		}, [P("div", { class: R(["hf-separator-bar", { "hf-separator-bar--footer": e.edit.position === "footer" }]) }, [P("span", ha, W(c.value), 1), P("div", {
 			class: "hf-options",
 			onMousedown: n[5] ||= q(() => {}, ["stop"])
 		}, [F(G(a), {
@@ -1626,7 +1653,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			})
 		], 2)) : M("", !0)], 32)], 2)], 4));
 	}
-}), [["__scopeId", "data-v-a0bd3730"]]), ma = ["title", "aria-label"], ha = /* @__PURE__ */ I({
+}), [["__scopeId", "data-v-a0bd3730"]]), _a = ["title", "aria-label"], va = /* @__PURE__ */ I({
 	__name: "OutlineToggleButton",
 	props: {
 		leftOffset: {},
@@ -1649,9 +1676,9 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 		}, [F(i, {
 			name: "format_list_bulleted",
 			size: 20
-		})], 44, ma));
+		})], 44, _a));
 	}
-}), ga = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), ya = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -1670,7 +1697,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-f1904974"]]), _a = ["data-folio-block-id"], va = ["data-folio-block-id", "title"], ya = 2.5, ba = 5, xa = 6, Sa = 2, Ca = 2, wa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), [["__scopeId", "data-v-f1904974"]]), ba = ["data-folio-block-id"], xa = ["data-folio-block-id", "title"], Sa = 2.5, Ca = 5, wa = 6, Ta = 2, Ea = 2, Da = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "TemplateDirectivesOverlay",
 	props: {
 		getView: { type: Function },
@@ -1684,19 +1711,19 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 	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 - xa - ya - Sa;
-			return t <= 0 ? 0 : Math.floor(t / ba);
+			let t = e - wa - Sa - Ta;
+			return t <= 0 ? 0 : Math.floor(t / Ca);
 		}
 		function o(e, t, n) {
 			let r = a(n), i = Math.min(Math.max(0, e), r);
-			return t - xa - ya - (r - i) * ba;
+			return t - wa - Sa - (r - i) * Ca;
 		}
 		function s(e, t) {
-			if (t.length === 0) return e.bottom - e.top >= Ca ? [e] : [];
+			if (t.length === 0) return e.bottom - e.top >= Ea ? [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 >= Ca && n.push({
+				i - t >= Ea && n.push({
 					top: t,
 					bottom: i
 				});
@@ -1773,7 +1800,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
 			}
-			let a = Zt(i);
+			let a = en(i);
 			if (a.length === 0) {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
@@ -1812,10 +1839,10 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 		function S(e) {
 			return e.block ? te.value.get(e.from) : void 0;
 		}
-		function oe(e) {
+		function C(e) {
 			return e.block ? ne.value.get(e.from) : void 0;
 		}
-		function se(e) {
+		function oe(e) {
 			let t = S(e), n = t !== void 0 && ie(t);
 			return [
 				"folio-template-directive",
@@ -1824,19 +1851,19 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				{ "folio-template-directive--active": n }
 			];
 		}
-		function C(e) {
+		function w(e) {
 			if (!(e instanceof HTMLElement)) return null;
 			let t = e.dataset.folioBlockId;
 			return t === void 0 ? null : Number(t);
 		}
-		function ce(e) {
-			let t = C(e.target);
+		function se(e) {
+			let t = w(e.target);
 			t !== null && (g.value = t);
 		}
-		function le(e) {
-			let t = C(e.target);
+		function ce(e) {
+			let t = w(e.target);
 			if (t === null) return;
-			let n = C(e.relatedTarget);
+			let n = w(e.relatedTarget);
 			n !== t && g.value === t && (g.value = n);
 		}
 		return ke(() => y()), B(() => {
@@ -1844,8 +1871,8 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 		}), (t, n) => (V(), N("div", {
 			class: "folio-template-directives-overlay",
 			"data-folio-template-directives-overlay": "",
-			onPointerover: ce,
-			onPointerout: le
+			onPointerover: se,
+			onPointerout: ce
 		}, [(V(!0), N(O, null, U(ee.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: R([
@@ -1858,14 +1885,14 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				position: "absolute",
 				left: `${t.railX * e.zoom}px`,
 				top: `${n.top * e.zoom}px`,
-				width: `${ya * e.zoom}px`,
+				width: `${Sa * e.zoom}px`,
 				height: `${Math.max(0, n.bottom - n.top) * e.zoom}px`
 			})
-		}, null, 14, _a))), 128))], 64))), 128)), (V(!0), N(O, null, U(p.value, (t, n) => (V(), N(O, { key: `d:${n}` }, [(V(!0), N(O, null, U(t.rects, (r, i) => (V(), N("span", {
+		}, null, 14, ba))), 128))], 64))), 128)), (V(!0), N(O, null, U(p.value, (t, n) => (V(), N(O, { key: `d:${n}` }, [(V(!0), N(O, null, U(t.rects, (r, i) => (V(), N("span", {
 			key: `d:${n}:${i}`,
-			class: R(se(t.range)),
+			class: R(oe(t.range)),
 			"data-folio-block-id": S(t.range),
-			title: oe(t.range),
+			title: C(t.range),
 			style: z({
 				position: "absolute",
 				left: `${(r.x - 1) * e.zoom}px`,
@@ -1873,9 +1900,9 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				width: `${(r.width + 2) * e.zoom}px`,
 				height: `${Math.max(0, r.height - 2) * e.zoom}px`
 			})
-		}, null, 14, va))), 128))], 64))), 128))], 32));
+		}, null, 14, xa))), 128))], 64))), 128))], 32));
 	}
-}), [["__scopeId", "data-v-c72dfa21"]]), Ta = ["href", "title"], Ea = ["title"], Da = ["title"], Oa = ["title"], ka = { class: "docx-hyperlink-popup__edit-row" }, Aa = ["placeholder", "onKeydown"], ja = { class: "docx-hyperlink-popup__edit-row" }, Ma = ["onKeydown"], Na = ["disabled"], Pa = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}), [["__scopeId", "data-v-c72dfa21"]]), Oa = ["href", "title"], ka = ["title"], Aa = ["title"], ja = ["title"], Ma = { class: "docx-hyperlink-popup__edit-row" }, Na = ["placeholder", "onKeydown"], Pa = { class: "docx-hyperlink-popup__edit-row" }, Fa = ["onKeydown"], Ia = ["disabled"], La = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1924,28 +1951,28 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 			class: R(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
 			style: z(u.value),
 			onMousedown: r[6] ||= q(() => {}, ["stop"])
-		}, [o.value ? (V(), N(O, { key: 1 }, [P("div", ka, [Le(P("input", {
+		}, [o.value ? (V(), N(O, { key: 1 }, [P("div", Ma, [Le(P("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: G(n)("displayText"),
 			"onUpdate:modelValue": r[2] ||= (e) => s.value = e,
 			onKeydown: [Re(q(h, ["prevent"]), ["enter"]), r[3] ||= Re((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Aa), [[Pe, s.value]])]), P("div", ja, [Le(P("input", {
+		}, null, 40, Na), [[Pe, s.value]])]), P("div", Pa, [Le(P("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
 			"onUpdate:modelValue": r[4] ||= (e) => c.value = e,
 			onKeydown: [Re(q(h, ["prevent"]), ["enter"]), r[5] ||= Re((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, Ma), [[Pe, c.value]]), P("button", {
+		}, null, 40, Fa), [[Pe, c.value]]), P("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
 			onClick: q(h, ["prevent"])
-		}, W(G(n)("common.apply")), 9, Na)])], 64)) : (V(), N(O, { key: 0 }, [
+		}, W(G(n)("common.apply")), 9, Ia)])], 64)) : (V(), N(O, { key: 0 }, [
 			r[10] ||= we("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-366df18c><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-366df18c><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-366df18c></circle><path d=\"M2 12h20\" data-v-366df18c></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-366df18c></path></svg></span>", 1),
 			P("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
 				onClick: r[0] ||= q((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, W(e.data.href), 9, Ta),
+			}, W(e.data.href), 9, Oa),
 			r[11] ||= P("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
 			P("button", {
 				class: "docx-hyperlink-popup__btn",
@@ -1967,7 +1994,7 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), P("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Ea),
+			}), 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, ka),
 			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
@@ -1982,43 +2009,43 @@ var na = ["data-handle", "onMousedown"], ra = ["title"], ia = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [P("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), P("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, Da)),
+			}, [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, Aa)),
 			e.readOnly ? M("", !0) : (V(), N("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
 				title: G(n)("removeLink"),
 				onClick: r[1] ||= q((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[9] ||= [we("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-366df18c><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-366df18c></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-366df18c></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-366df18c></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-366df18c></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-366df18c></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-366df18c></line></svg>", 1)]], 8, Oa))
+			}, [...r[9] ||= [we("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-366df18c><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-366df18c></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-366df18c></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-366df18c></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-366df18c></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-366df18c></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-366df18c></line></svg>", 1)]], 8, ja))
 		], 64))], 38)) : M("", !0);
 	}
 }), [["__scopeId", "data-v-366df18c"]]);
 //#endregion
 //#region src/composables/commentMarks.ts
-function Fa(e, t) {
+function Ra(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 Ia({ docSize: e, capturedRange: t, currentRange: n, savedRange: r }) {
+function za({ 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 ? Fa(e, i) : null;
+	return i ? Ra(e, i) : null;
 }
-function La(e, t, n, r) {
-	let i = e.state.schema.marks.comment, a = Fa(e.state.doc.content.size, t);
+function Ba(e, t, n, r) {
+	let i = e.state.schema.marks.comment, a = Ra(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: rn }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(At.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
+	return r?.replacePending && (o = o.removeMark(a.from, a.to, i.create({ commentId: sn }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(At.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
 }
-function Ra(e, t) {
-	let n = e.state.schema.marks.comment, r = Fa(e.state.doc.content.size, t);
-	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: rn })));
+function Va(e, t) {
+	let n = e.state.schema.marks.comment, r = Ra(e.state.doc.content.size, t);
+	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: sn })));
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-var za = 408, Ba = 12;
-function Va(e) {
+var Ha = 408, Ua = 12;
+function Wa(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;
@@ -2051,7 +2078,7 @@ function Va(e) {
 			r.value = null;
 			return;
 		}
-		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + Ba : l.width / 2 + za;
+		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + Ua : l.width / 2 + Ha;
 		r.value = {
 			top: c.top - l.top,
 			left: Math.max(16, Math.min(d, l.width - 16)),
@@ -2062,7 +2089,7 @@ function Va(e) {
 	function c() {
 		let s = e.editorView.value;
 		if (!s) return;
-		let c = r.value, l = s.state.selection, u = Ia({
+		let c = r.value, l = s.state.selection, u = za({
 			docSize: s.state.doc.content.size,
 			capturedRange: c ? {
 				from: c.from,
@@ -2081,7 +2108,7 @@ function Va(e) {
 			r.value = null;
 			return;
 		}
-		if (!La(s, u, rn, { selectEnd: !0 })) {
+		if (!Ba(s, u, sn, { selectEnd: !0 })) {
 			r.value = null, i.value = null;
 			return;
 		}
@@ -2094,11 +2121,11 @@ function Va(e) {
 		let n = e.editorView.value, r = i.value;
 		if (!n || !r) return !1;
 		let a = e.createComment(t);
-		return La(n, r, a.id, { replacePending: !0 }) ? (e.pushComment(a), e.reLayout(), e.setActiveSidebarItem(`comment-${a.id}`), l(), !0) : !1;
+		return Ba(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 && Ra(t, i.value), l();
+		t && i.value && Va(t, i.value), l();
 	}
 	return {
 		isAddingComment: t,
@@ -2112,8 +2139,8 @@ function Va(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function Ha(e) {
-	let t = an(), n = H([]), r = H(!1);
+function Ga(e) {
+	let t = cn(), n = H([]), r = H(!1);
 	function i() {
 		r.value = !0;
 	}
@@ -2128,12 +2155,12 @@ function Ha(e) {
 		i(), c([...s.value, e]);
 	}
 	function u(n, r, i) {
-		return on(t, s.value, e.editorView.value), sn(t, n, i ?? e.author(), r);
+		return ln(t, s.value, e.editorView.value), un(t, n, i ?? e.author(), r);
 	}
 	function d() {
 		if (a(), o.value) return;
 		let n = e.getDocument()?.package.document.comments;
-		on(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
+		ln(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
 	}
 	function f(e, t) {
 		l(u(t, e));
@@ -2158,7 +2185,7 @@ function Ha(e) {
 	}
 	function _(t, n) {
 		let r = e.editorView.value;
-		r && (n ? cn : mn)(t)(r.state, r.dispatch);
+		r && (n ? dn : _n)(t)(r.state, r.dispatch);
 	}
 	function v(e) {
 		_(e, !0);
@@ -2168,11 +2195,11 @@ function Ha(e) {
 	}
 	function b(t, n) {
 		let r = e.editorView.value;
-		r && ln(t, n)(r.state, r.dispatch);
+		r && fn(t, n)(r.state, r.dispatch);
 	}
 	function x(t, n) {
 		let r = e.editorView.value;
-		r && hn(t, n)(r.state, r.dispatch);
+		r && Q(t, n)(r.state, r.dispatch);
 	}
 	return {
 		comments: s,
@@ -2195,8 +2222,8 @@ function Ha(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function Ua(e, t, n) {
-	let r = _n(e.state), i = e.state.schema.marks.insertion;
+function Ka(e, t, n) {
+	let r = $(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({
@@ -2205,7 +2232,7 @@ function Ua(e, t, n) {
 		date: r.date
 	}));
 }
-function Wa(e, t) {
+function qa(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = n.attrs.src;
@@ -2219,7 +2246,7 @@ function Wa(e, t) {
 		e.value = i, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function Ga(e) {
+function Ja(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => {
@@ -2227,7 +2254,7 @@ function Ga(e) {
 		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
 	});
 }
-function Ka(e) {
+function Ya(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -2239,7 +2266,7 @@ function Ka(e) {
 		}), n.src = e;
 	});
 }
-function qa(e, t, n, r) {
+function Xa(e, t, n, r) {
 	let i = e.state.schema.nodes.image;
 	if (!i) return;
 	let a = i.create({
@@ -2250,23 +2277,23 @@ function qa(e, t, n, r) {
 		wrapType: "inline",
 		displayMode: "inline"
 	}), o = e.state.tr.replaceSelectionWith(a);
-	Ua(e, o, a), e.dispatch(o);
+	Ka(e, o, a), e.dispatch(o);
 }
-async function Ja(e) {
+async function Za(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 Ga(await n.getType(t)), i = await Ka(r), a = i.width, o = i.height;
-				a > 612 && (o = Math.round(612 / a * o), a = 612), qa(e, r, a, o);
+				let r = await Ja(await n.getType(t)), i = await Ya(r), a = i.width, o = i.height;
+				a > 612 && (o = Math.round(612 / a * o), a = 612), Xa(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;
-					qa(e, r, a || 200, o || 200);
+					Xa(e, r, a || 200, o || 200);
 					return;
 				}
 			}
@@ -2287,14 +2314,14 @@ async function Ja(e) {
 		}
 	}
 }
-function Ya(e, t) {
+function Qa(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 Ga(i), o = await Ka(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 Ja(i), o = await Ya(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,
@@ -2309,7 +2336,7 @@ function Ya(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-var Xa = /* @__PURE__ */ new Set([
+var $a = /* @__PURE__ */ new Set([
 	"inline",
 	"square",
 	"tight",
@@ -2318,16 +2345,16 @@ var Xa = /* @__PURE__ */ new Set([
 	"behind",
 	"inFront"
 ]);
-function Za(e) {
-	return typeof e == "string" && Xa.has(e);
+function eo(e) {
+	return typeof e == "string" && $a.has(e);
 }
-function Qa(e) {
-	return Za(e) ? e : "inline";
+function to(e) {
+	return eo(e) ? e : "inline";
 }
-function $a(e) {
+function no(e) {
 	return e === "left" || e === "right" || e === "none" ? e : null;
 }
-function eo(e) {
+function ro(e) {
 	let { t } = r(), n = H({
 		isOpen: !1,
 		position: {
@@ -2401,7 +2428,7 @@ function eo(e) {
 					i.value = l(o, a, {
 						x: t.clientX,
 						y: t.clientY
-					}, Qa(s.attrs.wrapType), $a(s.attrs.cssFloat)), n.value.isOpen = !1;
+					}, to(s.attrs.wrapType), no(s.attrs.cssFloat)), n.value.isOpen = !1;
 					return;
 				}
 			}
@@ -2436,7 +2463,7 @@ function eo(e) {
 		!o || o.type.name !== "image" || (i.value = l(a.element, a.pmPos, {
 			x: t.clientX,
 			y: t.clientY
-		}, Qa(o.attrs.wrapType), $a(o.attrs.cssFloat)), n.value.isOpen = !1);
+		}, to(o.attrs.wrapType), no(o.attrs.cssFloat)), n.value.isOpen = !1);
 	}
 	function f(t) {
 		let n = e.editorView.value, r = i.value;
@@ -2460,16 +2487,16 @@ function eo(e) {
 			case "cut":
 				if (e.selectedImage.value) {
 					let t = e.selectedImage.value.pmPos;
-					Wa(n, t);
+					qa(n, t);
 					let r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null, e.onCut?.());
 				} else n.focus(), document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? (Wa(n, e.selectedImage.value.pmPos), e.onCopy?.()) : (n.focus(), document.execCommand("copy"));
+				e.selectedImage.value ? (qa(n, e.selectedImage.value.pmPos), e.onCopy?.()) : (n.focus(), document.execCommand("copy"));
 				break;
 			case "paste":
-				Ja(n).then(() => e.onPaste?.()).catch(() => void 0);
+				Za(n).then(() => e.onPaste?.()).catch(() => void 0);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((t) => {
@@ -2490,7 +2517,7 @@ function eo(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && Ya(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && Qa(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2528,7 +2555,7 @@ function eo(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function to(e) {
+function io(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
@@ -2547,8 +2574,8 @@ function to(e) {
 }
 //#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-var no = Date.now();
-function ro(e) {
+var ao = Date.now();
+function oo(e) {
 	let t = [];
 	function n() {
 		e.onPrint?.(), window.print();
@@ -2562,11 +2589,11 @@ function ro(e) {
 	function i(t, n) {
 		let r = e.pagesRef.value;
 		if (!r) return !1;
-		let i = Hn(r, t), a = i.at(0);
+		let i = Gn(r, t), a = i.at(0);
 		return a ? (a.scrollIntoView({
 			block: "center",
 			behavior: "smooth"
-		}), n?.highlight && Un(i, n.highlight), !0) : !1;
+		}), n?.highlight && Kn(i, n.highlight), !0) : !1;
 	}
 	function a() {
 		return e.zoom.value;
@@ -2574,19 +2601,19 @@ function ro(e) {
 	let o = null;
 	function s() {
 		let t = e.getActiveView();
-		return t ? tn(t.state, t.dispatch) : !1;
+		return t ? an(t.state, t.dispatch) : !1;
 	}
 	function c() {
 		let t = e.getActiveView();
-		return t ? en(t.state, t.dispatch) : !1;
+		return t ? rn(t.state, t.dispatch) : !1;
 	}
 	function l() {
 		let t = e.getActiveView();
-		return t ? tn(t.state) : !1;
+		return t ? an(t.state) : !1;
 	}
 	function u() {
 		let t = e.getActiveView();
-		return t ? en(t.state) : !1;
+		return t ? rn(t.state) : !1;
 	}
 	function d() {
 		let t = e.getActiveView();
@@ -2620,7 +2647,7 @@ function ro(e) {
 			getPageNumberForPmPos: (t) => {
 				let n = e.layout.value;
 				if (!n) return null;
-				let r = Q(n, t);
+				let r = yn(n, t);
 				return r == null ? null : r + 1;
 			}
 		}, o;
@@ -2631,7 +2658,7 @@ function ro(e) {
 	function m() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = Q(t, n.state.selection.from);
+		let r = yn(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
 	function h(t) {
@@ -2664,10 +2691,10 @@ function ro(e) {
 		ensureEditorView: () => e.editor.ensureView(),
 		createAIEditSnapshot: () => {
 			let t = e.editorView.value;
-			return t ? Fn(t.state.doc) : null;
+			return t ? Rn(t.state.doc) : null;
 		},
 		applyDocumentOperations: ({ snapshot: n, batch: r, author: i = e.author() }) => {
-			Nn(r.version);
+			In(r.version);
 			let a = e.editorView.value;
 			if (!a) {
 				let e = "committed";
@@ -2677,11 +2704,11 @@ function ro(e) {
 					reason: "unsupportedBlock"
 				}));
 				return {
-					version: kn,
+					version: Mn,
 					status: e,
 					applied: [],
 					skipped: t,
-					issues: Rn(r.operations, t),
+					issues: Vn(r.operations, t),
 					receipts: [],
 					undoHandle: null
 				};
@@ -2691,9 +2718,9 @@ function ro(e) {
 			let s = e.getComments(), c = {
 				state: a.state,
 				dispatch: (e) => {
-					a.dispatch($t(e)), c.state = a.state;
+					a.dispatch(nn(e)), c.state = a.state;
 				}
-			}, l = Mn({
+			}, l = Fn({
 				view: c,
 				snapshot: n,
 				batch: r,
@@ -2701,7 +2728,7 @@ function ro(e) {
 				createCommentId: (t) => e.createAIEditComment(t, i),
 				createUndoHandle: () => ({
 					type: "documentOperationUndo",
-					id: `vue-${String(no++)}`
+					id: `vue-${String(ao++)}`
 				})
 			});
 			return l.undoHandle !== null && t.push({
@@ -2739,7 +2766,7 @@ function ro(e) {
 		},
 		applyAIEditOperations: ({ snapshot: t, operations: n, mode: r = "tracked-changes", author: i = e.author() }) => {
 			let a = e.editorView.value;
-			return a ? jn({
+			return a ? Pn({
 				view: a,
 				snapshot: t,
 				operations: n,
@@ -2756,26 +2783,26 @@ function ro(e) {
 		},
 		acceptAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? cn(t)(n.state, n.dispatch) : !1;
+			return n ? dn(t)(n.state, n.dispatch) : !1;
 		},
 		rejectAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? mn(t)(n.state, n.dispatch) : !1;
+			return n ? _n(t)(n.state, n.dispatch) : !1;
 		},
 		undo: s,
 		redo: c,
 		scrollToAIEditOperation: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = dn(n.state, t);
+			let r = mn(n.state, t);
 			if (!r) return !1;
-			let { from: i, to: a } = Zn(n.state.doc.content.size, r), o = n.state.doc.resolve(i), s = n.state.doc.resolve(a);
+			let { from: i, to: a } = er(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(Z.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		scrollToBlock: (t, n) => {
 			let r = e.editorView.value;
 			if (!r) return !1;
-			let i = Qn({
+			let i = tr({
 				blockId: t,
 				doc: r.state.doc,
 				snapshot: n
@@ -2787,7 +2814,7 @@ function ro(e) {
 		highlightPassage: ({ blockId: t, text: n, snapshot: r }) => {
 			let a = e.editorView.value;
 			if (!a) return "none";
-			let o = er({
+			let o = rr({
 				blockId: t,
 				text: n,
 				doc: a.state.doc,
@@ -2795,13 +2822,13 @@ function ro(e) {
 			});
 			if (o !== null) return e.setPassageHighlight(o), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(o.from)), "passage";
 			e.setPassageHighlight(null);
-			let s = Qn({
+			let s = tr({
 				blockId: t,
 				doc: a.state.doc,
 				snapshot: r
 			});
 			if (s === null) return "none";
-			let c = rr(t);
+			let c = or(t);
 			if (c !== null && i(c, { highlight: {} })) return "block";
 			let { from: l, to: u } = s, d = a.state.doc.resolve(l), f = a.state.doc.resolve(u);
 			return a.dispatch(a.state.tr.setSelection(Z.between(d, f))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(l)), "block";
@@ -2812,11 +2839,11 @@ function ro(e) {
 		showInDocument: (t, n) => {
 			let r = e.editorView.value;
 			if (!r) return !1;
-			let i = t.type === "textRange" ? $n({
+			let i = t.type === "textRange" ? nr({
 				range: t,
 				doc: r.state.doc,
 				snapshot: n
-			}) : Qn({
+			}) : tr({
 				blockId: t.blockId,
 				doc: r.state.doc,
 				snapshot: n
@@ -2827,7 +2854,7 @@ function ro(e) {
 		},
 		getSuggestions: () => {
 			let t = e.editorView.value;
-			return t ? pn(t.state) : [];
+			return t ? gn(t.state) : [];
 		},
 		acceptSuggestion: (t, n) => {
 			let r = e.editorView.value;
@@ -2835,7 +2862,7 @@ function ro(e) {
 				accepted: !1,
 				appliedAs: null
 			};
-			let i = pn(r.state).find((e) => e.suggestionId === t)?.appliedAs ?? null, a = un(t, { author: n?.author ?? e.author() })(r.state, r.dispatch);
+			let i = gn(r.state).find((e) => e.suggestionId === t)?.appliedAs ?? null, a = pn(t, { author: n?.author ?? e.author() })(r.state, r.dispatch);
 			return {
 				accepted: a,
 				appliedAs: a ? i : null
@@ -2843,23 +2870,23 @@ function ro(e) {
 		},
 		rejectSuggestion: (t) => {
 			let n = e.editorView.value;
-			return n ? gn(t)(n.state, n.dispatch) : !1;
+			return n ? vn(t)(n.state, n.dispatch) : !1;
 		},
 		scrollToSuggestion: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = fn(n.state, t);
+			let r = hn(n.state, t);
 			if (!r) return !1;
-			let { from: i, to: a } = Zn(n.state.doc.content.size, r), o = n.state.doc.resolve(i), s = n.state.doc.resolve(a);
+			let { from: i, to: a } = er(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(Z.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		getTrackedChanges: () => {
 			let t = e.editorView.value;
-			return t ? zn(t.state.doc) : [];
+			return t ? Hn(t.state.doc) : [];
 		},
 		getCommentAnchors: () => {
 			let t = e.editorView.value;
-			return t ? Ln(t.state.doc) : [];
+			return t ? Bn(t.state.doc) : [];
 		},
 		getSelectionText: () => {
 			let t = e.editorView.value;
@@ -2867,28 +2894,28 @@ function ro(e) {
 		},
 		getPageText: (t) => {
 			let n = e.editorView.value;
-			return n ? or(e.layout.value, n.state.doc, t) : null;
+			return n ? lr(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" ? $n({
+			let a = t.type === "textRange" ? nr({
 				range: t,
 				doc: r.state.doc,
 				snapshot: n
-			}) : Qn({
+			}) : tr({
 				blockId: t.blockId,
 				doc: r.state.doc,
 				snapshot: n
 			});
 			if (a === null) return null;
-			let o = Q(i, a.from);
+			let o = yn(i, a.from);
 			return o == null ? null : o + 1;
 		},
 		getContentControls: (t = {}) => {
 			let n = e.editorView.value;
-			return n ? Kn(n.state.doc, t).map((e) => ({
-				properties: Wn(e.node),
+			return n ? Yn(n.state.doc, t).map((e) => ({
+				properties: qn(e.node),
 				path: e.path,
 				pmPos: e.pos
 			})) : [];
@@ -2896,7 +2923,7 @@ function ro(e) {
 		scrollToContentControl: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = Gn(n.state.doc, t);
+			let r = Jn(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(Z.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
@@ -2904,52 +2931,52 @@ function ro(e) {
 		setContentControlContent: (t, n, r = {}) => {
 			let i = e.editorView.value;
 			if (!i) return !1;
-			let a = typeof n == "string" ? Jn(i.state, t, n, r) : Xn(i.state, t, n, r);
+			let a = typeof n == "string" ? Zn(i.state, t, n, r) : $n(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 = Yn(i.state, t, n, r);
+			let a = Qn(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 = qn(r.state, t, n);
+			let i = Xn(r.state, t, n);
 			return i ? (r.dispatch(i), !0) : !1;
 		}
 	} };
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function io(e) {
+function so(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
-		e && (nn(e.state, e.dispatch, e), e.focus());
+		e && (on(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 = ze(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? fr(i.package.numbering) : null };
-			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), sr(n, t)(r.state, (e) => r.dispatch(e));
-		} else sr(n)(r.state, (e) => r.dispatch(e));
+			let e = ze(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? hr(i.package.numbering) : null };
+			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), ur(n, t)(r.state, (e) => r.dispatch(e));
+		} else ur(n)(r.state, (e) => r.dispatch(e));
 		r.focus();
 	}
 	function i() {
 		let t = e.editorView.value;
-		t && (pr(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (gr(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function a() {
 		let t = e.editorView.value;
-		t && (hr(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (vr(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function o() {
 		let t = e.editorView.value;
-		t && (mr(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (_r(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function s(e) {
 		let n = t();
@@ -2968,10 +2995,10 @@ function io(e) {
 }
 //#endregion
 //#region src/utils/fontFaces.ts
-function ao() {
+function co() {
 	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
 }
-async function oo(e, t, n, r) {
+async function lo(e, t, n, r) {
 	let i;
 	try {
 		i = new FontFace(t, n, r), e.add(i);
@@ -2980,46 +3007,46 @@ async function oo(e, t, n, r) {
 	}
 	return await i.load().then(() => !0, () => !1) ? i : (e.delete(i), null);
 }
-function so(e) {
-	let t = ao();
+function uo(e) {
+	let t = co();
 	if (t) for (let n of e) t.delete(n);
 }
 //#endregion
 //#region src/utils/embeddedFonts.ts
-var co = {
+var fo = {
 	faces: [],
 	familyMap: /* @__PURE__ */ new Map()
 };
-async function lo(e) {
-	let t = ao();
-	if (!t) return co;
+async function po(e) {
+	let t = co();
+	if (!t) return fo;
 	let n;
 	try {
-		n = await vr(e);
+		n = await xr(e);
 	} catch {
-		return co;
+		return fo;
 	}
 	return {
-		faces: (await Promise.all(n.map((e) => oo(t, e.family, e.bytes, {
+		faces: (await Promise.all(n.map((e) => lo(t, e.family, e.bytes, {
 			weight: String(e.weight),
 			style: e.style
 		})))).filter((e) => e !== null),
-		familyMap: _r(n)
+		familyMap: br(n)
 	};
 }
 //#endregion
 //#region src/utils/hostFonts.ts
-function uo(e) {
+function mo(e) {
 	return typeof e == "string" && e.trim().length > 0;
 }
-function fo(e) {
-	return typeof e != "object" || !e ? !1 : uo(Reflect.get(e, "family")) && uo(Reflect.get(e, "src"));
+function ho(e) {
+	return typeof e != "object" || !e ? !1 : mo(Reflect.get(e, "family")) && mo(Reflect.get(e, "src"));
 }
-function po(e) {
+function go(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e) {
-		if (!fo(n)) continue;
+		if (!ho(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(),
@@ -3029,20 +3056,20 @@ function po(e) {
 	}
 	return t;
 }
-async function mo(e) {
-	let t = ao();
+async function _o(e) {
+	let t = co();
 	if (!t) return [];
-	let n = po(e);
-	return n.length === 0 ? [] : (await Promise.all(n.map(({ family: e, source: n, descriptors: r }) => oo(t, e, n, r)))).filter((e) => e !== null);
+	let n = go(e);
+	return n.length === 0 ? [] : (await Promise.all(n.map(({ family: e, source: n, descriptors: r }) => lo(t, e, n, r)))).filter((e) => e !== null);
 }
 //#endregion
 //#region src/composables/useFontLifecycle.ts
-var ho = {
-	loadEmbedded: lo,
-	loadHost: mo,
-	remove: so
+var vo = {
+	loadEmbedded: po,
+	loadHost: _o,
+	remove: uo
 };
-function go(e, t = ho) {
+function yo(e, t = vo) {
 	K(() => e.isReady.value ? e.getDocument()?.originalBuffer ?? null : null, (n, r, i) => {
 		if (!n) return;
 		let a = !1, o = [];
@@ -3051,9 +3078,9 @@ function go(e, t = ho) {
 				t.remove(n);
 				return;
 			}
-			o = n, !(n.length === 0 && r.size === 0) && (gr(r.size > 0 ? r : null), e.remeasure());
+			o = n, !(n.length === 0 && r.size === 0) && (yr(r.size > 0 ? r : null), e.remeasure());
 		}), i(() => {
-			a = !0, t.remove(o), gr(null);
+			a = !0, t.remove(o), yr(null);
 		});
 	}, { immediate: !0 }), K(e.fonts, (n, r, i) => {
 		if (!n || n.length === 0) return;
@@ -3071,7 +3098,7 @@ function go(e, t = ho) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function _o(e) {
+function bo(e) {
 	let t = H(null);
 	function n(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
@@ -3098,19 +3125,19 @@ function _o(e) {
 		r && n(t, r()), t.focus();
 	}
 	function a(e) {
-		let n = xr(e);
+		let n = wr(e);
 		n && (window.open(n, "_blank", "noopener,noreferrer"), t.value = null);
 	}
 	function o(n, r) {
 		let i = e.editorView.value;
-		i && (yr(i, {
+		i && (Sr(i, {
 			displayText: n,
 			href: r
 		}), t.value = null, i.focus());
 	}
 	function s() {
 		let n = e.editorView.value;
-		n && (br(n, { popupHref: t.value?.href }), t.value = null, n.focus());
+		n && (Cr(n, { popupHref: t.value?.href }), t.value = null, n.focus());
 	}
 	return {
 		hyperlinkPopupData: t,
@@ -3123,7 +3150,7 @@ function _o(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function vo(e) {
+function xo(e) {
 	let t = Ne(null), n = H(!1), r = A(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
@@ -3173,7 +3200,7 @@ function vo(e) {
 }
 //#endregion
 //#region src/composables/useKeyboardShortcuts.ts
-function yo(e) {
+function So(e) {
 	function t(t) {
 		if (e.handleZoomKeyDown(t), t.ctrlKey || t.metaKey) {
 			if (t.key === "o") {
@@ -3188,10 +3215,10 @@ function yo(e) {
 }
 //#endregion
 //#region src/composables/useOutlineSidebar.ts
-function bo(e) {
+function Co(e) {
 	function t() {
 		let t = e.editorView.value;
-		t && (e.outlineHeadings.value = Sr(t.state.doc));
+		t && (e.outlineHeadings.value = Tr(t.state.doc));
 	}
 	function n() {
 		e.showOutline.value || t(), e.showOutline.value = !e.showOutline.value;
@@ -3222,7 +3249,7 @@ function bo(e) {
 }
 //#endregion
 //#region src/composables/usePageSetupControls.ts
-function xo(e) {
+function wo(e) {
 	function t(t) {
 		if (e.readOnly.value) return;
 		let n = e.getDocument();
@@ -3250,19 +3277,19 @@ function xo(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && ur(t)(n.state, n.dispatch);
+		n && pr(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && dr(t)(n.state, n.dispatch);
+		n && mr(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? lr(-t, !0)(n.state, n.dispatch) : lr(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? fr(-t, !0)(n.state, n.dispatch) : fr(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && cr(t)(n.state, n.dispatch);
+		n && dr(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -3278,45 +3305,45 @@ function xo(e) {
 }
 //#endregion
 //#region src/utils/textSelection.ts
-var So = /[\p{L}\p{N}\p{M}_''-]/u, Co = /\s/;
-function wo(e) {
-	return !e || e.length === 0 ? !1 : So.test(e);
+var To = /[\p{L}\p{N}\p{M}_''-]/u, Eo = /\s/;
+function Do(e) {
+	return !e || e.length === 0 ? !1 : To.test(e);
 }
-function To(e) {
-	return !e || e.length === 0 ? !1 : Co.test(e);
+function Oo(e) {
+	return !e || e.length === 0 ? !1 : Eo.test(e);
 }
-function Eo(e, t) {
+function ko(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 (To(n)) {
+	if (Oo(n)) {
 		let n = t, r = t;
-		for (; n > 0 && To(e[n - 1]);) n--;
-		for (; r < e.length && To(e[r]);) r++;
+		for (; n > 0 && Oo(e[n - 1]);) n--;
+		for (; r < e.length && Oo(e[r]);) r++;
 		return [n, r];
 	}
-	if (wo(n)) {
+	if (Do(n)) {
 		let n = t, r = t;
-		for (; n > 0 && wo(e[n - 1]);) n--;
-		for (; r < e.length && wo(e[r]);) r++;
+		for (; n > 0 && Do(e[n - 1]);) n--;
+		for (; r < e.length && Do(e[r]);) r++;
 		return [n, r];
 	}
 	return [t, t + 1];
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function Do(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : qt(e);
+function Ao(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : Jt(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 Oo(e, t, n) {
+function jo(e, t, n) {
 	if (!e || !t) return;
-	let r = Kt(e, n);
-	if (!r) for (let t of qt(e)) {
+	let r = qt(e, n);
+	if (!r) for (let t of Jt(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;
@@ -3330,21 +3357,21 @@ function Oo(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function ko(e, t, n, r) {
+function Mo(e, t, n, r) {
 	if (!e || !t) return null;
 	let i = Bt(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Ao(e, t, n, r) {
+function No(e, t, n, r) {
 	if (!e) return;
-	let i = Do(e, t, r);
+	let i = Ao(e, t, r);
 	if (!i) return;
-	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = Eo(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = ko(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function jo(e, t, n, r) {
+function Po(e, t, n, r) {
 	if (!e) return;
-	let i = Do(e, t, r);
+	let i = Ao(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -3353,13 +3380,13 @@ function jo(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Mo = 500;
-function No(e) {
+var Fo = 500;
+function Io(e) {
 	let t = H(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = Ne(null), a = 0, o = null, s = 0, c = !1, l = null, u = Dr(), d = S({
+	let i = Ne(null), a = 0, o = null, s = 0, c = !1, l = null, u = Ar(), d = S({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
@@ -3372,7 +3399,7 @@ function No(e) {
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return ko(e.pagesRef.value, e.editorView.value, t, n);
+		return Mo(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
@@ -3385,7 +3412,7 @@ function No(e) {
 	function g(t, n) {
 		let r = i.value, a = e.pagesRef.value, o = h();
 		if (r?.rId && a && o !== e.editorView.value) {
-			let e = Cr(a, r.position, r.rId, t, n);
+			let e = Er(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);
@@ -3398,13 +3425,13 @@ function No(e) {
 		} catch {}
 	}
 	function v(t) {
-		Oo(e.pagesRef.value, e.pagesViewportRef.value, t);
+		jo(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function y(t) {
-		Ao(e.pagesRef.value, t, _, i.value?.position);
+		No(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function b(t) {
-		jo(e.pagesRef.value, t, _, i.value?.position);
+		Po(e.pagesRef.value, t, _, i.value?.position);
 	}
 	function x(t) {
 		let n = e.editorView.value;
@@ -3433,7 +3460,7 @@ function No(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s || !(a.target instanceof HTMLElement) || a.target.closest(".docx-editor-vue__note-editor")) return;
-		let l = Er({
+		let l = kr({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -3443,7 +3470,7 @@ function No(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, Tr));
+			}, Or));
 			return;
 		}
 		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
@@ -3494,7 +3521,7 @@ function No(e) {
 		if (e.readOnly.value || !(t.target instanceof HTMLElement)) return;
 		let n = t.target;
 		if (n.closest(".docx-editor-vue__note-editor")) return;
-		let r = wr(n);
+		let r = Dr(n);
 		if (r) {
 			t.preventDefault(), t.stopPropagation(), i.value && ie(), e.openNoteStory(r);
 			return;
@@ -3504,11 +3531,11 @@ function No(e) {
 		if (!s) return;
 		let c = a ? "header" : "footer", l = e.getDocument();
 		if (!l?.package) return;
-		let u = s.closest("[data-page-number]"), d = Number.parseInt(u?.dataset.pageNumber ?? "1", 10), f = Dn(l.package), p = f.hasTitlePg && d === 1, m = Tn(f, c, p);
+		let u = s.closest("[data-page-number]"), d = Number.parseInt(u?.dataset.pageNumber ?? "1", 10), f = An(l.package), p = f.hasTitlePg && d === 1, m = On(f, c, p);
 		if (!m) {
-			let t = wn(l, c, p);
+			let t = Dn(l, c, p);
 			if (!t) return;
-			e.setDocument(t), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(t), f = Dn(t.package), m = Tn(f, c, p);
+			e.setDocument(t), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(t), f = An(t.package), m = On(f, c, p);
 		}
 		if (!m) return;
 		let h = m, g = e.pagesViewportRef.value;
@@ -3528,7 +3555,7 @@ function No(e) {
 		}, requestAnimationFrame(() => {
 			let n = e.getHfPmView(h);
 			if (!n) return;
-			let r = Cr(e.pagesRef.value ?? s, c, h, t.clientX, t.clientY);
+			let r = Er(e.pagesRef.value ?? s, c, h, t.clientX, t.clientY);
 			if (r !== null) {
 				let e = Math.max(0, Math.min(r, n.state.doc.content.size));
 				n.dispatch(n.state.tr.setSelection(Z.create(n.state.doc, e)));
@@ -3541,12 +3568,12 @@ function No(e) {
 		if (!t?.package || !n?.rId) return;
 		let r = e.getHfPmView(n.rId);
 		if (!r) return;
-		let a = On({
+		let a = jn({
 			document: t,
 			position: n.position,
 			isFirstPage: n.isFirstPage,
 			activeRId: n.rId,
-			blocks: vn(r.state.doc)
+			blocks: bn(r.state.doc)
 		});
 		a && (i.value = null, e.setDocument(a), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(a));
 	}
@@ -3556,14 +3583,14 @@ function No(e) {
 			i.value = null;
 			return;
 		}
-		let r = En({
+		let r = kn({
 			document: t,
 			position: n.position,
 			activeRId: n.rId
 		});
 		i.value = null, e.setDocument(r), e.syncHfPMs(), e.reLayout(), e.onDocumentChange(r);
 	}
-	function oe(t) {
+	function C(t) {
 		if (t.button !== 0) {
 			(t.target instanceof HTMLElement ? t.target : null)?.closest("a[href]") && t.preventDefault();
 			return;
@@ -3617,15 +3644,15 @@ function No(e) {
 			return;
 		}
 		let v = Date.now();
-		if (v - a < Mo && o === m ? s++ : s = 1, a = v, o = m, s === 2) y(m);
+		if (v - a < Fo && o === m ? s++ : s = 1, a = v, o = m, s === 2) y(m);
 		else if (s >= 3) b(m), s = 0;
 		else if (t.shiftKey) {
 			let { from: e } = f.state.selection;
 			_(e, m);
-		} else _(m), l = m, c = !0, u.begin(Or(f, m));
+		} else _(m), l = m, c = !0, u.begin(jr(f, m));
 		f.focus();
 	}
-	function se(e) {
+	function oe(e) {
 		if (!c || l === null) return;
 		let t = g(e.clientX, e.clientY);
 		if (t !== null) {
@@ -3638,10 +3665,10 @@ function No(e) {
 		}
 		d.updateMousePosition(e.clientX, e.clientY);
 	}
-	function C() {
+	function w() {
 		c = !1, u.end(), d.stopAutoScroll();
 	}
-	function ce() {
+	function se() {
 		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;
@@ -3667,9 +3694,9 @@ function No(e) {
 		}, 600);
 	}
 	return ke(() => {
-		window.addEventListener("mousemove", se), window.addEventListener("mouseup", C), e.pagesViewportRef.value?.addEventListener("scroll", ce, { passive: !0 });
+		window.addEventListener("mousemove", oe), window.addEventListener("mouseup", w), e.pagesViewportRef.value?.addEventListener("scroll", se, { passive: !0 });
 	}), B(() => {
-		r(), window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", C), e.pagesViewportRef.value?.removeEventListener("scroll", ce), p && clearTimeout(p);
+		r(), window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", w), e.pagesViewportRef.value?.removeEventListener("scroll", se), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
@@ -3678,7 +3705,7 @@ function No(e) {
 		setPmSelection: _,
 		scrollVisiblePositionIntoView: v,
 		navigateToBookmark: x,
-		handlePagesMouseDown: oe,
+		handlePagesMouseDown: C,
 		handlePagesMouseMove: ee,
 		handlePagesClick: ne,
 		handlePagesDoubleClick: re,
@@ -3690,8 +3717,8 @@ function No(e) {
 }
 //#endregion
 //#region src/composables/useRemoteSelectionSync.ts
-var Po = (e) => {
-	let t = new kr(), n = null, r = () => {
+var Lo = (e) => {
+	let t = new Mr(), n = null, r = () => {
 		n !== null && (cancelAnimationFrame(n), n = null);
 		let r = e.pagesRef.value;
 		r && t.clear(r);
@@ -3714,8 +3741,8 @@ var Po = (e) => {
 	], i, { flush: "post" }), Ae(() => {
 		a(), r();
 	});
-}, Fo = (e) => {
-	let t = new Ar(), n = null, r = () => {
+}, Ro = (e) => {
+	let t = new Nr(), n = null, r = () => {
 		n !== null && (cancelAnimationFrame(n), n = null);
 		let r = e.pagesRef.value;
 		r && t.clear(r);
@@ -3729,8 +3756,15 @@ var Po = (e) => {
 				state: i.state,
 				zoom: e.zoom.value,
 				zIndex: ae.selectionOverlay
-			});
-			if (a.type === "image") {
+			}), { selection: o } = i.state, s = r.getBoundingClientRect(), c = o.empty ? Vt(r, o.head, s) : null;
+			if (Xt({
+				hiddenHost: e.hiddenContainer.value,
+				editorView: i,
+				visibleCaret: c ? {
+					left: s.left + c.x,
+					top: s.top + c.y
+				} : null
+			}), 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,
@@ -3743,32 +3777,38 @@ var Po = (e) => {
 			e.imageInteracting?.value || (e.selectedImage.value = null);
 		});
 	}, a = e.syncCoordinator.onRender(i);
-	return K([
+	K([
 		e.zoom,
 		e.editorView,
 		e.pagesRef
-	], i, { flush: "post" }), Ae(() => {
-		a(), r();
+	], i, { flush: "post" }), K(e.hiddenContainer, (e, t, n) => {
+		e && (e.addEventListener("focusin", i), e.addEventListener("compositionend", i), n(() => {
+			e.removeEventListener("focusin", i), e.removeEventListener("compositionend", i);
+		}));
+	}, { immediate: !0 });
+	let o = typeof window > "u" ? null : window;
+	return o?.addEventListener("scroll", i, !0), Ae(() => {
+		a(), r(), o?.removeEventListener("scroll", i, !0), Yt(e.hiddenContainer.value);
 	}), {
 		clearOverlay: r,
 		updateSelectionOverlay: i
 	};
-}, Io = { class: "docx-editor-vue__toolbar-shell" }, Lo = {
+}, zo = { class: "docx-editor-vue__toolbar-shell" }, Bo = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, Ro = {
+}, Vo = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, zo = {
+}, Ho = {
 	key: 2,
 	class: "docx-editor-vue__placeholder"
-}, Bo = { class: "docx-editor-vue__editor-area" }, Vo = {
+}, Uo = { class: "docx-editor-vue__editor-area" }, Wo = {
 	key: 0,
 	class: "docx-editor-vue__ruler-h"
-}, Ho = {
+}, Go = {
 	key: 1,
 	class: "docx-editor-vue__ruler-v"
-}, Uo = {
+}, Ko = {
 	class: "docx-editor-vue__editor-content-wrapper",
 	style: {
 		position: "relative",
@@ -3776,11 +3816,11 @@ var Po = (e) => {
 		flexDirection: "column",
 		minHeight: "100%"
 	}
-}, Wo = {
+}, qo = {
 	"data-testid": "selection-overlay",
 	class: "docx-editor-vue__decoration-origin",
 	"aria-hidden": "true"
-}, Go = ["aria-label"], Ko = { class: "docx-editor-vue__note-editor-header" }, qo = ["aria-label"], Jo = ["aria-label"], Yo = /*#__PURE__*/ t(/* @__PURE__ */ I({
+}, Jo = ["aria-label"], Yo = { class: "docx-editor-vue__note-editor-header" }, Xo = ["aria-label"], Zo = ["aria-label"], Qo = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3904,8 +3944,8 @@ var Po = (e) => {
 	setup(e, { expose: t, emit: n }) {
 		let o = e, s = n;
 		a(o.components);
-		let c = fe();
-		pi(c);
+		let c = de();
+		gi(c);
 		function l(e) {
 			o.onChange?.(e), s("change", e), s("update:document", e);
 		}
@@ -3922,20 +3962,20 @@ var Po = (e) => {
 		K(re, (e) => {
 			e || (ae.value = !1);
 		});
-		let S = H(null), oe = H(null), C = H(null), ue = H(null), pe = H(null), me = H(null), he = A(() => o.showRuler ?? !1), w = H(0), ge = H(!1), T = H(!1), E = H(!1), _e = H(!1), ve = H(!1), ye = H(!1), be = H(!1), xe = H(o.showOutline), D = H(!1), k = H(null), Se = H(null), we = H(null), I = Ne([]), Ee = Ne([]), { zoom: L, zoomPercent: Oe, isMinZoom: Ae, isMaxZoom: je, setZoom: U, zoomIn: Pe, zoomOut: ze, handleWheel: Ve, handleKeyDown: He, ZOOM_PRESETS: We } = de(o.initialZoom);
+		let S = H(null), C = H(null), w = H(null), le = H(null), fe = H(null), pe = H(null), me = A(() => o.showRuler ?? !1), T = H(0), he = H(!1), ge = H(!1), E = H(!1), _e = H(!1), ve = H(!1), ye = H(!1), be = H(!1), xe = H(o.showOutline), D = H(!1), k = H(null), Se = H(null), we = H(null), I = Ne([]), Ee = Ne([]), { zoom: L, zoomPercent: Oe, isMinZoom: Ae, isMaxZoom: je, setZoom: U, zoomIn: Pe, zoomOut: ze, handleWheel: Ve, handleKeyDown: He, ZOOM_PRESETS: We } = ue(o.initialZoom);
 		function Ke(e) {
 			o.enableWheelZoom !== !1 && Ve(e);
 		}
-		yo({
-			showFindReplace: ge,
-			showHyperlink: T,
+		So({
+			showFindReplace: he,
+			showHyperlink: ge,
 			handleZoomKeyDown: He
 		});
-		let { editor: Je, editorView: J, editorState: it, remoteSelections: ot, headerFooterSelection: ct, activeNoteStory: lt, isReady: ut, isDirty: dt, parseError: ft, layout: pt, blocks: mt, measures: ht, syncCoordinator: gt, loadBuffer: _t, loadDocument: vt, save: yt, getDocument: Y, setDocument: bt, getHeaderFooterView: xt, syncHeaderFooterViews: St, openNoteStory: Ct, closeNoteStory: wt, getActiveNoteView: Tt, getCommands: Et, reLayout: Dt } = ce({
+		let { editor: Je, editorView: J, editorState: it, remoteSelections: ot, headerFooterSelection: ct, activeNoteStory: lt, isReady: ut, isDirty: dt, parseError: ft, layout: pt, blocks: mt, measures: ht, syncCoordinator: gt, loadBuffer: _t, loadDocument: vt, save: yt, getDocument: Y, setDocument: bt, getHeaderFooterView: xt, syncHeaderFooterViews: St, openNoteStory: Ct, closeNoteStory: wt, getActiveNoteView: Tt, getCommands: Et, reLayout: Dt } = se({
 			hiddenContainer: S,
-			hiddenHeaderFooterContainer: oe,
+			hiddenHeaderFooterContainer: C,
 			noteEditorContainer: we,
-			pagesContainer: C,
+			pagesContainer: w,
 			readOnly: d,
 			editorMode: u,
 			author: () => o.author,
@@ -3972,7 +4012,7 @@ var Po = (e) => {
 			onSelectiveSaveTripwire: o.onSelectiveSaveTripwire ? (e) => o.onSelectiveSaveTripwire?.(e) : void 0
 		});
 		K(it, (e, t) => {
-			me.value !== null && e && t && !e.doc.eq(t.doc) && (me.value = null);
+			pe.value !== null && e && t && !e.doc.eq(t.doc) && (pe.value = null);
 		});
 		let X = A(() => $e({
 			bodyView: J.value,
@@ -3985,38 +4025,39 @@ var Po = (e) => {
 		function At() {
 			J.value && (tt(), et(), Dt());
 		}
-		go({
+		yo({
 			isReady: ut,
 			getDocument: Y,
 			fonts: () => o.fonts,
 			remeasure: At
 		});
-		let { selectedImage: Z, imageInteracting: jt, imageToolbarContext: Mt, handleToolbarImageWrap: Nt, handleImageTransform: Pt } = vo({
+		let { selectedImage: Z, imageInteracting: jt, imageToolbarContext: Mt, handleToolbarImageWrap: Nt, handleImageTransform: Pt } = xo({
 			editorView: X,
 			zoom: L,
-			stateTick: w,
+			stateTick: T,
 			getCommands: Et
-		}), Ft = Fo({
+		}), Ft = Ro({
 			editorView: J,
-			pagesRef: C,
+			hiddenContainer: S,
+			pagesRef: w,
 			zoom: L,
 			selectedImage: Z,
 			syncCoordinator: gt,
 			imageInteracting: jt
 		});
-		Po({
-			pagesRef: C,
+		Lo({
+			pagesRef: w,
 			remoteSelections: ot,
 			syncCoordinator: gt,
 			zoom: L
 		});
-		let { hyperlinkPopupData: It, handleHyperlinkSubmit: Lt, handleHyperlinkRemove: Bt, handleHyperlinkPopupNavigate: Vt, handleHyperlinkPopupEdit: Ht, handleHyperlinkPopupRemove: Ut } = _o({
+		let { hyperlinkPopupData: It, handleHyperlinkSubmit: Lt, handleHyperlinkRemove: Bt, handleHyperlinkPopupNavigate: Vt, handleHyperlinkPopupEdit: Ht, handleHyperlinkPopupRemove: Ut } = bo({
 			editorView: X,
 			getCommands: Et
-		}), Wt = se(), { tableInsertButton: Gt, hfEdit: Kt, scrollPageInfo: qt, resolvePos: Jt, setPmSelection: Yt, scrollVisiblePositionIntoView: Xt, handlePagesMouseDown: Zt, handlePagesMouseMove: Qt, handlePagesClick: $t, handlePagesDoubleClick: en, handleTableInsertClick: tn, handleHfSave: nn, handleHfRemove: rn } = No({
+		}), Wt = oe(), { tableInsertButton: Gt, hfEdit: Kt, scrollPageInfo: qt, resolvePos: Jt, setPmSelection: Yt, scrollVisiblePositionIntoView: Xt, handlePagesMouseDown: Zt, handlePagesMouseMove: Qt, handlePagesClick: $t, handlePagesDoubleClick: en, handleTableInsertClick: tn, handleHfSave: nn, handleHfRemove: rn } = Io({
 			editorView: J,
-			pagesRef: C,
-			pagesViewportRef: ue,
+			pagesRef: w,
+			pagesViewportRef: le,
 			selectedImage: Z,
 			imageInteracting: jt,
 			hyperlinkPopupData: It,
@@ -4051,7 +4092,7 @@ var Po = (e) => {
 		K(Kt, (e) => {
 			Se.value = e?.rId ?? null, e && Ft.clearOverlay();
 		}, { immediate: !0 });
-		let sn = bo({
+		let sn = Co({
 			editorView: J,
 			showOutline: xe,
 			showSidebar: D,
@@ -4059,7 +4100,7 @@ var Po = (e) => {
 			activeSidebarItem: k,
 			extractCommentsAndChanges: () => {},
 			scrollToVisiblePosition: Xt
-		}), { contextMenu: cn, imageContextMenu: ln, imageContextMenuTextActions: un, customTextMenuItems: dn, handleContextMenu: fn, handleSelectedImageContextMenu: pn, handleImageWrapSelect: mn, handleContextMenuAction: hn } = eo({
+		}), { contextMenu: cn, imageContextMenu: ln, imageContextMenuTextActions: un, customTextMenuItems: dn, handleContextMenu: fn, handleSelectedImageContextMenu: pn, handleImageWrapSelect: mn, handleContextMenuAction: hn } = ro({
 			editorView: X,
 			selectedImage: Z,
 			zoom: L,
@@ -4073,7 +4114,7 @@ var Po = (e) => {
 			onCopy: () => o.onCopy?.(),
 			onCut: () => o.onCut?.(),
 			onPaste: () => o.onPaste?.()
-		}), gn = le(J, w), _n = A(() => gn.value.entries), Q = Ha({
+		}), gn = ce(J, T), _n = A(() => gn.value.entries), Q = Ga({
 			editorView: J,
 			getDocument: Y,
 			author: () => o.author,
@@ -4082,10 +4123,10 @@ var Po = (e) => {
 				o.onCommentsChange?.(e), s("comments-change", e);
 			},
 			reLayout: Dt
-		}), vn = Q.comments, $ = Va({
+		}), vn = Q.comments, $ = Wa({
 			editorView: J,
-			pagesViewport: ue,
-			pagesContainer: C,
+			pagesViewport: le,
+			pagesContainer: w,
 			readOnly: d,
 			createComment: Q.createComment,
 			pushComment: Q.pushComment,
@@ -4099,15 +4140,15 @@ var Po = (e) => {
 			navigator.clipboard?.writeText(e), It.value = null;
 		}
 		let bn = A(() => {
-			w.value;
+			T.value;
 			let e = Y()?.package.document;
 			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
 		}), xn = A(() => {
-			w.value;
+			T.value;
 			let e = Y();
 			return e ? at(e) : void 0;
 		}), Sn = A(() => {
-			w.value;
+			T.value;
 			let e = X.value;
 			if (!e) return {};
 			let t = Xe(e.state).table;
@@ -4115,7 +4156,7 @@ var Po = (e) => {
 			let n = {}, r = t.attrs.width, i = t.attrs.widthType, a = t.attrs.justification;
 			return typeof r == "number" && (n.width = r), typeof i == "string" && (n.widthType = i), typeof a == "string" && (n.justification = a), n;
 		}), Cn = A(() => {
-			w.value;
+			T.value;
 			let e = {};
 			o.fontFamilies !== void 0 && (e.fontFamilies = o.fontFamilies);
 			let t = Y()?.package.styles?.styles;
@@ -4128,7 +4169,7 @@ var Po = (e) => {
 			transform: L.value === 1 ? void 0 : `scale(${L.value})`,
 			transformOrigin: "top center",
 			transition: "transform 0.2s ease"
-		})), { handleApplyStyle: Dn, handleInsertSymbol: On, handleInsertSectionBreakNextPage: kn, handleInsertSectionBreakContinuous: An } = io({
+		})), { handleApplyStyle: Dn, handleInsertSymbol: On, handleInsertSectionBreakNextPage: kn, handleInsertSectionBreakContinuous: An } = so({
 			editorView: X,
 			getDocument: Y
 		});
@@ -4169,15 +4210,15 @@ var Po = (e) => {
 			let e = J.value;
 			e && (Ye(e), e.focus());
 		}
-		let { handlePageSetupApply: Fn, handleLeftMarginChange: In, handleRightMarginChange: Ln, handleTopMarginChange: Rn, handleBottomMarginChange: zn, handleIndentLeftChange: Bn, handleIndentRightChange: Vn, handleFirstLineIndentChange: Hn, handleTabStopRemove: Un } = xo({
+		let { handlePageSetupApply: Fn, handleLeftMarginChange: In, handleRightMarginChange: Ln, handleTopMarginChange: Rn, handleBottomMarginChange: zn, handleIndentLeftChange: Bn, handleIndentRightChange: Vn, handleFirstLineIndentChange: Hn, handleTabStopRemove: Un } = wo({
 			editorView: J,
 			getDocument: Y,
 			readOnly: d,
-			stateTick: w,
+			stateTick: T,
 			reLayout: Dt,
 			onChange: l
 		}), Wn = A(() => {
-			w.value;
+			T.value;
 			let e = X.value, t = e ? Ze(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
@@ -4194,13 +4235,13 @@ var Po = (e) => {
 			switch (e) {
 				case "find":
 				case "findReplace":
-					ge.value = !0;
+					he.value = !0;
 					break;
 				case "insertSymbol":
 					E.value = !0;
 					break;
 				case "insertHyperlink":
-					T.value = !0;
+					ge.value = !0;
 					break;
 				case "pageSetup":
 					ve.value = !0;
@@ -4238,7 +4279,7 @@ var Po = (e) => {
 			let t = Y();
 			if (!t) return;
 			let n = st(t, e);
-			bt(n), dt.value = !0, w.value++, Dt(), l(n);
+			bt(n), dt.value = !0, T.value++, Dt(), l(n);
 		}
 		function Jn(e, t) {
 			Mn(e, t);
@@ -4248,7 +4289,7 @@ var Po = (e) => {
 			!t || !n || (n(e)(t.state, (e) => t.dispatch(e), t), t.focus());
 		}
 		let Xn = H(!1);
-		to({
+		io({
 			documentBuffer: () => o.documentBuffer ?? null,
 			document: () => o.document ?? null,
 			loadDocumentBuffer: _t,
@@ -4269,7 +4310,7 @@ var Po = (e) => {
 			Zn.value = !0;
 			let e = o.initialScrollTop;
 			requestAnimationFrame(() => {
-				pe.value && (pe.value.scrollTop = e);
+				fe.value && (fe.value.scrollTop = e);
 			});
 		}
 		K(ut, (e) => {
@@ -4282,29 +4323,29 @@ var Po = (e) => {
 			t && o.onCompatibilityChange?.(Qe(t)), o.autoOpenReviewSidebar !== !1 && !Xn.value && (vn.value.length > 0 || _n.value.length > 0) && (Xn.value = !0, D.value = !0), $n(), s("ready");
 		}), ke(() => {
 			let e = Je.on("selectionChange", () => {
-				w.value++, $.updateFloatingButton();
+				T.value++, $.updateFloatingButton();
 			}), t = Je.on("docChange", () => {
-				w.value++, sn.recomputeHeadingsIfOpen();
+				T.value++, sn.recomputeHeadingsIfOpen();
 			}), n = Je.on("layoutComplete", () => {
-				w.value++;
+				T.value++;
 			}), r = Wt.install(), i = nt(() => o.onFontsLoaded?.());
 			B(() => {
 				e(), t(), n(), r(), i();
 			});
 		});
-		let { exposed: er } = ro({
+		let { exposed: er } = oo({
 			editor: Je,
 			editorView: J,
 			isDirty: dt,
 			commentsDirty: Q.commentsDirty,
 			clearCommentsDirty: Q.clearCommentsDirty,
 			layout: pt,
-			pagesRef: C,
-			pagesViewportRef: ue,
+			pagesRef: w,
+			pagesViewportRef: le,
 			zoom: L,
 			scrollVisiblePositionIntoView: Xt,
 			setPassageHighlight: (e) => {
-				me.value = e;
+				pe.value = e;
 			},
 			author: () => o.author,
 			createAIEditComment: (e, t) => {
@@ -4337,7 +4378,7 @@ var Po = (e) => {
 			]),
 			style: z(e.style)
 		}, [
-			P("div", Io, [F(ki, {
+			P("div", zo, [F(Mi, {
 				"show-table-insert": o.showTableInsert !== !1,
 				onRename: n[0] ||= (e) => s("rename", e),
 				onMenuAction: Kn,
@@ -4350,7 +4391,7 @@ var Po = (e) => {
 				key: 0,
 				view: X.value,
 				"get-commands": G(Et),
-				"state-tick": w.value,
+				"state-tick": T.value,
 				"zoom-percent": G(Oe),
 				"is-min-zoom": G(Ae),
 				"is-max-zoom": G(je),
@@ -4365,8 +4406,8 @@ var Po = (e) => {
 				"image-context": G(Mt),
 				theme: e.theme ?? null
 			}, Cn.value, {
-				onFindReplace: n[2] ||= (e) => ge.value = !0,
-				onInsertLink: n[3] ||= (e) => T.value = !0,
+				onFindReplace: n[2] ||= (e) => he.value = !0,
+				onInsertLink: n[3] ||= (e) => ge.value = !0,
 				onInsertSymbol: n[4] ||= (e) => E.value = !0,
 				onInsertPageBreak: Nn,
 				onPageSetup: n[5] ||= (e) => ve.value = !0,
@@ -4386,7 +4427,7 @@ var Po = (e) => {
 				"table-context": Ie(() => [F(y, {
 					view: X.value,
 					"get-commands": G(Et),
-					"state-tick": w.value,
+					"state-tick": T.value,
 					theme: e.theme ?? null,
 					onOpenTableProperties: n[1] ||= (e) => ye.value = !0
 				}, null, 8, [
@@ -4428,11 +4469,11 @@ var Po = (e) => {
 				"onImageWrapType",
 				"onImageTransform"
 			])) : M("", !0)]),
-			F(wi, {
-				"show-find-replace": ge.value,
-				"onUpdate:showFindReplace": n[8] ||= (e) => ge.value = e,
-				"show-hyperlink": T.value,
-				"onUpdate:showHyperlink": n[9] ||= (e) => T.value = e,
+			F(Di, {
+				"show-find-replace": he.value,
+				"onUpdate:showFindReplace": n[8] ||= (e) => he.value = e,
+				"show-hyperlink": ge.value,
+				"onUpdate:showHyperlink": n[9] ||= (e) => ge.value = e,
 				"show-insert-symbol": E.value,
 				"onUpdate:showInsertSymbol": n[10] ||= (e) => E.value = e,
 				"show-image-properties": _e.value,
@@ -4476,10 +4517,10 @@ var Po = (e) => {
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			G(ft) ? (V(), N("div", Lo, W(G(ft)), 1)) : kt.value ? (V(), N("div", Ro, [Me(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (V(), j(te, {
+			G(ft) ? (V(), N("div", Bo, W(G(ft)), 1)) : kt.value ? (V(), N("div", Vo, [Me(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (V(), j(te, {
 				key: 0,
 				node: e.loadingIndicator
-			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te(W(G(ee)("loadingDocument")), 1)], 64))], !0)])) : !G(ut) && !re.value ? (V(), N("div", zo, [Me(t.$slots, "placeholder", {}, () => [e.placeholder ? (V(), j(te, {
+			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te(W(G(ee)("loadingDocument")), 1)], 64))], !0)])) : !G(ut) && !re.value ? (V(), N("div", Ho, [Me(t.$slots, "placeholder", {}, () => [e.placeholder ? (V(), j(te, {
 				key: 0,
 				node: e.placeholder
 			}, null, 8, ["node"])) : (V(), N(O, { key: 1 }, [Te("No document loaded")], 64))], !0)])) : M("", !0),
@@ -4490,16 +4531,16 @@ var Po = (e) => {
 			}, null, 512),
 			P("div", {
 				ref_key: "hiddenHfPmRef",
-				ref: oe,
+				ref: C,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-hf-pm"
 			}, null, 512),
 			P("div", {
 				ref_key: "editorScrollRef",
-				ref: pe,
+				ref: fe,
 				class: "docx-editor-vue__editor-scroll",
 				onScroll: Qn
-			}, [P("div", Bo, [
-				he.value && !d.value ? (V(), N("div", Vo, [F(ne, {
+			}, [P("div", Uo, [
+				me.value && !d.value ? (V(), N("div", Wo, [F(ne, {
 					"section-props": bn.value,
 					zoom: G(L),
 					unit: e.rulerUnit ?? "inch",
@@ -4533,7 +4574,7 @@ var Po = (e) => {
 					"onFirstLineIndentChange",
 					"onTabStopRemove"
 				])])) : M("", !0),
-				he.value && !d.value ? (V(), N("div", Ho, [F(v, {
+				me.value && !d.value ? (V(), N("div", Go, [F(v, {
 					"section-props": bn.value,
 					zoom: G(L),
 					unit: e.rulerUnit ?? "inch",
@@ -4550,7 +4591,7 @@ var Po = (e) => {
 				])])) : M("", !0),
 				P("div", {
 					ref_key: "pagesViewportRef",
-					ref: ue,
+					ref: le,
 					class: "docx-editor-vue__pages-viewport",
 					onWheel: Ke,
 					onMousedown: n[25] ||= (...e) => G(Zt) && G(Zt)(...e),
@@ -4559,26 +4600,30 @@ var Po = (e) => {
 					onDblclick: n[28] ||= (...e) => G(en) && G(en)(...e),
 					onContextmenu: n[29] ||= q((...e) => G(fn) && G(fn)(...e), ["prevent"])
 				}, [
-					P("div", Uo, [
+					P("div", Ko, [
 						P("div", {
 							ref_key: "pagesRef",
-							ref: C,
+							ref: w,
 							class: R(["docx-editor-vue__pages paged-editor__pages", G(Kt) ? `paged-editor--hf-editing paged-editor--editing-${G(Kt).position}` : ""]),
 							style: z(En.value)
 						}, null, 6),
-						F(da, {
-							"pages-container": C.value,
+						F(ma, {
+							"editor-view": an(),
+							"hidden-container": C.value,
+							"pages-container": w.value,
 							selection: on.value,
 							zoom: G(L)
 						}, null, 8, [
+							"editor-view",
+							"hidden-container",
 							"pages-container",
 							"selection",
 							"zoom"
 						]),
-						P("div", Wo, [
-							F(ai, {
+						P("div", qo, [
+							F(ci, {
 								"get-view": () => G(J),
-								"get-pages-container": () => C.value,
+								"get-pages-container": () => w.value,
 								"editor-state": G(it),
 								zoom: G(L),
 								layout: G(pt),
@@ -4599,9 +4644,9 @@ var Po = (e) => {
 								"selected-canonical",
 								"selection-seq"
 							]),
-							F(si, {
-								range: me.value,
-								"get-pages-container": () => C.value,
+							F(ui, {
+								range: pe.value,
+								"get-pages-container": () => w.value,
 								zoom: G(L),
 								layout: G(pt),
 								blocks: G(mt),
@@ -4614,10 +4659,10 @@ var Po = (e) => {
 								"blocks",
 								"measures"
 							]),
-							o.showTemplateDirectives ? (V(), j(wa, {
+							o.showTemplateDirectives ? (V(), j(Da, {
 								key: 0,
 								"get-view": () => G(J),
-								"get-pages-container": () => C.value,
+								"get-pages-container": () => w.value,
 								"editor-state": G(it),
 								zoom: G(L),
 								layout: G(pt),
@@ -4632,8 +4677,8 @@ var Po = (e) => {
 								"blocks",
 								"measures"
 							])) : M("", !0),
-							F(di, {
-								"get-pages-container": () => C.value,
+							F(mi, {
+								"get-pages-container": () => w.value,
 								"editor-state": G(it),
 								zoom: G(L),
 								"sync-coordinator": G(gt)
@@ -4643,11 +4688,11 @@ var Po = (e) => {
 								"zoom",
 								"sync-coordinator"
 							]),
-							F(yi, {
+							F(Si, {
 								"get-view": () => G(J),
-								"get-pages-container": () => C.value,
+								"get-pages-container": () => w.value,
 								zoom: G(L),
-								"transaction-version": w.value,
+								"transaction-version": T.value,
 								"sync-coordinator": G(gt)
 							}, null, 8, [
 								"get-view",
@@ -4658,7 +4703,7 @@ var Po = (e) => {
 							])
 						])
 					]),
-					G(Kt) ? (V(), j(pa, {
+					G(Kt) ? (V(), j(ga, {
 						key: 0,
 						edit: G(Kt),
 						"get-view": an,
@@ -4673,16 +4718,16 @@ var Po = (e) => {
 						class: "docx-editor-vue__note-editor",
 						"aria-label": Ot.value,
 						onKeydown: n[16] ||= Re(q((...e) => G(wt) && G(wt)(...e), ["stop", "prevent"]), ["esc"])
-					}, [P("header", Ko, [P("span", null, W(Ot.value), 1), P("button", {
+					}, [P("header", Yo, [P("span", null, W(Ot.value), 1), P("button", {
 						type: "button",
 						"aria-label": G(ee)("common.closeDialog"),
 						onClick: n[15] ||= (...e) => G(wt) && G(wt)(...e)
-					}, " × ", 8, qo)]), P("div", {
+					}, " × ", 8, Xo)]), P("div", {
 						ref_key: "notePmRef",
 						ref: we,
 						class: "docx-editor-vue__note-editor-host"
-					}, null, 512)], 40, Go), [[Fe, G(lt)]]),
-					F(ua, {
+					}, null, 512)], 40, Jo), [[Fe, G(lt)]]),
+					F(pa, {
 						"image-info": G(Z),
 						zoom: G(L),
 						view: X.value,
@@ -4696,7 +4741,7 @@ var Po = (e) => {
 						"view",
 						"onContextMenu"
 					]),
-					F(Pa, {
+					F(La, {
 						data: G(It),
 						"read-only": d.value,
 						onNavigate: G(Vt),
@@ -4721,10 +4766,10 @@ var Po = (e) => {
 						}),
 						"aria-label": G(Gt).type === "row" ? "Insert row" : "Insert column",
 						onMousedown: n[21] ||= (...e) => G(tn) && G(tn)(...e)
-					}, " + ", 44, Jo)) : M("", !0),
+					}, " + ", 44, Zo)) : M("", !0),
 					F(g, {
 						comments: G(vn),
-						"pages-container": C.value,
+						"pages-container": w.value,
 						zoom: G(L),
 						"page-width-px": wn.value,
 						"sidebar-open": D.value,
@@ -4745,7 +4790,7 @@ var Po = (e) => {
 						"show-resolved": !0,
 						"is-adding-comment": G($).isAddingComment.value,
 						"add-comment-y-position": G($).addCommentYPosition.value,
-						"pages-container": C.value,
+						"pages-container": w.value,
 						"page-width-px": wn.value,
 						zoom: G(L),
 						"active-item-id": k.value,
@@ -4800,12 +4845,12 @@ var Po = (e) => {
 						size: 18
 					})], 36)) : M("", !0)
 				], 544),
-				xe.value ? M("", !0) : (V(), j(ha, {
+				xe.value ? M("", !0) : (V(), j(va, {
 					key: 2,
 					"left-offset": 12,
 					onToggle: G(sn).handleToggleOutline
 				}, null, 8, ["onToggle"])),
-				G(qt).totalPages > 1 ? (V(), j(ga, {
+				G(qt).totalPages > 1 ? (V(), j(ya, {
 					key: 3,
 					"current-page": G(qt).currentPage,
 					"total-pages": G(qt).totalPages,
@@ -4815,10 +4860,10 @@ var Po = (e) => {
 					"total-pages",
 					"visible"
 				])) : M("", !0),
-				F(Ci, {
+				F(Ei, {
 					"is-open": xe.value,
 					headings: Ee.value,
-					"get-scroll-container": () => C.value,
+					"get-scroll-container": () => w.value,
 					onClose: n[30] ||= (e) => xe.value = !1,
 					onNavigate: G(sn).handleOutlineNavigate
 				}, null, 8, [
@@ -4828,7 +4873,7 @@ var Po = (e) => {
 					"onNavigate"
 				])
 			])], 544),
-			F(ea, {
+			F(ra, {
 				"read-only": d.value,
 				"context-menu": G(cn),
 				"image-context-menu": G(ln),
@@ -4850,16 +4895,16 @@ var Po = (e) => {
 				"onContextMenuAction",
 				"onImageWrapSelect"
 			]),
-			F(vi, {
-				"event-root": d.value ? null : C.value,
+			F(xi, {
+				"event-root": d.value ? null : w.value,
 				view: G(J)
 			}, null, 8, ["event-root", "view"])
 		], 6));
 	}
-}), [["__scopeId", "data-v-3eaed64d"]]);
+}), [["__scopeId", "data-v-f072cb31"]]);
 //#endregion
 //#region src/utils/listState.ts
-function Xo() {
+function $o() {
 	return {
 		type: "none",
 		level: 0,
@@ -4868,30 +4913,30 @@ function Xo() {
 }
 //#endregion
 //#region src/components/FormattingBar.vue?vue&type=script&setup=true&lang.ts
-var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
+var es = ["aria-label"], ts = ["aria-label"], ns = [
 	"disabled",
 	"title",
 	"aria-label"
-], es = [
+], rs = [
 	"disabled",
 	"title",
 	"aria-label"
-], ts = ["aria-label"], ns = [
+], is = ["aria-label"], as = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], rs = [
+], os = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], is = [
+], ss = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], as = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], cs = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "FormattingBar",
 	props: {
 		currentFormatting: {},
@@ -4933,7 +4978,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 		"redo"
 	],
 	setup(e, { emit: t }) {
-		let { ColorPicker: n } = h(), a = e, o = t, { t: s } = r(), c = A(() => a.currentFormatting ?? {}), l = A(() => a.documentStyles ? { styles: a.documentStyles } : {}), u = A(() => c.value.listState ?? Xo()), d = A(() => {
+		let { ColorPicker: n } = h(), a = e, o = t, { t: s } = r(), c = A(() => a.currentFormatting ?? {}), l = A(() => a.documentStyles ? { styles: a.documentStyles } : {}), u = A(() => c.value.listState ?? $o()), d = A(() => {
 			let e = c.value.color;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
 		}), f = A(() => {
@@ -4966,7 +5011,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 			}, [F(i, {
 				name: "undo",
 				size: 18
-			})], 40, $o), P("button", {
+			})], 40, ns), P("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canRedo,
@@ -4976,7 +5021,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 			}, [F(i, {
 				name: "redo",
 				size: 18
-			})], 40, es)], 8, Qo),
+			})], 40, rs)], 8, ts),
 			r[13] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
@@ -5007,7 +5052,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 				}, [F(i, {
 					name: "format_bold",
 					size: 18
-				})], 42, ns),
+				})], 42, as),
 				P("button", {
 					type: "button",
 					class: R(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.italic }]),
@@ -5019,7 +5064,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 				}, [F(i, {
 					name: "format_italic",
 					size: 18
-				})], 42, rs),
+				})], 42, os),
 				P("button", {
 					type: "button",
 					class: R(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.underline }]),
@@ -5031,8 +5076,8 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 				}, [F(i, {
 					name: "format_underlined",
 					size: 18
-				})], 42, is)
-			], 8, ts),
+				})], 42, ss)
+			], 8, is),
 			e.showTextColorPicker ? (V(), N(O, { key: 1 }, [r[12] ||= P("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
@@ -5074,9 +5119,9 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 				"disabled",
 				"can-outdent"
 			])) : M("", !0)
-		], 10, Zo));
+		], 10, es));
 	}
-}), [["__scopeId", "data-v-fc03de2e"]]), os = [
+}), [["__scopeId", "data-v-fc03de2e"]]), ls = [
 	{
 		value: .5,
 		label: "50%"
@@ -5101,7 +5146,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 		value: 2,
 		label: "200%"
 	}
-], ss = /*#__PURE__*/ t(/* @__PURE__ */ I({
+], us = /*#__PURE__*/ t(/* @__PURE__ */ I({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -5118,7 +5163,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Select: n } = h(), r = e, i = t, a = A(() => r.levels ?? os), o = A(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = A(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = A(() => o.value ? String(o.value.value) : String(r.value)), l = A(() => {
+		let { Select: n } = h(), r = e, i = t, a = A(() => r.levels ?? ls), o = A(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = A(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = A(() => o.value ? String(o.value.value) : String(r.value)), l = A(() => {
 			let e = a.value.map((e) => ({
 				value: String(e.value),
 				label: e.label
@@ -5146,8 +5191,8 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 			"disabled"
 		]));
 	}
-}), [["__scopeId", "data-v-8079e07f"]]), cs = (e, t, n = {}) => {
-	let { colorMode: r = oe, locale: i = "en", ...a } = n;
+}), [["__scopeId", "data-v-8079e07f"]]), ds = (e, t, n = {}) => {
+	let { colorMode: r = C, locale: i = "en", ...a } = n;
 	return new Promise((n, o) => {
 		let s = H(null), c = null, l = !1, d = {
 			save: async () => {
@@ -5172,7 +5217,7 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 			}
 		};
 		c = Se({ setup() {
-			return () => Ee(Yo, {
+			return () => Ee(Qo, {
 				...a,
 				documentBuffer: e,
 				ref: s,
@@ -5183,8 +5228,8 @@ var Zo = ["aria-label"], Qo = ["aria-label"], $o = [
 					a.onError?.(e), l || (l = !0, c?.unmount(), c = null, o(e));
 				}
 			});
-		} }), c.use(u, i), c.use(ue, r), c.mount(t);
+		} }), c.use(u, i), c.use(le, r), c.mount(t);
 	});
 };
 //#endregion
-export { li as AutocompleteCaretOverlay, Hr as DEFAULT_AI_SUGGESTION_PRESETS, _t as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, zr as DOCUMENT_PRESET_VERSION, Br as DOCUMENT_STYLE_SET_VERSION, Yo as DocxEditor, pe as FindReplaceDialog, l as FolioUIProvider, me as FootnotePropertiesDialog, as as FormattingBar, he as HyperlinkDialog, w as ImagePositionDialog, ge as ImagePropertiesDialog, T as InsertImageDialog, E as InsertSymbolDialog, _e as InsertTableDialog, ve as PageSetupDialog, ye as PasteSpecialDialog, Ir as STELLA_STYLE_SET_NAME, be as SplitCellDialog, xe as TablePropertiesDialog, D as WatermarkDialog, ss as ZoomControl, vt as acceptAutocompleteSuggestion, yt as acceptAutocompleteWord, ft as anonymizationDecorationsKey, Y as appendAutocompleteToken, An as applyFolioAIEditOperations, Ur as applySuggestions, bt as autocompleteSuggestionKey, xt as autocompleteSuggestionPlugin, Kr as buildPositionalText, St as clearAutocompleteSuggestion, yn as clearTemplateSlashMenu, ue as colorModePlugin, bn as consumeTemplateSlashQuery, Qr as createAICitationDecorationsPlugin, Vr as createDocx, jr as createEmptyDocument, Pn as createFolioAIEditSnapshot, Lr as createStellaStyleDocumentPreset, Rr as createStellaStyleSet, oe as defaultColorMode, e as defaultLocale, tr as deriveBlockId, In as diffWordSegments, Mr as extractDocumentStyleSet, Nr as extractDocumentStyleSetFromDocx, Ct as finishAutocompleteSuggestion, ti as fromMarkdown, pt as getAnonymizationMatches, wt as getAutocompleteSuggestion, it as getDocumentWatermark, Xr as getFolioCaretViewportRect, nr as getFolioParaIdFromBlockId, Zr as getFolioSelectionViewportRect, Xt as getTemplateDirectives, xn as getTemplateSlashMenu, Bn as hashFolioAIBlockText, u as i18nPlugin, He as insertImageFromFile, We as insertPageBreakInView, Ke as insertTableInView, Je as insertTableOfContentsInView, Pr as inspectDocumentStyles, Fr as inspectDocumentStylesFromDocx, ir as isFolioBlockId, ar as isSequentialFolioBlockId, Wr as isSuggestionStale, Vn as normalizeFolioAIBlockText, C as provideColorMode, n as provideLocale, cs as renderAsync, Sn as resetTemplateSlashQuery, Gr as resolveSuggestionAnchor, Qt as scanDirectives, Yr as scrollFolioPositionIntoView, $r as setAICitationsMeta, qr as setAISuggestionsMeta, ei as setActiveCitationMeta, ht as setAnonymizationTermsMeta, ot as setDocumentWatermark, Jr as setFocusedSuggestionMeta, $ as setTemplatePreviewValues, Et as shouldTriggerAutocomplete, Dt as startAutocompleteSuggestion, Cn as templateSlashMenuKey, ni as toMarkdown, ri as toMarkdownResult, fe as useColorMode, r as useTranslation, de as useWheelZoom };
+export { fi as AutocompleteCaretOverlay, Gr as DEFAULT_AI_SUGGESTION_PRESETS, _t as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, Hr as DOCUMENT_PRESET_VERSION, Ur as DOCUMENT_STYLE_SET_VERSION, Qo as DocxEditor, fe as FindReplaceDialog, l as FolioUIProvider, pe as FootnotePropertiesDialog, cs as FormattingBar, me as HyperlinkDialog, T as ImagePositionDialog, he as ImagePropertiesDialog, ge as InsertImageDialog, E as InsertSymbolDialog, _e as InsertTableDialog, ve as PageSetupDialog, ye as PasteSpecialDialog, zr as STELLA_STYLE_SET_NAME, be as SplitCellDialog, xe as TablePropertiesDialog, D as WatermarkDialog, us as ZoomControl, vt as acceptAutocompleteSuggestion, yt as acceptAutocompleteWord, ft as anonymizationDecorationsKey, Y as appendAutocompleteToken, Nn as applyFolioAIEditOperations, Kr as applySuggestions, bt as autocompleteSuggestionKey, xt as autocompleteSuggestionPlugin, Yr as buildPositionalText, St as clearAutocompleteSuggestion, Sn as clearTemplateSlashMenu, le as colorModePlugin, Cn as consumeTemplateSlashQuery, ti as createAICitationDecorationsPlugin, Wr as createDocx, Pr as createEmptyDocument, Ln as createFolioAIEditSnapshot, Br as createStellaStyleDocumentPreset, Vr as createStellaStyleSet, C as defaultColorMode, e as defaultLocale, ir as deriveBlockId, zn as diffWordSegments, Fr as extractDocumentStyleSet, Ir as extractDocumentStyleSetFromDocx, Ct as finishAutocompleteSuggestion, ii as fromMarkdown, pt as getAnonymizationMatches, wt as getAutocompleteSuggestion, it as getDocumentWatermark, $r as getFolioCaretViewportRect, ar as getFolioParaIdFromBlockId, ei as getFolioSelectionViewportRect, $t as getTemplateDirectives, wn as getTemplateSlashMenu, Un as hashFolioAIBlockText, u as i18nPlugin, He as insertImageFromFile, We as insertPageBreakInView, Ke as insertTableInView, Je as insertTableOfContentsInView, Lr as inspectDocumentStyles, Rr as inspectDocumentStylesFromDocx, sr as isFolioBlockId, cr as isSequentialFolioBlockId, qr as isSuggestionStale, Wn as normalizeFolioAIBlockText, w as provideColorMode, n as provideLocale, ds as renderAsync, Tn as resetTemplateSlashQuery, Jr as resolveSuggestionAnchor, tn as scanDirectives, Qr as scrollFolioPositionIntoView, ni as setAICitationsMeta, Xr as setAISuggestionsMeta, ri as setActiveCitationMeta, ht as setAnonymizationTermsMeta, ot as setDocumentWatermark, Zr as setFocusedSuggestionMeta, xn as setTemplatePreviewValues, Et as shouldTriggerAutocomplete, Dt as startAutocompleteSuggestion, En as templateSlashMenuKey, ai as toMarkdown, oi as toMarkdownResult, de as useColorMode, r as useTranslation, ue as useWheelZoom };