@stll/folio-vue 0.17.2 → 0.17.3

package/dist/{ListButtons-BlOX6_s_.js → ListButtons-0NZvOgUE.js}

@@ -3,13 +3,14 @@ import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c
 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";
+import { commentAnchorSelector as z, indexCommentAnchors as B } from "@stll/folio-core/render-dom/commentAnchorAttributes";
+import { pixelsToTwips as V, twipsToPixels as ee } from "@stll/folio-core/utils/units";
+import { DISPLAY_MODES as H } from "@stll/folio-core/managers/EditorModeManager";
+import { redoDepth as U, undoDepth as W } from "prosemirror-history";
+import { clearFormatting as G } from "@stll/folio-core/prosemirror/commands/formatting";
+import { resolveSidebarItemPositions as K } from "@stll/folio-core/render-dom/resolveSidebarItemPositions";
 //#region src/components/CommentMarginMarkers.vue?vue&type=script&setup=true&lang.ts
-var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
+var q = ["title", "onClick"], J = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentMarginMarkers",
 	props: {
 		comments: {},
@@ -25,12 +26,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			if (t.sidebarOpen) return [];
 			let e = t.pagesContainer;
 			if (!e) return [];
-			let n = e.getBoundingClientRect(), r = /* @__PURE__ */ new Map();
-			for (let t of e.querySelectorAll("[data-comment-id]")) {
-				let e = t.dataset.commentId;
-				e && !r.has(e) && r.set(e, t);
-			}
-			let i = [];
+			let n = e.getBoundingClientRect(), r = B(e), i = [];
 			for (let a of t.comments) {
 				if (a.parentId != null) continue;
 				let o = r.get(String(a.id));
@@ -64,12 +60,12 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		}, [f(r, {
 			name: n.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
 			size: 18
-		}, null, 8, ["name"])], 12, G))), 128))], 36)) : c("", !0);
+		}, null, 8, ["name"])], 12, q))), 128))], 36)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-bea4eef6"]]), q = { class: "doc-name" }, J = ["value"], Y = {
+}), [["__scopeId", "data-v-bf75a017"]]), Y = { class: "doc-name" }, te = ["value"], ne = {
 	key: 1,
 	class: "doc-name__text"
-}, te = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, re = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "DocumentName",
 	props: {
 		modelValue: {},
@@ -91,16 +87,16 @@ var G = ["title", "onClick"], K = /*#__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", q, [e.editable ? (b(), l("input", {
+		return (t, n) => (b(), l("div", Y, [e.editable ? (b(), l("input", {
 			key: 0,
 			class: "doc-name__input",
 			value: i.value,
 			placeholder: "Untitled document",
 			onInput: a,
 			onBlur: s
-		}, null, 40, J)) : (b(), l("span", Y, E(i.value || "Untitled document"), 1))]));
+		}, null, 40, te)) : (b(), l("span", ne, E(i.value || "Untitled document"), 1))]));
 	}
-}), [["__scopeId", "data-v-ae6cb472"]]), ne = ["aria-selected", "onMouseenter"], re = { class: "docx-table-grid-inline__label" }, ie = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ae6cb472"]]), ie = ["aria-selected", "onMouseenter"], ae = { class: "docx-table-grid-inline__label" }, oe = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableGridInline",
 	props: {
 		gridRows: { default: 6 },
@@ -136,15 +132,15 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				i.value = e.r, s.value = e.c;
 			},
 			onClick: F(d, ["prevent"])
-		}, null, 42, ne))), 128))], 36), u("div", re, E(i.value > 0 && s.value > 0 ? `${s.value} × ${i.value}` : "Select size"), 1)]));
+		}, null, 42, ie))), 128))], 36), u("div", ae, E(i.value > 0 && s.value > 0 ? `${s.value} × ${i.value}` : "Select size"), 1)]));
 	}
-}), [["__scopeId", "data-v-79c593ca"]]), ae = {
+}), [["__scopeId", "data-v-79c593ca"]]), se = {
 	class: "menu-bar",
 	role: "menubar"
-}, oe = {
+}, X = {
 	key: 1,
 	class: "menu-bar__break-submenu"
-}, se = ["onClick"], X = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, ce = ["onClick"], le = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "MenuBar",
 	props: {
 		showFileOpen: {
@@ -240,7 +236,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			label: h("toolbar.reportIssue"),
 			onClick: g("reportIssue")
 		}]);
-		return (t, n) => (b(), l("div", ae, [
+		return (t, n) => (b(), l("div", se, [
 			f(O(d), {
 				label: O(h)("toolbar.file"),
 				items: _.value
@@ -253,12 +249,12 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				label: O(h)("toolbar.insert"),
 				items: y.value
 			}, {
-				submenu: M(({ item: e, closeMenu: t }) => [e.key === "table" ? (b(), s(ie, {
+				submenu: M(({ item: e, closeMenu: t }) => [e.key === "table" ? (b(), s(oe, {
 					key: 0,
 					onInsert: (e, n) => {
 						m("insert-table", e, n), t();
 					}
-				}, null, 8, ["onInsert"])) : e.key === "break" ? (b(), l("div", oe, [(b(!0), l(a, null, C(x.value, (e) => (b(), l("button", {
+				}, null, 8, ["onInsert"])) : e.key === "break" ? (b(), l("div", X, [(b(!0), l(a, null, C(x.value, (e) => (b(), l("button", {
 					key: e.action,
 					type: "button",
 					class: "menu-bar__break-item",
@@ -268,7 +264,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				}, [f(r, {
 					name: e.icon,
 					size: 18
-				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, se))), 128))])) : c("", !0)]),
+				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, ce))), 128))])) : c("", !0)]),
 				_: 1
 			}, 8, ["label", "items"]),
 			e.showHelpMenu ? (b(), s(O(d), {
@@ -278,13 +274,13 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, null, 8, ["label", "items"])) : c("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-bd3f3f2c"]]), ce = [
+}), [["__scopeId", "data-v-bd3f3f2c"]]), Z = [
 	"disabled",
 	"aria-label",
 	"title",
 	"aria-expanded",
 	"onClick"
-], le = { class: "docx-icon-grid__panel" }, Z = ["title", "onClick"], ue = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], ue = { class: "docx-icon-grid__panel" }, de = ["title", "onClick"], fe = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "IconGridDropdown",
 	props: {
 		options: {},
@@ -320,8 +316,8 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, ce)]),
-			panel: M(() => [u("div", le, [(b(!0), l(a, null, C(e.options, (t) => (b(), l("button", {
+			})], 10, Z)]),
+			panel: M(() => [u("div", ue, [(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 }]),
@@ -330,11 +326,11 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: t.iconName,
 				size: 18
-			}, null, 8, ["name"])], 10, Z))), 128))])]),
+			}, null, 8, ["name"])], 10, de))), 128))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-72fa875c"]]), de = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-72fa875c"]]), pe = /* @__PURE__ */ p({
 	__name: "ImageWrapDropdown",
 	props: {
 		imageContext: {},
@@ -381,7 +377,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			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, n) => (b(), s(ue, {
+		return (t, n) => (b(), s(fe, {
 			options: a.value,
 			"active-value": c.value,
 			"trigger-icon": u.value,
@@ -396,7 +392,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), fe = /* @__PURE__ */ p({
+}), me = /* @__PURE__ */ p({
 	__name: "ImageTransformDropdown",
 	props: { disabled: { type: Boolean } },
 	emits: ["transform"],
@@ -427,7 +423,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			label: t(e.labelKey),
 			iconName: e.iconName
 		})));
-		return (n, r) => (b(), s(ue, {
+		return (n, r) => (b(), s(fe, {
 			options: i.value,
 			"trigger-icon": "rotate_right",
 			"tooltip-content": O(t)("imageTransform.tooltip"),
@@ -439,10 +435,10 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), pe = ["title", "onClick"], me = {
+}), he = ["title", "onClick"], ge = {
 	key: 0,
 	class: "editing-mode__label"
-}, 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({
+}, _e = { class: "editing-mode__panel" }, ve = ["onClick"], ye = { class: "editing-mode__option-text" }, be = { class: "editing-mode__option-label" }, xe = { class: "editing-mode__option-desc" }, Se = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "EditingModeDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
@@ -495,13 +491,13 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 					name: D.value.icon,
 					size: 18
 				}, null, 8, ["name"]),
-				T.value ? c("", !0) : (b(), l("span", me, E(O(d)(D.value.labelKey)), 1)),
+				T.value ? c("", !0) : (b(), l("span", ge, E(O(d)(D.value.labelKey)), 1)),
 				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
-			], 10, pe)]),
-			panel: M(() => [u("div", he, [(b(), l(a, null, C(x, (t) => u("button", {
+			], 10, he)]),
+			panel: M(() => [u("div", _e, [(b(), l(a, null, C(x, (t) => u("button", {
 				key: t.value,
 				type: "button",
 				class: "editing-mode__option",
@@ -511,23 +507,23 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 					name: t.icon,
 					size: 20
 				}, null, 8, ["name"]),
-				u("span", _e, [u("span", ve, E(O(d)(t.labelKey)), 1), u("span", ye, E(O(d)(t.descKey)), 1)]),
+				u("span", ye, [u("span", be, E(O(d)(t.labelKey)), 1), u("span", xe, 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, ge)), 64))])]),
+			], 8, ve)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-333d7e96"]]), xe = { class: "review-controls" }, Se = [
+}), [["__scopeId", "data-v-333d7e96"]]), Ce = { class: "review-controls" }, we = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"title"
-], 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({
+], Te = { class: "review-controls__toggle-label" }, Ee = ["title", "onClick"], De = { class: "review-controls__display-label" }, Oe = ["onClick"], ke = { class: "review-controls__option-label" }, Ae = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReviewControls",
 	props: {
 		trackChangesOn: { type: Boolean },
@@ -552,7 +548,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		function w(e) {
 			h("update:display-mode", e), _.value = !1;
 		}
-		return (t, n) => (b(), l("div", xe, [u("button", {
+		return (t, n) => (b(), l("div", Ce, [u("button", {
 			type: "button",
 			class: g(["review-controls__toggle", { "review-controls__toggle--on": e.trackChangesOn }]),
 			disabled: e.readOnly,
@@ -564,7 +560,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		}, [f(r, {
 			name: "edit_note",
 			size: 18
-		}), u("span", Ce, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, Se), f(O(p), {
+		}), u("span", Te, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, we), f(O(p), {
 			open: _.value,
 			placement: "bottom-right",
 			"onUpdate:open": n[4] ||= (e) => _.value = e,
@@ -581,49 +577,49 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 					name: "visibility",
 					size: 16
 				}),
-				u("span", Te, E(x.value), 1),
+				u("span", De, E(x.value), 1),
 				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
-			], 42, we)]),
+			], 42, Ee)]),
 			panel: M(() => [u("div", {
 				class: "review-controls__panel",
 				onMousedown: n[3] ||= F(() => {}, ["prevent"])
-			}, [(b(!0), l(a, null, C(O(V), (t) => (b(), l("button", {
+			}, [(b(!0), l(a, null, C(O(H), (t) => (b(), l("button", {
 				key: t,
 				type: "button",
 				class: "review-controls__option",
 				onClick: F((e) => w(t), ["prevent"])
-			}, [u("span", De, E(y(t)), 1), t === e.displayMode ? (b(), s(r, {
+			}, [u("span", ke, E(y(t)), 1), t === e.displayMode ? (b(), s(r, {
 				key: 0,
 				name: "check",
 				size: 18,
 				class: "review-controls__check"
-			})) : c("", !0)], 8, Ee))), 128))], 32)]),
+			})) : c("", !0)], 8, Oe))), 128))], 32)]),
 			_: 1
 		}, 8, ["open"])]));
 	}
 }), [["__scopeId", "data-v-e54a1ec7"]]);
 //#endregion
 //#region src/utils/fontOptions.ts
