@stll/folio-vue 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,68 +1,71 @@
-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 { A as e, F as t, O as n, P as r, _ as i, d as a, f as o, g as s, j as c, k as l, m as u, p as d, u as f, y as p } from "./WatermarkDialog-D-uTab0-.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-BaILr4AO.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-BR--m9w3.js";
+import { FindReplaceDialog as T, FootnotePropertiesDialog as se, HyperlinkDialog as ce, ImagePositionDialog as le, ImagePropertiesDialog as E, InsertImageDialog as D, InsertSymbolDialog as ue, InsertTableDialog as de, PageSetupDialog as fe, PasteSpecialDialog as O, SplitCellDialog as k, TablePropertiesDialog as A, WatermarkDialog as j } from "./dialogs.js";
+import { Fragment as M, Teleport as pe, computed as N, createApp as me, createBlock as P, createCommentVNode as F, createElementBlock as I, createElementVNode as L, createSlots as he, createStaticVNode as ge, createTextVNode as R, createVNode as z, defineComponent as B, h as _e, inject as ve, mergeProps as ye, nextTick as be, normalizeClass as V, normalizeStyle as H, onBeforeUnmount as xe, onMounted as Se, openBlock as U, provide as Ce, ref as W, renderList as G, renderSlot as we, shallowRef as Te, toDisplayString as K, unref as q, vModelText as Ee, watch as J, withCtx as De, withDirectives as Oe, withKeys as ke, withModifiers as Y } from "vue";
+import { createStyleResolver as Ae, extractSelectionState as je, getSelectedText as Me, insertImageFromFile as Ne, insertImageFromFile as Pe, insertPageBreakInView as X, insertPageBreakInView as Fe, insertTableInView as Ie, insertTableInView as Le, insertTableOfContentsInView as Re, insertTableOfContentsInView as ze } from "@stll/folio-core/prosemirror";
+import { extractSelectionContext as Be } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { inspectDocxCompatibility as Ve } from "@stll/folio-core/docx/compatibility";
+import { clearAllCaches as He, resetCanvasContext as Ue } from "@stll/folio-core/layout-bridge/engine/measuring";
+import { onFontsLoaded as We } from "@stll/folio-core/utils/fontLoader";
+import { twipsToPixels as Ge } from "@stll/folio-core/paged-layout/sectionGeometry";
+import { measureDirectiveGutter as Ke, projectRangesToRects as qe } from "@stll/folio-core/paged-layout/rangeProjection";
+import { prefersReducedMotionBehavior as Je } from "@stll/folio-core/paged-layout/scrollNavigation";
+import { anonymizationDecorationsKey as Ye, getAnonymizationMatches as Xe, getAnonymizationMatches as Ze, setAnonymizationTermsMeta as Qe, slugAnonymizationLabel as $e } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
+import { NodeSelection as Z, Selection as et, TextSelection as tt } from "prosemirror-state";
+import { pixelsToEmu as nt } from "@stll/folio-core/utils/units";
+import { IMAGE_LAYOUT_OPTIONS as rt, captureInlinePositionEmu as it, deriveLayoutChoice as at, findImageElement as ot, isImageLayoutOptionEnabled as st, toolbarValueToLayoutTarget as ct } from "@stll/folio-core/layout-painter/imageLayout";
+import { isTrackChangesMode as lt, toggledTrackChangesMode as ut } from "@stll/folio-core/managers/EditorModeManager";
+import { clickToPositionDom as dt } from "@stll/folio-core/layout-bridge/dom/clickToPositionDom";
+import { calculateResizedImageDimensions as ft, commitImageFloatMove as pt, commitImageInlineMove as mt, commitImageResize as ht, isFloatingImage as gt } from "@stll/folio-core/prosemirror/imageCommit";
+import { findBodyPmAnchor as _t, findBodyPmSpans as vt } from "@stll/folio-core/layout-bridge/dom/findBodyPmSpans";
+import { getTemplateDirectives as yt, getTemplateDirectives as bt, scanDirectives as xt } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
+import { clearFormatting as St } from "@stll/folio-core/prosemirror/commands/formatting";
+import { getTableContext as Ct } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { PENDING_COMMENT_ID as wt, createCommentIdAllocator as Tt, seedCommentAllocator as Et } from "@stll/folio-core/prosemirror/commentIdAllocator";
+import { createComment as Dt } from "@stll/folio-core/prosemirror/commentOps";
+import { findChangeRange as Ot } from "@stll/folio-core/prosemirror/queries";
+import { acceptAIEditRevision as kt, acceptChange as At, findAIEditRevisionRange as jt, rejectAIEditRevision as Mt, rejectChange as Nt } from "@stll/folio-core/prosemirror/commands/comments";
+import { makeRevisionInfo as Pt } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { setTemplatePreviewValues as Ft } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { clearTemplateSlashMenu as It, consumeTemplateSlashQuery as Lt, getTemplateSlashMenu as Rt, resetTemplateSlashQuery as Q, templateSlashMenuKey as zt } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { applyFolioAIEditOperations as $, applyFolioAIEditOperations as Bt, createFolioAIEditSnapshot as Vt, createFolioAIEditSnapshot as Ht, diffWordSegments as Ut, getCommentAnchorsFromDoc as Wt, getTrackedChangesFromDoc as Gt, hashFolioAIBlockText as Kt, normalizeFolioAIBlockText as qt } from "@stll/folio-core/ai-edits";
+import { findPageIndexContainingPmPos as Jt } from "@stll/folio-core/layout-engine";
+import { findParagraphFragmentsByParaId as Yt, flashParagraphElements as Xt } from "@stll/folio-core/paged-layout/paragraphFlash";
+import { blockSdtAttrsToSdtProperties as Zt, findBlockSdtMatch as Qt, findBlockSdtMatches as $t, removeContentControlTr as en, setContentControlContentTr as tn, setContentControlValueTr as nn } from "@stll/folio-core/prosemirror/commands/contentControls";
+import { setContentControlContentBlocksTr as rn } from "@stll/folio-core/prosemirror/commands/contentControlsBlockFill";
+import { createFolioAIEditSnapshot as an } from "@stll/folio-core/ai-edits/snapshot";
+import { findParagraphByParaId as on } from "@stll/folio-core/prosemirror/utils/findParagraphByParaId";
+import { deriveBlockId as sn, getFolioParaIdFromBlockId as cn, getFolioParaIdFromBlockId as ln, getSequentialFolioBlockIdIndex as un, isFolioBlockId as dn, isSequentialFolioBlockId as fn } from "@stll/folio-core/types/block-id";
+import { applyStyle as pn, removeTabStop as mn, setIndentFirstLine as hn, setIndentLeft as gn, setIndentRight as _n } from "@stll/folio-core/prosemirror/commands/paragraph";
+import { getCachedNumberingMap as vn } from "@stll/folio-core/docx";
+import { insertPageBreak as yn } from "@stll/folio-core/prosemirror/commands/pageBreak";
+import { insertSectionBreakContinuous as bn, insertSectionBreakNextPage as xn } from "@stll/folio-core/prosemirror/commands/sectionBreak";
+import { editHyperlinkAtCursor as Sn, removeHyperlinkAtCursor as Cn } from "@stll/folio-core/prosemirror/commands/hyperlink";
+import { collectHeadings as wn } from "@stll/folio-core/utils/headingCollector";
+import { TABLE_INSERT_HIDE_DELAY_MS as Tn, detectTableInsertHover as En } from "@stll/folio-core/layout-bridge/tableInsertHover";
+import { createCellDragTracker as Dn, findCellPosFromPmPos as On } from "@stll/folio-core/prosemirror/cellDragSelection";
+import { getDocumentWatermark as kn, setDocumentWatermark as An } from "@stll/folio-core/watermark";
+import { createEmptyDocument as jn } from "@stll/folio-core/utils/createDocument";
+import { createDocx as Mn } from "@stll/folio-core/docx/rezip";
+import { DEFAULT_AI_SUGGESTION_PRESETS as Nn } from "@stll/folio-core/ai-suggestions/types";
+import { applySuggestions as Pn } from "@stll/folio-core/ai-suggestions/apply";
+import { isSuggestionStale as Fn, resolveSuggestionAnchor as In } from "@stll/folio-core/ai-suggestions/conflict";
+import { buildPositionalText as Ln } from "@stll/folio-core/ai-suggestions/text-positions";
+import { setAISuggestionsMeta as Rn, setFocusedSuggestionMeta as zn } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
+import { scrollFolioPositionIntoView as Bn } from "@stll/folio-core/paged-layout/scrollToPmPosition";
+import { getFolioCaretViewportRect as Vn, getFolioSelectionViewportRect as Hn } from "@stll/folio-core/paged-layout/selectionViewportRect";
+import { createAICitationDecorationsPlugin as Un, setAICitationsMeta as Wn, setActiveCitationMeta as Gn } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
+import { DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES as Kn, acceptAutocompleteSuggestion as qn, acceptAutocompleteWord as Jn, appendAutocompleteToken as Yn, autocompleteSuggestionKey as Xn, autocompleteSuggestionPlugin as Zn, clearAutocompleteSuggestion as Qn, finishAutocompleteSuggestion as $n, getAutocompleteSuggestion as er, shouldTriggerAutocomplete as tr, startAutocompleteSuggestion as nr } from "@stll/folio-core/prosemirror/plugins/autocompleteSuggestion";
+import { fromMarkdown as rr, toMarkdown as ir, toMarkdownResult as ar } from "@stll/folio-core/markdown";
 //#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
-var Vn = [
+var or = [
 	"data-folio-anonymization-label",
 	"data-folio-anonymization-canonical",
 	"data-folio-anonymization-selected",
 	"title"
-], Hn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], sr = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "AnonymizationRectsOverlay",
 	props: {
 		getView: { type: Function },
@@ -77,7 +80,7 @@ var Vn = [
 		selectionSeq: {}
 	},
 	setup(e) {
-		let t = e, n = B(null), r = B([]), i = 0, a = null;
+		let t = e, n = W(null), r = W([]), i = 0, a = null;
 		function o() {
 			a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
 				a = null, s();
@@ -89,12 +92,12 @@ var Vn = [
 				r.value = [];
 				return;
 			}
-			let s = Le(o);
+			let s = Ze(o);
 			if (s.length === 0) {
 				r.value = [];
 				return;
 			}
-			let c = await Ne(s, {
+			let c = await qe(s, {
 				pagesContainer: a,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -114,7 +117,7 @@ var Vn = [
 				}))
 			}));
 		}
-		K(() => [
+		J(() => [
 			t.editorState,
 			t.zoom,
 			t.layout,
@@ -136,10 +139,10 @@ var Vn = [
 				index: a
 			}, i.item(a)?.scrollIntoView({
 				block: "center",
-				behavior: Pe()
+				behavior: Je()
 			});
 		}
-		K(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
+		J(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
 		function u(e) {
 			if (e.button !== 0 || !t.onTermClick) return;
 			let r = n.value;
@@ -156,71 +159,80 @@ var Vn = [
 				}
 			}
 		}
-		return pe(() => {
+		return Se(() => {
 			document.addEventListener("click", u), o();
-		}), fe(() => {
+		}), xe(() => {
 			document.removeEventListener("click", u), a !== null && (cancelAnimationFrame(a), a = null);
-		}), (t, i) => (z(), j("div", {
+		}), (t, i) => (U(), I("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", {
+		}, [(U(!0), I(M, null, G(r.value, (t) => (U(), I(M, { key: `${t.label}:${t.canonical}` }, [(U(!0), I(M, null, G(t.rects, (n, r) => (U(), I("span", {
 			key: `${t.canonical}:${r}:${n.left}:${n.top}`,
-			class: L(["folio-anonymization-term", `folio-anonymization-term--${W(ze)(t.label)}`]),
+			class: V(["folio-anonymization-term", `folio-anonymization-term--${q($e)(t.label)}`]),
 			"data-folio-anonymization-label": t.label,
 			"data-folio-anonymization-canonical": t.canonical,
 			"data-folio-anonymization-selected": t.canonical === e.selectedCanonical ? "true" : void 0,
 			title: `Anonymized: ${t.canonical}`,
-			style: R({
+			style: H({
 				position: "absolute",
 				left: `${n.left}px`,
 				top: `${n.top}px`,
 				width: `${n.width}px`,
 				height: `${n.height}px`
 			})
-		}, null, 14, Vn))), 128))], 64))), 128))], 512));
+		}, null, 14, or))), 128))], 64))), 128))], 512));
 	}
