@stll/folio-vue 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,68 +1,69 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./PageSetupDialog-DsjAfJy0.js";
-import { A as u, C as d, F as f, I as p, P as m, S as h, a as g, b as _, f as v, i as y, n as b, p as x, r as S, t as C, x as ee, y as te } from "./ListButtons-B498PX1d.js";
-import { t as ne } from "./zIndex-BY0qa8Au.js";
-import { a as re, i as w, o as ie, r as ae, t as T } from "./useZoom-CIIRid8U.js";
-import { Fragment as E, Teleport as D, computed as O, createApp as oe, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createSlots as se, createStaticVNode as ce, createTextVNode as le, createVNode as N, defineComponent as P, h as F, inject as ue, mergeProps as de, nextTick as I, normalizeClass as L, normalizeStyle as R, onBeforeUnmount as fe, onMounted as pe, openBlock as z, provide as me, ref as B, renderList as V, renderSlot as H, shallowRef as he, toDisplayString as U, unref as W, vModelText as G, watch as K, withCtx as ge, withDirectives as q, withKeys as J, withModifiers as Y } from "vue";
-import { createStyleResolver as _e, extractSelectionState as ve, insertImageFromFile as ye, insertImageFromFile as be, insertPageBreakInView as xe, insertPageBreakInView as Se, insertTableInView as X, insertTableInView as Ce, insertTableOfContentsInView as we, insertTableOfContentsInView as Te } from "@stll/folio-core/prosemirror";
-import { extractSelectionContext as Ee } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
-import { inspectDocxCompatibility as De } from "@stll/folio-core/docx/compatibility";
-import { clearAllCaches as Oe, resetCanvasContext as ke } from "@stll/folio-core/layout-bridge/engine/measuring";
-import { onFontsLoaded as Ae } from "@stll/folio-core/utils/fontLoader";
-import { twipsToPixels as je } from "@stll/folio-core/paged-layout/sectionGeometry";
-import { measureDirectiveGutter as Me, projectRangesToRects as Ne } from "@stll/folio-core/paged-layout/rangeProjection";
-import { prefersReducedMotionBehavior as Pe } from "@stll/folio-core/paged-layout/scrollNavigation";
-import { anonymizationDecorationsKey as Fe, getAnonymizationMatches as Ie, getAnonymizationMatches as Le, setAnonymizationTermsMeta as Re, slugAnonymizationLabel as ze } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
-import { NodeSelection as Be, Selection as Z, TextSelection as Ve } from "prosemirror-state";
-import { pixelsToEmu as He } from "@stll/folio-core/utils/units";
-import { IMAGE_LAYOUT_OPTIONS as Ue, captureInlinePositionEmu as We, deriveLayoutChoice as Ge, findImageElement as Ke, isImageLayoutOptionEnabled as qe, toolbarValueToLayoutTarget as Je } from "@stll/folio-core/layout-painter/imageLayout";
-import { isTrackChangesMode as Ye, toggledTrackChangesMode as Xe } from "@stll/folio-core/managers/EditorModeManager";
-import { clickToPositionDom as Ze } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
-import { calculateResizedImageDimensions as Qe, commitImageFloatMove as $e, commitImageInlineMove as et, commitImageResize as tt, isFloatingImage as nt } from "@stll/folio-core/prosemirror/imageCommit";
-import { findBodyPmAnchor as rt, findBodyPmSpans as it } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
-import { getTemplateDirectives as at, getTemplateDirectives as ot, scanDirectives as st } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
-import { clearFormatting as ct } from "@stll/folio-core/prosemirror/commands/formatting";
-import { getTableContext as lt } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
-import { PENDING_COMMENT_ID as ut, createCommentIdAllocator as dt, seedCommentAllocator as ft } from "@stll/folio-core/prosemirror/commentIdAllocator";
-import { createComment as pt } from "@stll/folio-core/prosemirror/commentOps";
-import { findChangeRange as mt } from "@stll/folio-core/prosemirror/queries";
-import { acceptAIEditRevision as ht, acceptChange as gt, findAIEditRevisionRange as _t, rejectAIEditRevision as vt, rejectChange as yt } from "@stll/folio-core/prosemirror/commands/comments";
-import { makeRevisionInfo as bt } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
-import { setTemplatePreviewValues as xt } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
-import { clearTemplateSlashMenu as St, consumeTemplateSlashQuery as Ct, getTemplateSlashMenu as wt, resetTemplateSlashQuery as Tt, templateSlashMenuKey as Et } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
-import { applyFolioAIEditOperations as Dt, applyFolioAIEditOperations as Ot, createFolioAIEditSnapshot as kt, createFolioAIEditSnapshot as At, diffWordSegments as jt, hashFolioAIBlockText as Mt, normalizeFolioAIBlockText as Nt } from "@stll/folio-core/ai-edits";
-import { findPageIndexContainingPmPos as Pt } from "@stll/folio-core/layout-engine";
-import { findParagraphFragmentsByParaId as Ft, flashParagraphElements as Q } from "@stll/folio-core/paged-layout/paragraphFlash";
-import { blockSdtAttrsToSdtProperties as It, findBlockSdtMatch as $, findBlockSdtMatches as Lt, removeContentControlTr as Rt, setContentControlContentTr as zt, setContentControlValueTr as Bt } from "@stll/folio-core/prosemirror/commands/contentControls";
-import { setContentControlContentBlocksTr as Vt } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
-import { createFolioAIEditSnapshot as Ht } from "@stll/folio-core/ai-edits/snapshot";
-import { findParagraphByParaId as Ut } from "@stll/folio-core/prosemirror/utils/findParagraphByParaId";
-import { deriveBlockId as Wt, getFolioParaIdFromBlockId as Gt, getFolioParaIdFromBlockId as Kt, getSequentialFolioBlockIdIndex as qt, isFolioBlockId as Jt, isSequentialFolioBlockId as Yt } from "@stll/folio-core/types/block-id";
-import { applyStyle as Xt, removeTabStop as Zt, setIndentFirstLine as Qt, setIndentLeft as $t, setIndentRight as en } from "@stll/folio-core/prosemirror/commands/paragraph";
-import { getCachedNumberingMap as tn } from "@stll/folio-core/docx";
-import { insertPageBreak as nn } from "@stll/folio-core/prosemirror/commands/pageBreak";
-import { insertSectionBreakContinuous as rn, insertSectionBreakNextPage as an } from "@stll/folio-core/prosemirror/commands/sectionBreak";
-import { editHyperlinkAtCursor as on, removeHyperlinkAtCursor as sn } from "@stll/folio-core/prosemirror/commands/hyperlink";
-import { TABLE_INSERT_HIDE_DELAY_MS as cn, detectTableInsertHover as ln } from "@stll/folio-core/layout-bridge/tableInsertHover";
-import { createCellDragTracker as un, findCellPosFromPmPos as dn } from "@stll/folio-core/prosemirror/cellDragSelection";
-import { createEmptyDocument as fn } from "@stll/folio-core/utils/createDocument";
-import { createDocx as pn } from "@stll/folio-core/docx/rezip";
-import { DEFAULT_AI_SUGGESTION_PRESETS as mn } from "@stll/folio-core/ai-suggestions/types";
-import { applySuggestions as hn } from "@stll/folio-core/ai-suggestions/apply";
-import { isSuggestionStale as gn, resolveSuggestionAnchor as _n } from "@stll/folio-core/ai-suggestions/conflict";
-import { buildPositionalText as vn } from "@stll/folio-core/ai-suggestions/text-positions";
-import { setAISuggestionsMeta as yn, setFocusedSuggestionMeta as bn } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
-import { scrollFolioPositionIntoView as xn } from "@stll/folio-core/paged-layout/scrollToPmPosition";
-import { getFolioCaretViewportRect as Sn, getFolioSelectionViewportRect as Cn } from "@stll/folio-core/paged-layout/selectionViewportRect";
-import { createAICitationDecorationsPlugin as wn, setAICitationsMeta as Tn, setActiveCitationMeta as En } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
-import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as Dn, acceptAutocompleteSuggestion as On, acceptAutocompleteWord as kn, appendAutocompleteToken as An, autocompleteSuggestionKey as jn, autocompleteSuggestionPlugin as Mn, clearAutocompleteSuggestion as Nn, finishAutocompleteSuggestion as Pn, getAutocompleteSuggestion as Fn, shouldTriggerAutocomplete as In, startAutocompleteSuggestion as Ln } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
-import { fromMarkdown as Rn, toMarkdown as zn, toMarkdownResult as Bn } from "@stll/folio-core/markdown";
+import { E as e, S as t, T as n, a as r, b as i, c as a, i as o, n as s, r as c, s as l, t as u, u as d, x as f, y as p } from "./PageSetupDialog-Djs8aW5A.js";
+import { D as m, O as h, T as g, a as _, b as v, f as y, i as b, n as x, p as ee, r as S, t as te, y as ne } from "./ListButtons-CDkmhg3v.js";
+import { t as re } from "./zIndex-BY0qa8Au.js";
+import { a as ie, i as C, o as ae, r as oe, t as w } from "./useZoom-CIIRid8U.js";
+import { Fragment as T, Teleport as E, computed as D, createApp as se, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as ce, createStaticVNode as le, createTextVNode as ue, createVNode as M, defineComponent as N, h as P, inject as F, mergeProps as de, nextTick as I, normalizeClass as L, normalizeStyle as R, onBeforeUnmount as fe, onMounted as pe, openBlock as z, provide as me, ref as B, renderList as V, renderSlot as he, shallowRef as ge, toDisplayString as H, unref as U, vModelText as W, watch as G, withCtx as _e, withDirectives as K, withKeys as q, withModifiers as J } from "vue";
+import { createStyleResolver as Y, extractSelectionState as ve, getSelectedText as ye, insertImageFromFile as be, insertImageFromFile as xe, insertPageBreakInView as Se, insertPageBreakInView as Ce, insertTableInView as X, insertTableInView as we, insertTableOfContentsInView as Te, insertTableOfContentsInView as Ee } from "@stll/folio-core/prosemirror";
+import { extractSelectionContext as De } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { inspectDocxCompatibility as Oe } from "@stll/folio-core/docx/compatibility";
+import { clearAllCaches as ke, resetCanvasContext as Ae } from "@stll/folio-core/layout-bridge/engine/measuring";
+import { onFontsLoaded as je } from "@stll/folio-core/utils/fontLoader";
+import { twipsToPixels as Me } from "@stll/folio-core/paged-layout/sectionGeometry";
+import { measureDirectiveGutter as Ne, projectRangesToRects as Pe } from "@stll/folio-core/paged-layout/rangeProjection";
+import { prefersReducedMotionBehavior as Fe } from "@stll/folio-core/paged-layout/scrollNavigation";
+import { anonymizationDecorationsKey as Ie, getAnonymizationMatches as Le, getAnonymizationMatches as Re, setAnonymizationTermsMeta as ze, slugAnonymizationLabel as Be } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
+import { NodeSelection as Ve, Selection as He, TextSelection as Z } from "prosemirror-state";
+import { pixelsToEmu as Ue } from "@stll/folio-core/utils/units";
+import { IMAGE_LAYOUT_OPTIONS as We, captureInlinePositionEmu as Ge, deriveLayoutChoice as Ke, findImageElement as qe, isImageLayoutOptionEnabled as Je, toolbarValueToLayoutTarget as Ye } from "@stll/folio-core/layout-painter/imageLayout";
+import { isTrackChangesMode as Xe, toggledTrackChangesMode as Ze } from "@stll/folio-core/managers/EditorModeManager";
+import { clickToPositionDom as Qe } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
+import { calculateResizedImageDimensions as $e, commitImageFloatMove as et, commitImageInlineMove as tt, commitImageResize as nt, isFloatingImage as rt } from "@stll/folio-core/prosemirror/imageCommit";
+import { findBodyPmAnchor as it, findBodyPmSpans as at } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
+import { getTemplateDirectives as ot, getTemplateDirectives as st, scanDirectives as ct } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
+import { clearFormatting as lt } from "@stll/folio-core/prosemirror/commands/formatting";
+import { getTableContext as ut } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { PENDING_COMMENT_ID as dt, createCommentIdAllocator as ft, seedCommentAllocator as pt } from "@stll/folio-core/prosemirror/commentIdAllocator";
+import { createComment as mt } from "@stll/folio-core/prosemirror/commentOps";
+import { findChangeRange as ht } from "@stll/folio-core/prosemirror/queries";
+import { acceptAIEditRevision as gt, acceptChange as _t, findAIEditRevisionRange as vt, rejectAIEditRevision as yt, rejectChange as bt } from "@stll/folio-core/prosemirror/commands/comments";
+import { makeRevisionInfo as xt } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { setTemplatePreviewValues as St } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { clearTemplateSlashMenu as Ct, consumeTemplateSlashQuery as wt, getTemplateSlashMenu as Tt, resetTemplateSlashQuery as Et, templateSlashMenuKey as Dt } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { applyFolioAIEditOperations as Ot, applyFolioAIEditOperations as kt, createFolioAIEditSnapshot as At, createFolioAIEditSnapshot as jt, diffWordSegments as Mt, getCommentAnchorsFromDoc as Nt, getTrackedChangesFromDoc as Pt, hashFolioAIBlockText as Ft, normalizeFolioAIBlockText as It } from "@stll/folio-core/ai-edits";
+import { findPageIndexContainingPmPos as Lt } from "@stll/folio-core/layout-engine";
+import { findParagraphFragmentsByParaId as Rt, flashParagraphElements as Q } from "@stll/folio-core/paged-layout/paragraphFlash";
+import { blockSdtAttrsToSdtProperties as zt, findBlockSdtMatch as $, findBlockSdtMatches as Bt, removeContentControlTr as Vt, setContentControlContentTr as Ht, setContentControlValueTr as Ut } from "@stll/folio-core/prosemirror/commands/contentControls";
+import { setContentControlContentBlocksTr as Wt } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
+import { createFolioAIEditSnapshot as Gt } from "@stll/folio-core/ai-edits/snapshot";
+import { findParagraphByParaId as Kt } from "@stll/folio-core/prosemirror/utils/findParagraphByParaId";
+import { deriveBlockId as qt, getFolioParaIdFromBlockId as Jt, getFolioParaIdFromBlockId as Yt, getSequentialFolioBlockIdIndex as Xt, isFolioBlockId as Zt, isSequentialFolioBlockId as Qt } from "@stll/folio-core/types/block-id";
+import { applyStyle as $t, removeTabStop as en, setIndentFirstLine as tn, setIndentLeft as nn, setIndentRight as rn } from "@stll/folio-core/prosemirror/commands/paragraph";
+import { getCachedNumberingMap as an } from "@stll/folio-core/docx";
+import { insertPageBreak as on } from "@stll/folio-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as sn, insertSectionBreakNextPage as cn } from "@stll/folio-core/prosemirror/commands/sectionBreak";
+import { editHyperlinkAtCursor as ln, removeHyperlinkAtCursor as un } from "@stll/folio-core/prosemirror/commands/hyperlink";
+import { collectHeadings as dn } from "@stll/folio-core/utils/headingCollector";
+import { TABLE_INSERT_HIDE_DELAY_MS as fn, detectTableInsertHover as pn } from "@stll/folio-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as mn, findCellPosFromPmPos as hn } from "@stll/folio-core/prosemirror/cellDragSelection";
+import { createEmptyDocument as gn } from "@stll/folio-core/utils/createDocument";
+import { createDocx as _n } from "@stll/folio-core/docx/rezip";
+import { DEFAULT_AI_SUGGESTION_PRESETS as vn } from "@stll/folio-core/ai-suggestions/types";
+import { applySuggestions as yn } from "@stll/folio-core/ai-suggestions/apply";
+import { isSuggestionStale as bn, resolveSuggestionAnchor as xn } from "@stll/folio-core/ai-suggestions/conflict";
+import { buildPositionalText as Sn } from "@stll/folio-core/ai-suggestions/text-positions";
+import { setAISuggestionsMeta as Cn, setFocusedSuggestionMeta as wn } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
+import { scrollFolioPositionIntoView as Tn } from "@stll/folio-core/paged-layout/scrollToPmPosition";
+import { getFolioCaretViewportRect as En, getFolioSelectionViewportRect as Dn } from "@stll/folio-core/paged-layout/selectionViewportRect";
+import { createAICitationDecorationsPlugin as On, setAICitationsMeta as kn, setActiveCitationMeta as An } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
+import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as jn, acceptAutocompleteSuggestion as Mn, acceptAutocompleteWord as Nn, appendAutocompleteToken as Pn, autocompleteSuggestionKey as Fn, autocompleteSuggestionPlugin as In, clearAutocompleteSuggestion as Ln, finishAutocompleteSuggestion as Rn, getAutocompleteSuggestion as zn, shouldTriggerAutocomplete as Bn, startAutocompleteSuggestion as Vn } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
+import { fromMarkdown as Hn, toMarkdown as Un, toMarkdownResult as Wn } from "@stll/folio-core/markdown";
 //#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
-var Vn = [
+var Gn = [
 	"data-folio-anonymization-label",
 	"data-folio-anonymization-canonical",
 	"data-folio-anonymization-selected",
 	"title"
-], Hn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], Kn = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "AnonymizationRectsOverlay",
 	props: {
 		getView: { type: Function },
@@ -89,12 +90,12 @@ var Vn = [
 				r.value = [];
 				return;
 			}
-			let s = Le(o);
+			let s = Re(o);
 			if (s.length === 0) {
 				r.value = [];
 				return;
 			}
-			let c = await Ne(s, {
+			let c = await Pe(s, {
 				pagesContainer: a,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -114,7 +115,7 @@ var Vn = [
 				}))
 			}));
 		}
-		K(() => [
+		G(() => [
 			t.editorState,
 			t.zoom,
 			t.layout,
@@ -136,10 +137,10 @@ var Vn = [
 				index: a
 			}, i.item(a)?.scrollIntoView({
 				block: "center",
-				behavior: Pe()
+				behavior: Fe()
 			});
 		}
-		K(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
+		G(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
 		function u(e) {
 			if (e.button !== 0 || !t.onTermClick) return;
 			let r = n.value;
@@ -160,14 +161,14 @@ var Vn = [
 			document.addEventListener("click", u), o();
 		}), fe(() => {
 			document.removeEventListener("click", u), a !== null && (cancelAnimationFrame(a), a = null);
-		}), (t, i) => (z(), j("div", {
+		}), (t, i) => (z(), A("div", {
 			ref_key: "rootRef",
 			ref: n,
 			class: "folio-anonymization-overlay",
 			"data-folio-anonymization-overlay": ""
-		}, [(z(!0), j(E, null, V(r.value, (t) => (z(), j(E, { key: `${t.label}:${t.canonical}` }, [(z(!0), j(E, null, V(t.rects, (n, r) => (z(), j("span", {
+		}, [(z(!0), A(T, null, V(r.value, (t) => (z(), A(T, { key: `${t.label}:${t.canonical}` }, [(z(!0), A(T, null, V(t.rects, (n, r) => (z(), A("span", {
 			key: `${t.canonical}:${r}:${n.left}:${n.top}`,
-			class: L(["folio-anonymization-term", `folio-anonymization-term--${W(ze)(t.label)}`]),
+			class: L(["folio-anonymization-term", `folio-anonymization-term--${U(Be)(t.label)}`]),
 			"data-folio-anonymization-label": t.label,
 			"data-folio-anonymization-canonical": t.canonical,
 			"data-folio-anonymization-selected": t.canonical === e.selectedCanonical ? "true" : void 0,
@@ -179,23 +180,31 @@ var Vn = [
 				width: `${n.width}px`,
 				height: `${n.height}px`
 			})
-		}, null, 14, Vn))), 128))], 64))), 128))], 512));
+		}, null, 14, Gn))), 128))], 64))), 128))], 512));
 	}
-}), [["__scopeId", "data-v-c7db88e1"]]), Un = { class: "doc-outline__header" }, Wn = { class: "doc-outline__body" }, Gn = {
+}), [["__scopeId", "data-v-c7db88e1"]]), qn = { class: "doc-outline__header" }, Jn = { class: "doc-outline__body" }, Yn = {
 	key: 0,
 	class: "doc-outline__empty"
-}, Kn = ["onMousedown"], qn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Xn = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "DocumentOutline",
 	props: {
 		isOpen: { type: Boolean },
 		headings: {},
 		leftOffset: { default: 12 },
-		topPx: { default: 24 }
+		topPx: { default: 24 },
+		getScrollContainer: {}
 	},
 	emits: ["close", "navigate"],
