@stll/folio-vue 0.8.1 → 0.10.0

package/dist/{ListButtons-DXqMvba3.js → ListButtons-rpVlLZJ8.js}

@@ -1,13 +1,15 @@
-import { D as e, F as t, P as n, j as r, y as i } from "./WatermarkDialog-r4wmldt4.js";
+import { D as e, F as t, N as n, P as r, y as i } from "./SplitCellDialog-DRQuZsA3.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, toRef as D, unref as O, vModelSelect as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
-import { extractSelectionContext as I } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
-import { pixelsToTwips as L, twipsToPixels as R } from "@stll/folio-core/utils/units";
-import { DISPLAY_MODES as z } from "@stll/folio-core/managers/EditorModeManager";
-import { redoDepth as B, undoDepth as V } from "prosemirror-history";
-import { clearFormatting as ee } from "@stll/folio-core/prosemirror/commands/formatting";
-import { getTableContext as H } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { getTableContext as I } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { extractSelectionContext as L } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { createRenderedDomContext as R } from "@stll/folio-core/render-dom/RenderedDomContext";
+import { pixelsToTwips as z, twipsToPixels as B } from "@stll/folio-core/utils/units";
+import { DISPLAY_MODES as V } from "@stll/folio-core/managers/EditorModeManager";
+import { redoDepth as H, undoDepth as ee } from "prosemirror-history";
+import { clearFormatting as U } from "@stll/folio-core/prosemirror/commands/formatting";
+import { resolveSidebarItemPositions as W } from "@stll/folio-core/render-dom/resolveSidebarItemPositions";
 //#region src/components/CommentMarginMarkers.vue?vue&type=script&setup=true&lang.ts
-var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
+var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentMarginMarkers",
 	props: {
 		comments: {},
@@ -19,7 +21,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["marker-click"],
 	setup(e) {
-		let t = e, r = o(() => {
+		let t = e, n = o(() => {
 			if (t.sidebarOpen) return [];
 			let e = t.pagesContainer;
 			if (!e) return [];
@@ -48,26 +50,26 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			zIndex: 30,
 			pointerEvents: "none"
 		}));
-		return (t, o) => r.value.length > 0 ? (b(), l("div", {
+		return (t, o) => n.value.length > 0 ? (b(), l("div", {
 			key: 0,
 			class: "docx-comment-margin-markers",
 			style: _(i.value),
 			onMousedown: o[0] ||= F(() => {}, ["stop"])
-		}, [(b(!0), l(a, null, C(r.value, (r) => (b(), l("button", {
-			key: r.comment.id,
+		}, [(b(!0), l(a, null, C(n.value, (n) => (b(), l("button", {
+			key: n.comment.id,
 			class: "docx-comment-margin-markers__btn",
-			title: r.isResolved ? "Resolved comment" : "Comment",
-			style: _({ top: r.y * e.zoom + "px" }),
-			onClick: (e) => t.$emit("marker-click", r.comment.id)
-		}, [f(n, {
-			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
+			title: n.isResolved ? "Resolved comment" : "Comment",
+			style: _({ top: n.y * e.zoom + "px" }),
+			onClick: (e) => t.$emit("marker-click", n.comment.id)
+		}, [f(r, {
+			name: n.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
 			size: 18
-		}, null, 8, ["name"])], 12, U))), 128))], 36)) : c("", !0);
+		}, null, 8, ["name"])], 12, G))), 128))], 36)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-bea4eef6"]]), W = { class: "doc-name" }, G = ["value"], K = {
+}), [["__scopeId", "data-v-bea4eef6"]]), q = { class: "doc-name" }, J = ["value"], Y = {
 	key: 1,
 	class: "doc-name__text"
-}, q = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "DocumentName",
 	props: {
 		modelValue: {},
@@ -89,16 +91,16 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			let t = e.target;
 			t instanceof HTMLInputElement && (t.value.trim() || r("update:modelValue", "Untitled document.docx"));
 		}
-		return (t, n) => (b(), l("div", W, [e.editable ? (b(), l("input", {
+		return (t, n) => (b(), l("div", q, [e.editable ? (b(), l("input", {
 			key: 0,
 			class: "doc-name__input",
 			value: i.value,
 			placeholder: "Untitled document",
 			onInput: a,
 			onBlur: s
-		}, null, 40, G)) : (b(), l("span", K, E(i.value || "Untitled document"), 1))]));
+		}, null, 40, J)) : (b(), l("span", Y, E(i.value || "Untitled document"), 1))]));
 	}
-}), [["__scopeId", "data-v-ae6cb472"]]), J = ["aria-selected", "onMouseenter"], ne = { class: "docx-table-grid-inline__label" }, Y = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ae6cb472"]]), ne = ["aria-selected", "onMouseenter"], re = { class: "docx-table-grid-inline__label" }, ie = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableGridInline",
 	props: {
 		gridRows: { default: 6 },
@@ -134,15 +136,15 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				i.value = e.r, s.value = e.c;
 			},
 			onClick: F(d, ["prevent"])
-		}, null, 42, J))), 128))], 36), u("div", ne, E(i.value > 0 && s.value > 0 ? `${s.value} × ${i.value}` : "Select size"), 1)]));
+		}, null, 42, ne))), 128))], 36), u("div", re, E(i.value > 0 && s.value > 0 ? `${s.value} × ${i.value}` : "Select size"), 1)]));
 	}
-}), [["__scopeId", "data-v-79c593ca"]]), re = {
+}), [["__scopeId", "data-v-79c593ca"]]), ae = {
 	class: "menu-bar",
 	role: "menubar"
-}, ie = {
+}, oe = {
 	key: 1,
 	class: "menu-bar__break-submenu"
-}, ae = ["onClick"], oe = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, se = ["onClick"], X = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "MenuBar",
 	props: {
 		showFileOpen: {
@@ -160,7 +162,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["action", "insert-table"],
 	setup(e, { emit: t }) {
-		let { Menu: d } = i(), p = e, m = t, { t: h } = r();
+		let { Menu: d } = i(), p = e, m = t, { t: h } = n();
 		function g(e) {
 			return () => m("action", e);
 		}
@@ -238,7 +240,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			label: h("toolbar.reportIssue"),
 			onClick: g("reportIssue")
 		}]);