-}), [["__scopeId", "data-v-c7db88e1"]]), Un = { class: "doc-outline__header" }, Wn = { class: "doc-outline__body" }, Gn = {
+}), [["__scopeId", "data-v-c7db88e1"]]), cr = { class: "doc-outline__header" }, lr = { class: "doc-outline__body" }, ur = {
 	key: 0,
 	class: "doc-outline__empty"
-}, Kn = ["onMousedown"], qn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, dr = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__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 n = e, { OutlineRail: i } = p(), a = N(() => n.headings.length ? Math.min(...n.headings.map((e) => e.level)) : 0), o = N(() => n.headings.map((e) => ({
+			id: String(e.pmPos),
+			label: e.text || "(untitled)",
+			level: e.level - a.value
+		}))), s = t;
+		function c(e) {
+			s("navigate", Number(e));
+		}
+		return (t, n) => e.isOpen ? (U(), I("nav", {
 			key: 0,
 			class: "doc-outline",
-			style: R({
+			style: H({
 				left: e.leftOffset + "px",
 				top: e.topPx + "px"
 			}),
 			role: "navigation",
 			"aria-label": "Document outline",
-			onMousedown: r[1] ||= Y(() => {}, ["stop"])
-		}, [M("div", Un, [M("button", {
+			onMousedown: n[1] ||= Y(() => {}, ["stop"])
+		}, [L("div", cr, [L("button", {
 			class: "doc-outline__back",
 			title: "Close outline",
 			"aria-label": "Close outline",
-			onClick: r[0] ||= (e) => t.$emit("close")
-		}, [N(p, {
+			onClick: n[0] ||= (e) => t.$emit("close")
+		}, [z(r, {
 			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({
+		})]), n[2] ||= L("span", { class: "doc-outline__title" }, "Document Outline", -1)]), L("div", lr, [e.headings.length === 0 ? (U(), I("div", ur, "No headings found")) : (U(), P(q(i), {
+			key: 1,
+			items: o.value,
+			"get-scroll-container": e.getScrollContainer ?? (() => null),
+			"on-jump": c,
+			"aria-label": "Document outline"
+		}, null, 8, ["items", "get-scroll-container"]))])], 36)) : F("", !0);
+	}
+}), [["__scopeId", "data-v-92482e57"]]), fr = /* @__PURE__ */ B({
 	__name: "DocxEditorDialogs",
 	props: {
 		view: {},
@@ -244,53 +256,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, r) => (U(), I(M, null, [
+			z(u, {
+				"is-open": e.showFindReplace,
+				view: e.view,
+				onClose: r[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")
+			z(d, {
+				"is-open": e.showHyperlink,
+				view: e.view,
+				bookmarks: e.bookmarks,
+				onClose: r[1] ||= (e) => n("update:showHyperlink", !1),
+				onSubmit: r[2] ||= (e) => n("hyperlink-submit", e),
+				onRemove: r[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)
+			z(a, {
+				"is-open": e.showInsertSymbol,
+				onClose: r[4] ||= (e) => n("update:showInsertSymbol", !1),
+				onInsert: r[5] ||= (e) => n("insert-symbol", e)
 			}, null, 8, ["is-open"]),
-			N(o, {
-				"is-open": t.showImageProperties,
-				view: t.view,
-				"pm-pos": t.selectedImagePmPos,
-				onClose: s[6] ||= (e) => a("update:showImageProperties", !1)
+			z(o, {
+				"is-open": e.showImageProperties,
+				view: e.view,
+				"pm-pos": e.selectedImagePmPos,
+				onClose: r[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)
+			z(f, {
+				"is-open": e.showPageSetup,
+				"section-properties": e.sectionProperties,
+				onClose: r[7] ||= (e) => n("update:showPageSetup", !1),
+				onApply: r[8] ||= (e) => n("page-setup-apply", e)
 			}, null, 8, ["is-open", "section-properties"])
 		], 64));
 	}
-}), Yn = {
+}), pr = {
 	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({
+}, mr = { class: "docx-editor-vue__title-bar-left" }, hr = { class: "docx-editor-vue__title-bar-center" }, gr = { class: "docx-editor-vue__title-bar-right" }, _r = /* @__PURE__ */ B({
 	__name: "DocxEditorMenuBar",
 	props: {
 		showMenuBar: {
@@ -322,13 +334,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 ? (U(), I("div", pr, [
+			L("div", mr, [we(t.$slots, "title-bar-left")]),
+			L("div", hr, [z(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"]), z(g, {
 				"show-file-open": e.showFileOpen,
 				"show-help-menu": e.showHelpMenu,
 				"show-table-insert": e.showTableInsert,
@@ -339,40 +351,40 @@ var Vn = [
 				"show-help-menu",
 				"show-table-insert"
 			])]),
-			M("div", Qn, [H(t.$slots, "title-bar-right")])
-		])) : A("", !0);
+			L("div", gr, [we(t.$slots, "title-bar-right")])
+		])) : F("", !0);
 	}
-}), er = Symbol("docx-portal-class");
-function tr(e) {
-	me(er, O(() => ({
+}), vr = Symbol("docx-portal-class");
+function yr(e) {
+	Ce(vr, N(() => ({
 		"ep-root": !0,
-		dark: !!W(e)
+		dark: !!q(e)
 	})));
 }
-function nr() {
-	return ue(er, O(() => ({ "ep-root": !0 })));
+function br() {
+	return ve(vr, N(() => ({ "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 xr = ["aria-label"], Sr = { class: "image-ctx-menu__icon" }, Cr = { class: "image-ctx-menu__label" }, wr = {
 	key: 1,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, sr = [
+}, Tr = [
 	"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 = {
+], Er = { class: "image-ctx-menu__icon" }, Dr = { class: "image-ctx-menu__label" }, Or = ["aria-label"], kr = ["disabled", "onClick"], Ar = { class: "image-ctx-menu__label" }, jr = {
 	key: 0,
 	class: "image-ctx-menu__shortcut"
-}, mr = {
+}, Mr = {
 	key: 0,
 	class: "image-ctx-menu__divider",
 	role: "separator"
-}, hr = 18, gr = 260, _r = 10, vr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Nr = 18, Pr = 260, Fr = 10, Ir = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "ImageContextMenu",
 	props: {
 		state: {},
@@ -393,29 +405,29 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 		function a() {
 			i("open-properties"), i("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: o } = c(), s = br(), l = rt, u = N(() => n.state ? at(n.state.currentWrapType, n.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(() => {
+		let p = N(() => {
 			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 e = rt.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
+			return typeof window < "u" && (t + Pr > window.innerWidth && (t = window.innerWidth - Pr - Fr), r + e > window.innerHeight && (r = window.innerHeight - e - Fr), t < Fr && (t = Fr), r < Fr && (r = Fr)), {
 				position: "fixed",
 				left: `${t}px`,
 				top: `${r}px`,
-				minWidth: `${gr}px`,
+				minWidth: `${Pr}px`,
 				zIndex: 400
 			};
 		});
 		function m(e) {
-			return n.state ? qe(e, n.state.currentWrapType) : !1;
+			return n.state ? st(e, n.state.currentWrapType) : !1;
 		}
 		function h(e) {
 			m(e) && (i("select", e.choice), i("close"));
@@ -429,22 +441,22 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 		function v(e) {
 			e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
-		return (t, n) => (z(), k(D, { to: "body" }, [e.state && e.state.open ? (z(), j("div", {
+		return (t, n) => (U(), P(pe, { to: "body" }, [e.state && e.state.open ? (U(), I("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", {
+		}, null, 32)) : F("", !0), e.state && e.state.open ? (U(), I("div", {
 			key: 1,
-			class: L(["image-ctx-menu", W(s)]),
+			class: V(["image-ctx-menu", q(s)]),
 			role: "menu",
-			"aria-label": W(o)("imageWrap.menu.ariaLabel"),
+			"aria-label": q(o)("imageWrap.menu.ariaLabel"),
 			"data-testid": "image-context-menu",
-			style: R(f.value),
+			style: H(p.value),
 			onContextmenu: n[4] ||= Y(() => {}, ["prevent"]),
 			onKeydown: v
 		}, [
-			e.canOpenProperties ? (z(), j("button", {
+			e.canOpenProperties ? (U(), I("button", {
 				key: 0,
 				type: "button",
 				role: "menuitem",
@@ -452,55 +464,55 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				"data-action": "open-properties",
 				onMousedown: n[1] ||= Y(() => {}, ["prevent"]),
 				onClick: a
-			}, [M("span", ir, [N(p, {
+			}, [L("span", Sr, [z(r, {
 				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: Nr
+			})]), L("span", Cr, K(q(o)("imageWrap.menu.imageProperties")), 1)], 32)) : F("", !0),
+			e.canOpenProperties ? (U(), I("div", wr)) : F("", !0),
+			(U(!0), I(M, null, G(q(l), (e) => (U(), I("button", {
 				key: e.choice,
 				type: "button",
 				role: "menuitem",
-				class: L(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === l.value }]),
+				class: V(["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}`),
+				title: q(o)(`imageWrap.menuDesc.${e.i18nDescKey}`),
 				onMousedown: n[2] ||= Y(() => {}, ["prevent"]),
 				onClick: (t) => h(e)
 			}, [
-				M("span", cr, [N(p, {
-					name: d(e.iconHint),
-					size: hr
+				L("span", Er, [z(r, {
+					name: f(e.iconHint),
+					size: Nr
 				}, null, 8, ["name"])]),
-				M("span", lr, U(W(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
-				e.choice === l.value ? (z(), j("span", {
+				L("span", Dr, K(q(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === u.value ? (U(), I("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": q(o)("imageWrap.menu.ariaLabel")
+				}, "●", 8, Or)) : F("", !0)
+			], 42, Tr))), 128)),
+			e.textActions && e.textActions.length > 0 ? (U(), I(M, { key: 2 }, [n[5] ||= L("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), (U(!0), I(M, null, G(e.textActions, (e, t) => (U(), I(M, { key: `${e.action}-${t}` }, [L("button", {
 				type: "button",
 				role: "menuitem",
 				class: "image-ctx-menu__item image-ctx-menu__item--text",
 				disabled: e.disabled,
 				onMousedown: n[3] ||= Y(() => {}, ["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)]));
+			}, [L("span", Ar, K(e.label), 1), e.shortcut ? (U(), I("span", jr, K(e.shortcut), 1)) : F("", !0)], 40, kr), e.dividerAfter ? (U(), I("div", Mr)) : F("", !0)], 64))), 128))], 64)) : F("", !0)
+		], 46, xr)) : F("", !0)]));
 	}
-}), [["__scopeId", "data-v-1bdca3c9"]]), yr = ["disabled", "onMousedown"], br = {
+}), [["__scopeId", "data-v-37e33eb5"]]), Lr = ["disabled", "onMousedown"], Rr = {
 	key: 0,
 	class: "ctx-menu__icon"
-}, xr = { class: "ctx-menu__label" }, Sr = {
+}, zr = { class: "ctx-menu__label" }, Br = {
 	key: 1,
 	class: "ctx-menu__shortcut"
-}, Cr = 220, wr = 32, Tr = 10, Er = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Vr = 220, Hr = 32, Ur = 10, Wr = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "TextContextMenu",
 	props: {
 		isOpen: { type: Boolean },
@@ -515,9 +527,9 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 	},
 	emits: ["close", "action"],
 	setup(e, { emit: t }) {
-		let n = e, i = ({ node: e }) => e;
-		i.props = ["node"];
-		let a = t, { t: o } = r(), s = nr(), c = B(null), l = O(() => {
+		let n = e, r = ({ node: e }) => e;
+		r.props = ["node"];
+		let i = t, { t: a } = c(), o = br(), s = W(null), l = N(() => {
 			let e = [], t = n.customItems ?? [];
 			for (let [n, r] of t.entries()) e.push({
 				id: `custom-${r.id}`,
@@ -533,27 +545,27 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 			});
 			return e.push({
 				id: "cut",
-				label: o("cut"),
+				label: a("cut"),
 				action: "cut",
-				shortcut: o("contextMenu.cutShortcut"),
+				shortcut: a("contextMenu.cutShortcut"),
 				disabled: !n.hasSelection || !n.isEditable
 			}, {
 				id: "copy",
-				label: o("copy"),
+				label: a("copy"),
 				action: "copy",
-				shortcut: o("contextMenu.copyShortcut"),
+				shortcut: a("contextMenu.copyShortcut"),
 				disabled: !n.hasSelection
 			}, {
 				id: "paste",
-				label: o("paste"),
+				label: a("paste"),
 				action: "paste",
-				shortcut: o("contextMenu.pasteShortcut"),
+				shortcut: a("contextMenu.pasteShortcut"),
 				disabled: !n.isEditable
 			}, {
 				id: "pasteAsPlainText",
-				label: o("pasteUnformatted"),
+				label: a("pasteUnformatted"),
 				action: "pasteAsPlainText",
-				shortcut: o("contextMenu.pastePlainTextShortcut"),
+				shortcut: a("contextMenu.pastePlainTextShortcut"),
 				disabled: !n.isEditable
 			}, {
 				id: "div1",
@@ -562,15 +574,15 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "delete",
-				label: o("delete"),
+				label: a("delete"),
 				action: "delete",
-				shortcut: o("contextMenu.deleteShortcut"),
+				shortcut: a("contextMenu.deleteShortcut"),
 				disabled: !n.hasSelection || !n.isEditable
 			}, {
 				id: "selectAll",
-				label: o("selectAll"),
+				label: a("selectAll"),
 				action: "selectAll",
-				shortcut: o("contextMenu.selectAllShortcut")
+				shortcut: a("contextMenu.selectAllShortcut")
 			}), n.onImage && n.isEditable && e.push({
 				id: "div-img",
 				label: "",
@@ -578,17 +590,17 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "replaceImage",
-				label: o("imageOverlay.replaceImage"),
+				label: a("imageOverlay.replaceImage"),
 				action: "replaceImage"
 			}, {
 				id: "imageProperties",
-				label: o("imageWrap.menu.imageProperties"),
+				label: a("imageWrap.menu.imageProperties"),
 				action: "imageProperties"
 			}, {
 				id: "deleteImage",
-				label: o("imageOverlay.deleteImage"),
+				label: a("imageOverlay.deleteImage"),
 				action: "deleteImage",
-				shortcut: o("contextMenu.deleteShortcut")
+				shortcut: a("contextMenu.deleteShortcut")
 			}), n.inTable && n.isEditable && e.push({
 				id: "div2",
 				label: "",
@@ -596,15 +608,15 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "addRowAbove",
-				label: o("insertRowAbove"),
+				label: a("insertRowAbove"),
 				action: "addRowAbove"
 			}, {
 				id: "addRowBelow",
-				label: o("insertRowBelow"),
+				label: a("insertRowBelow"),
 				action: "addRowBelow"
 			}, {
 				id: "deleteRow",
-				label: o("deleteRow"),
+				label: a("deleteRow"),
 				action: "deleteRow"
 			}, {
 				id: "div3",
@@ -613,15 +625,15 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "addColLeft",
-				label: o("insertColumnLeft"),
+				label: a("insertColumnLeft"),
 				action: "addColumnLeft"
 			}, {
 				id: "addColRight",
-				label: o("insertColumnRight"),
+				label: a("insertColumnRight"),
 				action: "addColumnRight"
 			}, {
 				id: "deleteCol",
-				label: o("deleteColumn"),
+				label: a("deleteColumn"),
 				action: "deleteColumn"
 			}, {
 				id: "div4",
@@ -630,12 +642,12 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "mergeCells",
-				label: o("table.mergeCells"),
+				label: a("table.mergeCells"),
 				action: "mergeCells",
 				disabled: !n.canMergeCells
 			}, {
 				id: "splitCell",
-				label: o("table.splitCell"),
+				label: a("table.splitCell"),
 				action: "splitCell",
 				disabled: !n.canSplitCell
 			}, {
@@ -645,16 +657,16 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 				divider: !0
 			}, {
 				id: "selectTable",
-				label: o("table.selectTable"),
+				label: a("table.selectTable"),
 				action: "selectTable"
 			}, {
 				id: "deleteTable",
-				label: o("table.deleteTable"),
+				label: a("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 = N(() => {
+			let e = n.position.x, t = n.position.y, r = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = r * Hr + i * 9;
+			return typeof window < "u" && (e + Vr + Ur > window.innerWidth && (e = window.innerWidth - Vr - Ur), t + a + Ur > window.innerHeight && (t = window.innerHeight - a - Ur)), {
 				position: "fixed",
 				left: `${e}px`,
 				top: `${t}px`,
@@ -662,29 +674,29 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 			};
 		});
 		function d(e) {
-			e && (a("action", e), a("close"));
+			e && (i("action", e), i("close"));
 		}
 		function f(e) {
-			e.key === "Escape" && a("close");
+			e.key === "Escape" && i("close");
 		}
-		return K(() => n.isOpen, (e) => {
-			e && I(() => c.value?.focus());
-		}), (t, n) => (z(), k(D, { to: "body" }, [e.isOpen ? (z(), j("div", {
+		return J(() => n.isOpen, (e) => {
+			e && be(() => s.value?.focus());
+		}), (t, n) => (U(), P(pe, { to: "body" }, [e.isOpen ? (U(), I("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", {
+		}, null, 32)) : F("", !0), e.isOpen ? (U(), I("div", {
 			key: 1,
 			ref_key: "menuRef",
-			ref: c,
-			class: L(["ctx-menu", W(s)]),
-			style: R(u.value),
+			ref: s,
+			class: V(["ctx-menu", q(o)]),
+			style: H(u.value),
 			onContextmenu: n[2] ||= Y(() => {}, ["prevent"]),
 			onKeydown: f
-		}, [(z(!0), j(E, null, V(l.value, (e, t) => (z(), j("button", {
+		}, [(U(!0), I(M, null, G(l.value, (e, t) => (U(), I("button", {
 			key: e.id || t,
-			class: L(["ctx-menu__item", {
+			class: V(["ctx-menu__item", {
 				"ctx-menu__item--disabled": e.disabled,
 				"ctx-menu__item--divider": e.divider,
 				"ctx-menu__item--emphasis": e.emphasis
@@ -692,12 +704,12 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 			disabled: e.disabled,
 			onMousedown: Y((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 ? (U(), I("span", Rr, [z(r, { node: e.icon }, null, 8, ["node"])])) : F("", !0),
+			L("span", zr, K(e.label), 1),
+			e.shortcut ? (U(), I("span", Br, K(e.shortcut), 1)) : F("", !0)
+		], 42, Lr))), 128))], 38)) : F("", !0)]));
 	}
-}), [["__scopeId", "data-v-e71bb6e2"]]), Dr = /* @__PURE__ */ P({
+}), [["__scopeId", "data-v-f7db4540"]]), Gr = /* @__PURE__ */ B({
 	__name: "DocxEditorOverlays",
 	props: {
 		readOnly: { type: Boolean },
@@ -716,7 +728,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) => (U(), I(M, null, [z(Wr, {
 			"is-open": e.contextMenu.isOpen,
 			position: e.contextMenu.position,
 			"has-selection": e.contextMenu.hasSelection,
@@ -738,7 +750,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 			"can-merge-cells",
 			"can-split-cell",
 			"custom-items"
-		]), N(vr, {
+		]), z(Ir, {
 			state: e.imageContextMenu,
 			"text-actions": e.imageContextMenuTextActions,
 			"can-open-properties": e.canOpenImageProperties,
@@ -755,7 +767,7 @@ var rr = ["aria-label"], ir = { class: "image-ctx-menu__icon" }, ar = { class: "
 });
 //#endregion
 //#region src/composables/imageOverlayRect.ts
-function Or(e) {
+function Kr(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 +778,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 qr = ["data-handle", "onMousedown"], Jr = ["title"], Yr = {
 	key: 0,
 	class: "image-overlay__dim"
-}, Mr = {
+}, Xr = {
 	key: 1,
 	class: "image-overlay__dim image-overlay__dim--rotate"
-}, Nr = 4, Pr = 15, Fr = 250, Ir = 700, Lr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, Zr = 4, Qr = 15, $r = 250, ei = 700, ti = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "ImageSelectionOverlay",
 	props: {
 		imageInfo: {},
@@ -786,8 +798,8 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		"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) {
+		let { t: n } = c(), r = e, i = t, a = W(null), o = W(!1), s = W(!1), l = W(!1), u = W(0), d = W(0), f = W(0), p = W(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, ee = null;
+		function S(e, t) {
 			if (!e) return null;
 			try {
 				let n = e.state.doc.nodeAt(t);
@@ -796,88 +808,88 @@ 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() {
-			return o.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
+		function ne() {
+			return a.value?.closest(".docx-editor-vue__pages-viewport")?.querySelector(".docx-editor-vue__pages") ?? null;
 		}
-		function re() {
-			let e = i.imageInfo;
+		function ie() {
+			let e = r.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 = _t(t, e.pmPos);
+			return n ? ot(n) : null;
 		}
-		function w() {
-			let e = re();
-			if (!e || !o.value) {
+		function C() {
+			let e = ie();
+			if (!e || !a.value) {
 				p.value = null;
 				return;
 			}
-			let t = o.value.offsetParent;
+			let t = a.value.offsetParent;
 			if (!(t instanceof HTMLElement)) {
 				p.value = null;
 				return;
 			}
 			let n = t.getBoundingClientRect();
-			p.value = Or({
+			p.value = Kr({
 				imageRect: e.getBoundingClientRect(),
 				parentRect: n,
 				scrollLeft: t.scrollLeft,
 				scrollTop: t.scrollTop,
 				parentOffsetWidth: t.offsetWidth,
 				parentClientWidth: t.clientWidth,
-				zoom: i.zoom
+				zoom: r.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 >= $r && n >= 2) && o < ei && (e = requestAnimationFrame(i));
 			};
 			e = requestAnimationFrame(i);
-			let a = setTimeout(w, Fr);
-			ie = () => {
+			let a = setTimeout(C, $r);
+			ae = () => {
 				cancelAnimationFrame(e), clearTimeout(a);
 			};
 		}
-		K(() => i.imageInfo, (e, t, n) => {
-			if (!i.imageInfo) {
+		J(() => r.imageInfo, (e, t, n) => {
+			if (!r.imageInfo) {
 				p.value = null;
 				return;
 			}
-			ae(), n(() => ie?.());
-		}, { immediate: !0 }), K(() => i.zoom, () => {
-			i.imageInfo && ae();
-		}), K(() => i.imageInfo, (e, t, n) => {
-			if (!i.imageInfo) return;
-			let r = () => {
-				b && cancelAnimationFrame(b), b = requestAnimationFrame(w);
-			}, a = o.value?.closest(".docx-editor-vue__pages-viewport");
-			a?.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r, { passive: !0 });
+			oe(), n(() => ae?.());
+		}, { immediate: !0 }), J(() => r.zoom, () => {
+			r.imageInfo && oe();
+		}), J(() => r.imageInfo, (e, t, n) => {
+			if (!r.imageInfo) return;
+			let i = () => {
+				b && cancelAnimationFrame(b), b = requestAnimationFrame(C);
+			}, o = a.value?.closest(".docx-editor-vue__pages-viewport");
+			o?.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 });
 			let s = null, c = !1;
-			I(() => {
-				if (c || !i.imageInfo) return;
-				let e = te();
-				e && (s = new MutationObserver(() => ae()), s.observe(e, {
+			be(() => {
+				if (c || !r.imageInfo) return;
+				let e = ne();
+				e && (s = new MutationObserver(() => oe()), s.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style"]
 				}));
 			}), n(() => {
-				c = !0, a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), s?.disconnect(), b && cancelAnimationFrame(b);
+				c = !0, o?.removeEventListener("scroll", i), window.removeEventListener("resize", i), 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 = N(() => o.value ? u.value : p.value?.width || 0), T = N(() => o.value ? d.value : p.value?.height || 0), se = N(() => {
 			let e = p.value;
 			if (!e) return {
 				position: "absolute",
@@ -886,20 +898,20 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				visibility: "hidden",
 				pointerEvents: "none"
 			};
-			let t = s.value ? u.value : e.width, n = s.value ? d.value : e.height, r = i.zoom || 1;
+			let t = o.value ? u.value : e.width, n = o.value ? d.value : e.height, i = r.zoom || 1;
 			return {
 				position: "absolute",
-				left: `${e.left * r}px`,
-				top: `${e.top * r}px`,
+				left: `${e.left * i}px`,
+				top: `${e.top * i}px`,
 				width: `${t}px`,
 				height: `${n}px`,
-				transform: r === 1 ? void 0 : `scale(${r})`,
+				transform: i === 1 ? void 0 : `scale(${i})`,
 				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";
+		}), ce = N(() => {
+			let e = w.value, t = T.value, n = `${e / 2 - 5}px`, r = `${t / 2 - 5}px`, i = `${e - 5}px`, a = `${t - 5}px`, o = "-5px";
 			return [
 				{
 					pos: "nw",
@@ -967,11 +979,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 le(e, t) {
+			!r.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), o.value = !0, i("interact-start"), document.addEventListener("mousemove", E), document.addEventListener("mouseup", D));
 		}
-		function 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 E(e) {
+			let t = r.zoom, n = (e.clientX - h) / t, i = (e.clientY - g) / t, a = !e.shiftKey, o = ft(m, n, i, _, v, a);
 			u.value = Math.round(o.width), d.value = Math.round(o.height);
 			let s = y;
 			s && (p.value = {
@@ -981,83 +993,83 @@ 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");
-			let e = i.view, t = i.imageInfo;
+		function D() {
+			document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D), o.value = !1, y = null, i("interact-end");
+			let e = r.view, t = r.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 = ht(e, t.pmPos, u.value, d.value);
+			n !== null && _e(n), be(() => C());
 		}
-		let N = 0, P = 0, F = 0, ue = 0, de = null, L = null;
-		function pe(e) {
+		let ue = 0, de = 0, fe = 0, O = 0, k = null, A = null;
+		function j(e) {
 			if (!e) return 0;
 			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/)?.[1];
 			return t ? parseFloat(t) : 0;
 		}
-		function me(e, t) {
+		function pe(e, t) {
 			let n = /scaleX\(-1\)/.test(e || ""), r = /scaleY\(-1\)/.test(e || ""), i = [], a = (t % 360 + 360) % 360;
 			return a !== 0 && i.push(`rotate(${a}deg)`), n && i.push("scaleX(-1)"), r && i.push("scaleY(-1)"), i.length > 0 ? i.join(" ") : null;
 		}
-		function H(e, t) {
-			return Math.atan2(e - N, -(t - P)) * 180 / Math.PI;
+		function me(e, t) {
+			return Math.atan2(e - ue, -(t - de)) * 180 / Math.PI;
 		}
-		function he(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);
+		function P(e) {
+			if (!r.imageInfo) return;
+			let t = r.imageInfo.element.getBoundingClientRect();
+			ue = t.left + t.width / 2, de = t.top + t.height / 2, k = te(S(r.view, r.imageInfo.pmPos)), O = j(k), A = r.imageInfo.element.querySelector("img"), fe = me(e.clientX, e.clientY), f.value = O, l.value = !0, i("interact-start"), document.addEventListener("mousemove", he), document.addEventListener("mouseup", ge);
 		}
-		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 he(e) {
+			let t = me(e.clientX, e.clientY) - fe, n = O + t;
+			e.shiftKey || (n = Math.round(n / Qr) * Qr), f.value = (n % 360 + 360) % 360, A && (A.style.transform = pe(k, f.value) || "");
 		}
 		function ge() {
-			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", ge), l.value = !1, a("interact-end");
-			let e = i.view, t = i.imageInfo;
+			document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), l.value = !1, i("interact-end");
+			let e = r.view, t = r.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)
-				})), ve(t.pmPos));
+					transform: pe(te(n), f.value)
+				})), _e(t.pmPos));
 			} catch {} finally {
-				L && (L.style.transform = ""), L = null, de = null;
+				A && (A.style.transform = ""), A = null, k = null;
 			}
-			I(() => w());
-		}
-		let q = null;
-		function J(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)) {
+			be(() => C());
+		}
+		let R = null;
+		function z(e) {
+			if (!r.imageInfo || !p.value) return;
+			let t = e.clientX, n = e.clientY, a = p.value, o = !1, c = (e) => {
+				let c = e.clientX - t, l = e.clientY - n;
+				if (!(!o && Math.sqrt(c * c + l * l) < Zr)) {
 					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);";
-						let e = i.zoom;
-						q.style.width = `${r.width * e}px`, q.style.height = `${r.height * e}px`, document.body.appendChild(q);
+						o = !0, s.value = !0, i("interact-start"), R = document.createElement("div"), R.style.cssText = "position: fixed; pointer-events: none; z-index: 10000; opacity: 0.5; border: 2px dashed #2563eb; border-radius: 4px; background: rgba(37, 99, 235, 0.1);";
+						let e = r.zoom;
+						R.style.width = `${a.width * e}px`, R.style.height = `${a.height * e}px`, document.body.appendChild(R);
 					}
-					if (q) {
-						let t = i.zoom;
-						q.style.left = `${e.clientX - r.width * t / 2}px`, q.style.top = `${e.clientY - r.height * t / 2}px`;
+					if (R) {
+						let t = r.zoom;
+						R.style.left = `${e.clientX - a.width * t / 2}px`, R.style.top = `${e.clientY - a.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", c), document.removeEventListener("mouseup", l), x = null, ee = null, R &&= (R.remove(), null), s.value = !1, o && (i("interact-end"), B(e.clientX, e.clientY));
 			};
-			x = s, S = l, document.addEventListener("mousemove", s), document.addEventListener("mouseup", l);
-		}
-		function _e(e, t) {
-			let n = i.view, r = i.imageInfo;
-			if (!n || !r) return;
-			let a = C(n, r.pmPos);
-			if (a) {
-				if (nt(a)) {
-					let a = (o.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
-					if (!a || a.length === 0) return;
+			x = c, ee = l, document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+		}
+		function B(e, t) {
+			let n = r.view, i = r.imageInfo;
+			if (!n || !i) return;
+			let o = S(n, i.pmPos);
+			if (o) {
+				if (gt(o)) {
+					let o = (a.value?.closest(".docx-editor-vue__pages-viewport"))?.querySelectorAll(".layout-page");
+					if (!o || o.length === 0) return;
 					let s = null;
-					for (let e of a) {
+					for (let e of o) {
 						let n = e.getBoundingClientRect();
 						if (t >= n.top && t <= n.bottom) {
 							s = e.querySelector(".layout-page-content");
@@ -1065,66 +1077,66 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 						}
 					}
 					if (!s) {
-						let e = a.item(a.length - 1);
+						let e = o.item(o.length - 1);
 						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);
-					f !== null && ve(f);
+					let c = s.getBoundingClientRect(), l = r.zoom, u = nt((e - c.left) / l), d = nt((t - c.top) / l), f = pt(n, i.pmPos, u, d);
+					f !== null && _e(f);
 				} else {
-					let i = te();
-					if (!i) return;
-					let a = Ze(i, e, t, 1);
+					let r = ne();
+					if (!r) return;
+					let a = dt(r, e, t, 1);
 					if (a == null || a < 0) return;
-					let o = et(n, r.pmPos, a);
-					o !== null && ve(o);
+					let o = mt(n, i.pmPos, a);
+					o !== null && _e(o);
 				}
-				I(() => w());
+				be(() => C());
 			}
 		}
-		function ve(e) {
-			let t = i.view;
+		function _e(e) {
+			let t = r.view;
 			if (t) try {
-				let n = Be.create(t.state.doc, e);
+				let n = Z.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", {
+		return xe(() => {
+			document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D), document.removeEventListener("mousemove", he), document.removeEventListener("mouseup", ge), x && document.removeEventListener("mousemove", x), ee && document.removeEventListener("mouseup", ee), R &&= (R.remove(), null), b && cancelAnimationFrame(b), ae?.();
+		}), (t, r) => e.imageInfo ? (U(), I("div", {
 			key: 0,
 			ref_key: "overlayRootRef",
-			ref: o,
+			ref: a,
 			class: "image-overlay",
-			style: R(oe.value),
+			style: H(se.value),
 			onMousedown: r[3] ||= Y(() => {}, ["stop"])
 		}, [
-			r[4] ||= M("div", { class: "image-overlay__border" }, null, -1),
-			M("div", {
+			r[4] ||= L("div", { class: "image-overlay__border" }, null, -1),
+			L("div", {
 				class: "image-overlay__body",
-				style: R({ cursor: c.value ? "grabbing" : "grab" }),
-				onMousedown: r[0] ||= Y((e) => J(e), ["prevent", "stop"]),
+				style: H({ cursor: s.value ? "grabbing" : "grab" }),
+				onMousedown: r[0] ||= Y((e) => z(e), ["prevent", "stop"]),
 				onContextmenu: r[1] ||= Y((e) => t.$emit("context-menu", e), ["prevent", "stop"])
 			}, null, 36),
-			(z(!0), j(E, null, V(k.value, (e) => (z(), j("div", {
+			(U(!0), I(M, null, G(ce.value, (e) => (U(), I("div", {
 				key: e.pos,
 				class: "image-overlay__handle",
-				style: R(e.style),
+				style: H(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: Y((t) => le(t, e.pos), ["prevent", "stop"])
+			}, null, 44, qr))), 128)),
+			r[5] ||= L("div", { class: "image-overlay__rotate-line" }, null, -1),
+			L("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: H({ left: `${w.value / 2 - 7}px` }),
+				title: q(n)("imageOverlay.rotate"),
+				onMousedown: r[2] ||= Y((e) => P(e), ["prevent", "stop"])
+			}, null, 44, Jr),
+			o.value ? (U(), I("div", Yr, K(Math.round(u.value)) + " × " + K(Math.round(d.value)), 1)) : F("", !0),
+			l.value ? (U(), I("div", Xr, K(Math.round(f.value)) + "° ", 1)) : F("", !0)
+		], 36)) : F("", !0);
+	}
+}), [["__scopeId", "data-v-4741c675"]]), ni = ["title", "aria-label"], ri = /* @__PURE__ */ B({
 	__name: "OutlineToggleButton",
 	props: {
 		leftOffset: {},
@@ -1132,24 +1144,24 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 	},
 	emits: ["toggle"],
 	setup(e) {
-		let { t } = r();
-		return (n, r) => (z(), j("button", {
+		let { t } = c();
+		return (n, i) => (U(), I("button", {
 			type: "button",
 			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
-			style: R({
+			style: H({
 				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: q(t)("editor.showDocumentOutline"),
+			"aria-label": q(t)("editor.showDocumentOutline"),
+			onClick: i[0] ||= (e) => n.$emit("toggle"),
+			onMousedown: i[1] ||= Y(() => {}, ["stop"])
+		}, [z(r, {
 			name: "format_list_bulleted",
 			size: 20
-		})], 44, Rr));
+		})], 44, ni));
 	}
-}), Br = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}), ii = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "PageIndicator",
 	props: {
 		currentPage: {},
@@ -1157,18 +1169,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 } = c();
+		return (n, r) => (U(), I("div", {
 			class: "docx-editor-vue__page-indicator",
-			style: R({ opacity: +!!e.visible }),
+			style: H({ opacity: +!!e.visible }),
 			"aria-live": "polite",
 			role: "status"
-		}, U(W(t)("viewer.pageIndicator", {
+		}, K(q(t)("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"]]), ai = ["data-folio-block-id"], oi = ["data-folio-block-id", "title"], si = 2.5, ci = 5, li = 6, ui = 2, di = 2, fi = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "TemplateDirectivesOverlay",
 	props: {
 		getView: { type: Function },
@@ -1182,19 +1194,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 - li - si - ui;
+			return t <= 0 ? 0 : Math.floor(t / ci);
 		}
 		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 - li - si - (r - i) * ci;
 		}
 		function s(e, t) {
-			if (t.length === 0) return e.bottom - e.top >= qr ? [e] : [];
+			if (t.length === 0) return e.bottom - e.top >= di ? [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 >= di && n.push({
 					top: t,
 					bottom: i
 				});
@@ -1259,7 +1271,7 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 			}
 			return i;
 		}
-		let f = B([]), p = B([]), m = B(null), h = B(null), g = B(null), _ = 0, v = null;
+		let f = W([]), p = W([]), m = W(null), h = W(null), g = W(null), _ = 0, v = null;
 		function y() {
 			v !== null && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
 				v = null, b();
@@ -1271,12 +1283,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 = bt(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 = Ke(r, t.zoom), s = await qe(a, {
 				pagesContainer: r,
 				zoom: t.zoom,
 				layout: t.layout,
@@ -1285,95 +1297,95 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 			});
 			e === _ && (f.value = a, h.value = i.selection.head, m.value = o, p.value = s);
 		}
-		K(() => [
+		J(() => [
 			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 = N(() => c(f.value)), ee = N(() => m.value ? d(x.value, p.value, m.value) : []), S = N(() => {
 			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 = N(() => {
 			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 = N(() => 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 T(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(() => {
+		return Se(() => y()), xe(() => {
 			v !== null && (cancelAnimationFrame(v), v = null);
-		}), (t, n) => (z(), j("div", {
+		}), (t, n) => (U(), I("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: T,
+			onPointerout: se
+		}, [(U(!0), I(M, null, G(ee.value, (t) => (U(), I(M, { key: `rail:${t.blockId}` }, [(U(!0), I(M, null, G(t.segments, (n, r) => (U(), I("div", {
 			key: `rail:${t.blockId}:${r}`,
-			class: L([
+			class: V([
 				"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({
+			style: H({
 				position: "absolute",
 				left: `${t.railX * e.zoom}px`,
 				top: `${n.top * e.zoom}px`,
-				width: `${Ur * e.zoom}px`,
+				width: `${si * 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, ai))), 128))], 64))), 128)), (U(!0), I(M, null, G(p.value, (t, n) => (U(), I(M, { key: `d:${n}` }, [(U(!0), I(M, null, G(t.rects, (r, i) => (U(), I("span", {
 			key: `d:${n}:${i}`,
-			class: L(ae(t.range)),
-			"data-folio-block-id": w(t.range),
-			title: ie(t.range),
-			style: R({
+			class: V(oe(t.range)),
+			"data-folio-block-id": C(t.range),
+			title: ae(t.range),
+			style: H({
 				position: "absolute",
 				left: `${(r.x - 1) * e.zoom}px`,
 				top: `${(r.y + 1) * e.zoom}px`,
 				width: `${(r.width + 2) * e.zoom}px`,
 				height: `${Math.max(0, r.height - 2) * e.zoom}px`
 			})
-		}, null, 14, Hr))), 128))], 64))), 128))], 32));
+		}, null, 14, oi))), 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"]]), pi = ["href", "title"], mi = ["title"], hi = ["title"], gi = ["title"], _i = { class: "docx-hyperlink-popup__edit-row" }, vi = ["placeholder", "onKeydown"], yi = { class: "docx-hyperlink-popup__edit-row" }, bi = ["onKeydown"], xi = ["disabled"], Si = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "HyperlinkPopup",
 	props: {
 		data: {},
@@ -1387,69 +1399,69 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 		"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(() => ({
-			left: (i.data?.position.left ?? 0) + "px",
-			top: (i.data?.position.top ?? 0) + "px"
+		let { t: n } = c(), r = e, i = t, a = W(!1), o = W(""), s = W(""), l = W(null), u = N(() => ({
+			left: (r.data?.position.left ?? 0) + "px",
+			top: (r.data?.position.top ?? 0) + "px"
 		}));
-		K(() => i.data?.href, () => {
-			o.value = !1;
+		J(() => r.data?.href, () => {
+			a.value = !1;
 		});
 		let d = null, f = null;
 		function p() {
 			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
 		}
-		K(() => i.data, (e) => {
+		J(() => r.data, (e) => {
 			p(), e && (d = (e) => {
 				let t = l.value, n = e.target;
-				t && n instanceof Node && !t.contains(n) && a("close");
+				t && n instanceof Node && !t.contains(n) && i("close");
 			}, f = setTimeout(() => {
 				d && document.addEventListener("mousedown", d);
 			}, 0));
-		}, { immediate: !0 }), fe(p);
+		}, { immediate: !0 }), xe(p);
 		function m() {
-			i.data && (s.value = i.data.displayText, c.value = i.data.href, o.value = !0);
+			r.data && (o.value = r.data.displayText, s.value = r.data.href, a.value = !0);
 		}
 		function h() {
-			c.value.trim() && (a("edit", s.value, c.value), o.value = !1);
+			s.value.trim() && (i("edit", o.value, s.value), a.value = !1);
 		}
 		function g() {
-			i.data && (a("copy", i.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(i.data.href).catch(() => {}));
+			r.data && (i("copy", r.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(r.data.href).catch(() => {}));
 		}
-		return (t, r) => e.data ? (z(), j("div", {
+		return (t, r) => e.data ? (U(), I("div", {
 			key: 0,
 			ref_key: "popupRef",
 			ref: l,
-			class: L(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
-			style: R(u.value),
+			class: V(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": a.value }]),
+			style: H(u.value),
 			onMousedown: r[6] ||= Y(() => {}, ["stop"])
-		}, [o.value ? (z(), j(E, { key: 1 }, [M("div", $r, [q(M("input", {
+		}, [a.value ? (U(), I(M, { key: 1 }, [L("div", _i, [Oe(L("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: q(n)("displayText"),
+			"onUpdate:modelValue": r[2] ||= (e) => o.value = e,
+			onKeydown: [ke(Y(h, ["prevent"]), ["enter"]), r[3] ||= ke((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, vi), [[Ee, o.value]])]), L("div", yi, [Oe(L("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": r[4] ||= (e) => s.value = e,
+			onKeydown: [ke(Y(h, ["prevent"]), ["enter"]), r[5] ||= ke((e) => t.$emit("close"), ["esc"])]
+		}, null, 40, bi), [[Ee, s.value]]), L("button", {
 			class: "docx-hyperlink-popup__apply",
-			disabled: !c.value.trim(),
+			disabled: !s.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", {
+		}, K(q(n)("common.apply")), 9, xi)])], 64)) : (U(), I(M, { key: 0 }, [
+			r[10] ||= ge("<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),
+			L("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", {
+			}, K(e.data.href), 9, pi),
+			r[11] ||= L("span", { class: "docx-hyperlink-popup__sep" }, null, -1),
+			L("button", {
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("copyLink"),
+				title: q(n)("copyLink"),
 				onClick: Y(g, ["prevent"])
-			}, [...r[7] ||= [M("svg", {
+			}, [...r[7] ||= [L("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1458,20 +1470,20 @@ var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [M("rect", {
+			}, [L("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", {
+			}), L("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })], -1)]], 8, mi),
+			e.readOnly ? F("", !0) : (U(), I("button", {
 				key: 0,
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("editLink"),
+				title: q(n)("editLink"),
 				onClick: Y(m, ["prevent"])
-			}, [...r[8] ||= [M("svg", {
+			}, [...r[8] ||= [L("svg", {
 				width: "18",
 				height: "18",
 				viewBox: "0 0 24 24",
@@ -1480,44 +1492,44 @@ 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", {
+			}, [L("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), L("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })], -1)]], 8, hi)),
+			e.readOnly ? F("", !0) : (U(), I("button", {
 				key: 1,
 				class: "docx-hyperlink-popup__btn",
-				title: W(n)("removeLink"),
+				title: q(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);
+			}, [...r[9] ||= [ge("<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, gi))
+		], 64))], 38)) : F("", !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 wi({ 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 Ti(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: wt }))), o = o.addMark(a.from, a.to, i.create({ commentId: n })), r?.selectEnd && (o = o.setSelection(et.near(o.doc.resolve(a.to), -1))), e.dispatch(o), !0;
 }
-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 Ei(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: wt })));
 }
 //#endregion
 //#region src/composables/useCommentLifecycle.ts
-var li = 408, ui = 12;
-function di(e) {
-	let t = B(!1), n = B(null), r = B(null), i = B(null), a = B(null);
+var Di = 408, Oi = 12;
+function ki(e) {
+	let t = W(!1), n = W(null), r = W(null), i = W(null), a = W(null);
 	function o(t) {
 		let n = e.editorView.value, r = e.pagesContainer.value;
 		if (!n || !r) return null;
@@ -1549,7 +1561,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 + Oi : l.width / 2 + Di;
 		r.value = {
 			top: c.top - l.top,
 			left: Math.max(16, Math.min(d, l.width - 16)),
@@ -1560,7 +1572,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 = wi({
 			docSize: s.state.doc.content.size,
 			capturedRange: c ? {
 				from: c.from,
@@ -1579,7 +1591,7 @@ function di(e) {
 			r.value = null;
 			return;
 		}
-		if (!si(s, u, ut, { selectEnd: !0 })) {
+		if (!Ti(s, u, wt, { selectEnd: !0 })) {
 			r.value = null, i.value = null;
 			return;
 		}
@@ -1592,11 +1604,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 Ti(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 && Ei(t, i.value), l();
 	}
 	return {
 		isAddingComment: t,
@@ -1610,15 +1622,15 @@ function di(e) {
 }
 //#endregion
 //#region src/composables/useCommentManagement.ts
-function fi(e) {
-	let t = dt(), n = B([]), r = B(!1);
+function Ai(e) {
+	let t = Tt(), n = W([]), r = W(!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 = N(() => e.commentsProp() !== void 0), s = N(() => o.value ? e.commentsProp() ?? [] : n.value);
 	function c(t) {
 		o.value || (n.value = t), e.onCommentsChange(t);
 	}
@@ -1626,12 +1638,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 Et(t, s.value, e.editorView.value), Dt(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 : []);
+		Et(t, n, e.editorView.value), c(n && n.length > 0 ? n : []);
 	}
 	function f(e, t) {
 		l(u(t, e));
@@ -1657,8 +1669,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 = Ot(r, t);
+		i && (n ? At : Nt)(i.from, i.to)(r.state, r.dispatch);
 	}
 	function v(e) {
 		_(e, !0);
@@ -1668,15 +1680,15 @@ function fi(e) {
 	}
 	function b(t, n) {
 		let r = e.editorView.value;
-		r && gt(t, n)(r.state, r.dispatch);
+		r && At(t, n)(r.state, r.dispatch);
 	}
 	function x(t, n) {
 		let r = e.editorView.value;
-		r && yt(t, n)(r.state, r.dispatch);
+		r && Nt(t, n)(r.state, r.dispatch);
 	}
 	return {
 		comments: s,
-		commentsDirty: O(() => r.value),
+		commentsDirty: N(() => r.value),
 		clearCommentsDirty: a,
 		createComment: u,
 		pushComment: l,
@@ -1695,8 +1707,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 ji(e, t, n) {
+	let r = Pt(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 +1717,7 @@ function pi(e, t, n) {
 		date: r.date
 	}));
 }
-function mi(e, t) {
+function Mi(e, t) {
 	let n = e.state.doc.nodeAt(t);
 	if (!n || n.type.name !== "image") return;
 	let r = n.attrs.src;
@@ -1719,7 +1731,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 Ni(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => {
@@ -1727,7 +1739,7 @@ function hi(e) {
 		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
 	});
 }
-function gi(e) {
+function Pi(e) {
 	return new Promise((t) => {
 		let n = new Image();
 		n.onload = () => t({
@@ -1739,7 +1751,7 @@ function gi(e) {
 		}), n.src = e;
 	});
 }
-function _i(e, t, n, r) {
+function Fi(e, t, n, r) {
 	let i = e.state.schema.nodes.image;
 	if (!i) return;
 	let a = i.create({
@@ -1750,23 +1762,23 @@ function _i(e, t, n, r) {
 		wrapType: "inline",
 		displayMode: "inline"
 	}), o = e.state.tr.replaceSelectionWith(a);
-	pi(e, o, a), e.dispatch(o);
+	ji(e, o, a), e.dispatch(o);
 }
-async function vi(e) {
+async function Ii(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 Ni(await n.getType(t)), i = await Pi(r), a = i.width, o = i.height;
+				a > 612 && (o = Math.round(612 / a * o), a = 612), Fi(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);
+					Fi(e, r, a || 200, o || 200);
 					return;
 				}
 			}
@@ -1787,14 +1799,14 @@ async function vi(e) {
 		}
 	}
 }
-function yi(e, t) {
+function Li(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 Ni(i), o = await Pi(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 +1821,7 @@ function yi(e, t) {
 }
 //#endregion
 //#region src/composables/useContextMenus.ts
-var bi = new Set([
+var Ri = new Set([
 	"inline",
 	"square",
 	"tight",
@@ -1818,17 +1830,17 @@ var bi = new Set([
 	"behind",
 	"inFront"
 ]);
-function xi(e) {
-	return typeof e == "string" && bi.has(e);
+function zi(e) {
+	return typeof e == "string" && Ri.has(e);
 }
-function Si(e) {
-	return xi(e) ? e : "inline";
+function Bi(e) {
+	return zi(e) ? e : "inline";
 }
-function Ci(e) {
+function Vi(e) {
 	return e === "left" || e === "right" || e === "none" ? e : null;
 }
-function wi(e) {
-	let { t } = r(), n = B({
+function Hi(e) {
+	let { t } = c(), n = W({
 		isOpen: !1,
 		position: {
 			x: 0,
@@ -1839,10 +1851,10 @@ function wi(e) {
 		onImage: !1,
 		canMergeCells: !1,
 		canSplitCell: !1
-	}), i = B(null), a = B({
+	}), r = W(null), i = W({
 		from: 0,
 		to: 0
-	}), o = O(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), s = O(() => [
+	}), a = N(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), o = N(() => [
 		{
 			action: "cut",
 			label: t("contextMenu.cut"),
@@ -1865,11 +1877,11 @@ function wi(e) {
 			shortcut: t("contextMenu.deleteShortcut")
 		}
 	]);
-	function c(e, t) {
+	function s(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" ? it(t, e.zoom.value) : void 0;
 		return {
 			open: !0,
 			position: r,
@@ -1880,43 +1892,43 @@ function wi(e) {
 		};
 	}
 	function u(t) {
-		let r = e.editorView.value;
-		if (!r) return;
-		let o = Ke(t.target);
+		let a = e.editorView.value;
+		if (!a) return;
+		let o = ot(t.target);
 		if (o) {
-			let a = Number(o.dataset.pmStart);
-			if (!Number.isNaN(a)) {
+			let i = Number(o.dataset.pmStart);
+			if (!Number.isNaN(i)) {
 				try {
-					let e = Be.create(r.state.doc, a);
-					r.dispatch(r.state.tr.setSelection(e));
+					let e = Z.create(a.state.doc, i);
+					a.dispatch(a.state.tr.setSelection(e));
 				} catch {}
 				e.selectedImage.value = {
 					element: o,
-					pmPos: a,
+					pmPos: i,
 					width: o.offsetWidth,
 					height: o.offsetHeight
 				}, e.clearOverlay();
-				let s = r.state.doc.nodeAt(a);
+				let s = a.state.doc.nodeAt(i);
 				if (s && s.type.name === "image") {
-					i.value = l(o, a, {
+					r.value = l(o, i, {
 						x: t.clientX,
 						y: t.clientY
-					}, Si(s.attrs.wrapType), Ci(s.attrs.cssFloat)), n.value.isOpen = !1;
+					}, Bi(s.attrs.wrapType), Vi(s.attrs.cssFloat)), n.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 {
-				e.setPmSelection(a);
+			let { from: n, to: r } = a.state.selection, i = e.resolvePos(t.clientX, t.clientY);
+			if (i !== null && (i < n || i > r)) try {
+				e.setPmSelection(i);
 			} catch {}
 		}
-		let s = lt(r.state), { empty: c, from: u, to: d } = r.state.selection;
-		a.value = {
+		let s = Ct(a.state), { empty: c, from: u, to: d } = a.state.selection;
+		i.value = {
 			from: u,
 			to: d
-		}, i.value &&= null, n.value = {
+		}, r.value &&= null, n.value = {
 			isOpen: !0,
 			position: {
 				x: t.clientX,
@@ -1930,46 +1942,46 @@ 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);
-		!o || o.type.name !== "image" || (i.value = l(a.element, a.pmPos, {
+		let i = e.editorView.value, a = e.selectedImage.value;
+		if (!i || !a) return;
+		let o = i.state.doc.nodeAt(a.pmPos);
+		!o || o.type.name !== "image" || (r.value = l(a.element, a.pmPos, {
 			x: t.clientX,
 			y: t.clientY
-		}, Si(o.attrs.wrapType), Ci(o.attrs.cssFloat)), n.value.isOpen = !1);
+		}, Bi(o.attrs.wrapType), Vi(o.attrs.cssFloat)), n.value.isOpen = !1);
 	}
 	function f(t) {
-		let n = e.editorView.value, r = i.value;
-		if (!n || !r) return;
-		let a = r.inlinePositionEmu && t !== "inline" ? { initialPositionEmu: r.inlinePositionEmu } : void 0, o = e.getCommands().setImageWrapType;
-		o && (c(n, o(r.pmPos, t, a)), n.focus());
+		let n = e.editorView.value, i = r.value;
+		if (!n || !i) return;
+		let a = i.inlinePositionEmu && t !== "inline" ? { initialPositionEmu: i.inlinePositionEmu } : void 0, o = e.getCommands().setImageWrapType;
+		o && (s(n, o(i.pmPos, t, a)), n.focus());
 	}
 	function p(t) {
 		let n = e.editorView.value;
 		if (!n) return;
 		let r = e.getCommands();
 		if (t.startsWith("custom:")) {
-			let r = a.value, i = r.from === r.to ? {
+			let r = i.value, a = r.from === r.to ? {
 				from: n.state.selection.from,
 				to: n.state.selection.to
 			} : r;
-			e.onCustomContextAction?.(t.slice(7), i), n.focus();
+			e.onCustomContextAction?.(t.slice(7), a), n.focus();
 			return;
 		}
 		switch (t) {
 			case "cut":
 				if (e.selectedImage.value) {
 					let t = e.selectedImage.value.pmPos;
-					mi(n, t);
+					Mi(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 ? Mi(n, e.selectedImage.value.pmPos) : (n.focus(), document.execCommand("copy"));
 				break;
 			case "paste":
-				vi(n);
+				Ii(n);
 				break;
 			case "pasteAsPlainText":
 				navigator.clipboard.readText().then((e) => {
@@ -1982,7 +1994,7 @@ function wi(e) {
 				break;
 			}
 			case "selectAll": {
-				let e = Ve.create(n.state.doc, 0, n.state.doc.content.size);
+				let e = tt.create(n.state.doc, 0, n.state.doc.content.size);
 				n.dispatch(n.state.tr.setSelection(e));
 				break;
 			}
@@ -1990,7 +2002,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 && Li(n, e.selectedImage.value.pmPos);
 				break;
 			case "deleteImage":
 				if (e.selectedImage.value) {
@@ -2009,7 +2021,7 @@ function wi(e) {
 			case "selectTable":
 			case "deleteTable": {
 				let e = r[t];
-				e && c(n, e());
+				e && s(n, e());
 				break;
 			}
 		}
@@ -2017,9 +2029,9 @@ function wi(e) {
 	}
 	return {
 		contextMenu: n,
-		imageContextMenu: i,
-		imageContextMenuTextActions: s,
-		customTextMenuItems: o,
+		imageContextMenu: r,
+		imageContextMenuTextActions: o,
+		customTextMenuItems: a,
 		handleContextMenu: u,
 		handleSelectedImageContextMenu: d,
 		handleImageWrapSelect: f,
@@ -2028,51 +2040,61 @@ function wi(e) {
 }
 //#endregion
 //#region src/composables/useDocumentLifecycle.ts
-function Ti(e) {
+function Ui(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) => {
+	J(e.documentBuffer, (e) => {
 		e && t(e);
-	}), K(e.document, (e) => {
+	}), J(e.document, (e) => {
 		e && n(e);
-	}), pe(async () => {
-		await I();
+	}), Se(async () => {
+		await be();
 		let r = e.documentBuffer(), i = e.document();
 		r ? await t(r) : i && n(i);
 	});
 }
 //#endregion
 //#region src/utils/aiEditRange.ts
-var Ei = ({ blockId: e, doc: t, snapshot: n }) => {
-	let r = Kt(e);
+var Wi = ({ blockId: e, doc: t, snapshot: n }) => {
+	let r = ln(e);
 	if (r !== null) {
-		let e = Ut(t, r);
+		let e = on(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 ?? an(t), a = i.anchors[e] ?? Gi(e, i);
+	return a ? Ki(t.content.size, a) : null;
+}, Gi = (e, t) => {
+	let n = un(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 Ki(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 qi = (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 Ji(e) {
 	function t() {
 		e.onPrint?.(), window.print();
 	}
@@ -2085,25 +2107,56 @@ 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 = Yt(r, t), a = i.at(0);
 		return a ? (a.scrollIntoView({
 			block: "center",
 			behavior: "smooth"
-		}), n?.highlight && Q(i, n.highlight), !0) : !1;
+		}), n?.highlight && Xt(i, n.highlight), !0) : !1;
 	}
 	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 = Jt(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 = Jt(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 +2169,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 +2186,11 @@ function ki(e) {
 		ensureEditorView: () => e.editor.ensureView(),
 		createAIEditSnapshot: () => {
 			let t = e.editorView.value;
-			return t ? At(t.state.doc) : null;
+			return t ? Ht(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 ? Bt({
 				view: a,
 				snapshot: t,
 				operations: n,
@@ -2154,38 +2207,54 @@ function ki(e) {
 		},
 		acceptAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? ht(t)(n.state, n.dispatch) : !1;
+			return n ? kt(t)(n.state, n.dispatch) : !1;
 		},
 		rejectAIEditOperation: (t) => {
 			let n = e.editorView.value;
-			return n ? vt(t)(n.state, n.dispatch) : !1;
+			return n ? Mt(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 = jt(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 } = Ki(n.state.doc.content.size, r), o = n.state.doc.resolve(i), s = n.state.doc.resolve(a);
+			return n.dispatch(n.state.tr.setSelection(tt.between(o, s))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
 		},
 		scrollToBlock: (t, n) => {
 			let r = e.editorView.value;
 			if (!r) return !1;
-			let i = Ei({
+			let i = Wi({
 				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(tt.between(s, c))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(a)), !0;
+		},
+		getTrackedChanges: () => {
+			let t = e.editorView.value;
+			return t ? Gt(t.state.doc) : [];
+		},
+		getCommentAnchors: () => {
+			let t = e.editorView.value;
+			return t ? Wt(t.state.doc) : [];
+		},
+		getSelectionText: () => {
+			let t = e.editorView.value;
+			return t ? Me(t.state) : "";
+		},
+		getPageText: (t) => {
+			let n = e.editorView.value;
+			return n ? qi(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 ? $t(n.state.doc, t).map((e) => ({
+				properties: Zt(e.node),
 				path: e.path,
 				pmPos: e.pos
 			})) : [];
@@ -2193,60 +2262,60 @@ function ki(e) {
 		scrollToContentControl: (t) => {
 			let n = e.editorView.value;
 			if (!n) return !1;
-			let r = $(n.state.doc, t);
+			let r = Qt(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(tt.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" ? tn(i.state, t, n, r) : rn(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 = nn(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 = en(r.state, t, n);
 			return i ? (r.dispatch(i), !0) : !1;
 		}
 	} };
 }
 //#endregion
 //#region src/composables/useFormattingActions.ts
-function Ai(e) {
+function Yi(e) {
 	let t = () => e.activeView?.value ?? e.editorView.value;
 	function n() {
 		let e = t();
-		e && (ct(e.state, e.dispatch, e), e.focus());
+		e && (St(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 = Ae(a).resolveParagraphStyle(n), t = { numbering: i?.package?.numbering ? vn(i.package.numbering) : null };
+			e.paragraphFormatting && (t.paragraphFormatting = e.paragraphFormatting), e.runFormatting && (t.runFormatting = e.runFormatting), pn(n, t)(r.state, (e) => r.dispatch(e));
+		} else pn(n)(r.state, (e) => r.dispatch(e));
 		r.focus();
 	}
 	function i() {
 		let t = e.editorView.value;
-		t && (nn(t.state, (e) => t.dispatch(e), t), t.focus());
+		t && (yn(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 && (xn(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 && (bn(t.state, (e) => t.dispatch(e), t), t.focus());
 	}
 	function s(e) {
 		let n = t();
@@ -2265,8 +2334,8 @@ function Ai(e) {
 }
 //#endregion
 //#region src/composables/useHyperlinkManagement.ts
-function ji(e) {
-	let t = B(null);
+function Xi(e) {
+	let t = W(null);
 	function n(e, t) {
 		t(e.state, (t) => e.dispatch(t), e);
 	}
@@ -2296,14 +2365,14 @@ function ji(e) {
 	}
 	function o(n, r) {
 		let i = e.editorView.value;
-		i && (on(i, {
+		i && (Sn(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 && (Cn(n, { popupHref: t.value?.href }), t.value = null, n.focus());
 	}
 	return {
 		hyperlinkPopupData: t,
@@ -2316,8 +2385,8 @@ function ji(e) {
 }
 //#endregion
 //#region src/composables/useImageActions.ts
-function Mi(e) {
-	let t = he(null), n = B(!1), r = O(() => {
+function Zi(e) {
+	let t = Te(null), n = W(!1), r = N(() => {
 		e.stateTick.value;
 		let n = e.editorView.value, r = t.value;
 		if (!n || !r) return null;
@@ -2336,9 +2405,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 = ct(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: it(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 +2434,61 @@ function Mi(e) {
 	};
 }
 //#endregion
+//#region src/composables/useKeyboardShortcuts.ts
+function Qi(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 Se(() => window.addEventListener("keydown", t)), xe(() => window.removeEventListener("keydown", t)), { handleKeyDown: t };
+}
+//#endregion
+//#region src/composables/useOutlineSidebar.ts
+function $i(e) {
+	function t() {
+		let t = e.editorView.value;
+		t && (e.outlineHeadings.value = wn(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 = tt.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 ea(e) {
 	function t(t) {
 		let n = e.getDocument();
 		if (!n?.package?.document) return;
@@ -2393,19 +2515,19 @@ function Ni(e) {
 	}
 	function s(t) {
 		let n = e.editorView.value;
-		n && $t(t)(n.state, n.dispatch);
+		n && gn(t)(n.state, n.dispatch);
 	}
 	function c(t) {
 		let n = e.editorView.value;
-		n && en(t)(n.state, n.dispatch);
+		n && _n(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 ? hn(-t, !0)(n.state, n.dispatch) : hn(t, !1)(n.state, n.dispatch));
 	}
 	function u(t) {
 		let n = e.editorView.value;
-		n && Zt(t)(n.state, n.dispatch);
+		n && mn(t)(n.state, n.dispatch);
 	}
 	return {
 		handlePageSetupApply: t,
@@ -2421,45 +2543,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 ta = /[\p{L}\p{N}\p{M}_''-]/u, na = /\s/;
+function ra(e) {
+	return !e || e.length === 0 ? !1 : ta.test(e);
 }
-function Li(e) {
-	return !e || e.length === 0 ? !1 : Fi.test(e);
+function ia(e) {
+	return !e || e.length === 0 ? !1 : na.test(e);
 }
-function Ri(e, t) {
+function aa(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 (ia(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 && ia(e[n - 1]);) n--;
+		for (; r < e.length && ia(e[r]);) r++;
 		return [n, r];
 	}
-	if (Ii(n)) {
+	if (ra(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 && ra(e[n - 1]);) n--;
+		for (; r < e.length && ra(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 oa(e, t, n) {
+	let r = n ? Array.from(e.querySelectorAll(`.layout-page-${n} span[data-pm-start][data-pm-end]`)) : vt(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 sa(e, t, n) {
 	if (!e || !t) return;
-	let r = rt(e, n);
-	if (!r) for (let t of it(e)) {
+	let r = _t(e, n);
+	if (!r) for (let t of vt(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 +2595,21 @@ function Bi(e, t, n) {
 		behavior: "smooth"
 	});
 }
-function Vi(e, t, n, r) {
+function ca(e, t, n, r) {
 	if (!e || !t) return null;
-	let i = Ze(e, n, r, 1);
+	let i = dt(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 la(e, t, n, r) {
 	if (!e) return;
-	let i = zi(e, t, r);
+	let i = oa(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] = aa(a, t - o), l = o + s, u = o + c;
 	l < u && n(l, u);
 }
-function Ui(e, t, n, r) {
+function ua(e, t, n, r) {
 	if (!e) return;
-	let i = zi(e, t, r);
+	let i = oa(e, t, r);
 	if (!i) return;
 	let a = i.closest(".layout-paragraph");
 	if (!a) return;
@@ -2496,26 +2618,26 @@ function Ui(e, t, n, r) {
 }
 //#endregion
 //#region src/composables/usePagesPointer.ts
-var Wi = 500;
-function Gi(e) {
-	let t = B(null), n = null;
+var da = 500;
+function fa(e) {
+	let t = W(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 = Te(null), a = 0, o = null, s = 0, c = !1, l = null, u = Dn(), d = ie({
 		pagesContainer: e.pagesRef,
 		onScrollExtendSelection: (e, t) => {
 			if (!c || l === null) return;
 			let n = m(e, t);
 			n !== null && n !== l && g(l, n);
 		}
-	}), f = B({
+	}), f = W({
 		currentPage: 1,
 		totalPages: 1,
 		visible: !1
 	}), p = null;
 	function m(t, n) {
-		return Vi(e.pagesRef.value, e.editorView.value, t, n);
+		return ca(e.pagesRef.value, e.editorView.value, t, n);
 	}
 	function h() {
 		let t = i.value;
@@ -2528,18 +2650,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 = tt.between(r, i);
 			n.dispatch(n.state.tr.setSelection(a));
 		} catch {}
 	}
 	function _(t) {
-		Bi(e.pagesRef.value, e.pagesViewportRef.value, t);
+		sa(e.pagesRef.value, e.pagesViewportRef.value, t);
 	}
 	function v(t) {
-		Hi(e.pagesRef.value, t, g, i.value?.position);
+		la(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function y(t) {
-		Ui(e.pagesRef.value, t, g, i.value?.position);
+		ua(e.pagesRef.value, t, g, i.value?.position);
 	}
 	function b(t) {
 		let n = e.editorView.value;
@@ -2568,7 +2690,7 @@ function Gi(e) {
 		if (!o) return;
 		let s = e.pagesViewportRef.value;
 		if (!s || !(a.target instanceof HTMLElement)) return;
-		let l = ln({
+		let l = En({
 			mouseX: a.clientX,
 			mouseY: a.clientY,
 			pagesContainer: o,
@@ -2578,7 +2700,7 @@ function Gi(e) {
 		if (!l) {
 			n === null && (n = setTimeout(() => {
 				t.value = null, n = null;
-			}, cn));
+			}, Tn));
 			return;
 		}
 		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
@@ -2589,16 +2711,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(tt.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 +2745,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 +2782,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 +2795,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 +2812,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 +2820,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 +2852,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 +2860,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 = ot(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(Z.create(f.state.doc, n)));
 				} catch {}
 				e.selectedImage.value = {
 					element: p,
@@ -2763,15 +2885,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 < da && 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(On(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 +2906,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;
@@ -2812,10 +2934,10 @@ function Gi(e) {
 			};
 		}, 600);
 	}
-	return pe(() => {
-		window.addEventListener("mousemove", ie), window.addEventListener("mouseup", ae), e.pagesViewportRef.value?.addEventListener("scroll", T, { passive: !0 });
-	}), fe(() => {
-		r(), window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", ae), e.pagesViewportRef.value?.removeEventListener("scroll", T), p && clearTimeout(p);
+	return Se(() => {
+		window.addEventListener("mousemove", ae), window.addEventListener("mouseup", oe), e.pagesViewportRef.value?.addEventListener("scroll", w, { passive: !0 });
+	}), xe(() => {
+		r(), window.removeEventListener("mousemove", ae), window.removeEventListener("mouseup", oe), e.pagesViewportRef.value?.removeEventListener("scroll", w), p && clearTimeout(p);
 	}), {
 		tableInsertButton: t,
 		hfEdit: i,
@@ -2824,29 +2946,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 pa(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 ma(e) {
+	return typeof e != "object" || !e ? !1 : pa(Reflect.get(e, "family")) && pa(Reflect.get(e, "src"));
 }
-function Ji(e) {
+function ha(e) {
 	if (!e) return [];
 	let t = [];
 	for (let n of e) {
-		if (!qi(n)) continue;
+		if (!ma(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 +2978,10 @@ function Ji(e) {
 	}
 	return t;
 }
-function Yi() {
+function ga() {
 	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
 }
-async function Xi(e, t, n, r) {
+async function _a(e, t, n, r) {
 	let i;
 	try {
 		i = new FontFace(t, n, r), e.add(i);
@@ -2868,39 +2990,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 va(e) {
+	let t = ga();
 	if (!t) return [];
-	let n = Ji(e);
+	let n = ha(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 _a(t, e, n, i);
 		a && r.push(a);
 	})), r;
 }
-function Qi(e) {
-	let t = Yi();
+function ya(e) {
+	let t = ga();
 	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 ba = { class: "docx-editor-vue__toolbar-shell" }, xa = {
 	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 = {
+}, wa = { class: "docx-editor-vue__editor-area" }, Ta = {
 	key: 0,
 	class: "docx-editor-vue__ruler-h"
-}, aa = {
+}, Ea = {
 	key: 1,
 	class: "docx-editor-vue__ruler-v"
-}, oa = {
+}, Da = {
 	class: "docx-editor-vue__editor-content-wrapper",
 	style: {
 		position: "relative",
@@ -2908,14 +3030,15 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		flexDirection: "column",
 		minHeight: "100%"
 	}
-}, sa = {
+}, Oa = {
 	"data-testid": "selection-overlay",
 	class: "docx-editor-vue__decoration-origin",
 	"aria-hidden": "true"
-}, ca = ["aria-label"], la = /*#__PURE__*/ l(/* @__PURE__ */ P({
+}, ka = ["aria-label"], Aa = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "DocxEditor",
 	props: {
 		documentBuffer: { default: null },
+		password: {},
 		document: { default: null },
 		documentKey: {},
 		onSave: {},
@@ -3029,209 +3152,224 @@ 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(t, { expose: n, emit: a }) {
+		let o = t, s = a;
+		e(), i(o.components), yr(W(!1));
+		let l = W(o.mode), u = N(() => o.readOnly || l.value === "viewing"), d = N(() => o.showReviewControls), f = N(() => lt(l.value)), p = W("all-markup");
 		function m() {
-			cn(Xe(s.value));
+			dn(ut(l.value));
 		}
-		function y(e) {
-			d.value = e;
+		function g(e) {
+			p.value = e;
+		}
+		let b = N(() => p.value === "all-markup" ? "" : `folio-root--${p.value}`), { t: x } = c(), S = ({ node: e }) => e;
+		S.props = ["node"];
+		let te = N(() => o.documentBuffer != null || o.document != null), re = W(!1);
+		J(te, (e) => {
+			e || (re.value = !1);
+		});
+		let ie = W(null), T = W(null), se = W(null), ce = W(null), le = N(() => o.showRuler ?? !1), E = W(0), D = W(!1), ue = W(!1), de = W(!1), fe = W(!1), O = W(!1), k = W(!1), A = W(o.showOutline), j = W(!1), pe = W(null), me = Te([]), ge = Te([]), { zoom: B, zoomPercent: _e, isMinZoom: ve, isMaxZoom: be, setZoom: Ce, zoomIn: G, zoomOut: Ee, handleWheel: Oe, handleKeyDown: ke, ZOOM_PRESETS: Ae } = w(o.initialZoom);
+		function Me(e) {
+			o.enableWheelZoom !== !1 && Oe(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);
+		Qi({
+			showKeyboardShortcuts: de,
+			showFindReplace: D,
+			showHyperlink: ue,
+			handleZoomKeyDown: ke
 		});
-		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: Ne, editorView: X, editorState: Ie, isReady: Re, isDirty: Ke, parseError: qe, layout: Je, blocks: Ye, measures: Xe, loadBuffer: Ze, loadDocument: Qe, save: $e, getDocument: Z, getCommands: et, focus: tt, reLayout: nt } = ae({
+			hiddenContainer: ie,
+			pagesContainer: T,
+			readOnly: u,
+			editorMode: l,
+			author: () => o.author,
+			password: () => o.password,
+			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?.(je(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));
+			onEditorViewReady: (e) => o.onEditorViewReady?.(e),
+			onReadOnlyEditAttempt: () => o.onReadonlyEditAttempt?.(),
+			featureFlags: () => o.featureFlags,
+			onSelectiveSaveTripwire: o.onSelectiveSaveTripwire ? (e) => o.onSelectiveSaveTripwire?.(e) : void 0
+		}), rt = N(() => !Re.value && te.value && !(o.preserveDocumentWhileLoading === !0 && re.value));
 		function it() {
-			Z.value && (ke(), Oe(), nt());
+			X.value && (Ue(), He(), nt());
 		}
-		K(() => a.fonts, (e, t, n) => {
+		J(() => o.fonts, (e, t, n) => {
 			if (!e || e.length === 0) return;
 			let r = !1, i = [];
-			Zi(e).then((e) => {
+			va(e).then((e) => {
 				if (r) {
-					Qi(e);
+					ya(e);
 					return;
 				}
 				i = e, e.length !== 0 && it();
 			}), n(() => {
-				r = !0, i.length !== 0 && (Qi(i), it());
+				r = !0, i.length !== 0 && (ya(i), it());
 			});
 		}, { immediate: !0 });
-		let { selectedImage: at, imageInteracting: ot, imageToolbarContext: st, handleToolbarImageWrap: ct, handleImageTransform: lt } = Mi({
-			editorView: Z,
-			zoom: X,
-			stateTick: F,
+		let { selectedImage: at, imageInteracting: ot, imageToolbarContext: st, handleToolbarImageWrap: ct, handleImageTransform: dt } = Zi({
+			editorView: X,
+			zoom: B,
+			stateTick: E,
 			getCommands: et
-		}), { hyperlinkPopupData: ut, handleHyperlinkSubmit: dt, handleHyperlinkRemove: ft, handleHyperlinkPopupNavigate: pt, handleHyperlinkPopupEdit: mt, handleHyperlinkPopupRemove: ht } = ji({
-			editorView: Z,
+		}), { hyperlinkPopupData: ft, handleHyperlinkSubmit: pt, handleHyperlinkRemove: mt, handleHyperlinkPopupNavigate: ht, handleHyperlinkPopupEdit: gt, handleHyperlinkPopupRemove: _t } = Xi({
+			editorView: X,
 			getCommands: et
-		}), gt = w(), { tableInsertButton: _t, scrollPageInfo: vt, resolvePos: yt, setPmSelection: bt, scrollVisiblePositionIntoView: xt, handlePagesMouseDown: St, handlePagesMouseMove: Ct, handlePagesClick: wt, handleTableInsertClick: Tt } = Gi({
-			editorView: Z,
-			pagesRef: D,
-			pagesViewportRef: oe,
+		}), vt = C(), { tableInsertButton: yt, scrollPageInfo: bt, resolvePos: xt, setPmSelection: St, scrollVisiblePositionIntoView: Ct, handlePagesMouseDown: wt, handlePagesMouseMove: Tt, handlePagesClick: Et, handleTableInsertClick: Dt } = fa({
+			editorView: X,
+			pagesRef: T,
+			pagesViewportRef: se,
 			selectedImage: at,
 			imageInteracting: ot,
-			hyperlinkPopupData: ut,
-			readOnly: c,
-			zoom: X,
-			layout: Ge,
+			hyperlinkPopupData: ft,
+			readOnly: u,
+			zoom: B,
+			layout: Je,
 			tableResize: {
-				tryStartResize: gt.tryStartResize,
-				isResizing: O(() => gt.isResizing())
+				tryStartResize: vt.tryStartResize,
+				isResizing: N(() => vt.isResizing())
 			},
 			getCommands: et,
-			getDocument: $e,
+			getDocument: Z,
 			reLayout: nt,
 			emit: () => {},
 			clearOverlay: () => {}
-		}), { contextMenu: Et, imageContextMenu: Dt, imageContextMenuTextActions: Ot, customTextMenuItems: kt, handleContextMenu: At, handleSelectedImageContextMenu: jt, handleImageWrapSelect: Mt, handleContextMenuAction: Nt } = wi({
-			editorView: Z,
+		}), Ot = $i({
+			editorView: X,
+			showOutline: A,
+			showSidebar: j,
+			outlineHeadings: ge,
+			activeSidebarItem: pe,
+			extractCommentsAndChanges: () => {},
+			scrollToVisiblePosition: Ct
+		}), { contextMenu: kt, imageContextMenu: At, imageContextMenuTextActions: jt, customTextMenuItems: Mt, handleContextMenu: Nt, handleSelectedImageContextMenu: Pt, handleImageWrapSelect: Ft, handleContextMenuAction: It } = Hi({
+			editorView: X,
 			selectedImage: at,
-			zoom: X,
-			showImageProperties: V,
+			zoom: B,
+			showImageProperties: O,
 			getCommands: et,
 			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({
-			editorView: Z,
-			getDocument: $e,
-			author: () => a.author,
-			commentsProp: () => a.comments,
+			setPmSelection: St,
+			resolvePos: xt,
+			customContextMenuItems: () => u.value ? void 0 : o.customContextMenuItems,
+			onCustomContextAction: (e, t) => o.onCustomContextAction?.(e, t)
+		}), Lt = oe(X, E), Rt = N(() => Lt.value.entries), Q = Ai({
+			editorView: X,
+			getDocument: Z,
+			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({
-			editorView: Z,
-			pagesViewport: oe,
-			pagesContainer: D,
-			readOnly: c,
+		}), zt = Q.comments, $ = ki({
+			editorView: X,
+			pagesViewport: se,
+			pagesContainer: T,
+			readOnly: u,
 			createComment: Q.createComment,
 			pushComment: Q.pushComment,
 			reLayout: nt,
-			showSidebar: J,
+			showSidebar: j,
 			setActiveSidebarItem: (e) => {
-				_e.value = e;
+				pe.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 = N(() => {
+			E.value;
+			let e = Z()?.package.document;
 			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
-		}), zt = O(() => {
-			F.value;
+		}), Ht = N(() => {
+			E.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 = Z()?.package.styles?.styles;
 			return t !== void 0 && (e.documentStyles = t), e;
-		}), Bt = O(() => je(Rt.value?.pageWidth ?? 12240) * X.value), Vt = O(() => {
+		}), Ut = N(() => Ge(Vt.value?.pageWidth ?? 12240) * B.value), Wt = N(() => {
 			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(() => ({
-			transform: X.value === 1 ? void 0 : `scale(${X.value})`,
+		}), Gt = N(() => ({
+			transform: B.value === 1 ? void 0 : `scale(${B.value})`,
 			transformOrigin: "top center",
 			transition: "transform 0.2s ease"
-		})), { handleApplyStyle: Ut, handleInsertSymbol: Wt, handleInsertSectionBreakNextPage: Gt, handleInsertSectionBreakContinuous: Kt } = Ai({
-			editorView: Z,
-			getDocument: $e
+		})), { handleApplyStyle: Kt, handleInsertSymbol: qt, handleInsertSectionBreakNextPage: Jt, handleInsertSectionBreakContinuous: Yt } = Yi({
+			editorView: X,
+			getDocument: Z
 		});
-		function qt() {
-			if (a.onInsertImage) {
-				a.onInsertImage();
+		function Xt() {
+			if (o.onInsertImage) {
+				o.onInsertImage();
 				return;
 			}
-			let e = Z.value;
+			let e = X.value;
 			if (!e) return;
 			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 && Pe(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());
+			let n = X.value;
+			n && (Le(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());
+			let e = X.value;
+			e && (Fe(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());
-		}
-		let { handlePageSetupApply: Zt, handleLeftMarginChange: Qt, handleRightMarginChange: $t, handleTopMarginChange: en, handleBottomMarginChange: tn, handleIndentLeftChange: nn, handleIndentRightChange: rn, handleFirstLineIndentChange: an, handleTabStopRemove: on } = Ni({
-			editorView: Z,
-			getDocument: $e,
-			readOnly: c,
-			stateTick: F,
+			let e = X.value;
+			e && (ze(e), e.focus());
+		}
+		let { handlePageSetupApply: en, handleLeftMarginChange: tn, handleRightMarginChange: nn, handleTopMarginChange: rn, handleBottomMarginChange: an, handleIndentLeftChange: on, handleIndentRightChange: sn, handleFirstLineIndentChange: cn, handleTabStopRemove: ln } = ea({
+			editorView: X,
+			getDocument: Z,
+			readOnly: u,
+			stateTick: E,
 			reLayout: nt,
 			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 = N(() => {
+			E.value;
+			let e = X.value, t = e ? Be(e.state).paragraphFormatting : {};
 			return {
 				indentLeft: t.indentLeft ?? 0,
 				indentRight: t.indentRight ?? 0,
@@ -3240,182 +3378,182 @@ 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) {
+			l.value !== e && (l.value = e, o.onModeChange?.(e), s("mode-change", e));
 		}
-		function ln(e) {
+		function fn(e) {
 			switch (e) {
 				case "find":
 				case "findReplace":
-					ue.value = !0;
+					D.value = !0;
 					break;
 				case "insertSymbol":
-					me.value = !0;
+					fe.value = !0;
 					break;
 				case "insertHyperlink":
-					I.value = !0;
+					ue.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;
+					j.value = !j.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 = W(!1);
+		Ui({
+			documentBuffer: () => o.documentBuffer ?? null,
+			document: () => o.document ?? null,
+			loadDocumentBuffer: Ze,
+			loadDocument: Qe,
+			sidebarAutoOpenedRef: mn
+		}), J(() => o.mode, (e) => {
+			e && e !== l.value && (l.value = e);
+		}), J(() => o.showOutline, (e) => {
+			A.value = !!e, Ot.recomputeHeadingsIfOpen();
 		});
-		let fn = B(!1);
-		function pn(e) {
+		let hn = W(!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);
 			});
 		}
-		K(He, (e) => {
+		J(Re, (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");
-		}), 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?.());
-			fe(() => {
+			re.value = !0, Ot.recomputeHeadingsIfOpen(), Q.seedFromDocument();
+			let t = Z();
+			t && o.onCompatibilityChange?.(Ve(t)), o.autoOpenReviewSidebar !== !1 && !mn.value && (zt.value.length > 0 || Rt.value.length > 0) && (mn.value = !0, j.value = !0), _n(), s("ready");
+		}), Se(() => {
+			let e = Ne.on("selectionChange", () => {
+				E.value++, $.updateFloatingButton();
+			}), t = Ne.on("docChange", () => {
+				E.value++, Ot.recomputeHeadingsIfOpen();
+			}), n = Ne.on("layoutComplete", () => {
+				E.value++;
+			}), r = vt.install(), i = We(() => o.onFontsLoaded?.());
+			xe(() => {
 				e(), t(), n(), r(), i();
 			});
 		});
-		let { exposed: hn } = ki({
-			editor: Be,
-			editorView: Z,
-			isDirty: Ue,
+		let { exposed: vn } = Ji({
+			editor: Ne,
+			editorView: X,
+			isDirty: Ke,
 			commentsDirty: Q.commentsDirty,
 			clearCommentsDirty: Q.clearCommentsDirty,
-			layout: Ge,
-			pagesRef: D,
-			pagesViewportRef: oe,
-			zoom: X,
-			scrollVisiblePositionIntoView: xt,
-			author: () => a.author,
+			layout: Je,
+			pagesRef: T,
+			pagesViewportRef: se,
+			zoom: B,
+			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
+			getDocument: Z,
+			setZoom: Ce,
+			save: $e,
+			loadDocument: Qe,
+			loadDocumentBuffer: Ze,
+			onPrint: o.onPrint,
+			onSave: o.onSave
 		});
-		return n(hn), (t, n) => (z(), j("div", {
-			class: L([
+		return n(vn), (e, n) => (U(), I("div", {
+			class: V([
 				"docx-editor-vue ep-root paged-editor",
-				e.className,
+				t.className,
 				b.value,
-				{ "paged-editor--readonly": c.value }
+				{ "paged-editor--readonly": u.value }
 			]),
-			style: R(e.style)
+			style: H(t.style)
 		}, [
-			M("div", $i, [N($n, {
-				"show-table-insert": a.showTableInsert !== !1,
-				onRename: n[0] ||= (e) => o("rename", e),
-				onMenuAction: ln,
-				onInsertTable: un
+			L("div", ba, [z(_r, {
+				"show-table-insert": o.showTableInsert !== !1,
+				onRename: n[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": De(() => [we(e.$slots, "title-bar-left", {}, void 0, !0)]),
+				"title-bar-right": De(() => [we(e.$slots, "title-bar-right", {}, void 0, !0)]),
 				_: 3
-			}, 8, ["show-table-insert"]), e.showToolbar ? (z(), k(_, de({
+			}, 8, ["show-table-insert"]), t.showToolbar ? (U(), P(v, ye({
 				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),
-				"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),
-				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,
+				view: q(X),
+				"get-commands": q(et),
+				"state-tick": E.value,
+				"zoom-percent": q(_e),
+				"is-min-zoom": q(ve),
+				"is-max-zoom": q(be),
+				"zoom-presets": q(Ae),
+				"show-zoom-control": t.showZoomControl,
+				"editor-mode": l.value,
+				"show-review-controls": d.value,
+				"track-changes-on": f.value,
+				"display-mode": p.value,
+				"read-only": u.value,
+				"comments-sidebar-open": j.value,
+				"image-context": q(st),
+				theme: t.theme ?? null
+			}, Ht.value, {
+				onFindReplace: n[1] ||= (e) => D.value = !0,
+				onInsertLink: n[2] ||= (e) => ue.value = !0,
+				onInsertSymbol: n[3] ||= (e) => fe.value = !0,
+				onInsertPageBreak: Qt,
+				onPageSetup: n[4] ||= (e) => k.value = !0,
+				onToggleOutline: q(Ot).handleToggleOutline,
+				onApplyStyle: q(Kt),
+				onZoomIn: q(G),
+				onZoomOut: q(Ee),
+				onZoomSet: q(Ce),
+				onToggleSidebar: n[5] ||= (e) => j.value = !j.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,
-					theme: e.theme ?? null
+				"onUpdate:displayMode": g,
+				onImageProperties: n[6] ||= (e) => O.value = !0,
+				onImageWrapType: q(ct),
+				onImageTransform: q(dt)
+			}), he({
+				"table-context": De(() => [z(ee, {
+					view: q(X),
+					"get-commands": q(et),
+					"state-tick": E.value,
+					theme: t.theme ?? null
 				}, null, 8, [
 					"view",
 					"get-commands",
@@ -3423,12 +3561,12 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 					"theme"
 				])]),
 				_: 2
-			}, [t.$slots["toolbar-extra"] || e.toolbarExtra ? {
+			}, [e.$slots["toolbar-extra"] || t.toolbarExtra ? {
 				name: "toolbar-extra",
-				fn: ge(() => [H(t.$slots, "toolbar-extra", {}, () => [e.toolbarExtra ? (z(), k(C, {
+				fn: De(() => [we(e.$slots, "toolbar-extra", {}, () => [t.toolbarExtra ? (U(), P(S, {
 					key: 0,
-					node: e.toolbarExtra
-				}, null, 8, ["node"])) : A("", !0)], !0)]),
+					node: t.toolbarExtra
+				}, null, 8, ["node"])) : F("", !0)], !0)]),
 				key: "0"
 			} : void 0]), 1040, [
 				"view",
@@ -3447,32 +3585,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,
-				"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)
+			])) : F("", !0)]),
+			z(fr, {
+				"show-find-replace": D.value,
+				"onUpdate:showFindReplace": n[7] ||= (e) => D.value = e,
+				"show-hyperlink": ue.value,
+				"onUpdate:showHyperlink": n[8] ||= (e) => ue.value = e,
+				"show-insert-symbol": fe.value,
+				"onUpdate:showInsertSymbol": n[9] ||= (e) => fe.value = e,
+				"show-image-properties": O.value,
+				"onUpdate:showImageProperties": n[10] ||= (e) => O.value = e,
+				"show-page-setup": k.value,
+				"onUpdate:showPageSetup": n[11] ||= (e) => k.value = e,
+				view: q(X),
+				bookmarks: me.value,
+				"selected-image-pm-pos": q(at)?.pmPos ?? null,
+				"section-properties": Vt.value,
+				onInsertSymbol: q(qt),
+				onHyperlinkSubmit: q(pt),
+				onHyperlinkRemove: q(mt),
+				onPageSetupApply: q(en)
 			}, null, 8, [
 				"show-find-replace",
 				"show-hyperlink",
@@ -3488,41 +3627,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, {
+			q(qe) ? (U(), I("div", xa, K(q(qe)), 1)) : rt.value ? (U(), I("div", Sa, [we(e.$slots, "loading-indicator", {}, () => [t.loadingIndicator ? (U(), P(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, {
+				node: t.loadingIndicator
+			}, null, 8, ["node"])) : (U(), I(M, { key: 1 }, [R(K(q(x)("loadingDocument")), 1)], 64))], !0)])) : !q(Re) && !te.value ? (U(), I("div", Ca, [we(e.$slots, "placeholder", {}, () => [t.placeholder ? (U(), P(S, {
 				key: 0,
-				node: e.placeholder
-			}, null, 8, ["node"])) : (z(), j(E, { key: 1 }, [le("No document loaded")], 64))], !0)])) : A("", !0),
-			M("div", {
+				node: t.placeholder
+			}, null, 8, ["node"])) : (U(), I(M, { key: 1 }, [R("No document loaded")], 64))], !0)])) : F("", !0),
+			L("div", {
 				ref_key: "hiddenPmRef",
-				ref: re,
+				ref: ie,
 				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
 			}, null, 512),
-			M("div", {
+			L("div", {
 				ref_key: "editorScrollRef",
 				ref: ce,
 				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),
-					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,
+				onScroll: gn
+			}, [L("div", wa, [
+				le.value && !u.value ? (U(), I("div", Ta, [z(ne, {
+					"section-props": Vt.value,
+					zoom: q(B),
+					unit: t.rulerUnit ?? "inch",
+					editable: !u.value,
+					"indent-left": un.value.indentLeft,
+					"indent-right": un.value.indentRight,
+					"first-line-indent": un.value.firstLineIndent,
+					"hanging-indent": un.value.hangingIndent,
 					"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: q(tn),
+					onRightMarginChange: q(nn),
+					onIndentLeftChange: q(on),
+					onIndentRightChange: q(sn),
+					onFirstLineIndentChange: q(cn),
+					onTabStopRemove: q(ln)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3539,14 +3678,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),
-					unit: e.rulerUnit ?? "inch",
-					editable: !c.value,
-					onTopMarginChange: W(en),
-					onBottomMarginChange: W(tn)
+				])])) : F("", !0),
+				le.value && !u.value ? (U(), I("div", Ea, [z(y, {
+					"section-props": Vt.value,
+					zoom: q(B),
+					unit: t.rulerUnit ?? "inch",
+					editable: !u.value,
+					onTopMarginChange: q(rn),
+					onBottomMarginChange: q(an)
 				}, null, 8, [
 					"section-props",
 					"zoom",
@@ -3554,33 +3693,33 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 					"editable",
 					"onTopMarginChange",
 					"onBottomMarginChange"
-				])])) : A("", !0),
-				M("div", {
+				])])) : F("", !0),
+				L("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: Me,
+					onMousedown: n[20] ||= (...e) => q(wt) && q(wt)(...e),
+					onMousemove: n[21] ||= (...e) => q(Tt) && q(Tt)(...e),
+					onClick: n[22] ||= (...e) => q(Et) && q(Et)(...e),
+					onContextmenu: n[23] ||= Y((...e) => q(Nt) && q(Nt)(...e), ["prevent"])
 				}, [
-					M("div", oa, [M("div", {
+					L("div", Da, [L("div", {
 						ref_key: "pagesRef",
-						ref: D,
+						ref: T,
 						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: H(Gt.value)
+					}, null, 4), L("div", Oa, [z(sr, {
+						"get-view": () => q(X),
+						"get-pages-container": () => T.value,
+						"editor-state": q(Ie),
+						zoom: q(B),
+						layout: q(Je),
+						blocks: q(Ye),
+						measures: q(Xe),
+						"on-term-click": o.onAnonymizationTermClick,
+						"selected-canonical": o.selectedAnonymizationCanonical,
+						"selection-seq": o.anonymizationSelectionSeq
 					}, null, 8, [
 						"get-view",
 						"get-pages-container",
@@ -3592,15 +3731,15 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"on-term-click",
 						"selected-canonical",
 						"selection-seq"
-					]), a.showTemplateDirectives ? (z(), k(Jr, {
+					]), o.showTemplateDirectives ? (U(), P(fi, {
 						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": () => q(X),
+						"get-pages-container": () => T.value,
+						"editor-state": q(Ie),
+						zoom: q(B),
+						layout: q(Je),
+						blocks: q(Ye),
+						measures: q(Xe)
 					}, null, 8, [
 						"get-view",
 						"get-pages-container",
@@ -3609,29 +3748,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)
+					])) : F("", !0)])]),
+					z(ti, {
+						"image-info": q(at),
+						zoom: q(B),
+						view: q(X),
+						onDeselect: n[12] ||= (e) => at.value = null,
+						onInteractStart: n[13] ||= (e) => ot.value = !0,
+						onInteractEnd: n[14] ||= (e) => ot.value = !1,
+						onContextMenu: q(Pt)
 					}, 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
+					z(Si, {
+						data: q(ft),
+						"read-only": u.value,
+						onNavigate: q(ht),
+						onCopy: Bt,
+						onEdit: q(gt),
+						onRemove: q(_t),
+						onClose: n[15] ||= (e) => ft.value = null
 					}, null, 8, [
 						"data",
 						"read-only",
@@ -3639,24 +3778,24 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"onEdit",
 						"onRemove"
 					]),
-					W(_t) ? (z(), j("button", {
+					q(yt) ? (U(), I("button", {
 						key: 0,
 						type: "button",
 						class: "docx-editor-vue__table-insert-btn",
-						style: R({
-							left: W(_t).x + "px",
-							top: W(_t).y + "px"
+						style: H({
+							left: q(yt).x + "px",
+							top: q(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": q(yt).type === "row" ? "Insert row" : "Insert column",
+						onMousedown: n[16] ||= (...e) => q(Dt) && q(Dt)(...e)
+					}, " + ", 44, ka)) : F("", !0),
+					z(h, {
+						comments: q(zt),
+						"pages-container": T.value,
+						zoom: q(B),
+						"page-width-px": Ut.value,
+						"sidebar-open": j.value,
+						"resolved-comment-ids": Wt.value,
 						onMarkerClick: () => {}
 					}, null, 8, [
 						"comments",
@@ -3666,30 +3805,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,
+					z(_, {
+						"is-open": j.value,
+						comments: q(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": q($).isAddingComment.value,
+						"add-comment-y-position": q($).addCommentYPosition.value,
+						"pages-container": T.value,
+						"page-width-px": Ut.value,
+						zoom: q(B),
+						"active-item-id": pe.value,
+						onClose: n[17] ||= (e) => j.value = !1,
+						"onUpdate:activeItemId": n[18] ||= (e) => pe.value = e,
+						onAddComment: q($).handleAddComment,
+						onCancelAddComment: q($).handleCancelAddComment,
+						onCommentReply: q(Q).handleReply,
+						onCommentResolve: q(Q).handleResolve,
+						onCommentUnresolve: q(Q).handleUnresolve,
+						onCommentDelete: q(Q).handleDelete,
+						onAcceptChange: q(Q).handleAcceptChange,
+						onRejectChange: q(Q).handleRejectChange,
+						onAcceptChangeById: q(Q).handleAcceptChangeById,
+						onRejectChangeById: q(Q).handleRejectChangeById,
+						onTrackedChangeReply: q(Q).handleTrackedChangeReply
 					}, null, 8, [
 						"is-open",
 						"comments",
@@ -3712,56 +3851,62 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 						"onRejectChangeById",
 						"onTrackedChangeReply"
 					]),
-					W($).floatingCommentButton.value && !c.value ? (z(), j("button", {
+					q($).floatingCommentButton.value && !u.value ? (U(), I("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"
+						style: H({
+							top: q($).floatingCommentButton.value.top + "px",
+							left: q($).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: n[19] ||= Y((...e) => q($).startAddComment && q($).startAddComment(...e), ["prevent", "stop"])
+					}, [z(r, {
 						name: "add_comment",
 						size: 18
-					})], 36)) : A("", !0)
+					})], 36)) : F("", !0)
 				], 544),
-				q.value ? A("", !0) : (z(), k(zr, {
+				A.value ? F("", !0) : (U(), P(ri, {
 					key: 2,
 					"left-offset": 12,
-					onToggle: n[25] ||= (e) => q.value = !0
-				})),
-				W(vt).totalPages > 1 ? (z(), k(Br, {
+					onToggle: q(Ot).handleToggleOutline
+				}, null, 8, ["onToggle"])),
+				q(bt).totalPages > 1 ? (U(), P(ii, {
 					key: 3,
-					"current-page": W(vt).currentPage,
-					"total-pages": W(vt).totalPages,
-					visible: W(vt).visible
+					"current-page": q(bt).currentPage,
+					"total-pages": q(bt).totalPages,
+					visible: q(bt).visible
 				}, null, 8, [
 					"current-page",
 					"total-pages",
 					"visible"
-				])) : A("", !0),
-				N(qn, {
-					"is-open": q.value,
-					headings: xe.value,
-					onClose: n[26] ||= (e) => q.value = !1,
-					onNavigate: () => {}
-				}, null, 8, ["is-open", "headings"])
+				])) : F("", !0),
+				z(dr, {
+					"is-open": A.value,
+					headings: ge.value,
+					"get-scroll-container": () => T.value,
+					onClose: n[24] ||= (e) => A.value = !1,
+					onNavigate: q(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
+			z(Gr, {
+				"read-only": u.value,
+				"context-menu": q(kt),
+				"image-context-menu": q(At),
+				"image-context-menu-text-actions": q(jt),
+				"custom-text-menu-items": q(Mt),
+				"can-open-image-properties": q(at) !== null,
+				onContextMenuAction: q(It),
+				onCloseContextMenu: n[25] ||= (e) => q(kt).isOpen = !1,
+				onImageWrapSelect: q(Ft),
+				onCloseImageContextMenu: n[26] ||= (e) => At.value = null,
+				onOpenImageProperties: n[27] ||= (e) => O.value = !0
 			}, null, 8, [
 				"read-only",
 				"context-menu",
@@ -3774,30 +3919,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-1313e086"]]), ja = ["aria-label"], Ma = ["aria-label"], Na = [
 	"disabled",
 	"title",
 	"aria-label"
-], pa = [
+], Pa = [
 	"disabled",
 	"title",
 	"aria-label"
-], ma = ["aria-label"], ha = [
+], Fa = ["aria-label"], Ia = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], ga = [
+], La = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], _a = [
+], Ra = [
 	"disabled",
 	"title",
 	"aria-label",
 	"aria-pressed"
-], va = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], za = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "FormattingBar",
 	props: {
 		currentFormatting: {},
@@ -3839,11 +3984,11 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		"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 { ColorPicker: n } = p(), i = e, a = t, { t: o } = c(), s = N(() => i.currentFormatting ?? {}), l = N(() => i.documentStyles ? { styles: i.documentStyles } : {}), u = N(() => s.value.listState ?? x()), d = N(() => {
 			let e = s.value.color;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
-		}), f = O(() => {
-			let e = l.value;
+		}), f = N(() => {
+			let e = u.value;
 			return e.isInList && e.level > 0 || (s.value.indentLeft ?? 0) > 0;
 		});
 		function m(e) {
@@ -3852,99 +3997,99 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				value: e
 			});
 		}
-		return (t, r) => (z(), j("div", {
-			class: L(["docx-formatting-bar", e.className]),
+		return (t, i) => (U(), I("div", {
+			class: V(["docx-formatting-bar", e.className]),
 			role: "toolbar",
-			"aria-label": W(o)("formattingToolbar"),
+			"aria-label": q(o)("formattingToolbar"),
 			"data-folio-toolbar": "true"
 		}, [
-			M("span", {
+			L("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": W(o)("historyGroup")
-			}, [M("button", {
+				"aria-label": q(o)("historyGroup")
+			}, [L("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: q(o)("undoShortcut"),
+				"aria-label": q(o)("undo"),
+				onMousedown: i[0] ||= Y((e) => a("undo"), ["prevent"])
+			}, [z(r, {
 				name: "undo",
 				size: 18
-			})], 40, fa), M("button", {
+			})], 40, Na), L("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: q(o)("redoShortcut"),
+				"aria-label": q(o)("redo"),
+				onMousedown: i[1] ||= Y((e) => a("redo"), ["prevent"])
+			}, [z(r, {
 				name: "redo",
 				size: 18
-			})], 40, pa)], 8, da),
-			r[13] ||= M("span", {
+			})], 40, Pa)], 8, Ma),
+			i[13] ||= L("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 ? (U(), I(M, { key: 0 }, [z(b, ye({ value: s.value.styleId ?? "Normal" }, l.value, {
 				disabled: e.disabled,
-				onChange: r[2] ||= (e) => a("format", {
+				onChange: i[2] ||= (e) => a("format", {
 					type: "applyStyle",
 					value: e
 				})
-			}), null, 16, ["value", "disabled"]), r[11] ||= M("span", {
+			}), null, 16, ["value", "disabled"]), i[11] ||= L("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1)], 64)) : A("", !0),
-			M("span", {
+			}, null, -1)], 64)) : F("", !0),
+			L("span", {
 				class: "docx-formatting-bar__group",
 				role: "group",
-				"aria-label": W(o)("textFormattingGroup")
+				"aria-label": q(o)("textFormattingGroup")
 			}, [
-				M("button", {
+				L("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
+					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
 					disabled: e.disabled,
-					title: W(o)("boldShortcut"),
-					"aria-label": W(o)("bold"),
+					title: q(o)("boldShortcut"),
+					"aria-label": q(o)("bold"),
 					"aria-pressed": !!s.value.bold,
-					onMousedown: r[3] ||= Y((e) => a("format", "bold"), ["prevent"])
-				}, [N(p, {
+					onMousedown: i[3] ||= Y((e) => a("format", "bold"), ["prevent"])
+				}, [z(r, {
 					name: "format_bold",
 					size: 18
-				})], 42, ha),
-				M("button", {
+				})], 42, Ia),
+				L("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
+					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
 					disabled: e.disabled,
-					title: W(o)("italicShortcut"),
-					"aria-label": W(o)("italic"),
+					title: q(o)("italicShortcut"),
+					"aria-label": q(o)("italic"),
 					"aria-pressed": !!s.value.italic,
-					onMousedown: r[4] ||= Y((e) => a("format", "italic"), ["prevent"])
-				}, [N(p, {
+					onMousedown: i[4] ||= Y((e) => a("format", "italic"), ["prevent"])
+				}, [z(r, {
 					name: "format_italic",
 					size: 18
-				})], 42, ga),
-				M("button", {
+				})], 42, La),
+				L("button", {
 					type: "button",
-					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
+					class: V(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
 					disabled: e.disabled,
-					title: W(o)("underlineShortcut"),
-					"aria-label": W(o)("underline"),
+					title: q(o)("underlineShortcut"),
+					"aria-label": q(o)("underline"),
 					"aria-pressed": !!s.value.underline,
-					onMousedown: r[5] ||= Y((e) => a("format", "underline"), ["prevent"])
-				}, [N(p, {
+					onMousedown: i[5] ||= Y((e) => a("format", "underline"), ["prevent"])
+				}, [z(r, {
 					name: "format_underlined",
 					size: 18
-				})], 42, _a)
-			], 8, ma),
-			e.showTextColorPicker ? (z(), j(E, { key: 1 }, [r[12] ||= M("span", {
+				})], 42, Ra)
+			], 8, Fa),
+			e.showTextColorPicker ? (U(), I(M, { key: 1 }, [i[12] ||= L("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
-			}, null, -1), N(W(n), {
+			}, null, -1), z(q(n), {
 				mode: "text",
-				value: u.value,
+				value: d.value,
 				theme: e.theme ?? null,
 				disabled: e.disabled,
 				onChange: m
@@ -3952,37 +4097,37 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				"value",
 				"theme",
 				"disabled"
-			])], 64)) : A("", !0),
-			r[14] ||= M("span", {
+			])], 64)) : F("", !0),
+			i[14] ||= L("span", {
 				class: "docx-formatting-bar__divider",
 				role: "separator"
 			}, null, -1),
-			e.showAlignmentButtons ? (z(), k(S, {
+			e.showAlignmentButtons ? (U(), P(S, {
 				key: 2,
 				value: s.value.alignment ?? "left",
 				disabled: e.disabled,
-				onChange: r[6] ||= (e) => a("format", {
+				onChange: i[6] ||= (e) => a("format", {
 					type: "alignment",
 					value: e
 				})
-			}, null, 8, ["value", "disabled"])) : A("", !0),
-			e.showListButtons ? (z(), k(C, {
+			}, null, 8, ["value", "disabled"])) : F("", !0),
+			e.showListButtons ? (U(), P(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")
+				onBulletList: i[7] ||= (e) => a("format", "bulletList"),
+				onNumberedList: i[8] ||= (e) => a("format", "numberedList"),
+				onIndent: i[9] ||= (e) => a("format", "indent"),
+				onOutdent: i[10] ||= (e) => a("format", "outdent")
 			}, null, 8, [
 				"list-state",
 				"disabled",
 				"can-outdent"
-			])) : A("", !0)
-		], 10, ua));
+			])) : F("", !0)
+		], 10, ja));
 	}
-}), [["__scopeId", "data-v-225f770f"]]), ya = ["value", "disabled"], ba = ["value"], xa = ["value"], Sa = [
+}), [["__scopeId", "data-v-225f770f"]]), Ba = [
 	{
 		value: .5,
 		label: "50%"
@@ -4007,7 +4152,7 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 		value: 2,
 		label: "200%"
 	}
-], Ca = /*#__PURE__*/ l(/* @__PURE__ */ P({
+], Va = /*#__PURE__*/ t(/* @__PURE__ */ B({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -4024,30 +4169,38 @@ 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 } = p(), r = e, i = t, a = N(() => r.levels ?? Ba), o = N(() => a.value.find((e) => Math.abs(e.value - r.value) < .001)), s = N(() => o.value ? o.value.label : `${Math.round(r.value * 100)}%`), c = N(() => o.value ? String(o.value.value) : String(r.value)), l = N(() => {
+			let 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", {
-			class: L(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
-			value: s.value,
+		return (t, r) => (U(), P(q(n), {
+			class: V(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
+			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));
+			onChange: u
+		}, null, 8, [
+			"class",
+			"value",
+			"items",
+			"disabled"
+		]));
 	}
-}), [["__scopeId", "data-v-4408d2e8"]]), wa = (e, t, n = {}) => {
+}), [["__scopeId", "data-v-8079e07f"]]), Ha = (e, t, n = {}) => {
 	let { locale: r = "en", ...i } = n;
 	return new Promise((n, a) => {
-		let o = B(null), c = null, l = !1, u = {
+		let o = W(null), s = null, c = !1, u = {
 			save: async () => {
 				let e = await (o.value?.save() ?? Promise.resolve(null));
 				return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
@@ -4066,23 +4219,23 @@ var $i = { class: "docx-editor-vue__toolbar-shell" }, ea = {
 				o.value?.scrollToPage(e);
 			},
 			destroy: () => {
-				l || (l = !0, a(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), c?.unmount(), c = null;
+				c || (c = !0, a(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), s?.unmount(), s = null;
 			}
 		};
-		c = oe({ setup() {
-			return () => F(la, {
+		s = me({ setup() {
+			return () => _e(Aa, {
 				...i,
 				documentBuffer: e,
 				ref: o,
 				onReady: () => {
-					l || (l = !0, n(u));
+					c || (c = !0, n(u));
 				},
 				onError: (e) => {
-					i.onError?.(e), l || (l = !0, c?.unmount(), c = null, a(e));
+					i.onError?.(e), c || (c = !0, s?.unmount(), s = null, a(e));
 				}
 			});
-		} }), c.use(s, r), c.mount(t);
+		} }), s.use(l, r), s.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 { Nn as DEFAULT_AI_SUGGESTION_PRESETS, Kn as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, Aa as DocxEditor, T as FindReplaceDialog, s as FolioUIProvider, se as FootnotePropertiesDialog, za as FormattingBar, ce as HyperlinkDialog, le as ImagePositionDialog, E as ImagePropertiesDialog, D as InsertImageDialog, ue as InsertSymbolDialog, de as InsertTableDialog, fe as PageSetupDialog, O as PasteSpecialDialog, k as SplitCellDialog, A as TablePropertiesDialog, j as WatermarkDialog, Va as ZoomControl, qn as acceptAutocompleteSuggestion, Jn as acceptAutocompleteWord, Ye as anonymizationDecorationsKey, Yn as appendAutocompleteToken, $ as applyFolioAIEditOperations, Pn as applySuggestions, Xn as autocompleteSuggestionKey, Zn as autocompleteSuggestionPlugin, Ln as buildPositionalText, Qn as clearAutocompleteSuggestion, It as clearTemplateSlashMenu, Lt as consumeTemplateSlashQuery, Un as createAICitationDecorationsPlugin, Mn as createDocx, jn as createEmptyDocument, Vt as createFolioAIEditSnapshot, n as defaultLocale, sn as deriveBlockId, Ut as diffWordSegments, $n as finishAutocompleteSuggestion, rr as fromMarkdown, Xe as getAnonymizationMatches, er as getAutocompleteSuggestion, kn as getDocumentWatermark, Vn as getFolioCaretViewportRect, cn as getFolioParaIdFromBlockId, Hn as getFolioSelectionViewportRect, yt as getTemplateDirectives, Rt as getTemplateSlashMenu, Kt as hashFolioAIBlockText, l as i18nPlugin, Ne as insertImageFromFile, X as insertPageBreakInView, Ie as insertTableInView, Re as insertTableOfContentsInView, dn as isFolioBlockId, fn as isSequentialFolioBlockId, Fn as isSuggestionStale, qt as normalizeFolioAIBlockText, e as provideLocale, Ha as renderAsync, Q as resetTemplateSlashQuery, In as resolveSuggestionAnchor, xt as scanDirectives, Bn as scrollFolioPositionIntoView, Wn as setAICitationsMeta, Rn as setAISuggestionsMeta, Gn as setActiveCitationMeta, Qe as setAnonymizationTermsMeta, An as setDocumentWatermark, zn as setFocusedSuggestionMeta, Ft as setTemplatePreviewValues, tr as shouldTriggerAutocomplete, nr as startAutocompleteSuggestion, zt as templateSlashMenuKey, ir as toMarkdown, ar as toMarkdownResult, c as useTranslation, w as useWheelZoom };