@stll/folio-vue 0.2.0

package/dist/index.js

@@ -0,0 +1,4088 @@
+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";
+//#region src/components/AnonymizationRectsOverlay.vue?vue&type=script&setup=true&lang.ts
+var Vn = [
+	"data-folio-anonymization-label",
+	"data-folio-anonymization-canonical",
+	"data-folio-anonymization-selected",
+	"title"
+], Hn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "AnonymizationRectsOverlay",
+	props: {
+		getView: { type: Function },
+		getPagesContainer: { type: Function },
+		editorState: {},
+		zoom: {},
+		layout: {},
+		blocks: {},
+		measures: {},
+		onTermClick: { type: Function },
+		selectedCanonical: {},
+		selectionSeq: {}
+	},
+	setup(e) {
+		let t = e, n = B(null), r = B([]), i = 0, a = null;
+		function o() {
+			a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
+				a = null, s();
+			});
+		}
+		async function s() {
+			let e = ++i, n = t.getView(), a = t.getPagesContainer(), o = t.editorState;
+			if (!n || !a || !o) {
+				r.value = [];
+				return;
+			}
+			let s = Le(o);
+			if (s.length === 0) {
+				r.value = [];
+				return;
+			}
+			let c = await Ne(s, {
+				pagesContainer: a,
+				zoom: t.zoom,
+				layout: t.layout,
+				blocks: t.blocks,
+				measures: t.measures
+			});
+			if (e !== i) return;
+			let l = t.zoom;
+			r.value = c.map(({ range: e, rects: t }) => ({
+				label: e.label,
+				canonical: e.canonical,
+				rects: t.map((e) => ({
+					left: e.x * l,
+					top: e.y * l,
+					width: e.width * l,
+					height: e.height * l
+				}))
+			}));
+		}
+		K(() => [
+			t.editorState,
+			t.zoom,
+			t.layout,
+			t.blocks,
+			t.measures
+		], () => o());
+		let c = null;
+		function l() {
+			let e = n.value, r = t.selectedCanonical;
+			if (!e || !r) {
+				c = null;
+				return;
+			}
+			let i = e.querySelectorAll(`[data-folio-anonymization-canonical="${CSS.escape(r)}"]`);
+			if (i.length === 0) return;
+			let a = c?.canonical === r ? (c.index + 1) % i.length : 0;
+			c = {
+				canonical: r,
+				index: a
+			}, i.item(a)?.scrollIntoView({
+				block: "center",
+				behavior: Pe()
+			});
+		}
+		K(() => [t.selectedCanonical, t.selectionSeq], () => l(), { flush: "post" });
+		function u(e) {
+			if (e.button !== 0 || !t.onTermClick) return;
+			let r = n.value;
+			if (!r) return;
+			let i = r.querySelectorAll("[data-folio-anonymization-canonical]");
+			for (let n = i.length - 1; n >= 0; --n) {
+				let r = i.item(n);
+				if (!r) continue;
+				let a = r.getBoundingClientRect();
+				if (e.clientX >= a.left && e.clientX < a.right && e.clientY >= a.top && e.clientY < a.bottom) {
+					let e = r.dataset.folioAnonymizationCanonical, n = r.dataset.folioAnonymizationLabel;
+					e && n && t.onTermClick(e, n);
+					return;
+				}
+			}
+		}
+		return pe(() => {
+			document.addEventListener("click", u), o();
+		}), fe(() => {
+			document.removeEventListener("click", u), a !== null && (cancelAnimationFrame(a), a = null);
+		}), (t, i) => (z(), j("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", {
+			key: `${t.canonical}:${r}:${n.left}:${n.top}`,
+			class: L(["folio-anonymization-term", `folio-anonymization-term--${W(ze)(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({
+				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));
+	}
+}), [["__scopeId", "data-v-c7db88e1"]]), Un = { class: "doc-outline__header" }, Wn = { class: "doc-outline__body" }, Gn = {
+	key: 0,
+	class: "doc-outline__empty"
+}, Kn = ["onMousedown"], qn = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "DocumentOutline",
+	props: {
+		isOpen: { type: Boolean },
+		headings: {},
+		leftOffset: { default: 12 },
+		topPx: { default: 24 }
+	},
+	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", {
+			key: 0,
+			class: "doc-outline",
+			style: R({
+				left: e.leftOffset + "px",
+				top: e.topPx + "px"
+			}),
+			role: "navigation",
+			"aria-label": "Document outline",
+			onMousedown: r[1] ||= Y(() => {}, ["stop"])
+		}, [M("div", Un, [M("button", {
+			class: "doc-outline__back",
+			title: "Close outline",
+			"aria-label": "Close outline",
+			onClick: r[0] ||= (e) => t.$emit("close")
+		}, [N(p, {
+			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({
+	__name: "DocxEditorDialogs",
+	props: {
+		view: {},
+		bookmarks: {},
+		selectedImagePmPos: {},
+		sectionProperties: {},
+		showFindReplace: { type: Boolean },
+		showHyperlink: { type: Boolean },
+		showInsertSymbol: { type: Boolean },
+		showImageProperties: { type: Boolean },
+		showPageSetup: { type: Boolean }
+	},
+	emits: [
+		"update:showFindReplace",
+		"update:showHyperlink",
+		"update:showInsertSymbol",
+		"update:showImageProperties",
+		"update:showPageSetup",
+		"insert-symbol",
+		"hyperlink-submit",
+		"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)
+			}, 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")
+			}, 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)
+			}, 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)
+			}, 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)
+			}, null, 8, ["is-open", "section-properties"])
+		], 64));
+	}
+}), Yn = {
+	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({
+	__name: "DocxEditorMenuBar",
+	props: {
+		showMenuBar: {
+			type: Boolean,
+			default: !0
+		},
+		documentName: { default: "" },
+		documentNameEditable: {
+			type: Boolean,
+			default: !0
+		},
+		showFileOpen: {
+			type: Boolean,
+			default: !0
+		},
+		showHelpMenu: {
+			type: Boolean,
+			default: !0
+		},
+		showTableInsert: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"rename",
+		"menu-action",
+		"insert-table"
+	],
+	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, {
+				"model-value": e.documentName,
+				editable: e.documentNameEditable,
+				"onUpdate:modelValue": r[0] ||= (e) => n("rename", e)
+			}, null, 8, ["model-value", "editable"]), N(u, {
+				"show-file-open": e.showFileOpen,
+				"show-help-menu": e.showHelpMenu,
+				"show-table-insert": e.showTableInsert,
+				onAction: r[1] ||= (e) => n("menu-action", e),
+				onInsertTable: r[2] ||= (e, t) => n("insert-table", e, t)
+			}, null, 8, [
+				"show-file-open",
+				"show-help-menu",
+				"show-table-insert"
+			])]),
+			M("div", Qn, [H(t.$slots, "title-bar-right")])
+		])) : A("", !0);
+	}
+}), er = Symbol("docx-portal-class");
+function tr(e) {
+	me(er, O(() => ({
+		"ep-root": !0,
+		dark: !!W(e)
+	})));
+}
+function nr() {
+	return ue(er, O(() => ({ "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 = {
+	key: 1,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, sr = [
+	"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 = {
+	key: 0,
+	class: "image-ctx-menu__shortcut"
+}, mr = {
+	key: 0,
+	class: "image-ctx-menu__divider",
+	role: "separator"
+}, hr = 18, gr = 260, _r = 10, vr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "ImageContextMenu",
+	props: {
+		state: {},
+		textActions: {},
+		canOpenProperties: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"close",
+		"select",
+		"text-action",
+		"open-properties"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t;
+		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 = {
+			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];
+		}
+		let f = O(() => {
+			if (!n.state) return {};
+			let e = Ue.length * 36 + 16, t = n.state.position.x, r = n.state.position.y;
+			return typeof window < "u" && (t + gr > window.innerWidth && (t = window.innerWidth - gr - _r), r + e > window.innerHeight && (r = window.innerHeight - e - _r), t < _r && (t = _r), r < _r && (r = _r)), {
+				position: "fixed",
+				left: `${t}px`,
+				top: `${r}px`,
+				minWidth: `${gr}px`,
+				zIndex: 400
+			};
+		});
+		function m(e) {
+			return n.state ? qe(e, n.state.currentWrapType) : !1;
+		}
+		function h(e) {
+			m(e) && (i("select", e.choice), i("close"));
+		}
+		function g(e) {
+			e.disabled || (i("text-action", e.action), i("close"));
+		}
+		function _(e) {
+			e.preventDefault(), i("close");
+		}
+		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", {
+			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", {
+			key: 1,
+			class: L(["image-ctx-menu", W(s)]),
+			role: "menu",
+			"aria-label": W(o)("imageWrap.menu.ariaLabel"),
+			"data-testid": "image-context-menu",
+			style: R(f.value),
+			onContextmenu: n[4] ||= Y(() => {}, ["prevent"]),
+			onKeydown: v
+		}, [
+			e.canOpenProperties ? (z(), j("button", {
+				key: 0,
+				type: "button",
+				role: "menuitem",
+				class: "image-ctx-menu__item",
+				"data-action": "open-properties",
+				onMousedown: n[1] ||= Y(() => {}, ["prevent"]),
+				onClick: a
+			}, [M("span", ir, [N(p, {
+				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", {
+				key: e.choice,
+				type: "button",
+				role: "menuitem",
+				class: L(["image-ctx-menu__item", { "image-ctx-menu__item--current": e.choice === l.value }]),
+				"data-wrap-type": e.choice,
+				"data-current": e.choice === l.value ? "true" : "false",
+				"data-disabled": m(e) ? "false" : "true",
+				disabled: !m(e),
+				title: W(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
+				}, null, 8, ["name"])]),
+				M("span", lr, U(W(o)(`imageWrap.menu.${e.i18nLabelKey}`)), 1),
+				e.choice === l.value ? (z(), j("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", {
+				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", {
+				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)]));
+	}
+}), [["__scopeId", "data-v-1bdca3c9"]]), yr = ["disabled", "onMousedown"], br = {
+	key: 0,
+	class: "ctx-menu__icon"
+}, xr = { class: "ctx-menu__label" }, Sr = {
+	key: 1,
+	class: "ctx-menu__shortcut"
+}, Cr = 220, wr = 32, Tr = 10, Er = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "TextContextMenu",
+	props: {
+		isOpen: { type: Boolean },
+		position: {},
+		hasSelection: { type: Boolean },
+		isEditable: { type: Boolean },
+		inTable: { type: Boolean },
+		onImage: { type: Boolean },
+		canMergeCells: { type: Boolean },
+		canSplitCell: { type: Boolean },
+		customItems: {}
+	},
+	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 e = [], t = n.customItems ?? [];
+			for (let [n, r] of t.entries()) e.push({
+				id: `custom-${r.id}`,
+				label: r.label,
+				action: `custom:${r.id}`,
+				emphasis: !0,
+				...r.icon === void 0 ? {} : { icon: r.icon }
+			}), n === t.length - 1 && e.push({
+				id: "div-custom",
+				label: "",
+				action: "",
+				divider: !0
+			});
+			return e.push({
+				id: "cut",
+				label: o("cut"),
+				action: "cut",
+				shortcut: o("contextMenu.cutShortcut"),
+				disabled: !n.hasSelection || !n.isEditable
+			}, {
+				id: "copy",
+				label: o("copy"),
+				action: "copy",
+				shortcut: o("contextMenu.copyShortcut"),
+				disabled: !n.hasSelection
+			}, {
+				id: "paste",
+				label: o("paste"),
+				action: "paste",
+				shortcut: o("contextMenu.pasteShortcut"),
+				disabled: !n.isEditable
+			}, {
+				id: "pasteAsPlainText",
+				label: o("pasteUnformatted"),
+				action: "pasteAsPlainText",
+				shortcut: o("contextMenu.pastePlainTextShortcut"),
+				disabled: !n.isEditable
+			}, {
+				id: "div1",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "delete",
+				label: o("delete"),
+				action: "delete",
+				shortcut: o("contextMenu.deleteShortcut"),
+				disabled: !n.hasSelection || !n.isEditable
+			}, {
+				id: "selectAll",
+				label: o("selectAll"),
+				action: "selectAll",
+				shortcut: o("contextMenu.selectAllShortcut")
+			}), n.onImage && n.isEditable && e.push({
+				id: "div-img",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "replaceImage",
+				label: o("imageOverlay.replaceImage"),
+				action: "replaceImage"
+			}, {
+				id: "imageProperties",
+				label: o("imageWrap.menu.imageProperties"),
+				action: "imageProperties"
+			}, {
+				id: "deleteImage",
+				label: o("imageOverlay.deleteImage"),
+				action: "deleteImage",
+				shortcut: o("contextMenu.deleteShortcut")
+			}), n.inTable && n.isEditable && e.push({
+				id: "div2",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addRowAbove",
+				label: o("insertRowAbove"),
+				action: "addRowAbove"
+			}, {
+				id: "addRowBelow",
+				label: o("insertRowBelow"),
+				action: "addRowBelow"
+			}, {
+				id: "deleteRow",
+				label: o("deleteRow"),
+				action: "deleteRow"
+			}, {
+				id: "div3",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "addColLeft",
+				label: o("insertColumnLeft"),
+				action: "addColumnLeft"
+			}, {
+				id: "addColRight",
+				label: o("insertColumnRight"),
+				action: "addColumnRight"
+			}, {
+				id: "deleteCol",
+				label: o("deleteColumn"),
+				action: "deleteColumn"
+			}, {
+				id: "div4",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "mergeCells",
+				label: o("table.mergeCells"),
+				action: "mergeCells",
+				disabled: !n.canMergeCells
+			}, {
+				id: "splitCell",
+				label: o("table.splitCell"),
+				action: "splitCell",
+				disabled: !n.canSplitCell
+			}, {
+				id: "div5",
+				label: "",
+				action: "",
+				divider: !0
+			}, {
+				id: "selectTable",
+				label: o("table.selectTable"),
+				action: "selectTable"
+			}, {
+				id: "deleteTable",
+				label: o("table.deleteTable"),
+				action: "deleteTable"
+			}), e;
+		}), u = O(() => {
+			let e = n.position.x, t = n.position.y, r = l.value.filter((e) => !e.divider).length, i = l.value.filter((e) => e.divider).length, a = r * wr + i * 9;
+			return typeof window < "u" && (e + Cr + Tr > window.innerWidth && (e = window.innerWidth - Cr - Tr), t + a + Tr > window.innerHeight && (t = window.innerHeight - a - Tr)), {
+				position: "fixed",
+				left: `${e}px`,
+				top: `${t}px`,
+				zIndex: 400
+			};
+		});
+		function d(e) {
+			e && (a("action", e), a("close"));
+		}
+		function f(e) {
+			e.key === "Escape" && a("close");
+		}
+		return K(() => n.isOpen, (e) => {
+			e && I(() => c.value?.focus());
+		}), (t, n) => (z(), k(D, { to: "body" }, [e.isOpen ? (z(), j("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", {
+			key: 1,
+			ref_key: "menuRef",
+			ref: c,
+			class: L(["ctx-menu", W(s)]),
+			style: R(u.value),
+			onContextmenu: n[2] ||= Y(() => {}, ["prevent"]),
+			onKeydown: f
+		}, [(z(!0), j(E, null, V(l.value, (e, t) => (z(), j("button", {
+			key: e.id || t,
+			class: L(["ctx-menu__item", {
+				"ctx-menu__item--disabled": e.disabled,
+				"ctx-menu__item--divider": e.divider,
+				"ctx-menu__item--emphasis": e.emphasis
+			}]),
+			disabled: e.disabled,
+			onMousedown: Y((t) => d(e.action), ["prevent"])
+		}, [
+			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)]));
+	}
+}), [["__scopeId", "data-v-e71bb6e2"]]), Dr = /* @__PURE__ */ P({
+	__name: "DocxEditorOverlays",
+	props: {
+		readOnly: { type: Boolean },
+		contextMenu: {},
+		imageContextMenu: {},
+		imageContextMenuTextActions: {},
+		canOpenImageProperties: { type: Boolean },
+		customTextMenuItems: {}
+	},
+	emits: [
+		"context-menu-action",
+		"close-context-menu",
+		"image-wrap-select",
+		"close-image-context-menu",
+		"open-image-properties"
+	],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (z(), j(E, null, [N(Er, {
+			"is-open": e.contextMenu.isOpen,
+			position: e.contextMenu.position,
+			"has-selection": e.contextMenu.hasSelection,
+			"is-editable": !e.readOnly,
+			"in-table": e.contextMenu.inTable,
+			"on-image": e.contextMenu.onImage,
+			"can-merge-cells": e.contextMenu.canMergeCells,
+			"can-split-cell": e.contextMenu.canSplitCell,
+			"custom-items": e.customTextMenuItems,
+			onAction: r[0] ||= (e) => n("context-menu-action", e),
+			onClose: r[1] ||= (e) => n("close-context-menu")
+		}, null, 8, [
+			"is-open",
+			"position",
+			"has-selection",
+			"is-editable",
+			"in-table",
+			"on-image",
+			"can-merge-cells",
+			"can-split-cell",
+			"custom-items"
+		]), N(vr, {
+			state: e.imageContextMenu,
+			"text-actions": e.imageContextMenuTextActions,
+			"can-open-properties": e.canOpenImageProperties,
+			onClose: r[2] ||= (e) => n("close-image-context-menu"),
+			onSelect: r[3] ||= (e) => n("image-wrap-select", e),
+			onTextAction: r[4] ||= (e) => n("context-menu-action", e),
+			onOpenProperties: r[5] ||= (e) => n("open-image-properties")
+		}, null, 8, [
+			"state",
+			"text-actions",
+			"can-open-properties"
+		])], 64));
+	}
+});
+//#endregion
+//#region src/composables/imageOverlayRect.ts
+function Or(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,
+		top: (e.imageRect.top - e.parentRect.top + e.scrollTop) / n,
+		width: e.imageRect.width / n,
+		height: e.imageRect.height / n
+	};
+}
+//#endregion
+//#region src/components/ImageSelectionOverlay.vue?vue&type=script&setup=true&lang.ts
+var kr = ["data-handle", "onMousedown"], Ar = ["title"], jr = {
+	key: 0,
+	class: "image-overlay__dim"
+}, Mr = {
+	key: 1,
+	class: "image-overlay__dim image-overlay__dim--rotate"
+}, Nr = 4, Pr = 15, Fr = 250, Ir = 700, Lr = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "ImageSelectionOverlay",
+	props: {
+		imageInfo: {},
+		zoom: {},
+		view: {}
+	},
+	emits: [
+		"deselect",
+		"interact-start",
+		"interact-end",
+		"context-menu"
+	],
+	setup(e, { emit: t }) {
+		let { t: n } = r(), i = e, a = t, o = B(null), s = B(!1), c = B(!1), l = B(!1), u = B(0), d = B(0), f = B(0), p = B(null), m = "se", h = 0, g = 0, _ = 0, v = 0, y = null, b = null, x = null, S = null;
+		function C(e, t) {
+			if (!e) return null;
+			try {
+				let n = e.state.doc.nodeAt(t);
+				return n && n.type.name === "image" ? n : null;
+			} catch {
+				return null;
+			}
+		}
+		function ee(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 re() {
+			let e = i.imageInfo;
+			if (!e) return null;
+			if (e.element.isConnected) return e.element;
+			let t = te();
+			if (!t) return null;
+			let n = rt(t, e.pmPos);
+			return n ? Ke(n) : null;
+		}
+		function w() {
+			let e = re();
+			if (!e || !o.value) {
+				p.value = null;
+				return;
+			}
+			let t = o.value.offsetParent;
+			if (!(t instanceof HTMLElement)) {
+				p.value = null;
+				return;
+			}
+			let n = t.getBoundingClientRect();
+			p.value = Or({
+				imageRect: e.getBoundingClientRect(),
+				parentRect: n,
+				scrollLeft: t.scrollLeft,
+				scrollTop: t.scrollTop,
+				parentOffsetWidth: t.offsetWidth,
+				parentClientWidth: t.clientWidth,
+				zoom: i.zoom
+			});
+		}
+		let ie = null;
+		function ae() {
+			ie?.();
+			let e = 0, t = "", n = 0, r = 0, i = (a) => {
+				r === 0 && (r = a);
+				let o = a - r;
+				w();
+				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));
+			};
+			e = requestAnimationFrame(i);
+			let a = setTimeout(w, Fr);
+			ie = () => {
+				cancelAnimationFrame(e), clearTimeout(a);
+			};
+		}
+		K(() => i.imageInfo, (e, t, n) => {
+			if (!i.imageInfo) {
+				p.value = null;
+				return;
+			}
+			ae(), n(() => ie?.());
+		}, { immediate: !0 }), K(() => i.zoom, () => {
+			i.imageInfo && ae();
+		}), K(() => i.imageInfo, (e, t, n) => {
+			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 });
+			let s = null, c = !1;
+			I(() => {
+				if (c || !i.imageInfo) return;
+				let e = te();
+				e && (s = new MutationObserver(() => ae()), s.observe(e, {
+					attributes: !0,
+					attributeFilter: ["style"]
+				}));
+			}), n(() => {
+				c = !0, a?.removeEventListener("scroll", r), window.removeEventListener("resize", r), s?.disconnect(), b && cancelAnimationFrame(b);
+			});
+		}, { immediate: !0 });
+		let T = O(() => s.value ? u.value : p.value?.width || 0), D = O(() => s.value ? d.value : p.value?.height || 0), oe = O(() => {
+			let e = p.value;
+			if (!e) return {
+				position: "absolute",
+				top: "0px",
+				left: "0px",
+				visibility: "hidden",
+				pointerEvents: "none"
+			};
+			let t = s.value ? u.value : e.width, n = s.value ? d.value : e.height, r = i.zoom || 1;
+			return {
+				position: "absolute",
+				left: `${e.left * r}px`,
+				top: `${e.top * r}px`,
+				width: `${t}px`,
+				height: `${n}px`,
+				transform: r === 1 ? void 0 : `scale(${r})`,
+				transformOrigin: "top left",
+				zIndex: ne.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";
+			return [
+				{
+					pos: "nw",
+					style: {
+						left: o,
+						top: o,
+						cursor: "nwse-resize"
+					}
+				},
+				{
+					pos: "n",
+					style: {
+						left: n,
+						top: o,
+						cursor: "ns-resize"
+					}
+				},
+				{
+					pos: "ne",
+					style: {
+						left: i,
+						top: o,
+						cursor: "nesw-resize"
+					}
+				},
+				{
+					pos: "e",
+					style: {
+						left: i,
+						top: r,
+						cursor: "ew-resize"
+					}
+				},
+				{
+					pos: "se",
+					style: {
+						left: i,
+						top: a,
+						cursor: "nwse-resize"
+					}
+				},
+				{
+					pos: "s",
+					style: {
+						left: n,
+						top: a,
+						cursor: "ns-resize"
+					}
+				},
+				{
+					pos: "sw",
+					style: {
+						left: o,
+						top: a,
+						cursor: "nesw-resize"
+					}
+				},
+				{
+					pos: "w",
+					style: {
+						left: o,
+						top: r,
+						cursor: "ew-resize"
+					}
+				}
+			];
+		});
+		function se(e, t) {
+			!i.imageInfo || !p.value || (m = t, h = e.clientX, g = e.clientY, _ = p.value.width, v = p.value.height, y = { ...p.value }, u.value = Math.round(_), d.value = Math.round(v), s.value = !0, a("interact-start"), document.addEventListener("mousemove", ce), document.addEventListener("mouseup", le));
+		}
+		function ce(e) {
+			let t = i.zoom, n = (e.clientX - h) / t, r = (e.clientY - g) / t, a = !e.shiftKey, o = Qe(m, n, r, _, v, a);
+			u.value = Math.round(o.width), d.value = Math.round(o.height);
+			let s = y;
+			s && (p.value = {
+				left: m.includes("w") ? s.left + (s.width - o.width) : s.left,
+				top: m.includes("n") ? s.top + (s.height - o.height) : s.top,
+				width: s.width,
+				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;
+			if (!e || !t) {
+				w();
+				return;
+			}
+			let n = tt(e, t.pmPos, u.value, d.value);
+			n !== null && ve(n), I(() => w());
+		}
+		let N = 0, P = 0, F = 0, ue = 0, de = null, L = null;
+		function pe(e) {
+			if (!e) return 0;
+			let t = e.match(/rotate\((-?\d+(?:\.\d+)?)deg\)/)?.[1];
+			return t ? parseFloat(t) : 0;
+		}
+		function me(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 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 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 ge() {
+			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", ge), l.value = !1, a("interact-end");
+			let e = i.view, t = i.imageInfo;
+			try {
+				let n = e && t ? C(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));
+			} catch {} finally {
+				L && (L.style.transform = ""), L = null, de = 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)) {
+					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);
+					}
+					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`;
+					}
+				}
+			}, 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));
+			};
+			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;
+					let s = null;
+					for (let e of a) {
+						let n = e.getBoundingClientRect();
+						if (t >= n.top && t <= n.bottom) {
+							s = e.querySelector(".layout-page-content");
+							break;
+						}
+					}
+					if (!s) {
+						let e = a.item(a.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);
+				} else {
+					let i = te();
+					if (!i) return;
+					let a = Ze(i, e, t, 1);
+					if (a == null || a < 0) return;
+					let o = et(n, r.pmPos, a);
+					o !== null && ve(o);
+				}
+				I(() => w());
+			}
+		}
+		function ve(e) {
+			let t = i.view;
+			if (t) try {
+				let n = Be.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", {
+			key: 0,
+			ref_key: "overlayRootRef",
+			ref: o,
+			class: "image-overlay",
+			style: R(oe.value),
+			onMousedown: r[3] ||= Y(() => {}, ["stop"])
+		}, [
+			r[4] ||= M("div", { class: "image-overlay__border" }, null, -1),
+			M("div", {
+				class: "image-overlay__body",
+				style: R({ cursor: c.value ? "grabbing" : "grab" }),
+				onMousedown: r[0] ||= Y((e) => J(e), ["prevent", "stop"]),
+				onContextmenu: r[1] ||= Y((e) => t.$emit("context-menu", e), ["prevent", "stop"])
+			}, null, 36),
+			(z(!0), j(E, null, V(k.value, (e) => (z(), j("div", {
+				key: e.pos,
+				class: "image-overlay__handle",
+				style: R(e.style),
+				"data-handle": e.pos,
+				onMousedown: Y((t) => se(t, e.pos), ["prevent", "stop"])
+			}, null, 44, kr))), 128)),
+			r[5] ||= M("div", { class: "image-overlay__rotate-line" }, null, -1),
+			M("div", {
+				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({
+	__name: "OutlineToggleButton",
+	props: {
+		leftOffset: {},
+		topPx: { default: 24 }
+	},
+	emits: ["toggle"],
+	setup(e) {
+		let { t } = r();
+		return (n, r) => (z(), j("button", {
+			type: "button",
+			class: "docx-outline-toggle docx-editor-vue__outline-toggle",
+			style: R({
+				left: e.leftOffset + "px",
+				top: e.topPx + "px"
+			}),
+			title: W(t)("editor.showDocumentOutline"),
+			"aria-label": W(t)("editor.showDocumentOutline"),
+			onClick: r[0] ||= (e) => n.$emit("toggle"),
+			onMousedown: r[1] ||= Y(() => {}, ["stop"])
+		}, [N(p, {
+			name: "format_list_bulleted",
+			size: 20
+		})], 44, Rr));
+	}
+}), Br = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "PageIndicator",
+	props: {
+		currentPage: {},
+		totalPages: {},
+		visible: { type: Boolean }
+	},
+	setup(e) {
+		let { t } = r();
+		return (n, r) => (z(), j("div", {
+			class: "docx-editor-vue__page-indicator",
+			style: R({ opacity: +!!e.visible }),
+			"aria-live": "polite",
+			role: "status"
+		}, U(W(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({
+	__name: "TemplateDirectivesOverlay",
+	props: {
+		getView: { type: Function },
+		getPagesContainer: { type: Function },
+		editorState: {},
+		zoom: {},
+		layout: {},
+		blocks: {},
+		measures: {}
+	},
+	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);
+		}
+		function o(e, t, n) {
+			let r = a(n), i = Math.min(Math.max(0, e), r);
+			return t - Gr - Ur - (r - i) * Wr;
+		}
+		function s(e, t) {
+			if (t.length === 0) return e.bottom - e.top >= qr ? [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({
+					top: t,
+					bottom: i
+				});
+			}
+			return n;
+		}
+		function c(e) {
+			let t = e.filter((e) => e.block && (n.has(e.kind) || r.has(e.kind))).slice().sort((e, t) => e.from - t.from), a = [], o = [];
+			for (let e of t) {
+				if (n.has(e.kind)) {
+					o.push({
+						range: e,
+						depth: o.length
+					});
+					continue;
+				}
+				let t = e.kind === "endif" ? "if" : "each", r, s = -1;
+				for (let e = o.length - 1; e >= 0; --e) {
+					let n = o[e];
+					if (n?.range.kind === t) {
+						r = n, s = e;
+						break;
+					}
+				}
+				r && (o.length = s, a.push({
+					blockId: r.range.from,
+					kind: i(r.range.kind),
+					depth: r.depth,
+					openerFrom: r.range.from,
+					closerFrom: e.from,
+					closerTo: e.to,
+					openerExpr: r.range.expr
+				}));
+			}
+			return a;
+		}
+		function l(e, t) {
+			let n = e === "each" ? "/each" : "/if";
+			return t ? `${n} · ${t}` : n;
+		}
+		function u(e, t) {
+			if (t === null) return null;
+			let n = null, r = -Infinity;
+			for (let i of e) t >= i.openerFrom && t <= i.closerTo && i.openerFrom > r && (r = i.openerFrom, n = i.blockId);
+			return n;
+		}
+		function d(e, t, n) {
+			let r = new Map(t.map((e) => [e.range.from, e])), i = [];
+			for (let t of e) {
+				let e = r.get(t.openerFrom)?.rects[0], a = r.get(t.closerFrom)?.rects[0];
+				if (!e || !a) continue;
+				let c = s({
+					top: e.y,
+					bottom: a.y + a.height
+				}, n.pageBands);
+				c.length !== 0 && i.push({
+					blockId: t.blockId,
+					kind: t.kind,
+					railX: o(t.depth, n.contentLeft, n.marginWidth),
+					segments: c
+				});
+			}
+			return i;
+		}
+		let f = B([]), p = B([]), m = B(null), h = B(null), g = B(null), _ = 0, v = null;
+		function y() {
+			v !== null && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+				v = null, b();
+			});
+		}
+		async function b() {
+			let e = ++_, n = t.getView(), r = t.getPagesContainer(), i = t.editorState;
+			if (!n || !r || !i) {
+				f.value = [], p.value = [], m.value = null, h.value = null;
+				return;
+			}
+			let a = ot(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, {
+				pagesContainer: r,
+				zoom: t.zoom,
+				layout: t.layout,
+				blocks: t.blocks,
+				measures: t.measures
+			});
+			e === _ && (f.value = a, h.value = i.selection.head, m.value = o, p.value = s);
+		}
+		K(() => [
+			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 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(() => {
+			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;
+		}
+		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;
+		}
+		function ie(e) {
+			return e.block ? ee.value.get(e.from) : void 0;
+		}
+		function ae(e) {
+			let t = w(e), n = t !== void 0 && ne(t);
+			return [
+				"folio-template-directive",
+				`folio-template-directive--${e.kind}`,
+				{ "folio-template-directive--block": re(e) },
+				{ "folio-template-directive--active": n }
+			];
+		}
+		function T(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);
+			t !== null && (g.value = t);
+		}
+		function oe(e) {
+			let t = T(e.target);
+			if (t === null) return;
+			let n = T(e.relatedTarget);
+			n !== t && g.value === t && (g.value = n);
+		}
+		return pe(() => y()), fe(() => {
+			v !== null && (cancelAnimationFrame(v), v = null);
+		}), (t, n) => (z(), j("div", {
+			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", {
+			key: `rail:${t.blockId}:${r}`,
+			class: L([
+				"folio-template-band-rail",
+				`folio-template-band-rail--${t.kind}`,
+				{ "folio-template-band-rail--active": ne(t.blockId) }
+			]),
+			"data-folio-block-id": t.blockId,
+			style: R({
+				position: "absolute",
+				left: `${t.railX * e.zoom}px`,
+				top: `${n.top * e.zoom}px`,
+				width: `${Ur * e.zoom}px`,
+				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", {
+			key: `d:${n}:${i}`,
+			class: L(ae(t.range)),
+			"data-folio-block-id": w(t.range),
+			title: ie(t.range),
+			style: R({
+				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));
+	}
+}), [["__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({
+	__name: "HyperlinkPopup",
+	props: {
+		data: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"copy",
+		"edit",
+		"remove",
+		"close"
+	],
+	setup(e, { emit: t }) {
+		let { t: n } = r(), i = e, a = t, o = B(!1), s = B(""), c = B(""), l = B(null), u = O(() => ({
+			left: (i.data?.position.left ?? 0) + "px",
+			top: (i.data?.position.top ?? 0) + "px"
+		}));
+		K(() => i.data?.href, () => {
+			o.value = !1;
+		});
+		let d = null, f = null;
+		function p() {
+			f &&= (clearTimeout(f), null), d &&= (document.removeEventListener("mousedown", d), null);
+		}
+		K(() => i.data, (e) => {
+			p(), e && (d = (e) => {
+				let t = l.value, n = e.target;
+				t && n instanceof Node && !t.contains(n) && a("close");
+			}, f = setTimeout(() => {
+				d && document.addEventListener("mousedown", d);
+			}, 0));
+		}, { immediate: !0 }), fe(p);
+		function m() {
+			i.data && (s.value = i.data.displayText, c.value = i.data.href, o.value = !0);
+		}
+		function h() {
+			c.value.trim() && (a("edit", s.value, c.value), o.value = !1);
+		}
+		function g() {
+			i.data && (a("copy", i.data.href), typeof navigator < "u" && navigator.clipboard && navigator.clipboard.writeText(i.data.href).catch(() => {}));
+		}
+		return (t, r) => e.data ? (z(), j("div", {
+			key: 0,
+			ref_key: "popupRef",
+			ref: l,
+			class: L(["docx-hyperlink-popup", { "docx-hyperlink-popup--edit": o.value }]),
+			style: R(u.value),
+			onMousedown: r[6] ||= Y(() => {}, ["stop"])
+		}, [o.value ? (z(), j(E, { key: 1 }, [M("div", $r, [q(M("input", {
+			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", {
+			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", {
+			class: "docx-hyperlink-popup__apply",
+			disabled: !c.value.trim(),
+			onClick: Y(h, ["prevent"])
+		}, U(W(n)("common.apply")), 9, ri)])], 64)) : (z(), j(E, { key: 0 }, [
+			r[10] ||= ce("<span class=\"docx-hyperlink-popup__icon\" aria-hidden data-v-7f0cecdf><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f0cecdf><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-7f0cecdf></circle><path d=\"M2 12h20\" data-v-7f0cecdf></path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" data-v-7f0cecdf></path></svg></span>", 1),
+			M("a", {
+				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", {
+				class: "docx-hyperlink-popup__btn",
+				title: W(n)("copyLink"),
+				onClick: Y(g, ["prevent"])
+			}, [...r[7] ||= [M("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [M("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", {
+				key: 0,
+				class: "docx-hyperlink-popup__btn",
+				title: W(n)("editLink"),
+				onClick: Y(m, ["prevent"])
+			}, [...r[8] ||= [M("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"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", {
+				key: 1,
+				class: "docx-hyperlink-popup__btn",
+				title: W(n)("removeLink"),
+				onClick: r[1] ||= Y((e) => t.$emit("remove"), ["prevent"])
+			}, [...r[9] ||= [ce("<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-7f0cecdf><path d=\"M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" data-v-7f0cecdf></path><path d=\"M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" data-v-7f0cecdf></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\" data-v-7f0cecdf></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\" data-v-7f0cecdf></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\" data-v-7f0cecdf></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\" data-v-7f0cecdf></line></svg>", 1)]], 8, Qr))
+		], 64))], 38)) : A("", !0);
+	}
+}), [["__scopeId", "data-v-7f0cecdf"]]);
+//#endregion
+//#region src/composables/commentMarks.ts
+function ai(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 }) {
+	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;
+}
+function si(e, t, n, r) {
+	let i = e.state.schema.marks.comment, a = ai(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;
+}
+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 })));
+}
+//#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);
+	function o(t) {
+		let n = e.editorView.value, r = e.pagesContainer.value;
+		if (!n || !r) return null;
+		try {
+			return n.coordsAtPos(t).top - r.getBoundingClientRect().top;
+		} catch {
+			return null;
+		}
+	}
+	function s() {
+		let n = e.editorView.value, i = e.pagesViewport.value;
+		if (!n || !i || t.value || e.readOnly.value) {
+			r.value = null;
+			return;
+		}
+		let { from: o, to: s } = n.state.selection;
+		if (o === s) {
+			r.value = null;
+			return;
+		}
+		a.value = {
+			from: o,
+			to: s
+		};
+		let c;
+		try {
+			c = n.coordsAtPos(o);
+		} catch {
+			r.value = null;
+			return;
+		}
+		let l = i.getBoundingClientRect(), u = e.pagesContainer.value?.getBoundingClientRect(), d = u ? u.right - l.left + ui : l.width / 2 + li;
+		r.value = {
+			top: c.top - l.top,
+			left: Math.max(16, Math.min(d, l.width - 16)),
+			from: o,
+			to: s
+		};
+	}
+	function c() {
+		let s = e.editorView.value;
+		if (!s) return;
+		let c = r.value, l = s.state.selection, u = oi({
+			docSize: s.state.doc.content.size,
+			capturedRange: c ? {
+				from: c.from,
+				to: c.to
+			} : {
+				from: 0,
+				to: 0
+			},
+			currentRange: {
+				from: l.from,
+				to: l.to
+			},
+			savedRange: a.value
+		});
+		if (!u) {
+			r.value = null;
+			return;
+		}
+		if (!si(s, u, ut, { selectEnd: !0 })) {
+			r.value = null, i.value = null;
+			return;
+		}
+		i.value = u, n.value = o(u.from) ?? c?.top ?? null, e.showSidebar.value = !0, t.value = !0, r.value = null;
+	}
+	function l() {
+		t.value = !1, i.value = null, n.value = null;
+	}
+	function u(t) {
+		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;
+	}
+	function d() {
+		let t = e.editorView.value;
+		t && i.value && ci(t, i.value), l();
+	}
+	return {
+		isAddingComment: t,
+		addCommentYPosition: n,
+		floatingCommentButton: r,
+		updateFloatingButton: s,
+		startAddComment: c,
+		handleAddComment: u,
+		handleCancelAddComment: d
+	};
+}
+//#endregion
+//#region src/composables/useCommentManagement.ts
+function fi(e) {
+	let t = dt(), n = B([]), r = B(!1);
+	function i() {
+		r.value = !0;
+	}
+	function a() {
+		r.value = !1;
+	}
+	let o = O(() => e.commentsProp() !== void 0), s = O(() => o.value ? e.commentsProp() ?? [] : n.value);
+	function c(t) {
+		o.value || (n.value = t), e.onCommentsChange(t);
+	}
+	function l(e) {
+		i(), c([...s.value, e]);
+	}
+	function u(n, r) {
+		return ft(t, s.value, e.editorView.value), pt(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 : []);
+	}
+	function f(e, t) {
+		l(u(t, e));
+	}
+	function p(e) {
+		i(), c(s.value.map((t) => t.id === e ? {
+			...t,
+			done: !0
+		} : t));
+	}
+	function m(e) {
+		i(), c(s.value.map((t) => t.id === e ? {
+			...t,
+			done: !1
+		} : t));
+	}
+	function h(e) {
+		i(), c(s.value.filter((t) => t.id !== e && t.parentId !== e));
+	}
+	function g(e, t) {
+		l(u(t, 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);
+	}
+	function v(e) {
+		_(e, !0);
+	}
+	function y(e) {
+		_(e, !1);
+	}
+	function b(t, n) {
+		let r = e.editorView.value;
+		r && gt(t, n)(r.state, r.dispatch);
+	}
+	function x(t, n) {
+		let r = e.editorView.value;
+		r && yt(t, n)(r.state, r.dispatch);
+	}
+	return {
+		comments: s,
+		commentsDirty: O(() => r.value),
+		clearCommentsDirty: a,
+		createComment: u,
+		pushComment: l,
+		setComments: c,
+		seedFromDocument: d,
+		handleReply: f,
+		handleResolve: p,
+		handleUnresolve: m,
+		handleDelete: h,
+		handleTrackedChangeReply: g,
+		handleAcceptChangeById: v,
+		handleRejectChangeById: y,
+		handleAcceptChange: b,
+		handleRejectChange: x
+	};
+}
+//#endregion
+//#region src/utils/imageClipboard.ts
+function pi(e, t, n) {
+	let r = bt(e.state), i = e.state.schema.marks.insertion;
+	if (!r || !i) return;
+	let a = t.selection.from, o = a - n.nodeSize;
+	o < 0 || t.addMark(o, a, i.create({
+		revisionId: r.id,
+		author: r.author,
+		date: r.date
+	}));
+}
+function mi(e, t) {
+	let n = e.state.doc.nodeAt(t);
+	if (!n || n.type.name !== "image") return;
+	let r = n.attrs.src;
+	if (typeof r != "string") return;
+	let i = `<img src="${r}" data-pm-image="true" data-width="${String(n.attrs.width ?? "")}" data-height="${String(n.attrs.height ?? "")}" data-wrap-type="${String(n.attrs.wrapType ?? "")}" data-display-mode="${String(n.attrs.displayMode ?? "")}" data-rid="${String(n.attrs.rId ?? "")}" />`, a = new ClipboardItem({
+		"text/html": new Blob([i], { type: "text/html" }),
+		"text/plain": new Blob(["[image]"], { type: "text/plain" })
+	});
+	navigator.clipboard.write([a]).catch(() => {
+		let e = document.createElement("textarea");
+		e.value = i, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+	});
+}
+function hi(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => {
+			typeof r.result == "string" ? t(r.result) : n(/* @__PURE__ */ Error("Failed to read blob as data URL"));
+		}, r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read blob")), r.readAsDataURL(e);
+	});
+}
+function gi(e) {
+	return new Promise((t) => {
+		let n = new Image();
+		n.onload = () => t({
+			width: n.naturalWidth,
+			height: n.naturalHeight
+		}), n.onerror = () => t({
+			width: 200,
+			height: 200
+		}), n.src = e;
+	});
+}
+function _i(e, t, n, r) {
+	let i = e.state.schema.nodes.image;
+	if (!i) return;
+	let a = i.create({
+		src: t,
+		width: n,
+		height: r,
+		rId: `rId_img_${Date.now()}`,
+		wrapType: "inline",
+		displayMode: "inline"
+	}), o = e.state.tr.replaceSelectionWith(a);
+	pi(e, o, a), e.dispatch(o);
+}
+async function vi(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);
+				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);
+					return;
+				}
+			}
+			if (n.types.includes("text/plain")) {
+				let t = await (await n.getType("text/plain")).text();
+				if (t && t !== "[image]") {
+					let { from: n } = e.state.selection;
+					e.dispatch(e.state.tr.insertText(t, n));
+				}
+				return;
+			}
+		}
+	} catch {
+		let t = await navigator.clipboard?.readText();
+		if (t) {
+			let { from: n } = e.state.selection;
+			e.dispatch(e.state.tr.insertText(t, n));
+		}
+	}
+}
+function yi(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);
+		try {
+			let r = e.state.tr.setNodeMarkup(t, void 0, {
+				...n.attrs,
+				src: a,
+				width: f,
+				height: p,
+				rId: `rId_img_${Date.now()}`
+			});
+			e.dispatch(r);
+		} catch {}
+	}, r.click();
+}
+//#endregion
+//#region src/composables/useContextMenus.ts
+var bi = new Set([
+	"inline",
+	"square",
+	"tight",
+	"through",
+	"topAndBottom",
+	"behind",
+	"inFront"
+]);
+function xi(e) {
+	return typeof e == "string" && bi.has(e);
+}
+function Si(e) {
+	return xi(e) ? e : "inline";
+}
+function Ci(e) {
+	return e === "left" || e === "right" || e === "none" ? e : null;
+}
+function wi(e) {
+	let { t } = r(), n = B({
+		isOpen: !1,
+		position: {
+			x: 0,
+			y: 0
+		},
+		hasSelection: !1,
+		inTable: !1,
+		onImage: !1,
+		canMergeCells: !1,
+		canSplitCell: !1
+	}), i = B(null), a = B({
+		from: 0,
+		to: 0
+	}), o = O(() => (e.customContextMenuItems?.() ?? []).filter((e) => !e.requiresSelection || n.value.hasSelection)), s = O(() => [
+		{
+			action: "cut",
+			label: t("contextMenu.cut"),
+			shortcut: t("contextMenu.cutShortcut")
+		},
+		{
+			action: "copy",
+			label: t("contextMenu.copy"),
+			shortcut: t("contextMenu.copyShortcut")
+		},
+		{
+			action: "paste",
+			label: t("contextMenu.paste"),
+			shortcut: t("contextMenu.pasteShortcut"),
+			dividerAfter: !0
+		},
+		{
+			action: "delete",
+			label: t("contextMenu.delete"),
+			shortcut: t("contextMenu.deleteShortcut")
+		}
+	]);
+	function c(e, t) {
+		t(e.state, (t) => e.dispatch(t), e);
+	}
+	function l(t, n, r, i, a) {
+		let o = i === "inline" ? We(t, e.zoom.value) : void 0;
+		return {
+			open: !0,
+			position: r,
+			pmPos: n,
+			currentWrapType: i,
+			currentCssFloat: a,
+			...o !== void 0 && { inlinePositionEmu: o }
+		};
+	}
+	function u(t) {
+		let r = e.editorView.value;
+		if (!r) return;
+		let o = Ke(t.target);
+		if (o) {
+			let a = Number(o.dataset.pmStart);
+			if (!Number.isNaN(a)) {
+				try {
+					let e = Be.create(r.state.doc, a);
+					r.dispatch(r.state.tr.setSelection(e));
+				} catch {}
+				e.selectedImage.value = {
+					element: o,
+					pmPos: a,
+					width: o.offsetWidth,
+					height: o.offsetHeight
+				}, e.clearOverlay();
+				let s = r.state.doc.nodeAt(a);
+				if (s && s.type.name === "image") {
+					i.value = l(o, a, {
+						x: t.clientX,
+						y: t.clientY
+					}, Si(s.attrs.wrapType), Ci(s.attrs.cssFloat)), n.value.isOpen = !1;
+					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);
+			} catch {}
+		}
+		let s = lt(r.state), { empty: c, from: u, to: d } = r.state.selection;
+		a.value = {
+			from: u,
+			to: d
+		}, i.value &&= null, n.value = {
+			isOpen: !0,
+			position: {
+				x: t.clientX,
+				y: t.clientY
+			},
+			hasSelection: !c,
+			inTable: s.isInTable,
+			onImage: !!o,
+			canMergeCells: !!s.hasMultiCellSelection,
+			canSplitCell: !!s.canSplitCell
+		};
+	}
+	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, {
+			x: t.clientX,
+			y: t.clientY
+		}, Si(o.attrs.wrapType), Ci(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());
+	}
+	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 ? {
+				from: n.state.selection.from,
+				to: n.state.selection.to
+			} : r;
+			e.onCustomContextAction?.(t.slice(7), i), n.focus();
+			return;
+		}
+		switch (t) {
+			case "cut":
+				if (e.selectedImage.value) {
+					let t = e.selectedImage.value.pmPos;
+					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"));
+				break;
+			case "paste":
+				vi(n);
+				break;
+			case "pasteAsPlainText":
+				navigator.clipboard.readText().then((e) => {
+					e && n.dispatch(n.state.tr.insertText(e).scrollIntoView());
+				}).catch(() => {});
+				break;
+			case "delete": {
+				let { from: e, to: t } = n.state.selection;
+				e !== t && n.dispatch(n.state.tr.delete(e, t));
+				break;
+			}
+			case "selectAll": {
+				let e = Ve.create(n.state.doc, 0, n.state.doc.content.size);
+				n.dispatch(n.state.tr.setSelection(e));
+				break;
+			}
+			case "imageProperties":
+				e.selectedImage.value && (e.showImageProperties.value = !0);
+				break;
+			case "replaceImage":
+				e.selectedImage.value && yi(n, e.selectedImage.value.pmPos);
+				break;
+			case "deleteImage":
+				if (e.selectedImage.value) {
+					let t = e.selectedImage.value.pmPos, r = n.state.doc.nodeAt(t);
+					r && (n.dispatch(n.state.tr.delete(t, t + r.nodeSize)), e.selectedImage.value = null);
+				}
+				break;
+			case "addRowAbove":
+			case "addRowBelow":
+			case "deleteRow":
+			case "addColumnLeft":
+			case "addColumnRight":
+			case "deleteColumn":
+			case "mergeCells":
+			case "splitCell":
+			case "selectTable":
+			case "deleteTable": {
+				let e = r[t];
+				e && c(n, e());
+				break;
+			}
+		}
+		n.focus();
+	}
+	return {
+		contextMenu: n,
+		imageContextMenu: i,
+		imageContextMenuTextActions: s,
+		customTextMenuItems: o,
+		handleContextMenu: u,
+		handleSelectedImageContextMenu: d,
+		handleImageWrapSelect: f,
+		handleContextMenuAction: p
+	};
+}
+//#endregion
+//#region src/composables/useDocumentLifecycle.ts
+function Ti(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) => {
+		e && t(e);
+	}), K(e.document, (e) => {
+		e && n(e);
+	}), pe(async () => {
+		await I();
+		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);
+	if (r !== null) {
+		let e = Ut(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);
+	if (n === null) return;
+	let r = t.blocks.at(n - 1);
+	return r ? t.anchors[r.id] : void 0;
+};
+function Oi(e, t) {
+	return {
+		from: Math.min(Math.max(t.from, 0), e),
+		to: Math.min(Math.max(t.to, 0), e)
+	};
+}
+//#endregion
+//#region src/composables/useDocxEditorRefApi.ts
+function ki(e) {
+	function t() {
+		e.onPrint?.(), window.print();
+	}
+	async function n(t) {
+		let n = await e.save(t);
+		if (!n) return null;
+		let r = await n.arrayBuffer();
+		return e.clearCommentsDirty(), e.onSave?.(r), r;
+	}
+	function r(t, n) {
+		let r = e.pagesRef.value;
+		if (!r) return !1;
+		let i = Ft(r, t), a = i.at(0);
+		return a ? (a.scrollIntoView({
+			block: "center",
+			behavior: "smooth"
+		}), n?.highlight && Q(i, n.highlight), !0) : !1;
+	}
+	function i() {
+		return e.zoom.value;
+	}
+	function a() {
+		return e.layout.value?.pages.length ?? 0;
+	}
+	function o() {
+		let t = e.layout.value, n = e.editorView.value;
+		if (!t || !n) return 0;
+		let r = Pt(t, n.state.selection.from);
+		return r == null ? 0 : r + 1;
+	}
+	function s(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;
+		let i = n.getBoundingClientRect(), a = r.getBoundingClientRect();
+		n.scrollTo({
+			top: a.top - i.top + n.scrollTop - 24,
+			behavior: "smooth"
+		});
+	}
+	return { exposed: {
+		getDocument: e.getDocument,
+		hasPendingChanges: () => e.editorView.value ? e.isDirty.value || e.commentsDirty.value : !1,
+		getEditorRef: () => null,
+		getEditor: () => e.editor,
+		save: n,
+		setZoom: e.setZoom,
+		getZoom: i,
+		focus: e.focus,
+		getCurrentPage: o,
+		getTotalPages: a,
+		scrollToPage: s,
+		scrollToParaId: r,
+		openPrintPreview: () => t(),
+		print: t,
+		loadDocument: e.loadDocument,
+		loadDocumentBuffer: e.loadDocumentBuffer,
+		ensureEditorView: () => e.editor.ensureView(),
+		createAIEditSnapshot: () => {
+			let t = e.editorView.value;
+			return t ? At(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({
+				view: a,
+				snapshot: t,
+				operations: n,
+				mode: r,
+				author: i,
+				createCommentId: e.createAIEditComment
+			}) : {
+				applied: [],
+				skipped: n.map((e) => ({
+					id: e.id,
+					reason: "unsupportedBlock"
+				}))
+			};
+		},
+		acceptAIEditOperation: (t) => {
+			let n = e.editorView.value;
+			return n ? ht(t)(n.state, n.dispatch) : !1;
+		},
+		rejectAIEditOperation: (t) => {
+			let n = e.editorView.value;
+			return n ? vt(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);
+			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;
+		},
+		scrollToBlock: (t, n) => {
+			let r = e.editorView.value;
+			if (!r) return !1;
+			let i = Ei({
+				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;
+		},
+		getContentControls: (t = {}) => {
+			let n = e.editorView.value;
+			return n ? Lt(n.state.doc, t).map((e) => ({
+				properties: It(e.node),
+				path: e.path,
+				pmPos: e.pos
+			})) : [];
+		},
+		scrollToContentControl: (t) => {
+			let n = e.editorView.value;
+			if (!n) return !1;
+			let r = $(n.state.doc, t);
+			if (!r) return !1;
+			let i = r.pos + 1, a = n.state.doc.resolve(i);
+			return n.dispatch(n.state.tr.setSelection(Ve.near(a))), requestAnimationFrame(() => e.scrollVisiblePositionIntoView(i)), !0;
+		},
+		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);
+			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);
+			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);
+			return i ? (r.dispatch(i), !0) : !1;
+		}
+	} };
+}
+//#endregion
+//#region src/composables/useFormattingActions.ts
+function Ai(e) {
+	let t = () => e.activeView?.value ?? e.editorView.value;
+	function n() {
+		let e = t();
+		e && (ct(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));
+		r.focus();
+	}
+	function i() {
+		let t = e.editorView.value;
+		t && (nn(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());
+	}
+	function o() {
+		let t = e.editorView.value;
+		t && (rn(t.state, (e) => t.dispatch(e), t), t.focus());
+	}
+	function s(e) {
+		let n = t();
+		if (!n) return;
+		let { from: r } = n.state.selection, i = n.state.tr.insertText(e, r);
+		n.dispatch(i.scrollIntoView()), n.focus();
+	}
+	return {
+		handleClearFormatting: n,
+		handleApplyStyle: r,
+		handleInsertPageBreak: i,
+		handleInsertSectionBreakNextPage: a,
+		handleInsertSectionBreakContinuous: o,
+		handleInsertSymbol: s
+	};
+}
+//#endregion
+//#region src/composables/useHyperlinkManagement.ts
+function ji(e) {
+	let t = B(null);
+	function n(e, t) {
+		t(e.state, (t) => e.dispatch(t), e);
+	}
+	function r(t) {
+		let r = e.editorView.value;
+		if (!r) return;
+		let i = e.getCommands(), { empty: a } = r.state.selection, o = t.bookmark ? `#${t.bookmark}` : t.url;
+		if (o) {
+			if (a && t.displayText) {
+				let e = i.insertHyperlink;
+				e && n(r, e(t.displayText, o, t.tooltip || void 0));
+			} else {
+				let e = i.setHyperlink;
+				e && n(r, e(o, t.tooltip || void 0));
+			}
+			r.focus();
+		}
+	}
+	function i() {
+		let t = e.editorView.value;
+		if (!t) return;
+		let r = e.getCommands().removeHyperlink;
+		r && n(t, r()), t.focus();
+	}
+	function a(e) {
+		window.open(e, "_blank", "noopener,noreferrer"), t.value = null;
+	}
+	function o(n, r) {
+		let i = e.editorView.value;
+		i && (on(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());
+	}
+	return {
+		hyperlinkPopupData: t,
+		handleHyperlinkSubmit: r,
+		handleHyperlinkRemove: i,
+		handleHyperlinkPopupNavigate: a,
+		handleHyperlinkPopupEdit: o,
+		handleHyperlinkPopupRemove: s
+	};
+}
+//#endregion
+//#region src/composables/useImageActions.ts
+function Mi(e) {
+	let t = he(null), n = B(!1), r = O(() => {
+		e.stateTick.value;
+		let n = e.editorView.value, r = t.value;
+		if (!n || !r) return null;
+		let i = n.state.doc.nodeAt(r.pmPos);
+		if (!i || i.type.name !== "image") return null;
+		let a = i.attrs.wrapType, o = i.attrs.displayMode, s = i.attrs.cssFloat;
+		return {
+			wrapType: typeof a == "string" ? a : "inline",
+			displayMode: typeof o == "string" ? o : "inline",
+			cssFloat: typeof s == "string" ? s : null
+		};
+	});
+	function i(e, t) {
+		t(e.state, (t) => e.dispatch(t), e);
+	}
+	function a(n) {
+		let r = e.editorView.value, a = t.value;
+		if (!r || !a) return;
+		let o = Je(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;
+		c && (i(r, c(a.pmPos, o, s)), r.focus());
+	}
+	function o(n) {
+		let r = e.editorView.value, i = t.value;
+		if (!r || !i) return;
+		let a = r.state.doc.nodeAt(i.pmPos);
+		if (!a || a.type.name !== "image") return;
+		let o = a.attrs.transform, s = typeof o == "string" ? o : "", c = /rotate\((?<deg>-?\d+(?:\.\d+)?)deg\)/u.exec(s)?.groups?.deg, l = c ? Number.parseFloat(c) : 0, u = /scaleX\(-1\)/u.test(s), d = /scaleY\(-1\)/u.test(s);
+		n === "rotateCW" ? l = (l + 90) % 360 : n === "rotateCCW" ? l = (l - 90 + 360) % 360 : n === "flipH" ? u = !u : n === "flipV" && (d = !d);
+		let f = [];
+		l !== 0 && f.push(`rotate(${l}deg)`), u && f.push("scaleX(-1)"), d && f.push("scaleY(-1)");
+		let p = f.length > 0 ? f.join(" ") : null, m = r.state.tr.setNodeMarkup(i.pmPos, void 0, {
+			...a.attrs,
+			transform: p
+		});
+		r.dispatch(m.scrollIntoView()), r.focus();
+	}
+	return {
+		selectedImage: t,
+		imageInteracting: n,
+		imageToolbarContext: r,
+		handleToolbarImageWrap: a,
+		handleImageTransform: o
+	};
+}
+//#endregion
+//#region src/composables/usePageSetupControls.ts
+function Ni(e) {
+	function t(t) {
+		let n = e.getDocument();
+		if (!n?.package?.document) return;
+		let r = n.package.document.finalSectionProperties ?? {};
+		n.package.document.finalSectionProperties = {
+			...r,
+			...t
+		}, e.stateTick.value++, e.reLayout(), e.onChange(n);
+	}
+	function n(n, r) {
+		e.readOnly.value || t({ [n]: r });
+	}
+	function r(e) {
+		n("marginLeft", e);
+	}
+	function i(e) {
+		n("marginRight", e);
+	}
+	function a(e) {
+		n("marginTop", e);
+	}
+	function o(e) {
+		n("marginBottom", e);
+	}
+	function s(t) {
+		let n = e.editorView.value;
+		n && $t(t)(n.state, n.dispatch);
+	}
+	function c(t) {
+		let n = e.editorView.value;
+		n && en(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));
+	}
+	function u(t) {
+		let n = e.editorView.value;
+		n && Zt(t)(n.state, n.dispatch);
+	}
+	return {
+		handlePageSetupApply: t,
+		handleLeftMarginChange: r,
+		handleRightMarginChange: i,
+		handleTopMarginChange: a,
+		handleBottomMarginChange: o,
+		handleIndentLeftChange: s,
+		handleIndentRightChange: c,
+		handleFirstLineIndentChange: l,
+		handleTabStopRemove: u
+	};
+}
+//#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);
+}
+function Li(e) {
+	return !e || e.length === 0 ? !1 : Fi.test(e);
+}
+function Ri(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)) {
+		let n = t, r = t;
+		for (; n > 0 && Li(e[n - 1]);) n--;
+		for (; r < e.length && Li(e[r]);) r++;
+		return [n, r];
+	}
+	if (Ii(n)) {
+		let n = t, r = t;
+		for (; n > 0 && Ii(e[n - 1]);) n--;
+		for (; r < e.length && Ii(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);
+	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) {
+	if (!e || !t) return;
+	let r = rt(e, n);
+	if (!r) for (let t of it(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;
+			break;
+		}
+	}
+	if (!r) return;
+	let i = t.getBoundingClientRect(), a = r.getBoundingClientRect();
+	t.scrollTo({
+		top: a.top - i.top + t.scrollTop - 48,
+		behavior: "smooth"
+	});
+}
+function Vi(e, t, n, r) {
+	if (!e || !t) return null;
+	let i = Ze(e, n, r, 1);
+	return i === null || i < 0 ? null : Math.min(i, t.state.doc.content.size);
+}
+function Hi(e, t, n, r) {
+	if (!e) return;
+	let i = zi(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;
+	l < u && n(l, u);
+}
+function Ui(e, t, n, r) {
+	if (!e) return;
+	let i = zi(e, t, r);
+	if (!i) return;
+	let a = i.closest(".layout-paragraph");
+	if (!a) return;
+	let o = Number(a.dataset.pmStart), s = Number(a.dataset.pmEnd);
+	!Number.isNaN(o) && !Number.isNaN(s) && o < s && n(o, s);
+}
+//#endregion
+//#region src/composables/usePagesPointer.ts
+var Wi = 500;
+function Gi(e) {
+	let t = B(null), n = null;
+	function r() {
+		n !== null && (clearTimeout(n), n = null);
+	}
+	let i = he(null), a = 0, o = null, s = 0, c = !1, l = null, u = un(), d = re({
+		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({
+		currentPage: 1,
+		totalPages: 1,
+		visible: !1
+	}), p = null;
+	function m(t, n) {
+		return Vi(e.pagesRef.value, e.editorView.value, t, n);
+	}
+	function h() {
+		let t = i.value;
+		if (t?.headerFooter && e.getHfPmView) {
+			let n = e.getHfPmView(t.headerFooter);
+			if (n) return n;
+		}
+		return e.editorView.value;
+	}
+	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);
+			n.dispatch(n.state.tr.setSelection(a));
+		} catch {}
+	}
+	function _(t) {
+		Bi(e.pagesRef.value, e.pagesViewportRef.value, t);
+	}
+	function v(t) {
+		Hi(e.pagesRef.value, t, g, i.value?.position);
+	}
+	function y(t) {
+		Ui(e.pagesRef.value, t, g, i.value?.position);
+	}
+	function b(t) {
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = null;
+		if (n.state.doc.descendants((e, n) => {
+			if (r !== null) return !1;
+			let i = e.attrs.bookmarks;
+			if (Array.isArray(i)) {
+				let e = i;
+				for (let i of e) if (typeof i == "object" && i && "name" in i && i.name === t) return r = n, !1;
+			}
+			return !0;
+		}), r !== null) {
+			_(r);
+			try {
+				g(Math.min(r + 1, n.state.doc.content.size));
+			} catch {
+				g(r);
+			}
+		}
+	}
+	function x(a) {
+		if (e.readOnly.value || c) return;
+		let o = e.pagesRef.value;
+		if (!o) return;
+		let s = e.pagesViewportRef.value;
+		if (!s || !(a.target instanceof HTMLElement)) return;
+		let l = ln({
+			mouseX: a.clientX,
+			mouseY: a.clientY,
+			pagesContainer: o,
+			target: a.target,
+			hfEditMode: i.value?.position ?? null
+		});
+		if (!l) {
+			n === null && (n = setTimeout(() => {
+				t.value = null, n = null;
+			}, cn));
+			return;
+		}
+		let u = e.zoom.value || 1, d = s.getBoundingClientRect();
+		t.value = {
+			type: l.type,
+			x: (l.clientX - d.left) / u,
+			y: (l.clientY - d.top) / u,
+			cellPmPos: l.cellPmPos
+		}, r();
+	}
+	function S(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));
+		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) {
+		let n = t.target, r = n instanceof HTMLElement ? n.closest("a[href]") : null;
+		if (!r) return;
+		t.preventDefault();
+		let i = r.getAttribute("href") ?? "";
+		if (i.startsWith("#")) {
+			let e = i.slice(1);
+			e && b(e);
+			return;
+		}
+		let a = h();
+		if (a && a.state.selection.from !== a.state.selection.to) return;
+		let o = e.pagesViewportRef.value;
+		if (!o) return;
+		let s = o.getBoundingClientRect(), c = r.getBoundingClientRect(), l = r.getAttribute("title");
+		e.hyperlinkPopupData.value = {
+			href: i,
+			displayText: r.textContent ?? "",
+			position: {
+				top: c.bottom - s.top + o.scrollTop + 4,
+				left: c.left - s.left + o.scrollLeft
+			},
+			...l ? { tooltip: l } : {}
+		};
+	}
+	function ee(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;
+		let s = r ? "header" : "footer", c = e.getDocument();
+		if (!c?.package) return;
+		let l = c.package.document?.sections?.[0]?.properties ?? c.package.document?.finalSectionProperties ?? null, u = s === "header" ? l?.headerReferences : l?.footerReferences, d = s === "header" ? c.package.headers : c.package.footers, f = (u?.find((e) => e.type === "default") ?? u?.find((e) => e.type === "first") ?? null)?.rId ?? null, p = f ? d?.get(f) ?? null : null;
+		if (!p) {
+			if (!l) return;
+			let t = "default", n = `rId_new_${s}_${t}`, r = {
+				type: s,
+				hdrFtrType: t,
+				content: [{
+					type: "paragraph",
+					content: []
+				}]
+			}, i = s === "header" ? "headers" : "footers", a = s === "header" ? "headerReferences" : "footerReferences", o = new Map(c.package[i] ?? []);
+			o.set(n, r);
+			let u = c.package.relationships, d = /* @__PURE__ */ new Set();
+			for (let e of u?.values() ?? []) e.target && d.add(e.target);
+			let m = 1;
+			for (; d.has(`${s}${m}.xml`);) m++;
+			let h = s === "header" ? "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header" : "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer", g = new Map(u);
+			g.set(n, {
+				id: n,
+				type: h,
+				target: `${s}${m}.xml`
+			});
+			let _ = {
+				type: t,
+				rId: n
+			}, v = {
+				...l,
+				[a]: [...l[a] ?? [], _]
+			}, y = c.package.document, b = y?.sections?.map((e, t) => t === 0 ? {
+				...e,
+				properties: v
+			} : e), x = y?.finalSectionProperties === l ? v : y?.finalSectionProperties, S = {
+				...c,
+				package: {
+					...c.package,
+					[i]: o,
+					relationships: g,
+					document: y && {
+						...y,
+						...b !== void 0 && { sections: b },
+						...x !== void 0 && { finalSectionProperties: x }
+					}
+				}
+			};
+			f = n, p = r, e.setDocument?.(S), e.syncHfPMs?.(), e.reLayout(), e.emit("change", S);
+		}
+		let m = e.pagesViewportRef.value;
+		if (!m) return;
+		let h = o.getBoundingClientRect(), g = m.getBoundingClientRect(), _ = e.zoom.value || 1;
+		i.value = {
+			position: s,
+			rId: f,
+			headerFooter: p,
+			targetRect: {
+				top: (h.top - g.top + m.scrollTop) / _,
+				left: (h.left - g.left + m.scrollLeft) / _,
+				width: h.width / _,
+				height: h.height / _
+			}
+		};
+	}
+	function te(t) {
+		let n = e.getDocument(), r = i.value;
+		if (!n?.package || !r) return;
+		let a = r.position === "header" ? n.package.headers : n.package.footers;
+		if (!a || !r.rId) return;
+		let o = a.get(r.rId);
+		o && (o.content = t), e.syncHfPMs?.(), e.reLayout(), e.emit("change", n);
+	}
+	function ne() {
+		let t = e.getDocument(), n = i.value;
+		if (!t?.package || !n || !n.rId) {
+			i.value = null;
+			return;
+		}
+		let r = n.position === "header" ? "headers" : "footers", a = n.position === "header" ? "headerReferences" : "footerReferences", o = n.rId, s = new Map(t.package[r] ?? []);
+		s.delete(o);
+		let c = (e) => ({
+			...e,
+			[a]: (e[a] ?? []).filter((e) => e.rId !== o)
+		}), l = (e) => "sectionProperties" in e && e.sectionProperties ? {
+			...e,
+			sectionProperties: c(e.sectionProperties)
+		} : e, u = t.package.document, d = u?.sections?.map((e) => ({
+			...e,
+			properties: c(e.properties)
+		})), f = u?.finalSectionProperties ? c(u.finalSectionProperties) : void 0, p = {
+			...t,
+			package: {
+				...t.package,
+				[r]: s,
+				document: u && {
+					...u,
+					content: u.content.map(l),
+					...d !== void 0 && { sections: d },
+					...f !== void 0 && { finalSectionProperties: f }
+				}
+			}
+		};
+		i.value = null, e.setDocument?.(p), e.syncHfPMs?.(), e.reLayout(), e.emit("change", p);
+	}
+	function w(t) {
+		if (t.button !== 0 || e.imageInteracting.value) return;
+		let n = e.editorView.value;
+		if (!n) return;
+		let r = t.target, d = r instanceof HTMLElement ? r : null;
+		i.value && d && (d.closest(".layout-page-header") || d.closest(".layout-page-footer") || d.closest(".hf-editor") || (i.value = null, n.focus()));
+		let f = h() ?? n;
+		if (!e.readOnly.value && e.tableResize.tryStartResize(t, f)) return;
+		let p = Ke(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)));
+				} catch {}
+				e.selectedImage.value = {
+					element: p,
+					pmPos: n,
+					width: p.offsetWidth,
+					height: p.offsetHeight
+				}, e.clearOverlay();
+			}
+			f.focus();
+			return;
+		}
+		e.selectedImage.value = null, t.preventDefault();
+		let _ = m(t.clientX, t.clientY);
+		if (_ === null) {
+			f.focus();
+			return;
+		}
+		let b = Date.now();
+		if (b - a < Wi && 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, _));
+		f.focus();
+	}
+	function ie(e) {
+		if (!c || l === null) return;
+		let t = m(e.clientX, e.clientY);
+		if (t !== null) {
+			let n = h();
+			if (n && u.update(n, t, e.clientX)) {
+				d.updateMousePosition(e.clientX, e.clientY);
+				return;
+			}
+			t !== l && g(l, t);
+		}
+		d.updateMousePosition(e.clientX, e.clientY);
+	}
+	function ae() {
+		c = !1, u.end(), d.stopAutoScroll();
+	}
+	function T() {
+		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;
+		for (let e = 0; e < n.pages.length; e++) {
+			let t = n.pages[e];
+			if (!t) continue;
+			let r = o + t.size.h;
+			if (a < r) {
+				s = e + 1;
+				break;
+			}
+			o = r + 24, s = e + 2;
+		}
+		s = Math.min(s, i), f.value = {
+			currentPage: s,
+			totalPages: i,
+			visible: !0
+		}, p && clearTimeout(p), p = setTimeout(() => {
+			f.value = {
+				...f.value,
+				visible: !1
+			};
+		}, 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);
+	}), {
+		tableInsertButton: t,
+		hfEdit: i,
+		scrollPageInfo: f,
+		resolvePos: m,
+		setPmSelection: g,
+		scrollVisiblePositionIntoView: _,
+		navigateToBookmark: b,
+		handlePagesMouseDown: w,
+		handlePagesMouseMove: x,
+		handlePagesClick: C,
+		handlePagesDoubleClick: ee,
+		handleTableInsertClick: S,
+		clearTableInsertTimer: r,
+		handleHfSave: te,
+		handleHfRemove: ne
+	};
+}
+//#endregion
+//#region src/utils/hostFonts.ts
+function Ki(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 Ji(e) {
+	if (!e) return [];
+	let t = [];
+	for (let n of e) {
+		if (!qi(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(),
+			source: `url(${JSON.stringify(n.src.trim())})`,
+			descriptors: e
+		});
+	}
+	return t;
+}
+function Yi() {
+	return typeof document > "u" || !("fonts" in document) ? null : document.fonts;
+}
+async function Xi(e, t, n, r) {
+	let i;
+	try {
+		i = new FontFace(t, n, r), e.add(i);
+	} catch {
+		return null;
+	}
+	return await i.load().then(() => !0, () => !1) ? i : (e.delete(i), null);
+}
+async function Zi(e) {
+	let t = Yi();
+	if (!t) return [];
+	let n = Ji(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);
+		a && r.push(a);
+	})), r;
+}
+function Qi(e) {
+	let t = Yi();
+	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 = {
+	key: 0,
+	class: "docx-editor-vue__error"
+}, ta = {
+	key: 1,
+	class: "docx-editor-vue__loading"
+}, na = {
+	key: 2,
+	class: "docx-editor-vue__placeholder"
+}, ra = { class: "docx-editor-vue__editor-area" }, ia = {
+	key: 0,
+	class: "docx-editor-vue__ruler-h"
+}, aa = {
+	key: 1,
+	class: "docx-editor-vue__ruler-v"
+}, oa = {
+	class: "docx-editor-vue__editor-content-wrapper",
+	style: {
+		position: "relative",
+		display: "flex",
+		flexDirection: "column",
+		minHeight: "100%"
+	}
+}, sa = {
+	"data-testid": "selection-overlay",
+	class: "docx-editor-vue__decoration-origin",
+	"aria-hidden": "true"
+}, ca = ["aria-label"], la = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "DocxEditor",
+	props: {
+		documentBuffer: { default: null },
+		document: { default: null },
+		documentKey: {},
+		onSave: {},
+		author: { default: "User" },
+		onChange: {},
+		onSelectionChange: {},
+		onSelectionTextChange: {},
+		onError: {},
+		onFontsLoaded: {},
+		fontFamilies: {},
+		fonts: {},
+		theme: {},
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showZoomControl: {
+			type: Boolean,
+			default: !0
+		},
+		showReviewControls: {
+			type: Boolean,
+			default: !0
+		},
+		showHeaderFooterEditing: { type: Boolean },
+		showMarginGuides: { type: Boolean },
+		marginGuideColor: {},
+		showRuler: { type: Boolean },
+		rulerUnit: {},
+		initialZoom: { default: 1 },
+		enableWheelZoom: { type: Boolean },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		autoOpenReviewSidebar: { type: Boolean },
+		components: {},
+		toolbarExtra: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		className: { default: "" },
+		style: {},
+		placeholder: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		loadingIndicator: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		preserveDocumentWhileLoading: { type: Boolean },
+		initialScrollTop: {},
+		onScrollTopChange: {},
+		showOutline: {
+			type: Boolean,
+			default: !1
+		},
+		showPrintButton: { type: Boolean },
+		onPrint: {},
+		onInsertImage: {},
+		onInsertTable: {},
+		showTableInsert: {
+			type: Boolean,
+			default: !0
+		},
+		onInsertPageBreak: {},
+		onInsertTOC: {},
+		onCopy: {},
+		onCut: {},
+		onPaste: {},
+		mode: { default: "editing" },
+		onModeChange: {},
+		onReadonlyEditAttempt: {},
+		comments: {},
+		onCommentsChange: {},
+		onCompatibilityChange: {},
+		onEditorViewReady: {},
+		collaboration: {},
+		onAnonymizationMatchesChange: {},
+		onAnonymizationTermClick: {},
+		selectedAnonymizationCanonical: {},
+		anonymizationSelectionSeq: {},
+		showTemplateDirectives: { type: Boolean },
+		onSlashMenuChange: {},
+		onSlashMenuKeyAction: {},
+		customContextMenuItems: {},
+		onCustomContextAction: {},
+		featureFlags: {},
+		onSelectiveSaveTripwire: {}
+	},
+	emits: [
+		"change",
+		"update:document",
+		"error",
+		"ready",
+		"rename",
+		"menu-action",
+		"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");
+		function m() {
+			cn(Xe(s.value));
+		}
+		function y(e) {
+			d.value = 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);
+		});
+		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,
+			externalPlugins: [],
+			onAnonymizationMatchesChange: (e) => a.onAnonymizationMatchesChange?.(e),
+			showTemplateDirectives: () => a.showTemplateDirectives,
+			onSlashMenuChange: (e) => a.onSlashMenuChange?.(e),
+			onSlashMenuKeyAction: (e) => a.onSlashMenuKeyAction?.(e) ?? !1,
+			onChange: (e) => {
+				a.onChange?.(e), o("change", e), o("update:document", e);
+			},
+			onError: (e) => {
+				a.onError?.(e), o("error", e);
+			},
+			onSelectionUpdate: (e) => {
+				if (a.onSelectionChange?.(ve(e)), a.onSelectionTextChange) {
+					let { from: t, to: n } = e.selection, r = t === n ? "" : e.doc.textBetween(t, n, " ", " ");
+					a.onSelectionTextChange({
+						from: t,
+						to: n,
+						text: r
+					});
+				}
+			},
+			onEditorViewReady: (e) => a.onEditorViewReady?.(e),
+			onReadOnlyEditAttempt: () => a.onReadonlyEditAttempt?.(),
+			featureFlags: () => a.featureFlags,
+			onSelectiveSaveTripwire: a.onSelectiveSaveTripwire ? (e) => a.onSelectiveSaveTripwire?.(e) : void 0
+		}), rt = O(() => !He.value && ee.value && !(a.preserveDocumentWhileLoading === !0 && ne.value));
+		function it() {
+			Z.value && (ke(), Oe(), nt());
+		}
+		K(() => a.fonts, (e, t, n) => {
+			if (!e || e.length === 0) return;
+			let r = !1, i = [];
+			Zi(e).then((e) => {
+				if (r) {
+					Qi(e);
+					return;
+				}
+				i = e, e.length !== 0 && it();
+			}), n(() => {
+				r = !0, i.length !== 0 && (Qi(i), it());
+			});
+		}, { immediate: !0 });
+		let { selectedImage: at, imageInteracting: ot, imageToolbarContext: st, handleToolbarImageWrap: ct, handleImageTransform: lt } = Mi({
+			editorView: Z,
+			zoom: X,
+			stateTick: F,
+			getCommands: et
+		}), { hyperlinkPopupData: ut, handleHyperlinkSubmit: dt, handleHyperlinkRemove: ft, handleHyperlinkPopupNavigate: pt, handleHyperlinkPopupEdit: mt, handleHyperlinkPopupRemove: ht } = ji({
+			editorView: Z,
+			getCommands: et
+		}), gt = w(), { tableInsertButton: _t, scrollPageInfo: vt, resolvePos: yt, setPmSelection: bt, scrollVisiblePositionIntoView: xt, handlePagesMouseDown: St, handlePagesMouseMove: Ct, handlePagesClick: wt, handleTableInsertClick: Tt } = Gi({
+			editorView: Z,
+			pagesRef: D,
+			pagesViewportRef: oe,
+			selectedImage: at,
+			imageInteracting: ot,
+			hyperlinkPopupData: ut,
+			readOnly: c,
+			zoom: X,
+			layout: Ge,
+			tableResize: {
+				tryStartResize: gt.tryStartResize,
+				isResizing: O(() => gt.isResizing())
+			},
+			getCommands: et,
+			getDocument: $e,
+			reLayout: nt,
+			emit: () => {},
+			clearOverlay: () => {}
+		}), { contextMenu: Et, imageContextMenu: Dt, imageContextMenuTextActions: Ot, customTextMenuItems: kt, handleContextMenu: At, handleSelectedImageContextMenu: jt, handleImageWrapSelect: Mt, handleContextMenuAction: Nt } = wi({
+			editorView: Z,
+			selectedImage: at,
+			zoom: X,
+			showImageProperties: V,
+			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,
+			onCommentsChange: (e) => {
+				a.onCommentsChange?.(e), o("comments-change", e);
+			},
+			reLayout: nt
+		}), It = Q.comments, $ = di({
+			editorView: Z,
+			pagesViewport: oe,
+			pagesContainer: D,
+			readOnly: c,
+			createComment: Q.createComment,
+			pushComment: Q.pushComment,
+			reLayout: nt,
+			showSidebar: J,
+			setActiveSidebarItem: (e) => {
+				_e.value = e;
+			}
+		});
+		function Lt(e) {
+			navigator.clipboard?.writeText(e), ut.value = null;
+		}
+		let Rt = O(() => {
+			F.value;
+			let e = $e()?.package.document;
+			return e ? e.finalSectionProperties ?? e.sections?.[0]?.properties ?? null : null;
+		}), zt = O(() => {
+			F.value;
+			let e = {};
+			a.fontFamilies !== void 0 && (e.fontFamilies = a.fontFamilies);
+			let t = $e()?.package.styles?.styles;
+			return t !== void 0 && (e.documentStyles = t), e;
+		}), Bt = O(() => je(Rt.value?.pageWidth ?? 12240) * X.value), Vt = O(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of It.value) t.done && e.add(t.id);
+			return e;
+		}), Ht = O(() => ({
+			transform: X.value === 1 ? void 0 : `scale(${X.value})`,
+			transformOrigin: "top center",
+			transition: "transform 0.2s ease"
+		})), { handleApplyStyle: Ut, handleInsertSymbol: Wt, handleInsertSectionBreakNextPage: Gt, handleInsertSectionBreakContinuous: Kt } = Ai({
+			editorView: Z,
+			getDocument: $e
+		});
+		function qt() {
+			if (a.onInsertImage) {
+				a.onInsertImage();
+				return;
+			}
+			let e = Z.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();
+			}), document.body.appendChild(t), t.click();
+		}
+		function Jt(e, t) {
+			if (a.onInsertTable) {
+				a.onInsertTable(e, t);
+				return;
+			}
+			let n = Z.value;
+			n && (Ce(n, e, t), n.focus());
+		}
+		function Yt() {
+			if (a.onInsertPageBreak) {
+				a.onInsertPageBreak();
+				return;
+			}
+			let e = Z.value;
+			e && (Se(e), e.focus());
+		}
+		function Xt() {
+			if (a.onInsertTOC) {
+				a.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,
+			reLayout: nt,
+			onChange: (e) => {
+				a.onChange?.(e), o("change", e), o("update:document", e);
+			}
+		}), sn = O(() => {
+			F.value;
+			let e = Z.value, t = e ? Ee(e.state).paragraphFormatting : {};
+			return {
+				indentLeft: t.indentLeft ?? 0,
+				indentRight: t.indentRight ?? 0,
+				firstLineIndent: t.indentFirstLine ?? 0,
+				hangingIndent: t.hangingIndent ?? !1,
+				tabs: t.tabs ?? null
+			};
+		});
+		function cn(e) {
+			s.value !== e && (s.value = e, a.onModeChange?.(e), o("mode-change", e));
+		}
+		function ln(e) {
+			switch (e) {
+				case "find":
+				case "findReplace":
+					ue.value = !0;
+					break;
+				case "insertSymbol":
+					me.value = !0;
+					break;
+				case "insertHyperlink":
+					I.value = !0;
+					break;
+				case "pageSetup":
+					G.value = !0;
+					break;
+				case "toggleOutline":
+					q.value = !q.value;
+					break;
+				case "toggleSidebar":
+					J.value = !J.value;
+					break;
+				case "insertImage":
+					qt();
+					break;
+				case "insertPageBreak":
+					Yt();
+					break;
+				case "insertSectionBreakNextPage":
+					Gt();
+					break;
+				case "insertSectionBreakContinuous":
+					Kt();
+					break;
+				case "insertTOC":
+					Xt();
+					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;
+		});
+		let fn = B(!1);
+		function pn(e) {
+			let t = e.currentTarget;
+			t instanceof HTMLElement && a.onScrollTopChange?.(t.scrollTop);
+		}
+		function mn() {
+			if (a.initialScrollTop === void 0 || fn.value) return;
+			fn.value = !0;
+			let e = a.initialScrollTop;
+			requestAnimationFrame(() => {
+				ce.value && (ce.value.scrollTop = e);
+			});
+		}
+		K(He, (e) => {
+			if (!e) {
+				fn.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(() => {
+				e(), t(), n(), r(), i();
+			});
+		});
+		let { exposed: hn } = ki({
+			editor: Be,
+			editorView: Z,
+			isDirty: Ue,
+			commentsDirty: Q.commentsDirty,
+			clearCommentsDirty: Q.clearCommentsDirty,
+			layout: Ge,
+			pagesRef: D,
+			pagesViewportRef: oe,
+			zoom: X,
+			scrollVisiblePositionIntoView: xt,
+			author: () => a.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
+		});
+		return n(hn), (t, n) => (z(), j("div", {
+			class: L([
+				"docx-editor-vue ep-root paged-editor",
+				e.className,
+				b.value,
+				{ "paged-editor--readonly": c.value }
+			]),
+			style: R(e.style)
+		}, [
+			M("div", $i, [N($n, {
+				"show-table-insert": a.showTableInsert !== !1,
+				onRename: n[0] ||= (e) => o("rename", e),
+				onMenuAction: ln,
+				onInsertTable: un
+			}, {
+				"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)]),
+				_: 3
+			}, 8, ["show-table-insert"]), e.showToolbar ? (z(), k(_, de({
+				key: 0,
+				view: W(Z),
+				"get-commands": W(et),
+				"state-tick": F.value,
+				"zoom-percent": W(we),
+				"is-min-zoom": W(Me),
+				"is-max-zoom": W(Ne),
+				"zoom-presets": W(Re),
+				"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,
+				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
+				}, null, 8, [
+					"view",
+					"get-commands",
+					"state-tick",
+					"theme"
+				])]),
+				_: 2
+			}, [t.$slots["toolbar-extra"] || e.toolbarExtra ? {
+				name: "toolbar-extra",
+				fn: ge(() => [H(t.$slots, "toolbar-extra", {}, () => [e.toolbarExtra ? (z(), k(C, {
+					key: 0,
+					node: e.toolbarExtra
+				}, null, 8, ["node"])) : A("", !0)], !0)]),
+				key: "0"
+			} : void 0]), 1040, [
+				"view",
+				"get-commands",
+				"state-tick",
+				"zoom-percent",
+				"is-min-zoom",
+				"is-max-zoom",
+				"zoom-presets",
+				"show-zoom-control",
+				"editor-mode",
+				"show-review-controls",
+				"track-changes-on",
+				"display-mode",
+				"read-only",
+				"comments-sidebar-open",
+				"image-context",
+				"theme",
+				"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)
+			}, null, 8, [
+				"show-find-replace",
+				"show-hyperlink",
+				"show-insert-symbol",
+				"show-image-properties",
+				"show-page-setup",
+				"view",
+				"bookmarks",
+				"selected-image-pm-pos",
+				"section-properties",
+				"onInsertSymbol",
+				"onHyperlinkSubmit",
+				"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, {
+				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, {
+				key: 0,
+				node: e.placeholder
+			}, null, 8, ["node"])) : (z(), j(E, { key: 1 }, [le("No document loaded")], 64))], !0)])) : A("", !0),
+			M("div", {
+				ref_key: "hiddenPmRef",
+				ref: re,
+				class: "docx-editor-vue__hidden-pm paged-editor__hidden-pm"
+			}, null, 512),
+			M("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,
+					"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)
+				}, null, 8, [
+					"section-props",
+					"zoom",
+					"unit",
+					"editable",
+					"indent-left",
+					"indent-right",
+					"first-line-indent",
+					"hanging-indent",
+					"tab-stops",
+					"onLeftMarginChange",
+					"onRightMarginChange",
+					"onIndentLeftChange",
+					"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)
+				}, null, 8, [
+					"section-props",
+					"zoom",
+					"unit",
+					"editable",
+					"onTopMarginChange",
+					"onBottomMarginChange"
+				])])) : A("", !0),
+				M("div", {
+					ref_key: "pagesViewportRef",
+					ref: oe,
+					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"])
+				}, [
+					M("div", oa, [M("div", {
+						ref_key: "pagesRef",
+						ref: D,
+						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
+					}, null, 8, [
+						"get-view",
+						"get-pages-container",
+						"editor-state",
+						"zoom",
+						"layout",
+						"blocks",
+						"measures",
+						"on-term-click",
+						"selected-canonical",
+						"selection-seq"
+					]), a.showTemplateDirectives ? (z(), k(Jr, {
+						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)
+					}, null, 8, [
+						"get-view",
+						"get-pages-container",
+						"editor-state",
+						"zoom",
+						"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)
+					}, 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
+					}, null, 8, [
+						"data",
+						"read-only",
+						"onNavigate",
+						"onEdit",
+						"onRemove"
+					]),
+					W(_t) ? (z(), j("button", {
+						key: 0,
+						type: "button",
+						class: "docx-editor-vue__table-insert-btn",
+						style: R({
+							left: W(_t).x + "px",
+							top: W(_t).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,
+						onMarkerClick: () => {}
+					}, null, 8, [
+						"comments",
+						"pages-container",
+						"zoom",
+						"page-width-px",
+						"sidebar-open",
+						"resolved-comment-ids"
+					]),
+					N(g, {
+						"is-open": J.value,
+						comments: W(It),
+						"tracked-changes": Ft.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
+					}, null, 8, [
+						"is-open",
+						"comments",
+						"tracked-changes",
+						"is-adding-comment",
+						"add-comment-y-position",
+						"pages-container",
+						"page-width-px",
+						"zoom",
+						"active-item-id",
+						"onAddComment",
+						"onCancelAddComment",
+						"onCommentReply",
+						"onCommentResolve",
+						"onCommentUnresolve",
+						"onCommentDelete",
+						"onAcceptChange",
+						"onRejectChange",
+						"onAcceptChangeById",
+						"onRejectChangeById",
+						"onTrackedChangeReply"
+					]),
+					W($).floatingCommentButton.value && !c.value ? (z(), j("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"
+						}),
+						"aria-label": "Add comment",
+						title: "Add comment",
+						onMousedown: n[20] ||= Y((...e) => W($).startAddComment && W($).startAddComment(...e), ["prevent", "stop"])
+					}, [N(p, {
+						name: "add_comment",
+						size: 18
+					})], 36)) : A("", !0)
+				], 544),
+				q.value ? A("", !0) : (z(), k(zr, {
+					key: 2,
+					"left-offset": 12,
+					onToggle: n[25] ||= (e) => q.value = !0
+				})),
+				W(vt).totalPages > 1 ? (z(), k(Br, {
+					key: 3,
+					"current-page": W(vt).currentPage,
+					"total-pages": W(vt).totalPages,
+					visible: W(vt).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"])
+			])], 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
+			}, null, 8, [
+				"read-only",
+				"context-menu",
+				"image-context-menu",
+				"image-context-menu-text-actions",
+				"custom-text-menu-items",
+				"can-open-image-properties",
+				"onContextMenuAction",
+				"onImageWrapSelect"
+			])
+		], 6));
+	}
+}), [["__scopeId", "data-v-1c285fdf"]]), ua = ["aria-label"], da = ["aria-label"], fa = [
+	"disabled",
+	"title",
+	"aria-label"
+], pa = [
+	"disabled",
+	"title",
+	"aria-label"
+], ma = ["aria-label"], ha = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-pressed"
+], ga = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-pressed"
+], _a = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-pressed"
+], va = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "FormattingBar",
+	props: {
+		currentFormatting: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		canUndo: {
+			type: Boolean,
+			default: !1
+		},
+		canRedo: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		showStylePicker: {
+			type: Boolean,
+			default: !0
+		},
+		showTextColorPicker: {
+			type: Boolean,
+			default: !0
+		},
+		showAlignmentButtons: {
+			type: Boolean,
+			default: !0
+		},
+		showListButtons: {
+			type: Boolean,
+			default: !0
+		},
+		documentStyles: {},
+		theme: {}
+	},
+	emits: [
+		"format",
+		"undo",
+		"redo"
+	],
+	setup(e, { emit: t }) {
+		let { ColorPicker: n } = d(), i = e, a = t, { t: o } = r(), s = O(() => i.currentFormatting ?? {}), c = O(() => i.documentStyles ? { styles: i.documentStyles } : {}), l = O(() => s.value.listState ?? b()), u = O(() => {
+			let e = s.value.color;
+			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
+		}), f = O(() => {
+			let e = l.value;
+			return e.isInList && e.level > 0 || (s.value.indentLeft ?? 0) > 0;
+		});
+		function m(e) {
+			a("format", {
+				type: "textColor",
+				value: e
+			});
+		}
+		return (t, r) => (z(), j("div", {
+			class: L(["docx-formatting-bar", e.className]),
+			role: "toolbar",
+			"aria-label": W(o)("formattingToolbar"),
+			"data-folio-toolbar": "true"
+		}, [
+			M("span", {
+				class: "docx-formatting-bar__group",
+				role: "group",
+				"aria-label": W(o)("historyGroup")
+			}, [M("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, {
+				name: "undo",
+				size: 18
+			})], 40, fa), M("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, {
+				name: "redo",
+				size: 18
+			})], 40, pa)], 8, da),
+			r[13] ||= M("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, {
+				disabled: e.disabled,
+				onChange: r[2] ||= (e) => a("format", {
+					type: "applyStyle",
+					value: e
+				})
+			}), null, 16, ["value", "disabled"]), r[11] ||= M("span", {
+				class: "docx-formatting-bar__divider",
+				role: "separator"
+			}, null, -1)], 64)) : A("", !0),
+			M("span", {
+				class: "docx-formatting-bar__group",
+				role: "group",
+				"aria-label": W(o)("textFormattingGroup")
+			}, [
+				M("button", {
+					type: "button",
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.bold }]),
+					disabled: e.disabled,
+					title: W(o)("boldShortcut"),
+					"aria-label": W(o)("bold"),
+					"aria-pressed": !!s.value.bold,
+					onMousedown: r[3] ||= Y((e) => a("format", "bold"), ["prevent"])
+				}, [N(p, {
+					name: "format_bold",
+					size: 18
+				})], 42, ha),
+				M("button", {
+					type: "button",
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.italic }]),
+					disabled: e.disabled,
+					title: W(o)("italicShortcut"),
+					"aria-label": W(o)("italic"),
+					"aria-pressed": !!s.value.italic,
+					onMousedown: r[4] ||= Y((e) => a("format", "italic"), ["prevent"])
+				}, [N(p, {
+					name: "format_italic",
+					size: 18
+				})], 42, ga),
+				M("button", {
+					type: "button",
+					class: L(["docx-formatting-bar__btn", { "docx-formatting-bar__btn--active": s.value.underline }]),
+					disabled: e.disabled,
+					title: W(o)("underlineShortcut"),
+					"aria-label": W(o)("underline"),
+					"aria-pressed": !!s.value.underline,
+					onMousedown: r[5] ||= Y((e) => a("format", "underline"), ["prevent"])
+				}, [N(p, {
+					name: "format_underlined",
+					size: 18
+				})], 42, _a)
+			], 8, ma),
+			e.showTextColorPicker ? (z(), j(E, { key: 1 }, [r[12] ||= M("span", {
+				class: "docx-formatting-bar__divider",
+				role: "separator"
+			}, null, -1), N(W(n), {
+				mode: "text",
+				value: u.value,
+				theme: e.theme ?? null,
+				disabled: e.disabled,
+				onChange: m
+			}, null, 8, [
+				"value",
+				"theme",
+				"disabled"
+			])], 64)) : A("", !0),
+			r[14] ||= M("span", {
+				class: "docx-formatting-bar__divider",
+				role: "separator"
+			}, null, -1),
+			e.showAlignmentButtons ? (z(), k(S, {
+				key: 2,
+				value: s.value.alignment ?? "left",
+				disabled: e.disabled,
+				onChange: r[6] ||= (e) => a("format", {
+					type: "alignment",
+					value: e
+				})
+			}, null, 8, ["value", "disabled"])) : A("", !0),
+			e.showListButtons ? (z(), k(C, {
+				key: 3,
+				"list-state": l.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")
+			}, null, 8, [
+				"list-state",
+				"disabled",
+				"can-outdent"
+			])) : A("", !0)
+		], 10, ua));
+	}
+}), [["__scopeId", "data-v-225f770f"]]), ya = ["value", "disabled"], ba = ["value"], xa = ["value"], Sa = [
+	{
+		value: .5,
+		label: "50%"
+	},
+	{
+		value: .75,
+		label: "75%"
+	},
+	{
+		value: 1,
+		label: "100%"
+	},
+	{
+		value: 1.25,
+		label: "125%"
+	},
+	{
+		value: 1.5,
+		label: "150%"
+	},
+	{
+		value: 2,
+		label: "200%"
+	}
+], Ca = /*#__PURE__*/ l(/* @__PURE__ */ P({
+	__name: "ZoomControl",
+	props: {
+		value: { default: 1 },
+		levels: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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);
+		}
+		return (t, n) => (z(), j("select", {
+			class: L(["docx-zoom-control", [{ "docx-zoom-control--compact": e.compact }, e.className]]),
+			value: s.value,
+			disabled: e.disabled,
+			"aria-label": "Zoom level",
+			onChange: c
+		}, [a.value ? A("", !0) : (z(), j("option", {
+			key: 0,
+			value: s.value
+		}, U(o.value), 9, ba)), (z(!0), j(E, null, V(i.value, (e) => (z(), j("option", {
+			key: e.value,
+			value: String(e.value)
+		}, U(e.label), 9, xa))), 128))], 42, ya));
+	}
+}), [["__scopeId", "data-v-4408d2e8"]]), wa = (e, t, n = {}) => {
+	let { locale: r = "en", ...i } = n;
+	return new Promise((n, a) => {
+		let o = B(null), c = null, l = !1, u = {
+			save: async () => {
+				let e = await (o.value?.save() ?? Promise.resolve(null));
+				return e ? new Blob([e], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" }) : null;
+			},
+			getDocument: () => o.value?.getDocument() ?? null,
+			focus: () => {
+				o.value?.focus();
+			},
+			setZoom: (e) => {
+				o.value?.setZoom(e);
+			},
+			scrollToPosition: (e) => {
+				o.value?.getEditorRef()?.scrollToPosition(e);
+			},
+			scrollToPage: (e) => {
+				o.value?.scrollToPage(e);
+			},
+			destroy: () => {
+				l || (l = !0, a(/* @__PURE__ */ Error("Editor was destroyed before mounting completed."))), c?.unmount(), c = null;
+			}
+		};
+		c = oe({ setup() {
+			return () => F(la, {
+				...i,
+				documentBuffer: e,
+				ref: o,
+				onReady: () => {
+					l || (l = !0, n(u));
+				},
+				onError: (e) => {
+					i.onError?.(e), l || (l = !0, c?.unmount(), c = null, a(e));
+				}
+			});
+		} }), c.use(s, r), c.mount(t);
+	});
+};
+//#endregion
+export { mn as DEFAULT_AI_SUGGESTION_PRESETS, Dn as DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, la as DocxEditor, ee as FolioUIProvider, va as FormattingBar, Ca as ZoomControl, On as acceptAutocompleteSuggestion, kn as acceptAutocompleteWord, Fe as anonymizationDecorationsKey, An as appendAutocompleteToken, Dt as applyFolioAIEditOperations, hn as applySuggestions, jn as autocompleteSuggestionKey, Mn as autocompleteSuggestionPlugin, vn as buildPositionalText, Nn as clearAutocompleteSuggestion, St as clearTemplateSlashMenu, Ct as consumeTemplateSlashQuery, wn as createAICitationDecorationsPlugin, pn as createDocx, fn as createEmptyDocument, kt as createFolioAIEditSnapshot, a as defaultLocale, Wt as deriveBlockId, jt as diffWordSegments, Pn as finishAutocompleteSuggestion, Rn as fromMarkdown, Ie as getAnonymizationMatches, Fn as getAutocompleteSuggestion, Sn as getFolioCaretViewportRect, Gt as getFolioParaIdFromBlockId, Cn as getFolioSelectionViewportRect, at as getTemplateDirectives, wt as getTemplateSlashMenu, Mt as hashFolioAIBlockText, s as i18nPlugin, ye as insertImageFromFile, xe as insertPageBreakInView, X as insertTableInView, we as insertTableOfContentsInView, Jt as isFolioBlockId, Yt as isSequentialFolioBlockId, gn as isSuggestionStale, Nt as normalizeFolioAIBlockText, t as provideLocale, wa as renderAsync, Tt as resetTemplateSlashQuery, _n as resolveSuggestionAnchor, st as scanDirectives, xn as scrollFolioPositionIntoView, Tn as setAICitationsMeta, yn as setAISuggestionsMeta, En as setActiveCitationMeta, Re as setAnonymizationTermsMeta, bn as setFocusedSuggestionMeta, xt as setTemplatePreviewValues, In as shouldTriggerAutocomplete, Ln as startAutocompleteSuggestion, Et as templateSlashMenuKey, zn as toMarkdown, Bn as toMarkdownResult, r as useTranslation, T as useWheelZoom };