-		return (t, r) => (b(), l("div", re, [
+		return (t, n) => (b(), l("div", ae, [
 			f(O(d), {
 				label: O(h)("toolbar.file"),
 				items: _.value
@@ -251,22 +253,22 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				label: O(h)("toolbar.insert"),
 				items: y.value
 			}, {
-				submenu: M(({ item: e, closeMenu: t }) => [e.key === "table" ? (b(), s(Y, {
+				submenu: M(({ item: e, closeMenu: t }) => [e.key === "table" ? (b(), s(ie, {
 					key: 0,
 					onInsert: (e, n) => {
 						m("insert-table", e, n), t();
 					}
-				}, null, 8, ["onInsert"])) : e.key === "break" ? (b(), l("div", ie, [(b(!0), l(a, null, C(x.value, (e) => (b(), l("button", {
+				}, null, 8, ["onInsert"])) : e.key === "break" ? (b(), l("div", oe, [(b(!0), l(a, null, C(x.value, (e) => (b(), l("button", {
 					key: e.action,
 					type: "button",
 					class: "menu-bar__break-item",
 					onClick: F(() => {
 						m("action", e.action), t();
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: e.icon,
 					size: 18
-				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, ae))), 128))])) : c("", !0)]),
+				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, se))), 128))])) : c("", !0)]),
 				_: 1
 			}, 8, ["label", "items"]),
 			e.showHelpMenu ? (b(), s(O(d), {
@@ -276,13 +278,13 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, null, 8, ["label", "items"])) : c("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-bd3f3f2c"]]), se = [
+}), [["__scopeId", "data-v-bd3f3f2c"]]), ce = [
 	"disabled",
 	"aria-label",
 	"title",
 	"aria-expanded",
 	"onClick"
-], X = { class: "docx-icon-grid__panel" }, ce = ["title", "onClick"], le = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], le = { class: "docx-icon-grid__panel" }, Z = ["title", "onClick"], ue = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "IconGridDropdown",
 	props: {
 		options: {},
@@ -294,14 +296,14 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let r = t, { Popover: o } = i(), c = S(!1);
+		let n = t, { Popover: o } = i(), c = S(!1);
 		function d(e) {
-			r("select", e), c.value = !1;
+			n("select", e), c.value = !1;
 		}
-		return (t, r) => (b(), s(O(o), {
+		return (t, n) => (b(), s(O(o), {
 			open: c.value,
-			"onUpdate:open": r[0] ||= (e) => c.value = e,
-			onClose: r[1] ||= (e) => c.value = !1
+			"onUpdate:open": n[0] ||= (e) => c.value = e,
+			onClose: n[1] ||= (e) => c.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -312,27 +314,27 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				"aria-expanded": c.value,
 				"aria-haspopup": "true",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: e.triggerIcon,
 				size: 20
-			}, null, 8, ["name"]), f(n, {
+			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, se)]),
-			panel: M(() => [u("div", X, [(b(!0), l(a, null, C(e.options, (t) => (b(), l("button", {
+			})], 10, ce)]),
+			panel: M(() => [u("div", le, [(b(!0), l(a, null, C(e.options, (t) => (b(), l("button", {
 				key: t.value,
 				type: "button",
 				class: g(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === t.value }]),
 				title: t.label,
 				onClick: F((e) => d(t.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: t.iconName,
 				size: 18
-			}, null, 8, ["name"])], 10, ce))), 128))])]),
+			}, null, 8, ["name"])], 10, Z))), 128))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-72fa875c"]]), ue = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-72fa875c"]]), de = /* @__PURE__ */ p({
 	__name: "ImageWrapDropdown",
 	props: {
 		imageContext: {},
@@ -340,7 +342,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e) {
-		let t = e, { t: n } = r(), i = [
+		let t = e, { t: r } = n(), i = [
 			{
 				value: "inline",
 				labelKey: "imageWrap.inline",
@@ -373,19 +375,19 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}
 		], a = o(() => i.map((e) => ({
 			value: e.value,
-			label: n(e.labelKey),
+			label: r(e.labelKey),
 			iconName: e.iconName
 		}))), c = o(() => {
 			let e = t.imageContext;
 			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
 		}), l = o(() => a.value.find((e) => e.value === c.value) ?? a.value.at(0)), u = o(() => l.value?.iconName ?? "format_image_left"), d = o(() => l.value?.label ?? "");
-		return (t, r) => (b(), s(le, {
+		return (t, n) => (b(), s(ue, {
 			options: a.value,
 			"active-value": c.value,
 			"trigger-icon": u.value,
-			"tooltip-content": O(n)("imageWrap.tooltipPrefix", { label: d.value }),
+			"tooltip-content": O(r)("imageWrap.tooltipPrefix", { label: d.value }),
 			disabled: e.disabled,
-			onSelect: r[0] ||= (e) => t.$emit("change", e)
+			onSelect: n[0] ||= (e) => t.$emit("change", e)
 		}, null, 8, [
 			"options",
 			"active-value",
@@ -394,12 +396,12 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), de = /* @__PURE__ */ p({
+}), fe = /* @__PURE__ */ p({
 	__name: "ImageTransformDropdown",
 	props: { disabled: { type: Boolean } },
 	emits: ["transform"],
 	setup(e) {
-		let { t } = r(), n = [
+		let { t } = n(), r = [
 			{
 				value: "rotateCW",
 				labelKey: "imageTransform.rotateClockwise",
@@ -420,12 +422,12 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				labelKey: "imageTransform.flipVertical",
 				iconName: "swap_vert"
 			}
-		], i = o(() => n.map((e) => ({
+		], i = o(() => r.map((e) => ({
 			value: e.value,
 			label: t(e.labelKey),
 			iconName: e.iconName
 		})));
-		return (n, r) => (b(), s(le, {
+		return (n, r) => (b(), s(ue, {
 			options: i.value,
 			"trigger-icon": "rotate_right",
 			"tooltip-content": O(t)("imageTransform.tooltip"),
@@ -437,15 +439,15 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), Z = ["title", "onClick"], fe = {
+}), pe = ["title", "onClick"], me = {
 	key: 0,
 	class: "editing-mode__label"
-}, pe = { class: "editing-mode__panel" }, me = ["onClick"], he = { class: "editing-mode__option-text" }, ge = { class: "editing-mode__option-label" }, _e = { class: "editing-mode__option-desc" }, ve = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, he = { class: "editing-mode__panel" }, ge = ["onClick"], _e = { class: "editing-mode__option-text" }, ve = { class: "editing-mode__option-label" }, ye = { class: "editing-mode__option-desc" }, be = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "EditingModeDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = {
+		let { t: d } = n(), { Popover: p } = i(), m = e, h = t, _ = {
 			value: "editing",
 			labelKey: "editor.editing",
 			icon: "edit_note",
@@ -474,11 +476,11 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		}
 		return y(() => {
 			A = window.matchMedia("(max-width: 1400px)"), T.value = A.matches, A.addEventListener("change", j);
-		}), v(() => A?.removeEventListener("change", j)), (t, r) => (b(), s(O(p), {
+		}), v(() => A?.removeEventListener("change", j)), (t, n) => (b(), s(O(p), {
 			open: w.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[0] ||= (e) => w.value = e,
-			onClose: r[1] ||= (e) => w.value = !1
+			"onUpdate:open": n[0] ||= (e) => w.value = e,
+			onClose: n[1] ||= (e) => w.value = !1
 		}, {
 			trigger: M(({ toggle: e }) => [u("button", {
 				type: "button",
@@ -489,43 +491,43 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				title: `${O(d)(D.value.labelKey)} (Ctrl+Shift+E)`,
 				onClick: F(e, ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: D.value.icon,
 					size: 18
 				}, null, 8, ["name"]),
-				T.value ? c("", !0) : (b(), l("span", fe, E(O(d)(D.value.labelKey)), 1)),
-				f(n, {
+				T.value ? c("", !0) : (b(), l("span", me, E(O(d)(D.value.labelKey)), 1)),
+				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
-			], 10, Z)]),
-			panel: M(() => [u("div", pe, [(b(), l(a, null, C(x, (t) => u("button", {
+			], 10, pe)]),
+			panel: M(() => [u("div", he, [(b(), l(a, null, C(x, (t) => u("button", {
 				key: t.value,
 				type: "button",
 				class: "editing-mode__option",
 				onClick: F((e) => k(t.value), ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: t.icon,
 					size: 20
 				}, null, 8, ["name"]),
-				u("span", he, [u("span", ge, E(O(d)(t.labelKey)), 1), u("span", _e, E(O(d)(t.descKey)), 1)]),
-				t.value === e.modelValue ? (b(), s(n, {
+				u("span", _e, [u("span", ve, E(O(d)(t.labelKey)), 1), u("span", ye, E(O(d)(t.descKey)), 1)]),
+				t.value === e.modelValue ? (b(), s(r, {
 					key: 0,
 					name: "check",
 					size: 18,
 					class: "editing-mode__check"
 				})) : c("", !0)
-			], 8, me)), 64))])]),
+			], 8, ge)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-333d7e96"]]), ye = { class: "review-controls" }, be = [
+}), [["__scopeId", "data-v-333d7e96"]]), xe = { class: "review-controls" }, Se = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"title"
-], xe = { class: "review-controls__toggle-label" }, Se = ["title", "onClick"], Ce = { class: "review-controls__display-label" }, we = ["onClick"], Te = { class: "review-controls__option-label" }, Ee = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], Ce = { class: "review-controls__toggle-label" }, we = ["title", "onClick"], Te = { class: "review-controls__display-label" }, Ee = ["onClick"], De = { class: "review-controls__option-label" }, Oe = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReviewControls",
 	props: {
 		trackChangesOn: { type: Boolean },
@@ -537,7 +539,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["toggle-track-changes", "update:display-mode"],
 	setup(e, { emit: t }) {
-		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
+		let { t: d } = n(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
 			"all-markup": "markupView.allMarkup",
 			"simple-markup": "markupView.simple",
 			"no-markup": "markupView.noMarkup",
@@ -550,78 +552,78 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		function w(e) {
 			h("update:display-mode", e), _.value = !1;
 		}
-		return (t, r) => (b(), l("div", ye, [u("button", {
+		return (t, n) => (b(), l("div", xe, [u("button", {
 			type: "button",
 			class: g(["review-controls__toggle", { "review-controls__toggle--on": e.trackChangesOn }]),
 			disabled: e.readOnly,
 			"aria-pressed": e.trackChangesOn,
 			"aria-label": O(d)("toggleTrackChanges"),
 			title: O(d)("toggleTrackChanges"),
-			onMousedown: r[0] ||= F(() => {}, ["prevent"]),
-			onClick: r[1] ||= F((e) => t.$emit("toggle-track-changes"), ["prevent"])
-		}, [f(n, {
+			onMousedown: n[0] ||= F(() => {}, ["prevent"]),
+			onClick: n[1] ||= F((e) => t.$emit("toggle-track-changes"), ["prevent"])
+		}, [f(r, {
 			name: "edit_note",
 			size: 18
-		}), u("span", xe, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, be), f(O(p), {
+		}), u("span", Ce, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, Se), f(O(p), {
 			open: _.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[4] ||= (e) => _.value = e,
-			onClose: r[5] ||= (e) => _.value = !1
+			"onUpdate:open": n[4] ||= (e) => _.value = e,
+			onClose: n[5] ||= (e) => _.value = !1
 		}, {
 			trigger: M(({ toggle: e }) => [u("button", {
 				type: "button",
 				class: g(["review-controls__display", { "review-controls__display--open": _.value }]),
 				title: x.value,
-				onMousedown: r[2] ||= F(() => {}, ["prevent"]),
+				onMousedown: n[2] ||= F(() => {}, ["prevent"]),
 				onClick: F(e, ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: "visibility",
 					size: 16
 				}),
-				u("span", Ce, E(x.value), 1),
-				f(n, {
+				u("span", Te, E(x.value), 1),
+				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
-			], 42, Se)]),
+			], 42, we)]),
 			panel: M(() => [u("div", {
 				class: "review-controls__panel",
-				onMousedown: r[3] ||= F(() => {}, ["prevent"])
-			}, [(b(!0), l(a, null, C(O(z), (t) => (b(), l("button", {
+				onMousedown: n[3] ||= F(() => {}, ["prevent"])
+			}, [(b(!0), l(a, null, C(O(V), (t) => (b(), l("button", {
 				key: t,
 				type: "button",
 				class: "review-controls__option",
 				onClick: F((e) => w(t), ["prevent"])
-			}, [u("span", Te, E(y(t)), 1), t === e.displayMode ? (b(), s(n, {
+			}, [u("span", De, E(y(t)), 1), t === e.displayMode ? (b(), s(r, {
 				key: 0,
 				name: "check",
 				size: 18,
 				class: "review-controls__check"
-			})) : c("", !0)], 8, we))), 128))], 32)]),
+			})) : c("", !0)], 8, Ee))), 128))], 32)]),
 			_: 1
 		}, 8, ["open"])]));
 	}
 }), [["__scopeId", "data-v-e54a1ec7"]]);
 //#endregion
 //#region src/utils/fontOptions.ts
-function De(e) {
+function ke(e) {
 	if (e === void 0) return;
 	let t = e.map((e) => typeof e == "string" ? {
 		name: e,
 		fontFamily: e,
 		category: "other"
 	} : e);
-	if (Oe()) {
+	if (Ae()) {
 		let e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
 		for (let r of t) n.has(r.name) && !e.has(r.name) && (console.warn(`[DocxEditor] Duplicate font name in fontFamilies: "${r.name}"`), e.add(r.name)), n.add(r.name);
 	}
 	return t;
 }
-function Oe() {
+function Ae() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function ke(e, t) {
+function je(e, t) {
 	if (!e || e.length === 0) return [];
 	let n = /* @__PURE__ */ new Set();
 	for (let e of t) n.add(e.trim().toLowerCase());
@@ -634,7 +636,7 @@ function ke(e, t) {
 }
 //#endregion
 //#region src/components/Toolbar/presets.ts
-var Ae = [
+var Me = [
 	{
 		name: "Arial",
 		fontFamily: "Arial",
@@ -695,7 +697,7 @@ var Ae = [
 		fontFamily: "Consolas",
 		category: "monospace"
 	}
-], je = [
+], Ne = [
 	8,
 	9,
 	10,
@@ -710,7 +712,7 @@ var Ae = [
 	36,
 	48,
 	72
-], Me = [
+], Pe = [
 	{
 		id: "Normal",
 		label: "Normal",
@@ -741,7 +743,7 @@ var Ae = [
 		label: "Heading 3",
 		nameKey: "styles.heading3"
 	}
-], Ne = [
+], Fe = [
 	{
 		label: "Single",
 		labelKey: "lineSpacing.single",
@@ -760,7 +762,7 @@ var Ae = [
 		labelKey: "lineSpacing.double",
 		value: 480
 	}
-], Pe = [
+], Ie = [
 	.5,
 	.75,
 	1,
@@ -770,7 +772,7 @@ var Ae = [
 ];
 //#endregion
 //#region src/composables/useToolbarDropdowns.ts
-function Fe(e) {
+function Le(e) {
 	let t = S(null), n = S({
 		top: 0,
 		left: 0
@@ -822,7 +824,7 @@ function Fe(e) {
 }
 //#endregion
 //#region src/composables/useToolbarFontSize.ts
-function Ie(e) {
+function Re(e) {
 	let t = S(!1), n = (t) => e.execCommand("setFontSize", t * 2);
 	function r() {
 		t.value = !1, e.openDropdown.value = "size", e.recomputeDropdownPos("size");
@@ -842,11 +844,11 @@ function Ie(e) {
 	}
 	function s() {
 		let t = e.currentFontSize.value;
-		n(je.find((e) => e > t) || t + 1);
+		n(Ne.find((e) => e > t) || t + 1);
 	}
 	function c() {
 		let t = e.currentFontSize.value;
-		n([...je].reverse().find((e) => e < t) || Math.max(1, t - 1));
+		n([...Ne].reverse().find((e) => e < t) || Math.max(1, t - 1));
 	}
 	return {
 		onSizeFocus: r,
@@ -859,7 +861,7 @@ function Ie(e) {
 }
 //#endregion
 //#region src/utils/stylePreview.ts
-var Le = {
+var ze = {
 	Title: 26,
 	Subtitle: 18,
 	Heading1: 24,
@@ -869,22 +871,22 @@ var Le = {
 	Heading5: 13,
 	Heading6: 13,
 	Normal: 14
-}, Re = /* @__PURE__ */ new Set([
+}, Be = /* @__PURE__ */ new Set([
 	"Title",
 	"Heading1",
 	"Heading2",
 	"Heading3"
-]), ze = { Subtitle: "666666" }, Be = "#4a6c8c";
-function Ve(e) {
-	let t = Le[e.styleId], n = {
+]), Ve = { Subtitle: "666666" }, He = "#4a6c8c";
+function Ue(e) {
+	let t = ze[e.styleId], n = {
 		fontSize: t ? `${t}px` : `${Math.min(Math.max(e.fontSize ? e.fontSize / 2 : 11, 11), 20)}px`,
 		lineHeight: "1.3"
 	};
-	(e.bold ?? Re.has(e.styleId)) && (n.fontWeight = "bold"), e.italic && (n.fontStyle = "italic");
-	let r = e.color ?? ze[e.styleId];
-	return r ? n.color = `#${r}` : e.styleId.startsWith("Heading") && (n.color = Be), n;
+	(e.bold ?? Be.has(e.styleId)) && (n.fontWeight = "bold"), e.italic && (n.fontStyle = "italic");
+	let r = e.color ?? Ve[e.styleId];
+	return r ? n.color = `#${r}` : e.styleId.startsWith("Heading") && (n.color = He), n;
 }
-function He(e) {
+function We(e) {
 	return !e || e.length === 0 ? [] : e.filter((e) => e.type === "paragraph").filter((e) => e.qFormat ? !0 : !(e.hidden || e.semiHidden)).map((e) => ({
 		styleId: e.styleId,
 		name: e.name || e.styleId,
@@ -897,20 +899,20 @@ function He(e) {
 }
 //#endregion
 //#region src/composables/useParagraphStyleOptions.ts
-function Ue(e) {
+function Ge(e) {
 	let t = o(() => {
-		let t = He(e.documentStyles());
+		let t = We(e.documentStyles());
 		return t.length > 0 ? t.map((t) => {
-			let n = Me.find((e) => e.id === t.styleId);
+			let n = Pe.find((e) => e.id === t.styleId);
 			return {
 				id: t.styleId,
 				label: n ? e.t(n.nameKey) : t.name,
-				previewStyle: Ve(t)
+				previewStyle: Ue(t)
 			};
-		}) : Me.map((t) => ({
+		}) : Pe.map((t) => ({
 			id: t.id,
 			label: e.t(t.nameKey),
-			previewStyle: Ve({ styleId: t.id })
+			previewStyle: Ue({ styleId: t.id })
 		}));
 	});
 	return {
@@ -923,29 +925,29 @@ function Ue(e) {
 }
 //#endregion
 //#region src/components/Toolbar.vue?vue&type=script&setup=true&lang.ts
-var We = {
+var Ke = {
 	key: 0,
 	class: "basic-toolbar"
-}, Ge = [
+}, qe = [
 	"title",
 	"aria-label",
 	"disabled"
-], Ke = [
+], Je = [
 	"title",
 	"aria-label",
 	"disabled"
-], qe = ["disabled", "title"], Je = ["aria-expanded", "title"], Ye = ["disabled", "title"], Xe = ["onMousedown"], Ze = ["aria-expanded", "title"], Qe = ["onMousedown"], $e = ["aria-expanded", "title"], et = {
+], Ye = ["disabled", "title"], Xe = ["aria-expanded", "title"], Ze = ["disabled", "title"], Qe = ["onMousedown"], $e = ["aria-expanded", "title"], et = ["onMousedown"], tt = ["aria-expanded", "title"], nt = {
 	key: 0,
 	class: "toolbar-dropdown__group-label"
-}, tt = ["onMousedown"], nt = ["title"], rt = [
+}, rt = ["onMousedown"], it = ["title"], at = [
 	"value",
 	"title",
 	"aria-expanded"
-], it = ["title"], at = ["onMousedown"], ot = ["title", "aria-label"], st = ["title", "aria-label"], ct = ["title", "aria-label"], lt = ["title", "aria-label"], ut = ["title", "aria-label"], dt = ["title", "aria-label"], ft = ["title", "aria-label"], pt = ["aria-expanded", "title"], mt = ["title"], ht = ["title"], gt = ["title"], _t = ["title"], vt = ["title", "aria-label"], yt = ["title", "aria-label"], bt = [
+], ot = ["title"], st = ["onMousedown"], ct = ["title", "aria-label"], lt = ["title", "aria-label"], ut = ["title", "aria-label"], dt = ["title", "aria-label"], ft = ["title", "aria-label"], pt = ["title", "aria-label"], mt = ["title", "aria-label"], ht = ["aria-expanded", "title"], gt = ["title"], _t = ["title"], vt = ["title"], yt = ["title"], bt = ["title", "aria-label"], xt = ["title", "aria-label"], St = [
 	"title",
 	"aria-label",
 	"disabled"
-], xt = ["title", "aria-label"], St = ["aria-expanded", "title"], Ct = ["onMousedown"], wt = ["title", "aria-label"], Tt = ["title", "aria-label"], Et = ["title", "aria-label"], Dt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], Ct = ["title", "aria-label"], wt = ["aria-expanded", "title"], Tt = ["onMousedown"], Et = ["title", "aria-label"], Dt = ["title", "aria-label"], Ot = ["title", "aria-label"], kt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "Toolbar",
 	props: {
 		view: { default: null },
@@ -1003,17 +1005,17 @@ var We = {
 		"image-transform"
 	],
 	setup(e, { emit: t }) {
-		let { ColorPicker: p } = i(), m = e, { t: h } = r(), v = t, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Pe), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), L = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: H, toggleDropdown: U, recomputeDropdownPos: te } = Fe({
+		let { ColorPicker: p } = i(), m = e, { t: h } = n(), v = t, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Ie), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), I = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: B, toggleDropdown: V, recomputeDropdownPos: W } = Le({
 			zoom: R,
 			style: A,
 			font: j,
 			size: M,
 			align: N,
-			spacing: L
-		}), W = o(() => {
+			spacing: I
+		}), G = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? I(e.state) : {
+			return e ? L(e.state) : {
 				hasSelection: !1,
 				isMultiParagraph: !1,
 				textFormatting: {},
@@ -1025,41 +1027,41 @@ var We = {
 				inInsertion: !1,
 				inDeletion: !1
 			};
-		}), G = o(() => {
-			let e = W.value.textFormatting.fontFamily;
-			return e?.ascii || e?.hAnsi || "Arial";
 		}), K = o(() => {
-			let e = W.value.textFormatting.fontSize;
+			let e = G.value.textFormatting.fontFamily;
+			return e?.ascii || e?.hAnsi || "Arial";
+		}), q = o(() => {
+			let e = G.value.textFormatting.fontSize;
 			return e ? e / 2 : 11;
-		}), q = o(() => W.value.paragraphFormatting.alignment || "left"), J = o(() => {
-			switch (q.value) {
+		}), J = o(() => G.value.paragraphFormatting.alignment || "left"), Y = o(() => {
+			switch (J.value) {
 				case "center": return "format_align_center";
 				case "right": return "format_align_right";
 				case "both": return "format_align_justify";
 				default: return "format_align_left";
 			}
-		}), { resolvedParagraphStyles: ne, currentStyleLabel: Y } = Ue({
+		}), { resolvedParagraphStyles: te, currentStyleLabel: ne } = Ge({
 			documentStyles: () => m.documentStyles,
-			currentStyleId: () => W.value.paragraphFormatting.styleId || "Normal",
+			currentStyleId: () => G.value.paragraphFormatting.styleId || "Normal",
 			t: h
 		}), re = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? V(e.state) > 0 : !1;
+			return e ? ee(e.state) > 0 : !1;
 		}), ie = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? B(e.state) > 0 : !1;
+			return e ? H(e.state) > 0 : !1;
 		}), ae = o(() => {
-			let e = W.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
+			let e = G.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
 			return t || n;
 		}), oe = o(() => {
-			let e = W.value.textFormatting.color?.rgb;
+			let e = G.value.textFormatting.color?.rgb;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
 		}), se = o(() => {
-			let e = W.value.textFormatting.highlight;
+			let e = G.value.textFormatting.highlight;
 			if (!(!e || e === "none")) return e.replace(/^#/, "").toUpperCase();
-		}), X = o(() => De(m.fontFamilies) ?? Ae), ce = o(() => ke(m.documentFonts, X.value.map((e) => e.name))), le = o(() => [
+		}), X = o(() => ke(m.fontFamilies) ?? Me), ce = o(() => je(m.documentFonts, X.value.map((e) => e.name))), le = o(() => [
 			{
 				label: h("font.documentFonts"),
 				fonts: ce.value
@@ -1091,16 +1093,16 @@ var We = {
 			}
 			r(...t)(n.state, (e) => n.dispatch(e), n), n.hasFocus() || n.focus(), z.value = null;
 		}
-		function fe(e) {
+		function ue(e) {
 			Z("setFontFamily", e);
 		}
-		let { onSizeFocus: pe, onSizeInput: me, commitFontSize: he, pickFontSize: ge, increaseFontSize: _e, decreaseFontSize: ye } = Ie({
-			currentFontSize: K,
+		let { onSizeFocus: pe, onSizeInput: me, commitFontSize: he, pickFontSize: ge, increaseFontSize: _e, decreaseFontSize: ve } = Re({
+			currentFontSize: q,
 			openDropdown: z,
-			recomputeDropdownPos: te,
+			recomputeDropdownPos: W,
 			execCommand: Z
 		});
-		function be(e) {
+		function ye(e) {
 			if (typeof e == "object" && e.auto) {
 				Z("clearTextColor");
 				return;
@@ -1109,7 +1111,7 @@ var We = {
 		}
 		function xe() {
 			let e = m.view;
-			e && (ee(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+			e && (U(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
 		}
 		function Se(e) {
 			Z("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
@@ -1121,23 +1123,23 @@ var We = {
 			Z("setLineSpacing", e);
 		}
 		function Te(e) {
-			let t = W.value.paragraphFormatting.lineSpacing;
+			let t = G.value.paragraphFormatting.lineSpacing;
 			return t ? Math.abs(t - e) < 10 : e === 240;
 		}
-		return (t, r) => e.view ? (b(), l("div", We, [
+		return (t, n) => e.view ? (b(), l("div", Ke, [
 			u("button", {
 				title: O(h)("undoShortcut"),
 				"aria-label": O(h)("undo"),
 				disabled: !re.value,
-				onMousedown: r[0] ||= F((e) => Z("undo"), ["prevent"])
-			}, [f(n, { name: "undo" })], 40, Ge),
+				onMousedown: n[0] ||= F((e) => Z("undo"), ["prevent"])
+			}, [f(r, { name: "undo" })], 40, qe),
 			u("button", {
 				title: O(h)("redoShortcut"),
 				"aria-label": O(h)("redo"),
 				disabled: !ie.value,
-				onMousedown: r[1] ||= F((e) => Z("redo"), ["prevent"])
-			}, [f(n, { name: "redo" })], 40, Ke),
-			r[42] ||= u("span", { class: "divider" }, null, -1),
+				onMousedown: n[1] ||= F((e) => Z("redo"), ["prevent"])
+			}, [f(r, { name: "redo" })], 40, Je),
+			n[42] ||= u("span", { class: "divider" }, null, -1),
 			k.value ? (b(), l("div", {
 				key: 0,
 				class: "toolbar-dropdown zoom-group",
@@ -1146,86 +1148,86 @@ var We = {
 			}, [
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
+					onMousedown: n[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
 					disabled: x.value,
 					title: O(h)("zoom.zoomOut")
-				}, " − ", 40, qe),
+				}, " − ", 40, Ye),
 				u("button", {
 					class: "toolbar-dropdown__trigger zoom-trigger",
-					onMousedown: r[3] ||= F((e) => O(U)("zoom"), ["prevent"]),
+					onMousedown: n[3] ||= F((e) => O(V)("zoom"), ["prevent"]),
 					"aria-expanded": O(z) === "zoom",
 					"aria-haspopup": "listbox",
 					title: O(h)("zoom.zoomLevel")
-				}, [d(E(y.value) + "% ", 1), f(n, {
+				}, [d(E(y.value) + "% ", 1), f(r, {
 					class: "chevron",
 					name: "arrow_drop_down",
 					size: 16
-				})], 40, Je),
+				})], 40, Xe),
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
+					onMousedown: n[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
 					disabled: T.value,
 					title: O(h)("zoom.zoomIn")
-				}, " + ", 40, Ye),
+				}, " + ", 40, Ze),
 				O(z) === "zoom" ? (b(), l("div", {
 					key: 0,
-					style: _(O(H)),
+					style: _(O(B)),
 					class: "toolbar-dropdown__menu zoom-menu"
 				}, [(b(!0), l(a, null, C(D.value, (e) => (b(), l("button", {
 					key: e,
 					class: g(["toolbar-dropdown__item", { active: y.value === Math.round(e * 100) }]),
 					onMousedown: F((n) => t.$emit("zoom-set", e), ["prevent"])
-				}, E(Math.round(e * 100)) + "% ", 43, Xe))), 128))], 4)) : c("", !0)
+				}, E(Math.round(e * 100)) + "% ", 43, Qe))), 128))], 4)) : c("", !0)
 			], 512)) : c("", !0),
-			r[43] ||= u("span", { class: "divider" }, null, -1),
+			n[43] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "styleDropdownRef",
 				ref: A
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger style-trigger",
-				onMousedown: r[5] ||= F((e) => O(U)("style"), ["prevent"]),
+				onMousedown: n[5] ||= F((e) => O(V)("style"), ["prevent"]),
 				"aria-expanded": O(z) === "style",
 				"aria-haspopup": "listbox",
 				title: O(h)("styles.selectAriaLabel")
-			}, [d(E(O(Y)) + " ", 1), f(n, {
+			}, [d(E(O(ne)) + " ", 1), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, Ze), O(z) === "style" ? (b(), l("div", {
+			})], 40, $e), O(z) === "style" ? (b(), l("div", {
 				key: 0,
-				style: _(O(H)),
+				style: _(O(B)),
 				class: "toolbar-dropdown__menu style-menu"
-			}, [(b(!0), l(a, null, C(O(ne), (e) => (b(), l("button", {
+			}, [(b(!0), l(a, null, C(O(te), (e) => (b(), l("button", {
 				key: e.id,
-				class: g(["toolbar-dropdown__item", { active: (W.value.paragraphFormatting.styleId || "Normal") === e.id }]),
+				class: g(["toolbar-dropdown__item", { active: (G.value.paragraphFormatting.styleId || "Normal") === e.id }]),
 				onMousedown: F((t) => Ce(e.id), ["prevent"])
-			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, Qe))), 128))], 4)) : c("", !0)], 512),
-			r[44] ||= u("span", { class: "divider" }, null, -1),
+			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, et))), 128))], 4)) : c("", !0)], 512),
+			n[44] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "fontDropdownRef",
 				ref: j
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger font-trigger",
-				onMousedown: r[6] ||= F((e) => O(U)("font"), ["prevent"]),
+				onMousedown: n[6] ||= F((e) => O(V)("font"), ["prevent"]),
 				"aria-expanded": O(z) === "font",
 				"aria-haspopup": "listbox",
 				title: O(h)("font.selectAriaLabel")
-			}, [d(E(G.value) + " ", 1), f(n, {
+			}, [d(E(K.value) + " ", 1), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, $e), O(z) === "font" ? (b(), l("div", {
+			})], 40, tt), O(z) === "font" ? (b(), l("div", {
 				key: 0,
-				style: _(O(H)),
+				style: _(O(B)),
 				class: "toolbar-dropdown__menu font-menu"
-			}, [(b(!0), l(a, null, C(le.value, (e) => (b(), l(a, { key: e.label }, [e.fonts.length > 0 ? (b(), l("div", et, E(e.label), 1)) : c("", !0), (b(!0), l(a, null, C(e.fonts, (e) => (b(), l("button", {
+			}, [(b(!0), l(a, null, C(le.value, (e) => (b(), l(a, { key: e.label }, [e.fonts.length > 0 ? (b(), l("div", nt, E(e.label), 1)) : c("", !0), (b(!0), l(a, null, C(e.fonts, (e) => (b(), l("button", {
 				key: e.name,
-				class: g(["toolbar-dropdown__item", { active: G.value === e.name }]),
+				class: g(["toolbar-dropdown__item", { active: K.value === e.name }]),
 				style: _({ fontFamily: e.fontFamily }),
-				onMousedown: F((t) => fe(e.name), ["prevent"])
-			}, E(e.name), 47, tt))), 128))], 64))), 128))], 4)) : c("", !0)], 512),
+				onMousedown: F((t) => ue(e.name), ["prevent"])
+			}, E(e.name), 47, rt))), 128))], 64))), 128))], 4)) : c("", !0)], 512),
 			u("div", {
 				class: "toolbar-dropdown font-size-group",
 				ref_key: "sizeDropdownRef",
@@ -1233,71 +1235,71 @@ var We = {
 			}, [
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[7] ||= F((...e) => O(ye) && O(ye)(...e), ["prevent"]),
+					onMousedown: n[7] ||= F((...e) => O(ve) && O(ve)(...e), ["prevent"]),
 					title: O(h)("decreaseFontSize")
-				}, " − ", 40, nt),
+				}, " − ", 40, it),
 				u("input", {
 					class: "size-trigger size-input",
 					type: "text",
-					value: K.value,
+					value: q.value,
 					title: O(h)("fontSize"),
-					onMousedown: r[8] ||= F(() => {}, ["stop"]),
-					onFocus: r[9] ||= (...e) => O(pe) && O(pe)(...e),
+					onMousedown: n[8] ||= F(() => {}, ["stop"]),
+					onFocus: n[9] ||= (...e) => O(pe) && O(pe)(...e),
 					"aria-expanded": O(z) === "size",
 					"aria-haspopup": "listbox",
-					onInput: r[10] ||= (...e) => O(me) && O(me)(...e),
+					onInput: n[10] ||= (...e) => O(me) && O(me)(...e),
 					onKeydown: [
-						r[11] ||= P(F((e) => O(_e)(), ["prevent", "stop"]), ["up"]),
-						r[12] ||= P(F((e) => O(ye)(), ["prevent", "stop"]), ["down"]),
-						r[13] ||= P(F((e) => O(he)(e), ["prevent"]), ["enter"])
+						n[11] ||= P(F((e) => O(_e)(), ["prevent", "stop"]), ["up"]),
+						n[12] ||= P(F((e) => O(ve)(), ["prevent", "stop"]), ["down"]),
+						n[13] ||= P(F((e) => O(he)(e), ["prevent"]), ["enter"])
 					],
-					onBlur: r[14] ||= (e) => O(he)(e)
-				}, null, 40, rt),
+					onBlur: n[14] ||= (e) => O(he)(e)
+				}, null, 40, at),
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
+					onMousedown: n[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
 					title: O(h)("increaseFontSize")
-				}, " + ", 40, it),
+				}, " + ", 40, ot),
 				O(z) === "size" ? (b(), l("div", {
 					key: 0,
-					style: _(O(H)),
+					style: _(O(B)),
 					class: "toolbar-dropdown__menu size-menu"
-				}, [(b(!0), l(a, null, C(O(je), (e) => (b(), l("button", {
+				}, [(b(!0), l(a, null, C(O(Ne), (e) => (b(), l("button", {
 					key: e,
-					class: g(["toolbar-dropdown__item", { active: K.value === e }]),
+					class: g(["toolbar-dropdown__item", { active: q.value === e }]),
 					onMousedown: F((t) => O(ge)(e), ["prevent"])
-				}, E(e), 43, at))), 128))], 4)) : c("", !0)
+				}, E(e), 43, st))), 128))], 4)) : c("", !0)
 			], 512),
-			r[45] ||= u("span", { class: "divider" }, null, -1),
+			n[45] ||= u("span", { class: "divider" }, null, -1),
 			u("button", {
 				title: O(h)("boldShortcut"),
 				"aria-label": O(h)("bold"),
-				class: g({ active: W.value.textFormatting.bold }),
-				onMousedown: r[16] ||= F((e) => Z("toggleBold"), ["prevent"])
-			}, [f(n, { name: "format_bold" })], 42, ot),
+				class: g({ active: G.value.textFormatting.bold }),
+				onMousedown: n[16] ||= F((e) => Z("toggleBold"), ["prevent"])
+			}, [f(r, { name: "format_bold" })], 42, ct),
 			u("button", {
 				title: O(h)("italicShortcut"),
 				"aria-label": O(h)("italic"),
-				class: g({ active: W.value.textFormatting.italic }),
-				onMousedown: r[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
-			}, [f(n, { name: "format_italic" })], 42, st),
+				class: g({ active: G.value.textFormatting.italic }),
+				onMousedown: n[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
+			}, [f(r, { name: "format_italic" })], 42, lt),
 			u("button", {
 				title: O(h)("underlineShortcut"),
 				"aria-label": O(h)("underline"),
-				class: g({ active: !!W.value.textFormatting.underline }),
-				onMousedown: r[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
-			}, [f(n, { name: "format_underlined" })], 42, ct),
+				class: g({ active: !!G.value.textFormatting.underline }),
+				onMousedown: n[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
+			}, [f(r, { name: "format_underlined" })], 42, ut),
 			u("button", {
 				title: O(h)("formattingBar.strikethrough"),
 				"aria-label": O(h)("formattingBar.strikethrough"),
-				class: g({ active: W.value.textFormatting.strike }),
-				onMousedown: r[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
-			}, [f(n, { name: "strikethrough_s" })], 42, lt),
+				class: g({ active: G.value.textFormatting.strike }),
+				onMousedown: n[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
+			}, [f(r, { name: "strikethrough_s" })], 42, dt),
 			f(O(p), {
 				mode: "text",
 				value: oe.value,
 				theme: e.theme ?? null,
-				onChange: be
+				onChange: ye
 			}, null, 8, ["value", "theme"]),
 			f(O(p), {
 				mode: "highlight",
@@ -1308,174 +1310,174 @@ var We = {
 			u("button", {
 				title: O(h)("formattingBar.insertLinkShortcut"),
 				"aria-label": O(h)("formattingBar.insertLink"),
-				onMousedown: r[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
-			}, [f(n, { name: "link" })], 40, ut),
+				onMousedown: n[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
+			}, [f(r, { name: "link" })], 40, ft),
 			u("button", {
 				title: O(h)("formattingBar.superscriptShortcut"),
 				"aria-label": O(h)("formattingBar.superscript"),
-				class: g({ active: W.value.textFormatting.vertAlign === "superscript" }),
-				onMousedown: r[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
-			}, [f(n, { name: "superscript" })], 42, dt),
+				class: g({ active: G.value.textFormatting.vertAlign === "superscript" }),
+				onMousedown: n[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
+			}, [f(r, { name: "superscript" })], 42, pt),
 			u("button", {
 				title: O(h)("formattingBar.subscriptShortcut"),
 				"aria-label": O(h)("formattingBar.subscript"),
-				class: g({ active: W.value.textFormatting.vertAlign === "subscript" }),
-				onMousedown: r[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
-			}, [f(n, { name: "subscript" })], 42, ft),
-			r[46] ||= u("span", { class: "divider" }, null, -1),
+				class: g({ active: G.value.textFormatting.vertAlign === "subscript" }),
+				onMousedown: n[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
+			}, [f(r, { name: "subscript" })], 42, mt),
+			n[46] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "alignDropdownRef",
 				ref: N
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger align-trigger",
-				onMousedown: r[23] ||= F((e) => O(U)("align"), ["prevent"]),
+				onMousedown: n[23] ||= F((e) => O(V)("align"), ["prevent"]),
 				"aria-expanded": O(z) === "align",
 				"aria-haspopup": "listbox",
 				title: O(h)("alignmentGroup")
-			}, [f(n, { name: J.value }, null, 8, ["name"]), f(n, {
+			}, [f(r, { name: Y.value }, null, 8, ["name"]), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, pt), O(z) === "align" ? (b(), l("div", {
+			})], 40, ht), O(z) === "align" ? (b(), l("div", {
 				key: 0,
-				style: _(O(H)),
+				style: _(O(B)),
 				class: "toolbar-dropdown__menu align-strip"
 			}, [
 				u("button", {
-					class: g(["align-strip__btn", { active: q.value === "left" }]),
+					class: g(["align-strip__btn", { active: J.value === "left" }]),
 					title: `${O(h)("alignLeft")} (${O(h)("alignment.alignLeftShortcut")})`,
-					onMousedown: r[24] ||= F((e) => {
+					onMousedown: n[24] ||= F((e) => {
 						Z("alignLeft"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_left",
 					size: 18
-				})], 42, mt),
+				})], 42, gt),
 				u("button", {
-					class: g(["align-strip__btn", { active: q.value === "center" }]),
+					class: g(["align-strip__btn", { active: J.value === "center" }]),
 					title: `${O(h)("alignCenter")} (${O(h)("alignment.centerShortcut")})`,
-					onMousedown: r[25] ||= F((e) => {
+					onMousedown: n[25] ||= F((e) => {
 						Z("alignCenter"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_center",
 					size: 18
-				})], 42, ht),
+				})], 42, _t),
 				u("button", {
-					class: g(["align-strip__btn", { active: q.value === "right" }]),
+					class: g(["align-strip__btn", { active: J.value === "right" }]),
 					title: `${O(h)("alignRight")} (${O(h)("alignment.alignRightShortcut")})`,
-					onMousedown: r[26] ||= F((e) => {
+					onMousedown: n[26] ||= F((e) => {
 						Z("alignRight"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_right",
 					size: 18
-				})], 42, gt),
+				})], 42, vt),
 				u("button", {
-					class: g(["align-strip__btn", { active: q.value === "both" }]),
+					class: g(["align-strip__btn", { active: J.value === "both" }]),
 					title: `${O(h)("justify")} (${O(h)("alignment.justifyShortcut")})`,
-					onMousedown: r[27] ||= F((e) => {
+					onMousedown: n[27] ||= F((e) => {
 						Z("alignJustify"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_justify",
 					size: 18
-				})], 42, _t)
+				})], 42, yt)
 			], 4)) : c("", !0)], 512),
 			u("button", {
 				title: O(h)("bulletList"),
 				"aria-label": O(h)("bulletList"),
-				class: g({ active: W.value.inList && W.value.listType === "bullet" }),
-				onMousedown: r[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
-			}, [f(n, { name: "format_list_bulleted" })], 42, vt),
+				class: g({ active: G.value.inList && G.value.listType === "bullet" }),
+				onMousedown: n[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
+			}, [f(r, { name: "format_list_bulleted" })], 42, bt),
 			u("button", {
 				title: O(h)("numberedList"),
 				"aria-label": O(h)("numberedList"),
-				class: g({ active: W.value.inList && W.value.listType === "numbered" }),
-				onMousedown: r[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
-			}, [f(n, { name: "format_list_numbered" })], 42, yt),
+				class: g({ active: G.value.inList && G.value.listType === "numbered" }),
+				onMousedown: n[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
+			}, [f(r, { name: "format_list_numbered" })], 42, xt),
 			u("button", {
 				title: O(h)("decreaseIndent"),
 				"aria-label": O(h)("decreaseIndent"),
 				disabled: !ae.value,
-				onMousedown: r[30] ||= F((e) => Z("outdent"), ["prevent"])
-			}, [f(n, { name: "format_indent_decrease" })], 40, bt),
+				onMousedown: n[30] ||= F((e) => Z("outdent"), ["prevent"])
+			}, [f(r, { name: "format_indent_decrease" })], 40, St),
 			u("button", {
 				title: O(h)("increaseIndent"),
 				"aria-label": O(h)("increaseIndent"),
-				onMousedown: r[31] ||= F((e) => Z("indent"), ["prevent"])
-			}, [f(n, { name: "format_indent_increase" })], 40, xt),
+				onMousedown: n[31] ||= F((e) => Z("indent"), ["prevent"])
+			}, [f(r, { name: "format_indent_increase" })], 40, Ct),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "spacingDropdownRef",
-				ref: L
+				ref: I
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger",
-				onMousedown: r[32] ||= F((e) => O(U)("spacing"), ["prevent"]),
+				onMousedown: n[32] ||= F((e) => O(V)("spacing"), ["prevent"]),
 				"aria-expanded": O(z) === "spacing",
 				"aria-haspopup": "listbox",
 				title: O(h)("lineSpacing.label")
-			}, [f(n, { name: "format_line_spacing" }), f(n, {
+			}, [f(r, { name: "format_line_spacing" }), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, St), O(z) === "spacing" ? (b(), l("div", {
+			})], 40, wt), O(z) === "spacing" ? (b(), l("div", {
 				key: 0,
-				style: _(O(H)),
+				style: _(O(B)),
 				class: "toolbar-dropdown__menu"
-			}, [(b(!0), l(a, null, C(O(Ne), (e) => (b(), l("button", {
+			}, [(b(!0), l(a, null, C(O(Fe), (e) => (b(), l("button", {
 				key: e.value,
 				class: g(["toolbar-dropdown__item", { active: Te(e.value) }]),
 				onMousedown: F((t) => we(e.value), ["prevent"])
-			}, E(e.labelKey ? O(h)(e.labelKey) : e.label), 43, Ct))), 128))], 4)) : c("", !0)], 512),
+			}, E(e.labelKey ? O(h)(e.labelKey) : e.label), 43, Tt))), 128))], 4)) : c("", !0)], 512),
 			u("button", {
 				title: O(h)("formattingBar.clearFormatting"),
 				"aria-label": O(h)("formattingBar.clearFormatting"),
 				onMousedown: F(xe, ["prevent"])
-			}, [f(n, { name: "format_clear" })], 40, wt),
-			r[47] ||= u("span", { class: "divider" }, null, -1),
+			}, [f(r, { name: "format_clear" })], 40, Et),
+			n[47] ||= u("span", { class: "divider" }, null, -1),
 			u("button", {
 				title: O(h)("formattingBar.commentsAndChanges"),
 				"aria-label": O(h)("formattingBar.commentsAndChanges"),
 				class: g({ active: e.commentsSidebarOpen }),
-				onMousedown: r[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
-			}, [f(n, { name: "comment" })], 42, Tt),
+				onMousedown: n[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
+			}, [f(r, { name: "comment" })], 42, Dt),
 			e.imageContext ? (b(), l(a, { key: 1 }, [
-				r[40] ||= u("span", { class: "divider" }, null, -1),
-				f(ue, {
+				n[40] ||= u("span", { class: "divider" }, null, -1),
+				f(de, {
 					"image-context": e.imageContext,
-					onChange: r[34] ||= (e) => t.$emit("image-wrap-type", e)
+					onChange: n[34] ||= (e) => t.$emit("image-wrap-type", e)
 				}, null, 8, ["image-context"]),
-				f(de, { onTransform: r[35] ||= (e) => t.$emit("image-transform", e) }),
+				f(fe, { onTransform: n[35] ||= (e) => t.$emit("image-transform", e) }),
 				u("button", {
 					title: O(h)("formattingBar.imagePropertiesShortcut"),
 					"aria-label": O(h)("formattingBar.imageProperties"),
-					onMousedown: r[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
-				}, [f(n, { name: "tune" })], 40, Et)
+					onMousedown: n[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
+				}, [f(r, { name: "tune" })], 40, Ot)
 			], 64)) : c("", !0),
 			w(t.$slots, "table-context", {}, void 0, !0),
-			e.showReviewControls ? (b(), l(a, { key: 2 }, [r[41] ||= u("span", { class: "divider" }, null, -1), f(Ee, {
+			e.showReviewControls ? (b(), l(a, { key: 2 }, [n[41] ||= u("span", { class: "divider" }, null, -1), f(Oe, {
 				"track-changes-on": e.trackChangesOn,
 				"display-mode": e.displayMode,
 				"read-only": e.readOnly,
-				onToggleTrackChanges: r[37] ||= (e) => t.$emit("toggle-track-changes"),
-				"onUpdate:displayMode": r[38] ||= (e) => t.$emit("update:display-mode", e)
+				onToggleTrackChanges: n[37] ||= (e) => t.$emit("toggle-track-changes"),
+				"onUpdate:displayMode": n[38] ||= (e) => t.$emit("update:display-mode", e)
 			}, null, 8, [
 				"track-changes-on",
 				"display-mode",
 				"read-only"
 			])], 64)) : c("", !0),
-			r[48] ||= u("span", { class: "divider" }, null, -1),
-			e.editorMode ? (b(), s(ve, {
+			n[48] ||= u("span", { class: "divider" }, null, -1),
+			e.editorMode ? (b(), s(be, {
 				key: 3,
 				"model-value": e.editorMode,
-				"onUpdate:modelValue": r[39] ||= (e) => t.$emit("mode-change", e)
+				"onUpdate:modelValue": n[39] ||= (e) => t.$emit("mode-change", e)
 			}, null, 8, ["model-value"])) : c("", !0),
 			w(t.$slots, "toolbar-extra", {}, void 0, !0)
 		])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-e54d1eac"]]), Ot = ["aria-valuemax"], kt = { class: "docx-horizontal-ruler__ticks" }, At = ["title", "onDblclick"], jt = 12240, Mt = 1440, Nt = 1440, Pt = 567, Ft = "var(--doc-primary)", It = "var(--doc-primary)", Lt = "var(--doc-primary-hover)", Q = 5, Rt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-e54d1eac"]]), At = ["aria-valuemax"], jt = { class: "docx-horizontal-ruler__ticks" }, Mt = ["title", "onDblclick"], Nt = 12240, Pt = 1440, Ft = 1440, It = 567, Lt = "var(--doc-primary)", Rt = "var(--doc-primary)", zt = "var(--doc-primary-hover)", Q = 5, Bt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "HorizontalRuler",
 	props: {
 		sectionProps: {},
@@ -1509,12 +1511,12 @@ var We = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = Math.round(Q * 1.6), s = S(null), d = S(null), f = S(null), p = S(0), m = S("");
 		function h(e) {
-			return R(e) * n.zoom;
+			return B(e) * n.zoom;
 		}
 		function g(e) {
-			return Math.round(L(e / n.zoom));
+			return Math.round(z(e / n.zoom));
 		}
-		let y = o(() => n.sectionProps?.pageWidth ?? jt), x = o(() => n.sectionProps?.marginLeft ?? Mt), w = o(() => n.sectionProps?.marginRight ?? Mt), T = o(() => y.value - x.value - w.value), D = o(() => h(y.value)), O = o(() => h(x.value)), k = o(() => h(w.value)), A = o(() => h(n.indentLeft)), j = o(() => h(n.indentRight)), M = o(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), N = o(() => h(M.value)), P = o(() => O.value + A.value), I = o(() => D.value - k.value - j.value), z = o(() => O.value + A.value + N.value), B = o(() => ({
+		let y = o(() => n.sectionProps?.pageWidth ?? Nt), x = o(() => n.sectionProps?.marginLeft ?? Pt), w = o(() => n.sectionProps?.marginRight ?? Pt), T = o(() => y.value - x.value - w.value), D = o(() => h(y.value)), O = o(() => h(x.value)), k = o(() => h(w.value)), A = o(() => h(n.indentLeft)), j = o(() => h(n.indentRight)), M = o(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), N = o(() => h(M.value)), P = o(() => O.value + A.value), I = o(() => D.value - k.value - j.value), L = o(() => O.value + A.value + N.value), R = o(() => ({
 			position: "relative",
 			width: D.value + "px",
 			height: "22px",
@@ -1532,7 +1534,7 @@ var We = {
 			borderRight: "1px solid var(--doc-shadow-subtle)",
 			cursor: n.editable ? "ew-resize" : "default",
 			zIndex: 1
-		})), ee = o(() => ({
+		})), H = o(() => ({
 			position: "absolute",
 			top: 0,
 			right: 0,
@@ -1542,10 +1544,10 @@ var We = {
 			borderLeft: "1px solid var(--doc-shadow-subtle)",
 			cursor: n.editable ? "ew-resize" : "default",
 			zIndex: 1
-		})), H = o(() => {
+		})), ee = o(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = Nt / 8, n = Math.ceil(y.value / t);
+				let t = Ft / 8, n = Math.ceil(y.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > y.value) break;
@@ -1566,7 +1568,7 @@ var We = {
 					});
 				}
 			} else {
-				let t = Pt / 10, n = Math.ceil(y.value / t);
+				let t = It / 10, n = Math.ceil(y.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > y.value) break;
@@ -1590,16 +1592,16 @@ var We = {
 			return {
 				px: h(t),
 				twips: t,
-				label: te(t)
+				label: W(t)
 			};
 		}) : []);
-		function te(e) {
-			return n.unit === "cm" ? (e / Pt).toFixed(1) + " cm" : (e / Nt).toFixed(2) + "\"";
-		}
 		function W(e) {
-			return d.value === e ? Lt : f.value === e ? It : Ft;
+			return n.unit === "cm" ? (e / It).toFixed(1) + " cm" : (e / Ft).toFixed(2) + "\"";
+		}
+		function G(e) {
+			return d.value === e ? zt : f.value === e ? Rt : Lt;
 		}
-		function G(e, t, r) {
+		function K(e, t, r) {
 			return {
 				position: "absolute",
 				left: t - Q + "px",
@@ -1610,7 +1612,7 @@ var We = {
 				...e === "down" ? { top: 0 } : { bottom: 0 }
 			};
 		}
-		function K(e, t) {
+		function q(e, t) {
 			return e === "down" ? {
 				position: "absolute",
 				top: "1px",
@@ -1633,21 +1635,21 @@ var We = {
 				transition: "border-bottom-color 0.1s"
 			};
 		}
-		let q = 0;
-		function J(e, t) {
-			n.editable && (d.value = e, e === "leftMargin" ? q = x.value : e === "rightMargin" ? q = w.value : e === "leftIndent" ? q = n.indentLeft : e === "rightIndent" ? q = n.indentRight : e === "firstLineIndent" && (q = n.firstLineIndent), p.value = t.clientX - (s.value?.getBoundingClientRect().left ?? 0), m.value = te(q), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", Y));
+		let J = 0;
+		function Y(e, t) {
+			n.editable && (d.value = e, e === "leftMargin" ? J = x.value : e === "rightMargin" ? J = w.value : e === "leftIndent" ? J = n.indentLeft : e === "rightIndent" ? J = n.indentRight : e === "firstLineIndent" && (J = n.firstLineIndent), p.value = t.clientX - (s.value?.getBoundingClientRect().left ?? 0), m.value = W(J), document.addEventListener("mousemove", te), document.addEventListener("mouseup", ne));
 		}
-		function ne(e) {
+		function te(e) {
 			if (!d.value || !s.value) return;
 			let t = s.value.getBoundingClientRect();
 			if (!t) return;
 			let n = e.clientX - t.left;
 			p.value = n;
 			let r = g(n), i = re(d.value, r);
-			m.value = te(i), ie(d.value, i);
+			m.value = W(i), ie(d.value, i);
 		}
-		function Y(e) {
-			d.value = null, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", Y);
+		function ne(e) {
+			d.value = null, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", ne);
 		}
 		function re(e, t) {
 			if (e === "leftMargin") {
@@ -1689,12 +1691,12 @@ var We = {
 			}
 		}
 		return v(() => {
-			document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", Y);
+			document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", ne);
 		}), (t, n) => (b(), l("div", {
 			ref_key: "rulerRef",
 			ref: s,
 			class: "docx-horizontal-ruler",
-			style: _(B.value),
+			style: _(R.value),
 			role: "slider",
 			"aria-label": "Horizontal ruler",
 			"aria-valuemin": 0,
@@ -1703,14 +1705,14 @@ var We = {
 			u("div", {
 				class: "docx-horizontal-ruler__margin",
 				style: _(V.value),
-				onMousedown: n[0] ||= F((t) => e.editable ? J("leftMargin", t) : null, ["prevent", "stop"])
+				onMousedown: n[0] ||= F((t) => e.editable ? Y("leftMargin", t) : null, ["prevent", "stop"])
 			}, null, 36),
 			u("div", {
 				class: "docx-horizontal-ruler__margin",
-				style: _(ee.value),
-				onMousedown: n[1] ||= F((t) => e.editable ? J("rightMargin", t) : null, ["prevent", "stop"])
+				style: _(H.value),
+				onMousedown: n[1] ||= F((t) => e.editable ? Y("rightMargin", t) : null, ["prevent", "stop"])
 			}, null, 36),
-			u("div", kt, [(b(!0), l(a, null, C(H.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+			u("div", jt, [(b(!0), l(a, null, C(ee.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
 				class: "docx-horizontal-ruler__tick-line",
 				style: _({
 					left: e.position + "px",
@@ -1724,47 +1726,47 @@ var We = {
 			e.showFirstLineIndent ? (b(), l("div", {
 				key: 0,
 				class: "docx-ruler-indent",
-				style: _(G("down", z.value, d.value === "firstLineIndent")),
-				onMousedown: n[2] ||= F((t) => e.editable ? J("firstLineIndent", t) : null, ["prevent", "stop"]),
+				style: _(K("down", L.value, d.value === "firstLineIndent")),
+				onMousedown: n[2] ||= F((t) => e.editable ? Y("firstLineIndent", t) : null, ["prevent", "stop"]),
 				onMouseenter: n[3] ||= (e) => f.value = "firstLineIndent",
 				onMouseleave: n[4] ||= (e) => f.value = null
-			}, [u("div", { style: _(K("down", W("firstLineIndent"))) }, null, 4)], 36)) : c("", !0),
+			}, [u("div", { style: _(q("down", G("firstLineIndent"))) }, null, 4)], 36)) : c("", !0),
 			e.editable ? (b(), l("div", {
 				key: 1,
 				class: "docx-ruler-indent",
-				style: _(G("up", P.value, d.value === "leftIndent")),
-				onMousedown: n[5] ||= F((e) => J("leftIndent", e), ["prevent", "stop"]),
+				style: _(K("up", P.value, d.value === "leftIndent")),
+				onMousedown: n[5] ||= F((e) => Y("leftIndent", e), ["prevent", "stop"]),
 				onMouseenter: n[6] ||= (e) => f.value = "leftIndent",
 				onMouseleave: n[7] ||= (e) => f.value = null
-			}, [u("div", { style: _(K("up", W("leftIndent"))) }, null, 4)], 36)) : c("", !0),
+			}, [u("div", { style: _(q("up", G("leftIndent"))) }, null, 4)], 36)) : c("", !0),
 			e.editable ? (b(), l("div", {
 				key: 2,
 				class: "docx-ruler-indent",
-				style: _(G("down", I.value, d.value === "rightIndent")),
-				onMousedown: n[8] ||= F((e) => J("rightIndent", e), ["prevent", "stop"]),
+				style: _(K("down", I.value, d.value === "rightIndent")),
+				onMousedown: n[8] ||= F((e) => Y("rightIndent", e), ["prevent", "stop"]),
 				onMouseenter: n[9] ||= (e) => f.value = "rightIndent",
 				onMouseleave: n[10] ||= (e) => f.value = null
-			}, [u("div", { style: _(K("down", W("rightIndent"))) }, null, 4)], 36)) : c("", !0),
+			}, [u("div", { style: _(q("down", G("rightIndent"))) }, null, 4)], 36)) : c("", !0),
 			(b(!0), l(a, null, C(U.value, (e, n) => (b(), l("div", {
 				key: n,
 				class: "docx-horizontal-ruler__tab",
 				style: _({ left: e.px + "px" }),
 				title: `${e.label}`,
 				onDblclick: F((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
-			}, " L ", 44, At))), 128)),
+			}, " L ", 44, Mt))), 128)),
 			d.value && m.value ? (b(), l("div", {
 				key: 3,
 				class: "docx-horizontal-ruler__tooltip",
 				style: _({ left: p.value + "px" })
 			}, E(m.value), 5)) : c("", !0)
-		], 12, Ot));
+		], 12, At));
 	}
-}), [["__scopeId", "data-v-6f3ea48c"]]), zt = ["disabled", "onClick"], Bt = { class: "docx-tbp__panel" }, Vt = ["title", "onClick"], Ht = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-6f3ea48c"]]), Vt = ["disabled", "onClick"], Ht = { class: "docx-tbp__panel" }, Ut = ["title", "onClick"], Wt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), o = t, c = S(!1), d = [
+		let { Popover: n } = i(), o = t, c = S(!1), d = [
 			{
 				value: "all",
 				icon: "border_all",
@@ -1819,7 +1821,7 @@ var We = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: c.value,
 			"onUpdate:open": i[0] ||= (e) => c.value = e,
 			onClose: i[1] ||= (e) => c.value = !1
@@ -1830,24 +1832,24 @@ var We = {
 				disabled: e.disabled,
 				title: "Borders",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "border_all",
 				size: 20
-			})], 8, zt)]),
-			panel: M(() => [u("div", Bt, [(b(), l(a, null, C(d, (e) => u("button", {
+			})], 8, Vt)]),
+			panel: M(() => [u("div", Ht, [(b(), l(a, null, C(d, (e) => u("button", {
 				key: e.value,
 				type: "button",
 				class: "docx-tbp__option",
 				title: e.label,
 				onClick: F((t) => p(e.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 8, Vt)), 64))])]),
+			}, null, 8, ["name"])], 8, Ut)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-4e30a014"]]), Ut = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-4e30a014"]]), Gt = /* @__PURE__ */ p({
 	__name: "TableBorderColorPicker",
 	props: {
 		disabled: { type: Boolean },
@@ -1855,8 +1857,8 @@ var We = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = r();
+	setup(t, { emit: r }) {
+		let i = r, { t: a } = n();
 		function o(e) {
 			typeof e == "string" ? i("change", e.replace(/^#/, "")) : e.rgb ? i("change", e.rgb.replace(/^#/, "")) : e.auto && i("change", "000000");
 		}
@@ -1874,12 +1876,12 @@ var We = {
 			"title"
 		]));
 	}
-}), Wt = ["disabled", "onClick"], Gt = { class: "docx-tbwidth__panel" }, Kt = ["onClick"], qt = { class: "docx-tbwidth__label" }, Jt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), Kt = ["disabled", "onClick"], qt = { class: "docx-tbwidth__panel" }, Jt = ["onClick"], Yt = { class: "docx-tbwidth__label" }, Xt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderWidthPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), o = t, c = S(!1), d = [
+		let { Popover: n } = i(), o = t, c = S(!1), d = [
 			{
 				label: "0.5pt",
 				eighths: 4,
@@ -1924,7 +1926,7 @@ var We = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: c.value,
 			"onUpdate:open": i[0] ||= (e) => c.value = e,
 			onClose: i[1] ||= (e) => c.value = !1
@@ -1935,11 +1937,11 @@ var We = {
 				disabled: e.disabled,
 				title: "Border width",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "line_weight",
 				size: 20
-			})], 8, Wt)]),
-			panel: M(() => [u("div", Gt, [(b(), l(a, null, C(d, (e) => u("button", {
+			})], 8, Kt)]),
+			panel: M(() => [u("div", qt, [(b(), l(a, null, C(d, (e) => u("button", {
 				key: e.eighths,
 				type: "button",
 				class: "docx-tbwidth__option",
@@ -1947,11 +1949,11 @@ var We = {
 			}, [u("span", {
 				class: "docx-tbwidth__preview",
 				style: _({ borderTopWidth: e.previewPx + "px" })
-			}, null, 4), u("span", qt, E(e.label), 1)], 8, Kt)), 64))])]),
+			}, null, 4), u("span", Yt, E(e.label), 1)], 8, Jt)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-42a746ba"]]), Yt = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-42a746ba"]]), Zt = /* @__PURE__ */ p({
 	__name: "TableCellFillPicker",
 	props: {
 		disabled: { type: Boolean },
@@ -1959,8 +1961,8 @@ var We = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = r();
+	setup(t, { emit: r }) {
+		let i = r, { t: a } = n();
 		function o(e) {
 			typeof e == "string" && i("change", e === "none" ? "" : e.replace(/^#/, ""));
 		}
@@ -1981,23 +1983,23 @@ var We = {
 			"auto-label"
 		]));
 	}
-}), Xt = [
+}), Qt = [
 	"disabled",
 	"title",
 	"onClick"
-], Zt = ["aria-label"], Qt = ["disabled"], $t = ["disabled"], en = ["disabled"], tn = ["disabled"], nn = { class: "docx-tmore__section-label" }, rn = { class: "docx-tmore__icon-row" }, an = ["title"], on = ["title"], sn = ["title"], cn = { class: "docx-tmore__section-label" }, ln = { class: "docx-tmore__icon-row" }, un = ["title"], dn = ["title"], fn = ["title"], pn = { class: "docx-tmore__grow" }, mn = {
+], $t = ["aria-label"], en = ["disabled"], tn = ["disabled"], nn = ["disabled"], rn = ["disabled"], an = { class: "docx-tmore__section-label" }, on = { class: "docx-tmore__icon-row" }, sn = ["title"], cn = ["title"], ln = ["title"], un = { class: "docx-tmore__section-label" }, dn = { class: "docx-tmore__icon-row" }, fn = ["title"], pn = ["title"], mn = ["title"], hn = { class: "docx-tmore__grow" }, gn = {
 	key: 0,
 	class: "docx-tmore__sub"
-}, hn = { class: "docx-tmore__margin-grid" }, gn = { class: "docx-tmore__field-label" }, _n = ["onUpdate:modelValue"], vn = { class: "docx-tmore__grow" }, yn = {
+}, _n = { class: "docx-tmore__margin-grid" }, vn = { class: "docx-tmore__field-label" }, yn = ["onUpdate:modelValue"], bn = { class: "docx-tmore__grow" }, xn = {
 	key: 1,
 	class: "docx-tmore__sub"
-}, bn = { class: "docx-tmore__row-field" }, xn = { class: "docx-tmore__field-label" }, Sn = { value: "auto" }, Cn = { value: "atLeast" }, wn = { value: "exact" }, Tn = {
+}, Sn = { class: "docx-tmore__row-field" }, Cn = { class: "docx-tmore__field-label" }, wn = { value: "auto" }, Tn = { value: "atLeast" }, En = { value: "exact" }, Dn = {
 	key: 0,
 	class: "docx-tmore__row-field"
-}, En = { class: "docx-tmore__field-label" }, Dn = { class: "docx-tmore__grow" }, On = {
+}, On = { class: "docx-tmore__field-label" }, kn = { class: "docx-tmore__grow" }, An = {
 	key: 2,
 	class: "docx-tmore__sub docx-tmore__sub--list"
-}, kn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, jn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableMoreDropdown",
 	props: {
 		disabled: {
@@ -2023,7 +2025,7 @@ var We = {
 		"row-height"
 	],
 	setup(e, { emit: t }) {
-		let { Popover: o } = i(), d = e, p = t, { t: m } = r(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
+		let { Popover: o } = i(), d = e, p = t, { t: m } = n(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
 			top: 0,
 			bottom: 0,
 			left: 108,
@@ -2060,11 +2062,11 @@ var We = {
 		function B(e) {
 			p("cell-text-direction", e), h.value = !1;
 		}
-		return (t, r) => (b(), s(O(o), {
+		return (t, n) => (b(), s(O(o), {
 			open: h.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[35] ||= (e) => h.value = e,
-			onClose: r[36] ||= (e) => h.value = !1
+			"onUpdate:open": n[35] ||= (e) => h.value = e,
+			onClose: n[36] ||= (e) => h.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -2072,10 +2074,10 @@ var We = {
 				disabled: e.disabled,
 				title: O(m)("tableAdvanced.tableOptions"),
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "more_vert",
 				size: 20
-			})], 10, Xt)]),
+			})], 10, Qt)]),
 			panel: M(() => [u("div", {
 				class: "docx-tmore__panel",
 				role: "menu",
@@ -2084,175 +2086,175 @@ var We = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[0] ||= F((e) => I("addRowAbove"), ["prevent"])
-				}, [f(n, {
+					onClick: n[0] ||= F((e) => I("addRowAbove"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertRowAbove")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[1] ||= F((e) => I("addRowBelow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[1] ||= F((e) => I("addRowBelow"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertRowBelow")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[2] ||= F((e) => I("addColumnLeft"), ["prevent"])
-				}, [f(n, {
+					onClick: n[2] ||= F((e) => I("addColumnLeft"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertColumnLeft")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[3] ||= F((e) => I("addColumnRight"), ["prevent"])
-				}, [f(n, {
+					onClick: n[3] ||= F((e) => I("addColumnRight"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertColumnRight")), 1)]),
-				r[39] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[39] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
 					disabled: P("mergeCells"),
-					onClick: r[4] ||= F((e) => I("mergeCells"), ["prevent"])
-				}, [f(n, {
+					onClick: n[4] ||= F((e) => I("mergeCells"), ["prevent"])
+				}, [f(r, {
 					name: "call_merge",
 					size: 18
-				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, Qt),
+				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, en),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
 					disabled: P("splitCell"),
-					onClick: r[5] ||= F((e) => I("splitCell"), ["prevent"])
-				}, [f(n, {
+					onClick: n[5] ||= F((e) => I("splitCell"), ["prevent"])
+				}, [f(r, {
 					name: "call_split",
 					size: 18
-				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, $t),
-				r[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, tn),
+				n[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[6] ||= F((e) => I("selectTable"), ["prevent"])
-				}, [f(n, {
+					onClick: n[6] ||= F((e) => I("selectTable"), ["prevent"])
+				}, [f(r, {
 					name: "select_all",
 					size: 18
 				}), u("span", null, E(O(m)("table.selectTable")), 1)]),
-				r[41] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[41] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: P("deleteRow"),
-					onClick: r[7] ||= F((e) => I("deleteRow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[7] ||= F((e) => I("deleteRow"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
-				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, en),
+				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, nn),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: P("deleteColumn"),
-					onClick: r[8] ||= F((e) => I("deleteColumn"), ["prevent"])
-				}, [f(n, {
+					onClick: n[8] ||= F((e) => I("deleteColumn"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
-				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, tn),
+				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, rn),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
-					onClick: r[9] ||= F((e) => I("deleteTable"), ["prevent"])
-				}, [f(n, {
+					onClick: n[9] ||= F((e) => I("deleteTable"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
 				}), u("span", null, E(O(m)("table.deleteTable")), 1)]),
-				r[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
-				u("div", nn, E(O(m)("tableAdvanced.verticalAlignment")), 1),
-				u("div", rn, [
+				n[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("div", an, E(O(m)("tableAdvanced.verticalAlignment")), 1),
+				u("div", on, [
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.top"),
-						onMousedown: r[10] ||= F(() => {}, ["prevent"]),
-						onClick: r[11] ||= F((e) => I("verticalAlignTop"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[10] ||= F(() => {}, ["prevent"]),
+						onClick: n[11] ||= F((e) => I("verticalAlignTop"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_top",
 						size: 16
-					})], 40, an),
+					})], 40, sn),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.middle"),
-						onMousedown: r[12] ||= F(() => {}, ["prevent"]),
-						onClick: r[13] ||= F((e) => I("verticalAlignMiddle"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[12] ||= F(() => {}, ["prevent"]),
+						onClick: n[13] ||= F((e) => I("verticalAlignMiddle"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_center",
 						size: 16
-					})], 40, on),
+					})], 40, cn),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.bottom"),
-						onMousedown: r[14] ||= F(() => {}, ["prevent"]),
-						onClick: r[15] ||= F((e) => I("verticalAlignBottom"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[14] ||= F(() => {}, ["prevent"]),
+						onClick: n[15] ||= F((e) => I("verticalAlignBottom"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_bottom",
 						size: 16
-					})], 40, sn)
+					})], 40, ln)
 				]),
-				r[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
-				u("div", cn, E(O(m)("tableAdvanced.tableAlignment")), 1),
-				u("div", ln, [
+				n[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("div", un, E(O(m)("tableAdvanced.tableAlignment")), 1),
+				u("div", dn, [
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "left" }]),
 						title: O(m)("tableAdvanced.alignTableLeft"),
-						onMousedown: r[16] ||= F(() => {}, ["prevent"]),
-						onClick: r[17] ||= F((e) => I("alignTableLeft"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[16] ||= F(() => {}, ["prevent"]),
+						onClick: n[17] ||= F((e) => I("alignTableLeft"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_left",
 						size: 16
-					})], 42, un),
+					})], 42, fn),
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "center" }]),
 						title: O(m)("tableAdvanced.alignTableCenter"),
-						onMousedown: r[18] ||= F(() => {}, ["prevent"]),
-						onClick: r[19] ||= F((e) => I("alignTableCenter"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[18] ||= F(() => {}, ["prevent"]),
+						onClick: n[19] ||= F((e) => I("alignTableCenter"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_center",
 						size: 16
-					})], 42, dn),
+					})], 42, pn),
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "right" }]),
 						title: O(m)("tableAdvanced.alignTableRight"),
-						onMousedown: r[20] ||= F(() => {}, ["prevent"]),
-						onClick: r[21] ||= F((e) => I("alignTableRight"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[20] ||= F(() => {}, ["prevent"]),
+						onClick: n[21] ||= F((e) => I("alignTableRight"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_right",
 						size: 16
-					})], 42, fn)
+					})], 42, mn)
 				]),
-				r[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[22] ||= F((e) => _.value = !_.value, ["prevent"])
+					onClick: n[22] ||= F((e) => _.value = !_.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "padding",
 						size: 18
 					}),
-					u("span", pn, E(O(m)("tableAdvanced.cellMargins")), 1),
-					f(n, {
+					u("span", hn, E(O(m)("tableAdvanced.cellMargins")), 1),
+					f(r, {
 						name: _.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
 				]),
-				_.value ? (b(), l("div", mn, [u("div", hn, [(b(), l(a, null, C([
+				_.value ? (b(), l("div", gn, [u("div", _n, [(b(), l(a, null, C([
 					"top",
 					"bottom",
 					"left",
@@ -2261,20 +2263,20 @@ var We = {
 					key: e,
 					class: "docx-tmore__field"
 				}, [
-					u("span", gn, E(e), 1),
+					u("span", vn, E(e), 1),
 					N(u("input", {
 						type: "number",
 						min: "0",
 						step: "20",
 						"onUpdate:modelValue": (t) => w[e] = t,
 						class: "docx-tmore__input"
-					}, null, 8, _n), [[
+					}, null, 8, yn), [[
 						A,
 						w[e],
 						void 0,
 						{ number: !0 }
 					]]),
-					r[37] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+					n[37] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
 				])), 64))]), u("button", {
 					type: "button",
 					class: "docx-tmore__apply",
@@ -2283,34 +2285,34 @@ var We = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[23] ||= F((e) => v.value = !v.value, ["prevent"])
+					onClick: n[23] ||= F((e) => v.value = !v.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "height",
 						size: 18
 					}),
-					u("span", vn, E(O(m)("tableAdvanced.rowHeight")), 1),
-					f(n, {
+					u("span", bn, E(O(m)("tableAdvanced.rowHeight")), 1),
+					f(r, {
 						name: v.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
 				]),
-				v.value ? (b(), l("div", yn, [
-					u("label", bn, [u("span", xn, E(O(m)("tableAdvanced.rule")), 1), N(u("select", {
-						"onUpdate:modelValue": r[24] ||= (e) => D.value = e,
+				v.value ? (b(), l("div", xn, [
+					u("label", Sn, [u("span", Cn, E(O(m)("tableAdvanced.rule")), 1), N(u("select", {
+						"onUpdate:modelValue": n[24] ||= (e) => D.value = e,
 						class: "docx-tmore__select"
 					}, [
-						u("option", Sn, E(O(m)("tableAdvanced.heightRules.auto")), 1),
-						u("option", Cn, E(O(m)("tableAdvanced.heightRules.atLeast")), 1),
-						u("option", wn, E(O(m)("tableAdvanced.heightRules.exact")), 1)
+						u("option", wn, E(O(m)("tableAdvanced.heightRules.auto")), 1),
+						u("option", Tn, E(O(m)("tableAdvanced.heightRules.atLeast")), 1),
+						u("option", En, E(O(m)("tableAdvanced.heightRules.exact")), 1)
 					], 512), [[k, D.value]])]),
-					D.value === "auto" ? c("", !0) : (b(), l("label", Tn, [
-						u("span", En, E(O(m)("tableAdvanced.height")), 1),
+					D.value === "auto" ? c("", !0) : (b(), l("label", Dn, [
+						u("span", On, E(O(m)("tableAdvanced.height")), 1),
 						N(u("input", {
 							type: "number",
 							min: "0",
 							step: "20",
-							"onUpdate:modelValue": r[25] ||= (e) => T.value = e,
+							"onUpdate:modelValue": n[25] ||= (e) => T.value = e,
 							class: "docx-tmore__input"
 						}, null, 512), [[
 							A,
@@ -2318,7 +2320,7 @@ var We = {
 							void 0,
 							{ number: !0 }
 						]]),
-						r[38] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+						n[38] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
 					])),
 					u("button", {
 						type: "button",
@@ -2329,82 +2331,82 @@ var We = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[26] ||= F((e) => y.value = !y.value, ["prevent"])
+					onClick: n[26] ||= F((e) => y.value = !y.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "text_rotation_none",
 						size: 18
 					}),
-					u("span", Dn, E(O(m)("textDirection")), 1),
-					f(n, {
+					u("span", kn, E(O(m)("textDirection")), 1),
+					f(r, {
 						name: y.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
 				]),
-				y.value ? (b(), l("div", On, [
+				y.value ? (b(), l("div", An, [
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[27] ||= F((e) => B(null), ["prevent"])
+						onClick: n[27] ||= F((e) => B(null), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.horizontal")), 1),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[28] ||= F((e) => B("tbRl"), ["prevent"])
+						onClick: n[28] ||= F((e) => B("tbRl"), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.verticalRL")), 1),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[29] ||= F((e) => B("btLr"), ["prevent"])
+						onClick: n[29] ||= F((e) => B("btLr"), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.verticalLR")), 1)
 				])) : c("", !0),
-				r[45] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[45] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[30] ||= F((e) => I("toggleHeaderRow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[30] ||= F((e) => I("toggleHeaderRow"), ["prevent"])
+				}, [f(r, {
 					name: "table_rows",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.toggleHeaderRow")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[31] ||= F((e) => I("distributeColumns"), ["prevent"])
-				}, [f(n, {
+					onClick: n[31] ||= F((e) => I("distributeColumns"), ["prevent"])
+				}, [f(r, {
 					name: "view_column",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.distributeColumns")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[32] ||= F((e) => I("autoFit"), ["prevent"])
-				}, [f(n, {
+					onClick: n[32] ||= F((e) => I("autoFit"), ["prevent"])
+				}, [f(r, {
 					name: "fit_width",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.autoFit")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[33] ||= F((e) => I("toggleNoWrap"), ["prevent"])
-				}, [f(n, {
+					onClick: n[33] ||= F((e) => I("toggleNoWrap"), ["prevent"])
+				}, [f(r, {
 					name: "wrap_text",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.toggleNoWrap")), 1)]),
-				r[46] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[46] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[34] ||= F((e) => I("tableProperties"), ["prevent"])
-				}, [f(n, {
+					onClick: n[34] ||= F((e) => I("tableProperties"), ["prevent"])
+				}, [f(r, {
 					name: "settings",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.tableProperties")), 1)])
-			], 8, Zt)]),
+			], 8, $t)]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-5d357bc4"]]), An = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-5d357bc4"]]), Mn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableToolbar",
 	props: {
 		view: {},
@@ -2412,14 +2414,15 @@ var We = {
 		stateTick: {},
 		theme: {}
 	},
-	setup(e, { expose: t }) {
-		let n = e, r = o(() => {
-			n.stateTick;
-			let e = n.view;
-			return e ? H(e.state) : null;
-		}), i = o(() => !!r.value?.isInTable), s = o(() => {
-			n.stateTick;
-			let e = n.view;
+	emits: ["open-table-properties"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, s = o(() => {
+			r.stateTick;
+			let e = r.view;
+			return e ? I(e.state) : null;
+		}), d = o(() => !!s.value?.isInTable), p = o(() => {
+			r.stateTick;
+			let e = r.view;
 			if (!e) return !1;
 			let { $from: t } = e.state.selection;
 			for (let e = t.depth; e > 0; e--) if (t.node(e).type.name === "tableCell") {
@@ -2427,67 +2430,67 @@ var We = {
 				return (typeof r == "number" ? r : 1) > 1 || (typeof i == "number" ? i : 1) > 1;
 			}
 			return !1;
-		}), d = o(() => {
-			let e = r.value?.cellBorderColor;
+		}), h = o(() => {
+			let e = s.value?.cellBorderColor;
 			if (e && typeof e == "object" && "rgb" in e && typeof e.rgb == "string") return e.rgb;
-		}), p = o(() => d.value === void 0 ? {} : { value: d.value }), h = o(() => !!r.value?.hasMultiCellSelection), g = o(() => r.value?.rowCount ?? 0), _ = o(() => r.value?.columnCount ?? 0), v = o(() => {
-			let e = r.value?.table?.attrs.justification;
+		}), g = o(() => h.value === void 0 ? {} : { value: h.value }), _ = o(() => !!s.value?.hasMultiCellSelection), v = o(() => s.value?.rowCount ?? 0), y = o(() => s.value?.columnCount ?? 0), x = o(() => {
+			let e = s.value?.table?.attrs.justification;
 			return e === "center" || e === "right" ? e : "left";
-		}), y = {
+		}), S = {
 			style: "single",
 			size: 4,
 			color: { rgb: "000000" }
 		};
-		j([() => n.view, () => n.stateTick], () => {
-			let e = n.view;
+		j([() => r.view, () => r.stateTick], () => {
+			let e = r.view;
 			if (!e) return;
-			let t = H(e.state), r = t.cellBorderColor;
-			!r || !t.isInTable || typeof r == "object" && "rgb" in r && typeof r.rgb == "string" && (y.color = { rgb: r.rgb });
+			let t = I(e.state), n = t.cellBorderColor;
+			!n || !t.isInTable || typeof n == "object" && "rgb" in n && typeof n.rgb == "string" && (S.color = { rgb: n.rgb });
 		}, { immediate: !0 });
-		function x(e, ...t) {
-			let r = n.view;
-			if (!r) return !1;
-			let i = n.getCommands()[e];
-			return i ? (i(...t)(r.state, (e) => r.dispatch(e), r), r.focus(), !0) : !1;
+		function C(e, ...t) {
+			let n = r.view;
+			if (!n) return !1;
+			let i = r.getCommands()[e];
+			return i ? (i(...t)(n.state, (e) => n.dispatch(e), n), n.focus(), !0) : !1;
 		}
-		function S(e) {
+		function w(e) {
 			let t = {
-				...y,
-				color: { ...y.color }
+				...S,
+				color: { ...S.color }
 			};
 			switch (e) {
 				case "all":
-					x("setAllTableBorders", t);
+					C("setAllTableBorders", t);
 					return;
 				case "none":
-					x("removeTableBorders");
+					C("removeTableBorders");
 					return;
 				case "box":
-					x("setOutsideTableBorders", t);
+					C("setOutsideTableBorders", t);
 					return;
 				case "inside":
 				case "insideH":
 				case "insideV":
-					x("setInsideTableBorders", t);
+					C("setInsideTableBorders", t);
 					return;
 				case "top":
 				case "bottom":
 				case "left":
 				case "right":
-					x("setCellBorder", e, t, !0);
+					C("setCellBorder", e, t, !0);
 					return;
 			}
 		}
-		function C(e) {
-			y.color = { rgb: e.replace(/^#/, "") }, x("setTableBorderColor", e);
+		function T(e) {
+			S.color = { rgb: e.replace(/^#/, "") }, C("setTableBorderColor", e);
 		}
-		function w(e) {
-			y.size = e, x("setTableBorderWidth", e);
+		function E(e) {
+			S.size = e, C("setTableBorderWidth", e);
 		}
-		function T(e) {
-			x("setCellFillColor", e);
+		function D(e) {
+			C("setCellFillColor", e);
 		}
-		let E = {
+		let O = {
 			autoFit: ["autoFitContents"],
 			alignTableLeft: ["setTableProperties", { justification: "left" }],
 			alignTableCenter: ["setTableProperties", { justification: "center" }],
@@ -2496,54 +2499,57 @@ var We = {
 			verticalAlignMiddle: ["setCellVerticalAlign", "center"],
 			verticalAlignBottom: ["setCellVerticalAlign", "bottom"]
 		};
-		function D(e) {
-			if (e === "tableProperties") return;
-			let t = E[e];
-			t ? x(...t) : x(e);
-		}
-		function O(e) {
-			x("setCellMargins", e);
-		}
 		function k(e) {
-			x("setCellTextDirection", e);
+			if (e === "tableProperties") {
+				i("open-table-properties");
+				return;
+			}
+			let t = O[e];
+			t ? C(...t) : C(e);
 		}
 		function A(e) {
-			x("setRowHeight", e.height, e.rule);
+			C("setCellMargins", e);
+		}
+		function M(e) {
+			C("setCellTextDirection", e);
+		}
+		function N(e) {
+			C("setRowHeight", e.height, e.rule);
 		}
 		return t({
-			isInTable: i,
-			canSplit: s,
-			canMerge: h,
-			rowCount: g,
-			columnCount: _,
-			currentJustification: v,
-			onBorderPreset: S,
-			onBorderColor: C,
-			onBorderWidth: w,
-			onCellFill: T,
-			onMoreAction: D,
-			onCellMargins: O,
-			onCellTextDirection: k,
-			onRowHeight: A
-		}), (t, n) => i.value ? (b(), l(a, { key: 0 }, [
+			isInTable: d,
+			canSplit: p,
+			canMerge: _,
+			rowCount: v,
+			columnCount: y,
+			currentJustification: x,
+			onBorderPreset: w,
+			onBorderColor: T,
+			onBorderWidth: E,
+			onCellFill: D,
+			onMoreAction: k,
+			onCellMargins: A,
+			onCellTextDirection: M,
+			onRowHeight: N
+		}), (t, n) => d.value ? (b(), l(a, { key: 0 }, [
 			n[0] ||= u("span", { class: "divider" }, null, -1),
-			f(Ht, { onChange: S }),
-			f(Ut, m({ theme: e.theme ?? null }, p.value, { onChange: C }), null, 16, ["theme"]),
-			f(Jt, { onChange: w }),
-			f(Yt, {
+			f(Wt, { onChange: w }),
+			f(Gt, m({ theme: e.theme ?? null }, g.value, { onChange: T }), null, 16, ["theme"]),
+			f(Xt, { onChange: E }),
+			f(Zt, {
 				theme: e.theme ?? null,
-				onChange: T
+				onChange: D
 			}, null, 8, ["theme"]),
-			f(kn, {
-				"can-split": s.value,
-				"can-merge": h.value,
-				"row-count": g.value,
-				"column-count": _.value,
-				"current-justification": v.value,
-				onAction: D,
-				onCellMargins: O,
-				onCellTextDirection: k,
-				onRowHeight: A
+			f(jn, {
+				"can-split": p.value,
+				"can-merge": _.value,
+				"row-count": v.value,
+				"column-count": y.value,
+				"current-justification": x.value,
+				onAction: k,
+				onCellMargins: A,
+				onCellTextDirection: M,
+				onRowHeight: N
 			}, null, 8, [
 				"can-split",
 				"can-merge",
@@ -2553,7 +2559,7 @@ var We = {
 			])
 		], 64)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-90f8e7a0"]]), jn = { class: "docx-vertical-ruler__ticks" }, Mn = 15840, Nn = 1440, Pn = 1440, Fn = 567, In = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c73a7e43"]]), Nn = { class: "docx-vertical-ruler__ticks" }, Pn = 15840, Fn = 1440, In = 1440, Ln = 567, Rn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "VerticalRuler",
 	props: {
 		sectionProps: {},
@@ -2568,12 +2574,12 @@ var We = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = S(null), s = S(null);
 		function d(e) {
-			return R(e) * n.zoom;
+			return B(e) * n.zoom;
 		}
 		function f(e) {
-			return Math.round(L(e / n.zoom));
+			return Math.round(z(e / n.zoom));
 		}
-		let p = o(() => n.sectionProps?.pageHeight ?? Mn), m = o(() => n.sectionProps?.marginTop ?? Nn), h = o(() => n.sectionProps?.marginBottom ?? Nn), g = o(() => d(p.value)), y = o(() => d(m.value)), x = o(() => d(h.value)), w = o(() => ({
+		let p = o(() => n.sectionProps?.pageHeight ?? Pn), m = o(() => n.sectionProps?.marginTop ?? Fn), h = o(() => n.sectionProps?.marginBottom ?? Fn), g = o(() => d(p.value)), y = o(() => d(m.value)), x = o(() => d(h.value)), w = o(() => ({
 			position: "relative",
 			width: "20px",
 			height: g.value + "px",
@@ -2584,7 +2590,7 @@ var We = {
 		})), T = o(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = Pn / 8, n = Math.ceil(p.value / t);
+				let t = In / 8, n = Math.ceil(p.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > p.value) break;
@@ -2605,7 +2611,7 @@ var We = {
 					});
 				}
 			} else {
-				let t = Fn / 10, n = Math.ceil(p.value / t);
+				let t = Ln / 10, n = Math.ceil(p.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > p.value) break;
@@ -2671,7 +2677,7 @@ var We = {
 			"aria-label": "Vertical ruler",
 			"aria-orientation": "vertical"
 		}, [
-			u("div", jn, [(b(!0), l(a, null, C(T.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+			u("div", Nn, [(b(!0), l(a, null, C(T.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
 				class: "docx-vertical-ruler__tick-line",
 				style: _({
 					top: e.position + "px",
@@ -2703,10 +2709,10 @@ var We = {
 }), [["__scopeId", "data-v-f7ccbd38"]]);
 //#endregion
 //#region src/utils/comments.ts
-function Ln(e) {
+function zn(e) {
 	return e?.length ? e.flatMap((e) => e.content.filter((e) => e.type === "run").flatMap((e) => "content" in e ? e.content : []).filter((e) => e.type === "text").map((e) => "text" in e ? e.text : "")).join("") : "";
 }
-function Rn(e) {
+function Bn(e) {
 	return e ? new Date(e).toLocaleString(void 0, {
 		hour: "numeric",
 		minute: "2-digit",
@@ -2714,10 +2720,10 @@ function Rn(e) {
 		day: "numeric"
 	}) : "";
 }
-function zn(e) {
+function Vn(e) {
 	return e.split(/\s+/).map((e) => e[0]).join("").toUpperCase().slice(0, 2);
 }
-var Bn = [
+var Hn = [
 	"#6DCCB1",
 	"#79AAD9",
 	"#EE789D",
@@ -2731,28 +2737,28 @@ var Bn = [
 	"#E15759",
 	"#76B7B2"
 ];
-function Vn(e) {
+function Un(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
-	return Bn[Math.abs(t) % Bn.length] ?? "#888888";
+	return Hn[Math.abs(t) % Hn.length] ?? "#888888";
 }
 function $(e, t = 50) {
 	return e.length > t ? e.slice(0, t) + "..." : e;
 }
 //#endregion
 //#region src/components/sidebar/Avatar.vue
-var Hn = /* @__PURE__ */ p({
+var Wn = /* @__PURE__ */ p({
 	__name: "Avatar",
 	props: {
 		name: { default: "U" },
 		size: { default: 32 }
 	},
 	setup(e) {
-		let t = e, n = o(() => zn(t.name || "U")), r = o(() => ({
+		let t = e, n = o(() => Vn(t.name || "U")), r = o(() => ({
 			width: t.size + "px",
 			height: t.size + "px",
 			borderRadius: "50%",
-			backgroundColor: Vn(t.name || "U"),
+			backgroundColor: Un(t.name || "U"),
 			color: "#fff",
 			display: "flex",
 			alignItems: "center",
@@ -2766,13 +2772,13 @@ var Hn = /* @__PURE__ */ p({
 			style: _(r.value)
 		}, E(n.value), 5));
 	}
-}), Un = {
+}), Gn = {
 	key: 0,
 	class: "reply-thread"
-}, Wn = {
+}, Kn = {
 	key: 0,
 	class: "reply-thread__more"
-}, Gn = { class: "reply-thread__header" }, Kn = { class: "reply-thread__author-block" }, qn = { class: "reply-thread__author" }, Jn = { class: "reply-thread__date" }, Yn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, qn = { class: "reply-thread__header" }, Jn = { class: "reply-thread__author-block" }, Yn = { class: "reply-thread__author" }, Xn = { class: "reply-thread__date" }, Zn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyThread",
 	props: {
 		replies: {},
@@ -2780,15 +2786,15 @@ var Hn = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = e, n = o(() => t.isExpanded ? t.replies : t.replies.slice(-1)), r = o(() => t.isExpanded ? 0 : Math.max(0, t.replies.length - 1));
-		return (t, i) => e.replies.length > 0 ? (b(), l("div", Un, [r.value > 0 ? (b(), l("div", Wn, E(r.value) + " " + E(r.value === 1 ? "reply" : "replies"), 1)) : c("", !0), (b(!0), l(a, null, C(n.value, (t) => (b(), l("div", {
+		return (t, i) => e.replies.length > 0 ? (b(), l("div", Gn, [r.value > 0 ? (b(), l("div", Kn, E(r.value) + " " + E(r.value === 1 ? "reply" : "replies"), 1)) : c("", !0), (b(!0), l(a, null, C(n.value, (t) => (b(), l("div", {
 			key: t.id,
 			class: g(["reply-thread__item", { "reply-thread__item--expanded": e.isExpanded }])
-		}, [u("div", Gn, [f(Hn, {
+		}, [u("div", qn, [f(Wn, {
 			name: t.author,
 			size: 28
-		}, null, 8, ["name"]), u("div", Kn, [u("div", qn, E(t.author || "Unknown"), 1), u("div", Jn, E(O(Rn)(t.date)), 1)])]), u("div", { class: g(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, E(O(Ln)(t.content)), 3)], 2))), 128))])) : c("", !0);
+		}, null, 8, ["name"]), u("div", Jn, [u("div", Yn, E(t.author || "Unknown"), 1), u("div", Xn, E(O(Bn)(t.date)), 1)])]), u("div", { class: g(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, E(O(zn)(t.content)), 3)], 2))), 128))])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-06331fac"]]), Xn = ["onKeydown"], Zn = { class: "reply-input__actions" }, Qn = ["disabled"], $n = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-06331fac"]]), Qn = ["onKeydown"], $n = { class: "reply-input__actions" }, er = ["disabled"], tr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyInput",
 	emits: ["submit"],
 	setup(e, { emit: t }) {
@@ -2820,14 +2826,14 @@ var Hn = /* @__PURE__ */ p({
 				P(F(p, ["prevent"]), ["enter"]),
 				P(f, ["esc"])
 			]
-		}, null, 40, Xn), [[A, i.value]]), u("div", Zn, [u("button", {
+		}, null, 40, Qn), [[A, i.value]]), u("div", $n, [u("button", {
 			class: "reply-input__cancel",
 			onClick: F(f, ["stop"])
 		}, "Cancel"), u("button", {
 			class: g(["reply-input__submit", { "reply-input__submit--active": c.value }]),
 			disabled: !c.value,
 			onClick: F(p, ["stop"])
-		}, " Reply ", 10, Qn)])], 64)) : (b(), l("input", {
+		}, " Reply ", 10, er)])], 64)) : (b(), l("input", {
 			key: 0,
 			readonly: "",
 			placeholder: "Reply",
@@ -2836,13 +2842,13 @@ var Hn = /* @__PURE__ */ p({
 			onClick: F(d, ["stop"])
 		}, null, 32))], 32));
 	}
-}), [["__scopeId", "data-v-fea8646c"]]), er = ["data-comment-id"], tr = {
+}), [["__scopeId", "data-v-fea8646c"]]), nr = ["data-comment-id"], rr = {
 	key: 0,
 	class: "comment-card__resolved"
-}, nr = { class: "comment-card__head" }, rr = { class: "comment-card__author-block" }, ir = { class: "comment-card__author" }, ar = { class: "comment-card__date" }, or = {
+}, ir = { class: "comment-card__head" }, ar = { class: "comment-card__author-block" }, or = { class: "comment-card__author" }, sr = { class: "comment-card__date" }, cr = {
 	key: 0,
 	class: "comment-card__actions"
-}, sr = ["title"], cr = { class: "comment-card__body" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, lr = ["title"], ur = { class: "comment-card__body" }, dr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentCard",
 	props: {
 		comment: {},
@@ -2857,118 +2863,118 @@ var Hn = /* @__PURE__ */ p({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = S(!1);
+		let n = e, i = t, a = S(!1);
 		function o() {
-			a.value = !1, i("delete", r.comment.id);
+			a.value = !1, i("delete", n.comment.id);
 		}
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: g(["comment-card", { "comment-card--expanded": e.expanded }]),
 			"data-comment-id": e.comment.id,
-			onClick: r[5] ||= (e) => t.$emit("click"),
-			onMousedown: r[6] ||= F(() => {}, ["stop"])
+			onClick: n[5] ||= (e) => t.$emit("click"),
+			onMousedown: n[6] ||= F(() => {}, ["stop"])
 		}, [
-			e.comment.done ? (b(), l("div", tr, [f(n, {
+			e.comment.done ? (b(), l("div", rr, [f(r, {
 				name: "check",
 				size: 12
-			}), r[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
-			u("div", nr, [
-				f(Hn, {
+			}), n[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
+			u("div", ir, [
+				f(Wn, {
 					name: e.comment.author,
 					size: 32
 				}, null, 8, ["name"]),
-				u("div", rr, [u("div", ir, E(e.comment.author || "Unknown"), 1), u("div", ar, E(O(Rn)(e.comment.date)), 1)]),
-				e.expanded ? (b(), l("div", or, [
+				u("div", ar, [u("div", or, E(e.comment.author || "Unknown"), 1), u("div", sr, E(O(Bn)(e.comment.date)), 1)]),
+				e.expanded ? (b(), l("div", cr, [
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: e.comment.done ? "Reopen" : "Resolve",
-						onClick: r[0] ||= F((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
-					}, [f(n, {
+						onClick: n[0] ||= F((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
+					}, [f(r, {
 						name: e.comment.done ? "undo" : "check",
 						size: 20
-					}, null, 8, ["name"])], 8, sr),
+					}, null, 8, ["name"])], 8, lr),
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: "More options",
-						onClick: r[1] ||= F((e) => a.value = !a.value, ["stop"])
-					}, [f(n, {
+						onClick: n[1] ||= F((e) => a.value = !a.value, ["stop"])
+					}, [f(r, {
 						name: "more_vert",
 						size: 20
 					})]),
 					a.value ? (b(), l("div", {
 						key: 0,
 						class: "comment-card__menu",
-						onClick: r[2] ||= F(() => {}, ["stop"]),
-						onMousedown: r[3] ||= F(() => {}, ["stop"])
+						onClick: n[2] ||= F(() => {}, ["stop"]),
+						onMousedown: n[3] ||= F(() => {}, ["stop"])
 					}, [u("button", {
 						class: "comment-card__menu-item",
 						onClick: o
 					}, "Delete")], 32)) : c("", !0)
 				])) : c("", !0)
 			]),
-			u("div", cr, E(O(Ln)(e.comment.content)), 1),
-			f(Yn, {
+			u("div", ur, E(O(zn)(e.comment.content)), 1),
+			f(Zn, {
 				replies: e.replies,
 				"is-expanded": e.expanded
 			}, null, 8, ["replies", "is-expanded"]),
-			e.expanded && !e.comment.done ? (b(), s($n, {
+			e.expanded && !e.comment.done ? (b(), s(tr, {
 				key: 1,
-				onSubmit: r[4] ||= (n) => t.$emit("reply", e.comment.id, n)
+				onSubmit: n[4] ||= (n) => t.$emit("reply", e.comment.id, n)
 			})) : c("", !0)
-		], 42, er));
+		], 42, nr));
 	}
-}), [["__scopeId", "data-v-7a3ee7ac"]]), ur = ["data-comment-id"], dr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-7a3ee7ac"]]), fr = ["data-comment-id"], pr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ResolvedCommentMarker",
 	props: { comment: {} },
 	emits: ["toggle-expand"],
 	setup(e) {
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: "resolved-comment-marker",
 			"data-comment-id": e.comment.id,
 			"data-comment-resolved": "true",
-			onClick: r[0] ||= (e) => t.$emit("toggle-expand"),
-			onMousedown: r[1] ||= F(() => {}, ["stop"])
-		}, [f(n, {
+			onClick: n[0] ||= (e) => t.$emit("toggle-expand"),
+			onMousedown: n[1] ||= F(() => {}, ["stop"])
+		}, [f(r, {
 			name: "chat_bubble_check",
 			size: 20
-		})], 40, ur));
+		})], 40, fr));
 	}
-}), [["__scopeId", "data-v-d0c228f6"]]), fr = { class: "tc-card__head" }, pr = { class: "tc-card__author-block" }, mr = { class: "tc-card__author" }, hr = {
+}), [["__scopeId", "data-v-d0c228f6"]]), mr = { class: "tc-card__head" }, hr = { class: "tc-card__author-block" }, gr = { class: "tc-card__author" }, _r = {
 	key: 0,
 	class: "tc-card__date"
-}, gr = {
+}, vr = {
 	key: 0,
 	class: "tc-card__actions"
-}, _r = ["title"], vr = ["title"], yr = { class: "tc-card__body" }, br = { class: "tc-card__deleted" }, xr = { class: "tc-card__inserted" }, Sr = { class: "tc-card__inserted" }, Cr = { class: "tc-card__deleted" }, wr = { class: "tc-card__changed" }, Tr = {
-	key: 4,
-	class: "tc-card__inserted"
-}, Er = {
+}, yr = ["title"], br = ["title"], xr = { class: "tc-card__body" }, Sr = { class: "tc-card__deleted" }, Cr = { class: "tc-card__inserted" }, wr = { class: "tc-card__inserted" }, Tr = { class: "tc-card__deleted" }, Er = { class: "tc-card__changed" }, Dr = { class: "tc-card__changed" }, Or = {
 	key: 5,
-	class: "tc-card__deleted"
-}, Dr = {
-	key: 6,
 	class: "tc-card__inserted"
-}, Or = {
-	key: 7,
-	class: "tc-card__deleted"
 }, kr = {
-	key: 8,
-	class: "tc-card__changed"
+	key: 6,
+	class: "tc-card__deleted"
 }, Ar = {
+	key: 7,
+	class: "tc-card__inserted"
+}, jr = {
+	key: 8,
+	class: "tc-card__deleted"
+}, Mr = {
 	key: 9,
 	class: "tc-card__changed"
-}, jr = {
+}, Nr = {
 	key: 10,
 	class: "tc-card__changed"
-}, Mr = {
+}, Pr = {
 	key: 11,
 	class: "tc-card__changed"
-}, Nr = {
+}, Fr = {
 	key: 12,
-	class: "tc-card__inserted"
-}, Pr = {
+	class: "tc-card__changed"
+}, Ir = {
 	key: 13,
+	class: "tc-card__inserted"
+}, Lr = {
+	key: 14,
 	class: "tc-card__deleted"
-}, Fr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, Rr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
@@ -2982,7 +2988,7 @@ var Hn = /* @__PURE__ */ p({
 		"reply"
 	],
 	setup(e, { emit: t }) {
-		let { t: i } = r(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
+		let { t: i } = n(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
 		function _() {
 			let e = /* @__PURE__ */ new Set([p.change.revisionId]);
 			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
@@ -2995,50 +3001,50 @@ var Hn = /* @__PURE__ */ p({
 		function y() {
 			for (let e of _()) m("reject-by-id", e);
 		}
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: g(["tc-card", { "tc-card--expanded": e.expanded }]),
-			onClick: r[1] ||= (e) => t.$emit("click"),
-			onMousedown: r[2] ||= F(() => {}, ["stop"])
+			onClick: n[1] ||= (e) => t.$emit("click"),
+			onMousedown: n[2] ||= F(() => {}, ["stop"])
 		}, [
-			u("div", fr, [
-				f(Hn, {
+			u("div", mr, [
+				f(Wn, {
 					name: h.value,
 					size: 32
 				}, null, 8, ["name"]),
-				u("div", pr, [u("div", mr, E(h.value), 1), e.change.date ? (b(), l("div", hr, E(O(Rn)(e.change.date)), 1)) : c("", !0)]),
-				e.expanded ? (b(), l("div", gr, [u("button", {
+				u("div", hr, [u("div", gr, E(h.value), 1), e.change.date ? (b(), l("div", _r, E(O(Bn)(e.change.date)), 1)) : c("", !0)]),
+				e.expanded ? (b(), l("div", vr, [u("button", {
 					class: "tc-card__icon-btn",
 					title: O(i)("acceptChange"),
 					onClick: F(v, ["stop"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "check",
 					size: 20
-				})], 8, _r), u("button", {
+				})], 8, yr), u("button", {
 					class: "tc-card__icon-btn",
 					title: O(i)("rejectChange"),
 					onClick: F(y, ["stop"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "close",
 					size: 20
-				})], 8, vr)])) : c("", !0)
+				})], 8, br)])) : c("", !0)
 			]),
-			u("div", yr, [e.change.type === "replacement" ? (b(), l(a, { key: 0 }, [
+			u("div", xr, [e.change.type === "replacement" ? (b(), l(a, { key: 0 }, [
 				d(E(O(i)("trackedChanges.replaced")) + " ", 1),
-				u("span", br, "\"" + E(O($)(e.change.deletedText || "")) + "\"", 1),
+				u("span", Sr, "\"" + E(O($)(e.change.deletedText || "")) + "\"", 1),
 				d(" " + E(O(i)("trackedChanges.with")) + " ", 1),
-				u("span", xr, "\"" + E(O($)(e.change.text)) + "\"", 1)
-			], 64)) : e.change.type === "paragraphMarkInsertion" ? (b(), l(a, { key: 1 }, [d(E(O(i)("revisions.paragraphMarkInserted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[3] ||= d(": ", -1), u("span", Sr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphMarkDeletion" ? (b(), l(a, { key: 2 }, [d(E(O(i)("revisions.paragraphMarkDeleted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[4] ||= d(": ", -1), u("span", Cr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphPropertiesChanged" ? (b(), l(a, { key: 3 }, [d(E(O(i)("revisions.paragraphPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[5] ||= d(": ", -1), u("span", wr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Tr, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", Er, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", Dr, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", Or, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", kr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Ar, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", jr, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Mr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Nr, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", Pr, E(O(i)("revisions.tableDeleted")), 1)) : (b(), l(a, { key: 14 }, [d(E(e.change.type === "insertion" ? O(i)("inserted") : O(i)("deleted")) + " ", 1), u("span", { class: g(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + E(O($)(e.change.text)) + "\" ", 3)], 64))]),
-			f(Yn, {
+				u("span", Cr, "\"" + E(O($)(e.change.text)) + "\"", 1)
+			], 64)) : e.change.type === "paragraphMarkInsertion" ? (b(), l(a, { key: 1 }, [d(E(O(i)("revisions.paragraphMarkInserted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[3] ||= d(": ", -1), u("span", wr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphMarkDeletion" ? (b(), l(a, { key: 2 }, [d(E(O(i)("revisions.paragraphMarkDeleted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[4] ||= d(": ", -1), u("span", Tr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphPropertiesChanged" ? (b(), l(a, { key: 3 }, [d(E(O(i)("revisions.paragraphPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[5] ||= d(": ", -1), u("span", Er, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "runPropertiesChanged" ? (b(), l(a, { key: 4 }, [d(E(O(i)("revisions.runPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[6] ||= d(": ", -1), u("span", Dr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Or, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", kr, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", Ar, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", jr, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", Mr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Nr, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", Pr, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Fr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Ir, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", Lr, E(O(i)("revisions.tableDeleted")), 1)) : (b(), l(a, { key: 15 }, [d(E(e.change.type === "insertion" ? O(i)("inserted") : O(i)("deleted")) + " ", 1), u("span", { class: g(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + E(O($)(e.change.text)) + "\" ", 3)], 64))]),
+			f(Zn, {
 				replies: e.replies,
 				"is-expanded": e.expanded
 			}, null, 8, ["replies", "is-expanded"]),
-			e.expanded ? (b(), s($n, {
+			e.expanded ? (b(), s(tr, {
 				key: 0,
-				onSubmit: r[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
+				onSubmit: n[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
 			})) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-510d39b5"]]), Ir = ["onKeydown"], Lr = { class: "add-comment-card__actions" }, Rr = ["disabled"], zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c16b1b1e"]]), zr = ["onKeydown"], Br = { class: "add-comment-card__actions" }, Vr = ["disabled"], Hr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -3067,53 +3073,19 @@ var Hn = /* @__PURE__ */ p({
 				P(F(s, ["exact", "prevent"]), ["enter"]),
 				P(c, ["esc"])
 			]
-		}, null, 40, Ir), [[A, r.value]]), u("div", Lr, [u("button", {
+		}, null, 40, zr), [[A, r.value]]), u("div", Br, [u("button", {
 			class: "add-comment-card__cancel",
 			onClick: c
 		}, "Cancel"), u("button", {
 			class: g(["add-comment-card__submit", { "add-comment-card__submit--active": a.value }]),
 			disabled: !a.value,
 			onClick: s
-		}, " Comment ", 10, Rr)])], 32));
+		}, " Comment ", 10, Vr)])], 32));
 	}
 }), [["__scopeId", "data-v-2939f9cd"]]);
 //#endregion
-//#region src/components/sidebar/resolveItemPositions.ts
-function Br(e, t, n, r, i) {
-	if (e.length === 0) return [];
-	let a = [];
-	for (let r of e) {
-		let e;
-		if (r.fixedY != null && (e = r.fixedY * n), e == null && r.anchorKey) {
-			let i = t.get(r.anchorKey);
-			i != null && (e = i * n);
-		}
-		if (e == null) {
-			let t = i.get(r.id);
-			t != null && (e = t);
-		}
-		e != null && (a.push({
-			item: r,
-			targetY: e
-		}), i.set(r.id, e));
-	}
-	a.sort((e, t) => {
-		let n = e.targetY - t.targetY;
-		return n === 0 ? (e.item.priority ?? 0) - (t.item.priority ?? 0) : n;
-	});
-	let o = [], s = 0;
-	for (let e of a) {
-		let t = r.get(e.item.id) ?? e.item.estimatedHeight ?? 80, n = Math.max(e.targetY, s + 8);
-		o.push({
-			item: e.item,
-			y: n
-		}), s = n + t;
-	}
-	return o;
-}
-//#endregion
 //#region src/composables/useCommentSidebarItems.ts
-function Vr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
+function Ur({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
 	return o(() => {
 		let a = [];
 		r?.value && i?.value != null && a.push({
@@ -3156,7 +3128,7 @@ function Vr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment:
 }
 //#endregion
 //#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
-var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "UnifiedSidebar",
 	props: {
 		isOpen: { type: Boolean },
@@ -3196,7 +3168,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			let t = e.target;
 			t instanceof HTMLElement && t.closest(".unified-sidebar__card-slot") || f.value !== null && (i.value = null, r("update:activeItemId", null));
 		}
-		let h = Vr({
+		let h = Ur({
 			comments: D(n, "comments"),
 			trackedChanges: D(n, "trackedChanges"),
 			showResolved: o(() => n.showResolved ?? !1),
@@ -3257,7 +3229,14 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				t && l.set(t, e.offsetHeight);
 			}
 			let d = /* @__PURE__ */ new Map();
-			for (let { item: e, y: n } of Br(t, s, 1, l, w)) d.set(e.id, n);
+			for (let { item: n, y: r } of W({
+				items: t,
+				anchorPositions: s,
+				renderedDomContext: R(e),
+				zoom: 1,
+				cardHeights: l,
+				lastKnown: w
+			})) d.set(n.id, r);
 			x.value = d, P();
 		}
 		let I = o(() => {
@@ -3276,8 +3255,8 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
     `;
 			}
 			return "";
-		}), R = o(() => {
-			let e = n.pageWidthPx / 2 + Ur - 176, t = x.value.size > 0 || h.value.length === 0;
+		}), z = o(() => {
+			let e = n.pageWidthPx / 2 + Gr - 176, t = x.value.size > 0 || h.value.length === 0;
 			return {
 				position: "absolute",
 				top: "0",
@@ -3286,7 +3265,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				opacity: +!!t
 			};
 		});
-		function z(e) {
+		function B(e) {
 			let t = x.value.get(e);
 			return t == null ? {
 				position: "static",
@@ -3299,10 +3278,10 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				transition: "top 0.15s ease"
 			};
 		}
-		let B = !1;
-		function V() {
-			B || (B = !0, requestAnimationFrame(() => {
-				B = !1, F();
+		let V = !1;
+		function H() {
+			V || (V = !0, requestAnimationFrame(() => {
+				V = !1, F();
 			}));
 		}
 		j(() => [
@@ -3313,7 +3292,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			n.zoom,
 			n.isAddingComment,
 			n.addCommentYPosition
-		], () => V(), { immediate: !0 });
+		], () => H(), { immediate: !0 });
 		function ee(e) {
 			let t = e?.parentElement ?? null;
 			for (; t;) {
@@ -3323,16 +3302,16 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}
 			return null;
 		}
-		let H = null;
-		function U() {
-			H && H.removeEventListener("scroll", V), H = ee(n.pagesContainer), H && H.addEventListener("scroll", V, { passive: !0 });
+		let U = null;
+		function G() {
+			U && U.removeEventListener("scroll", H), U = ee(n.pagesContainer), U && U.addEventListener("scroll", H, { passive: !0 });
 		}
 		return y(() => {
-			A = new ResizeObserver(() => V()), V(), n.pagesContainer && (k = new ResizeObserver(() => V()), k.observe(n.pagesContainer), U());
+			A = new ResizeObserver(() => H()), H(), n.pagesContainer && (k = new ResizeObserver(() => H()), k.observe(n.pagesContainer), G());
 		}), j(() => n.pagesContainer, (e) => {
-			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => V()), k.observe(e), U());
+			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => H()), k.observe(e), G());
 		}), v(() => {
-			k?.disconnect(), A?.disconnect(), H && H.removeEventListener("scroll", V);
+			k?.disconnect(), A?.disconnect(), U && U.removeEventListener("scroll", H);
 		}), (t, n) => (b(), l(a, null, [L.value ? (b(), s(T("style"), { key: 0 }, {
 			default: M(() => [d(E(L.value), 1)]),
 			_: 1
@@ -3341,7 +3320,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			ref_key: "rootRef",
 			ref: g,
 			class: "unified-sidebar",
-			style: _(R.value),
+			style: _(z.value),
 			onMousedown: m
 		}, [u("div", {
 			class: "unified-sidebar__inner",
@@ -3350,16 +3329,16 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			key: e.id,
 			class: "unified-sidebar__card-slot",
 			"data-card-id": e.id,
-			style: _(z(e.id))
-		}, [e.kind === "add-comment" ? (b(), s(zr, {
+			style: _(B(e.id))
+		}, [e.kind === "add-comment" ? (b(), s(Hr, {
 			key: 0,
 			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
 			onCancel: n[1] ||= (e) => t.$emit("cancel-add-comment")
-		})) : e.kind === "comment" && e.comment.done && f.value !== e.id ? (b(), s(dr, {
+		})) : e.kind === "comment" && e.comment.done && f.value !== e.id ? (b(), s(pr, {
 			key: 1,
 			comment: e.comment,
 			onToggleExpand: (t) => p(e.id)
-		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (b(), s(lr, {
+		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (b(), s(dr, {
 			key: 2,
 			comment: e.comment,
 			replies: e.replies,
@@ -3374,7 +3353,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : e.kind === "tracked-change" ? (b(), s(Fr, {
+		])) : e.kind === "tracked-change" ? (b(), s(Rr, {
 			key: 3,
 			change: e.change,
 			replies: e.replies ?? [],
@@ -3390,9 +3369,9 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : c("", !0)], 12, Hr))), 128))], 4)], 36)) : c("", !0)], 64));
+		])) : c("", !0)], 12, Wr))), 128))], 4)], 36)) : c("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-fbafe53a"]]), Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-e91a4f24"]]), qr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -3451,12 +3430,12 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-06469e2c"]]), Kr = [
+}), [["__scopeId", "data-v-06469e2c"]]), Jr = [
 	"disabled",
 	"title",
 	"aria-expanded",
 	"onClick"
-], qr = { class: "docx-align__panel" }, Jr = ["title", "onClick"], Yr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], Yr = { class: "docx-align__panel" }, Xr = ["title", "onClick"], Zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -3467,7 +3446,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), c = e, d = t, p = S(!1), m = [
+		let { Popover: n } = i(), c = e, d = t, p = S(!1), m = [
 			{
 				value: "left",
 				label: "Align left",
@@ -3496,7 +3475,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		function v(e) {
 			d("change", e), p.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: p.value,
 			"onUpdate:open": i[0] ||= (e) => p.value = e,
 			onClose: i[1] ||= (e) => p.value = !1
@@ -3509,27 +3488,27 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				"aria-expanded": p.value,
 				"aria-haspopup": "true",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: h.value,
 				size: 20
-			}, null, 8, ["name"]), f(n, {
+			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, Kr)]),
-			panel: M(() => [u("div", qr, [(b(), l(a, null, C(m, (t) => u("button", {
+			})], 10, Jr)]),
+			panel: M(() => [u("div", Yr, [(b(), l(a, null, C(m, (t) => u("button", {
 				key: t.value,
 				type: "button",
 				class: g(["docx-align__option", { "docx-align__option--active": e.value === t.value }]),
 				title: `${t.label} (${t.shortcut})`,
 				onClick: F((e) => v(t.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: t.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, Jr)), 64))])]),
+			}, null, 8, ["name"])], 10, Xr)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-088792b0"]]), Xr = { class: "docx-list-btns" }, Zr = ["disabled"], Qr = ["disabled"], $r = ["disabled"], ei = ["disabled"], ti = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-088792b0"]]), Qr = { class: "docx-list-btns" }, $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = ["disabled"], ri = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ListButtons",
 	props: {
 		listState: {},
@@ -3553,48 +3532,48 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		"outdent"
 	],
 	setup(e) {
-		return (t, r) => (b(), l("span", Xr, [
+		return (t, n) => (b(), l("span", Qr, [
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
 				disabled: e.disabled,
 				title: "Bullet list",
-				onClick: r[0] ||= F((e) => t.$emit("bullet-list"), ["prevent"])
-			}, [f(n, {
+				onClick: n[0] ||= F((e) => t.$emit("bullet-list"), ["prevent"])
+			}, [f(r, {
 				name: "format_list_bulleted",
 				size: 20
-			})], 10, Zr),
+			})], 10, $r),
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
 				disabled: e.disabled,
 				title: "Numbered list",
-				onClick: r[1] ||= F((e) => t.$emit("numbered-list"), ["prevent"])
-			}, [f(n, {
+				onClick: n[1] ||= F((e) => t.$emit("numbered-list"), ["prevent"])
+			}, [f(r, {
 				name: "format_list_numbered",
 				size: 20
-			})], 10, Qr),
+			})], 10, ei),
 			e.showIndentButtons ? (b(), l(a, { key: 0 }, [u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled || !e.canOutdent,
 				title: "Decrease indent",
-				onClick: r[2] ||= F((e) => t.$emit("outdent"), ["prevent"])
-			}, [f(n, {
+				onClick: n[2] ||= F((e) => t.$emit("outdent"), ["prevent"])
+			}, [f(r, {
 				name: "format_indent_decrease",
 				size: 20
-			})], 8, $r), u("button", {
+			})], 8, ti), u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled,
 				title: "Increase indent",
-				onClick: r[3] ||= F((e) => t.$emit("indent"), ["prevent"])
-			}, [f(n, {
+				onClick: n[3] ||= F((e) => t.$emit("indent"), ["prevent"])
+			}, [f(r, {
 				name: "format_indent_increase",
 				size: 20
-			})], 8, ei)], 64)) : c("", !0)
+			})], 8, ni)], 64)) : c("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-82fa229d"]]);
 //#endregion
-export { le as C, te as D, q as E, ue as S, Y as T, Ht as _, zr as a, ve as b, lr as c, In as d, An as f, Ut as g, Jt as h, Wr as i, $n as l, Yt as m, Yr as n, Fr as o, kn as p, Gr as r, dr as s, ti as t, Yn as u, Rt as v, oe as w, de as x, Dt as y };
+export { ue as C, K as D, te as E, de as S, ie as T, Wt as _, Hr as a, be as b, dr as c, Rn as d, Mn as f, Gt as g, Xt as h, Kr as i, tr as l, Zt as m, Zr as n, Rr as o, jn as p, qr as r, pr as s, ri as t, Zn as u, Bt as v, X as w, fe as x, kt as y };