-	setup(e) {
-		let t = e, n = O(() => t.headings.length ? Math.min(...t.headings.map((e) => e.level)) : 0);
-		return (t, r) => e.isOpen ? (z(), j("nav", {
+	setup(e, { emit: t }) {
+		let r = e, { OutlineRail: i } = d(), a = D(() => r.headings.length ? Math.min(...r.headings.map((e) => e.level)) : 0), o = D(() => r.headings.map((e) => ({
+			id: String(e.pmPos),
+			label: e.text || "(untitled)",
+			level: e.level - a.value
+		}))), s = t;
+		function c(e) {
+			s("navigate", Number(e));
+		}
+		return (t, r) => e.isOpen ? (z(), A("nav", {
 			key: 0,
 			class: "doc-outline",
 			style: R({
@@ -204,23 +213,24 @@ var Vn = [
 			}),
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: r[1] ||= Y(() => {}, ["stop"])
-		}, [M("div", Un, [M("button", {
+			onMousedown: r[1] ||= J(() => {}, ["stop"])
+		}, [j("div", qn, [j("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
 			onClick: r[0] ||= (e) => t.$emit("close")
-		}, [N(p, {
+		}, [M(n, {
 			name: "arrow_back",
 			size: 20
-		})]), r[2] ||= M("span", { class: "doc-outline__title" }, "Document Outline", -1)]), M("div", Wn, [e.headings.length === 0 ? (z(), j("div", Gn, "No headings found")) : A("", !0), (z(!0), j(E, null, V(e.headings, (e, r) => (z(), j("button", {
-			key: r,
-			class: "doc-outline__item",
-			style: R({ paddingLeft: 8 + (e.level - n.value) * 16 + "px" }),
-			onMousedown: Y((n) => t.$emit("navigate", e.pmPos), ["prevent"])
-		}, U(e.text || "(untitled)"), 45, Kn))), 128))])], 36)) : A("", !0);
-	}
-}), [["__scopeId", "data-v-94e471af"]]), Jn = /* @__PURE__ */ P({
+		})]), r[2] ||= j("span", { class: "doc-outline__title" }, "Document Outline", -1)]), j("div", Jn, [e.headings.length === 0 ? (z(), A("div", Yn, "No headings found")) : (z(), O(U(i), {
+			key: 1,
+			items: o.value,
+			"get-scroll-container": e.getScrollContainer ?? (() => null),
+			"on-jump": c,
+			"aria-label": "Document outline"
+		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-92482e57"]]), Zn = /* @__PURE__ */ N({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -244,53 +254,53 @@ var Vn = [
 		"hyperlink-remove",
 		"page-setup-apply"
 	],
-	setup(t, { emit: r }) {
-		let a = r;
-		return (r, s) => (z(), j(E, null, [
-			N(e, {
-				"is-open": t.showFindReplace,
-				view: t.view,
-				onClose: s[0] ||= (e) => a("update:showFindReplace", !1)
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, i) => (z(), A(T, null, [
+			M(r, {
+				"is-open": e.showFindReplace,
+				view: e.view,
+				onClose: i[0] ||= (e) => n("update:showFindReplace", !1)
 			}, null, 8, ["is-open", "view"]),
-			N(n, {
-				"is-open": t.showHyperlink,
-				view: t.view,
-				bookmarks: t.bookmarks,
-				onClose: s[1] ||= (e) => a("update:showHyperlink", !1),
-				onSubmit: s[2] ||= (e) => a("hyperlink-submit", e),
-				onRemove: s[3] ||= (e) => a("hyperlink-remove")
+			M(o, {
+				"is-open": e.showHyperlink,
+				view: e.view,
+				bookmarks: e.bookmarks,
+				onClose: i[1] ||= (e) => n("update:showHyperlink", !1),
+				onSubmit: i[2] ||= (e) => n("hyperlink-submit", e),
+				onRemove: i[3] ||= (e) => n("hyperlink-remove")
 			}, null, 8, [
 				"is-open",
 				"view",
 				"bookmarks"
 			]),
-			N(i, {
-				"is-open": t.showInsertSymbol,
-				onClose: s[4] ||= (e) => a("update:showInsertSymbol", !1),
-				onInsert: s[5] ||= (e) => a("insert-symbol", e)
+			M(s, {
+				"is-open": e.showInsertSymbol,
+				onClose: i[4] ||= (e) => n("update:showInsertSymbol", !1),
+				onInsert: i[5] ||= (e) => n("insert-symbol", e)
 			}, null, 8, ["is-open"]),
-			N(o, {
-				"is-open": t.showImageProperties,
-				view: t.view,
-				"pm-pos": t.selectedImagePmPos,
-				onClose: s[6] ||= (e) => a("update:showImageProperties", !1)
+			M(c, {
+				"is-open": e.showImageProperties,
+				view: e.view,
+				"pm-pos": e.selectedImagePmPos,
+				onClose: i[6] ||= (e) => n("update:showImageProperties", !1)
 			}, null, 8, [
 				"is-open",
 				"view",
 				"pm-pos"
 			]),
-			N(c, {
-				"is-open": t.showPageSetup,
-				"section-properties": t.sectionProperties,
-				onClose: s[7] ||= (e) => a("update:showPageSetup", !1),
-				onApply: s[8] ||= (e) => a("page-setup-apply", e)
+			M(u, {
+				"is-open": e.showPageSetup,
+				"section-properties": e.sectionProperties,
+				onClose: i[7] ||= (e) => n("update:showPageSetup", !1),
+				onApply: i[8] ||= (e) => n("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"])
 		], 64));
 	}
-}), Yn = {
+}), Qn = {
 	key: 0,
 	class: "docx-editor-vue__title-bar"
-}, Xn = { class: "docx-editor-vue__title-bar-left" }, Zn = { class: "docx-editor-vue__title-bar-center" }, Qn = { class: "docx-editor-vue__title-bar-right" }, $n = /* @__PURE__ */ P({
+}, $n = { class: "docx-editor-vue__title-bar-left" }, er = { class: "docx-editor-vue__title-bar-center" }, tr = { class: "docx-editor-vue__title-bar-right" }, nr = /* @__PURE__ */ N({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: {
@@ -322,13 +332,13 @@ var Vn = [
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => e.showMenuBar ? (z(), j("div", Yn, [
-			M("div", Xn, [H(t.$slots, "title-bar-left")]),
-			M("div", Zn, [N(m, {
+		return (t, r) => e.showMenuBar ? (z(), A("div", Qn, [
+			j("div", $n, [he(t.$slots, "title-bar-left")]),
+			j("div", er, [M(m, {
 				"model-value": e.documentName,
 				editable: e.documentNameEditable,
 				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
-			}, null, 8, ["model-value", "editable"]), N(u, {
+			}, null, 8, ["model-value", "editable"]), M(g, {
 				"show-file-open": e.showFileOpen,
 				"show-help-menu": e.showHelpMenu,
 				"show-table-insert": e.showTableInsert,
@@ -339,40 +349,40 @@ var Vn = [
 				"show-help-menu",
 				"show-table-insert"
 			])]),
-			M("div", Qn, [H(t.$slots, "title-bar-right")])
-		])) : A("", !0);
+			j("div", tr, [he(t.$slots, "title-bar-right")])
+		])) : k("", !0);
 	}
-}), er = Symbol("docx-portal-class");
-function tr(e) {
-	me(er, O(() => ({
+}), rr = Symbol("docx-portal-class");
+function ir(e) {
+	me(rr, D(() => ({
 		"ep-root": !0,
-		dark: !!W(e)
+		dark: !!U(e)
 	})));
 }
-function nr() {
-	return ue(er, O(() => ({ "ep-root": !0 })));
+function ar() {
+	return F(rr, D(() => ({ "ep-root": !0 })));
 }
 //#endregion
 //#region src/components/ImageContextMenu.vue?vue&type=script&setup=true&lang.ts
-var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "image-ctx-menu__label" }, or = {
+var or = ["aria-label"], sr = { class: "image-ctx-menu__icon" }, cr = { class: "image-ctx-menu__label" }, lr = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, sr = [
+}, ur = [
 	"data-wrap-type",
 	"data-current",
 	"data-disabled",
 	"disabled",
 	"title",
 	"onClick"
-], cr = { class: "image-ctx-menu__icon" }, lr = { class: "image-ctx-menu__label" }, ur = ["aria-label"], dr = ["disabled", "onClick"], fr = { class: "image-ctx-menu__label" }, pr = {
+], dr = { class: "image-ctx-menu__icon" }, fr = { class: "image-ctx-menu__label" }, pr = ["aria-label"], mr = ["disabled", "onClick"], hr = { class: "image-ctx-menu__label" }, gr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, mr = {
+}, _r = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, hr = 18, gr = 260, _r = 10, vr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, vr = 18, yr = 260, br = 10, xr = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -388,119 +398,119 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 		"text-action",
 		"open-properties"
 	],
-	setup(e, { emit: t }) {
-		let n = e, i = t;
-		function a() {
-			i("open-properties"), i("close");
+	setup(e, { emit: r }) {
+		let i = e, a = r;
+		function o() {
+			a("open-properties"), a("close");
 		}
-		let { t: o } = r(), s = nr(), c = Ue, l = O(() => n.state ? Ge(n.state.currentWrapType, n.state.currentCssFloat ?? null) : null), u = {
+		let { t: s } = t(), c = ar(), l = We, u = D(() => i.state ? Ke(i.state.currentWrapType, i.state.currentCssFloat ?? null) : null), d = {
 			inline: "wrap_text",
 			squareLeft: "format_image_left",
 			squareRight: "format_image_right",
 			behind: "flip_to_back",
 			inFront: "flip_to_front"
 		};
-		function d(e) {
-			return u[e];
+		function f(e) {
+			return d[e];
 		}
-		let f = O(() => {
-			if (!n.state) return {};
-			let e = Ue.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
-			return typeof window < "u" && (t + gr > window.innerWidth && (t = window.innerWidth - gr - _r), r + e > window.innerHeight && (r = window.innerHeight - e - _r), t < _r && (t = _r), r < _r && (r = _r)), {
+		let p = D(() => {
+			if (!i.state) return {};
+			let e = We.length * 36 + 16, t = i.state.position.x, n = i.state.position.y;
+			return typeof window < "u" && (t + yr > window.innerWidth && (t = window.innerWidth - yr - br), n + e > window.innerHeight && (n = window.innerHeight - e - br), t < br && (t = br), n < br && (n = br)), {
 				position: "fixed",
 				left: `${t}px`,
-				top: `${r}px`,
-				minWidth: `${gr}px`,
+				top: `${n}px`,
+				minWidth: `${yr}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return n.state ? qe(e, n.state.currentWrapType) : !1;
+			return i.state ? Je(e, i.state.currentWrapType) : !1;
 		}
 		function h(e) {
-			m(e) && (i("select", e.choice), i("close"));
+			m(e) && (a("select", e.choice), a("close"));
 		}
 		function g(e) {
-			e.disabled || (i("text-action", e.action), i("close"));
+			e.disabled || (a("text-action", e.action), a("close"));
 		}
 		function _(e) {
-			e.preventDefault(), i("close");
+			e.preventDefault(), a("close");
 		}
 		function v(e) {
-			e.key === "Escape" && (e.preventDefault(), i("close"));
+			e.key === "Escape" && (e.preventDefault(), a("close"));
 		}
-		return (t, n) => (z(), k(D, { to: "body" }, [e.state && e.state.open ? (z(), j("div", {
+		return (t, r) => (z(), O(E, { to: "body" }, [e.state && e.state.open ? (z(), A("div", {
 			key: 0,
 			class: "image-ctx-menu-backdrop",
 			onMousedown: _,
-			onContextmenu: n[0] ||= Y((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : A("", !0), e.state && e.state.open ? (z(), j("div", {
+			onContextmenu: r[0] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : k("", !0), e.state && e.state.open ? (z(), A("div", {
 			key: 1,
-			class: L(["image-ctx-menu", W(s)]),
+			class: L(["image-ctx-menu", U(c)]),
 			role: "menu",
-			"aria-label": W(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": U(s)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: R(f.value),
-			onContextmenu: n[4] ||= Y(() => {}, ["prevent"]),
+			style: R(p.value),
+			onContextmenu: r[4] ||= J(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (z(), j("button", {
+			e.canOpenProperties ? (z(), A("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item",
 				"data-action": "open-properties",
-				onMousedown: n[1] ||= Y(() => {}, ["prevent"]),
-				onClick: a
-			}, [M("span", ir, [N(p, {
+				onMousedown: r[1] ||= J(() => {}, ["prevent"]),
+				onClick: o
+			}, [j("span", sr, [M(n, {
 				name: "settings",
-				size: hr
-			})]), M("span", ar, U(W(o)("imageWrap.menu.imageProperties")), 1)], 32)) : A("", !0),
-			e.canOpenProperties ? (z(), j("div", or)) : A("", !0),
-			(z(!0), j(E, null, V(W(c), (e) => (z(), j("button", {
+				size: vr
+			})]), j("span", cr, H(U(s)("imageWrap.menu.imageProperties")), 1)], 32)) : k("", !0),
+			e.canOpenProperties ? (z(), A("div", lr)) : k("", !0),
+			(z(!0), A(T, null, V(U(l), (e) => (z(), A("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: L(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === l.value }]),
+				class: L(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === u.value }]),
 				"data-wrap-type": e.choice,
-				"data-current": e.choice === l.value ? "true" : "false",
+				"data-current": e.choice === u.value ? "true" : "false",
 				"data-disabled": m(e) ? "false" : "true",
 				disabled: !m(e),
-				title: W(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
-				onMousedown: n[2] ||= Y(() => {}, ["prevent"]),
+				title: U(s)(`imageWrap.menuDesc.${e.i18nDescKey}`),
+				onMousedown: r[2] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				M("span", cr, [N(p, {
-					name: d(e.iconHint),
-					size: hr
+				j("span", dr, [M(n, {
+					name: f(e.iconHint),
+					size: vr
 				}, null, 8, ["name"])]),
-				M("span", lr, U(W(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === l.value ? (z(), j("span", {
+				j("span", fr, H(U(s)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (z(), A("span", {
 					key: 0,
 					class: "image-ctx-menu__current-dot",
-					"aria-label": W(o)("imageWrap.menu.ariaLabel")
-				}, "●", 8, ur)) : A("", !0)
-			], 42, sr))), 128)),
-			e.textActions && e.textActions.length > 0 ? (z(), j(E, { key: 2 }, [n[5] ||= M("div", {
+					"aria-label": U(s)("imageWrap.menu.ariaLabel")
+				}, "●", 8, pr)) : k("", !0)
+			], 42, ur))), 128)),
+			e.textActions && e.textActions.length > 0 ? (z(), A(T, { key: 2 }, [r[5] ||= j("div", {
 				class: "image-ctx-menu__divider",
 				role: "separator"
-			}, null, -1), (z(!0), j(E, null, V(e.textActions, (e, t) => (z(), j(E, { key: `${e.action}-${t}` }, [M("button", {
+			}, null, -1), (z(!0), A(T, null, V(e.textActions, (e, t) => (z(), A(T, { key: `${e.action}-${t}` }, [j("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
-				onMousedown: n[3] ||= Y(() => {}, ["prevent"]),
+				onMousedown: r[3] ||= J(() => {}, ["prevent"]),
 				onClick: (t) => g(e)
-			}, [M("span", fr, U(e.label), 1), e.shortcut ? (z(), j("span", pr, U(e.shortcut), 1)) : A("", !0)], 40, dr), e.dividerAfter ? (z(), j("div", mr)) : A("", !0)], 64))), 128))], 64)) : A("", !0)
-		], 46, rr)) : A("", !0)]));
+			}, [j("span", hr, H(e.label), 1), e.shortcut ? (z(), A("span", gr, H(e.shortcut), 1)) : k("", !0)], 40, mr), e.dividerAfter ? (z(), A("div", _r)) : k("", !0)], 64))), 128))], 64)) : k("", !0)
+		], 46, or)) : k("", !0)]));
 	}
-}), [["__scopeId", "data-v-1bdca3c9"]]), yr = ["disabled", "onMousedown"], br = {
+}), [["__scopeId", "data-v-37e33eb5"]]), Sr = ["disabled", "onMousedown"], Cr = {
 	key: 0,
 	class: "ctx-menu__icon"
-}, xr = { class: "ctx-menu__label" }, Sr = {
+}, wr = { class: "ctx-menu__label" }, Tr = {
 	key: 1,
 	class: "ctx-menu__shortcut"
-}, Cr = 220, wr = 32, Tr = 10, Er = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Er = 220, Dr = 32, Or = 10, kr = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -514,11 +524,11 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 		customItems: {}
 	},
 	emits: ["close", "action"],
-	setup(e, { emit: t }) {
-		let n = e, i = ({ node: e }) => e;
+	setup(e, { emit: n }) {
+		let r = e, i = ({ node: e }) => e;
 		i.props = ["node"];
-		let a = t, { t: o } = r(), s = nr(), c = B(null), l = O(() => {
-			let e = [], t = n.customItems ?? [];
+		let a = n, { t: o } = t(), s = ar(), c = B(null), l = D(() => {
+			let e = [], t = r.customItems ?? [];
 			for (let [n, r] of t.entries()) e.push({
 				id: `custom-${r.id}`,
 				label: r.label,
@@ -536,25 +546,25 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				label: o("cut"),
 				action: "cut",
 				shortcut: o("contextMenu.cutShortcut"),
-				disabled: !n.hasSelection || !n.isEditable
+				disabled: !r.hasSelection || !r.isEditable
 			}, {
 				id: "copy",
 				label: o("copy"),
 				action: "copy",
 				shortcut: o("contextMenu.copyShortcut"),
-				disabled: !n.hasSelection
+				disabled: !r.hasSelection
 			}, {
 				id: "paste",
 				label: o("paste"),
 				action: "paste",
 				shortcut: o("contextMenu.pasteShortcut"),
-				disabled: !n.isEditable
+				disabled: !r.isEditable
 			}, {
 				id: "pasteAsPlainText",
 				label: o("pasteUnformatted"),
 				action: "pasteAsPlainText",
 				shortcut: o("contextMenu.pastePlainTextShortcut"),
-				disabled: !n.isEditable
+				disabled: !r.isEditable
 			}, {
 				id: "div1",
 				label: "",
@@ -565,13 +575,13 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				label: o("delete"),
 				action: "delete",
 				shortcut: o("contextMenu.deleteShortcut"),
-				disabled: !n.hasSelection || !n.isEditable
+				disabled: !r.hasSelection || !r.isEditable
 			}, {
 				id: "selectAll",
 				label: o("selectAll"),
 				action: "selectAll",
 				shortcut: o("contextMenu.selectAllShortcut")
-			}), n.onImage && n.isEditable && e.push({
+			}), r.onImage && r.isEditable && e.push({
 				id: "div-img",
 				label: "",
 				action: "",
@@ -589,7 +599,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				label: o("imageOverlay.deleteImage"),
 				action: "deleteImage",
 				shortcut: o("contextMenu.deleteShortcut")
-			}), n.inTable && n.isEditable && e.push({
+			}), r.inTable && r.isEditable && e.push({
 				id: "div2",
 				label: "",
 				action: "",
@@ -632,12 +642,12 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				id: "mergeCells",
 				label: o("table.mergeCells"),
 				action: "mergeCells",
-				disabled: !n.canMergeCells
+				disabled: !r.canMergeCells
 			}, {
 				id: "splitCell",
 				label: o("table.splitCell"),
 				action: "splitCell",
-				disabled: !n.canSplitCell
+				disabled: !r.canSplitCell
 			}, {
 				id: "div5",
 				label: "",
@@ -652,9 +662,9 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				label: o("table.deleteTable"),
 				action: "deleteTable"
 			}), e;
-		}), u = O(() => {
-			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 * wr + i * 9;
-			return typeof window < "u" && (e + Cr + Tr > window.innerWidth && (e = window.innerWidth - Cr - Tr), t + a + Tr > window.innerHeight && (t = window.innerHeight - a - Tr)), {
+		}), u = D(() => {
+			let e = r.position.x, t = r.position.y, n = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = n * Dr + i * 9;
+			return typeof window < "u" && (e + Er + Or > window.innerWidth && (e = window.innerWidth - Er - Or), t + a + Or > window.innerHeight && (t = window.innerHeight - a - Or)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -667,22 +677,22 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 		function f(e) {
 			e.key === "Escape" && a("close");
 		}
-		return K(() => n.isOpen, (e) => {
+		return G(() => r.isOpen, (e) => {
 			e && I(() => c.value?.focus());
-		}), (t, n) => (z(), k(D, { to: "body" }, [e.isOpen ? (z(), j("div", {
+		}), (t, n) => (z(), O(E, { to: "body" }, [e.isOpen ? (z(), A("div", {
 			key: 0,
 			class: "ctx-menu-backdrop",
 			onMousedown: n[0] ||= (e) => t.$emit("close"),
-			onContextmenu: n[1] ||= Y((e) => t.$emit("close"), ["prevent"])
-		}, null, 32)) : A("", !0), e.isOpen ? (z(), j("div", {
+			onContextmenu: n[1] ||= J((e) => t.$emit("close"), ["prevent"])
+		}, null, 32)) : k("", !0), e.isOpen ? (z(), A("div", {
 			key: 1,
 			ref_key: "menuRef",
 			ref: c,
-			class: L(["ctx-menu", W(s)]),
+			class: L(["ctx-menu", U(s)]),
 			style: R(u.value),
-			onContextmenu: n[2] ||= Y(() => {}, ["prevent"]),
+			onContextmenu: n[2] ||= J(() => {}, ["prevent"]),
 			onKeydown: f
-		}, [(z(!0), j(E, null, V(l.value, (e, t) => (z(), j("button", {
+		}, [(z(!0), A(T, null, V(l.value, (e, t) => (z(), A("button", {
 			key: e.id || t,
 			class: L(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
@@ -690,14 +700,14 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				"ctx-menu__item--emphasis": e.emphasis
 			}]),
 			disabled: e.disabled,
-			onMousedown: Y((t) => d(e.action), ["prevent"])
+			onMousedown: J((t) => d(e.action), ["prevent"])
 		}, [
-			e.icon ? (z(), j("span", br, [N(i, { node: e.icon }, null, 8, ["node"])])) : A("", !0),
-			M("span", xr, U(e.label), 1),
-			e.shortcut ? (z(), j("span", Sr, U(e.shortcut), 1)) : A("", !0)
-		], 42, yr))), 128))], 38)) : A("", !0)]));
+			e.icon ? (z(), A("span", Cr, [M(i, { node: e.icon }, null, 8, ["node"])])) : k("", !0),
+			j("span", wr, H(e.label), 1),
+			e.shortcut ? (z(), A("span", Tr, H(e.shortcut), 1)) : k("", !0)
+		], 42, Sr))), 128))], 38)) : k("", !0)]));
 	}
-}), [["__scopeId", "data-v-e71bb6e2"]]), Dr = /* @__PURE__ */ P({
+}), [["__scopeId", "data-v-f7db4540"]]), Ar = /* @__PURE__ */ N({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -716,7 +726,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 	],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (z(), j(E, null, [N(Er, {
+		return (t, r) => (z(), A(T, null, [M(kr, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -738,7 +748,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 			"can-merge-cells",
 			"can-split-cell",
 			"custom-items"
-		]), N(vr, {
+		]), M(xr, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -755,7 +765,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function Or(e) {
+function jr(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,
@@ -766,13 +776,13 @@ function Or(e) {
 }
 //#endregion
 //#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
-var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
+var Mr = ["data-handle", "onMousedown"], Nr = ["title"], Pr = {
 	key: 0,
 	class: "image-overlay__dim"
-}, Mr = {
+}, Fr = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, Nr = 4, Pr = 15, Fr = 250, Ir = 700, Lr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Ir = 4, Lr = 15, Rr = 250, zr = 700, Br = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -785,9 +795,9 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		"interact-end",
 		"context-menu"
 	],
-	setup(e, { emit: t }) {
-		let { t: n } = r(), i = e, a = t, o = B(null), s = B(!1), c = B(!1), l = B(!1), u = B(0), d = B(0), f = B(0), p = B(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, S = null;
-		function C(e, t) {
+	setup(e, { emit: n }) {
+		let { t: r } = t(), i = e, a = n, o = B(null), s = B(!1), c = B(!1), l = B(!1), u = B(0), d = B(0), f = B(0), p = B(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, ee = null;
+		function S(e, t) {
 			if (!e) return null;
 			try {
 				let n = e.state.doc.nodeAt(t);
@@ -796,25 +806,25 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				return null;
 			}
 		}
-		function ee(e) {
+		function te(e) {
 			if (!e) return null;
 			let t = e.attrs.transform;
 			return typeof t == "string" ? t : null;
 		}
-		function te() {
+		function ne() {
 			return o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
 		}
-		function re() {
+		function ie() {
 			let e = i.imageInfo;
 			if (!e) return null;
 			if (e.element.isConnected) return e.element;
-			let t = te();
+			let t = ne();
 			if (!t) return null;
-			let n = rt(t, e.pmPos);
-			return n ? Ke(n) : null;
+			let n = it(t, e.pmPos);
+			return n ? qe(n) : null;
 		}
-		function w() {
-			let e = re();
+		function C() {
+			let e = ie();
 			if (!e || !o.value) {
 				p.value = null;
 				return;
@@ -825,7 +835,7 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				return;
 			}
 			let n = t.getBoundingClientRect();
-			p.value = Or({
+			p.value = jr({
 				imageRect: e.getBoundingClientRect(),
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
@@ -835,41 +845,41 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				zoom: i.zoom
 			});
 		}
-		let ie = null;
-		function ae() {
-			ie?.();
+		let ae = null;
+		function oe() {
+			ae?.();
 			let e = 0, t = "", n = 0, r = 0, i = (a) => {
 				r === 0 && (r = a);
 				let o = a - r;
-				w();
+				C();
 				let s = p.value, c = s ? `${s.left}|${s.top}|${s.width}|${s.height}` : "";
-				n = c === t ? n + 1 : 0, t = c, !(o >= Fr && n >= 2) && o < Ir && (e = requestAnimationFrame(i));
+				n = c === t ? n + 1 : 0, t = c, !(o >= Rr && n >= 2) && o < zr && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(w, Fr);
-			ie = () => {
+			let a = setTimeout(C, Rr);
+			ae = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
-		K(() => i.imageInfo, (e, t, n) => {
+		G(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) {
 				p.value = null;
 				return;
 			}
-			ae(), n(() => ie?.());
-		}, { immediate: !0 }), K(() => i.zoom, () => {
-			i.imageInfo && ae();
-		}), K(() => i.imageInfo, (e, t, n) => {
+			oe(), n(() => ae?.());
+		}, { immediate: !0 }), G(() => i.zoom, () => {
+			i.imageInfo && oe();
+		}), G(() => i.imageInfo, (e, t, n) => {
 			if (!i.imageInfo) return;
 			let r = () => {
-				b && cancelAnimationFrame(b), b = requestAnimationFrame(w);
+				b && cancelAnimationFrame(b), b = requestAnimationFrame(C);
 			}, a = o.value?.closest(".docx-editor-vue__pages-viewport");
 			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 });
 			let s = null, c = !1;
 			I(() => {
 				if (c || !i.imageInfo) return;
-				let e = te();
-				e && (s = new MutationObserver(() => ae()), s.observe(e, {
+				let e = ne();
+				e && (s = new MutationObserver(() => oe()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
@@ -877,7 +887,7 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				c = !0, a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), s?.disconnect(), b && cancelAnimationFrame(b);
 			});
 		}, { immediate: !0 });
-		let T = O(() => s.value ? u.value : p.value?.width || 0), D = O(() => s.value ? d.value : p.value?.height || 0), oe = O(() => {
+		let w = D(() => s.value ? u.value : p.value?.width || 0), E = D(() => s.value ? d.value : p.value?.height || 0), se = D(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -895,11 +905,11 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				height: `${n}px`,
 				transform: r === 1 ? void 0 : `scale(${r})`,
 				transformOrigin: "top left",
-				zIndex: ne.imageOverlay,
+				zIndex: re.imageOverlay,
 				pointerEvents: "auto"
 			};
-		}), k = O(() => {
-			let e = T.value, t = D.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
+		}), O = D(() => {
+			let e = w.value, t = E.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -967,11 +977,11 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				}
 			];
 		});
-		function se(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", ce), document.addEventListener("mouseup", le));
+		function ce(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", le), document.addEventListener("mouseup", ue));
 		}
-		function ce(e) {
-			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Qe(m, n, r, _, v, a);
+		function le(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = $e(m, n, r, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
 			s && (p.value = {
@@ -981,17 +991,17 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				height: s.height
 			});
 		}
-		function le() {
-			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), s.value = !1, y = null, a("interact-end");
+		function ue() {
+			document.removeEventListener("mousemove", le), document.removeEventListener("mouseup", ue), s.value = !1, y = null, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			if (!e || !t) {
-				w();
+				C();
 				return;
 			}
-			let n = tt(e, t.pmPos, u.value, d.value);
-			n !== null && ve(n), I(() => w());
+			let n = nt(e, t.pmPos, u.value, d.value);
+			n !== null && ve(n), I(() => C());
 		}
-		let N = 0, P = 0, F = 0, ue = 0, de = null, L = null;
+		let M = 0, N = 0, P = 0, F = 0, de = null, L = null;
 		function pe(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/)?.[1];
@@ -1001,59 +1011,59 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 			let n = /scaleX\(-1\)/.test(e || ""), r = /scaleY\(-1\)/.test(e || ""), i = [], a = (t % 360 + 360) % 360;
 			return a !== 0 && i.push(`rotate(${a}deg)`), n && i.push("scaleX(-1)"), r && i.push("scaleY(-1)"), i.length > 0 ? i.join(" ") : null;
 		}
-		function H(e, t) {
-			return Math.atan2(e - N, -(t - P)) * 180 / Math.PI;
+		function he(e, t) {
+			return Math.atan2(e - M, -(t - N)) * 180 / Math.PI;
 		}
-		function he(e) {
+		function ge(e) {
 			if (!i.imageInfo) return;
 			let t = i.imageInfo.element.getBoundingClientRect();
-			N = t.left + t.width / 2, P = t.top + t.height / 2, de = ee(C(i.view, i.imageInfo.pmPos)), ue = pe(de), L = i.imageInfo.element.querySelector("img"), F = H(e.clientX, e.clientY), f.value = ue, l.value = !0, a("interact-start"), document.addEventListener("mousemove", G), document.addEventListener("mouseup", ge);
+			M = t.left + t.width / 2, N = t.top + t.height / 2, de = te(S(i.view, i.imageInfo.pmPos)), F = pe(de), L = i.imageInfo.element.querySelector("img"), P = he(e.clientX, e.clientY), f.value = F, l.value = !0, a("interact-start"), document.addEventListener("mousemove", W), document.addEventListener("mouseup", _e);
 		}
-		function G(e) {
-			let t = H(e.clientX, e.clientY) - F, n = ue + t;
-			e.shiftKey || (n = Math.round(n / Pr) * Pr), f.value = (n % 360 + 360) % 360, L && (L.style.transform = me(de, f.value) || "");
+		function W(e) {
+			let t = he(e.clientX, e.clientY) - P, n = F + t;
+			e.shiftKey || (n = Math.round(n / Lr) * Lr), f.value = (n % 360 + 360) % 360, L && (L.style.transform = me(de, f.value) || "");
 		}
-		function ge() {
-			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", ge), l.value = !1, a("interact-end");
+		function _e() {
+			document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", _e), l.value = !1, a("interact-end");
 			let e = i.view, t = i.imageInfo;
 			try {
-				let n = e && t ? C(e, t.pmPos) : null;
+				let n = e && t ? S(e, t.pmPos) : null;
 				e && t && n && (e.dispatch(e.state.tr.setNodeMarkup(t.pmPos, void 0, {
 					...n.attrs,
-					transform: me(ee(n), f.value)
+					transform: me(te(n), f.value)
 				})), ve(t.pmPos));
 			} catch {} finally {
 				L && (L.style.transform = ""), L = null, de = null;
 			}
-			I(() => w());
+			I(() => C());
 		}
-		let q = null;
-		function J(e) {
+		let K = null;
+		function q(e) {
 			if (!i.imageInfo || !p.value) return;
 			let t = e.clientX, n = e.clientY, r = p.value, o = !1, s = (e) => {
 				let s = e.clientX - t, l = e.clientY - n;
-				if (!(!o && Math.sqrt(s * s + l * l) < Nr)) {
+				if (!(!o && Math.sqrt(s * s + l * l) < Ir)) {
 					if (!o) {
-						o = !0, c.value = !0, a("interact-start"), q = document.createElement("div"), q.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
+						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;
-						q.style.width = `${r.width * e}px`, q.style.height = `${r.height * e}px`, document.body.appendChild(q);
+						K.style.width = `${r.width * e}px`, K.style.height = `${r.height * e}px`, document.body.appendChild(K);
 					}
-					if (q) {
+					if (K) {
 						let t = i.zoom;
-						q.style.left = `${e.clientX - r.width * t / 2}px`, q.style.top = `${e.clientY - r.height * t / 2}px`;
+						K.style.left = `${e.clientX - r.width * t / 2}px`, K.style.top = `${e.clientY - r.height * t / 2}px`;
 					}
 				}
 			}, l = (e) => {
-				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, S = null, q &&= (q.remove(), null), c.value = !1, o && (a("interact-end"), _e(e.clientX, e.clientY));
+				document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", l), x = null, ee = null, K &&= (K.remove(), null), c.value = !1, o && (a("interact-end"), Y(e.clientX, e.clientY));
 			};
-			x = s, S = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
+			x = s, ee = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
 		}
-		function _e(e, t) {
+		function Y(e, t) {
 			let n = i.view, r = i.imageInfo;
 			if (!n || !r) return;
-			let a = C(n, r.pmPos);
+			let a = S(n, r.pmPos);
 			if (a) {
-				if (nt(a)) {
+				if (rt(a)) {
 					let a = (o.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
 					if (!a || a.length === 0) return;
 					let s = null;
@@ -1069,62 +1079,62 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 						s = e ? e.querySelector(".layout-page-content") : null;
 					}
 					if (!s) return;
-					let c = s.getBoundingClientRect(), l = i.zoom, u = He((e - c.left) / l), d = He((t - c.top) / l), f = $e(n, r.pmPos, u, d);
+					let c = s.getBoundingClientRect(), l = i.zoom, u = Ue((e - c.left) / l), d = Ue((t - c.top) / l), f = et(n, r.pmPos, u, d);
 					f !== null && ve(f);
 				} else {
-					let i = te();
+					let i = ne();
 					if (!i) return;
-					let a = Ze(i, e, t, 1);
+					let a = Qe(i, e, t, 1);
 					if (a == null || a < 0) return;
-					let o = et(n, r.pmPos, a);
+					let o = tt(n, r.pmPos, a);
 					o !== null && ve(o);
 				}
-				I(() => w());
+				I(() => C());
 			}
 		}
 		function ve(e) {
 			let t = i.view;
 			if (t) try {
-				let n = Be.create(t.state.doc, e);
+				let n = Ve.create(t.state.doc, e);
 				t.dispatch(t.state.tr.setSelection(n));
 			} catch {}
 		}
 		return fe(() => {
-			document.removeEventListener("mousemove", ce), document.removeEventListener("mouseup", le), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", ge), x && document.removeEventListener("mousemove", x), S && document.removeEventListener("mouseup", S), q &&= (q.remove(), null), b && cancelAnimationFrame(b), ie?.();
-		}), (t, r) => e.imageInfo ? (z(), j("div", {
+			document.removeEventListener("mousemove", le), document.removeEventListener("mouseup", ue), document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", _e), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), K &&= (K.remove(), null), b && cancelAnimationFrame(b), ae?.();
+		}), (t, n) => e.imageInfo ? (z(), A("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
 			ref: o,
 			class: "image-overlay",
-			style: R(oe.value),
-			onMousedown: r[3] ||= Y(() => {}, ["stop"])
+			style: R(se.value),
+			onMousedown: n[3] ||= J(() => {}, ["stop"])
 		}, [
-			r[4] ||= M("div", { class: "image-overlay__border" }, null, -1),
-			M("div", {
+			n[4] ||= j("div", { class: "image-overlay__border" }, null, -1),
+			j("div", {
 				class: "image-overlay__body",
 				style: R({ cursor: c.value ? "grabbing" : "grab" }),
-				onMousedown: r[0] ||= Y((e) => J(e), ["prevent", "stop"]),
-				onContextmenu: r[1] ||= Y((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+				onMousedown: n[0] ||= J((e) => q(e), ["prevent", "stop"]),
+				onContextmenu: n[1] ||= J((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(z(!0), j(E, null, V(k.value, (e) => (z(), j("div", {
+			(z(!0), A(T, null, V(O.value, (e) => (z(), A("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
 				style: R(e.style),
 				"data-handle": e.pos,
-				onMousedown: Y((t) => se(t, e.pos), ["prevent", "stop"])
-			}, null, 44, kr))), 128)),
-			r[5] ||= M("div", { class: "image-overlay__rotate-line" }, null, -1),
-			M("div", {
+				onMousedown: J((t) => ce(t, e.pos), ["prevent", "stop"])
+			}, null, 44, Mr))), 128)),
+			n[5] ||= j("div", { class: "image-overlay__rotate-line" }, null, -1),
+			j("div", {
 				class: "image-overlay__rotate-handle",
-				style: R({ left: `${T.value / 2 - 7}px` }),
-				title: W(n)("imageOverlay.rotate"),
-				onMousedown: r[2] ||= Y((e) => he(e), ["prevent", "stop"])
-			}, null, 44, Ar),
-			s.value ? (z(), j("div", jr, U(Math.round(u.value)) + " × " + U(Math.round(d.value)), 1)) : A("", !0),
-			l.value ? (z(), j("div", Mr, U(Math.round(f.value)) + "° ", 1)) : A("", !0)
-		], 36)) : A("", !0);
-	}
-}), [["__scopeId", "data-v-f24116b0"]]), Rr = ["title", "aria-label"], zr = /* @__PURE__ */ P({
+				style: R({ left: `${w.value / 2 - 7}px` }),
+				title: U(r)("imageOverlay.rotate"),
+				onMousedown: n[2] ||= J((e) => ge(e), ["prevent", "stop"])
+			}, null, 44, Nr),
+			s.value ? (z(), A("div", Pr, H(Math.round(u.value)) + " × " + H(Math.round(d.value)), 1)) : k("", !0),
+			l.value ? (z(), A("div", Fr, H(Math.round(f.value)) + "° ", 1)) : k("", !0)
+		], 36)) : k("", !0);
+	}
+}), [["__scopeId", "data-v-4741c675"]]), Vr = ["title", "aria-label"], Hr = /* @__PURE__ */ N({
 	__name: "OutlineToggleButton",
 	props: {
 		leftOffset: {},
@@ -1132,24 +1142,24 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 	},
 	emits: ["toggle"],
 	setup(e) {
-		let { t } = r();
-		return (n, r) => (z(), j("button", {
+		let { t: r } = t();
+		return (t, i) => (z(), A("button", {
 			type: "button",
 			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
 			style: R({
 				left: e.leftOffset + "px",
 				top: e.topPx + "px"
 			}),
-			title: W(t)("editor.showDocumentOutline"),
-			"aria-label": W(t)("editor.showDocumentOutline"),
-			onClick: r[0] ||= (e) => n.$emit("toggle"),
-			onMousedown: r[1] ||= Y(() => {}, ["stop"])
-		}, [N(p, {
+			title: U(r)("editor.showDocumentOutline"),
+			"aria-label": U(r)("editor.showDocumentOutline"),
+			onClick: i[0] ||= (e) => t.$emit("toggle"),
+			onMousedown: i[1] ||= J(() => {}, ["stop"])
+		}, [M(n, {
 			name: "format_list_bulleted",
 			size: 20
-		})], 44, Rr));
+		})], 44, Vr));
 	}
-}), Br = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}), Ur = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -1157,18 +1167,18 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		visible: { type: Boolean }
 	},
 	setup(e) {
-		let { t } = r();
-		return (n, r) => (z(), j("div", {
+		let { t: n } = t();
+		return (t, r) => (z(), A("div", {
 			class: "docx-editor-vue__page-indicator",
 			style: R({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, U(W(t)("viewer.pageIndicator", {
+		}, H(U(n)("viewer.pageIndicator", {
 			current: e.currentPage,
 			total: e.totalPages
 		})), 5));
 	}
-}), [["__scopeId", "data-v-21d010d4"]]), Vr = ["data-folio-block-id"], Hr = ["data-folio-block-id", "title"], Ur = 2.5, Wr = 5, Gr = 6, Kr = 2, qr = 2, Jr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}), [["__scopeId", "data-v-877b9ee2"]]), Wr = ["data-folio-block-id"], Gr = ["data-folio-block-id", "title"], Kr = 2.5, qr = 5, Jr = 6, Yr = 2, Xr = 2, Zr = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "TemplateDirectivesOverlay",
 	props: {
 		getView: { type: Function },
@@ -1182,19 +1192,19 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 	setup(e) {
 		let t = e, n = new Set(["if", "each"]), r = new Set(["endif", "endeach"]), i = (e) => e === "each" ? "each" : "if";
 		function a(e) {
-			let t = e - Gr - Ur - Kr;
-			return t <= 0 ? 0 : Math.floor(t / Wr);
+			let t = e - Jr - Kr - Yr;
+			return t <= 0 ? 0 : Math.floor(t / qr);
 		}
 		function o(e, t, n) {
 			let r = a(n), i = Math.min(Math.max(0, e), r);
-			return t - Gr - Ur - (r - i) * Wr;
+			return t - Jr - Kr - (r - i) * qr;
 		}
 		function s(e, t) {
-			if (t.length === 0) return e.bottom - e.top >= qr ? [e] : [];
+			if (t.length === 0) return e.bottom - e.top >= Xr ? [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 >= qr && n.push({
+				i - t >= Xr && n.push({
 					top: t,
 					bottom: i
 				});
@@ -1271,12 +1281,12 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
 			}
-			let a = ot(i);
+			let a = st(i);
 			if (a.length === 0) {
 				f.value = [], p.value = [], m.value = null, h.value = null;
 				return;
 			}
-			let o = Me(r, t.zoom), s = await Ne(a, {
+			let o = Ne(r, t.zoom), s = await Pe(a, {
 				pagesContainer: r,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -1285,85 +1295,85 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 			});
 			e === _ && (f.value = a, h.value = i.selection.head, m.value = o, p.value = s);
 		}
-		K(() => [
+		G(() => [
 			t.editorState,
 			t.zoom,
 			t.layout,
 			t.blocks,
 			t.measures
 		], () => y());
-		let x = O(() => c(f.value)), S = O(() => m.value ? d(x.value, p.value, m.value) : []), C = O(() => {
+		let x = D(() => c(f.value)), ee = D(() => m.value ? d(x.value, p.value, m.value) : []), S = D(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of x.value) e.set(t.openerFrom, t.blockId), e.set(t.closerFrom, t.blockId);
 			return e;
-		}), ee = O(() => {
+		}), te = D(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of x.value) e.set(t.closerFrom, l(t.kind, t.openerExpr));
 			return e;
-		}), te = O(() => u(x.value, h.value));
-		function ne(e) {
-			return e === g.value || e === te.value;
-		}
+		}), ne = D(() => u(x.value, h.value));
 		function re(e) {
-			return e.block && (n.has(e.kind) || r.has(e.kind));
-		}
-		function w(e) {
-			return e.block ? C.value.get(e.from) : void 0;
+			return e === g.value || e === ne.value;
 		}
 		function ie(e) {
-			return e.block ? ee.value.get(e.from) : void 0;
+			return e.block && (n.has(e.kind) || r.has(e.kind));
+		}
+		function C(e) {
+			return e.block ? S.value.get(e.from) : void 0;
 		}
 		function ae(e) {
-			let t = w(e), n = t !== void 0 && ne(t);
+			return e.block ? te.value.get(e.from) : void 0;
+		}
+		function oe(e) {
+			let t = C(e), n = t !== void 0 && re(t);
 			return [
 				"folio-template-directive",
 				`folio-template-directive--${e.kind}`,
-				{ "folio-template-directive--block": re(e) },
+				{ "folio-template-directive--block": ie(e) },
 				{ "folio-template-directive--active": n }
 			];
 		}
-		function T(e) {
+		function w(e) {
 			if (!(e instanceof HTMLElement)) return null;
 			let t = e.dataset.folioBlockId;
 			return t === void 0 ? null : Number(t);
 		}
-		function D(e) {
-			let t = T(e.target);
+		function E(e) {
+			let t = w(e.target);
 			t !== null && (g.value = t);
 		}
-		function oe(e) {
-			let t = T(e.target);
+		function se(e) {
+			let t = w(e.target);
 			if (t === null) return;
-			let n = T(e.relatedTarget);
+			let n = w(e.relatedTarget);
 			n !== t && g.value === t && (g.value = n);
 		}
 		return pe(() => y()), fe(() => {
 			v !== null && (cancelAnimationFrame(v), v = null);
-		}), (t, n) => (z(), j("div", {
+		}), (t, n) => (z(), A("div", {
 			class: "folio-template-directives-overlay",
 			"data-folio-template-directives-overlay": "",
-			onPointerover: D,
-			onPointerout: oe
-		}, [(z(!0), j(E, null, V(S.value, (t) => (z(), j(E, { key: `rail:${t.blockId}` }, [(z(!0), j(E, null, V(t.segments, (n, r) => (z(), j("div", {
+			onPointerover: E,
+			onPointerout: se
+		}, [(z(!0), A(T, null, V(ee.value, (t) => (z(), A(T, { key: `rail:${t.blockId}` }, [(z(!0), A(T, null, V(t.segments, (n, r) => (z(), A("div", {
 			key: `rail:${t.blockId}:${r}`,
 			class: L([
 				"folio-template-band-rail",
 				`folio-template-band-rail--${t.kind}`,
-				{ "folio-template-band-rail--active": ne(t.blockId) }
+				{ "folio-template-band-rail--active": re(t.blockId) }
 			]),
 			"data-folio-block-id": t.blockId,
 			style: R({
 				position: "absolute",
 				left: `${t.railX * e.zoom}px`,
 				top: `${n.top * e.zoom}px`,
-				width: `${Ur * e.zoom}px`,
+				width: `${Kr * e.zoom}px`,
 				height: `${Math.max(0, n.bottom - n.top) * e.zoom}px`
 			})
-		}, null, 14, Vr))), 128))], 64))), 128)), (z(!0), j(E, null, V(p.value, (t, n) => (z(), j(E, { key: `d:${n}` }, [(z(!0), j(E, null, V(t.rects, (r, i) => (z(), j("span", {
+		}, null, 14, Wr))), 128))], 64))), 128)), (z(!0), A(T, null, V(p.value, (t, n) => (z(), A(T, { key: `d:${n}` }, [(z(!0), A(T, null, V(t.rects, (r, i) => (z(), A("span", {
 			key: `d:${n}:${i}`,
-			class: L(ae(t.range)),
-			"data-folio-block-id": w(t.range),
-			title: ie(t.range),
+			class: L(oe(t.range)),
+			"data-folio-block-id": C(t.range),
+			title: ae(t.range),
 			style: R({
 				position: "absolute",
 				left: `${(r.x - 1) * e.zoom}px`,
@@ -1371,9 +1381,9 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				width: `${(r.width + 2) * e.zoom}px`,
 				height: `${Math.max(0, r.height - 2) * e.zoom}px`
 			})
-		}, null, 14, Hr))), 128))], 64))), 128))], 32));
+		}, null, 14, Gr))), 128))], 64))), 128))], 32));
 	}
-}), [["__scopeId", "data-v-142d2ac6"]]), Yr = ["href", "title"], Xr = ["title"], Zr = ["title"], Qr = ["title"], $r = { class: "docx-hyperlink-popup__edit-row" }, ei = ["placeholder", "onKeydown"], ti = { class: "docx-hyperlink-popup__edit-row" }, ni = ["onKeydown"], ri = ["disabled"], ii = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}), [["__scopeId", "data-v-142d2ac6"]]), Qr = ["href", "title"], $r = ["title"], ei = ["title"], ti = ["title"], ni = { class: "docx-hyperlink-popup__edit-row" }, ri = ["placeholder", "onKeydown"], ii = { class: "docx-hyperlink-popup__edit-row" }, ai = ["onKeydown"], oi = ["disabled"], si = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1386,19 +1396,19 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		"remove",
 		"close"
 	],
-	setup(e, { emit: t }) {
-		let { t: n } = r(), i = e, a = t, o = B(!1), s = B(""), c = B(""), l = B(null), u = O(() => ({
+	setup(e, { emit: n }) {
+		let { t: r } = t(), i = e, a = n, o = B(!1), s = B(""), c = B(""), l = B(null), u = D(() => ({
 			left: (i.data?.position.left ?? 0) + "px",
 			top: (i.data?.position.top ?? 0) + "px"
 		}));
-		K(() => i.data?.href, () => {
+		G(() => i.data?.href, () => {
 			o.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		K(() => i.data, (e) => {
+		G(() => i.data, (e) => {
 			p(), e && (d = (e) => {
 				let t = l.value, n = e.target;
 				t && n instanceof Node && !t.contains(n) && a("close");
@@ -1415,41 +1425,41 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		function g() {
 			i.data && (a("copy", i.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(i.data.href).catch(() => {}));
 		}
-		return (t, r) => e.data ? (z(), j("div", {
+		return (t, n) => e.data ? (z(), A("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
 			class: L(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
 			style: R(u.value),
-			onMousedown: r[6] ||= Y(() => {}, ["stop"])
-		}, [o.value ? (z(), j(E, { key: 1 }, [M("div", $r, [q(M("input", {
+			onMousedown: n[6] ||= J(() => {}, ["stop"])
+		}, [o.value ? (z(), A(T, { key: 1 }, [j("div", ni, [K(j("input", {
 			class: "docx-hyperlink-popup__input",
-			placeholder: W(n)("displayText"),
-			"onUpdate:modelValue": r[2] ||= (e) => s.value = e,
-			onKeydown: [J(Y(h, ["prevent"]), ["enter"]), r[3] ||= J((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, ei), [[G, s.value]])]), M("div", ti, [q(M("input", {
+			placeholder: U(r)("displayText"),
+			"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
+			onKeydown: [q(J(h, ["prevent"]), ["enter"]), n[3] ||= q((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, ri), [[W, s.value]])]), j("div", ii, [K(j("input", {
 			class: "docx-hyperlink-popup__input",
 			placeholder: "https://...",
-			"onUpdate:modelValue": r[4] ||= (e) => c.value = e,
-			onKeydown: [J(Y(h, ["prevent"]), ["enter"]), r[5] ||= J((e) => t.$emit("close"), ["esc"])]
-		}, null, 40, ni), [[G, c.value]]), M("button", {
+			"onUpdate:modelValue": n[4] ||= (e) => c.value = e,
+			onKeydown: [q(J(h, ["prevent"]), ["enter"]), n[5] ||= q((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, ai), [[W, c.value]]), j("button", {
 			class: "docx-hyperlink-popup__apply",
 			disabled: !c.value.trim(),
-			onClick: Y(h, ["prevent"])
-		}, U(W(n)("common.apply")), 9, ri)])], 64)) : (z(), j(E, { key: 0 }, [
-			r[10] ||= ce("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-7f0cecdf><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-7f0cecdf><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-7f0cecdf></circle><path d=\"M2 12h20\" data-v-7f0cecdf></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-7f0cecdf></path></svg></span>", 1),
-			M("a", {
+			onClick: J(h, ["prevent"])
+		}, H(U(r)("common.apply")), 9, oi)])], 64)) : (z(), A(T, { key: 0 }, [
+			n[10] ||= le("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-8bc31a34><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-8bc31a34><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-8bc31a34></circle><path d=\"M2 12h20\" data-v-8bc31a34></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-8bc31a34></path></svg></span>", 1),
+			j("a", {
 				class: "docx-hyperlink-popup__url",
 				href: e.data.href,
 				title: e.data.href,
-				onClick: r[0] ||= Y((n) => t.$emit("navigate", e.data.href), ["prevent"])
-			}, U(e.data.href), 9, Yr),
-			r[11] ||= M("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
-			M("button", {
+				onClick: n[0] ||= J((n) => t.$emit("navigate", e.data.href), ["prevent"])
+			}, H(e.data.href), 9, Qr),
+			n[11] ||= j("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			j("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("copyLink"),
-				onClick: Y(g, ["prevent"])
-			}, [...r[7] ||= [M("svg", {
+				title: U(r)("copyLink"),
+				onClick: J(g, ["prevent"])
+			}, [...n[7] ||= [j("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1458,20 +1468,20 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [M("rect", {
+			}, [j("rect", {
 				x: "9",
 				y: "9",
 				width: "13",
 				height: "13",
 				rx: "2",
 				ry: "2"
-			}), M("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, Xr),
-			e.readOnly ? A("", !0) : (z(), j("button", {
+			}), j("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, $r),
+			e.readOnly ? k("", !0) : (z(), A("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("editLink"),
-				onClick: Y(m, ["prevent"])
-			}, [...r[8] ||= [M("svg", {
+				title: U(r)("editLink"),
+				onClick: J(m, ["prevent"])
+			}, [...n[8] ||= [j("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1480,43 +1490,43 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [M("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), M("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, Zr)),
-			e.readOnly ? A("", !0) : (z(), j("button", {
+			}, [j("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), j("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, ei)),
+			e.readOnly ? k("", !0) : (z(), A("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("removeLink"),
-				onClick: r[1] ||= Y((e) => t.$emit("remove"), ["prevent"])
-			}, [...r[9] ||= [ce("<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-7f0cecdf><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-7f0cecdf></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-7f0cecdf></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-7f0cecdf></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-7f0cecdf></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-7f0cecdf></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-7f0cecdf></line></svg>", 1)]], 8, Qr))
-		], 64))], 38)) : A("", !0);
+				title: U(r)("removeLink"),
+				onClick: n[1] ||= J((e) => t.$emit("remove"), ["prevent"])
+			}, [...n[9] ||= [le("<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-8bc31a34><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-8bc31a34></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-8bc31a34></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-8bc31a34></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-8bc31a34></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-8bc31a34></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-8bc31a34></line></svg>", 1)]], 8, ti))
+		], 64))], 38)) : k("", !0);
 	}
-}), [["__scopeId", "data-v-7f0cecdf"]]);
+}), [["__scopeId", "data-v-8bc31a34"]]);
 //#endregion
 //#region src/composables/commentMarks.ts
-function ai(e, t) {
+function ci(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 oi({ docSize: e, capturedRange: t, currentRange: n, savedRange: r }) {
+function li({ 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 ? ai(e, i) : null;
+	return i ? ci(e, i) : null;
 }
-function si(e, t, n, r) {
-	let i = e.state.schema.marks.comment, a = ai(e.state.doc.content.size, t);
+function ui(e, t, n, r) {
+	let i = e.state.schema.marks.comment, a = ci(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: ut }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(Z.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
+	return r?.replacePending && (o = o.removeMark(a.from, a.to, i.create({ commentId: dt }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(He.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
 }
-function ci(e, t) {
-	let n = e.state.schema.marks.comment, r = ai(e.state.doc.content.size, t);
-	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: ut })));
+function di(e, t) {
+	let n = e.state.schema.marks.comment, r = ci(e.state.doc.content.size, t);
+	!n || !r || e.dispatch(e.state.tr.removeMark(r.from, r.to, n.create({ commentId: dt })));
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-var li = 408, ui = 12;
-function di(e) {
+var fi = 408, pi = 12;
+function mi(e) {
 	let t = B(!1), n = B(null), r = B(null), i = B(null), a = B(null);
 	function o(t) {
 		let n = e.editorView.value, r = e.pagesContainer.value;
@@ -1549,7 +1559,7 @@ function di(e) {
 			r.value = null;
 			return;
 		}
-		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + ui : l.width / 2 + li;
+		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + pi : l.width / 2 + fi;
 		r.value = {
 			top: c.top - l.top,
 			left: Math.max(16, Math.min(d, l.width - 16)),
@@ -1560,7 +1570,7 @@ function di(e) {
 	function c() {
 		let s = e.editorView.value;
 		if (!s) return;
-		let c = r.value, l = s.state.selection, u = oi({
+		let c = r.value, l = s.state.selection, u = li({
 			docSize: s.state.doc.content.size,
 			capturedRange: c ? {
 				from: c.from,
@@ -1579,7 +1589,7 @@ function di(e) {
 			r.value = null;
 			return;
 		}
-		if (!si(s, u, ut, { selectEnd: !0 })) {
+		if (!ui(s, u, dt, { selectEnd: !0 })) {
 			r.value = null, i.value = null;
 			return;
 		}
@@ -1592,11 +1602,11 @@ function di(e) {
 		let n = e.editorView.value, r = i.value;
 		if (!n || !r) return !1;
 		let a = e.createComment(t);
-		return si(n, r, a.id, { replacePending: !0 }) ? (e.pushComment(a), e.reLayout(), e.setActiveSidebarItem(`comment-${a.id}`), l(), !0) : !1;
+		return ui(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 && ci(t, i.value), l();
+		t && i.value && di(t, i.value), l();
 	}
 	return {
 		isAddingComment: t,
@@ -1610,15 +1620,15 @@ function di(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function fi(e) {
-	let t = dt(), n = B([]), r = B(!1);
+function hi(e) {
+	let t = ft(), n = B([]), r = B(!1);
 	function i() {
 		r.value = !0;
 	}
 	function a() {
 		r.value = !1;
 	}
-	let o = O(() => e.commentsProp() !== void 0), s = O(() => o.value ? e.commentsProp() ?? [] : n.value);
+	let o = D(() => e.commentsProp() !== void 0), s = D(() => o.value ? e.commentsProp() ?? [] : n.value);
 	function c(t) {
 		o.value || (n.value = t), e.onCommentsChange(t);
 	}
@@ -1626,12 +1636,12 @@ function fi(e) {
 		i(), c([...s.value, e]);
 	}
 	function u(n, r) {
-		return ft(t, s.value, e.editorView.value), pt(t, n, e.author(), r);
+		return pt(t, s.value, e.editorView.value), mt(t, n, e.author(), r);
 	}
 	function d() {
 		if (a(), o.value) return;
 		let n = e.getDocument()?.package.document.comments;
-		ft(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
+		pt(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
 	}
 	function f(e, t) {
 		l(u(t, e));
@@ -1657,8 +1667,8 @@ function fi(e) {
 	function _(t, n) {
 		let r = e.editorView.value;
 		if (!r) return;
-		let i = mt(r, t);
-		i && (n ? gt : yt)(i.from, i.to)(r.state, r.dispatch);
+		let i = ht(r, t);
+		i && (n ? _t : bt)(i.from, i.to)(r.state, r.dispatch);
 	}
 	function v(e) {
 		_(e, !0);
@@ -1668,15 +1678,15 @@ function fi(e) {
 	}
 	function b(t, n) {
 		let r = e.editorView.value;
-		r && gt(t, n)(r.state, r.dispatch);
+		r && _t(t, n)(r.state, r.dispatch);
 	}
 	function x(t, n) {
 		let r = e.editorView.value;
-		r && yt(t, n)(r.state, r.dispatch);
+		r && bt(t, n)(r.state, r.dispatch);
 	}
 	return {
 		comments: s,
-		commentsDirty: O(() => r.value),
+		commentsDirty: D(() => r.value),
 		clearCommentsDirty: a,
 		createComment: u,
 		pushComment: l,
@@ -1695,8 +1705,8 @@ function fi(e) {
 }
 //#endregion
 //#region src/utils/imageClipboard.ts
-function pi(e, t, n) {
-	let r = bt(e.state), i = e.state.schema.marks.insertion;
+function gi(e, t, n) {
+	let r = xt(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({
@@ -1705,7 +1715,7 @@ function pi(e, t, n) {
 		date: r.date
 	}));
 }
-function mi(e, t) {
+function _i(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = n.attrs.src;
@@ -1719,7 +1729,7 @@ function mi(e, t) {
 		e.value = i, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 	});
 }
-function hi(e) {
+function vi(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => {
@@ -1727,7 +1737,7 @@ function hi(e) {
 		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
 	});
 }
-function gi(e) {
+function yi(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -1739,7 +1749,7 @@ function gi(e) {
 		}), n.src = e;
 	});
 }
-function _i(e, t, n, r) {
+function bi(e, t, n, r) {
 	let i = e.state.schema.nodes.image;
 	if (!i) return;
 	let a = i.create({
@@ -1750,23 +1760,23 @@ function _i(e, t, n, r) {
 		wrapType: "inline",
 		displayMode: "inline"
 	}), o = e.state.tr.replaceSelectionWith(a);
-	pi(e, o, a), e.dispatch(o);
+	gi(e, o, a), e.dispatch(o);
 }
-async function vi(e) {
+async function xi(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 hi(await n.getType(t)), i = await gi(r), a = i.width, o = i.height;
-				a > 612 && (o = Math.round(612 / a * o), a = 612), _i(e, r, a, o);
+				let r = await vi(await n.getType(t)), i = await yi(r), a = i.width, o = i.height;
+				a > 612 && (o = Math.round(612 / a * o), a = 612), bi(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;
-					_i(e, r, a || 200, o || 200);
+					bi(e, r, a || 200, o || 200);
 					return;
 				}
 			}
@@ -1787,14 +1797,14 @@ async function vi(e) {
 		}
 	}
 }
-function yi(e, t) {
+function Si(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 hi(i), o = await gi(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 vi(i), o = await yi(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,
@@ -1809,7 +1819,7 @@ function yi(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-var bi = new Set([
+var Ci = new Set([
 	"inline",
 	"square",
 	"tight",
@@ -1818,17 +1828,17 @@ var bi = new Set([
 	"behind",
 	"inFront"
 ]);
-function xi(e) {
-	return typeof e == "string" && bi.has(e);
+function wi(e) {
+	return typeof e == "string" && Ci.has(e);
 }
-function Si(e) {
-	return xi(e) ? e : "inline";
+function Ti(e) {
+	return wi(e) ? e : "inline";
 }
-function Ci(e) {
+function Ei(e) {
 	return e === "left" || e === "right" || e === "none" ? e : null;
 }
-function wi(e) {
-	let { t } = r(), n = B({
+function Di(e) {
+	let { t: n } = t(), r = B({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -1842,34 +1852,34 @@ function wi(e) {
 	}), i = B(null), a = B({
 		from: 0,
 		to: 0
-	}), o = O(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), s = O(() => [
+	}), o = D(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || r.value.hasSelection)), s = D(() => [
 		{
 			action: "cut",
-			label: t("contextMenu.cut"),
-			shortcut: t("contextMenu.cutShortcut")
+			label: n("contextMenu.cut"),
+			shortcut: n("contextMenu.cutShortcut")
 		},
 		{
 			action: "copy",
-			label: t("contextMenu.copy"),
-			shortcut: t("contextMenu.copyShortcut")
+			label: n("contextMenu.copy"),
+			shortcut: n("contextMenu.copyShortcut")
 		},
 		{
 			action: "paste",
-			label: t("contextMenu.paste"),
-			shortcut: t("contextMenu.pasteShortcut"),
+			label: n("contextMenu.paste"),
+			shortcut: n("contextMenu.pasteShortcut"),
 			dividerAfter: !0
 		},
 		{
 			action: "delete",
-			label: t("contextMenu.delete"),
-			shortcut: t("contextMenu.deleteShortcut")
+			label: n("contextMenu.delete"),
+			shortcut: n("contextMenu.deleteShortcut")
 		}
 	]);
 	function c(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
 	}
 	function l(t, n, r, i, a) {
-		let o = i === "inline" ? We(t, e.zoom.value) : void 0;
+		let o = i === "inline" ? Ge(t, e.zoom.value) : void 0;
 		return {
 			open: !0,
 			position: r,
@@ -1880,15 +1890,15 @@ function wi(e) {
 		};
 	}
 	function u(t) {
-		let r = e.editorView.value;
-		if (!r) return;
-		let o = Ke(t.target);
+		let n = e.editorView.value;
+		if (!n) return;
+		let o = qe(t.target);
 		if (o) {
 			let a = Number(o.dataset.pmStart);
 			if (!Number.isNaN(a)) {
 				try {
-					let e = Be.create(r.state.doc, a);
-					r.dispatch(r.state.tr.setSelection(e));
+					let e = Ve.create(n.state.doc, a);
+					n.dispatch(n.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
 					element: o,
@@ -1896,27 +1906,27 @@ function wi(e) {
 					width: o.offsetWidth,
 					height: o.offsetHeight
 				}, e.clearOverlay();
-				let s = r.state.doc.nodeAt(a);
+				let s = n.state.doc.nodeAt(a);
 				if (s && s.type.name === "image") {
 					i.value = l(o, a, {
 						x: t.clientX,
 						y: t.clientY
-					}, Si(s.attrs.wrapType), Ci(s.attrs.cssFloat)), n.value.isOpen = !1;
+					}, Ti(s.attrs.wrapType), Ei(s.attrs.cssFloat)), r.value.isOpen = !1;
 					return;
 				}
 			}
 		}
 		{
-			let { from: n, to: i } = r.state.selection, a = e.resolvePos(t.clientX, t.clientY);
-			if (a !== null && (a < n || a > i)) try {
+			let { from: r, to: i } = n.state.selection, a = e.resolvePos(t.clientX, t.clientY);
+			if (a !== null && (a < r || a > i)) try {
 				e.setPmSelection(a);
 			} catch {}
 		}
-		let s = lt(r.state), { empty: c, from: u, to: d } = r.state.selection;
+		let s = ut(n.state), { empty: c, from: u, to: d } = n.state.selection;
 		a.value = {
 			from: u,
 			to: d
-		}, i.value &&= null, n.value = {
+		}, i.value &&= null, r.value = {
 			isOpen: !0,
 			position: {
 				x: t.clientX,
@@ -1930,13 +1940,13 @@ function wi(e) {
 		};
 	}
 	function d(t) {
-		let r = e.editorView.value, a = e.selectedImage.value;
-		if (!r || !a) return;
-		let o = r.state.doc.nodeAt(a.pmPos);
+		let n = e.editorView.value, a = e.selectedImage.value;
+		if (!n || !a) return;
+		let o = n.state.doc.nodeAt(a.pmPos);
 		!o || o.type.name !== "image" || (i.value = l(a.element, a.pmPos, {
 			x: t.clientX,
 			y: t.clientY
-		}, Si(o.attrs.wrapType), Ci(o.attrs.cssFloat)), n.value.isOpen = !1);
+		}, Ti(o.attrs.wrapType), Ei(o.attrs.cssFloat)), r.value.isOpen = !1);
 	}
 	function f(t) {
 		let n = e.editorView.value, r = i.value;
@@ -1960,16 +1970,16 @@ function wi(e) {
 			case "cut":
 				if (e.selectedImage.value) {
 					let t = e.selectedImage.value.pmPos;
-					mi(n, t);
+					_i(n, t);
 					let r = n.state.doc.nodeAt(t);
 					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
 				} else n.focus(), document.execCommand("cut");
 				break;
 			case "copy":
-				e.selectedImage.value ? mi(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
+				e.selectedImage.value ? _i(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
 				break;
 			case "paste":
-				vi(n);
+				xi(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -1982,7 +1992,7 @@ function wi(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = Ve.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = Z.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -1990,7 +2000,7 @@ function wi(e) {
 				e.selectedImage.value && (e.showImageProperties.value = !0);
 				break;
 			case "replaceImage":
-				e.selectedImage.value && yi(n, e.selectedImage.value.pmPos);
+				e.selectedImage.value && Si(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2016,7 +2026,7 @@ function wi(e) {
 		n.focus();
 	}
 	return {
-		contextMenu: n,
+		contextMenu: r,
 		imageContextMenu: i,
 		imageContextMenuTextActions: s,
 		customTextMenuItems: o,
@@ -2028,16 +2038,16 @@ function wi(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function Ti(e) {
+function Oi(e) {
 	async function t(t) {
 		e.sidebarAutoOpenedRef.value = !1, await e.loadDocumentBuffer(t);
 	}
 	function n(t) {
 		e.sidebarAutoOpenedRef.value = !1, e.loadDocument(t);
 	}
-	K(e.documentBuffer, (e) => {
+	G(e.documentBuffer, (e) => {
 		e && t(e);
-	}), K(e.document, (e) => {
+	}), G(e.document, (e) => {
 		e && n(e);
 	}), pe(async () => {
 		await I();
@@ -2047,32 +2057,42 @@ function Ti(e) {
 }
 //#endregion
 //#region src/utils/aiEditRange.ts
-var Ei = ({ blockId: e, doc: t, snapshot: n }) => {
-	let r = Kt(e);
+var ki = ({ blockId: e, doc: t, snapshot: n }) => {
+	let r = Yt(e);
 	if (r !== null) {
-		let e = Ut(t, r);
+		let e = Kt(t, r);
 		if (e !== null) return {
 			from: e.from,
 			to: e.to
 		};
 	}
-	let i = n ?? Ht(t), a = i.anchors[e] ?? Di(e, i);
-	return a ? Oi(t.content.size, a) : null;
-}, Di = (e, t) => {
-	let n = qt(e);
+	let i = n ?? Gt(t), a = i.anchors[e] ?? Ai(e, i);
+	return a ? ji(t.content.size, a) : null;
+}, Ai = (e, t) => {
+	let n = Xt(e);
 	if (n === null) return;
 	let r = t.blocks.at(n - 1);
 	return r ? t.anchors[r.id] : void 0;
 };
-function Oi(e, t) {
+function ji(e, t) {
 	return {
 		from: Math.min(Math.max(t.from, 0), e),
 		to: Math.min(Math.max(t.to, 0), e)
 	};
 }
 //#endregion
+//#region src/utils/pageText.ts
+var Mi = (e, t, n) => {
+	if (!e || !Number.isInteger(n) || n < 1) return null;
+	let r = e.pages[n - 1];
+	if (!r) return null;
+	let i = [];
+	for (let e of r.fragments) typeof e.pmStart != "number" || typeof e.pmEnd != "number" || i.push(t.textBetween(e.pmStart, e.pmEnd, "\n"));
+	return i.join("\n");
+};
+//#endregion
 //#region src/composables/useDocxEditorRefApi.ts
-function ki(e) {
+function Ni(e) {
 	function t() {
 		e.onPrint?.(), window.print();
 	}
@@ -2085,7 +2105,7 @@ function ki(e) {
 	function r(t, n) {
 		let r = e.pagesRef.value;
 		if (!r) return !1;
-		let i = Ft(r, t), a = i.at(0);
+		let i = Rt(r, t), a = i.at(0);
 		return a ? (a.scrollIntoView({
 			block: "center",
 			behavior: "smooth"
@@ -2094,16 +2114,47 @@ function ki(e) {
 	function i() {
 		return e.zoom.value;
 	}
-	function a() {
+	let a = null;
+	function o() {
+		return a ??= {
+			getEditor: () => e.editor,
+			getDocument: () => e.editor.getDocument(),
+			getState: () => e.editor.getState(),
+			getView: () => e.editor.getView(),
+			getHfView: () => null,
+			ensureView: () => e.editor.ensureView(),
+			focus: () => e.editor.focus(),
+			blur: () => e.editor.blur(),
+			isFocused: () => e.editor.isFocused(),
+			dispatch: (t) => e.editor.dispatch(t),
+			undo: () => e.editor.undo(),
+			redo: () => e.editor.redo(),
+			canUndo: () => e.editor.canUndo(),
+			canRedo: () => e.editor.canRedo(),
+			setSelection: (t, n) => e.editor.setSelection(t, n),
+			getLayout: () => e.editor.getLayout(),
+			relayout: () => e.editor.relayout(),
+			scrollToPosition: (t) => e.scrollVisiblePositionIntoView(t),
+			scrollToPage: l,
+			scrollToParaId: r,
+			getPageNumberForPmPos: (t) => {
+				let n = e.layout.value;
+				if (!n) return null;
+				let r = Lt(n, t);
+				return r == null ? null : r + 1;
+			}
+		}, a;
+	}
+	function s() {
 		return e.layout.value?.pages.length ?? 0;
 	}
-	function o() {
+	function c() {
 		let t = e.layout.value, n = e.editorView.value;
 		if (!t || !n) return 0;
-		let r = Pt(t, n.state.selection.from);
+		let r = Lt(t, n.state.selection.from);
 		return r == null ? 0 : r + 1;
 	}
-	function s(t) {
+	function l(t) {
 		if (!Number.isInteger(t) || t < 1) return;
 		let n = e.pagesViewportRef.value, r = e.pagesRef.value?.querySelector(`[data-page-number="${t}"]`);
 		if (!n || !r) return;
@@ -2116,15 +2167,15 @@ function ki(e) {
 	return { exposed: {
 		getDocument: e.getDocument,
 		hasPendingChanges: () => e.editorView.value ? e.isDirty.value || e.commentsDirty.value : !1,
-		getEditorRef: () => null,
+		getEditorRef: o,
 		getEditor: () => e.editor,
 		save: n,
 		setZoom: e.setZoom,
 		getZoom: i,
 		focus: e.focus,
-		getCurrentPage: o,
-		getTotalPages: a,
-		scrollToPage: s,
+		getCurrentPage: c,
+		getTotalPages: s,
+		scrollToPage: l,
 		scrollToParaId: r,
 		openPrintPreview: () => t(),
 		print: t,
@@ -2133,11 +2184,11 @@ function ki(e) {
 		ensureEditorView: () => e.editor.ensureView(),
 		createAIEditSnapshot: () => {
 			let t = e.editorView.value;
-			return t ? At(t.state.doc) : null;
+			return t ? jt(t.state.doc) : null;
 		},
 		applyAIEditOperations: ({ snapshot: t, operations: n, mode: r = "tracked-changes", author: i = e.author() }) => {
 			let a = e.editorView.value;
-			return a ? Ot({
+			return a ? kt({
 				view: a,
 				snapshot: t,
 				operations: n,
@@ -2154,38 +2205,54 @@ function ki(e) {
 		},
 		acceptAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? ht(t)(n.state, n.dispatch) : !1;
+			return n ? gt(t)(n.state, n.dispatch) : !1;
 		},
 		rejectAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? vt(t)(n.state, n.dispatch) : !1;
+			return n ? yt(t)(n.state, n.dispatch) : !1;
 		},
 		undo: () => e.editor.undo(),
 		redo: () => e.editor.redo(),
 		scrollToAIEditOperation: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = _t(n.state, t);
+			let r = vt(n.state, t);
 			if (!r) return !1;
-			let { from: i, to: a } = Oi(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(Ve.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
+			let { from: i, to: a } = ji(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 = Ei({
+			let i = ki({
 				blockId: t,
 				doc: r.state.doc,
 				snapshot: n
 			});
 			if (i === null) return !1;
 			let { from: a, to: o } = i, s = r.state.doc.resolve(a), c = r.state.doc.resolve(o);
-			return r.dispatch(r.state.tr.setSelection(Ve.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
+			return r.dispatch(r.state.tr.setSelection(Z.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
+		},
+		getTrackedChanges: () => {
+			let t = e.editorView.value;
+			return t ? Pt(t.state.doc) : [];
+		},
+		getCommentAnchors: () => {
+			let t = e.editorView.value;
+			return t ? Nt(t.state.doc) : [];
+		},
+		getSelectionText: () => {
+			let t = e.editorView.value;
+			return t ? ye(t.state) : "";
+		},
+		getPageText: (t) => {
+			let n = e.editorView.value;
+			return n ? Mi(e.layout.value, n.state.doc, t) : null;
 		},
 		getContentControls: (t = {}) => {
 			let n = e.editorView.value;
-			return n ? Lt(n.state.doc, t).map((e) => ({
-				properties: It(e.node),
+			return n ? Bt(n.state.doc, t).map((e) => ({
+				properties: zt(e.node),
 				path: e.path,
 				pmPos: e.pos
 			})) : [];
@@ -2196,57 +2263,57 @@ function ki(e) {
 			let r = $(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(Ve.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
+			return n.dispatch(n.state.tr.setSelection(Z.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		setContentControlContent: (t, n, r = {}) => {
 			let i = e.editorView.value;
 			if (!i) return !1;
-			let a = typeof n == "string" ? zt(i.state, t, n, r) : Vt(i.state, t, n, r);
+			let a = typeof n == "string" ? Ht(i.state, t, n, r) : Wt(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 = Bt(i.state, t, n, r);
+			let a = Ut(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 = Rt(r.state, t, n);
+			let i = Vt(r.state, t, n);
 			return i ? (r.dispatch(i), !0) : !1;
 		}
 	} };
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function Ai(e) {
+function Pi(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
-		e && (ct(e.state, e.dispatch, e), e.focus());
+		e && (lt(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 = _e(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? tn(i.package.numbering) : null };
-			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), Xt(n, t)(r.state, (e) => r.dispatch(e));
-		} else Xt(n)(r.state, (e) => r.dispatch(e));
+			let e = Y(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? an(i.package.numbering) : null };
+			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), $t(n, t)(r.state, (e) => r.dispatch(e));
+		} else $t(n)(r.state, (e) => r.dispatch(e));
 		r.focus();
 	}
 	function i() {
 		let t = e.editorView.value;
-		t && (nn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (on(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function a() {
 		let t = e.editorView.value;
-		t && (an(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (cn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function o() {
 		let t = e.editorView.value;
-		t && (rn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (sn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function s(e) {
 		let n = t();
@@ -2265,7 +2332,7 @@ function Ai(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function ji(e) {
+function Fi(e) {
 	let t = B(null);
 	function n(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
@@ -2296,14 +2363,14 @@ function ji(e) {
 	}
 	function o(n, r) {
 		let i = e.editorView.value;
-		i && (on(i, {
+		i && (ln(i, {
 			displayText: n,
 			href: r
 		}), t.value = null, i.focus());
 	}
 	function s() {
 		let n = e.editorView.value;
-		n && (sn(n, { popupHref: t.value?.href }), t.value = null, n.focus());
+		n && (un(n, { popupHref: t.value?.href }), t.value = null, n.focus());
 	}
 	return {
 		hyperlinkPopupData: t,
@@ -2316,8 +2383,8 @@ function ji(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function Mi(e) {
-	let t = he(null), n = B(!1), r = O(() => {
+function Ii(e) {
+	let t = ge(null), n = B(!1), r = D(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2336,9 +2403,9 @@ function Mi(e) {
 	function a(n) {
 		let r = e.editorView.value, a = t.value;
 		if (!r || !a) return;
-		let o = Je(n);
+		let o = Ye(n);
 		if (!o) return;
-		let s = r.state.doc.nodeAt(a.pmPos)?.attrs.wrapType === "inline" && o !== "inline" ? { initialPositionEmu: We(a.element, e.zoom.value) } : void 0, c = e.getCommands().setImageWrapType;
+		let s = r.state.doc.nodeAt(a.pmPos)?.attrs.wrapType === "inline" && o !== "inline" ? { initialPositionEmu: Ge(a.element, e.zoom.value) } : void 0, c = e.getCommands().setImageWrapType;
 		c && (i(r, c(a.pmPos, o, s)), r.focus());
 	}
 	function o(n) {
@@ -2365,8 +2432,61 @@ function Mi(e) {
 	};
 }
 //#endregion
+//#region src/composables/useKeyboardShortcuts.ts
+function Li(e) {
+	function t(t) {
+		if (t.key === "F1") {
+			t.preventDefault(), e.showKeyboardShortcuts.value = !0;
+			return;
+		}
+		if (e.handleZoomKeyDown(t), t.ctrlKey || t.metaKey) {
+			if (t.key === "o") {
+				if (!e.showFileOpen?.() || !e.onOpenDocument) return;
+				t.preventDefault(), e.onOpenDocument();
+				return;
+			}
+			e.disableFindReplaceShortcuts?.() && (t.key === "f" || t.key === "h") || (t.key === "f" || t.key === "h" ? (t.preventDefault(), e.showFindReplace.value = !0) : t.key === "k" ? (t.preventDefault(), e.showHyperlink.value = !0) : t.key === "/" && (t.preventDefault(), e.showKeyboardShortcuts.value = !e.showKeyboardShortcuts.value));
+		}
+	}
+	return pe(() => window.addEventListener("keydown", t)), fe(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+}
+//#endregion
+//#region src/composables/useOutlineSidebar.ts
+function Ri(e) {
+	function t() {
+		let t = e.editorView.value;
+		t && (e.outlineHeadings.value = dn(t.state.doc));
+	}
+	function n() {
+		e.showOutline.value || t(), e.showOutline.value = !e.showOutline.value;
+	}
+	function r() {
+		e.showOutline.value && t();
+	}
+	function i(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = n.state.doc.resolve(Math.min(t + 1, n.state.doc.content.size)), i = Z.near(r);
+		n.dispatch(n.state.tr.setSelection(i)), e.scrollToVisiblePosition(t), n.focus();
+	}
+	function a() {
+		e.showSidebar.value || e.extractCommentsAndChanges(), e.showSidebar.value = !e.showSidebar.value;
+	}
+	function o(t) {
+		let n = t.target;
+		n instanceof HTMLElement && (n.closest(".paged-editor__pages") || n.closest(".unified-sidebar") || n.closest(".docx-comment-margin-markers") || (e.activeSidebarItem.value = null));
+	}
+	return {
+		handleToggleOutline: n,
+		handleOutlineNavigate: i,
+		handleToggleSidebar: a,
+		handleEditorScrollMouseDown: o,
+		recomputeHeadingsIfOpen: r
+	};
+}
+//#endregion
 //#region src/composables/usePageSetupControls.ts
-function Ni(e) {
+function zi(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -2393,19 +2513,19 @@ function Ni(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && $t(t)(n.state, n.dispatch);
+		n && nn(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && en(t)(n.state, n.dispatch);
+		n && rn(t)(n.state, n.dispatch);
 	}
 	function l(t) {
 		let n = e.editorView.value;
-		n && (t < 0 ? Qt(-t, !0)(n.state, n.dispatch) : Qt(t, !1)(n.state, n.dispatch));
+		n && (t < 0 ? tn(-t, !0)(n.state, n.dispatch) : tn(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && Zt(t)(n.state, n.dispatch);
+		n && en(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -2421,45 +2541,45 @@ function Ni(e) {
 }
 //#endregion
 //#region src/utils/textSelection.ts
-var Pi = /[\p{L}\p{N}\p{M}_''-]/u, Fi = /\s/;
-function Ii(e) {
-	return !e || e.length === 0 ? !1 : Pi.test(e);
+var Bi = /[\p{L}\p{N}\p{M}_''-]/u, Vi = /\s/;
+function Hi(e) {
+	return !e || e.length === 0 ? !1 : Bi.test(e);
 }
-function Li(e) {
-	return !e || e.length === 0 ? !1 : Fi.test(e);
+function Ui(e) {
+	return !e || e.length === 0 ? !1 : Vi.test(e);
 }
-function Ri(e, t) {
+function Wi(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 (Li(n)) {
+	if (Ui(n)) {
 		let n = t, r = t;
-		for (; n > 0 && Li(e[n - 1]);) n--;
-		for (; r < e.length && Li(e[r]);) r++;
+		for (; n > 0 && Ui(e[n - 1]);) n--;
+		for (; r < e.length && Ui(e[r]);) r++;
 		return [n, r];
 	}
-	if (Ii(n)) {
+	if (Hi(n)) {
 		let n = t, r = t;
-		for (; n > 0 && Ii(e[n - 1]);) n--;
-		for (; r < e.length && Ii(e[r]);) r++;
+		for (; n > 0 && Hi(e[n - 1]);) n--;
+		for (; r < e.length && Hi(e[r]);) r++;
 		return [n, r];
 	}
 	return [t, t + 1];
 }
 //#endregion
 //#region src/utils/domQueries.ts
-function zi(e, t, n) {
-	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : it(e);
+function Gi(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : at(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 Bi(e, t, n) {
+function Ki(e, t, n) {
 	if (!e || !t) return;
-	let r = rt(e, n);
-	if (!r) for (let t of it(e)) {
+	let r = it(e, n);
+	if (!r) for (let t of at(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;
@@ -2473,21 +2593,21 @@ function Bi(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Vi(e, t, n, r) {
+function qi(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = Ze(e, n, r, 1);
+	let i = Qe(e, n, r, 1);
 	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
 }
-function Hi(e, t, n, r) {
+function Ji(e, t, n, r) {
 	if (!e) return;
-	let i = zi(e, t, r);
+	let i = Gi(e, t, r);
 	if (!i) return;
-	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = Ri(a, t - o), l = o + s, u = o + c;
+	let a = i.textContent ?? "", o = Number(i.dataset.pmStart) || 0, [s, c] = Wi(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Ui(e, t, n, r) {
+function Yi(e, t, n, r) {
 	if (!e) return;
-	let i = zi(e, t, r);
+	let i = Gi(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -2496,13 +2616,13 @@ function Ui(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Wi = 500;
-function Gi(e) {
+var Xi = 500;
+function Zi(e) {
 	let t = B(null), n = null;
 	function r() {
 		n !== null && (clearTimeout(n), n = null);
 	}
-	let i = he(null), a = 0, o = null, s = 0, c = !1, l = null, u = un(), d = re({
+	let i = ge(null), a = 0, o = null, s = 0, c = !1, l = null, u = mn(), d = ie({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
@@ -2515,7 +2635,7 @@ function Gi(e) {
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return Vi(e.pagesRef.value, e.editorView.value, t, n);
+		return qi(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
@@ -2528,18 +2648,18 @@ function Gi(e) {
 	function g(e, t) {
 		let n = h();
 		if (n) try {
-			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = Ve.between(r, i);
+			let r = n.state.doc.resolve(e), i = t === void 0 ? r : n.state.doc.resolve(t), a = Z.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
 	function _(t) {
-		Bi(e.pagesRef.value, e.pagesViewportRef.value, t);
+		Ki(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function v(t) {
-		Hi(e.pagesRef.value, t, g, i.value?.position);
+		Ji(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function y(t) {
-		Ui(e.pagesRef.value, t, g, i.value?.position);
+		Yi(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function b(t) {
 		let n = e.editorView.value;
@@ -2568,7 +2688,7 @@ function Gi(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s || !(a.target instanceof HTMLElement)) return;
-		let l = ln({
+		let l = pn({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2578,7 +2698,7 @@ function Gi(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, cn));
+			}, fn));
 			return;
 		}
 		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
@@ -2589,16 +2709,16 @@ function Gi(e) {
 			cellPmPos: l.cellPmPos
 		}, r();
 	}
-	function S(n) {
+	function ee(n) {
 		n.preventDefault(), n.stopPropagation();
 		let r = t.value, i = e.editorView.value;
 		if (!r || !i) return;
-		let a = i.state.tr.setSelection(Ve.create(i.state.doc, r.cellPmPos + 1));
+		let a = i.state.tr.setSelection(Z.create(i.state.doc, r.cellPmPos + 1));
 		i.dispatch(a);
 		let o = e.getCommands(), s = r.type === "row" ? o.addRowBelow : o.addColumnRight;
 		s && (s()(i.state, (e) => i.dispatch(e), i), t.value = null, i.focus());
 	}
-	function C(t) {
+	function S(t) {
 		let n = t.target, r = n instanceof HTMLElement ? n.closest("a[href]") : null;
 		if (!r) return;
 		t.preventDefault();
@@ -2623,7 +2743,7 @@ function Gi(e) {
 			...l ? { tooltip: l } : {}
 		};
 	}
-	function ee(t) {
+	function te(t) {
 		if (!(t.target instanceof HTMLElement)) return;
 		let n = t.target, r = n.closest(".layout-page-header"), a = n.closest(".layout-page-footer"), o = r ?? a;
 		if (!o) return;
@@ -2660,7 +2780,7 @@ function Gi(e) {
 			}, y = c.package.document, b = y?.sections?.map((e, t) => t === 0 ? {
 				...e,
 				properties: v
-			} : e), x = y?.finalSectionProperties === l ? v : y?.finalSectionProperties, S = {
+			} : e), x = y?.finalSectionProperties === l ? v : y?.finalSectionProperties, ee = {
 				...c,
 				package: {
 					...c.package,
@@ -2673,7 +2793,7 @@ function Gi(e) {
 					}
 				}
 			};
-			f = n, p = r, e.setDocument?.(S), e.syncHfPMs?.(), e.reLayout(), e.emit("change", S);
+			f = n, p = r, e.setDocument?.(ee), e.syncHfPMs?.(), e.reLayout(), e.emit("change", ee);
 		}
 		let m = e.pagesViewportRef.value;
 		if (!m) return;
@@ -2690,7 +2810,7 @@ function Gi(e) {
 			}
 		};
 	}
-	function te(t) {
+	function ne(t) {
 		let n = e.getDocument(), r = i.value;
 		if (!n?.package || !r) return;
 		let a = r.position === "header" ? n.package.headers : n.package.footers;
@@ -2698,7 +2818,7 @@ function Gi(e) {
 		let o = a.get(r.rId);
 		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
 	}
-	function ne() {
+	function re() {
 		let t = e.getDocument(), n = i.value;
 		if (!t?.package || !n || !n.rId) {
 			i.value = null;
@@ -2730,7 +2850,7 @@ function Gi(e) {
 		};
 		i.value = null, e.setDocument?.(p), e.syncHfPMs?.(), e.reLayout(), e.emit("change", p);
 	}
-	function w(t) {
+	function C(t) {
 		if (t.button !== 0 || e.imageInteracting.value) return;
 		let n = e.editorView.value;
 		if (!n) return;
@@ -2738,13 +2858,13 @@ function Gi(e) {
 		i.value && d && (d.closest(".layout-page-header") || d.closest(".layout-page-footer") || d.closest(".hf-editor") || (i.value = null, n.focus()));
 		let f = h() ?? n;
 		if (!e.readOnly.value && e.tableResize.tryStartResize(t, f)) return;
-		let p = Ke(r);
+		let p = qe(r);
 		if (p) {
 			t.preventDefault(), t.stopPropagation();
 			let n = Number(p.dataset.pmStart);
 			if (!Number.isNaN(n)) {
 				try {
-					f.dispatch(f.state.tr.setSelection(Be.create(f.state.doc, n)));
+					f.dispatch(f.state.tr.setSelection(Ve.create(f.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
 					element: p,
@@ -2763,15 +2883,15 @@ function Gi(e) {
 			return;
 		}
 		let b = Date.now();
-		if (b - a < Wi && o === _ ? s++ : s = 1, a = b, o = _, s === 2) v(_);
+		if (b - a < Xi && o === _ ? s++ : s = 1, a = b, o = _, s === 2) v(_);
 		else if (s >= 3) y(_), s = 0;
 		else if (t.shiftKey) {
 			let { from: e } = f.state.selection;
 			g(e, _);
-		} else g(_), l = _, c = !0, u.begin(dn(f, _));
+		} else g(_), l = _, c = !0, u.begin(hn(f, _));
 		f.focus();
 	}
-	function ie(e) {
+	function ae(e) {
 		if (!c || l === null) return;
 		let t = m(e.clientX, e.clientY);
 		if (t !== null) {
@@ -2784,10 +2904,10 @@ function Gi(e) {
 		}
 		d.updateMousePosition(e.clientX, e.clientY);
 	}
-	function ae() {
+	function oe() {
 		c = !1, u.end(), d.stopAutoScroll();
 	}
-	function T() {
+	function w() {
 		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;
@@ -2813,9 +2933,9 @@ function Gi(e) {
 		}, 600);
 	}
 	return pe(() => {
-		window.addEventListener("mousemove", ie), window.addEventListener("mouseup", ae), e.pagesViewportRef.value?.addEventListener("scroll", T, { passive: !0 });
+		window.addEventListener("mousemove", ae), window.addEventListener("mouseup", oe), e.pagesViewportRef.value?.addEventListener("scroll", w, { passive: !0 });
 	}), fe(() => {
-		r(), window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", ae), e.pagesViewportRef.value?.removeEventListener("scroll", T), p && clearTimeout(p);
+		r(), window.removeEventListener("mousemove", ae), window.removeEventListener("mouseup", oe), e.pagesViewportRef.value?.removeEventListener("scroll", w), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
@@ -2824,29 +2944,29 @@ function Gi(e) {
 		setPmSelection: g,
 		scrollVisiblePositionIntoView: _,
 		navigateToBookmark: b,
-		handlePagesMouseDown: w,
+		handlePagesMouseDown: C,
 		handlePagesMouseMove: x,
-		handlePagesClick: C,
-		handlePagesDoubleClick: ee,
-		handleTableInsertClick: S,
+		handlePagesClick: S,
+		handlePagesDoubleClick: te,
+		handleTableInsertClick: ee,
 		clearTableInsertTimer: r,
-		handleHfSave: te,
-		handleHfRemove: ne
+		handleHfSave: ne,
+		handleHfRemove: re
 	};
 }
 //#endregion
 //#region src/utils/hostFonts.ts
-function Ki(e) {
+function Qi(e) {
 	return typeof e == "string" && e.trim().length > 0;
 }
-function qi(e) {
-	return typeof e != "object" || !e ? !1 : Ki(Reflect.get(e, "family")) && Ki(Reflect.get(e, "src"));
+function $i(e) {
+	return typeof e != "object" || !e ? !1 : Qi(Reflect.get(e, "family")) && Qi(Reflect.get(e, "src"));
 }
-function Ji(e) {
+function ea(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e) {
-		if (!qi(n)) continue;
+		if (!$i(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(),
@@ -2856,10 +2976,10 @@ function Ji(e) {
 	}
 	return t;
 }
-function Yi() {
+function ta() {
 	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
 }
-async function Xi(e, t, n, r) {
+async function na(e, t, n, r) {
 	let i;
 	try {
 		i = new FontFace(t, n, r), e.add(i);
@@ -2868,39 +2988,39 @@ async function Xi(e, t, n, r) {
 	}
 	return await i.load().then(() => !0, () => !1) ? i : (e.delete(i), null);
 }
-async function Zi(e) {
-	let t = Yi();
+async function ra(e) {
+	let t = ta();
 	if (!t) return [];
-	let n = Ji(e);
+	let n = ea(e);
 	if (n.length === 0) return [];
 	let r = [];
 	return await Promise.all(n.map(async ({ family: e, source: n, descriptors: i }) => {
-		let a = await Xi(t, e, n, i);
+		let a = await na(t, e, n, i);
 		a && r.push(a);
 	})), r;
 }
-function Qi(e) {
-	let t = Yi();
+function ia(e) {
+	let t = ta();
 	if (t) for (let n of e) t.delete(n);
 }
 //#endregion
 //#region src/components/DocxEditor.vue?vue&type=script&setup=true&lang.ts
-var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
+var aa = { class: "docx-editor-vue__toolbar-shell" }, oa = {
 	key: 0,
 	class: "docx-editor-vue__error"
-}, ta = {
+}, sa = {
 	key: 1,
 	class: "docx-editor-vue__loading"
-}, na = {
+}, ca = {
 	key: 2,
 	class: "docx-editor-vue__placeholder"
-}, ra = { class: "docx-editor-vue__editor-area" }, ia = {
+}, la = { class: "docx-editor-vue__editor-area" }, ua = {
 	key: 0,
 	class: "docx-editor-vue__ruler-h"
-}, aa = {
+}, da = {
 	key: 1,
 	class: "docx-editor-vue__ruler-v"
-}, oa = {
+}, fa = {
 	class: "docx-editor-vue__editor-content-wrapper",
 	style: {
 		position: "relative",
@@ -2908,11 +3028,11 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		flexDirection: "column",
 		minHeight: "100%"
 	}
-}, sa = {
+}, pa = {
 	"data-testid": "selection-overlay",
 	class: "docx-editor-vue__decoration-origin",
 	"aria-hidden": "true"
-}, ca = ["aria-label"], la = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, ma = ["aria-label"], ha = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
@@ -3029,163 +3149,177 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		"mode-change",
 		"comments-change"
 	],
-	setup(e, { expose: n, emit: i }) {
-		let a = e, o = i;
-		t(), h(a.components), tr(B(!1));
-		let s = B(a.mode), c = O(() => a.readOnly || s.value === "viewing"), l = O(() => a.showReviewControls), u = O(() => Ye(s.value)), d = B("all-markup");
+	setup(e, { expose: r, emit: i }) {
+		let o = e, s = i;
+		f(), a(o.components), ir(B(!1));
+		let c = B(o.mode), l = D(() => o.readOnly || c.value === "viewing"), u = D(() => o.showReviewControls), d = D(() => Xe(c.value)), p = B("all-markup");
 		function m() {
-			cn(Xe(s.value));
+			dn(Ze(c.value));
 		}
-		function y(e) {
-			d.value = e;
+		function g(e) {
+			p.value = e;
+		}
+		let b = D(() => p.value === "all-markup" ? "" : `folio-root--${p.value}`), { t: x } = t(), S = ({ node: e }) => e;
+		S.props = ["node"];
+		let te = D(() => o.documentBuffer != null || o.document != null), re = B(!1);
+		G(te, (e) => {
+			e || (re.value = !1);
+		});
+		let ie = B(null), E = B(null), se = B(null), le = B(null), N = D(() => o.showRuler ?? !1), P = B(0), F = B(!1), I = B(!1), me = B(!1), V = B(!1), W = B(!1), K = B(!1), q = B(o.showOutline), Y = B(!1), ye = B(null), be = ge([]), Se = ge([]), { zoom: X, zoomPercent: Te, isMinZoom: Ne, isMaxZoom: Pe, setZoom: Fe, zoomIn: Ie, zoomOut: Le, handleWheel: Re, handleKeyDown: ze, ZOOM_PRESETS: Be } = w(o.initialZoom);
+		function Ve(e) {
+			o.enableWheelZoom !== !1 && Re(e);
 		}
-		let b = O(() => d.value === "all-markup" ? "" : `folio-root--${d.value}`), { t: S } = r(), C = ({ node: e }) => e;
-		C.props = ["node"];
-		let ee = O(() => a.documentBuffer != null || a.document != null), ne = B(!1);
-		K(ee, (e) => {
-			e || (ne.value = !1);
+		Li({
+			showKeyboardShortcuts: me,
+			showFindReplace: F,
+			showHyperlink: I,
+			handleZoomKeyDown: ze
 		});
-		let re = B(null), D = B(null), oe = B(null), ce = B(null), P = O(() => a.showRuler ?? !1), F = B(0), ue = B(!1), I = B(!1), me = B(!1), V = B(!1), G = B(!1), q = B(a.showOutline), J = B(!1), _e = B(null), ye = he([]), xe = he([]), { zoom: X, zoomPercent: we, isMinZoom: Me, isMaxZoom: Ne, setZoom: Pe, zoomIn: Fe, zoomOut: Ie, handleWheel: Le, ZOOM_PRESETS: Re } = T(a.initialZoom);
-		function ze(e) {
-			a.enableWheelZoom !== !1 && Le(e);
-		}
-		let { editor: Be, editorView: Z, editorState: Ve, isReady: He, isDirty: Ue, parseError: We, layout: Ge, blocks: Ke, measures: qe, loadBuffer: Je, loadDocument: Ze, save: Qe, getDocument: $e, getCommands: et, focus: tt, reLayout: nt } = ie({
-			hiddenContainer: re,
-			pagesContainer: D,
-			readOnly: c,
-			editorMode: s,
-			author: () => a.author,
-			documentKey: () => a.documentKey,
+		let { editor: He, editorView: Z, editorState: Ue, isReady: We, isDirty: Ge, parseError: Ke, layout: qe, blocks: Je, measures: Ye, loadBuffer: Qe, loadDocument: $e, save: et, getDocument: tt, getCommands: nt, focus: rt, reLayout: it } = ae({
+			hiddenContainer: ie,
+			pagesContainer: E,
+			readOnly: l,
+			editorMode: c,
+			author: () => o.author,
+			documentKey: () => o.documentKey,
 			externalPlugins: [],
-			onAnonymizationMatchesChange: (e) => a.onAnonymizationMatchesChange?.(e),
-			showTemplateDirectives: () => a.showTemplateDirectives,
-			onSlashMenuChange: (e) => a.onSlashMenuChange?.(e),
-			onSlashMenuKeyAction: (e) => a.onSlashMenuKeyAction?.(e) ?? !1,
+			onAnonymizationMatchesChange: (e) => o.onAnonymizationMatchesChange?.(e),
+			showTemplateDirectives: () => o.showTemplateDirectives,
+			onSlashMenuChange: (e) => o.onSlashMenuChange?.(e),
+			onSlashMenuKeyAction: (e) => o.onSlashMenuKeyAction?.(e) ?? !1,
 			onChange: (e) => {
-				a.onChange?.(e), o("change", e), o("update:document", e);
+				o.onChange?.(e), s("change", e), s("update:document", e);
 			},
 			onError: (e) => {
-				a.onError?.(e), o("error", e);
+				o.onError?.(e), s("error", e);
 			},
 			onSelectionUpdate: (e) => {
-				if (a.onSelectionChange?.(ve(e)), a.onSelectionTextChange) {
+				if (o.onSelectionChange?.(ve(e)), o.onSelectionTextChange) {
 					let { from: t, to: n } = e.selection, r = t === n ? "" : e.doc.textBetween(t, n, " ", " ");
-					a.onSelectionTextChange({
+					o.onSelectionTextChange({
 						from: t,
 						to: n,
 						text: r
 					});
 				}
 			},
-			onEditorViewReady: (e) => a.onEditorViewReady?.(e),
-			onReadOnlyEditAttempt: () => a.onReadonlyEditAttempt?.(),
-			featureFlags: () => a.featureFlags,
-			onSelectiveSaveTripwire: a.onSelectiveSaveTripwire ? (e) => a.onSelectiveSaveTripwire?.(e) : void 0
-		}), rt = O(() => !He.value && ee.value && !(a.preserveDocumentWhileLoading === !0 && ne.value));
-		function it() {
-			Z.value && (ke(), Oe(), nt());
-		}
-		K(() => a.fonts, (e, t, n) => {
+			onEditorViewReady: (e) => o.onEditorViewReady?.(e),
+			onReadOnlyEditAttempt: () => o.onReadonlyEditAttempt?.(),
+			featureFlags: () => o.featureFlags,
+			onSelectiveSaveTripwire: o.onSelectiveSaveTripwire ? (e) => o.onSelectiveSaveTripwire?.(e) : void 0
+		}), at = D(() => !We.value && te.value && !(o.preserveDocumentWhileLoading === !0 && re.value));
+		function ot() {
+			Z.value && (Ae(), ke(), it());
+		}
+		G(() => o.fonts, (e, t, n) => {
 			if (!e || e.length === 0) return;
 			let r = !1, i = [];
-			Zi(e).then((e) => {
+			ra(e).then((e) => {
 				if (r) {
-					Qi(e);
+					ia(e);
 					return;
 				}
-				i = e, e.length !== 0 && it();
+				i = e, e.length !== 0 && ot();
 			}), n(() => {
-				r = !0, i.length !== 0 && (Qi(i), it());
+				r = !0, i.length !== 0 && (ia(i), ot());
 			});
 		}, { immediate: !0 });
-		let { selectedImage: at, imageInteracting: ot, imageToolbarContext: st, handleToolbarImageWrap: ct, handleImageTransform: lt } = Mi({
+		let { selectedImage: st, imageInteracting: ct, imageToolbarContext: lt, handleToolbarImageWrap: ut, handleImageTransform: dt } = Ii({
 			editorView: Z,
 			zoom: X,
-			stateTick: F,
-			getCommands: et
-		}), { hyperlinkPopupData: ut, handleHyperlinkSubmit: dt, handleHyperlinkRemove: ft, handleHyperlinkPopupNavigate: pt, handleHyperlinkPopupEdit: mt, handleHyperlinkPopupRemove: ht } = ji({
+			stateTick: P,
+			getCommands: nt
+		}), { hyperlinkPopupData: ft, handleHyperlinkSubmit: pt, handleHyperlinkRemove: mt, handleHyperlinkPopupNavigate: ht, handleHyperlinkPopupEdit: gt, handleHyperlinkPopupRemove: _t } = Fi({
 			editorView: Z,
-			getCommands: et
-		}), gt = w(), { tableInsertButton: _t, scrollPageInfo: vt, resolvePos: yt, setPmSelection: bt, scrollVisiblePositionIntoView: xt, handlePagesMouseDown: St, handlePagesMouseMove: Ct, handlePagesClick: wt, handleTableInsertClick: Tt } = Gi({
+			getCommands: nt
+		}), vt = C(), { tableInsertButton: yt, scrollPageInfo: bt, resolvePos: xt, setPmSelection: St, scrollVisiblePositionIntoView: Ct, handlePagesMouseDown: wt, handlePagesMouseMove: Tt, handlePagesClick: Et, handleTableInsertClick: Dt } = Zi({
 			editorView: Z,
-			pagesRef: D,
-			pagesViewportRef: oe,
-			selectedImage: at,
-			imageInteracting: ot,
-			hyperlinkPopupData: ut,
-			readOnly: c,
+			pagesRef: E,
+			pagesViewportRef: se,
+			selectedImage: st,
+			imageInteracting: ct,
+			hyperlinkPopupData: ft,
+			readOnly: l,
 			zoom: X,
-			layout: Ge,
+			layout: qe,
 			tableResize: {
-				tryStartResize: gt.tryStartResize,
-				isResizing: O(() => gt.isResizing())
+				tryStartResize: vt.tryStartResize,
+				isResizing: D(() => vt.isResizing())
 			},
-			getCommands: et,
-			getDocument: $e,
-			reLayout: nt,
+			getCommands: nt,
+			getDocument: tt,
+			reLayout: it,
 			emit: () => {},
 			clearOverlay: () => {}
-		}), { contextMenu: Et, imageContextMenu: Dt, imageContextMenuTextActions: Ot, customTextMenuItems: kt, handleContextMenu: At, handleSelectedImageContextMenu: jt, handleImageWrapSelect: Mt, handleContextMenuAction: Nt } = wi({
+		}), Ot = Ri({
 			editorView: Z,
-			selectedImage: at,
+			showOutline: q,
+			showSidebar: Y,
+			outlineHeadings: Se,
+			activeSidebarItem: ye,
+			extractCommentsAndChanges: () => {},
+			scrollToVisiblePosition: Ct
+		}), { contextMenu: kt, imageContextMenu: At, imageContextMenuTextActions: jt, customTextMenuItems: Mt, handleContextMenu: Nt, handleSelectedImageContextMenu: Pt, handleImageWrapSelect: Ft, handleContextMenuAction: It } = Di({
+			editorView: Z,
+			selectedImage: st,
 			zoom: X,
-			showImageProperties: V,
-			getCommands: et,
+			showImageProperties: W,
+			getCommands: nt,
 			clearOverlay: () => {},
-			setPmSelection: bt,
-			resolvePos: yt,
-			customContextMenuItems: () => c.value ? void 0 : a.customContextMenuItems,
-			onCustomContextAction: (e, t) => a.onCustomContextAction?.(e, t)
-		}), Pt = ae(Z, F), Ft = O(() => Pt.value.entries), Q = fi({
+			setPmSelection: St,
+			resolvePos: xt,
+			customContextMenuItems: () => l.value ? void 0 : o.customContextMenuItems,
+			onCustomContextAction: (e, t) => o.onCustomContextAction?.(e, t)
+		}), Lt = oe(Z, P), Rt = D(() => Lt.value.entries), Q = hi({
 			editorView: Z,
-			getDocument: $e,
-			author: () => a.author,
-			commentsProp: () => a.comments,
+			getDocument: tt,
+			author: () => o.author,
+			commentsProp: () => o.comments,
 			onCommentsChange: (e) => {
-				a.onCommentsChange?.(e), o("comments-change", e);
+				o.onCommentsChange?.(e), s("comments-change", e);
 			},
-			reLayout: nt
-		}), It = Q.comments, $ = di({
+			reLayout: it
+		}), zt = Q.comments, $ = mi({
 			editorView: Z,
-			pagesViewport: oe,
-			pagesContainer: D,
-			readOnly: c,
+			pagesViewport: se,
+			pagesContainer: E,
+			readOnly: l,
 			createComment: Q.createComment,
 			pushComment: Q.pushComment,
-			reLayout: nt,
-			showSidebar: J,
+			reLayout: it,
+			showSidebar: Y,
 			setActiveSidebarItem: (e) => {
-				_e.value = e;
+				ye.value = e;
 			}
 		});
-		function Lt(e) {
-			navigator.clipboard?.writeText(e), ut.value = null;
+		function Bt(e) {
+			navigator.clipboard?.writeText(e), ft.value = null;
 		}
-		let Rt = O(() => {
-			F.value;
-			let e = $e()?.package.document;
+		let Vt = D(() => {
+			P.value;
+			let e = tt()?.package.document;
 			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
-		}), zt = O(() => {
-			F.value;
+		}), Ht = D(() => {
+			P.value;
 			let e = {};
-			a.fontFamilies !== void 0 && (e.fontFamilies = a.fontFamilies);
-			let t = $e()?.package.styles?.styles;
+			o.fontFamilies !== void 0 && (e.fontFamilies = o.fontFamilies);
+			let t = tt()?.package.styles?.styles;
 			return t !== void 0 && (e.documentStyles = t), e;
-		}), Bt = O(() => je(Rt.value?.pageWidth ?? 12240) * X.value), Vt = O(() => {
+		}), Ut = D(() => Me(Vt.value?.pageWidth ?? 12240) * X.value), Wt = D(() => {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of It.value) t.done && e.add(t.id);
+			for (let t of zt.value) t.done && e.add(t.id);
 			return e;
-		}), Ht = O(() => ({
+		}), Gt = D(() => ({
 			transform: X.value === 1 ? void 0 : `scale(${X.value})`,
 			transformOrigin: "top center",
 			transition: "transform 0.2s ease"
-		})), { handleApplyStyle: Ut, handleInsertSymbol: Wt, handleInsertSectionBreakNextPage: Gt, handleInsertSectionBreakContinuous: Kt } = Ai({
+		})), { handleApplyStyle: Kt, handleInsertSymbol: qt, handleInsertSectionBreakNextPage: Jt, handleInsertSectionBreakContinuous: Yt } = Pi({
 			editorView: Z,
-			getDocument: $e
+			getDocument: tt
 		});
-		function qt() {
-			if (a.onInsertImage) {
-				a.onInsertImage();
+		function Xt() {
+			if (o.onInsertImage) {
+				o.onInsertImage();
 				return;
 			}
 			let e = Z.value;
@@ -3193,45 +3327,45 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 			let t = document.createElement("input");
 			t.type = "file", t.accept = "image/*", t.style.display = "none", t.addEventListener("change", () => {
 				let n = t.files?.[0];
-				n && be(e, n, () => e.focus()), t.remove();
+				n && xe(e, n, () => e.focus()), t.remove();
 			}), document.body.appendChild(t), t.click();
 		}
-		function Jt(e, t) {
-			if (a.onInsertTable) {
-				a.onInsertTable(e, t);
+		function Zt(e, t) {
+			if (o.onInsertTable) {
+				o.onInsertTable(e, t);
 				return;
 			}
 			let n = Z.value;
-			n && (Ce(n, e, t), n.focus());
+			n && (we(n, e, t), n.focus());
 		}
-		function Yt() {
-			if (a.onInsertPageBreak) {
-				a.onInsertPageBreak();
+		function Qt() {
+			if (o.onInsertPageBreak) {
+				o.onInsertPageBreak();
 				return;
 			}
 			let e = Z.value;
-			e && (Se(e), e.focus());
+			e && (Ce(e), e.focus());
 		}
-		function Xt() {
-			if (a.onInsertTOC) {
-				a.onInsertTOC();
+		function $t() {
+			if (o.onInsertTOC) {
+				o.onInsertTOC();
 				return;
 			}
 			let e = Z.value;
-			e && (Te(e), e.focus());
+			e && (Ee(e), e.focus());
 		}
-		let { handlePageSetupApply: Zt, handleLeftMarginChange: Qt, handleRightMarginChange: $t, handleTopMarginChange: en, handleBottomMarginChange: tn, handleIndentLeftChange: nn, handleIndentRightChange: rn, handleFirstLineIndentChange: an, handleTabStopRemove: on } = Ni({
+		let { handlePageSetupApply: en, handleLeftMarginChange: tn, handleRightMarginChange: nn, handleTopMarginChange: rn, handleBottomMarginChange: an, handleIndentLeftChange: on, handleIndentRightChange: sn, handleFirstLineIndentChange: cn, handleTabStopRemove: ln } = zi({
 			editorView: Z,
-			getDocument: $e,
-			readOnly: c,
-			stateTick: F,
-			reLayout: nt,
+			getDocument: tt,
+			readOnly: l,
+			stateTick: P,
+			reLayout: it,
 			onChange: (e) => {
-				a.onChange?.(e), o("change", e), o("update:document", e);
+				o.onChange?.(e), s("change", e), s("update:document", e);
 			}
-		}), sn = O(() => {
-			F.value;
-			let e = Z.value, t = e ? Ee(e.state).paragraphFormatting : {};
+		}), un = D(() => {
+			P.value;
+			let e = Z.value, t = e ? De(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3240,181 +3374,181 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				tabs: t.tabs ?? null
 			};
 		});
-		function cn(e) {
-			s.value !== e && (s.value = e, a.onModeChange?.(e), o("mode-change", e));
+		function dn(e) {
+			c.value !== e && (c.value = e, o.onModeChange?.(e), s("mode-change", e));
 		}
-		function ln(e) {
+		function fn(e) {
 			switch (e) {
 				case "find":
 				case "findReplace":
-					ue.value = !0;
+					F.value = !0;
 					break;
 				case "insertSymbol":
-					me.value = !0;
+					V.value = !0;
 					break;
 				case "insertHyperlink":
 					I.value = !0;
 					break;
 				case "pageSetup":
-					G.value = !0;
+					K.value = !0;
 					break;
 				case "toggleOutline":
-					q.value = !q.value;
+					Ot.handleToggleOutline();
 					break;
 				case "toggleSidebar":
-					J.value = !J.value;
+					Y.value = !Y.value;
 					break;
 				case "insertImage":
-					qt();
+					Xt();
 					break;
 				case "insertPageBreak":
-					Yt();
+					Qt();
 					break;
 				case "insertSectionBreakNextPage":
-					Gt();
+					Jt();
 					break;
 				case "insertSectionBreakContinuous":
-					Kt();
+					Yt();
 					break;
 				case "insertTOC":
-					Xt();
+					$t();
 					break;
 				default: break;
 			}
-			o("menu-action", e);
-		}
-		function un(e, t) {
-			Jt(e, t);
-		}
-		let dn = B(!1);
-		Ti({
-			documentBuffer: () => a.documentBuffer ?? null,
-			document: () => a.document ?? null,
-			loadDocumentBuffer: Je,
-			loadDocument: Ze,
-			sidebarAutoOpenedRef: dn
-		}), K(() => a.mode, (e) => {
-			e && e !== s.value && (s.value = e);
-		}), K(() => a.showOutline, (e) => {
-			q.value = !!e;
+			s("menu-action", e);
+		}
+		function pn(e, t) {
+			Zt(e, t);
+		}
+		let mn = B(!1);
+		Oi({
+			documentBuffer: () => o.documentBuffer ?? null,
+			document: () => o.document ?? null,
+			loadDocumentBuffer: Qe,
+			loadDocument: $e,
+			sidebarAutoOpenedRef: mn
+		}), G(() => o.mode, (e) => {
+			e && e !== c.value && (c.value = e);
+		}), G(() => o.showOutline, (e) => {
+			q.value = !!e, Ot.recomputeHeadingsIfOpen();
 		});
-		let fn = B(!1);
-		function pn(e) {
+		let hn = B(!1);
+		function gn(e) {
 			let t = e.currentTarget;
-			t instanceof HTMLElement && a.onScrollTopChange?.(t.scrollTop);
+			t instanceof HTMLElement && o.onScrollTopChange?.(t.scrollTop);
 		}
-		function mn() {
-			if (a.initialScrollTop === void 0 || fn.value) return;
-			fn.value = !0;
-			let e = a.initialScrollTop;
+		function _n() {
+			if (o.initialScrollTop === void 0 || hn.value) return;
+			hn.value = !0;
+			let e = o.initialScrollTop;
 			requestAnimationFrame(() => {
-				ce.value && (ce.value.scrollTop = e);
+				le.value && (le.value.scrollTop = e);
 			});
 		}
-		K(He, (e) => {
+		G(We, (e) => {
 			if (!e) {
-				fn.value = !1;
+				hn.value = !1;
 				return;
 			}
-			ne.value = !0, Q.seedFromDocument();
-			let t = $e();
-			t && a.onCompatibilityChange?.(De(t)), a.autoOpenReviewSidebar !== !1 && !dn.value && (It.value.length > 0 || Ft.value.length > 0) && (dn.value = !0, J.value = !0), mn(), o("ready");
+			re.value = !0, Ot.recomputeHeadingsIfOpen(), Q.seedFromDocument();
+			let t = tt();
+			t && o.onCompatibilityChange?.(Oe(t)), o.autoOpenReviewSidebar !== !1 && !mn.value && (zt.value.length > 0 || Rt.value.length > 0) && (mn.value = !0, Y.value = !0), _n(), s("ready");
 		}), pe(() => {
-			let e = Be.on("selectionChange", () => {
-				F.value++, $.updateFloatingButton();
-			}), t = Be.on("docChange", () => {
-				F.value++;
-			}), n = Be.on("layoutComplete", () => {
-				F.value++;
-			}), r = gt.install(), i = Ae(() => a.onFontsLoaded?.());
+			let e = He.on("selectionChange", () => {
+				P.value++, $.updateFloatingButton();
+			}), t = He.on("docChange", () => {
+				P.value++, Ot.recomputeHeadingsIfOpen();
+			}), n = He.on("layoutComplete", () => {
+				P.value++;
+			}), r = vt.install(), i = je(() => o.onFontsLoaded?.());
 			fe(() => {
 				e(), t(), n(), r(), i();
 			});
 		});
-		let { exposed: hn } = ki({
-			editor: Be,
+		let { exposed: vn } = Ni({
+			editor: He,
 			editorView: Z,
-			isDirty: Ue,
+			isDirty: Ge,
 			commentsDirty: Q.commentsDirty,
 			clearCommentsDirty: Q.clearCommentsDirty,
-			layout: Ge,
-			pagesRef: D,
-			pagesViewportRef: oe,
+			layout: qe,
+			pagesRef: E,
+			pagesViewportRef: se,
 			zoom: X,
-			scrollVisiblePositionIntoView: xt,
-			author: () => a.author,
+			scrollVisiblePositionIntoView: Ct,
+			author: () => o.author,
 			createAIEditComment: (e) => {
 				let t = Q.createComment(e);
 				return Q.pushComment(t), t.id;
 			},
-			focus: tt,
-			getDocument: $e,
-			setZoom: Pe,
-			save: Qe,
-			loadDocument: Ze,
-			loadDocumentBuffer: Je,
-			onPrint: a.onPrint,
-			onSave: a.onSave
+			focus: rt,
+			getDocument: tt,
+			setZoom: Fe,
+			save: et,
+			loadDocument: $e,
+			loadDocumentBuffer: Qe,
+			onPrint: o.onPrint,
+			onSave: o.onSave
 		});
-		return n(hn), (t, n) => (z(), j("div", {
+		return r(vn), (t, r) => (z(), A("div", {
 			class: L([
 				"docx-editor-vue ep-root paged-editor",
 				e.className,
 				b.value,
-				{ "paged-editor--readonly": c.value }
+				{ "paged-editor--readonly": l.value }
 			]),
 			style: R(e.style)
 		}, [
-			M("div", $i, [N($n, {
-				"show-table-insert": a.showTableInsert !== !1,
-				onRename: n[0] ||= (e) => o("rename", e),
-				onMenuAction: ln,
-				onInsertTable: un
+			j("div", aa, [M(nr, {
+				"show-table-insert": o.showTableInsert !== !1,
+				onRename: r[0] ||= (e) => s("rename", e),
+				onMenuAction: fn,
+				onInsertTable: pn
 			}, {
-				"title-bar-left": ge(() => [H(t.$slots, "title-bar-left", {}, void 0, !0)]),
-				"title-bar-right": ge(() => [H(t.$slots, "title-bar-right", {}, void 0, !0)]),
+				"title-bar-left": _e(() => [he(t.$slots, "title-bar-left", {}, void 0, !0)]),
+				"title-bar-right": _e(() => [he(t.$slots, "title-bar-right", {}, void 0, !0)]),
 				_: 3
-			}, 8, ["show-table-insert"]), e.showToolbar ? (z(), k(_, de({
+			}, 8, ["show-table-insert"]), e.showToolbar ? (z(), O(v, de({
 				key: 0,
-				view: W(Z),
-				"get-commands": W(et),
-				"state-tick": F.value,
-				"zoom-percent": W(we),
-				"is-min-zoom": W(Me),
-				"is-max-zoom": W(Ne),
-				"zoom-presets": W(Re),
+				view: U(Z),
+				"get-commands": U(nt),
+				"state-tick": P.value,
+				"zoom-percent": U(Te),
+				"is-min-zoom": U(Ne),
+				"is-max-zoom": U(Pe),
+				"zoom-presets": U(Be),
 				"show-zoom-control": e.showZoomControl,
-				"editor-mode": s.value,
-				"show-review-controls": l.value,
-				"track-changes-on": u.value,
-				"display-mode": d.value,
-				"read-only": c.value,
-				"comments-sidebar-open": J.value,
-				"image-context": W(st),
+				"editor-mode": c.value,
+				"show-review-controls": u.value,
+				"track-changes-on": d.value,
+				"display-mode": p.value,
+				"read-only": l.value,
+				"comments-sidebar-open": Y.value,
+				"image-context": U(lt),
 				theme: e.theme ?? null
-			}, zt.value, {
-				onFindReplace: n[1] ||= (e) => ue.value = !0,
-				onInsertLink: n[2] ||= (e) => I.value = !0,
-				onInsertSymbol: n[3] ||= (e) => me.value = !0,
-				onInsertPageBreak: Yt,
-				onPageSetup: n[4] ||= (e) => G.value = !0,
-				onToggleOutline: n[5] ||= (e) => q.value = !q.value,
-				onApplyStyle: W(Ut),
-				onZoomIn: W(Fe),
-				onZoomOut: W(Ie),
-				onZoomSet: W(Pe),
-				onToggleSidebar: n[6] ||= (e) => J.value = !J.value,
-				onModeChange: cn,
+			}, Ht.value, {
+				onFindReplace: r[1] ||= (e) => F.value = !0,
+				onInsertLink: r[2] ||= (e) => I.value = !0,
+				onInsertSymbol: r[3] ||= (e) => V.value = !0,
+				onInsertPageBreak: Qt,
+				onPageSetup: r[4] ||= (e) => K.value = !0,
+				onToggleOutline: U(Ot).handleToggleOutline,
+				onApplyStyle: U(Kt),
+				onZoomIn: U(Ie),
+				onZoomOut: U(Le),
+				onZoomSet: U(Fe),
+				onToggleSidebar: r[5] ||= (e) => Y.value = !Y.value,
+				onModeChange: dn,
 				onToggleTrackChanges: m,
-				"onUpdate:displayMode": y,
-				onImageProperties: n[7] ||= (e) => V.value = !0,
-				onImageWrapType: W(ct),
-				onImageTransform: W(lt)
-			}), se({
-				"table-context": ge(() => [N(x, {
-					view: W(Z),
-					"get-commands": W(et),
-					"state-tick": F.value,
+				"onUpdate:displayMode": g,
+				onImageProperties: r[6] ||= (e) => W.value = !0,
+				onImageWrapType: U(ut),
+				onImageTransform: U(dt)
+			}), ce({
+				"table-context": _e(() => [M(ee, {
+					view: U(Z),
+					"get-commands": U(nt),
+					"state-tick": P.value,
 					theme: e.theme ?? null
 				}, null, 8, [
 					"view",
@@ -3425,10 +3559,10 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				_: 2
 			}, [t.$slots["toolbar-extra"] || e.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: ge(() => [H(t.$slots, "toolbar-extra", {}, () => [e.toolbarExtra ? (z(), k(C, {
+				fn: _e(() => [he(t.$slots, "toolbar-extra", {}, () => [e.toolbarExtra ? (z(), O(S, {
 					key: 0,
 					node: e.toolbarExtra
-				}, null, 8, ["node"])) : A("", !0)], !0)]),
+				}, null, 8, ["node"])) : k("", !0)], !0)]),
 				key: "0"
 			} : void 0]), 1040, [
 				"view",
@@ -3447,32 +3581,33 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				"comments-sidebar-open",
 				"image-context",
 				"theme",
+				"onToggleOutline",
 				"onApplyStyle",
 				"onZoomIn",
 				"onZoomOut",
 				"onZoomSet",
 				"onImageWrapType",
 				"onImageTransform"
-			])) : A("", !0)]),
-			N(Jn, {
-				"show-find-replace": ue.value,
-				"onUpdate:showFindReplace": n[8] ||= (e) => ue.value = e,
+			])) : k("", !0)]),
+			M(Zn, {
+				"show-find-replace": F.value,
+				"onUpdate:showFindReplace": r[7] ||= (e) => F.value = e,
 				"show-hyperlink": I.value,
-				"onUpdate:showHyperlink": n[9] ||= (e) => I.value = e,
-				"show-insert-symbol": me.value,
-				"onUpdate:showInsertSymbol": n[10] ||= (e) => me.value = e,
-				"show-image-properties": V.value,
-				"onUpdate:showImageProperties": n[11] ||= (e) => V.value = e,
-				"show-page-setup": G.value,
-				"onUpdate:showPageSetup": n[12] ||= (e) => G.value = e,
-				view: W(Z),
-				bookmarks: ye.value,
-				"selected-image-pm-pos": W(at)?.pmPos ?? null,
-				"section-properties": Rt.value,
-				onInsertSymbol: W(Wt),
-				onHyperlinkSubmit: W(dt),
-				onHyperlinkRemove: W(ft),
-				onPageSetupApply: W(Zt)
+				"onUpdate:showHyperlink": r[8] ||= (e) => I.value = e,
+				"show-insert-symbol": V.value,
+				"onUpdate:showInsertSymbol": r[9] ||= (e) => V.value = e,
+				"show-image-properties": W.value,
+				"onUpdate:showImageProperties": r[10] ||= (e) => W.value = e,
+				"show-page-setup": K.value,
+				"onUpdate:showPageSetup": r[11] ||= (e) => K.value = e,
+				view: U(Z),
+				bookmarks: be.value,
+				"selected-image-pm-pos": U(st)?.pmPos ?? null,
+				"section-properties": Vt.value,
+				onInsertSymbol: U(qt),
+				onHyperlinkSubmit: U(pt),
+				onHyperlinkRemove: U(mt),
+				onPageSetupApply: U(en)
 			}, null, 8, [
 				"show-find-replace",
 				"show-hyperlink",
@@ -3488,41 +3623,41 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				"onHyperlinkRemove",
 				"onPageSetupApply"
 			]),
-			W(We) ? (z(), j("div", ea, U(W(We)), 1)) : rt.value ? (z(), j("div", ta, [H(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (z(), k(C, {
+			U(Ke) ? (z(), A("div", oa, H(U(Ke)), 1)) : at.value ? (z(), A("div", sa, [he(t.$slots, "loading-indicator", {}, () => [e.loadingIndicator ? (z(), O(S, {
 				key: 0,
 				node: e.loadingIndicator
-			}, null, 8, ["node"])) : (z(), j(E, { key: 1 }, [le(U(W(S)("loadingDocument")), 1)], 64))], !0)])) : !W(He) && !ee.value ? (z(), j("div", na, [H(t.$slots, "placeholder", {}, () => [e.placeholder ? (z(), k(C, {
+			}, null, 8, ["node"])) : (z(), A(T, { key: 1 }, [ue(H(U(x)("loadingDocument")), 1)], 64))], !0)])) : !U(We) && !te.value ? (z(), A("div", ca, [he(t.$slots, "placeholder", {}, () => [e.placeholder ? (z(), O(S, {
 				key: 0,
 				node: e.placeholder
-			}, null, 8, ["node"])) : (z(), j(E, { key: 1 }, [le("No document loaded")], 64))], !0)])) : A("", !0),
-			M("div", {
+			}, null, 8, ["node"])) : (z(), A(T, { key: 1 }, [ue("No document loaded")], 64))], !0)])) : k("", !0),
+			j("div", {
 				ref_key: "hiddenPmRef",
-				ref: re,
+				ref: ie,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			M("div", {
+			j("div", {
 				ref_key: "editorScrollRef",
-				ref: ce,
+				ref: le,
 				class: "docx-editor-vue__editor-scroll",
-				onScroll: pn
-			}, [M("div", ra, [
-				P.value && !c.value ? (z(), j("div", ia, [N(te, {
-					"section-props": Rt.value,
-					zoom: W(X),
+				onScroll: gn
+			}, [j("div", la, [
+				N.value && !l.value ? (z(), A("div", ua, [M(ne, {
+					"section-props": Vt.value,
+					zoom: U(X),
 					unit: e.rulerUnit ?? "inch",
-					editable: !c.value,
-					"indent-left": sn.value.indentLeft,
-					"indent-right": sn.value.indentRight,
-					"first-line-indent": sn.value.firstLineIndent,
-					"hanging-indent": sn.value.hangingIndent,
+					editable: !l.value,
+					"indent-left": un.value.indentLeft,
+					"indent-right": un.value.indentRight,
+					"first-line-indent": un.value.firstLineIndent,
+					"hanging-indent": un.value.hangingIndent,
 					"show-first-line-indent": !0,
-					"tab-stops": sn.value.tabs,
-					onLeftMarginChange: W(Qt),
-					onRightMarginChange: W($t),
-					onIndentLeftChange: W(nn),
-					onIndentRightChange: W(rn),
-					onFirstLineIndentChange: W(an),
-					onTabStopRemove: W(on)
+					"tab-stops": un.value.tabs,
+					onLeftMarginChange: U(tn),
+					onRightMarginChange: U(nn),
+					onIndentLeftChange: U(on),
+					onIndentRightChange: U(sn),
+					onFirstLineIndentChange: U(cn),
+					onTabStopRemove: U(ln)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3539,14 +3674,14 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 					"onIndentRightChange",
 					"onFirstLineIndentChange",
 					"onTabStopRemove"
-				])])) : A("", !0),
-				P.value && !c.value ? (z(), j("div", aa, [N(v, {
-					"section-props": Rt.value,
-					zoom: W(X),
+				])])) : k("", !0),
+				N.value && !l.value ? (z(), A("div", da, [M(y, {
+					"section-props": Vt.value,
+					zoom: U(X),
 					unit: e.rulerUnit ?? "inch",
-					editable: !c.value,
-					onTopMarginChange: W(en),
-					onBottomMarginChange: W(tn)
+					editable: !l.value,
+					onTopMarginChange: U(rn),
+					onBottomMarginChange: U(an)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3554,33 +3689,33 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 					"editable",
 					"onTopMarginChange",
 					"onBottomMarginChange"
-				])])) : A("", !0),
-				M("div", {
+				])])) : k("", !0),
+				j("div", {
 					ref_key: "pagesViewportRef",
-					ref: oe,
+					ref: se,
 					class: "docx-editor-vue__pages-viewport",
-					onWheel: ze,
-					onMousedown: n[21] ||= (...e) => W(St) && W(St)(...e),
-					onMousemove: n[22] ||= (...e) => W(Ct) && W(Ct)(...e),
-					onClick: n[23] ||= (...e) => W(wt) && W(wt)(...e),
-					onContextmenu: n[24] ||= Y((...e) => W(At) && W(At)(...e), ["prevent"])
+					onWheel: Ve,
+					onMousedown: r[20] ||= (...e) => U(wt) && U(wt)(...e),
+					onMousemove: r[21] ||= (...e) => U(Tt) && U(Tt)(...e),
+					onClick: r[22] ||= (...e) => U(Et) && U(Et)(...e),
+					onContextmenu: r[23] ||= J((...e) => U(Nt) && U(Nt)(...e), ["prevent"])
 				}, [
-					M("div", oa, [M("div", {
+					j("div", fa, [j("div", {
 						ref_key: "pagesRef",
-						ref: D,
+						ref: E,
 						class: "docx-editor-vue__pages paged-editor__pages",
-						style: R(Ht.value)
-					}, null, 4), M("div", sa, [N(Hn, {
-						"get-view": () => W(Z),
-						"get-pages-container": () => D.value,
-						"editor-state": W(Ve),
-						zoom: W(X),
-						layout: W(Ge),
-						blocks: W(Ke),
-						measures: W(qe),
-						"on-term-click": a.onAnonymizationTermClick,
-						"selected-canonical": a.selectedAnonymizationCanonical,
-						"selection-seq": a.anonymizationSelectionSeq
+						style: R(Gt.value)
+					}, null, 4), j("div", pa, [M(Kn, {
+						"get-view": () => U(Z),
+						"get-pages-container": () => E.value,
+						"editor-state": U(Ue),
+						zoom: U(X),
+						layout: U(qe),
+						blocks: U(Je),
+						measures: U(Ye),
+						"on-term-click": o.onAnonymizationTermClick,
+						"selected-canonical": o.selectedAnonymizationCanonical,
+						"selection-seq": o.anonymizationSelectionSeq
 					}, null, 8, [
 						"get-view",
 						"get-pages-container",
@@ -3592,15 +3727,15 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"on-term-click",
 						"selected-canonical",
 						"selection-seq"
-					]), a.showTemplateDirectives ? (z(), k(Jr, {
+					]), o.showTemplateDirectives ? (z(), O(Zr, {
 						key: 0,
-						"get-view": () => W(Z),
-						"get-pages-container": () => D.value,
-						"editor-state": W(Ve),
-						zoom: W(X),
-						layout: W(Ge),
-						blocks: W(Ke),
-						measures: W(qe)
+						"get-view": () => U(Z),
+						"get-pages-container": () => E.value,
+						"editor-state": U(Ue),
+						zoom: U(X),
+						layout: U(qe),
+						blocks: U(Je),
+						measures: U(Ye)
 					}, null, 8, [
 						"get-view",
 						"get-pages-container",
@@ -3609,29 +3744,29 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"layout",
 						"blocks",
 						"measures"
-					])) : A("", !0)])]),
-					N(Lr, {
-						"image-info": W(at),
-						zoom: W(X),
-						view: W(Z),
-						onDeselect: n[13] ||= (e) => at.value = null,
-						onInteractStart: n[14] ||= (e) => ot.value = !0,
-						onInteractEnd: n[15] ||= (e) => ot.value = !1,
-						onContextMenu: W(jt)
+					])) : k("", !0)])]),
+					M(Br, {
+						"image-info": U(st),
+						zoom: U(X),
+						view: U(Z),
+						onDeselect: r[12] ||= (e) => st.value = null,
+						onInteractStart: r[13] ||= (e) => ct.value = !0,
+						onInteractEnd: r[14] ||= (e) => ct.value = !1,
+						onContextMenu: U(Pt)
 					}, null, 8, [
 						"image-info",
 						"zoom",
 						"view",
 						"onContextMenu"
 					]),
-					N(ii, {
-						data: W(ut),
-						"read-only": c.value,
-						onNavigate: W(pt),
-						onCopy: Lt,
-						onEdit: W(mt),
-						onRemove: W(ht),
-						onClose: n[16] ||= (e) => ut.value = null
+					M(si, {
+						data: U(ft),
+						"read-only": l.value,
+						onNavigate: U(ht),
+						onCopy: Bt,
+						onEdit: U(gt),
+						onRemove: U(_t),
+						onClose: r[15] ||= (e) => ft.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -3639,24 +3774,24 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"onEdit",
 						"onRemove"
 					]),
-					W(_t) ? (z(), j("button", {
+					U(yt) ? (z(), A("button", {
 						key: 0,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
 						style: R({
-							left: W(_t).x + "px",
-							top: W(_t).y + "px"
+							left: U(yt).x + "px",
+							top: U(yt).y + "px"
 						}),
-						"aria-label": W(_t).type === "row" ? "Insert row" : "Insert column",
-						onMousedown: n[17] ||= (...e) => W(Tt) && W(Tt)(...e)
-					}, " + ", 44, ca)) : A("", !0),
-					N(f, {
-						comments: W(It),
-						"pages-container": D.value,
-						zoom: W(X),
-						"page-width-px": Bt.value,
-						"sidebar-open": J.value,
-						"resolved-comment-ids": Vt.value,
+						"aria-label": U(yt).type === "row" ? "Insert row" : "Insert column",
+						onMousedown: r[16] ||= (...e) => U(Dt) && U(Dt)(...e)
+					}, " + ", 44, ma)) : k("", !0),
+					M(h, {
+						comments: U(zt),
+						"pages-container": E.value,
+						zoom: U(X),
+						"page-width-px": Ut.value,
+						"sidebar-open": Y.value,
+						"resolved-comment-ids": Wt.value,
 						onMarkerClick: () => {}
 					}, null, 8, [
 						"comments",
@@ -3666,30 +3801,30 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"sidebar-open",
 						"resolved-comment-ids"
 					]),
-					N(g, {
-						"is-open": J.value,
-						comments: W(It),
-						"tracked-changes": Ft.value,
+					M(_, {
+						"is-open": Y.value,
+						comments: U(zt),
+						"tracked-changes": Rt.value,
 						"show-resolved": !0,
-						"is-adding-comment": W($).isAddingComment.value,
-						"add-comment-y-position": W($).addCommentYPosition.value,
-						"pages-container": D.value,
-						"page-width-px": Bt.value,
-						zoom: W(X),
-						"active-item-id": _e.value,
-						onClose: n[18] ||= (e) => J.value = !1,
-						"onUpdate:activeItemId": n[19] ||= (e) => _e.value = e,
-						onAddComment: W($).handleAddComment,
-						onCancelAddComment: W($).handleCancelAddComment,
-						onCommentReply: W(Q).handleReply,
-						onCommentResolve: W(Q).handleResolve,
-						onCommentUnresolve: W(Q).handleUnresolve,
-						onCommentDelete: W(Q).handleDelete,
-						onAcceptChange: W(Q).handleAcceptChange,
-						onRejectChange: W(Q).handleRejectChange,
-						onAcceptChangeById: W(Q).handleAcceptChangeById,
-						onRejectChangeById: W(Q).handleRejectChangeById,
-						onTrackedChangeReply: W(Q).handleTrackedChangeReply
+						"is-adding-comment": U($).isAddingComment.value,
+						"add-comment-y-position": U($).addCommentYPosition.value,
+						"pages-container": E.value,
+						"page-width-px": Ut.value,
+						zoom: U(X),
+						"active-item-id": ye.value,
+						onClose: r[17] ||= (e) => Y.value = !1,
+						"onUpdate:activeItemId": r[18] ||= (e) => ye.value = e,
+						onAddComment: U($).handleAddComment,
+						onCancelAddComment: U($).handleCancelAddComment,
+						onCommentReply: U(Q).handleReply,
+						onCommentResolve: U(Q).handleResolve,
+						onCommentUnresolve: U(Q).handleUnresolve,
+						onCommentDelete: U(Q).handleDelete,
+						onAcceptChange: U(Q).handleAcceptChange,
+						onRejectChange: U(Q).handleRejectChange,
+						onAcceptChangeById: U(Q).handleAcceptChangeById,
+						onRejectChangeById: U(Q).handleRejectChangeById,
+						onTrackedChangeReply: U(Q).handleTrackedChangeReply
 					}, null, 8, [
 						"is-open",
 						"comments",
@@ -3712,56 +3847,62 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					W($).floatingCommentButton.value && !c.value ? (z(), j("button", {
+					U($).floatingCommentButton.value && !l.value ? (z(), A("button", {
 						key: 1,
 						type: "button",
 						class: "docx-editor-vue__add-comment-btn",
 						style: R({
-							top: W($).floatingCommentButton.value.top + "px",
-							left: W($).floatingCommentButton.value.left + "px"
+							top: U($).floatingCommentButton.value.top + "px",
+							left: U($).floatingCommentButton.value.left + "px"
 						}),
 						"aria-label": "Add comment",
 						title: "Add comment",
-						onMousedown: n[20] ||= Y((...e) => W($).startAddComment && W($).startAddComment(...e), ["prevent", "stop"])
-					}, [N(p, {
+						onMousedown: r[19] ||= J((...e) => U($).startAddComment && U($).startAddComment(...e), ["prevent", "stop"])
+					}, [M(n, {
 						name: "add_comment",
 						size: 18
-					})], 36)) : A("", !0)
+					})], 36)) : k("", !0)
 				], 544),
-				q.value ? A("", !0) : (z(), k(zr, {
+				q.value ? k("", !0) : (z(), O(Hr, {
 					key: 2,
 					"left-offset": 12,
-					onToggle: n[25] ||= (e) => q.value = !0
-				})),
-				W(vt).totalPages > 1 ? (z(), k(Br, {
+					onToggle: U(Ot).handleToggleOutline
+				}, null, 8, ["onToggle"])),
+				U(bt).totalPages > 1 ? (z(), O(Ur, {
 					key: 3,
-					"current-page": W(vt).currentPage,
-					"total-pages": W(vt).totalPages,
-					visible: W(vt).visible
+					"current-page": U(bt).currentPage,
+					"total-pages": U(bt).totalPages,
+					visible: U(bt).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : A("", !0),
-				N(qn, {
+				])) : k("", !0),
+				M(Xn, {
 					"is-open": q.value,
-					headings: xe.value,
-					onClose: n[26] ||= (e) => q.value = !1,
-					onNavigate: () => {}
-				}, null, 8, ["is-open", "headings"])
+					headings: Se.value,
+					"get-scroll-container": () => E.value,
+					onClose: r[24] ||= (e) => q.value = !1,
+					onNavigate: U(Ot).handleOutlineNavigate
+				}, null, 8, [
+					"is-open",
+					"headings",
+					"get-scroll-container",
+					"onNavigate"
+				])
 			])], 544),
-			N(Dr, {
-				"read-only": c.value,
-				"context-menu": W(Et),
-				"image-context-menu": W(Dt),
-				"image-context-menu-text-actions": W(Ot),
-				"custom-text-menu-items": W(kt),
-				"can-open-image-properties": W(at) !== null,
-				onContextMenuAction: W(Nt),
-				onCloseContextMenu: n[27] ||= (e) => W(Et).isOpen = !1,
-				onImageWrapSelect: W(Mt),
-				onCloseImageContextMenu: n[28] ||= (e) => Dt.value = null,
-				onOpenImageProperties: n[29] ||= (e) => V.value = !0
+			M(Ar, {
+				"read-only": l.value,
+				"context-menu": U(kt),
+				"image-context-menu": U(At),
+				"image-context-menu-text-actions": U(jt),
+				"custom-text-menu-items": U(Mt),
+				"can-open-image-properties": U(st) !== null,
+				onContextMenuAction: U(It),
+				onCloseContextMenu: r[25] ||= (e) => U(kt).isOpen = !1,
+				onImageWrapSelect: U(Ft),
+				onCloseImageContextMenu: r[26] ||= (e) => At.value = null,
+				onOpenImageProperties: r[27] ||= (e) => W.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -3774,30 +3915,30 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 			])
 		], 6));
 	}
-}), [["__scopeId", "data-v-1c285fdf"]]), ua = ["aria-label"], da = ["aria-label"], fa = [
+}), [["__scopeId", "data-v-dbfd4b1b"]]), ga = ["aria-label"], _a = ["aria-label"], va = [
 	"disabled",
 	"title",
 	"aria-label"
-], pa = [
+], ya = [
 	"disabled",
 	"title",
 	"aria-label"
-], ma = ["aria-label"], ha = [
+], ba = ["aria-label"], xa = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], ga = [
+], Sa = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], _a = [
+], Ca = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], va = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], wa = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "FormattingBar",
 	props: {
 		currentFormatting: {},
@@ -3838,113 +3979,113 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		"undo",
 		"redo"
 	],
-	setup(e, { emit: t }) {
-		let { ColorPicker: n } = d(), i = e, a = t, { t: o } = r(), s = O(() => i.currentFormatting ?? {}), c = O(() => i.documentStyles ? { styles: i.documentStyles } : {}), l = O(() => s.value.listState ?? b()), u = O(() => {
-			let e = s.value.color;
+	setup(e, { emit: r }) {
+		let { ColorPicker: i } = d(), a = e, o = r, { t: s } = t(), c = D(() => a.currentFormatting ?? {}), l = D(() => a.documentStyles ? { styles: a.documentStyles } : {}), u = D(() => c.value.listState ?? x()), f = D(() => {
+			let e = c.value.color;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
-		}), f = O(() => {
-			let e = l.value;
-			return e.isInList && e.level > 0 || (s.value.indentLeft ?? 0) > 0;
+		}), p = D(() => {
+			let e = u.value;
+			return e.isInList && e.level > 0 || (c.value.indentLeft ?? 0) > 0;
 		});
 		function m(e) {
-			a("format", {
+			o("format", {
 				type: "textColor",
 				value: e
 			});
 		}
-		return (t, r) => (z(), j("div", {
+		return (t, r) => (z(), A("div", {
 			class: L(["docx-formatting-bar", e.className]),
 			role: "toolbar",
-			"aria-label": W(o)("formattingToolbar"),
+			"aria-label": U(s)("formattingToolbar"),
 			"data-folio-toolbar": "true"
 		}, [
-			M("span", {
+			j("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": W(o)("historyGroup")
-			}, [M("button", {
+				"aria-label": U(s)("historyGroup")
+			}, [j("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canUndo,
-				title: W(o)("undoShortcut"),
-				"aria-label": W(o)("undo"),
-				onMousedown: r[0] ||= Y((e) => a("undo"), ["prevent"])
-			}, [N(p, {
+				title: U(s)("undoShortcut"),
+				"aria-label": U(s)("undo"),
+				onMousedown: r[0] ||= J((e) => o("undo"), ["prevent"])
+			}, [M(n, {
 				name: "undo",
 				size: 18
-			})], 40, fa), M("button", {
+			})], 40, va), j("button", {
 				type: "button",
 				class: "docx-formatting-bar__btn",
 				disabled: e.disabled || !e.canRedo,
-				title: W(o)("redoShortcut"),
-				"aria-label": W(o)("redo"),
-				onMousedown: r[1] ||= Y((e) => a("redo"), ["prevent"])
-			}, [N(p, {
+				title: U(s)("redoShortcut"),
+				"aria-label": U(s)("redo"),
+				onMousedown: r[1] ||= J((e) => o("redo"), ["prevent"])
+			}, [M(n, {
 				name: "redo",
 				size: 18
-			})], 40, pa)], 8, da),
-			r[13] ||= M("span", {
+			})], 40, ya)], 8, _a),
+			r[13] ||= j("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showStylePicker ? (z(), j(E, { key: 0 }, [N(y, de({ value: s.value.styleId ?? "Normal" }, c.value, {
+			e.showStylePicker ? (z(), A(T, { key: 0 }, [M(b, de({ value: c.value.styleId ?? "Normal" }, l.value, {
 				disabled: e.disabled,
-				onChange: r[2] ||= (e) => a("format", {
+				onChange: r[2] ||= (e) => o("format", {
 					type: "applyStyle",
 					value: e
 				})
-			}), null, 16, ["value", "disabled"]), r[11] ||= M("span", {
+			}), null, 16, ["value", "disabled"]), r[11] ||= j("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1)], 64)) : A("", !0),
-			M("span", {
+			}, null, -1)], 64)) : k("", !0),
+			j("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": W(o)("textFormattingGroup")
+				"aria-label": U(s)("textFormattingGroup")
 			}, [
-				M("button", {
+				j("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.bold }]),
 					disabled: e.disabled,
-					title: W(o)("boldShortcut"),
-					"aria-label": W(o)("bold"),
-					"aria-pressed": !!s.value.bold,
-					onMousedown: r[3] ||= Y((e) => a("format", "bold"), ["prevent"])
-				}, [N(p, {
+					title: U(s)("boldShortcut"),
+					"aria-label": U(s)("bold"),
+					"aria-pressed": !!c.value.bold,
+					onMousedown: r[3] ||= J((e) => o("format", "bold"), ["prevent"])
+				}, [M(n, {
 					name: "format_bold",
 					size: 18
-				})], 42, ha),
-				M("button", {
+				})], 42, xa),
+				j("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.italic }]),
 					disabled: e.disabled,
-					title: W(o)("italicShortcut"),
-					"aria-label": W(o)("italic"),
-					"aria-pressed": !!s.value.italic,
-					onMousedown: r[4] ||= Y((e) => a("format", "italic"), ["prevent"])
-				}, [N(p, {
+					title: U(s)("italicShortcut"),
+					"aria-label": U(s)("italic"),
+					"aria-pressed": !!c.value.italic,
+					onMousedown: r[4] ||= J((e) => o("format", "italic"), ["prevent"])
+				}, [M(n, {
 					name: "format_italic",
 					size: 18
-				})], 42, ga),
-				M("button", {
+				})], 42, Sa),
+				j("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": c.value.underline }]),
 					disabled: e.disabled,
-					title: W(o)("underlineShortcut"),
-					"aria-label": W(o)("underline"),
-					"aria-pressed": !!s.value.underline,
-					onMousedown: r[5] ||= Y((e) => a("format", "underline"), ["prevent"])
-				}, [N(p, {
+					title: U(s)("underlineShortcut"),
+					"aria-label": U(s)("underline"),
+					"aria-pressed": !!c.value.underline,
+					onMousedown: r[5] ||= J((e) => o("format", "underline"), ["prevent"])
+				}, [M(n, {
 					name: "format_underlined",
 					size: 18
-				})], 42, _a)
-			], 8, ma),
-			e.showTextColorPicker ? (z(), j(E, { key: 1 }, [r[12] ||= M("span", {
+				})], 42, Ca)
+			], 8, ba),
+			e.showTextColorPicker ? (z(), A(T, { key: 1 }, [r[12] ||= j("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1), N(W(n), {
+			}, null, -1), M(U(i), {
 				mode: "text",
-				value: u.value,
+				value: f.value,
 				theme: e.theme ?? null,
 				disabled: e.disabled,
 				onChange: m
@@ -3952,37 +4093,37 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				"value",
 				"theme",
 				"disabled"
-			])], 64)) : A("", !0),
-			r[14] ||= M("span", {
+			])], 64)) : k("", !0),
+			r[14] ||= j("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showAlignmentButtons ? (z(), k(S, {
+			e.showAlignmentButtons ? (z(), O(S, {
 				key: 2,
-				value: s.value.alignment ?? "left",
+				value: c.value.alignment ?? "left",
 				disabled: e.disabled,
-				onChange: r[6] ||= (e) => a("format", {
+				onChange: r[6] ||= (e) => o("format", {
 					type: "alignment",
 					value: e
 				})
-			}, null, 8, ["value", "disabled"])) : A("", !0),
-			e.showListButtons ? (z(), k(C, {
+			}, null, 8, ["value", "disabled"])) : k("", !0),
+			e.showListButtons ? (z(), O(te, {
 				key: 3,
-				"list-state": l.value,
+				"list-state": u.value,
 				disabled: e.disabled,
-				"can-outdent": f.value,
-				onBulletList: r[7] ||= (e) => a("format", "bulletList"),
-				onNumberedList: r[8] ||= (e) => a("format", "numberedList"),
-				onIndent: r[9] ||= (e) => a("format", "indent"),
-				onOutdent: r[10] ||= (e) => a("format", "outdent")
+				"can-outdent": p.value,
+				onBulletList: r[7] ||= (e) => o("format", "bulletList"),
+				onNumberedList: r[8] ||= (e) => o("format", "numberedList"),
+				onIndent: r[9] ||= (e) => o("format", "indent"),
+				onOutdent: r[10] ||= (e) => o("format", "outdent")
 			}, null, 8, [
 				"list-state",
 				"disabled",
 				"can-outdent"
-			])) : A("", !0)
-		], 10, ua));
+			])) : k("", !0)
+		], 10, ga));
 	}
-}), [["__scopeId", "data-v-225f770f"]]), ya = ["value", "disabled"], ba = ["value"], xa = ["value"], Sa = [
+}), [["__scopeId", "data-v-225f770f"]]), Ta = [
 	{
 		value: .5,
 		label: "50%"
@@ -4007,7 +4148,7 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		value: 2,
 		label: "200%"
 	}
-], Ca = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], Ea = /*#__PURE__*/ e(/* @__PURE__ */ N({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -4024,65 +4165,73 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = O(() => n.levels ?? Sa), a = O(() => i.value.find((e) => Math.abs(e.value - n.value) < .001)), o = O(() => a.value ? a.value.label : `${Math.round(n.value * 100)}%`), s = O(() => a.value ? String(a.value.value) : String(n.value));
-		function c(e) {
-			if (!(e.target instanceof HTMLSelectElement)) return;
-			let t = Number.parseFloat(e.target.value);
-			Number.isNaN(t) || r("change", t);
+		let { Select: n } = d(), r = e, i = t, a = D(() => r.levels ?? Ta), o = D(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = D(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = D(() => o.value ? String(o.value.value) : String(r.value)), l = D(() => {
+			let e = a.value.map((e) => ({
+				value: String(e.value),
+				label: e.label
+			}));
+			return o.value || e.unshift({
+				value: c.value,
+				label: s.value
+			}), e;
+		});
+		function u(e) {
+			let t = Number.parseFloat(e);
+			Number.isNaN(t) || i("change", t);
 		}
-		return (t, n) => (z(), j("select", {
+		return (t, r) => (z(), O(U(n), {
 			class: L(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
-			value: s.value,
+			value: c.value,
+			items: l.value,
 			disabled: e.disabled,
 			"aria-label": "Zoom level",
-			onChange: c
-		}, [a.value ? A("", !0) : (z(), j("option", {
-			key: 0,
-			value: s.value
-		}, U(o.value), 9, ba)), (z(!0), j(E, null, V(i.value, (e) => (z(), j("option", {
-			key: e.value,
-			value: String(e.value)
-		}, U(e.label), 9, xa))), 128))], 42, ya));
-	}
-}), [["__scopeId", "data-v-4408d2e8"]]), wa = (e, t, n = {}) => {
-	let { locale: r = "en", ...i } = n;
-	return new Promise((n, a) => {
-		let o = B(null), c = null, l = !1, u = {
+			onChange: u
+		}, null, 8, [
+			"class",
+			"value",
+			"items",
+			"disabled"
+		]));
+	}
+}), [["__scopeId", "data-v-8079e07f"]]), Da = (e, t, n = {}) => {
+	let { locale: r = "en", ...a } = n;
+	return new Promise((n, o) => {
+		let s = B(null), c = null, l = !1, u = {
 			save: async () => {
-				let e = await (o.value?.save() ?? Promise.resolve(null));
+				let e = await (s.value?.save() ?? Promise.resolve(null));
 				return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
 			},
-			getDocument: () => o.value?.getDocument() ?? null,
+			getDocument: () => s.value?.getDocument() ?? null,
 			focus: () => {
-				o.value?.focus();
+				s.value?.focus();
 			},
 			setZoom: (e) => {
-				o.value?.setZoom(e);
+				s.value?.setZoom(e);
 			},
 			scrollToPosition: (e) => {
-				o.value?.getEditorRef()?.scrollToPosition(e);
+				s.value?.getEditorRef()?.scrollToPosition(e);
 			},
 			scrollToPage: (e) => {
-				o.value?.scrollToPage(e);
+				s.value?.scrollToPage(e);
 			},
 			destroy: () => {
-				l || (l = !0, a(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), c?.unmount(), c = null;
+				l || (l = !0, o(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), c?.unmount(), c = null;
 			}
 		};
-		c = oe({ setup() {
-			return () => F(la, {
-				...i,
+		c = se({ setup() {
+			return () => P(ha, {
+				...a,
 				documentBuffer: e,
-				ref: o,
+				ref: s,
 				onReady: () => {
 					l || (l = !0, n(u));
 				},
 				onError: (e) => {
-					i.onError?.(e), l || (l = !0, c?.unmount(), c = null, a(e));
+					a.onError?.(e), l || (l = !0, c?.unmount(), c = null, o(e));
 				}
 			});
-		} }), c.use(s, r), c.mount(t);
+		} }), c.use(i, r), c.mount(t);
 	});
 };
 //#endregion
-export { mn as DEFAULT_AI_SUGGESTION_PRESETS, Dn as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, la as DocxEditor, ee as FolioUIProvider, va as FormattingBar, Ca as ZoomControl, On as acceptAutocompleteSuggestion, kn as acceptAutocompleteWord, Fe as anonymizationDecorationsKey, An as appendAutocompleteToken, Dt as applyFolioAIEditOperations, hn as applySuggestions, jn as autocompleteSuggestionKey, Mn as autocompleteSuggestionPlugin, vn as buildPositionalText, Nn as clearAutocompleteSuggestion, St as clearTemplateSlashMenu, Ct as consumeTemplateSlashQuery, wn as createAICitationDecorationsPlugin, pn as createDocx, fn as createEmptyDocument, kt as createFolioAIEditSnapshot, a as defaultLocale, Wt as deriveBlockId, jt as diffWordSegments, Pn as finishAutocompleteSuggestion, Rn as fromMarkdown, Ie as getAnonymizationMatches, Fn as getAutocompleteSuggestion, Sn as getFolioCaretViewportRect, Gt as getFolioParaIdFromBlockId, Cn as getFolioSelectionViewportRect, at as getTemplateDirectives, wt as getTemplateSlashMenu, Mt as hashFolioAIBlockText, s as i18nPlugin, ye as insertImageFromFile, xe as insertPageBreakInView, X as insertTableInView, we as insertTableOfContentsInView, Jt as isFolioBlockId, Yt as isSequentialFolioBlockId, gn as isSuggestionStale, Nt as normalizeFolioAIBlockText, t as provideLocale, wa as renderAsync, Tt as resetTemplateSlashQuery, _n as resolveSuggestionAnchor, st as scanDirectives, xn as scrollFolioPositionIntoView, Tn as setAICitationsMeta, yn as setAISuggestionsMeta, En as setActiveCitationMeta, Re as setAnonymizationTermsMeta, bn as setFocusedSuggestionMeta, xt as setTemplatePreviewValues, In as shouldTriggerAutocomplete, Ln as startAutocompleteSuggestion, Et as templateSlashMenuKey, zn as toMarkdown, Bn as toMarkdownResult, r as useTranslation, T as useWheelZoom };
+export { vn as DEFAULT_AI_SUGGESTION_PRESETS, jn as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, ha as DocxEditor, l as FolioUIProvider, wa as FormattingBar, Ea as ZoomControl, Mn as acceptAutocompleteSuggestion, Nn as acceptAutocompleteWord, Ie as anonymizationDecorationsKey, Pn as appendAutocompleteToken, Ot as applyFolioAIEditOperations, yn as applySuggestions, Fn as autocompleteSuggestionKey, In as autocompleteSuggestionPlugin, Sn as buildPositionalText, Ln as clearAutocompleteSuggestion, Ct as clearTemplateSlashMenu, wt as consumeTemplateSlashQuery, On as createAICitationDecorationsPlugin, _n as createDocx, gn as createEmptyDocument, At as createFolioAIEditSnapshot, p as defaultLocale, qt as deriveBlockId, Mt as diffWordSegments, Rn as finishAutocompleteSuggestion, Hn as fromMarkdown, Le as getAnonymizationMatches, zn as getAutocompleteSuggestion, En as getFolioCaretViewportRect, Jt as getFolioParaIdFromBlockId, Dn as getFolioSelectionViewportRect, ot as getTemplateDirectives, Tt as getTemplateSlashMenu, Ft as hashFolioAIBlockText, i as i18nPlugin, be as insertImageFromFile, Se as insertPageBreakInView, X as insertTableInView, Te as insertTableOfContentsInView, Zt as isFolioBlockId, Qt as isSequentialFolioBlockId, bn as isSuggestionStale, It as normalizeFolioAIBlockText, f as provideLocale, Da as renderAsync, Et as resetTemplateSlashQuery, xn as resolveSuggestionAnchor, ct as scanDirectives, Tn as scrollFolioPositionIntoView, kn as setAICitationsMeta, Cn as setAISuggestionsMeta, An as setActiveCitationMeta, ze as setAnonymizationTermsMeta, wn as setFocusedSuggestionMeta, St as setTemplatePreviewValues, Bn as shouldTriggerAutocomplete, Vn as startAutocompleteSuggestion, Dt as templateSlashMenuKey, Un as toMarkdown, Wn as toMarkdownResult, t as useTranslation, w as useWheelZoom };