-function ke(e) {
+function je(e) {
 	if (e === void 0) return;
 	let t = e.map((e) => typeof e == "string" ? {
 		name: e,
 		fontFamily: e,
 		category: "other"
 	} : e);
-	if (Ae()) {
+	if (Me()) {
 		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 Ae() {
+function Me() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function je(e, t) {
+function Ne(e, t) {
 	if (!e || e.length === 0) return [];
 	let n = /* @__PURE__ */ new Set();
 	for (let e of t) n.add(e.trim().toLowerCase());
@@ -636,7 +632,7 @@ function je(e, t) {
 }
 //#endregion
 //#region src/components/Toolbar/presets.ts
-var Me = [
+var Pe = [
 	{
 		name: "Arial",
 		fontFamily: "Arial",
@@ -697,7 +693,7 @@ var Me = [
 		fontFamily: "Consolas",
 		category: "monospace"
 	}
-], Ne = [
+], Fe = [
 	8,
 	9,
 	10,
@@ -712,7 +708,7 @@ var Me = [
 	36,
 	48,
 	72
-], Pe = [
+], Ie = [
 	{
 		id: "Normal",
 		label: "Normal",
@@ -743,7 +739,7 @@ var Me = [
 		label: "Heading 3",
 		nameKey: "styles.heading3"
 	}
-], Fe = [
+], Le = [
 	{
 		label: "Single",
 		labelKey: "lineSpacing.single",
@@ -762,7 +758,7 @@ var Me = [
 		labelKey: "lineSpacing.double",
 		value: 480
 	}
-], Ie = [
+], Re = [
 	.5,
 	.75,
 	1,
@@ -772,7 +768,7 @@ var Me = [
 ];
 //#endregion
 //#region src/composables/useToolbarDropdowns.ts
-function Le(e) {
+function ze(e) {
 	let t = S(null), n = S({
 		top: 0,
 		left: 0
@@ -824,7 +820,7 @@ function Le(e) {
 }
 //#endregion
 //#region src/composables/useToolbarFontSize.ts
-function Re(e) {
+function Be(e) {
 	let t = S(!1), n = (t) => e.execCommand("setFontSize", t * 2);
 	function r() {
 		t.value = !1, e.openDropdown.value = "size", e.recomputeDropdownPos("size");
@@ -844,11 +840,11 @@ function Re(e) {
 	}
 	function s() {
 		let t = e.currentFontSize.value;
-		n(Ne.find((e) => e > t) || t + 1);
+		n(Fe.find((e) => e > t) || t + 1);
 	}
 	function c() {
 		let t = e.currentFontSize.value;
-		n([...Ne].reverse().find((e) => e < t) || Math.max(1, t - 1));
+		n([...Fe].reverse().find((e) => e < t) || Math.max(1, t - 1));
 	}
 	return {
 		onSizeFocus: r,
@@ -861,7 +857,7 @@ function Re(e) {
 }
 //#endregion
 //#region src/utils/stylePreview.ts
-var ze = {
+var Ve = {
 	Title: 26,
 	Subtitle: 18,
 	Heading1: 24,
@@ -871,22 +867,22 @@ var ze = {
 	Heading5: 13,
 	Heading6: 13,
 	Normal: 14
-}, Be = /* @__PURE__ */ new Set([
+}, He = /* @__PURE__ */ new Set([
 	"Title",
 	"Heading1",
 	"Heading2",
 	"Heading3"
-]), Ve = { Subtitle: "666666" }, He = "#4a6c8c";
-function Ue(e) {
-	let t = ze[e.styleId], n = {
+]), Ue = { Subtitle: "666666" }, We = "#4a6c8c";
+function Ge(e) {
+	let t = Ve[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 ?? 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;
+	(e.bold ?? He.has(e.styleId)) && (n.fontWeight = "bold"), e.italic && (n.fontStyle = "italic");
+	let r = e.color ?? Ue[e.styleId];
+	return r ? n.color = `#${r}` : e.styleId.startsWith("Heading") && (n.color = We), n;
 }
-function We(e) {
+function Ke(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,
@@ -899,20 +895,20 @@ function We(e) {
 }
 //#endregion
 //#region src/composables/useParagraphStyleOptions.ts
-function Ge(e) {
+function qe(e) {
 	let t = o(() => {
-		let t = We(e.documentStyles());
+		let t = Ke(e.documentStyles());
 		return t.length > 0 ? t.map((t) => {
-			let n = Pe.find((e) => e.id === t.styleId);
+			let n = Ie.find((e) => e.id === t.styleId);
 			return {
 				id: t.styleId,
 				label: n ? e.t(n.nameKey) : t.name,
-				previewStyle: Ue(t)
+				previewStyle: Ge(t)
 			};
-		}) : Pe.map((t) => ({
+		}) : Ie.map((t) => ({
 			id: t.id,
 			label: e.t(t.nameKey),
-			previewStyle: Ue({ styleId: t.id })
+			previewStyle: Ge({ styleId: t.id })
 		}));
 	});
 	return {
@@ -925,29 +921,29 @@ function Ge(e) {
 }
 //#endregion
 //#region src/components/Toolbar.vue?vue&type=script&setup=true&lang.ts
-var Ke = {
+var Je = {
 	key: 0,
 	class: "basic-toolbar"
-}, qe = [
+}, Ye = [
 	"title",
 	"aria-label",
 	"disabled"
-], Je = [
+], Xe = [
 	"title",
 	"aria-label",
 	"disabled"
-], Ye = ["disabled", "title"], Xe = ["aria-expanded", "title"], Ze = ["disabled", "title"], Qe = ["onMousedown"], $e = ["aria-expanded", "title"], et = ["onMousedown"], tt = ["aria-expanded", "title"], nt = {
+], Ze = ["disabled", "title"], Qe = ["aria-expanded", "title"], $e = ["disabled", "title"], et = ["onMousedown"], tt = ["aria-expanded", "title"], nt = ["onMousedown"], rt = ["aria-expanded", "title"], it = {
 	key: 0,
 	class: "toolbar-dropdown__group-label"
-}, rt = ["onMousedown"], it = ["title"], at = [
+}, at = ["onMousedown"], ot = ["title"], st = [
 	"value",
 	"title",
 	"aria-expanded"
-], 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 = [
+], ct = ["title"], lt = ["onMousedown"], ut = ["title", "aria-label"], dt = ["title", "aria-label"], ft = ["title", "aria-label"], pt = ["title", "aria-label"], mt = ["title", "aria-label"], ht = ["title", "aria-label"], gt = ["title", "aria-label"], _t = ["aria-expanded", "title"], vt = ["title"], yt = ["title"], bt = ["title"], xt = ["title"], St = ["title", "aria-label"], Ct = ["title", "aria-label"], wt = [
 	"title",
 	"aria-label",
 	"disabled"
-], 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({
+], Tt = ["title", "aria-label"], Et = ["aria-expanded", "title"], Dt = ["onMousedown"], Ot = ["title", "aria-label"], kt = ["title", "aria-label"], At = ["title", "aria-label"], jt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "Toolbar",
 	props: {
 		view: { default: null },
@@ -1005,14 +1001,14 @@ var Ke = {
 		"image-transform"
 	],
 	setup(e, { emit: t }) {
-		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({
+		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 ?? Re), 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: ee } = ze({
 			zoom: R,
 			style: A,
 			font: j,
 			size: M,
 			align: N,
 			spacing: I
-		}), G = o(() => {
+		}), H = o(() => {
 			m.stateTick;
 			let e = m.view;
 			return e ? L(e.state) : {
@@ -1028,40 +1024,40 @@ var Ke = {
 				inDeletion: !1
 			};
 		}), K = o(() => {
-			let e = G.value.textFormatting.fontFamily;
+			let e = H.value.textFormatting.fontFamily;
 			return e?.ascii || e?.hAnsi || "Arial";
 		}), q = o(() => {
-			let e = G.value.textFormatting.fontSize;
+			let e = H.value.textFormatting.fontSize;
 			return e ? e / 2 : 11;
-		}), J = o(() => G.value.paragraphFormatting.alignment || "left"), Y = o(() => {
+		}), J = o(() => H.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: te, currentStyleLabel: ne } = Ge({
+		}), { resolvedParagraphStyles: te, currentStyleLabel: ne } = qe({
 			documentStyles: () => m.documentStyles,
-			currentStyleId: () => G.value.paragraphFormatting.styleId || "Normal",
+			currentStyleId: () => H.value.paragraphFormatting.styleId || "Normal",
 			t: h
 		}), re = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? ee(e.state) > 0 : !1;
+			return e ? W(e.state) > 0 : !1;
 		}), ie = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? H(e.state) > 0 : !1;
+			return e ? U(e.state) > 0 : !1;
 		}), ae = o(() => {
-			let e = G.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
+			let e = H.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
 			return t || n;
 		}), oe = o(() => {
-			let e = G.value.textFormatting.color?.rgb;
+			let e = H.value.textFormatting.color?.rgb;
 			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
 		}), se = o(() => {
-			let e = G.value.textFormatting.highlight;
+			let e = H.value.textFormatting.highlight;
 			if (!(!e || e === "none")) return e.replace(/^#/, "").toUpperCase();
-		}), X = o(() => ke(m.fontFamilies) ?? Me), ce = o(() => je(m.documentFonts, X.value.map((e) => e.name))), le = o(() => [
+		}), X = o(() => je(m.fontFamilies) ?? Pe), ce = o(() => Ne(m.documentFonts, X.value.map((e) => e.name))), le = o(() => [
 			{
 				label: h("font.documentFonts"),
 				fonts: ce.value
@@ -1096,10 +1092,10 @@ var Ke = {
 		function ue(e) {
 			Z("setFontFamily", e);
 		}
-		let { onSizeFocus: pe, onSizeInput: me, commitFontSize: he, pickFontSize: ge, increaseFontSize: _e, decreaseFontSize: ve } = Re({
+		let { onSizeFocus: de, onSizeInput: fe, commitFontSize: he, pickFontSize: ge, increaseFontSize: _e, decreaseFontSize: ve } = Be({
 			currentFontSize: q,
 			openDropdown: z,
-			recomputeDropdownPos: W,
+			recomputeDropdownPos: ee,
 			execCommand: Z
 		});
 		function ye(e) {
@@ -1109,11 +1105,11 @@ var Ke = {
 			}
 			Z("setTextColor", typeof e == "string" ? { rgb: e } : e);
 		}
-		function xe() {
+		function be() {
 			let e = m.view;
-			e && (U(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+			e && (G(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
 		}
-		function Se(e) {
+		function xe(e) {
 			Z("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
 		}
 		function Ce(e) {
@@ -1123,22 +1119,22 @@ var Ke = {
 			Z("setLineSpacing", e);
 		}
 		function Te(e) {
-			let t = G.value.paragraphFormatting.lineSpacing;
+			let t = H.value.paragraphFormatting.lineSpacing;
 			return t ? Math.abs(t - e) < 10 : e === 240;
 		}
-		return (t, n) => e.view ? (b(), l("div", Ke, [
+		return (t, n) => e.view ? (b(), l("div", Je, [
 			u("button", {
 				title: O(h)("undoShortcut"),
 				"aria-label": O(h)("undo"),
 				disabled: !re.value,
 				onMousedown: n[0] ||= F((e) => Z("undo"), ["prevent"])
-			}, [f(r, { name: "undo" })], 40, qe),
+			}, [f(r, { name: "undo" })], 40, Ye),
 			u("button", {
 				title: O(h)("redoShortcut"),
 				"aria-label": O(h)("redo"),
 				disabled: !ie.value,
 				onMousedown: n[1] ||= F((e) => Z("redo"), ["prevent"])
-			}, [f(r, { name: "redo" })], 40, Je),
+			}, [f(r, { name: "redo" })], 40, Xe),
 			n[42] ||= u("span", { class: "divider" }, null, -1),
 			k.value ? (b(), l("div", {
 				key: 0,
@@ -1151,7 +1147,7 @@ var Ke = {
 					onMousedown: n[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
 					disabled: x.value,
 					title: O(h)("zoom.zoomOut")
-				}, " − ", 40, Ye),
+				}, " − ", 40, Ze),
 				u("button", {
 					class: "toolbar-dropdown__trigger zoom-trigger",
 					onMousedown: n[3] ||= F((e) => O(V)("zoom"), ["prevent"]),
@@ -1162,13 +1158,13 @@ var Ke = {
 					class: "chevron",
 					name: "arrow_drop_down",
 					size: 16
-				})], 40, Xe),
+				})], 40, Qe),
 				u("button", {
 					class: "size-btn",
 					onMousedown: n[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
 					disabled: T.value,
 					title: O(h)("zoom.zoomIn")
-				}, " + ", 40, Ze),
+				}, " + ", 40, $e),
 				O(z) === "zoom" ? (b(), l("div", {
 					key: 0,
 					style: _(O(B)),
@@ -1177,7 +1173,7 @@ var Ke = {
 					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, Qe))), 128))], 4)) : c("", !0)
+				}, E(Math.round(e * 100)) + "% ", 43, et))), 128))], 4)) : c("", !0)
 			], 512)) : c("", !0),
 			n[43] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
@@ -1194,15 +1190,15 @@ var Ke = {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, $e), O(z) === "style" ? (b(), l("div", {
+			})], 40, tt), O(z) === "style" ? (b(), l("div", {
 				key: 0,
 				style: _(O(B)),
 				class: "toolbar-dropdown__menu style-menu"
 			}, [(b(!0), l(a, null, C(O(te), (e) => (b(), l("button", {
 				key: e.id,
-				class: g(["toolbar-dropdown__item", { active: (G.value.paragraphFormatting.styleId || "Normal") === e.id }]),
+				class: g(["toolbar-dropdown__item", { active: (H.value.paragraphFormatting.styleId || "Normal") === e.id }]),
 				onMousedown: F((t) => Ce(e.id), ["prevent"])
-			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, et))), 128))], 4)) : c("", !0)], 512),
+			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, nt))), 128))], 4)) : c("", !0)], 512),
 			n[44] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
@@ -1218,16 +1214,16 @@ var Ke = {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, tt), O(z) === "font" ? (b(), l("div", {
+			})], 40, rt), O(z) === "font" ? (b(), l("div", {
 				key: 0,
 				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", nt, 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", it, 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: K.value === e.name }]),
 				style: _({ fontFamily: e.fontFamily }),
 				onMousedown: F((t) => ue(e.name), ["prevent"])
-			}, E(e.name), 47, rt))), 128))], 64))), 128))], 4)) : c("", !0)], 512),
+			}, E(e.name), 47, at))), 128))], 64))), 128))], 4)) : c("", !0)], 512),
 			u("div", {
 				class: "toolbar-dropdown font-size-group",
 				ref_key: "sizeDropdownRef",
@@ -1237,64 +1233,64 @@ var Ke = {
 					class: "size-btn",
 					onMousedown: n[7] ||= F((...e) => O(ve) && O(ve)(...e), ["prevent"]),
 					title: O(h)("decreaseFontSize")
-				}, " − ", 40, it),
+				}, " − ", 40, ot),
 				u("input", {
 					class: "size-trigger size-input",
 					type: "text",
 					value: q.value,
 					title: O(h)("fontSize"),
 					onMousedown: n[8] ||= F(() => {}, ["stop"]),
-					onFocus: n[9] ||= (...e) => O(pe) && O(pe)(...e),
+					onFocus: n[9] ||= (...e) => O(de) && O(de)(...e),
 					"aria-expanded": O(z) === "size",
 					"aria-haspopup": "listbox",
-					onInput: n[10] ||= (...e) => O(me) && O(me)(...e),
+					onInput: n[10] ||= (...e) => O(fe) && O(fe)(...e),
 					onKeydown: [
 						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: n[14] ||= (e) => O(he)(e)
-				}, null, 40, at),
+				}, null, 40, st),
 				u("button", {
 					class: "size-btn",
 					onMousedown: n[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
 					title: O(h)("increaseFontSize")
-				}, " + ", 40, ot),
+				}, " + ", 40, ct),
 				O(z) === "size" ? (b(), l("div", {
 					key: 0,
 					style: _(O(B)),
 					class: "toolbar-dropdown__menu size-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,
 					class: g(["toolbar-dropdown__item", { active: q.value === e }]),
 					onMousedown: F((t) => O(ge)(e), ["prevent"])
-				}, E(e), 43, st))), 128))], 4)) : c("", !0)
+				}, E(e), 43, lt))), 128))], 4)) : c("", !0)
 			], 512),
 			n[45] ||= u("span", { class: "divider" }, null, -1),
 			u("button", {
 				title: O(h)("boldShortcut"),
 				"aria-label": O(h)("bold"),
-				class: g({ active: G.value.textFormatting.bold }),
+				class: g({ active: H.value.textFormatting.bold }),
 				onMousedown: n[16] ||= F((e) => Z("toggleBold"), ["prevent"])
-			}, [f(r, { name: "format_bold" })], 42, ct),
+			}, [f(r, { name: "format_bold" })], 42, ut),
 			u("button", {
 				title: O(h)("italicShortcut"),
 				"aria-label": O(h)("italic"),
-				class: g({ active: G.value.textFormatting.italic }),
+				class: g({ active: H.value.textFormatting.italic }),
 				onMousedown: n[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
-			}, [f(r, { name: "format_italic" })], 42, lt),
+			}, [f(r, { name: "format_italic" })], 42, dt),
 			u("button", {
 				title: O(h)("underlineShortcut"),
 				"aria-label": O(h)("underline"),
-				class: g({ active: !!G.value.textFormatting.underline }),
+				class: g({ active: !!H.value.textFormatting.underline }),
 				onMousedown: n[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
-			}, [f(r, { name: "format_underlined" })], 42, ut),
+			}, [f(r, { name: "format_underlined" })], 42, ft),
 			u("button", {
 				title: O(h)("formattingBar.strikethrough"),
 				"aria-label": O(h)("formattingBar.strikethrough"),
-				class: g({ active: G.value.textFormatting.strike }),
+				class: g({ active: H.value.textFormatting.strike }),
 				onMousedown: n[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
-			}, [f(r, { name: "strikethrough_s" })], 42, dt),
+			}, [f(r, { name: "strikethrough_s" })], 42, pt),
 			f(O(p), {
 				mode: "text",
 				value: oe.value,
@@ -1305,25 +1301,25 @@ var Ke = {
 				mode: "highlight",
 				value: se.value,
 				theme: e.theme ?? null,
-				onChange: Se
+				onChange: xe
 			}, null, 8, ["value", "theme"]),
 			u("button", {
 				title: O(h)("formattingBar.insertLinkShortcut"),
 				"aria-label": O(h)("formattingBar.insertLink"),
 				onMousedown: n[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
-			}, [f(r, { name: "link" })], 40, ft),
+			}, [f(r, { name: "link" })], 40, mt),
 			u("button", {
 				title: O(h)("formattingBar.superscriptShortcut"),
 				"aria-label": O(h)("formattingBar.superscript"),
-				class: g({ active: G.value.textFormatting.vertAlign === "superscript" }),
+				class: g({ active: H.value.textFormatting.vertAlign === "superscript" }),
 				onMousedown: n[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
-			}, [f(r, { name: "superscript" })], 42, pt),
+			}, [f(r, { name: "superscript" })], 42, ht),
 			u("button", {
 				title: O(h)("formattingBar.subscriptShortcut"),
 				"aria-label": O(h)("formattingBar.subscript"),
-				class: g({ active: G.value.textFormatting.vertAlign === "subscript" }),
+				class: g({ active: H.value.textFormatting.vertAlign === "subscript" }),
 				onMousedown: n[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
-			}, [f(r, { name: "subscript" })], 42, mt),
+			}, [f(r, { name: "subscript" })], 42, gt),
 			n[46] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
