@eigenpal/docx-editor-vue 1.3.3 → 1.5.0

package/dist/{MenuBar-CbONA9-a.js → MenuBar-DfQrRpyI.js}

@@ -1,6 +1,6 @@
-import { d as e, p as t } from "./KeyboardShortcutsDialog-BbuDgglK.js";
+import { f as e, u as t } from "./KeyboardShortcutsDialog-DtuQzPxi.js";
 import { t as n } from "./_plugin-vue_export-helper-B52Kst-M.js";
-import { t as r } from "./useCommentSidebarItems-BHomCzpj.js";
+import { t as r } from "./useCommentSidebarItems-DXbF857R.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, vModelSelect as E, vModelText as D, watch as O, withCtx as k, withDirectives as A, withKeys as j, withModifiers as M } from "vue";
 import { generateThemeTintShadeMatrix as N, resolveColor as P, resolveColorToHex as F, resolveHighlightColor as I } from "@eigenpal/docx-editor-core/utils";
 import { redoDepth as L, undoDepth as R } from "prosemirror-history";
@@ -66,7 +66,7 @@ var ne = [
 	},
 	emits: ["change"],
 	setup(n, { emit: r }) {
-		let o = n, f = r, { t: p } = e(), y = [
+		let o = n, f = r, { t: p } = t(), y = [
 			{
 				nameKey: "colorPicker.colors.darkRed",
 				hex: "C00000"
@@ -183,7 +183,7 @@ var ne = [
 			let t = e.target;
 			ee.value?.contains(t) || z.value?.contains(t) || (L.value = !1);
 		}
-		return _(() => document.addEventListener("mousedown", Se)), g(() => document.removeEventListener("mousedown", Se)), (e, r) => (v(), c("div", {
+		return _(() => document.addEventListener("mousedown", Se)), g(() => document.removeEventListener("mousedown", Se)), (t, r) => (v(), c("div", {
 			ref_key: "containerRef",
 			ref: ee,
 			class: m(["docx-color-picker", n.className]),
@@ -199,7 +199,7 @@ var ne = [
 			"aria-label": n.title ?? G.value,
 			onMousedown: r[0] ||= M(() => {}, ["prevent"]),
 			onClick: _e
-		}, [d(t, {
+		}, [d(e, {
 			name: K.value,
 			size: 18
 		}, null, 8, ["name"]), l("span", {
@@ -215,7 +215,7 @@ var ne = [
 			"aria-expanded": L.value,
 			onMousedown: r[1] ||= M(() => {}, ["prevent"]),
 			onClick: te
-		}, [d(t, {
+		}, [d(e, {
 			name: "arrow_drop_down",
 			size: 18
 		})], 42, re)], 2)) : (v(), c("button", {
@@ -229,13 +229,13 @@ var ne = [
 			"aria-expanded": L.value,
 			onMousedown: r[2] ||= M(() => {}, ["prevent"]),
 			onClick: te
-		}, [l("span", ie, [d(t, {
+		}, [l("span", ie, [d(e, {
 			name: K.value,
 			size: 18
 		}, null, 8, ["name"]), l("span", {
 			class: m(["docx-color-picker__bar", { "is-light": U.value === "transparent" || E(U.value) }]),
 			style: h({ background: U.value === "transparent" ? "#fff" : U.value })
-		}, null, 6)]), d(t, {
+		}, null, 6)]), d(e, {
 			name: "arrow_drop_down",
 			size: 14
 		})], 42, X)), L.value && !n.disabled ? (v(), c("div", {
@@ -380,7 +380,7 @@ var ne = [
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(n, { emit: r }) {
-		let { t: u } = e(), f = n, p = r, h = [
+		let { t: u } = t(), f = n, p = r, h = [
 			{
 				value: "editing",
 				labelKey: "editor.editing",
@@ -409,43 +409,43 @@ var ne = [
 		}
 		return _(() => {
 			D = window.matchMedia("(max-width: 1400px)"), S.value = D.matches, D.addEventListener("change", O);
-		}), g(() => D?.removeEventListener("change", O)), (e, r) => (v(), o(Q, {
+		}), g(() => D?.removeEventListener("change", O)), (t, r) => (v(), o(Q, {
 			open: y.value,
 			placement: "bottom-right",
 			"onUpdate:open": r[0] ||= (e) => y.value = e,
 			onClose: r[1] ||= (e) => y.value = !1
 		}, {
-			trigger: k(({ toggle: e }) => [l("button", {
+			trigger: k(({ toggle: t }) => [l("button", {
 				type: "button",
 				class: m(["editing-mode__trigger", {
 					"editing-mode__trigger--open": y.value,
 					"editing-mode__trigger--compact": S.value
 				}]),
 				title: `${T(u)(C.value.labelKey)} (Ctrl+Shift+E)`,
-				onClick: M(e, ["prevent"])
+				onClick: M(t, ["prevent"])
 			}, [
-				d(t, {
+				d(e, {
 					name: C.value.icon,
 					size: 18
 				}, null, 8, ["name"]),
 				S.value ? s("", !0) : (v(), c("span", be, w(T(u)(C.value.labelKey)), 1)),
-				d(t, {
+				d(e, {
 					name: "arrow_drop_down",
 					size: 16
 				})
 			], 10, ye)]),
-			panel: k(() => [l("div", xe, [(v(), c(i, null, x(h, (e) => l("button", {
-				key: e.value,
+			panel: k(() => [l("div", xe, [(v(), c(i, null, x(h, (t) => l("button", {
+				key: t.value,
 				type: "button",
 				class: "editing-mode__option",
-				onClick: M((t) => E(e.value), ["prevent"])
+				onClick: M((e) => E(t.value), ["prevent"])
 			}, [
-				d(t, {
-					name: e.icon,
+				d(e, {
+					name: t.icon,
 					size: 20
 				}, null, 8, ["name"]),
-				l("span", Ce, [l("span", we, w(T(u)(e.labelKey)), 1), l("span", Te, w(T(u)(e.descKey)), 1)]),
-				e.value === n.modelValue ? (v(), o(t, {
+				l("span", Ce, [l("span", we, w(T(u)(t.labelKey)), 1), l("span", Te, w(T(u)(t.descKey)), 1)]),
+				t.value === n.modelValue ? (v(), o(e, {
 					key: 0,
 					name: "check",
 					size: 18,
@@ -472,7 +472,7 @@ var ne = [
 		ariaLabel: {}
 	},
 	emits: ["select"],
-	setup(e, { emit: n }) {
+	setup(t, { emit: n }) {
 		let r = n, a = b(!1);
 		function s(e) {
 			r("select", e), a.value = !1;
@@ -485,26 +485,26 @@ var ne = [
 			trigger: k(({ toggle: n }) => [l("button", {
 				type: "button",
 				class: m(["docx-icon-grid__btn", { "docx-icon-grid__btn--open": a.value }]),
-				disabled: e.disabled,
-				"aria-label": e.ariaLabel ?? e.tooltipContent,
-				title: e.tooltipContent,
+				disabled: t.disabled,
+				"aria-label": t.ariaLabel ?? t.tooltipContent,
+				title: t.tooltipContent,
 				"aria-expanded": a.value,
 				"aria-haspopup": "true",
 				onClick: M(n, ["prevent"])
-			}, [d(t, {
-				name: e.triggerIcon,
+			}, [d(e, {
+				name: t.triggerIcon,
 				size: 20
-			}, null, 8, ["name"]), d(t, {
+			}, null, 8, ["name"]), d(e, {
 				name: "arrow_drop_down",
 				size: 14
 			})], 10, De)]),
-			panel: k(() => [l("div", Oe, [(v(!0), c(i, null, x(e.options, (n) => (v(), c("button", {
+			panel: k(() => [l("div", Oe, [(v(!0), c(i, null, x(t.options, (n) => (v(), c("button", {
 				key: n.value,
 				type: "button",
-				class: m(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === n.value }]),
+				class: m(["docx-icon-grid__option", { "docx-icon-grid__option--active": t.activeValue === n.value }]),
 				title: n.label,
 				onClick: M((e) => s(n.value), ["prevent"])
-			}, [d(t, {
+			}, [d(e, {
 				name: n.iconName,
 				size: 18
 			}, null, 8, ["name"])], 10, ke))), 128))])]),
@@ -518,8 +518,8 @@ var ne = [
 		disabled: { type: Boolean }
 	},
 	emits: ["change"],
-	setup(t) {
-		let n = t, { t: r } = e(), i = [
+	setup(e) {
+		let n = e, { t: r } = t(), i = [
 			{
 				value: "inline",
 				labelKey: "imageWrap.inline",
@@ -558,13 +558,13 @@ var ne = [
 			let e = n.imageContext;
 			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
 		}), l = a(() => s.value.find((e) => e.value === c.value) ?? s.value[0]);
-		return (e, n) => (v(), o(Ae, {
+		return (t, n) => (v(), o(Ae, {
 			options: s.value,
 			"active-value": c.value,
 			"trigger-icon": l.value.iconName,
 			"tooltip-content": T(r)("imageWrap.tooltipPrefix", { label: l.value.label }),
-			disabled: t.disabled,
-			onSelect: n[0] ||= (t) => e.$emit("change", t)
+			disabled: e.disabled,
+			onSelect: n[0] ||= (e) => t.$emit("change", e)
 		}, null, 8, [
 			"options",
 			"active-value",
@@ -577,8 +577,8 @@ var ne = [
 	__name: "ImageTransformDropdown",
 	props: { disabled: { type: Boolean } },
 	emits: ["transform"],
-	setup(t) {
-		let { t: n } = e(), r = [
+	setup(e) {
+		let { t: n } = t(), r = [
 			{
 				value: "rotateCW",
 				labelKey: "imageTransform.rotateClockwise",
@@ -604,12 +604,12 @@ var ne = [
 			label: n(e.labelKey),
 			iconName: e.iconName
 		})));
-		return (e, r) => (v(), o(Ae, {
+		return (t, r) => (v(), o(Ae, {
 			options: i.value,
 			"trigger-icon": "rotate_right",
 			"tooltip-content": T(n)("imageTransform.tooltip"),
-			disabled: t.disabled,
-			onSelect: r[0] ||= (t) => e.$emit("transform", t)
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => t.$emit("transform", e)
 		}, null, 8, [
 			"options",
 			"tooltip-content",
@@ -883,7 +883,7 @@ var ze = {
 		"image-transform"
 	],
 	setup(n, { emit: r }) {
-		let f = n, { t: p } = e(), g = r, _ = a(() => f.zoomPercent ?? 100), y = a(() => f.isMinZoom ?? !1), C = a(() => f.isMaxZoom ?? !1), E = a(() => f.zoomPresets ?? Le), D = a(() => f.showZoomControl ?? !0), O = b(null), k = b(null), A = b(null), j = b(null), N = b(null), P = b(null), { openDropdown: F, dropdownMenuStyle: I, toggleDropdown: V } = Re({
+		let f = n, { t: p } = t(), g = r, _ = a(() => f.zoomPercent ?? 100), y = a(() => f.isMinZoom ?? !1), C = a(() => f.isMaxZoom ?? !1), E = a(() => f.zoomPresets ?? Le), D = a(() => f.showZoomControl ?? !0), O = b(null), k = b(null), A = b(null), j = b(null), N = b(null), P = b(null), { openDropdown: F, dropdownMenuStyle: I, toggleDropdown: V } = Re({
 			zoom: P,
 			style: O,
 			font: k,
@@ -1004,19 +1004,19 @@ var ze = {
 			let t = H.value.paragraphFormatting.lineSpacing;
 			return t ? Math.abs(t - e) < 10 : e === 240;
 		}
-		return (e, r) => n.view ? (v(), c("div", ze, [
+		return (t, r) => n.view ? (v(), c("div", ze, [
 			l("button", {
 				title: T(p)("formattingBar.undoShortcut"),
 				"aria-label": T(p)("formattingBar.undo"),
 				disabled: !J.value,
 				onMousedown: r[0] ||= M((e) => Z("undo"), ["prevent"])
-			}, [d(t, { name: "undo" })], 40, Be),
+			}, [d(e, { name: "undo" })], 40, Be),
 			l("button", {
 				title: T(p)("formattingBar.redoShortcut"),
 				"aria-label": T(p)("formattingBar.redo"),
 				disabled: !te.value,
 				onMousedown: r[1] ||= M((e) => Z("redo"), ["prevent"])
-			}, [d(t, { name: "redo" })], 40, Ve),
+			}, [d(e, { name: "redo" })], 40, Ve),
 			r[31] ||= l("span", { class: "divider" }, null, -1),
 			D.value ? (v(), c("div", {
 				key: 0,
@@ -1026,7 +1026,7 @@ var ze = {
 			}, [
 				l("button", {
 					class: "size-btn",
-					onMousedown: r[2] ||= M((t) => e.$emit("zoom-out"), ["prevent"]),
+					onMousedown: r[2] ||= M((e) => t.$emit("zoom-out"), ["prevent"]),
 					disabled: y.value,
 					title: T(p)("zoom.zoomOut")
 				}, " − ", 40, He),
@@ -1037,7 +1037,7 @@ var ze = {
 				}, w(_.value) + "% ", 41, Ue),
 				l("button", {
 					class: "size-btn",
-					onMousedown: r[4] ||= M((t) => e.$emit("zoom-in"), ["prevent"]),
+					onMousedown: r[4] ||= M((e) => t.$emit("zoom-in"), ["prevent"]),
 					disabled: C.value,
 					title: T(p)("zoom.zoomIn")
 				}, " + ", 40, We),
@@ -1045,11 +1045,11 @@ var ze = {
 					key: 0,
 					style: h(T(I)),
 					class: "toolbar-dropdown__menu zoom-menu"
-				}, [(v(!0), c(i, null, x(E.value, (t) => (v(), c("button", {
-					key: t,
-					class: m(["toolbar-dropdown__item", { active: _.value === Math.round(t * 100) }]),
-					onMousedown: M((n) => e.$emit("zoom-set", t), ["prevent"])
-				}, w(Math.round(t * 100)) + "% ", 43, Ge))), 128))], 4)) : s("", !0)
+				}, [(v(!0), c(i, null, x(E.value, (e) => (v(), c("button", {
+					key: e,
+					class: m(["toolbar-dropdown__item", { active: _.value === Math.round(e * 100) }]),
+					onMousedown: M((n) => t.$emit("zoom-set", e), ["prevent"])
+				}, w(Math.round(e * 100)) + "% ", 43, Ge))), 128))], 4)) : s("", !0)
 			], 512)) : s("", !0),
 			r[32] ||= l("span", { class: "divider" }, null, -1),
 			l("div", {
@@ -1060,7 +1060,7 @@ var ze = {
 				class: "toolbar-dropdown__trigger style-trigger",
 				onMousedown: r[5] ||= M((e) => T(V)("style"), ["prevent"]),
 				title: T(p)("styles.selectAriaLabel")
-			}, [u(w(q.value) + " ", 1), d(t, {
+			}, [u(w(q.value) + " ", 1), d(e, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1083,7 +1083,7 @@ var ze = {
 				class: "toolbar-dropdown__trigger font-trigger",
 				onMousedown: r[6] ||= M((e) => T(V)("font"), ["prevent"]),
 				title: T(p)("font.selectAriaLabel")
-			}, [u(w(U.value) + " ", 1), d(t, {
+			}, [u(w(U.value) + " ", 1), d(e, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1133,25 +1133,25 @@ var ze = {
 				"aria-label": T(p)("formattingBar.bold"),
 				class: m({ active: H.value.textFormatting.bold }),
 				onMousedown: r[8] ||= M((e) => Z("toggleBold"), ["prevent"])
-			}, [d(t, { name: "format_bold" })], 42, tt),
+			}, [d(e, { name: "format_bold" })], 42, tt),
 			l("button", {
 				title: T(p)("formattingBar.italicShortcut"),
 				"aria-label": T(p)("formattingBar.italic"),
 				class: m({ active: H.value.textFormatting.italic }),
 				onMousedown: r[9] ||= M((e) => Z("toggleItalic"), ["prevent"])
-			}, [d(t, { name: "format_italic" })], 42, nt),
+			}, [d(e, { name: "format_italic" })], 42, nt),
 			l("button", {
 				title: T(p)("formattingBar.underlineShortcut"),
 				"aria-label": T(p)("formattingBar.underline"),
 				class: m({ active: !!H.value.textFormatting.underline }),
 				onMousedown: r[10] ||= M((e) => Z("toggleUnderline"), ["prevent"])
-			}, [d(t, { name: "format_underlined" })], 42, rt),
+			}, [d(e, { name: "format_underlined" })], 42, rt),
 			l("button", {
 				title: T(p)("formattingBar.strikethrough"),
 				"aria-label": T(p)("formattingBar.strikethrough"),
 				class: m({ active: H.value.textFormatting.strike }),
 				onMousedown: r[11] ||= M((e) => Z("toggleStrike"), ["prevent"])
-			}, [d(t, { name: "strikethrough_s" })], 42, it),
+			}, [d(e, { name: "strikethrough_s" })], 42, it),
 			d(_e, {
 				mode: "text",
 				value: ne.value,
@@ -1167,20 +1167,20 @@ var ze = {
 			l("button", {
 				title: T(p)("formattingBar.insertLinkShortcut"),
 				"aria-label": T(p)("formattingBar.insertLink"),
-				onMousedown: r[12] ||= M((t) => e.$emit("insert-link"), ["prevent"])
-			}, [d(t, { name: "link" })], 40, at),
+				onMousedown: r[12] ||= M((e) => t.$emit("insert-link"), ["prevent"])
+			}, [d(e, { name: "link" })], 40, at),
 			l("button", {
 				title: T(p)("formattingBar.superscriptShortcut"),
 				"aria-label": T(p)("formattingBar.superscript"),
 				class: m({ active: H.value.textFormatting.vertAlign === "superscript" }),
 				onMousedown: r[13] ||= M((e) => Z("toggleSuperscript"), ["prevent"])
-			}, [d(t, { name: "superscript" })], 42, ot),
+			}, [d(e, { name: "superscript" })], 42, ot),
 			l("button", {
 				title: T(p)("formattingBar.subscriptShortcut"),
 				"aria-label": T(p)("formattingBar.subscript"),
 				class: m({ active: H.value.textFormatting.vertAlign === "subscript" }),
 				onMousedown: r[14] ||= M((e) => Z("toggleSubscript"), ["prevent"])
-			}, [d(t, { name: "subscript" })], 42, st),
+			}, [d(e, { name: "subscript" })], 42, st),
 			r[35] ||= l("span", { class: "divider" }, null, -1),
 			l("div", {
 				class: "toolbar-dropdown",
@@ -1190,7 +1190,7 @@ var ze = {
 				class: "toolbar-dropdown__trigger align-trigger",
 				onMousedown: r[15] ||= M((e) => T(V)("align"), ["prevent"]),
 				title: T(p)("formattingBar.groups.alignment")
-			}, [d(t, { name: K.value }, null, 8, ["name"]), d(t, {
+			}, [d(e, { name: K.value }, null, 8, ["name"]), d(e, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1204,7 +1204,7 @@ var ze = {
 					onMousedown: r[16] ||= M((e) => {
 						Z("alignLeft"), F.value = null;
 					}, ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "format_align_left",
 					size: 18
 				}), u(" " + w(T(p)("alignment.alignLeft")) + " (" + w(T(p)("alignment.alignLeftShortcut")) + ") ", 1)], 34),
@@ -1213,7 +1213,7 @@ var ze = {
 					onMousedown: r[17] ||= M((e) => {
 						Z("alignCenter"), F.value = null;
 					}, ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "format_align_center",
 					size: 18
 				}), u(" " + w(T(p)("alignment.center")) + " (" + w(T(p)("alignment.centerShortcut")) + ") ", 1)], 34),
@@ -1222,7 +1222,7 @@ var ze = {
 					onMousedown: r[18] ||= M((e) => {
 						Z("alignRight"), F.value = null;
 					}, ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "format_align_right",
 					size: 18
 				}), u(" " + w(T(p)("alignment.alignRight")) + " (" + w(T(p)("alignment.alignRightShortcut")) + ") ", 1)], 34),
@@ -1231,7 +1231,7 @@ var ze = {
 					onMousedown: r[19] ||= M((e) => {
 						Z("alignJustify"), F.value = null;
 					}, ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "format_align_justify",
 					size: 18
 				}), u(" " + w(T(p)("alignment.justify")) + " (" + w(T(p)("alignment.justifyShortcut")) + ") ", 1)], 34)
@@ -1241,24 +1241,24 @@ var ze = {
 				"aria-label": T(p)("lists.bulletList"),
 				class: m({ active: H.value.inList && H.value.listType === "bullet" }),
 				onMousedown: r[20] ||= M((e) => Z("toggleBulletList"), ["prevent"])
-			}, [d(t, { name: "format_list_bulleted" })], 42, lt),
+			}, [d(e, { name: "format_list_bulleted" })], 42, lt),
 			l("button", {
 				title: T(p)("lists.numberedList"),
 				"aria-label": T(p)("lists.numberedList"),
 				class: m({ active: H.value.inList && H.value.listType === "numbered" }),
 				onMousedown: r[21] ||= M((e) => Z("toggleNumberedList"), ["prevent"])
-			}, [d(t, { name: "format_list_numbered" })], 42, ut),
+			}, [d(e, { name: "format_list_numbered" })], 42, ut),
 			l("button", {
 				title: T(p)("lists.decreaseIndent"),
 				"aria-label": T(p)("lists.decreaseIndent"),
 				disabled: !Y.value,
 				onMousedown: r[22] ||= M((e) => Z("outdent"), ["prevent"])
-			}, [d(t, { name: "format_indent_decrease" })], 40, dt),
+			}, [d(e, { name: "format_indent_decrease" })], 40, dt),
 			l("button", {
 				title: T(p)("lists.increaseIndent"),
 				"aria-label": T(p)("lists.increaseIndent"),
 				onMousedown: r[23] ||= M((e) => Z("indent"), ["prevent"])
-			}, [d(t, { name: "format_indent_increase" })], 40, ft),
+			}, [d(e, { name: "format_indent_increase" })], 40, ft),
 			l("div", {
 				class: "toolbar-dropdown",
 				ref_key: "spacingDropdownRef",
@@ -1267,7 +1267,7 @@ var ze = {
 				class: "toolbar-dropdown__trigger",
 				onMousedown: r[24] ||= M((e) => T(V)("spacing"), ["prevent"]),
 				title: T(p)("lineSpacing.label")
-			}, [d(t, { name: "format_line_spacing" }), d(t, {
+			}, [d(e, { name: "format_line_spacing" }), d(e, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1284,35 +1284,35 @@ var ze = {
 				title: T(p)("formattingBar.clearFormatting"),
 				"aria-label": T(p)("formattingBar.clearFormatting"),
 				onMousedown: M(ue, ["prevent"])
-			}, [d(t, { name: "format_clear" })], 40, ht),
+			}, [d(e, { name: "format_clear" })], 40, ht),
 			r[36] ||= l("span", { class: "divider" }, null, -1),
 			l("button", {
 				title: T(p)("formattingBar.commentsAndChanges"),
 				"aria-label": T(p)("formattingBar.commentsAndChanges"),
 				class: m({ active: n.commentsSidebarOpen }),
-				onMousedown: r[25] ||= M((t) => e.$emit("toggle-sidebar"), ["prevent"])
-			}, [d(t, { name: "comment" })], 42, gt),
+				onMousedown: r[25] ||= M((e) => t.$emit("toggle-sidebar"), ["prevent"])
+			}, [d(e, { name: "comment" })], 42, gt),
 			n.imageContext ? (v(), c(i, { key: 1 }, [
 				r[30] ||= l("span", { class: "divider" }, null, -1),
 				d(je, {
 					"image-context": n.imageContext,
-					onChange: r[26] ||= (t) => e.$emit("image-wrap-type", t)
+					onChange: r[26] ||= (e) => t.$emit("image-wrap-type", e)
 				}, null, 8, ["image-context"]),
-				d(Me, { onTransform: r[27] ||= (t) => e.$emit("image-transform", t) }),
+				d(Me, { onTransform: r[27] ||= (e) => t.$emit("image-transform", e) }),
 				l("button", {
 					title: T(p)("formattingBar.imagePropertiesShortcut"),
 					"aria-label": T(p)("formattingBar.imageProperties"),
-					onMousedown: r[28] ||= M((t) => e.$emit("image-properties"), ["prevent"])
-				}, [d(t, { name: "tune" })], 40, _t)
+					onMousedown: r[28] ||= M((e) => t.$emit("image-properties"), ["prevent"])
+				}, [d(e, { name: "tune" })], 40, _t)
 			], 64)) : s("", !0),
-			S(e.$slots, "table-context", {}, void 0, !0),
+			S(t.$slots, "table-context", {}, void 0, !0),
 			r[37] ||= l("span", { class: "divider" }, null, -1),
 			n.editorMode ? (v(), o(Ee, {
 				key: 2,
 				"model-value": n.editorMode,
-				"onUpdate:modelValue": r[29] ||= (t) => e.$emit("mode-change", t)
+				"onUpdate:modelValue": r[29] ||= (e) => t.$emit("mode-change", e)
 			}, null, 8, ["model-value"])) : s("", !0),
-			S(e.$slots, "toolbar-extra", {}, void 0, !0)
+			S(t.$slots, "toolbar-extra", {}, void 0, !0)
 		])) : s("", !0);
 	}
 }), [["__scopeId", "data-v-9c584674"]]), yt = /* @__PURE__ */ f({
@@ -1323,16 +1323,16 @@ var ze = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let r = n, { t: i } = e();
+	setup(e, { emit: n }) {
+		let r = n, { t: i } = t();
 		function a(e) {
 			typeof e == "string" && r("change", e === "none" ? "" : e.replace(/^#/, ""));
 		}
-		return (e, n) => (v(), o(_e, {
+		return (t, n) => (v(), o(_e, {
 			mode: "highlight",
-			value: t.value,
-			theme: t.theme ?? null,
-			disabled: t.disabled,
+			value: e.value,
+			theme: e.theme ?? null,
+			disabled: e.disabled,
 			title: T(i)("table.cellFillColor"),
 			icon: "format_color_fill",
 			"auto-label": T(i)("colorPicker.noColor"),
@@ -1349,7 +1349,7 @@ var ze = {
 	__name: "TableBorderPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
-	setup(e, { emit: n }) {
+	setup(t, { emit: n }) {
 		let r = n, a = b(!1), s = [
 			{
 				value: "all",
@@ -1413,21 +1413,21 @@ var ze = {
 			trigger: k(({ toggle: n }) => [l("button", {
 				type: "button",
 				class: "docx-tbp__btn",
-				disabled: e.disabled,
+				disabled: t.disabled,
 				title: "Borders",
 				onClick: M(n, ["prevent"])
-			}, [d(t, {
+			}, [d(e, {
 				name: "border_all",
 				size: 20
 			})], 8, bt)]),
-			panel: k(() => [l("div", xt, [(v(), c(i, null, x(s, (e) => l("button", {
-				key: e.value,
+			panel: k(() => [l("div", xt, [(v(), c(i, null, x(s, (t) => l("button", {
+				key: t.value,
 				type: "button",
 				class: "docx-tbp__option",
-				title: e.label,
-				onClick: M((t) => u(e.value), ["prevent"])
-			}, [d(t, {
-				name: e.icon,
+				title: t.label,
+				onClick: M((e) => u(t.value), ["prevent"])
+			}, [d(e, {
+				name: t.icon,
 				size: 20
 			}, null, 8, ["name"])], 8, St)), 64))])]),
 			_: 1
@@ -1441,16 +1441,16 @@ var ze = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let r = n, { t: i } = e();
+	setup(e, { emit: n }) {
+		let r = n, { t: i } = t();
 		function a(e) {
 			typeof e == "string" ? r("change", e.replace(/^#/, "")) : e.rgb ? r("change", e.rgb.replace(/^#/, "")) : e.auto && r("change", "000000");
 		}
-		return (e, n) => (v(), o(_e, {
+		return (t, n) => (v(), o(_e, {
 			mode: "border",
-			value: t.value,
-			theme: t.theme ?? null,
-			disabled: t.disabled,
+			value: e.value,
+			theme: e.theme ?? null,
+			disabled: e.disabled,
 			title: T(i)("table.borderColor"),
 			onChange: a
 		}, null, 8, [
@@ -1464,7 +1464,7 @@ var ze = {
 	__name: "TableBorderWidthPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
-	setup(e, { emit: n }) {
+	setup(t, { emit: n }) {
 		let r = n, a = b(!1), s = [
 			{
 				label: "0.5pt",
@@ -1518,10 +1518,10 @@ var ze = {
 			trigger: k(({ toggle: n }) => [l("button", {
 				type: "button",
 				class: "docx-tbwidth__btn",
-				disabled: e.disabled,
+				disabled: t.disabled,
 				title: "Border width",
 				onClick: M(n, ["prevent"])
-			}, [d(t, {
+			}, [d(e, {
 				name: "line_weight",
 				size: 20
 			})], 8, Tt)]),
@@ -1579,7 +1579,7 @@ var ze = {
 		"row-height"
 	],
 	setup(n, { emit: r }) {
-		let a = n, u = r, { t: f } = e(), p = b(!1), h = b(!1), g = b(!1), _ = b(!1), S = y({
+		let a = n, u = r, { t: f } = t(), p = b(!1), h = b(!1), g = b(!1), _ = b(!1), S = y({
 			top: 0,
 			bottom: 0,
 			left: 108,
@@ -1616,19 +1616,19 @@ var ze = {
 		function R(e) {
 			u("cell-text-direction", e), p.value = !1;
 		}
-		return (e, r) => (v(), o(Q, {
+		return (t, r) => (v(), o(Q, {
 			open: p.value,
 			placement: "bottom-right",
 			"onUpdate:open": r[34] ||= (e) => p.value = e,
 			onClose: r[35] ||= (e) => p.value = !1
 		}, {
-			trigger: k(({ toggle: e }) => [l("button", {
+			trigger: k(({ toggle: t }) => [l("button", {
 				type: "button",
 				class: m(["docx-tmore__btn", { "docx-tmore__btn--open": p.value }]),
 				disabled: n.disabled,
 				title: T(f)("tableAdvanced.tableOptions"),
-				onClick: M(e, ["prevent"])
-			}, [d(t, {
+				onClick: M(t, ["prevent"])
+			}, [d(e, {
 				name: "more_vert",
 				size: 20
 			})], 10, At)]),
@@ -1641,7 +1641,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[0] ||= M((e) => P("addRowAbove"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "add",
 					size: 18
 				}), l("span", null, w(T(f)("table.insertRowAbove")), 1)]),
@@ -1649,7 +1649,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[1] ||= M((e) => P("addRowBelow"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "add",
 					size: 18
 				}), l("span", null, w(T(f)("table.insertRowBelow")), 1)]),
@@ -1657,7 +1657,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[2] ||= M((e) => P("addColumnLeft"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "add",
 					size: 18
 				}), l("span", null, w(T(f)("table.insertColumnLeft")), 1)]),
@@ -1665,7 +1665,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[3] ||= M((e) => P("addColumnRight"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "add",
 					size: 18
 				}), l("span", null, w(T(f)("table.insertColumnRight")), 1)]),
@@ -1675,7 +1675,7 @@ var ze = {
 					class: "docx-tmore__item",
 					disabled: N("mergeCells"),
 					onClick: r[4] ||= M((e) => P("mergeCells"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "call_merge",
 					size: 18
 				}), l("span", null, w(T(f)("table.mergeCells")), 1)], 8, Mt),
@@ -1684,7 +1684,7 @@ var ze = {
 					class: "docx-tmore__item",
 					disabled: N("splitCell"),
 					onClick: r[5] ||= M((e) => P("splitCell"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "call_split",
 					size: 18
 				}), l("span", null, w(T(f)("table.splitCell")), 1)], 8, Nt),
@@ -1694,7 +1694,7 @@ var ze = {
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: N("deleteRow"),
 					onClick: r[6] ||= M((e) => P("deleteRow"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "delete",
 					size: 18
 				}), l("span", null, w(T(f)("table.deleteRow")), 1)], 8, Pt),
@@ -1703,7 +1703,7 @@ var ze = {
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: N("deleteColumn"),
 					onClick: r[7] ||= M((e) => P("deleteColumn"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "delete",
 					size: 18
 				}), l("span", null, w(T(f)("table.deleteColumn")), 1)], 8, Ft),
@@ -1711,7 +1711,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
 					onClick: r[8] ||= M((e) => P("deleteTable"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "delete",
 					size: 18
 				}), l("span", null, w(T(f)("table.deleteTable")), 1)]),
@@ -1724,7 +1724,7 @@ var ze = {
 						title: T(f)("tableAdvanced.top"),
 						onMousedown: r[9] ||= M(() => {}, ["prevent"]),
 						onClick: r[10] ||= M((e) => P("verticalAlignTop"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "vertical_align_top",
 						size: 16
 					})], 40, Rt),
@@ -1734,7 +1734,7 @@ var ze = {
 						title: T(f)("tableAdvanced.middle"),
 						onMousedown: r[11] ||= M(() => {}, ["prevent"]),
 						onClick: r[12] ||= M((e) => P("verticalAlignMiddle"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "vertical_align_center",
 						size: 16
 					})], 40, zt),
@@ -1744,7 +1744,7 @@ var ze = {
 						title: T(f)("tableAdvanced.bottom"),
 						onMousedown: r[13] ||= M(() => {}, ["prevent"]),
 						onClick: r[14] ||= M((e) => P("verticalAlignBottom"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "vertical_align_bottom",
 						size: 16
 					})], 40, Bt)
@@ -1758,7 +1758,7 @@ var ze = {
 						title: T(f)("tableAdvanced.alignTableLeft"),
 						onMousedown: r[15] ||= M(() => {}, ["prevent"]),
 						onClick: r[16] ||= M((e) => P("alignTableLeft"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "format_align_left",
 						size: 16
 					})], 42, Ut),
@@ -1768,7 +1768,7 @@ var ze = {
 						title: T(f)("tableAdvanced.alignTableCenter"),
 						onMousedown: r[17] ||= M(() => {}, ["prevent"]),
 						onClick: r[18] ||= M((e) => P("alignTableCenter"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "format_align_center",
 						size: 16
 					})], 42, Wt),
@@ -1778,7 +1778,7 @@ var ze = {
 						title: T(f)("tableAdvanced.alignTableRight"),
 						onMousedown: r[19] ||= M(() => {}, ["prevent"]),
 						onClick: r[20] ||= M((e) => P("alignTableRight"), ["prevent"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "format_align_right",
 						size: 16
 					})], 42, Gt)
@@ -1789,12 +1789,12 @@ var ze = {
 					class: "docx-tmore__item",
 					onClick: r[21] ||= M((e) => h.value = !h.value, ["prevent"])
 				}, [
-					d(t, {
+					d(e, {
 						name: "padding",
 						size: 18
 					}),
 					l("span", Kt, w(T(f)("tableAdvanced.cellMargins")), 1),
-					d(t, {
+					d(e, {
 						name: h.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
@@ -1832,12 +1832,12 @@ var ze = {
 					class: "docx-tmore__item",
 					onClick: r[22] ||= M((e) => g.value = !g.value, ["prevent"])
 				}, [
-					d(t, {
+					d(e, {
 						name: "height",
 						size: 18
 					}),
 					l("span", Zt, w(T(f)("tableAdvanced.rowHeight")), 1),
-					d(t, {
+					d(e, {
 						name: g.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
@@ -1878,12 +1878,12 @@ var ze = {
 					class: "docx-tmore__item",
 					onClick: r[25] ||= M((e) => _.value = !_.value, ["prevent"])
 				}, [
-					d(t, {
+					d(e, {
 						name: "text_rotation_none",
 						size: 18
 					}),
 					l("span", sn, w(T(f)("tableAdvanced.textDirection")), 1),
-					d(t, {
+					d(e, {
 						name: _.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
@@ -1910,7 +1910,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[29] ||= M((e) => P("toggleHeaderRow"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "table_rows",
 					size: 18
 				}), l("span", null, w(T(f)("tableAdvanced.toggleHeaderRow")), 1)]),
@@ -1918,7 +1918,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[30] ||= M((e) => P("distributeColumns"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "view_column",
 					size: 18
 				}), l("span", null, w(T(f)("tableAdvanced.distributeColumns")), 1)]),
@@ -1926,7 +1926,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[31] ||= M((e) => P("autoFit"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "fit_width",
 					size: 18
 				}), l("span", null, w(T(f)("tableAdvanced.autoFit")), 1)]),
@@ -1934,7 +1934,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[32] ||= M((e) => P("toggleNoWrap"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "wrap_text",
 					size: 18
 				}), l("span", null, w(T(f)("tableAdvanced.toggleNoWrap")), 1)]),
@@ -1943,7 +1943,7 @@ var ze = {
 					type: "button",
 					class: "docx-tmore__item",
 					onClick: r[33] ||= M((e) => P("tableProperties"), ["prevent"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "settings",
 					size: 18
 				}), l("span", null, w(T(f)("tableAdvanced.tableProperties")), 1)])
@@ -2202,41 +2202,41 @@ var ze = {
 		"unresolve",
 		"delete"
 	],
-	setup(e, { emit: n }) {
-		let r = e, i = n, a = b(!1);
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = b(!1);
 		function u() {
 			a.value = !1, i("delete", r.comment.id);
 		}
 		return (n, r) => (v(), c("div", {
-			class: m(["comment-card", { "comment-card--expanded": e.expanded }]),
-			"data-comment-id": e.comment.id,
+			class: m(["comment-card", { "comment-card--expanded": t.expanded }]),
+			"data-comment-id": t.comment.id,
 			onClick: r[5] ||= (e) => n.$emit("click"),
 			onMousedown: r[6] ||= M(() => {}, ["stop"])
 		}, [
-			e.comment.done ? (v(), c("div", wn, [d(t, {
+			t.comment.done ? (v(), c("div", wn, [d(e, {
 				name: "check",
 				size: 12
 			}), r[7] ||= l("span", null, "Resolved", -1)])) : s("", !0),
 			l("div", Tn, [
 				d(dn, {
-					name: e.comment.author,
+					name: t.comment.author,
 					size: 32
 				}, null, 8, ["name"]),
-				l("div", En, [l("div", Dn, w(e.comment.author || "Unknown"), 1), l("div", On, w(T(H)(e.comment.date)), 1)]),
-				e.expanded ? (v(), c("div", kn, [
+				l("div", En, [l("div", Dn, w(t.comment.author || "Unknown"), 1), l("div", On, w(T(H)(t.comment.date)), 1)]),
+				t.expanded ? (v(), c("div", kn, [
 					l("button", {
 						class: "comment-card__icon-btn",
-						title: e.comment.done ? "Reopen" : "Resolve",
-						onClick: r[0] ||= M((t) => e.comment.done ? n.$emit("unresolve", e.comment.id) : n.$emit("resolve", e.comment.id), ["stop"])
-					}, [d(t, {
-						name: e.comment.done ? "undo" : "check",
+						title: t.comment.done ? "Reopen" : "Resolve",
+						onClick: r[0] ||= M((e) => t.comment.done ? n.$emit("unresolve", t.comment.id) : n.$emit("resolve", t.comment.id), ["stop"])
+					}, [d(e, {
+						name: t.comment.done ? "undo" : "check",
 						size: 20
 					}, null, 8, ["name"])], 8, An),
 					l("button", {
 						class: "comment-card__icon-btn",
 						title: "More options",
 						onClick: r[1] ||= M((e) => a.value = !a.value, ["stop"])
-					}, [d(t, {
+					}, [d(e, {
 						name: "more_vert",
 						size: 20
 					})]),
@@ -2251,14 +2251,14 @@ var ze = {
 					}, "Delete")], 32)) : s("", !0)
 				])) : s("", !0)
 			]),
-			l("div", jn, w(T(W)(e.comment.content)), 1),
+			l("div", jn, w(T(W)(t.comment.content)), 1),
 			d(vn, {
-				replies: e.replies,
-				"is-expanded": e.expanded
+				replies: t.replies,
+				"is-expanded": t.expanded
 			}, null, 8, ["replies", "is-expanded"]),
-			e.expanded && !e.comment.done ? (v(), o(Sn, {
+			t.expanded && !t.comment.done ? (v(), o(Sn, {
 				key: 1,
-				onSubmit: r[4] ||= (t) => n.$emit("reply", e.comment.id, t)
+				onSubmit: r[4] ||= (e) => n.$emit("reply", t.comment.id, e)
 			})) : s("", !0)
 		], 42, Cn));
 	}
@@ -2266,14 +2266,14 @@ var ze = {
 	__name: "ResolvedCommentMarker",
 	props: { comment: {} },
 	emits: ["toggle-expand"],
-	setup(e) {
+	setup(t) {
 		return (n, r) => (v(), c("div", {
 			class: "resolved-comment-marker",
-			"data-comment-id": e.comment.id,
+			"data-comment-id": t.comment.id,
 			"data-comment-resolved": "true",
 			onClick: r[0] ||= (e) => n.$emit("toggle-expand"),
 			onMousedown: r[1] ||= M(() => {}, ["stop"])
-		}, [d(t, {
+		}, [d(e, {
 			name: "chat_bubble_check",
 			size: 20
 		})], 40, Nn));
@@ -2318,7 +2318,8 @@ var ze = {
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
-		expanded: { type: Boolean }
+		expanded: { type: Boolean },
+		replies: {}
 	},
 	emits: [
 		"click",
@@ -2327,7 +2328,7 @@ var ze = {
 		"reply"
 	],
 	setup(n, { emit: r }) {
-		let { t: f } = e(), p = n, h = r, g = a(() => p.change.author || f("trackedChanges.unknown"));
+		let { t: f } = t(), p = n, h = r, g = a(() => p.change.author || f("trackedChanges.unknown"));
 		function _() {
 			let e = new Set([p.change.revisionId]);
 			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
@@ -2340,9 +2341,9 @@ var ze = {
 		function b() {
 			for (let e of _()) h("reject-by-id", e);
 		}
-		return (e, r) => (v(), c("div", {
+		return (t, r) => (v(), c("div", {
 			class: m(["tc-card", { "tc-card--expanded": n.expanded }]),
-			onClick: r[1] ||= (t) => e.$emit("click"),
+			onClick: r[1] ||= (e) => t.$emit("click"),
 			onMousedown: r[2] ||= M(() => {}, ["stop"])
 		}, [
 			l("div", Fn, [
@@ -2355,14 +2356,14 @@ var ze = {
 					class: "tc-card__icon-btn",
 					title: T(f)("common.accept"),
 					onClick: M(y, ["stop"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "check",
 					size: 20
 				})], 8, Bn), l("button", {
 					class: "tc-card__icon-btn",
 					title: T(f)("common.reject"),
 					onClick: M(b, ["stop"])
-				}, [d(t, {
+				}, [d(e, {
 					name: "close",
 					size: 20
 				})], 8, Vn)])) : s("", !0)
@@ -2373,13 +2374,17 @@ var ze = {
 				u(" " + w(T(f)("trackedChanges.with")) + " ", 1),
 				l("span", Wn, "\"" + w(T(K)(n.change.text)) + "\"", 1)
 			], 64)) : n.change.type === "paragraphMarkInsertion" ? (v(), c(i, { key: 1 }, [u(w(T(f)("revisions.paragraphMarkInserted")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[3] ||= u(": ", -1), l("span", Gn, "\"" + w(T(K)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "paragraphMarkDeletion" ? (v(), c(i, { key: 2 }, [u(w(T(f)("revisions.paragraphMarkDeleted")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[4] ||= u(": ", -1), l("span", Kn, "\"" + w(T(K)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "paragraphPropertiesChanged" ? (v(), c(i, { key: 3 }, [u(w(T(f)("revisions.paragraphPropertiesChanged")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[5] ||= u(": ", -1), l("span", qn, "\"" + w(T(K)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "rowInserted" ? (v(), c("span", Jn, w(T(f)("revisions.rowInserted")), 1)) : n.change.type === "rowDeleted" ? (v(), c("span", Yn, w(T(f)("revisions.rowDeleted")), 1)) : n.change.type === "cellInserted" ? (v(), c("span", Xn, w(T(f)("revisions.cellInserted")), 1)) : n.change.type === "cellDeleted" ? (v(), c("span", Zn, w(T(f)("revisions.cellDeleted")), 1)) : n.change.type === "cellMerged" ? (v(), c("span", Qn, w(T(f)("revisions.cellMerged")), 1)) : n.change.type === "rowPropertiesChanged" ? (v(), c("span", $n, w(T(f)("revisions.rowPropertiesChanged")), 1)) : n.change.type === "cellPropertiesChanged" ? (v(), c("span", er, w(T(f)("revisions.cellPropertiesChanged")), 1)) : n.change.type === "tablePropertiesChanged" ? (v(), c("span", tr, w(T(f)("revisions.tablePropertiesChanged")), 1)) : n.change.type === "tableInserted" ? (v(), c("span", nr, w(T(f)("revisions.tableInserted")), 1)) : n.change.type === "tableDeleted" ? (v(), c("span", rr, w(T(f)("revisions.tableDeleted")), 1)) : (v(), c(i, { key: 14 }, [u(w(n.change.type === "insertion" ? T(f)("trackedChanges.added") : T(f)("trackedChanges.deleted")) + " ", 1), l("span", { class: m(n.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + w(T(K)(n.change.text)) + "\" ", 3)], 64))]),
+			d(vn, {
+				replies: n.replies,
+				"is-expanded": n.expanded
+			}, null, 8, ["replies", "is-expanded"]),
 			n.expanded ? (v(), o(Sn, {
 				key: 0,
-				onSubmit: r[0] ||= (t) => e.$emit("reply", n.change.revisionId, t)
+				onSubmit: r[0] ||= (e) => t.$emit("reply", n.change.revisionId, e)
 			})) : s("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-317869c0"]]), ar = ["onKeydown"], or = { class: "add-comment-card__actions" }, sr = ["disabled"], cr = /* @__PURE__ */ n(/* @__PURE__ */ f({
+}), [["__scopeId", "data-v-49909590"]]), ar = ["onKeydown"], or = { class: "add-comment-card__actions" }, sr = ["disabled"], cr = /* @__PURE__ */ n(/* @__PURE__ */ f({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -2458,8 +2463,18 @@ var ze = {
 			showResolved: a(() => n.showResolved ?? !1),
 			isAddingComment: a(() => n.isAddingComment ?? !1),
 			addCommentYPosition: a(() => n.addCommentYPosition ?? null)
-		}), S = b(null), E = b(/* @__PURE__ */ new Map()), D = /* @__PURE__ */ new Map(), A = null;
-		function j() {
+		}), S = b(null), E = b(/* @__PURE__ */ new Map()), D = /* @__PURE__ */ new Map(), A = null, j = null, N = /* @__PURE__ */ new Set();
+		function P() {
+			let e = S.value;
+			if (!e || !j) return;
+			let t = new Set(e.querySelectorAll("[data-card-id]"));
+			if (!(t.size === N.size && [...t].every((e) => N.has(e)))) {
+				j.disconnect();
+				for (let e of t) j.observe(e);
+				N = t;
+			}
+		}
+		function F() {
 			let e = n.pagesContainer, t = y.value;
 			if (!e || t.length === 0) {
 				E.value = /* @__PURE__ */ new Map();
@@ -2504,13 +2519,13 @@ var ze = {
 			}
 			let d = /* @__PURE__ */ new Map();
 			for (let { item: e, y: n } of lr(t, s, null, 1, l, D)) d.set(e.id, n);
-			E.value = d;
+			E.value = d, P();
 		}
-		let N = a(() => {
+		let I = a(() => {
 			let e = 0;
 			for (let t of E.value.values()) e = Math.max(e, t);
 			return e + 200;
-		}), P = a(() => {
+		}), L = a(() => {
 			let e = p.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; }`;
@@ -2522,7 +2537,7 @@ var ze = {
     `;
 			}
 			return "";
-		}), F = a(() => {
+		}), R = a(() => {
 			let e = n.pageWidthPx / 2 + dr - J, t = E.value.size > 0 || y.value.length === 0;
 			return {
 				position: "absolute",
@@ -2532,7 +2547,7 @@ var ze = {
 				opacity: +!!t
 			};
 		});
-		function I(e) {
+		function ee(e) {
 			let t = E.value.get(e);
 			return t == null ? {
 				position: "static",
@@ -2545,10 +2560,10 @@ var ze = {
 				transition: "top 0.15s ease"
 			};
 		}
-		let L = !1;
-		function R() {
-			L || (L = !0, requestAnimationFrame(() => {
-				L = !1, j();
+		let z = !1;
+		function B() {
+			z || (z = !0, requestAnimationFrame(() => {
+				z = !1, F();
 			}));
 		}
 		O(() => [
@@ -2559,8 +2574,8 @@ var ze = {
 			n.zoom,
 			n.isAddingComment,
 			n.addCommentYPosition
-		], () => R(), { immediate: !0 });
-		function ee(e) {
+		], () => B(), { immediate: !0 });
+		function V(e) {
 			let t = e?.parentElement ?? null;
 			for (; t;) {
 				let e = getComputedStyle(t).overflowY;
@@ -2569,34 +2584,34 @@ var ze = {
 			}
 			return null;
 		}
-		let z = null;
-		function B() {
-			z && z.removeEventListener("scroll", R), z = ee(n.pagesContainer), z && z.addEventListener("scroll", R, { passive: !0 });
+		let H = null;
+		function U() {
+			H && H.removeEventListener("scroll", B), H = V(n.pagesContainer), H && H.addEventListener("scroll", B, { passive: !0 });
 		}
 		return _(() => {
-			R(), n.pagesContainer && (A = new ResizeObserver(() => R()), A.observe(n.pagesContainer), B());
-		}), O(() => n.pagesContainer, (e, t) => {
-			A?.disconnect(), A = null, e && (A = new ResizeObserver(() => R()), A.observe(e), B());
+			j = new ResizeObserver(() => B()), B(), n.pagesContainer && (A = new ResizeObserver(() => B()), A.observe(n.pagesContainer), U());
+		}), O(() => n.pagesContainer, (e) => {
+			A?.disconnect(), A = null, e && (A = new ResizeObserver(() => B()), A.observe(e), U());
 		}), g(() => {
-			A?.disconnect(), z && z.removeEventListener("scroll", R);
-		}), (t, n) => (v(), c(i, null, [P.value ? (v(), o(C("style"), { key: 0 }, {
-			default: k(() => [u(w(P.value), 1)]),
+			A?.disconnect(), j?.disconnect(), H && H.removeEventListener("scroll", B);
+		}), (t, n) => (v(), c(i, null, [L.value ? (v(), o(C("style"), { key: 0 }, {
+			default: k(() => [u(w(L.value), 1)]),
 			_: 1
 		})) : s("", !0), e.isOpen ? (v(), c("aside", {
 			key: 1,
 			ref_key: "rootRef",
 			ref: S,
 			class: "unified-sidebar",
-			style: h(F.value),
+			style: h(R.value),
 			onMousedown: n[11] ||= M(() => {}, ["stop"])
 		}, [l("div", {
 			class: "unified-sidebar__inner",
-			style: h({ minHeight: N.value + "px" })
+			style: h({ minHeight: I.value + "px" })
 		}, [(v(!0), c(i, null, x(T(y), (e) => (v(), c("div", {
 			key: e.id,
 			class: "unified-sidebar__card-slot",
 			"data-card-id": e.id,
-			style: h(I(e.id))
+			style: h(ee(e.id))
 		}, [e.kind === "add-comment" ? (v(), o(cr, {
 			key: 0,
 			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
@@ -2623,6 +2638,7 @@ var ze = {
 		])) : e.kind === "tracked-change" ? (v(), o(ir, {
 			key: 3,
 			change: e.change,
+			replies: e.replies ?? [],
 			expanded: p.value === e.id,
 			onClick: (t) => m(e.id),
 			onAccept: n[6] ||= (e, n) => t.$emit("accept-change", e, n),
@@ -2632,11 +2648,12 @@ var ze = {
 			onReply: n[10] ||= (e, n) => t.$emit("tracked-change-reply", e, n)
 		}, null, 8, [
 			"change",
+			"replies",
 			"expanded",
 			"onClick"
 		])) : s("", !0)], 12, ur))), 128))], 4)], 36)) : s("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-1d084620"]]), mr = ["title", "onClick"], hr = /* @__PURE__ */ n(/* @__PURE__ */ f({
+}), [["__scopeId", "data-v-9e5ec80f"]]), mr = ["title", "onClick"], hr = /* @__PURE__ */ n(/* @__PURE__ */ f({
 	__name: "CommentMarginMarkers",
 	props: {
 		comments: {},
@@ -2647,8 +2664,8 @@ var ze = {
 		resolvedCommentIds: {}
 	},
 	emits: ["marker-click"],
-	setup(e) {
-		let n = e, r = a(() => {
+	setup(t) {
+		let n = t, r = a(() => {
 			if (n.sidebarOpen) return [];
 			let e = n.pagesContainer;
 			if (!e) return [];
@@ -2686,9 +2703,9 @@ var ze = {
 			key: r.comment.id,
 			class: "docx-comment-margin-markers__btn",
 			title: r.isResolved ? "Resolved comment" : "Comment",
-			style: h({ top: r.y * e.zoom + "px" }),
+			style: h({ top: r.y * t.zoom + "px" }),
 			onClick: (e) => n.$emit("marker-click", r.comment.id)
-		}, [d(t, {
+		}, [d(e, {
 			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
 			size: 18
 		}, null, 8, ["name"])], 12, mr))), 128))], 36)) : s("", !0);
@@ -3180,7 +3197,7 @@ var ze = {
 			default: !1
 		}
 	},
-	setup(e) {
+	setup(t) {
 		function n(e) {
 			return "type" in e && e.type === "separator";
 		}
@@ -3199,10 +3216,10 @@ var ze = {
 			trigger: k(({ toggle: n }) => [l("button", {
 				type: "button",
 				class: m(["docx-menu-dropdown__trigger", { "docx-menu-dropdown__trigger--open": r.value }]),
-				disabled: e.disabled,
+				disabled: t.disabled,
 				onMousedown: g[0] ||= M(() => {}, ["prevent"]),
 				onClick: M(n, ["prevent"])
-			}, [u(w(e.label) + " ", 1), e.showChevron ? (v(), o(t, {
+			}, [u(w(t.label) + " ", 1), t.showChevron ? (v(), o(e, {
 				key: 0,
 				name: "arrow_drop_down",
 				size: 16
@@ -3210,30 +3227,30 @@ var ze = {
 			panel: k(() => [l("div", {
 				class: "docx-menu-dropdown__menu",
 				onMousedown: g[1] ||= M(() => {}, ["prevent"])
-			}, [(v(!0), c(i, null, x(e.items, (e, r) => (v(), c(i, { key: r }, [n(e) ? (v(), c("div", Br)) : (v(), c("div", {
+			}, [(v(!0), c(i, null, x(t.items, (t, r) => (v(), c(i, { key: r }, [n(t) ? (v(), c("div", Br)) : (v(), c("div", {
 				key: 1,
 				class: "docx-menu-dropdown__wrap",
-				onMouseenter: (t) => e.submenu ? a.value = r : void 0,
-				onMouseleave: (t) => e.submenu ? a.value = null : void 0
+				onMouseenter: (e) => t.submenu ? a.value = r : void 0,
+				onMouseleave: (e) => t.submenu ? a.value = null : void 0
 			}, [l("button", {
 				type: "button",
-				class: m(["docx-menu-dropdown__item", { "docx-menu-dropdown__item--disabled": e.disabled }]),
-				disabled: e.disabled,
-				onClick: M((t) => p(e), ["prevent"])
+				class: m(["docx-menu-dropdown__item", { "docx-menu-dropdown__item--disabled": t.disabled }]),
+				disabled: t.disabled,
+				onClick: M((e) => p(t), ["prevent"])
 			}, [
-				e.icon ? (v(), o(t, {
+				t.icon ? (v(), o(e, {
 					key: 0,
-					name: e.icon,
+					name: t.icon,
 					size: 18
 				}, null, 8, ["name"])) : s("", !0),
-				l("span", Ur, w(e.label), 1),
-				e.shortcut ? (v(), c("span", Wr, w(e.shortcut), 1)) : s("", !0),
-				e.submenu ? (v(), c("span", Gr, [d(t, {
+				l("span", Ur, w(t.label), 1),
+				t.shortcut ? (v(), c("span", Wr, w(t.shortcut), 1)) : s("", !0),
+				t.submenu ? (v(), c("span", Gr, [d(e, {
 					name: "keyboard_arrow_right",
 					size: 16
 				})])) : s("", !0)
-			], 10, Hr), e.submenu && a.value === r ? (v(), c("div", Kr, [S(h.$slots, "submenu", {
-				item: e,
+			], 10, Hr), t.submenu && a.value === r ? (v(), c("div", Kr, [S(h.$slots, "submenu", {
+				item: t,
 				closeMenu: f
 			}, void 0, !0)])) : s("", !0)], 40, Vr))], 64))), 128))], 32)]),
 			_: 3
@@ -3283,8 +3300,8 @@ var ze = {
 }, Qr = /* @__PURE__ */ n(/* @__PURE__ */ f({
 	__name: "MenuBar",
 	emits: ["action", "insert-table"],
-	setup(t, { emit: n }) {
-		let r = n, { t: i } = e();
+	setup(e, { emit: n }) {
+		let r = n, { t: i } = t();
 		function l(e) {
 			return () => r("action", e);
 		}