@@ -1339,7 +1335,7 @@ var Ke = {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, ht), O(z) === "align" ? (b(), l("div", {
+			})], 40, _t), O(z) === "align" ? (b(), l("div", {
 				key: 0,
 				style: _(O(B)),
 				class: "toolbar-dropdown__menu align-strip"
@@ -1353,7 +1349,7 @@ var Ke = {
 				}, [f(r, {
 					name: "format_align_left",
 					size: 18
-				})], 42, gt),
+				})], 42, vt),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "center" }]),
 					title: `${O(h)("alignCenter")} (${O(h)("alignment.centerShortcut")})`,
@@ -1363,7 +1359,7 @@ var Ke = {
 				}, [f(r, {
 					name: "format_align_center",
 					size: 18
-				})], 42, _t),
+				})], 42, yt),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "right" }]),
 					title: `${O(h)("alignRight")} (${O(h)("alignment.alignRightShortcut")})`,
@@ -1373,7 +1369,7 @@ var Ke = {
 				}, [f(r, {
 					name: "format_align_right",
 					size: 18
-				})], 42, vt),
+				})], 42, bt),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "both" }]),
 					title: `${O(h)("justify")} (${O(h)("alignment.justifyShortcut")})`,
@@ -1383,31 +1379,31 @@ var Ke = {
 				}, [f(r, {
 					name: "format_align_justify",
 					size: 18
-				})], 42, yt)
+				})], 42, xt)
 			], 4)) : c("", !0)], 512),
 			u("button", {
 				title: O(h)("bulletList"),
 				"aria-label": O(h)("bulletList"),
-				class: g({ active: G.value.inList && G.value.listType === "bullet" }),
+				class: g({ active: H.value.inList && H.value.listType === "bullet" }),
 				onMousedown: n[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
-			}, [f(r, { name: "format_list_bulleted" })], 42, bt),
+			}, [f(r, { name: "format_list_bulleted" })], 42, St),
 			u("button", {
 				title: O(h)("numberedList"),
 				"aria-label": O(h)("numberedList"),
-				class: g({ active: G.value.inList && G.value.listType === "numbered" }),
+				class: g({ active: H.value.inList && H.value.listType === "numbered" }),
 				onMousedown: n[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
-			}, [f(r, { name: "format_list_numbered" })], 42, xt),
+			}, [f(r, { name: "format_list_numbered" })], 42, Ct),
 			u("button", {
 				title: O(h)("decreaseIndent"),
 				"aria-label": O(h)("decreaseIndent"),
 				disabled: !ae.value,
 				onMousedown: n[30] ||= F((e) => Z("outdent"), ["prevent"])
-			}, [f(r, { name: "format_indent_decrease" })], 40, St),
+			}, [f(r, { name: "format_indent_decrease" })], 40, wt),
 			u("button", {
 				title: O(h)("increaseIndent"),
 				"aria-label": O(h)("increaseIndent"),
 				onMousedown: n[31] ||= F((e) => Z("indent"), ["prevent"])
-			}, [f(r, { name: "format_indent_increase" })], 40, Ct),
+			}, [f(r, { name: "format_indent_increase" })], 40, Tt),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "spacingDropdownRef",
@@ -1422,42 +1418,42 @@ var Ke = {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
-			})], 40, wt), O(z) === "spacing" ? (b(), l("div", {
+			})], 40, Et), O(z) === "spacing" ? (b(), l("div", {
 				key: 0,
 				style: _(O(B)),
 				class: "toolbar-dropdown__menu"
-			}, [(b(!0), l(a, null, C(O(Fe), (e) => (b(), l("button", {
+			}, [(b(!0), l(a, null, C(O(Le), (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, Tt))), 128))], 4)) : c("", !0)], 512),
+			}, E(e.labelKey ? O(h)(e.labelKey) : e.label), 43, Dt))), 128))], 4)) : c("", !0)], 512),
 			u("button", {
 				title: O(h)("formattingBar.clearFormatting"),
 				"aria-label": O(h)("formattingBar.clearFormatting"),
-				onMousedown: F(xe, ["prevent"])
-			}, [f(r, { name: "format_clear" })], 40, Et),
+				onMousedown: F(be, ["prevent"])
+			}, [f(r, { name: "format_clear" })], 40, Ot),
 			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: n[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
-			}, [f(r, { name: "comment" })], 42, Dt),
+			}, [f(r, { name: "comment" })], 42, kt),
 			e.imageContext ? (b(), l(a, { key: 1 }, [
 				n[40] ||= u("span", { class: "divider" }, null, -1),
-				f(de, {
+				f(pe, {
 					"image-context": e.imageContext,
 					onChange: n[34] ||= (e) => t.$emit("image-wrap-type", e)
 				}, null, 8, ["image-context"]),
-				f(fe, { onTransform: n[35] ||= (e) => t.$emit("image-transform", e) }),
+				f(me, { onTransform: n[35] ||= (e) => t.$emit("image-transform", e) }),
 				u("button", {
 					title: O(h)("formattingBar.imagePropertiesShortcut"),
 					"aria-label": O(h)("formattingBar.imageProperties"),
 					onMousedown: n[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
-				}, [f(r, { name: "tune" })], 40, Ot)
+				}, [f(r, { name: "tune" })], 40, At)
 			], 64)) : c("", !0),
 			w(t.$slots, "table-context", {}, void 0, !0),
-			e.showReviewControls ? (b(), l(a, { key: 2 }, [n[41] ||= u("span", { class: "divider" }, null, -1), f(Oe, {
+			e.showReviewControls ? (b(), l(a, { key: 2 }, [n[41] ||= u("span", { class: "divider" }, null, -1), f(Ae, {
 				"track-changes-on": e.trackChangesOn,
 				"display-mode": e.displayMode,
 				"read-only": e.readOnly,
@@ -1469,7 +1465,7 @@ var Ke = {
 				"read-only"
 			])], 64)) : c("", !0),
 			n[48] ||= u("span", { class: "divider" }, null, -1),
-			e.editorMode ? (b(), s(be, {
+			e.editorMode ? (b(), s(Se, {
 				key: 3,
 				"model-value": e.editorMode,
 				"onUpdate:modelValue": n[39] ||= (e) => t.$emit("mode-change", e)
@@ -1477,7 +1473,7 @@ var Ke = {
 			w(t.$slots, "toolbar-extra", {}, void 0, !0)
 		])) : c("", !0);
 	}
-}), [["__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({
+}), [["__scopeId", "data-v-e54d1eac"]]), Mt = ["aria-valuemax"], Nt = { class: "docx-horizontal-ruler__ticks" }, Pt = ["title", "onDblclick"], Ft = 12240, It = 1440, Lt = 1440, Rt = 567, zt = "var(--doc-primary)", Bt = "var(--doc-primary)", Vt = "var(--doc-primary-hover)", Q = 5, Ht = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "HorizontalRuler",
 	props: {
 		sectionProps: {},
@@ -1511,12 +1507,12 @@ var Ke = {
 	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 B(e) * n.zoom;
+			return ee(e) * n.zoom;
 		}
 		function g(e) {
-			return Math.round(z(e / n.zoom));
+			return Math.round(V(e / n.zoom));
 		}
-		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(() => ({
+		let y = o(() => n.sectionProps?.pageWidth ?? Ft), x = o(() => n.sectionProps?.marginLeft ?? It), w = o(() => n.sectionProps?.marginRight ?? It), 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",
@@ -1524,7 +1520,7 @@ var Ke = {
 			overflow: "visible",
 			userSelect: "none",
 			cursor: d.value ? "ew-resize" : "default"
-		})), V = o(() => ({
+		})), z = o(() => ({
 			position: "absolute",
 			top: 0,
 			left: 0,
@@ -1534,7 +1530,7 @@ var Ke = {
 			borderRight: "1px solid var(--doc-shadow-subtle)",
 			cursor: n.editable ? "ew-resize" : "default",
 			zIndex: 1
-		})), H = o(() => ({
+		})), B = o(() => ({
 			position: "absolute",
 			top: 0,
 			right: 0,
@@ -1544,10 +1540,10 @@ var Ke = {
 			borderLeft: "1px solid var(--doc-shadow-subtle)",
 			cursor: n.editable ? "ew-resize" : "default",
 			zIndex: 1
-		})), ee = o(() => {
+		})), H = o(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = Ft / 8, n = Math.ceil(y.value / t);
+				let t = Lt / 8, n = Math.ceil(y.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > y.value) break;
@@ -1568,7 +1564,7 @@ var Ke = {
 					});
 				}
 			} else {
-				let t = It / 10, n = Math.ceil(y.value / t);
+				let t = Rt / 10, n = Math.ceil(y.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > y.value) break;
@@ -1596,10 +1592,10 @@ var Ke = {
 			};
 		}) : []);
 		function W(e) {
-			return n.unit === "cm" ? (e / It).toFixed(1) + " cm" : (e / Ft).toFixed(2) + "\"";
+			return n.unit === "cm" ? (e / Rt).toFixed(1) + " cm" : (e / Lt).toFixed(2) + "\"";
 		}
 		function G(e) {
-			return d.value === e ? zt : f.value === e ? Rt : Lt;
+			return d.value === e ? Vt : f.value === e ? Bt : zt;
 		}
 		function K(e, t, r) {
 			return {
@@ -1704,15 +1700,15 @@ var Ke = {
 		}, [
 			u("div", {
 				class: "docx-horizontal-ruler__margin",
-				style: _(V.value),
+				style: _(z.value),
 				onMousedown: n[0] ||= F((t) => e.editable ? Y("leftMargin", t) : null, ["prevent", "stop"])
 			}, null, 36),
 			u("div", {
 				class: "docx-horizontal-ruler__margin",
-				style: _(H.value),
+				style: _(B.value),
 				onMousedown: n[1] ||= F((t) => e.editable ? Y("rightMargin", t) : null, ["prevent", "stop"])
 			}, null, 36),
-			u("div", jt, [(b(!0), l(a, null, C(ee.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+			u("div", Nt, [(b(!0), l(a, null, C(H.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
 				class: "docx-horizontal-ruler__tick-line",
 				style: _({
 					left: e.position + "px",
@@ -1753,15 +1749,15 @@ var Ke = {
 				style: _({ left: e.px + "px" }),
 				title: `${e.label}`,
 				onDblclick: F((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
-			}, " L ", 44, Mt))), 128)),
+			}, " L ", 44, Pt))), 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, At));
+		], 12, Mt));
 	}
-}), [["__scopeId", "data-v-6f3ea48c"]]), Vt = ["disabled", "onClick"], Ht = { class: "docx-tbp__panel" }, Ut = ["title", "onClick"], Wt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-6f3ea48c"]]), Ut = ["disabled", "onClick"], Wt = { class: "docx-tbp__panel" }, Gt = ["title", "onClick"], Kt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
@@ -1835,8 +1831,8 @@ var Ke = {
 			}, [f(r, {
 				name: "border_all",
 				size: 20
-			})], 8, Vt)]),
-			panel: M(() => [u("div", Ht, [(b(), l(a, null, C(d, (e) => u("button", {
+			})], 8, Ut)]),
+			panel: M(() => [u("div", Wt, [(b(), l(a, null, C(d, (e) => u("button", {
 				key: e.value,
 				type: "button",
 				class: "docx-tbp__option",
@@ -1845,11 +1841,11 @@ var Ke = {
 			}, [f(r, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 8, Ut)), 64))])]),
+			}, null, 8, ["name"])], 8, Gt)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-4e30a014"]]), Gt = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-4e30a014"]]), qt = /* @__PURE__ */ p({
 	__name: "TableBorderColorPicker",
 	props: {
 		disabled: { type: Boolean },
@@ -1876,7 +1872,7 @@ var Ke = {
 			"title"
 		]));
 	}
-}), Kt = ["disabled", "onClick"], qt = { class: "docx-tbwidth__panel" }, Jt = ["onClick"], Yt = { class: "docx-tbwidth__label" }, Xt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), Jt = ["disabled", "onClick"], Yt = { class: "docx-tbwidth__panel" }, Xt = ["onClick"], Zt = { class: "docx-tbwidth__label" }, Qt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderWidthPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
@@ -1940,8 +1936,8 @@ var Ke = {
 			}, [f(r, {
 				name: "line_weight",
 				size: 20
-			})], 8, Kt)]),
-			panel: M(() => [u("div", qt, [(b(), l(a, null, C(d, (e) => u("button", {
+			})], 8, Jt)]),
+			panel: M(() => [u("div", Yt, [(b(), l(a, null, C(d, (e) => u("button", {
 				key: e.eighths,
 				type: "button",
 				class: "docx-tbwidth__option",
@@ -1949,11 +1945,11 @@ var Ke = {
 			}, [u("span", {
 				class: "docx-tbwidth__preview",
 				style: _({ borderTopWidth: e.previewPx + "px" })
-			}, null, 4), u("span", Yt, E(e.label), 1)], 8, Jt)), 64))])]),
+			}, null, 4), u("span", Zt, E(e.label), 1)], 8, Xt)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-42a746ba"]]), Zt = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-42a746ba"]]), $t = /* @__PURE__ */ p({
 	__name: "TableCellFillPicker",
 	props: {
 		disabled: { type: Boolean },
@@ -1983,23 +1979,23 @@ var Ke = {
 			"auto-label"
 		]));
 	}
-}), Qt = [
+}), en = [
 	"disabled",
 	"title",
 	"onClick"
-], $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 = {
+], tn = ["aria-label"], nn = ["disabled"], rn = ["disabled"], an = ["disabled"], on = ["disabled"], sn = { class: "docx-tmore__section-label" }, cn = { class: "docx-tmore__icon-row" }, ln = ["title"], un = ["title"], dn = ["title"], fn = { class: "docx-tmore__section-label" }, pn = { class: "docx-tmore__icon-row" }, mn = ["title"], hn = ["title"], gn = ["title"], _n = { class: "docx-tmore__grow" }, vn = {
 	key: 0,
 	class: "docx-tmore__sub"
-}, _n = { class: "docx-tmore__margin-grid" }, vn = { class: "docx-tmore__field-label" }, yn = ["onUpdate:modelValue"], bn = { class: "docx-tmore__grow" }, xn = {
+}, yn = { class: "docx-tmore__margin-grid" }, bn = { class: "docx-tmore__field-label" }, xn = ["onUpdate:modelValue"], Sn = { class: "docx-tmore__grow" }, Cn = {
 	key: 1,
 	class: "docx-tmore__sub"
-}, Sn = { class: "docx-tmore__row-field" }, Cn = { class: "docx-tmore__field-label" }, wn = { value: "auto" }, Tn = { value: "atLeast" }, En = { value: "exact" }, Dn = {
+}, wn = { class: "docx-tmore__row-field" }, Tn = { class: "docx-tmore__field-label" }, En = { value: "auto" }, Dn = { value: "atLeast" }, On = { value: "exact" }, kn = {
 	key: 0,
 	class: "docx-tmore__row-field"
-}, On = { class: "docx-tmore__field-label" }, kn = { class: "docx-tmore__grow" }, An = {
+}, An = { class: "docx-tmore__field-label" }, jn = { class: "docx-tmore__grow" }, Mn = {
 	key: 2,
 	class: "docx-tmore__sub docx-tmore__sub--list"
-}, jn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, Nn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableMoreDropdown",
 	props: {
 		disabled: {
@@ -2077,7 +2073,7 @@ var Ke = {
 			}, [f(r, {
 				name: "more_vert",
 				size: 20
-			})], 10, Qt)]),
+			})], 10, en)]),
 			panel: M(() => [u("div", {
 				class: "docx-tmore__panel",
 				role: "menu",
@@ -2124,7 +2120,7 @@ var Ke = {
 				}, [f(r, {
 					name: "call_merge",
 					size: 18
-				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, en),
+				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, nn),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
@@ -2133,7 +2129,7 @@ var Ke = {
 				}, [f(r, {
 					name: "call_split",
 					size: 18
-				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, tn),
+				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, rn),
 				n[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
@@ -2152,7 +2148,7 @@ var Ke = {
 				}, [f(r, {
 					name: "delete",
 					size: 18
-				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, nn),
+				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, an),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
@@ -2161,7 +2157,7 @@ var Ke = {
 				}, [f(r, {
 					name: "delete",
 					size: 18
-				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, rn),
+				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, on),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
@@ -2171,8 +2167,8 @@ var Ke = {
 					size: 18
 				}), u("span", null, E(O(m)("table.deleteTable")), 1)]),
 				n[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
-				u("div", an, E(O(m)("tableAdvanced.verticalAlignment")), 1),
-				u("div", on, [
+				u("div", sn, E(O(m)("tableAdvanced.verticalAlignment")), 1),
+				u("div", cn, [
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
@@ -2182,7 +2178,7 @@ var Ke = {
 					}, [f(r, {
 						name: "vertical_align_top",
 						size: 16
-					})], 40, sn),
+					})], 40, ln),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
@@ -2192,7 +2188,7 @@ var Ke = {
 					}, [f(r, {
 						name: "vertical_align_center",
 						size: 16
-					})], 40, cn),
+					})], 40, un),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
@@ -2202,11 +2198,11 @@ var Ke = {
 					}, [f(r, {
 						name: "vertical_align_bottom",
 						size: 16
-					})], 40, ln)
+					})], 40, dn)
 				]),
 				n[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
-				u("div", un, E(O(m)("tableAdvanced.tableAlignment")), 1),
-				u("div", dn, [
+				u("div", fn, E(O(m)("tableAdvanced.tableAlignment")), 1),
+				u("div", pn, [
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "left" }]),
@@ -2216,7 +2212,7 @@ var Ke = {
 					}, [f(r, {
 						name: "format_align_left",
 						size: 16
-					})], 42, fn),
+					})], 42, mn),
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "center" }]),
@@ -2226,7 +2222,7 @@ var Ke = {
 					}, [f(r, {
 						name: "format_align_center",
 						size: 16
-					})], 42, pn),
+					})], 42, hn),
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "right" }]),
@@ -2236,7 +2232,7 @@ var Ke = {
 					}, [f(r, {
 						name: "format_align_right",
 						size: 16
-					})], 42, mn)
+					})], 42, gn)
 				]),
 				n[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
@@ -2248,13 +2244,13 @@ var Ke = {
 						name: "padding",
 						size: 18
 					}),
-					u("span", hn, E(O(m)("tableAdvanced.cellMargins")), 1),
+					u("span", _n, E(O(m)("tableAdvanced.cellMargins")), 1),
 					f(r, {
 						name: _.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
 				]),
-				_.value ? (b(), l("div", gn, [u("div", _n, [(b(), l(a, null, C([
+				_.value ? (b(), l("div", vn, [u("div", yn, [(b(), l(a, null, C([
 					"top",
 					"bottom",
 					"left",
@@ -2263,14 +2259,14 @@ var Ke = {
 					key: e,
 					class: "docx-tmore__field"
 				}, [
-					u("span", vn, E(e), 1),
+					u("span", bn, E(e), 1),
 					N(u("input", {
 						type: "number",
 						min: "0",
 						step: "20",
 						"onUpdate:modelValue": (t) => w[e] = t,
 						class: "docx-tmore__input"
-					}, null, 8, yn), [[
+					}, null, 8, xn), [[
 						A,
 						w[e],
 						void 0,
@@ -2291,23 +2287,23 @@ var Ke = {
 						name: "height",
 						size: 18
 					}),
-					u("span", bn, E(O(m)("tableAdvanced.rowHeight")), 1),
+					u("span", Sn, 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", xn, [
-					u("label", Sn, [u("span", Cn, E(O(m)("tableAdvanced.rule")), 1), N(u("select", {
+				v.value ? (b(), l("div", Cn, [
+					u("label", wn, [u("span", Tn, E(O(m)("tableAdvanced.rule")), 1), N(u("select", {
 						"onUpdate:modelValue": n[24] ||= (e) => D.value = e,
 						class: "docx-tmore__select"
 					}, [
-						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)
+						u("option", En, E(O(m)("tableAdvanced.heightRules.auto")), 1),
+						u("option", Dn, E(O(m)("tableAdvanced.heightRules.atLeast")), 1),
+						u("option", On, E(O(m)("tableAdvanced.heightRules.exact")), 1)
 					], 512), [[k, D.value]])]),
-					D.value === "auto" ? c("", !0) : (b(), l("label", Dn, [
-						u("span", On, E(O(m)("tableAdvanced.height")), 1),
+					D.value === "auto" ? c("", !0) : (b(), l("label", kn, [
+						u("span", An, E(O(m)("tableAdvanced.height")), 1),
 						N(u("input", {
 							type: "number",
 							min: "0",
@@ -2337,13 +2333,13 @@ var Ke = {
 						name: "text_rotation_none",
 						size: 18
 					}),
-					u("span", kn, E(O(m)("textDirection")), 1),
+					u("span", jn, E(O(m)("textDirection")), 1),
 					f(r, {
 						name: y.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
 				]),
-				y.value ? (b(), l("div", An, [
+				y.value ? (b(), l("div", Mn, [
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
@@ -2402,11 +2398,11 @@ var Ke = {
 					name: "settings",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.tableProperties")), 1)])
-			], 8, $t)]),
+			], 8, tn)]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-5d357bc4"]]), Mn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-5d357bc4"]]), Pn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableToolbar",
 	props: {
 		view: {},
@@ -2533,14 +2529,14 @@ var Ke = {
 			onRowHeight: N
 		}), (t, n) => d.value ? (b(), l(a, { key: 0 }, [
 			n[0] ||= u("span", { class: "divider" }, null, -1),
-			f(Wt, { onChange: w }),
-			f(Gt, m({ theme: e.theme ?? null }, g.value, { onChange: T }), null, 16, ["theme"]),
-			f(Xt, { onChange: E }),
-			f(Zt, {
+			f(Kt, { onChange: w }),
+			f(qt, m({ theme: e.theme ?? null }, g.value, { onChange: T }), null, 16, ["theme"]),
+			f(Qt, { onChange: E }),
+			f($t, {
 				theme: e.theme ?? null,
 				onChange: D
 			}, null, 8, ["theme"]),
-			f(jn, {
+			f(Nn, {
 				"can-split": p.value,
 				"can-merge": _.value,
 				"row-count": v.value,
@@ -2559,7 +2555,7 @@ var Ke = {
 			])
 		], 64)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-c73a7e43"]]), Nn = { class: "docx-vertical-ruler__ticks" }, Pn = 15840, Fn = 1440, In = 1440, Ln = 567, Rn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c73a7e43"]]), Fn = { class: "docx-vertical-ruler__ticks" }, In = 15840, Ln = 1440, Rn = 1440, zn = 567, Bn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "VerticalRuler",
 	props: {
 		sectionProps: {},
@@ -2574,12 +2570,12 @@ var Ke = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = S(null), s = S(null);
 		function d(e) {
-			return B(e) * n.zoom;
+			return ee(e) * n.zoom;
 		}
 		function f(e) {
-			return Math.round(z(e / n.zoom));
+			return Math.round(V(e / n.zoom));
 		}
-		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(() => ({
+		let p = o(() => n.sectionProps?.pageHeight ?? In), m = o(() => n.sectionProps?.marginTop ?? Ln), h = o(() => n.sectionProps?.marginBottom ?? Ln), 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",
@@ -2590,7 +2586,7 @@ var Ke = {
 		})), T = o(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = In / 8, n = Math.ceil(p.value / t);
+				let t = Rn / 8, n = Math.ceil(p.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > p.value) break;
@@ -2611,7 +2607,7 @@ var Ke = {
 					});
 				}
 			} else {
-				let t = Ln / 10, n = Math.ceil(p.value / t);
+				let t = zn / 10, n = Math.ceil(p.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > p.value) break;
@@ -2677,7 +2673,7 @@ var Ke = {
 			"aria-label": "Vertical ruler",
 			"aria-orientation": "vertical"
 		}, [
-			u("div", Nn, [(b(!0), l(a, null, C(T.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+			u("div", Fn, [(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",
@@ -2709,10 +2705,10 @@ var Ke = {
 }), [["__scopeId", "data-v-f7ccbd38"]]);
 //#endregion
 //#region src/utils/comments.ts
-function zn(e) {
+function Vn(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 Bn(e) {
+function Hn(e) {
 	return e ? new Date(e).toLocaleString(void 0, {
 		hour: "numeric",
 		minute: "2-digit",
@@ -2720,10 +2716,10 @@ function Bn(e) {
 		day: "numeric"
 	}) : "";
 }
-function Vn(e) {
+function Un(e) {
 	return e.split(/\s+/).map((e) => e[0]).join("").toUpperCase().slice(0, 2);
 }
-var Hn = [
+var Wn = [
 	"#6DCCB1",
 	"#79AAD9",
 	"#EE789D",
@@ -2737,28 +2733,28 @@ var Hn = [
 	"#E15759",
 	"#76B7B2"
 ];
-function Un(e) {
+function Gn(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
-	return Hn[Math.abs(t) % Hn.length] ?? "#888888";
+	return Wn[Math.abs(t) % Wn.length] ?? "#888888";
 }
 function $(e, t = 50) {
 	return e.length > t ? e.slice(0, t) + "..." : e;
 }
 //#endregion
 //#region src/components/sidebar/Avatar.vue
-var Wn = /* @__PURE__ */ p({
+var Kn = /* @__PURE__ */ p({
 	__name: "Avatar",
 	props: {
 		name: { default: "U" },
 		size: { default: 32 }
 	},
 	setup(e) {
-		let t = e, n = o(() => Vn(t.name || "U")), r = o(() => ({
+		let t = e, n = o(() => Un(t.name || "U")), r = o(() => ({
 			width: t.size + "px",
 			height: t.size + "px",
 			borderRadius: "50%",
-			backgroundColor: Un(t.name || "U"),
+			backgroundColor: Gn(t.name || "U"),
 			color: "#fff",
 			display: "flex",
 			alignItems: "center",
@@ -2772,13 +2768,13 @@ var Wn = /* @__PURE__ */ p({
 			style: _(r.value)
 		}, E(n.value), 5));
 	}
-}), Gn = {
+}), qn = {
 	key: 0,
 	class: "reply-thread"
-}, Kn = {
+}, Jn = {
 	key: 0,
 	class: "reply-thread__more"
-}, 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({
+}, Yn = { class: "reply-thread__header" }, Xn = { class: "reply-thread__author-block" }, Zn = { class: "reply-thread__author" }, Qn = { class: "reply-thread__date" }, $n = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyThread",
 	props: {
 		replies: {},
@@ -2786,15 +2782,15 @@ var Wn = /* @__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", 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", {
+		return (t, i) => e.replies.length > 0 ? (b(), l("div", qn, [r.value > 0 ? (b(), l("div", Jn, 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", qn, [f(Wn, {
+		}, [u("div", Yn, [f(Kn, {
 			name: t.author,
 			size: 28
-		}, 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);
+		}, null, 8, ["name"]), u("div", Xn, [u("div", Zn, E(t.author || "Unknown"), 1), u("div", Qn, E(O(Hn)(t.date)), 1)])]), u("div", { class: g(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, E(O(Vn)(t.content)), 3)], 2))), 128))])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-06331fac"]]), Qn = ["onKeydown"], $n = { class: "reply-input__actions" }, er = ["disabled"], tr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-06331fac"]]), er = ["onKeydown"], tr = { class: "reply-input__actions" }, nr = ["disabled"], rr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyInput",
 	emits: ["submit"],
 	setup(e, { emit: t }) {
@@ -2826,14 +2822,14 @@ var Wn = /* @__PURE__ */ p({
 				P(F(p, ["prevent"]), ["enter"]),
 				P(f, ["esc"])
 			]
-		}, null, 40, Qn), [[A, i.value]]), u("div", $n, [u("button", {
+		}, null, 40, er), [[A, i.value]]), u("div", tr, [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, er)])], 64)) : (b(), l("input", {
+		}, " Reply ", 10, nr)])], 64)) : (b(), l("input", {
 			key: 0,
 			readonly: "",
 			placeholder: "Reply",
@@ -2842,13 +2838,13 @@ var Wn = /* @__PURE__ */ p({
 			onClick: F(d, ["stop"])
 		}, null, 32))], 32));
 	}
-}), [["__scopeId", "data-v-fea8646c"]]), nr = ["data-comment-id"], rr = {
+}), [["__scopeId", "data-v-fea8646c"]]), ir = ["data-comment-id"], ar = {
 	key: 0,
 	class: "comment-card__resolved"
-}, ir = { class: "comment-card__head" }, ar = { class: "comment-card__author-block" }, or = { class: "comment-card__author" }, sr = { class: "comment-card__date" }, cr = {
+}, or = { class: "comment-card__head" }, sr = { class: "comment-card__author-block" }, cr = { class: "comment-card__author" }, lr = { class: "comment-card__date" }, ur = {
 	key: 0,
 	class: "comment-card__actions"
-}, lr = ["title"], ur = { class: "comment-card__body" }, dr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, dr = ["title"], fr = { class: "comment-card__body" }, pr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentCard",
 	props: {
 		comment: {},
@@ -2873,17 +2869,17 @@ var Wn = /* @__PURE__ */ p({
 			onClick: n[5] ||= (e) => t.$emit("click"),
 			onMousedown: n[6] ||= F(() => {}, ["stop"])
 		}, [
-			e.comment.done ? (b(), l("div", rr, [f(r, {
+			e.comment.done ? (b(), l("div", ar, [f(r, {
 				name: "check",
 				size: 12
 			}), n[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
-			u("div", ir, [
-				f(Wn, {
+			u("div", or, [
+				f(Kn, {
 					name: e.comment.author,
 					size: 32
 				}, null, 8, ["name"]),
-				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("div", sr, [u("div", cr, E(e.comment.author || "Unknown"), 1), u("div", lr, E(O(Hn)(e.comment.date)), 1)]),
+				e.expanded ? (b(), l("div", ur, [
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: e.comment.done ? "Reopen" : "Resolve",
@@ -2891,7 +2887,7 @@ var Wn = /* @__PURE__ */ p({
 					}, [f(r, {
 						name: e.comment.done ? "undo" : "check",
 						size: 20
-					}, null, 8, ["name"])], 8, lr),
+					}, null, 8, ["name"])], 8, dr),
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: "More options",
@@ -2911,18 +2907,18 @@ var Wn = /* @__PURE__ */ p({
 					}, "Delete")], 32)) : c("", !0)
 				])) : c("", !0)
 			]),
-			u("div", ur, E(O(zn)(e.comment.content)), 1),
-			f(Zn, {
+			u("div", fr, E(O(Vn)(e.comment.content)), 1),
+			f($n, {
 				replies: e.replies,
 				"is-expanded": e.expanded
 			}, null, 8, ["replies", "is-expanded"]),
-			e.expanded && !e.comment.done ? (b(), s(tr, {
+			e.expanded && !e.comment.done ? (b(), s(rr, {
 				key: 1,
 				onSubmit: n[4] ||= (n) => t.$emit("reply", e.comment.id, n)
 			})) : c("", !0)
-		], 42, nr));
+		], 42, ir));
 	}
-}), [["__scopeId", "data-v-7a3ee7ac"]]), fr = ["data-comment-id"], pr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-7a3ee7ac"]]), mr = ["data-comment-id"], hr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ResolvedCommentMarker",
 	props: { comment: {} },
 	emits: ["toggle-expand"],
@@ -2936,45 +2932,45 @@ var Wn = /* @__PURE__ */ p({
 		}, [f(r, {
 			name: "chat_bubble_check",
 			size: 20
-		})], 40, fr));
+		})], 40, mr));
 	}
-}), [["__scopeId", "data-v-d0c228f6"]]), mr = { class: "tc-card__head" }, hr = { class: "tc-card__author-block" }, gr = { class: "tc-card__author" }, _r = {
+}), [["__scopeId", "data-v-d0c228f6"]]), gr = { class: "tc-card__head" }, _r = { class: "tc-card__author-block" }, vr = { class: "tc-card__author" }, yr = {
 	key: 0,
 	class: "tc-card__date"
-}, vr = {
+}, br = {
 	key: 0,
 	class: "tc-card__actions"
-}, 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 = {
+}, xr = ["title"], Sr = ["title"], Cr = { class: "tc-card__body" }, wr = { class: "tc-card__deleted" }, Tr = { class: "tc-card__inserted" }, Er = { class: "tc-card__inserted" }, Dr = { class: "tc-card__deleted" }, Or = { class: "tc-card__changed" }, kr = { class: "tc-card__changed" }, Ar = {
 	key: 5,
 	class: "tc-card__inserted"
-}, kr = {
+}, jr = {
 	key: 6,
 	class: "tc-card__deleted"
-}, Ar = {
+}, Mr = {
 	key: 7,
 	class: "tc-card__inserted"
-}, jr = {
+}, Nr = {
 	key: 8,
 	class: "tc-card__deleted"
-}, Mr = {
+}, Pr = {
 	key: 9,
 	class: "tc-card__changed"
-}, Nr = {
+}, Fr = {
 	key: 10,
 	class: "tc-card__changed"
-}, Pr = {
+}, Ir = {
 	key: 11,
 	class: "tc-card__changed"
-}, Fr = {
+}, Lr = {
 	key: 12,
 	class: "tc-card__changed"
-}, Ir = {
+}, Rr = {
 	key: 13,
 	class: "tc-card__inserted"
-}, Lr = {
+}, zr = {
 	key: 14,
 	class: "tc-card__deleted"
-}, Rr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, Br = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
@@ -3006,45 +3002,45 @@ var Wn = /* @__PURE__ */ p({
 			onClick: n[1] ||= (e) => t.$emit("click"),
 			onMousedown: n[2] ||= F(() => {}, ["stop"])
 		}, [
-			u("div", mr, [
-				f(Wn, {
+			u("div", gr, [
+				f(Kn, {
 					name: h.value,
 					size: 32
 				}, null, 8, ["name"]),
-				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", {
+				u("div", _r, [u("div", vr, E(h.value), 1), e.change.date ? (b(), l("div", yr, E(O(Hn)(e.change.date)), 1)) : c("", !0)]),
+				e.expanded ? (b(), l("div", br, [u("button", {
 					class: "tc-card__icon-btn",
 					title: O(i)("acceptChange"),
 					onClick: F(v, ["stop"])
 				}, [f(r, {
 					name: "check",
 					size: 20
-				})], 8, yr), u("button", {
+				})], 8, xr), u("button", {
 					class: "tc-card__icon-btn",
 					title: O(i)("rejectChange"),
 					onClick: F(y, ["stop"])
 				}, [f(r, {
 					name: "close",
 					size: 20
-				})], 8, br)])) : c("", !0)
+				})], 8, Sr)])) : c("", !0)
 			]),
-			u("div", xr, [e.change.type === "replacement" ? (b(), l(a, { key: 0 }, [
+			u("div", Cr, [e.change.type === "replacement" ? (b(), l(a, { key: 0 }, [
 				d(E(O(i)("trackedChanges.replaced")) + " ", 1),
-				u("span", Sr, "\"" + E(O($)(e.change.deletedText || "")) + "\"", 1),
+				u("span", wr, "\"" + E(O($)(e.change.deletedText || "")) + "\"", 1),
 				d(" " + E(O(i)("trackedChanges.with")) + " ", 1),
-				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, {
+				u("span", Tr, "\"" + 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", Er, "\"" + 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", Dr, "\"" + 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", Or, "\"" + 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", kr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Ar, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", jr, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", Mr, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", Nr, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", Pr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Fr, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", Ir, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Lr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Rr, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", zr, 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($n, {
 				replies: e.replies,
 				"is-expanded": e.expanded
 			}, null, 8, ["replies", "is-expanded"]),
-			e.expanded ? (b(), s(tr, {
+			e.expanded ? (b(), s(rr, {
 				key: 0,
 				onSubmit: n[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
 			})) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-c16b1b1e"]]), zr = ["onKeydown"], Br = { class: "add-comment-card__actions" }, Vr = ["disabled"], Hr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c16b1b1e"]]), Vr = ["onKeydown"], Hr = { class: "add-comment-card__actions" }, Ur = ["disabled"], Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -3073,19 +3069,19 @@ var Wn = /* @__PURE__ */ p({
 				P(F(s, ["exact", "prevent"]), ["enter"]),
 				P(c, ["esc"])
 			]
-		}, null, 40, zr), [[A, r.value]]), u("div", Br, [u("button", {
+		}, null, 40, Vr), [[A, r.value]]), u("div", Hr, [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, Vr)])], 32));
+		}, " Comment ", 10, Ur)])], 32));
 	}
 }), [["__scopeId", "data-v-2939f9cd"]]);
 //#endregion
 //#region src/composables/useCommentSidebarItems.ts
-function Ur({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
+function Gr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
 	return o(() => {
 		let a = [];
 		r?.value && i?.value != null && a.push({
@@ -3128,7 +3124,7 @@ function Ur({ comments: e, trackedChanges: t, showResolved: n, isAddingComment:
 }
 //#endregion
 //#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
-var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+var Kr = ["data-card-id"], qr = 16, Jr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "UnifiedSidebar",
 	props: {
 		isOpen: { type: Boolean },
@@ -3168,7 +3164,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__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 = Ur({
+		let h = Gr({
 			comments: D(n, "comments"),
 			trackedChanges: D(n, "trackedChanges"),
 			showResolved: o(() => n.showResolved ?? !1),
@@ -3191,12 +3187,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				x.value = /* @__PURE__ */ new Map();
 				return;
 			}
-			let r = e.getBoundingClientRect(), i = /* @__PURE__ */ new Map();
-			for (let t of e.querySelectorAll("[data-comment-id]")) {
-				let e = t.dataset.commentId;
-				e && !i.has(e) && i.set(e, t);
-			}
-			let a = /* @__PURE__ */ new Map();
+			let r = e.getBoundingClientRect(), i = B(e), a = /* @__PURE__ */ new Map();
 			for (let t of e.querySelectorAll(".docx-insertion[data-revision-id]")) {
 				let e = t.dataset.revisionId;
 				e && !a.has(e) && a.set(e, t);
@@ -3229,7 +3220,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				t && l.set(t, e.offsetHeight);
 			}
 			let d = /* @__PURE__ */ new Map();
-			for (let { item: n, y: r } of W({
+			for (let { item: n, y: r } of K({
 				items: t,
 				anchorPositions: s,
 				renderedDomContext: R(e),
@@ -3246,7 +3237,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		}), L = o(() => {
 			let e = f.value;
 			if (!e) return "";
-			if (e.startsWith("comment-")) return `.paged-editor__pages [data-comment-id="${e.slice(8)}"] { background-color: rgba(255, 212, 0, 0.35) !important; border-bottom: 2px solid rgba(255, 212, 0, 0.7) !important; }`;
+			if (e.startsWith("comment-")) return `${z(e.slice(8), ".paged-editor__pages ")} { background-color: rgba(255, 212, 0, 0.35) !important; border-bottom: 2px solid rgba(255, 212, 0, 0.7) !important; }`;
 			if (e.startsWith("tc-")) {
 				let t = e.split("-").at(1) ?? "";
 				return `
@@ -3255,8 +3246,8 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
     `;
 			}
 			return "";
-		}), z = o(() => {
-			let e = n.pageWidthPx / 2 + Gr - 176, t = x.value.size > 0 || h.value.length === 0;
+		}), V = o(() => {
+			let e = n.pageWidthPx / 2 + qr - 176, t = x.value.size > 0 || h.value.length === 0;
 			return {
 				position: "absolute",
 				top: "0",
@@ -3265,7 +3256,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				opacity: +!!t
 			};
 		});
-		function B(e) {
+		function ee(e) {
 			let t = x.value.get(e);
 			return t == null ? {
 				position: "static",
@@ -3278,10 +3269,10 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				transition: "top 0.15s ease"
 			};
 		}
-		let V = !1;
-		function H() {
-			V || (V = !0, requestAnimationFrame(() => {
-				V = !1, F();
+		let H = !1;
+		function U() {
+			H || (H = !0, requestAnimationFrame(() => {
+				H = !1, F();
 			}));
 		}
 		j(() => [
@@ -3292,8 +3283,8 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			n.zoom,
 			n.isAddingComment,
 			n.addCommentYPosition
-		], () => H(), { immediate: !0 });
-		function ee(e) {
+		], () => U(), { immediate: !0 });
+		function W(e) {
 			let t = e?.parentElement ?? null;
 			for (; t;) {
 				let e = getComputedStyle(t).overflowY;
@@ -3302,16 +3293,16 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}
 			return null;
 		}
-		let U = null;
-		function G() {
-			U && U.removeEventListener("scroll", H), U = ee(n.pagesContainer), U && U.addEventListener("scroll", H, { passive: !0 });
+		let G = null;
+		function q() {
+			G && G.removeEventListener("scroll", U), G = W(n.pagesContainer), G && G.addEventListener("scroll", U, { passive: !0 });
 		}
 		return y(() => {
-			A = new ResizeObserver(() => H()), H(), n.pagesContainer && (k = new ResizeObserver(() => H()), k.observe(n.pagesContainer), G());
+			A = new ResizeObserver(() => U()), U(), n.pagesContainer && (k = new ResizeObserver(() => U()), k.observe(n.pagesContainer), q());
 		}), j(() => n.pagesContainer, (e) => {
-			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => H()), k.observe(e), G());
+			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => U()), k.observe(e), q());
 		}), v(() => {
-			k?.disconnect(), A?.disconnect(), U && U.removeEventListener("scroll", H);
+			k?.disconnect(), A?.disconnect(), G && G.removeEventListener("scroll", U);
 		}), (t, n) => (b(), l(a, null, [L.value ? (b(), s(T("style"), { key: 0 }, {
 			default: M(() => [d(E(L.value), 1)]),
 			_: 1
@@ -3320,7 +3311,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			ref_key: "rootRef",
 			ref: g,
 			class: "unified-sidebar",
-			style: _(z.value),
+			style: _(V.value),
 			onMousedown: m
 		}, [u("div", {
 			class: "unified-sidebar__inner",
@@ -3329,16 +3320,16 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			key: e.id,
 			class: "unified-sidebar__card-slot",
 			"data-card-id": e.id,
-			style: _(B(e.id))
-		}, [e.kind === "add-comment" ? (b(), s(Hr, {
+			style: _(ee(e.id))
+		}, [e.kind === "add-comment" ? (b(), s(Wr, {
 			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(pr, {
+		})) : e.kind === "comment" && e.comment.done && f.value !== e.id ? (b(), s(hr, {
 			key: 1,
 			comment: e.comment,
 			onToggleExpand: (t) => p(e.id)
-		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (b(), s(dr, {
+		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (b(), s(pr, {
 			key: 2,
 			comment: e.comment,
 			replies: e.replies,
@@ -3353,7 +3344,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : e.kind === "tracked-change" ? (b(), s(Rr, {
+		])) : e.kind === "tracked-change" ? (b(), s(Br, {
 			key: 3,
 			change: e.change,
 			replies: e.replies ?? [],
@@ -3369,9 +3360,9 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : c("", !0)], 12, Wr))), 128))], 4)], 36)) : c("", !0)], 64));
+		])) : c("", !0)], 12, Kr))), 128))], 4)], 36)) : c("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-e91a4f24"]]), qr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ced15719"]]), Yr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -3430,12 +3421,12 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-06469e2c"]]), Jr = [
+}), [["__scopeId", "data-v-06469e2c"]]), Xr = [
 	"disabled",
 	"title",
 	"aria-expanded",
 	"onClick"
-], Yr = { class: "docx-align__panel" }, Xr = ["title", "onClick"], Zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], Zr = { class: "docx-align__panel" }, Qr = ["title", "onClick"], $r = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -3494,8 +3485,8 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, Jr)]),
-			panel: M(() => [u("div", Yr, [(b(), l(a, null, C(m, (t) => u("button", {
+			})], 10, Xr)]),
+			panel: M(() => [u("div", Zr, [(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 }]),
@@ -3504,11 +3495,11 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: t.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, Xr)), 64))])]),
+			}, null, 8, ["name"])], 10, Qr)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-088792b0"]]), Qr = { class: "docx-list-btns" }, $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = ["disabled"], ri = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-088792b0"]]), ei = { class: "docx-list-btns" }, ti = ["disabled"], ni = ["disabled"], ri = ["disabled"], ii = ["disabled"], ai = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ListButtons",
 	props: {
 		listState: {},
@@ -3532,7 +3523,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		"outdent"
 	],
 	setup(e) {
-		return (t, n) => (b(), l("span", Qr, [
+		return (t, n) => (b(), l("span", ei, [
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
@@ -3542,7 +3533,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: "format_list_bulleted",
 				size: 20
-			})], 10, $r),
+			})], 10, ti),
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
@@ -3552,7 +3543,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: "format_list_numbered",
 				size: 20
-			})], 10, ei),
+			})], 10, ni),
 			e.showIndentButtons ? (b(), l(a, { key: 0 }, [u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
@@ -3562,7 +3553,7 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: "format_indent_decrease",
 				size: 20
-			})], 8, ti), u("button", {
+			})], 8, ri), u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled,
@@ -3571,9 +3562,9 @@ var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}, [f(r, {
 				name: "format_indent_increase",
 				size: 20
-			})], 8, ni)], 64)) : c("", !0)
+			})], 8, ii)], 64)) : c("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-82fa229d"]]);
 //#endregion
-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 };
+export { fe as C, J as D, re as E, pe as S, oe as T, Kt as _, Wr as a, Se as b, pr as c, Bn as d, Pn as f, qt as g, Qt as h, Jr as i, rr as l, $t as m, $r as n, Br as o, Nn as p, Yr as r, hr as s, ai as t, $n as u, Ht as v, le as w, me as x, jt as y };