@stll/folio-vue 0.9.0 → 0.10.0

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

@@ -1,12 +1,12 @@
-import { D as e, F as t, P as n, j as r, y as i } from "./WatermarkDialog-Cf9ISDvv.js";
+import { D as e, F as t, N as n, P as r, y as i } from "./SplitCellDialog-DRQuZsA3.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, toRef as D, unref as O, vModelSelect as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
-import { extractSelectionContext as I } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
-import { createRenderedDomContext as L } from "@stll/folio-core/render-dom/RenderedDomContext";
-import { pixelsToTwips as R, twipsToPixels as z } from "@stll/folio-core/utils/units";
-import { DISPLAY_MODES as B } from "@stll/folio-core/managers/EditorModeManager";
-import { redoDepth as V, undoDepth as H } from "prosemirror-history";
-import { clearFormatting as ee } from "@stll/folio-core/prosemirror/commands/formatting";
-import { getTableContext as U } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { getTableContext as I } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+import { extractSelectionContext as L } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { createRenderedDomContext as R } from "@stll/folio-core/render-dom/RenderedDomContext";
+import { pixelsToTwips as z, twipsToPixels as B } from "@stll/folio-core/utils/units";
+import { DISPLAY_MODES as V } from "@stll/folio-core/managers/EditorModeManager";
+import { redoDepth as H, undoDepth as ee } from "prosemirror-history";
+import { clearFormatting as U } from "@stll/folio-core/prosemirror/commands/formatting";
 import { resolveSidebarItemPositions as W } from "@stll/folio-core/render-dom/resolveSidebarItemPositions";
 //#region src/components/CommentMarginMarkers.vue?vue&type=script&setup=true&lang.ts
 var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
@@ -21,7 +21,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["marker-click"],
 	setup(e) {
-		let t = e, r = o(() => {
+		let t = e, n = o(() => {
 			if (t.sidebarOpen) return [];
 			let e = t.pagesContainer;
 			if (!e) return [];
@@ -50,19 +50,19 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			zIndex: 30,
 			pointerEvents: "none"
 		}));
-		return (t, o) => r.value.length > 0 ? (b(), l("div", {
+		return (t, o) => n.value.length > 0 ? (b(), l("div", {
 			key: 0,
 			class: "docx-comment-margin-markers",
 			style: _(i.value),
 			onMousedown: o[0] ||= F(() => {}, ["stop"])
-		}, [(b(!0), l(a, null, C(r.value, (r) => (b(), l("button", {
-			key: r.comment.id,
+		}, [(b(!0), l(a, null, C(n.value, (n) => (b(), l("button", {
+			key: n.comment.id,
 			class: "docx-comment-margin-markers__btn",
-			title: r.isResolved ? "Resolved comment" : "Comment",
-			style: _({ top: r.y * e.zoom + "px" }),
-			onClick: (e) => t.$emit("marker-click", r.comment.id)
-		}, [f(n, {
-			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
+			title: n.isResolved ? "Resolved comment" : "Comment",
+			style: _({ top: n.y * e.zoom + "px" }),
+			onClick: (e) => t.$emit("marker-click", n.comment.id)
+		}, [f(r, {
+			name: n.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
 			size: 18
 		}, null, 8, ["name"])], 12, G))), 128))], 36)) : c("", !0);
 	}
@@ -162,7 +162,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["action", "insert-table"],
 	setup(e, { emit: t }) {
-		let { Menu: d } = i(), p = e, m = t, { t: h } = r();
+		let { Menu: d } = i(), p = e, m = t, { t: h } = n();
 		function g(e) {
 			return () => m("action", e);
 		}
@@ -240,7 +240,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			label: h("toolbar.reportIssue"),
 			onClick: g("reportIssue")
 		}]);
-		return (t, r) => (b(), l("div", ae, [
+		return (t, n) => (b(), l("div", ae, [
 			f(O(d), {
 				label: O(h)("toolbar.file"),
 				items: _.value
@@ -265,7 +265,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 					onClick: F(() => {
 						m("action", e.action), t();
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: e.icon,
 					size: 18
 				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, se))), 128))])) : c("", !0)]),
@@ -296,14 +296,14 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let r = t, { Popover: o } = i(), c = S(!1);
+		let n = t, { Popover: o } = i(), c = S(!1);
 		function d(e) {
-			r("select", e), c.value = !1;
+			n("select", e), c.value = !1;
 		}
-		return (t, r) => (b(), s(O(o), {
+		return (t, n) => (b(), s(O(o), {
 			open: c.value,
-			"onUpdate:open": r[0] ||= (e) => c.value = e,
-			onClose: r[1] ||= (e) => c.value = !1
+			"onUpdate:open": n[0] ||= (e) => c.value = e,
+			onClose: n[1] ||= (e) => c.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -314,10 +314,10 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				"aria-expanded": c.value,
 				"aria-haspopup": "true",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: e.triggerIcon,
 				size: 20
-			}, null, 8, ["name"]), f(n, {
+			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
 			})], 10, ce)]),
@@ -327,7 +327,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				class: g(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === t.value }]),
 				title: t.label,
 				onClick: F((e) => d(t.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: t.iconName,
 				size: 18
 			}, null, 8, ["name"])], 10, Z))), 128))])]),
@@ -342,7 +342,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e) {
-		let t = e, { t: n } = r(), i = [
+		let t = e, { t: r } = n(), i = [
 			{
 				value: "inline",
 				labelKey: "imageWrap.inline",
@@ -375,19 +375,19 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}
 		], a = o(() => i.map((e) => ({
 			value: e.value,
-			label: n(e.labelKey),
+			label: r(e.labelKey),
 			iconName: e.iconName
 		}))), c = o(() => {
 			let e = t.imageContext;
 			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
 		}), l = o(() => a.value.find((e) => e.value === c.value) ?? a.value.at(0)), u = o(() => l.value?.iconName ?? "format_image_left"), d = o(() => l.value?.label ?? "");
-		return (t, r) => (b(), s(ue, {
+		return (t, n) => (b(), s(ue, {
 			options: a.value,
 			"active-value": c.value,
 			"trigger-icon": u.value,
-			"tooltip-content": O(n)("imageWrap.tooltipPrefix", { label: d.value }),
+			"tooltip-content": O(r)("imageWrap.tooltipPrefix", { label: d.value }),
 			disabled: e.disabled,
-			onSelect: r[0] ||= (e) => t.$emit("change", e)
+			onSelect: n[0] ||= (e) => t.$emit("change", e)
 		}, null, 8, [
 			"options",
 			"active-value",
@@ -401,7 +401,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	props: { disabled: { type: Boolean } },
 	emits: ["transform"],
 	setup(e) {
-		let { t } = r(), n = [
+		let { t } = n(), r = [
 			{
 				value: "rotateCW",
 				labelKey: "imageTransform.rotateClockwise",
@@ -422,7 +422,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				labelKey: "imageTransform.flipVertical",
 				iconName: "swap_vert"
 			}
-		], i = o(() => n.map((e) => ({
+		], i = o(() => r.map((e) => ({
 			value: e.value,
 			label: t(e.labelKey),
 			iconName: e.iconName
@@ -447,7 +447,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = {
+		let { t: d } = n(), { Popover: p } = i(), m = e, h = t, _ = {
 			value: "editing",
 			labelKey: "editor.editing",
 			icon: "edit_note",
@@ -476,11 +476,11 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		}
 		return y(() => {
 			A = window.matchMedia("(max-width: 1400px)"), T.value = A.matches, A.addEventListener("change", j);
-		}), v(() => A?.removeEventListener("change", j)), (t, r) => (b(), s(O(p), {
+		}), v(() => A?.removeEventListener("change", j)), (t, n) => (b(), s(O(p), {
 			open: w.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[0] ||= (e) => w.value = e,
-			onClose: r[1] ||= (e) => w.value = !1
+			"onUpdate:open": n[0] ||= (e) => w.value = e,
+			onClose: n[1] ||= (e) => w.value = !1
 		}, {
 			trigger: M(({ toggle: e }) => [u("button", {
 				type: "button",
@@ -491,12 +491,12 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				title: `${O(d)(D.value.labelKey)} (Ctrl+Shift+E)`,
 				onClick: F(e, ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: D.value.icon,
 					size: 18
 				}, null, 8, ["name"]),
 				T.value ? c("", !0) : (b(), l("span", me, E(O(d)(D.value.labelKey)), 1)),
-				f(n, {
+				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
@@ -507,12 +507,12 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				class: "editing-mode__option",
 				onClick: F((e) => k(t.value), ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: t.icon,
 					size: 20
 				}, null, 8, ["name"]),
 				u("span", _e, [u("span", ve, E(O(d)(t.labelKey)), 1), u("span", ye, E(O(d)(t.descKey)), 1)]),
-				t.value === e.modelValue ? (b(), s(n, {
+				t.value === e.modelValue ? (b(), s(r, {
 					key: 0,
 					name: "check",
 					size: 18,
@@ -539,7 +539,7 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["toggle-track-changes", "update:display-mode"],
 	setup(e, { emit: t }) {
-		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
+		let { t: d } = n(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
 			"all-markup": "markupView.allMarkup",
 			"simple-markup": "markupView.simple",
 			"no-markup": "markupView.noMarkup",
@@ -552,50 +552,50 @@ var G = ["title", "onClick"], K = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		function w(e) {
 			h("update:display-mode", e), _.value = !1;
 		}
-		return (t, r) => (b(), l("div", xe, [u("button", {
+		return (t, n) => (b(), l("div", xe, [u("button", {
 			type: "button",
 			class: g(["review-controls__toggle", { "review-controls__toggle--on": e.trackChangesOn }]),
 			disabled: e.readOnly,
 			"aria-pressed": e.trackChangesOn,
 			"aria-label": O(d)("toggleTrackChanges"),
 			title: O(d)("toggleTrackChanges"),
-			onMousedown: r[0] ||= F(() => {}, ["prevent"]),
-			onClick: r[1] ||= F((e) => t.$emit("toggle-track-changes"), ["prevent"])
-		}, [f(n, {
+			onMousedown: n[0] ||= F(() => {}, ["prevent"]),
+			onClick: n[1] ||= F((e) => t.$emit("toggle-track-changes"), ["prevent"])
+		}, [f(r, {
 			name: "edit_note",
 			size: 18
 		}), u("span", Ce, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, Se), f(O(p), {
 			open: _.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[4] ||= (e) => _.value = e,
-			onClose: r[5] ||= (e) => _.value = !1
+			"onUpdate:open": n[4] ||= (e) => _.value = e,
+			onClose: n[5] ||= (e) => _.value = !1
 		}, {
 			trigger: M(({ toggle: e }) => [u("button", {
 				type: "button",
 				class: g(["review-controls__display", { "review-controls__display--open": _.value }]),
 				title: x.value,
-				onMousedown: r[2] ||= F(() => {}, ["prevent"]),
+				onMousedown: n[2] ||= F(() => {}, ["prevent"]),
 				onClick: F(e, ["prevent"])
 			}, [
-				f(n, {
+				f(r, {
 					name: "visibility",
 					size: 16
 				}),
 				u("span", Te, E(x.value), 1),
-				f(n, {
+				f(r, {
 					name: "arrow_drop_down",
 					size: 16
 				})
 			], 42, we)]),
 			panel: M(() => [u("div", {
 				class: "review-controls__panel",
-				onMousedown: r[3] ||= F(() => {}, ["prevent"])
-			}, [(b(!0), l(a, null, C(O(B), (t) => (b(), l("button", {
+				onMousedown: n[3] ||= F(() => {}, ["prevent"])
+			}, [(b(!0), l(a, null, C(O(V), (t) => (b(), l("button", {
 				key: t,
 				type: "button",
 				class: "review-controls__option",
 				onClick: F((e) => w(t), ["prevent"])
-			}, [u("span", De, E(y(t)), 1), t === e.displayMode ? (b(), s(n, {
+			}, [u("span", De, E(y(t)), 1), t === e.displayMode ? (b(), s(r, {
 				key: 0,
 				name: "check",
 				size: 18,
@@ -1005,17 +1005,17 @@ var Ke = {
 		"image-transform"
 	],
 	setup(e, { emit: t }) {
-		let { ColorPicker: p } = i(), m = e, { t: h } = r(), v = t, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Ie), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), L = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: B, toggleDropdown: U, 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 ?? Ie), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), I = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: B, toggleDropdown: V, recomputeDropdownPos: W } = Le({
 			zoom: R,
 			style: A,
 			font: j,
 			size: M,
 			align: N,
-			spacing: L
+			spacing: I
 		}), G = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? I(e.state) : {
+			return e ? L(e.state) : {
 				hasSelection: !1,
 				isMultiParagraph: !1,
 				textFormatting: {},
@@ -1047,11 +1047,11 @@ var Ke = {
 		}), re = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? H(e.state) > 0 : !1;
+			return e ? ee(e.state) > 0 : !1;
 		}), ie = o(() => {
 			m.stateTick;
 			let e = m.view;
-			return e ? V(e.state) > 0 : !1;
+			return e ? H(e.state) > 0 : !1;
 		}), ae = o(() => {
 			let e = G.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
 			return t || n;
@@ -1111,7 +1111,7 @@ var Ke = {
 		}
 		function xe() {
 			let e = m.view;
-			e && (ee(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+			e && (U(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
 		}
 		function Se(e) {
 			Z("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
@@ -1126,20 +1126,20 @@ var Ke = {
 			let t = G.value.paragraphFormatting.lineSpacing;
 			return t ? Math.abs(t - e) < 10 : e === 240;
 		}
-		return (t, r) => e.view ? (b(), l("div", Ke, [
+		return (t, n) => e.view ? (b(), l("div", Ke, [
 			u("button", {
 				title: O(h)("undoShortcut"),
 				"aria-label": O(h)("undo"),
 				disabled: !re.value,
-				onMousedown: r[0] ||= F((e) => Z("undo"), ["prevent"])
-			}, [f(n, { name: "undo" })], 40, qe),
+				onMousedown: n[0] ||= F((e) => Z("undo"), ["prevent"])
+			}, [f(r, { name: "undo" })], 40, qe),
 			u("button", {
 				title: O(h)("redoShortcut"),
 				"aria-label": O(h)("redo"),
 				disabled: !ie.value,
-				onMousedown: r[1] ||= F((e) => Z("redo"), ["prevent"])
-			}, [f(n, { name: "redo" })], 40, Je),
-			r[42] ||= u("span", { class: "divider" }, null, -1),
+				onMousedown: n[1] ||= F((e) => Z("redo"), ["prevent"])
+			}, [f(r, { name: "redo" })], 40, Je),
+			n[42] ||= u("span", { class: "divider" }, null, -1),
 			k.value ? (b(), l("div", {
 				key: 0,
 				class: "toolbar-dropdown zoom-group",
@@ -1148,24 +1148,24 @@ var Ke = {
 			}, [
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
+					onMousedown: n[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
 					disabled: x.value,
 					title: O(h)("zoom.zoomOut")
 				}, " − ", 40, Ye),
 				u("button", {
 					class: "toolbar-dropdown__trigger zoom-trigger",
-					onMousedown: r[3] ||= F((e) => O(U)("zoom"), ["prevent"]),
+					onMousedown: n[3] ||= F((e) => O(V)("zoom"), ["prevent"]),
 					"aria-expanded": O(z) === "zoom",
 					"aria-haspopup": "listbox",
 					title: O(h)("zoom.zoomLevel")
-				}, [d(E(y.value) + "% ", 1), f(n, {
+				}, [d(E(y.value) + "% ", 1), f(r, {
 					class: "chevron",
 					name: "arrow_drop_down",
 					size: 16
 				})], 40, Xe),
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
+					onMousedown: n[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
 					disabled: T.value,
 					title: O(h)("zoom.zoomIn")
 				}, " + ", 40, Ze),
@@ -1179,18 +1179,18 @@ var Ke = {
 					onMousedown: F((n) => t.$emit("zoom-set", e), ["prevent"])
 				}, E(Math.round(e * 100)) + "% ", 43, Qe))), 128))], 4)) : c("", !0)
 			], 512)) : c("", !0),
-			r[43] ||= u("span", { class: "divider" }, null, -1),
+			n[43] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "styleDropdownRef",
 				ref: A
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger style-trigger",
-				onMousedown: r[5] ||= F((e) => O(U)("style"), ["prevent"]),
+				onMousedown: n[5] ||= F((e) => O(V)("style"), ["prevent"]),
 				"aria-expanded": O(z) === "style",
 				"aria-haspopup": "listbox",
 				title: O(h)("styles.selectAriaLabel")
-			}, [d(E(O(ne)) + " ", 1), f(n, {
+			}, [d(E(O(ne)) + " ", 1), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1203,18 +1203,18 @@ var Ke = {
 				class: g(["toolbar-dropdown__item", { active: (G.value.paragraphFormatting.styleId || "Normal") === e.id }]),
 				onMousedown: F((t) => Ce(e.id), ["prevent"])
 			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, et))), 128))], 4)) : c("", !0)], 512),
-			r[44] ||= u("span", { class: "divider" }, null, -1),
+			n[44] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "fontDropdownRef",
 				ref: j
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger font-trigger",
-				onMousedown: r[6] ||= F((e) => O(U)("font"), ["prevent"]),
+				onMousedown: n[6] ||= F((e) => O(V)("font"), ["prevent"]),
 				"aria-expanded": O(z) === "font",
 				"aria-haspopup": "listbox",
 				title: O(h)("font.selectAriaLabel")
-			}, [d(E(K.value) + " ", 1), f(n, {
+			}, [d(E(K.value) + " ", 1), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1235,7 +1235,7 @@ var Ke = {
 			}, [
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[7] ||= F((...e) => O(ve) && O(ve)(...e), ["prevent"]),
+					onMousedown: n[7] ||= F((...e) => O(ve) && O(ve)(...e), ["prevent"]),
 					title: O(h)("decreaseFontSize")
 				}, " − ", 40, it),
 				u("input", {
@@ -1243,21 +1243,21 @@ var Ke = {
 					type: "text",
 					value: q.value,
 					title: O(h)("fontSize"),
-					onMousedown: r[8] ||= F(() => {}, ["stop"]),
-					onFocus: r[9] ||= (...e) => O(pe) && O(pe)(...e),
+					onMousedown: n[8] ||= F(() => {}, ["stop"]),
+					onFocus: n[9] ||= (...e) => O(pe) && O(pe)(...e),
 					"aria-expanded": O(z) === "size",
 					"aria-haspopup": "listbox",
-					onInput: r[10] ||= (...e) => O(me) && O(me)(...e),
+					onInput: n[10] ||= (...e) => O(me) && O(me)(...e),
 					onKeydown: [
-						r[11] ||= P(F((e) => O(_e)(), ["prevent", "stop"]), ["up"]),
-						r[12] ||= P(F((e) => O(ve)(), ["prevent", "stop"]), ["down"]),
-						r[13] ||= P(F((e) => O(he)(e), ["prevent"]), ["enter"])
+						n[11] ||= P(F((e) => O(_e)(), ["prevent", "stop"]), ["up"]),
+						n[12] ||= P(F((e) => O(ve)(), ["prevent", "stop"]), ["down"]),
+						n[13] ||= P(F((e) => O(he)(e), ["prevent"]), ["enter"])
 					],
-					onBlur: r[14] ||= (e) => O(he)(e)
+					onBlur: n[14] ||= (e) => O(he)(e)
 				}, null, 40, at),
 				u("button", {
 					class: "size-btn",
-					onMousedown: r[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
+					onMousedown: n[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
 					title: O(h)("increaseFontSize")
 				}, " + ", 40, ot),
 				O(z) === "size" ? (b(), l("div", {
@@ -1270,31 +1270,31 @@ var Ke = {
 					onMousedown: F((t) => O(ge)(e), ["prevent"])
 				}, E(e), 43, st))), 128))], 4)) : c("", !0)
 			], 512),
-			r[45] ||= u("span", { class: "divider" }, null, -1),
+			n[45] ||= u("span", { class: "divider" }, null, -1),
 			u("button", {
 				title: O(h)("boldShortcut"),
 				"aria-label": O(h)("bold"),
 				class: g({ active: G.value.textFormatting.bold }),
-				onMousedown: r[16] ||= F((e) => Z("toggleBold"), ["prevent"])
-			}, [f(n, { name: "format_bold" })], 42, ct),
+				onMousedown: n[16] ||= F((e) => Z("toggleBold"), ["prevent"])
+			}, [f(r, { name: "format_bold" })], 42, ct),
 			u("button", {
 				title: O(h)("italicShortcut"),
 				"aria-label": O(h)("italic"),
 				class: g({ active: G.value.textFormatting.italic }),
-				onMousedown: r[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
-			}, [f(n, { name: "format_italic" })], 42, lt),
+				onMousedown: n[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
+			}, [f(r, { name: "format_italic" })], 42, lt),
 			u("button", {
 				title: O(h)("underlineShortcut"),
 				"aria-label": O(h)("underline"),
 				class: g({ active: !!G.value.textFormatting.underline }),
-				onMousedown: r[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
-			}, [f(n, { name: "format_underlined" })], 42, ut),
+				onMousedown: n[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
+			}, [f(r, { name: "format_underlined" })], 42, ut),
 			u("button", {
 				title: O(h)("formattingBar.strikethrough"),
 				"aria-label": O(h)("formattingBar.strikethrough"),
 				class: g({ active: G.value.textFormatting.strike }),
-				onMousedown: r[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
-			}, [f(n, { name: "strikethrough_s" })], 42, dt),
+				onMousedown: n[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
+			}, [f(r, { name: "strikethrough_s" })], 42, dt),
 			f(O(p), {
 				mode: "text",
 				value: oe.value,
@@ -1310,32 +1310,32 @@ var Ke = {
 			u("button", {
 				title: O(h)("formattingBar.insertLinkShortcut"),
 				"aria-label": O(h)("formattingBar.insertLink"),
-				onMousedown: r[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
-			}, [f(n, { name: "link" })], 40, ft),
+				onMousedown: n[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
+			}, [f(r, { name: "link" })], 40, ft),
 			u("button", {
 				title: O(h)("formattingBar.superscriptShortcut"),
 				"aria-label": O(h)("formattingBar.superscript"),
 				class: g({ active: G.value.textFormatting.vertAlign === "superscript" }),
-				onMousedown: r[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
-			}, [f(n, { name: "superscript" })], 42, pt),
+				onMousedown: n[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
+			}, [f(r, { name: "superscript" })], 42, pt),
 			u("button", {
 				title: O(h)("formattingBar.subscriptShortcut"),
 				"aria-label": O(h)("formattingBar.subscript"),
 				class: g({ active: G.value.textFormatting.vertAlign === "subscript" }),
-				onMousedown: r[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
-			}, [f(n, { name: "subscript" })], 42, mt),
-			r[46] ||= u("span", { class: "divider" }, null, -1),
+				onMousedown: n[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
+			}, [f(r, { name: "subscript" })], 42, mt),
+			n[46] ||= u("span", { class: "divider" }, null, -1),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "alignDropdownRef",
 				ref: N
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger align-trigger",
-				onMousedown: r[23] ||= F((e) => O(U)("align"), ["prevent"]),
+				onMousedown: n[23] ||= F((e) => O(V)("align"), ["prevent"]),
 				"aria-expanded": O(z) === "align",
 				"aria-haspopup": "listbox",
 				title: O(h)("alignmentGroup")
-			}, [f(n, { name: Y.value }, null, 8, ["name"]), f(n, {
+			}, [f(r, { name: Y.value }, null, 8, ["name"]), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1347,40 +1347,40 @@ var Ke = {
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "left" }]),
 					title: `${O(h)("alignLeft")} (${O(h)("alignment.alignLeftShortcut")})`,
-					onMousedown: r[24] ||= F((e) => {
+					onMousedown: n[24] ||= F((e) => {
 						Z("alignLeft"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_left",
 					size: 18
 				})], 42, gt),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "center" }]),
 					title: `${O(h)("alignCenter")} (${O(h)("alignment.centerShortcut")})`,
-					onMousedown: r[25] ||= F((e) => {
+					onMousedown: n[25] ||= F((e) => {
 						Z("alignCenter"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_center",
 					size: 18
 				})], 42, _t),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "right" }]),
 					title: `${O(h)("alignRight")} (${O(h)("alignment.alignRightShortcut")})`,
-					onMousedown: r[26] ||= F((e) => {
+					onMousedown: n[26] ||= F((e) => {
 						Z("alignRight"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_right",
 					size: 18
 				})], 42, vt),
 				u("button", {
 					class: g(["align-strip__btn", { active: J.value === "both" }]),
 					title: `${O(h)("justify")} (${O(h)("alignment.justifyShortcut")})`,
-					onMousedown: r[27] ||= F((e) => {
+					onMousedown: n[27] ||= F((e) => {
 						Z("alignJustify"), z.value = null;
 					}, ["prevent"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "format_align_justify",
 					size: 18
 				})], 42, yt)
@@ -1389,36 +1389,36 @@ var Ke = {
 				title: O(h)("bulletList"),
 				"aria-label": O(h)("bulletList"),
 				class: g({ active: G.value.inList && G.value.listType === "bullet" }),
-				onMousedown: r[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
-			}, [f(n, { name: "format_list_bulleted" })], 42, bt),
+				onMousedown: n[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
+			}, [f(r, { name: "format_list_bulleted" })], 42, bt),
 			u("button", {
 				title: O(h)("numberedList"),
 				"aria-label": O(h)("numberedList"),
 				class: g({ active: G.value.inList && G.value.listType === "numbered" }),
-				onMousedown: r[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
-			}, [f(n, { name: "format_list_numbered" })], 42, xt),
+				onMousedown: n[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
+			}, [f(r, { name: "format_list_numbered" })], 42, xt),
 			u("button", {
 				title: O(h)("decreaseIndent"),
 				"aria-label": O(h)("decreaseIndent"),
 				disabled: !ae.value,
-				onMousedown: r[30] ||= F((e) => Z("outdent"), ["prevent"])
-			}, [f(n, { name: "format_indent_decrease" })], 40, St),
+				onMousedown: n[30] ||= F((e) => Z("outdent"), ["prevent"])
+			}, [f(r, { name: "format_indent_decrease" })], 40, St),
 			u("button", {
 				title: O(h)("increaseIndent"),
 				"aria-label": O(h)("increaseIndent"),
-				onMousedown: r[31] ||= F((e) => Z("indent"), ["prevent"])
-			}, [f(n, { name: "format_indent_increase" })], 40, Ct),
+				onMousedown: n[31] ||= F((e) => Z("indent"), ["prevent"])
+			}, [f(r, { name: "format_indent_increase" })], 40, Ct),
 			u("div", {
 				class: "toolbar-dropdown",
 				ref_key: "spacingDropdownRef",
-				ref: L
+				ref: I
 			}, [u("button", {
 				class: "toolbar-dropdown__trigger",
-				onMousedown: r[32] ||= F((e) => O(U)("spacing"), ["prevent"]),
+				onMousedown: n[32] ||= F((e) => O(V)("spacing"), ["prevent"]),
 				"aria-expanded": O(z) === "spacing",
 				"aria-haspopup": "listbox",
 				title: O(h)("lineSpacing.label")
-			}, [f(n, { name: "format_line_spacing" }), f(n, {
+			}, [f(r, { name: "format_line_spacing" }), f(r, {
 				class: "chevron",
 				name: "arrow_drop_down",
 				size: 16
@@ -1435,44 +1435,44 @@ var Ke = {
 				title: O(h)("formattingBar.clearFormatting"),
 				"aria-label": O(h)("formattingBar.clearFormatting"),
 				onMousedown: F(xe, ["prevent"])
-			}, [f(n, { name: "format_clear" })], 40, Et),
-			r[47] ||= u("span", { class: "divider" }, null, -1),
+			}, [f(r, { name: "format_clear" })], 40, Et),
+			n[47] ||= u("span", { class: "divider" }, null, -1),
 			u("button", {
 				title: O(h)("formattingBar.commentsAndChanges"),
 				"aria-label": O(h)("formattingBar.commentsAndChanges"),
 				class: g({ active: e.commentsSidebarOpen }),
-				onMousedown: r[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
-			}, [f(n, { name: "comment" })], 42, Dt),
+				onMousedown: n[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
+			}, [f(r, { name: "comment" })], 42, Dt),
 			e.imageContext ? (b(), l(a, { key: 1 }, [
-				r[40] ||= u("span", { class: "divider" }, null, -1),
+				n[40] ||= u("span", { class: "divider" }, null, -1),
 				f(de, {
 					"image-context": e.imageContext,
-					onChange: r[34] ||= (e) => t.$emit("image-wrap-type", e)
+					onChange: n[34] ||= (e) => t.$emit("image-wrap-type", e)
 				}, null, 8, ["image-context"]),
-				f(fe, { onTransform: r[35] ||= (e) => t.$emit("image-transform", e) }),
+				f(fe, { onTransform: n[35] ||= (e) => t.$emit("image-transform", e) }),
 				u("button", {
 					title: O(h)("formattingBar.imagePropertiesShortcut"),
 					"aria-label": O(h)("formattingBar.imageProperties"),
-					onMousedown: r[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
-				}, [f(n, { name: "tune" })], 40, Ot)
+					onMousedown: n[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
+				}, [f(r, { name: "tune" })], 40, Ot)
 			], 64)) : c("", !0),
 			w(t.$slots, "table-context", {}, void 0, !0),
-			e.showReviewControls ? (b(), l(a, { key: 2 }, [r[41] ||= u("span", { class: "divider" }, null, -1), f(Oe, {
+			e.showReviewControls ? (b(), l(a, { key: 2 }, [n[41] ||= u("span", { class: "divider" }, null, -1), f(Oe, {
 				"track-changes-on": e.trackChangesOn,
 				"display-mode": e.displayMode,
 				"read-only": e.readOnly,
-				onToggleTrackChanges: r[37] ||= (e) => t.$emit("toggle-track-changes"),
-				"onUpdate:displayMode": r[38] ||= (e) => t.$emit("update:display-mode", e)
+				onToggleTrackChanges: n[37] ||= (e) => t.$emit("toggle-track-changes"),
+				"onUpdate:displayMode": n[38] ||= (e) => t.$emit("update:display-mode", e)
 			}, null, 8, [
 				"track-changes-on",
 				"display-mode",
 				"read-only"
 			])], 64)) : c("", !0),
-			r[48] ||= u("span", { class: "divider" }, null, -1),
+			n[48] ||= u("span", { class: "divider" }, null, -1),
 			e.editorMode ? (b(), s(be, {
 				key: 3,
 				"model-value": e.editorMode,
-				"onUpdate:modelValue": r[39] ||= (e) => t.$emit("mode-change", e)
+				"onUpdate:modelValue": n[39] ||= (e) => t.$emit("mode-change", e)
 			}, null, 8, ["model-value"])) : c("", !0),
 			w(t.$slots, "toolbar-extra", {}, void 0, !0)
 		])) : c("", !0);
@@ -1511,12 +1511,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 z(e) * n.zoom;
+			return B(e) * n.zoom;
 		}
 		function g(e) {
-			return Math.round(R(e / n.zoom));
+			return Math.round(z(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), B = o(() => ({
+		let y = o(() => n.sectionProps?.pageWidth ?? Nt), x = o(() => n.sectionProps?.marginLeft ?? Pt), w = o(() => n.sectionProps?.marginRight ?? Pt), T = o(() => y.value - x.value - w.value), D = o(() => h(y.value)), O = o(() => h(x.value)), k = o(() => h(w.value)), A = o(() => h(n.indentLeft)), j = o(() => h(n.indentRight)), M = o(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), N = o(() => h(M.value)), P = o(() => O.value + A.value), I = o(() => D.value - k.value - j.value), L = o(() => O.value + A.value + N.value), R = o(() => ({
 			position: "relative",
 			width: D.value + "px",
 			height: "22px",
@@ -1696,7 +1696,7 @@ var Ke = {
 			ref_key: "rulerRef",
 			ref: s,
 			class: "docx-horizontal-ruler",
-			style: _(B.value),
+			style: _(R.value),
 			role: "slider",
 			"aria-label": "Horizontal ruler",
 			"aria-valuemin": 0,
@@ -1766,7 +1766,7 @@ var Ke = {
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), o = t, c = S(!1), d = [
+		let { Popover: n } = i(), o = t, c = S(!1), d = [
 			{
 				value: "all",
 				icon: "border_all",
@@ -1821,7 +1821,7 @@ var Ke = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: c.value,
 			"onUpdate:open": i[0] ||= (e) => c.value = e,
 			onClose: i[1] ||= (e) => c.value = !1
@@ -1832,7 +1832,7 @@ var Ke = {
 				disabled: e.disabled,
 				title: "Borders",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "border_all",
 				size: 20
 			})], 8, Vt)]),
@@ -1842,7 +1842,7 @@ var Ke = {
 				class: "docx-tbp__option",
 				title: e.label,
 				onClick: F((t) => p(e.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: e.icon,
 				size: 20
 			}, null, 8, ["name"])], 8, Ut)), 64))])]),
@@ -1857,8 +1857,8 @@ var Ke = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = r();
+	setup(t, { emit: r }) {
+		let i = r, { t: a } = n();
 		function o(e) {
 			typeof e == "string" ? i("change", e.replace(/^#/, "")) : e.rgb ? i("change", e.rgb.replace(/^#/, "")) : e.auto && i("change", "000000");
 		}
@@ -1881,7 +1881,7 @@ var Ke = {
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), o = t, c = S(!1), d = [
+		let { Popover: n } = i(), o = t, c = S(!1), d = [
 			{
 				label: "0.5pt",
 				eighths: 4,
@@ -1926,7 +1926,7 @@ var Ke = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: c.value,
 			"onUpdate:open": i[0] ||= (e) => c.value = e,
 			onClose: i[1] ||= (e) => c.value = !1
@@ -1937,7 +1937,7 @@ var Ke = {
 				disabled: e.disabled,
 				title: "Border width",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "line_weight",
 				size: 20
 			})], 8, Kt)]),
@@ -1961,8 +1961,8 @@ var Ke = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = r();
+	setup(t, { emit: r }) {
+		let i = r, { t: a } = n();
 		function o(e) {
 			typeof e == "string" && i("change", e === "none" ? "" : e.replace(/^#/, ""));
 		}
@@ -2025,7 +2025,7 @@ var Ke = {
 		"row-height"
 	],
 	setup(e, { emit: t }) {
-		let { Popover: o } = i(), d = e, p = t, { t: m } = r(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
+		let { Popover: o } = i(), d = e, p = t, { t: m } = n(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
 			top: 0,
 			bottom: 0,
 			left: 108,
@@ -2062,11 +2062,11 @@ var Ke = {
 		function B(e) {
 			p("cell-text-direction", e), h.value = !1;
 		}
-		return (t, r) => (b(), s(O(o), {
+		return (t, n) => (b(), s(O(o), {
 			open: h.value,
 			placement: "bottom-right",
-			"onUpdate:open": r[35] ||= (e) => h.value = e,
-			onClose: r[36] ||= (e) => h.value = !1
+			"onUpdate:open": n[35] ||= (e) => h.value = e,
+			onClose: n[36] ||= (e) => h.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -2074,7 +2074,7 @@ var Ke = {
 				disabled: e.disabled,
 				title: O(m)("tableAdvanced.tableOptions"),
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: "more_vert",
 				size: 20
 			})], 10, Qt)]),
@@ -2086,42 +2086,42 @@ var Ke = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[0] ||= F((e) => I("addRowAbove"), ["prevent"])
-				}, [f(n, {
+					onClick: n[0] ||= F((e) => I("addRowAbove"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertRowAbove")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[1] ||= F((e) => I("addRowBelow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[1] ||= F((e) => I("addRowBelow"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertRowBelow")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[2] ||= F((e) => I("addColumnLeft"), ["prevent"])
-				}, [f(n, {
+					onClick: n[2] ||= F((e) => I("addColumnLeft"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertColumnLeft")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[3] ||= F((e) => I("addColumnRight"), ["prevent"])
-				}, [f(n, {
+					onClick: n[3] ||= F((e) => I("addColumnRight"), ["prevent"])
+				}, [f(r, {
 					name: "add",
 					size: 18
 				}), u("span", null, E(O(m)("insertColumnRight")), 1)]),
-				r[39] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[39] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
 					disabled: P("mergeCells"),
-					onClick: r[4] ||= F((e) => I("mergeCells"), ["prevent"])
-				}, [f(n, {
+					onClick: n[4] ||= F((e) => I("mergeCells"), ["prevent"])
+				}, [f(r, {
 					name: "call_merge",
 					size: 18
 				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, en),
@@ -2129,27 +2129,27 @@ var Ke = {
 					type: "button",
 					class: "docx-tmore__item",
 					disabled: P("splitCell"),
-					onClick: r[5] ||= F((e) => I("splitCell"), ["prevent"])
-				}, [f(n, {
+					onClick: n[5] ||= F((e) => I("splitCell"), ["prevent"])
+				}, [f(r, {
 					name: "call_split",
 					size: 18
 				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, tn),
-				r[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[6] ||= F((e) => I("selectTable"), ["prevent"])
-				}, [f(n, {
+					onClick: n[6] ||= F((e) => I("selectTable"), ["prevent"])
+				}, [f(r, {
 					name: "select_all",
 					size: 18
 				}), u("span", null, E(O(m)("table.selectTable")), 1)]),
-				r[41] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[41] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: P("deleteRow"),
-					onClick: r[7] ||= F((e) => I("deleteRow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[7] ||= F((e) => I("deleteRow"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
 				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, nn),
@@ -2157,29 +2157,29 @@ var Ke = {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
 					disabled: P("deleteColumn"),
-					onClick: r[8] ||= F((e) => I("deleteColumn"), ["prevent"])
-				}, [f(n, {
+					onClick: n[8] ||= F((e) => I("deleteColumn"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
 				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, rn),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item docx-tmore__item--danger",
-					onClick: r[9] ||= F((e) => I("deleteTable"), ["prevent"])
-				}, [f(n, {
+					onClick: n[9] ||= F((e) => I("deleteTable"), ["prevent"])
+				}, [f(r, {
 					name: "delete",
 					size: 18
 				}), u("span", null, E(O(m)("table.deleteTable")), 1)]),
-				r[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("div", an, E(O(m)("tableAdvanced.verticalAlignment")), 1),
 				u("div", on, [
 					u("button", {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.top"),
-						onMousedown: r[10] ||= F(() => {}, ["prevent"]),
-						onClick: r[11] ||= F((e) => I("verticalAlignTop"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[10] ||= F(() => {}, ["prevent"]),
+						onClick: n[11] ||= F((e) => I("verticalAlignTop"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_top",
 						size: 16
 					})], 40, sn),
@@ -2187,9 +2187,9 @@ var Ke = {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.middle"),
-						onMousedown: r[12] ||= F(() => {}, ["prevent"]),
-						onClick: r[13] ||= F((e) => I("verticalAlignMiddle"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[12] ||= F(() => {}, ["prevent"]),
+						onClick: n[13] ||= F((e) => I("verticalAlignMiddle"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_center",
 						size: 16
 					})], 40, cn),
@@ -2197,23 +2197,23 @@ var Ke = {
 						type: "button",
 						class: "docx-tmore__icon-btn",
 						title: O(m)("tableAdvanced.bottom"),
-						onMousedown: r[14] ||= F(() => {}, ["prevent"]),
-						onClick: r[15] ||= F((e) => I("verticalAlignBottom"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[14] ||= F(() => {}, ["prevent"]),
+						onClick: n[15] ||= F((e) => I("verticalAlignBottom"), ["prevent"])
+					}, [f(r, {
 						name: "vertical_align_bottom",
 						size: 16
 					})], 40, ln)
 				]),
-				r[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("div", un, E(O(m)("tableAdvanced.tableAlignment")), 1),
 				u("div", dn, [
 					u("button", {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "left" }]),
 						title: O(m)("tableAdvanced.alignTableLeft"),
-						onMousedown: r[16] ||= F(() => {}, ["prevent"]),
-						onClick: r[17] ||= F((e) => I("alignTableLeft"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[16] ||= F(() => {}, ["prevent"]),
+						onClick: n[17] ||= F((e) => I("alignTableLeft"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_left",
 						size: 16
 					})], 42, fn),
@@ -2221,9 +2221,9 @@ var Ke = {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "center" }]),
 						title: O(m)("tableAdvanced.alignTableCenter"),
-						onMousedown: r[18] ||= F(() => {}, ["prevent"]),
-						onClick: r[19] ||= F((e) => I("alignTableCenter"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[18] ||= F(() => {}, ["prevent"]),
+						onClick: n[19] ||= F((e) => I("alignTableCenter"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_center",
 						size: 16
 					})], 42, pn),
@@ -2231,25 +2231,25 @@ var Ke = {
 						type: "button",
 						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "right" }]),
 						title: O(m)("tableAdvanced.alignTableRight"),
-						onMousedown: r[20] ||= F(() => {}, ["prevent"]),
-						onClick: r[21] ||= F((e) => I("alignTableRight"), ["prevent"])
-					}, [f(n, {
+						onMousedown: n[20] ||= F(() => {}, ["prevent"]),
+						onClick: n[21] ||= F((e) => I("alignTableRight"), ["prevent"])
+					}, [f(r, {
 						name: "format_align_right",
 						size: 16
 					})], 42, mn)
 				]),
-				r[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[22] ||= F((e) => _.value = !_.value, ["prevent"])
+					onClick: n[22] ||= F((e) => _.value = !_.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "padding",
 						size: 18
 					}),
 					u("span", hn, E(O(m)("tableAdvanced.cellMargins")), 1),
-					f(n, {
+					f(r, {
 						name: _.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
@@ -2276,7 +2276,7 @@ var Ke = {
 						void 0,
 						{ number: !0 }
 					]]),
-					r[37] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+					n[37] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
 				])), 64))]), u("button", {
 					type: "button",
 					class: "docx-tmore__apply",
@@ -2285,21 +2285,21 @@ var Ke = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[23] ||= F((e) => v.value = !v.value, ["prevent"])
+					onClick: n[23] ||= F((e) => v.value = !v.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "height",
 						size: 18
 					}),
 					u("span", bn, E(O(m)("tableAdvanced.rowHeight")), 1),
-					f(n, {
+					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", {
-						"onUpdate:modelValue": r[24] ||= (e) => D.value = e,
+						"onUpdate:modelValue": n[24] ||= (e) => D.value = e,
 						class: "docx-tmore__select"
 					}, [
 						u("option", wn, E(O(m)("tableAdvanced.heightRules.auto")), 1),
@@ -2312,7 +2312,7 @@ var Ke = {
 							type: "number",
 							min: "0",
 							step: "20",
-							"onUpdate:modelValue": r[25] ||= (e) => T.value = e,
+							"onUpdate:modelValue": n[25] ||= (e) => T.value = e,
 							class: "docx-tmore__input"
 						}, null, 512), [[
 							A,
@@ -2320,7 +2320,7 @@ var Ke = {
 							void 0,
 							{ number: !0 }
 						]]),
-						r[38] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+						n[38] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
 					])),
 					u("button", {
 						type: "button",
@@ -2331,14 +2331,14 @@ var Ke = {
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[26] ||= F((e) => y.value = !y.value, ["prevent"])
+					onClick: n[26] ||= F((e) => y.value = !y.value, ["prevent"])
 				}, [
-					f(n, {
+					f(r, {
 						name: "text_rotation_none",
 						size: 18
 					}),
 					u("span", kn, E(O(m)("textDirection")), 1),
-					f(n, {
+					f(r, {
 						name: y.value ? "expand_less" : "expand_more",
 						size: 18
 					}, null, 8, ["name"])
@@ -2347,58 +2347,58 @@ var Ke = {
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[27] ||= F((e) => B(null), ["prevent"])
+						onClick: n[27] ||= F((e) => B(null), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.horizontal")), 1),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[28] ||= F((e) => B("tbRl"), ["prevent"])
+						onClick: n[28] ||= F((e) => B("tbRl"), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.verticalRL")), 1),
 					u("button", {
 						type: "button",
 						class: "docx-tmore__sub-item",
-						onClick: r[29] ||= F((e) => B("btLr"), ["prevent"])
+						onClick: n[29] ||= F((e) => B("btLr"), ["prevent"])
 					}, E(O(m)("tableAdvanced.textDirections.verticalLR")), 1)
 				])) : c("", !0),
-				r[45] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[45] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[30] ||= F((e) => I("toggleHeaderRow"), ["prevent"])
-				}, [f(n, {
+					onClick: n[30] ||= F((e) => I("toggleHeaderRow"), ["prevent"])
+				}, [f(r, {
 					name: "table_rows",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.toggleHeaderRow")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[31] ||= F((e) => I("distributeColumns"), ["prevent"])
-				}, [f(n, {
+					onClick: n[31] ||= F((e) => I("distributeColumns"), ["prevent"])
+				}, [f(r, {
 					name: "view_column",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.distributeColumns")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[32] ||= F((e) => I("autoFit"), ["prevent"])
-				}, [f(n, {
+					onClick: n[32] ||= F((e) => I("autoFit"), ["prevent"])
+				}, [f(r, {
 					name: "fit_width",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.autoFit")), 1)]),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[33] ||= F((e) => I("toggleNoWrap"), ["prevent"])
-				}, [f(n, {
+					onClick: n[33] ||= F((e) => I("toggleNoWrap"), ["prevent"])
+				}, [f(r, {
 					name: "wrap_text",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.toggleNoWrap")), 1)]),
-				r[46] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				n[46] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
 				u("button", {
 					type: "button",
 					class: "docx-tmore__item",
-					onClick: r[34] ||= F((e) => I("tableProperties"), ["prevent"])
-				}, [f(n, {
+					onClick: n[34] ||= F((e) => I("tableProperties"), ["prevent"])
+				}, [f(r, {
 					name: "settings",
 					size: 18
 				}), u("span", null, E(O(m)("tableAdvanced.tableProperties")), 1)])
@@ -2414,14 +2414,15 @@ var Ke = {
 		stateTick: {},
 		theme: {}
 	},
-	setup(e, { expose: t }) {
-		let n = e, r = o(() => {
-			n.stateTick;
-			let e = n.view;
-			return e ? U(e.state) : null;
-		}), i = o(() => !!r.value?.isInTable), s = o(() => {
-			n.stateTick;
-			let e = n.view;
+	emits: ["open-table-properties"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, s = o(() => {
+			r.stateTick;
+			let e = r.view;
+			return e ? I(e.state) : null;
+		}), d = o(() => !!s.value?.isInTable), p = o(() => {
+			r.stateTick;
+			let e = r.view;
 			if (!e) return !1;
 			let { $from: t } = e.state.selection;
 			for (let e = t.depth; e > 0; e--) if (t.node(e).type.name === "tableCell") {
@@ -2429,67 +2430,67 @@ var Ke = {
 				return (typeof r == "number" ? r : 1) > 1 || (typeof i == "number" ? i : 1) > 1;
 			}
 			return !1;
-		}), d = o(() => {
-			let e = r.value?.cellBorderColor;
+		}), h = o(() => {
+			let e = s.value?.cellBorderColor;
 			if (e && typeof e == "object" && "rgb" in e && typeof e.rgb == "string") return e.rgb;
-		}), p = o(() => d.value === void 0 ? {} : { value: d.value }), h = o(() => !!r.value?.hasMultiCellSelection), g = o(() => r.value?.rowCount ?? 0), _ = o(() => r.value?.columnCount ?? 0), v = o(() => {
-			let e = r.value?.table?.attrs.justification;
+		}), g = o(() => h.value === void 0 ? {} : { value: h.value }), _ = o(() => !!s.value?.hasMultiCellSelection), v = o(() => s.value?.rowCount ?? 0), y = o(() => s.value?.columnCount ?? 0), x = o(() => {
+			let e = s.value?.table?.attrs.justification;
 			return e === "center" || e === "right" ? e : "left";
-		}), y = {
+		}), S = {
 			style: "single",
 			size: 4,
 			color: { rgb: "000000" }
 		};
-		j([() => n.view, () => n.stateTick], () => {
-			let e = n.view;
+		j([() => r.view, () => r.stateTick], () => {
+			let e = r.view;
 			if (!e) return;
-			let t = U(e.state), r = t.cellBorderColor;
-			!r || !t.isInTable || typeof r == "object" && "rgb" in r && typeof r.rgb == "string" && (y.color = { rgb: r.rgb });
+			let t = I(e.state), n = t.cellBorderColor;
+			!n || !t.isInTable || typeof n == "object" && "rgb" in n && typeof n.rgb == "string" && (S.color = { rgb: n.rgb });
 		}, { immediate: !0 });
-		function x(e, ...t) {
-			let r = n.view;
-			if (!r) return !1;
-			let i = n.getCommands()[e];
-			return i ? (i(...t)(r.state, (e) => r.dispatch(e), r), r.focus(), !0) : !1;
+		function C(e, ...t) {
+			let n = r.view;
+			if (!n) return !1;
+			let i = r.getCommands()[e];
+			return i ? (i(...t)(n.state, (e) => n.dispatch(e), n), n.focus(), !0) : !1;
 		}
-		function S(e) {
+		function w(e) {
 			let t = {
-				...y,
-				color: { ...y.color }
+				...S,
+				color: { ...S.color }
 			};
 			switch (e) {
 				case "all":
-					x("setAllTableBorders", t);
+					C("setAllTableBorders", t);
 					return;
 				case "none":
-					x("removeTableBorders");
+					C("removeTableBorders");
 					return;
 				case "box":
-					x("setOutsideTableBorders", t);
+					C("setOutsideTableBorders", t);
 					return;
 				case "inside":
 				case "insideH":
 				case "insideV":
-					x("setInsideTableBorders", t);
+					C("setInsideTableBorders", t);
 					return;
 				case "top":
 				case "bottom":
 				case "left":
 				case "right":
-					x("setCellBorder", e, t, !0);
+					C("setCellBorder", e, t, !0);
 					return;
 			}
 		}
-		function C(e) {
-			y.color = { rgb: e.replace(/^#/, "") }, x("setTableBorderColor", e);
+		function T(e) {
+			S.color = { rgb: e.replace(/^#/, "") }, C("setTableBorderColor", e);
 		}
-		function w(e) {
-			y.size = e, x("setTableBorderWidth", e);
+		function E(e) {
+			S.size = e, C("setTableBorderWidth", e);
 		}
-		function T(e) {
-			x("setCellFillColor", e);
+		function D(e) {
+			C("setCellFillColor", e);
 		}
-		let E = {
+		let O = {
 			autoFit: ["autoFitContents"],
 			alignTableLeft: ["setTableProperties", { justification: "left" }],
 			alignTableCenter: ["setTableProperties", { justification: "center" }],
@@ -2498,54 +2499,57 @@ var Ke = {
 			verticalAlignMiddle: ["setCellVerticalAlign", "center"],
 			verticalAlignBottom: ["setCellVerticalAlign", "bottom"]
 		};
-		function D(e) {
-			if (e === "tableProperties") return;
-			let t = E[e];
-			t ? x(...t) : x(e);
-		}
-		function O(e) {
-			x("setCellMargins", e);
-		}
 		function k(e) {
-			x("setCellTextDirection", e);
+			if (e === "tableProperties") {
+				i("open-table-properties");
+				return;
+			}
+			let t = O[e];
+			t ? C(...t) : C(e);
 		}
 		function A(e) {
-			x("setRowHeight", e.height, e.rule);
+			C("setCellMargins", e);
+		}
+		function M(e) {
+			C("setCellTextDirection", e);
+		}
+		function N(e) {
+			C("setRowHeight", e.height, e.rule);
 		}
 		return t({
-			isInTable: i,
-			canSplit: s,
-			canMerge: h,
-			rowCount: g,
-			columnCount: _,
-			currentJustification: v,
-			onBorderPreset: S,
-			onBorderColor: C,
-			onBorderWidth: w,
-			onCellFill: T,
-			onMoreAction: D,
-			onCellMargins: O,
-			onCellTextDirection: k,
-			onRowHeight: A
-		}), (t, n) => i.value ? (b(), l(a, { key: 0 }, [
+			isInTable: d,
+			canSplit: p,
+			canMerge: _,
+			rowCount: v,
+			columnCount: y,
+			currentJustification: x,
+			onBorderPreset: w,
+			onBorderColor: T,
+			onBorderWidth: E,
+			onCellFill: D,
+			onMoreAction: k,
+			onCellMargins: A,
+			onCellTextDirection: M,
+			onRowHeight: N
+		}), (t, n) => d.value ? (b(), l(a, { key: 0 }, [
 			n[0] ||= u("span", { class: "divider" }, null, -1),
-			f(Wt, { onChange: S }),
-			f(Gt, m({ theme: e.theme ?? null }, p.value, { onChange: C }), null, 16, ["theme"]),
-			f(Xt, { onChange: w }),
+			f(Wt, { onChange: w }),
+			f(Gt, m({ theme: e.theme ?? null }, g.value, { onChange: T }), null, 16, ["theme"]),
+			f(Xt, { onChange: E }),
 			f(Zt, {
 				theme: e.theme ?? null,
-				onChange: T
+				onChange: D
 			}, null, 8, ["theme"]),
 			f(jn, {
-				"can-split": s.value,
-				"can-merge": h.value,
-				"row-count": g.value,
-				"column-count": _.value,
-				"current-justification": v.value,
-				onAction: D,
-				onCellMargins: O,
-				onCellTextDirection: k,
-				onRowHeight: A
+				"can-split": p.value,
+				"can-merge": _.value,
+				"row-count": v.value,
+				"column-count": y.value,
+				"current-justification": x.value,
+				onAction: k,
+				onCellMargins: A,
+				onCellTextDirection: M,
+				onRowHeight: N
 			}, null, 8, [
 				"can-split",
 				"can-merge",
@@ -2555,7 +2559,7 @@ var Ke = {
 			])
 		], 64)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-90f8e7a0"]]), Nn = { class: "docx-vertical-ruler__ticks" }, Pn = 15840, Fn = 1440, In = 1440, Ln = 567, Rn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c73a7e43"]]), Nn = { class: "docx-vertical-ruler__ticks" }, Pn = 15840, Fn = 1440, In = 1440, Ln = 567, Rn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "VerticalRuler",
 	props: {
 		sectionProps: {},
@@ -2570,10 +2574,10 @@ var Ke = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = S(null), s = S(null);
 		function d(e) {
-			return z(e) * n.zoom;
+			return B(e) * n.zoom;
 		}
 		function f(e) {
-			return Math.round(R(e / n.zoom));
+			return Math.round(z(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(() => ({
 			position: "relative",
@@ -2859,20 +2863,20 @@ var Wn = /* @__PURE__ */ p({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = S(!1);
+		let n = e, i = t, a = S(!1);
 		function o() {
-			a.value = !1, i("delete", r.comment.id);
+			a.value = !1, i("delete", n.comment.id);
 		}
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: g(["comment-card", { "comment-card--expanded": e.expanded }]),
 			"data-comment-id": e.comment.id,
-			onClick: r[5] ||= (e) => t.$emit("click"),
-			onMousedown: r[6] ||= F(() => {}, ["stop"])
+			onClick: n[5] ||= (e) => t.$emit("click"),
+			onMousedown: n[6] ||= F(() => {}, ["stop"])
 		}, [
-			e.comment.done ? (b(), l("div", rr, [f(n, {
+			e.comment.done ? (b(), l("div", rr, [f(r, {
 				name: "check",
 				size: 12
-			}), r[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
+			}), n[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
 			u("div", ir, [
 				f(Wn, {
 					name: e.comment.author,
@@ -2883,24 +2887,24 @@ var Wn = /* @__PURE__ */ p({
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: e.comment.done ? "Reopen" : "Resolve",
-						onClick: r[0] ||= F((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
-					}, [f(n, {
+						onClick: n[0] ||= F((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
+					}, [f(r, {
 						name: e.comment.done ? "undo" : "check",
 						size: 20
 					}, null, 8, ["name"])], 8, lr),
 					u("button", {
 						class: "comment-card__icon-btn",
 						title: "More options",
-						onClick: r[1] ||= F((e) => a.value = !a.value, ["stop"])
-					}, [f(n, {
+						onClick: n[1] ||= F((e) => a.value = !a.value, ["stop"])
+					}, [f(r, {
 						name: "more_vert",
 						size: 20
 					})]),
 					a.value ? (b(), l("div", {
 						key: 0,
 						class: "comment-card__menu",
-						onClick: r[2] ||= F(() => {}, ["stop"]),
-						onMousedown: r[3] ||= F(() => {}, ["stop"])
+						onClick: n[2] ||= F(() => {}, ["stop"]),
+						onMousedown: n[3] ||= F(() => {}, ["stop"])
 					}, [u("button", {
 						class: "comment-card__menu-item",
 						onClick: o
@@ -2914,7 +2918,7 @@ var Wn = /* @__PURE__ */ p({
 			}, null, 8, ["replies", "is-expanded"]),
 			e.expanded && !e.comment.done ? (b(), s(tr, {
 				key: 1,
-				onSubmit: r[4] ||= (n) => t.$emit("reply", e.comment.id, n)
+				onSubmit: n[4] ||= (n) => t.$emit("reply", e.comment.id, n)
 			})) : c("", !0)
 		], 42, nr));
 	}
@@ -2923,13 +2927,13 @@ var Wn = /* @__PURE__ */ p({
 	props: { comment: {} },
 	emits: ["toggle-expand"],
 	setup(e) {
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: "resolved-comment-marker",
 			"data-comment-id": e.comment.id,
 			"data-comment-resolved": "true",
-			onClick: r[0] ||= (e) => t.$emit("toggle-expand"),
-			onMousedown: r[1] ||= F(() => {}, ["stop"])
-		}, [f(n, {
+			onClick: n[0] ||= (e) => t.$emit("toggle-expand"),
+			onMousedown: n[1] ||= F(() => {}, ["stop"])
+		}, [f(r, {
 			name: "chat_bubble_check",
 			size: 20
 		})], 40, fr));
@@ -2940,21 +2944,18 @@ var Wn = /* @__PURE__ */ p({
 }, vr = {
 	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 = {
-	key: 4,
-	class: "tc-card__inserted"
-}, Or = {
+}, yr = ["title"], br = ["title"], xr = { class: "tc-card__body" }, Sr = { class: "tc-card__deleted" }, Cr = { class: "tc-card__inserted" }, wr = { class: "tc-card__inserted" }, Tr = { class: "tc-card__deleted" }, Er = { class: "tc-card__changed" }, Dr = { class: "tc-card__changed" }, Or = {
 	key: 5,
-	class: "tc-card__deleted"
+	class: "tc-card__inserted"
 }, kr = {
 	key: 6,
-	class: "tc-card__inserted"
+	class: "tc-card__deleted"
 }, Ar = {
 	key: 7,
-	class: "tc-card__deleted"
+	class: "tc-card__inserted"
 }, jr = {
 	key: 8,
-	class: "tc-card__changed"
+	class: "tc-card__deleted"
 }, Mr = {
 	key: 9,
 	class: "tc-card__changed"
@@ -2966,11 +2967,14 @@ var Wn = /* @__PURE__ */ p({
 	class: "tc-card__changed"
 }, Fr = {
 	key: 12,
-	class: "tc-card__inserted"
+	class: "tc-card__changed"
 }, Ir = {
 	key: 13,
+	class: "tc-card__inserted"
+}, Lr = {
+	key: 14,
 	class: "tc-card__deleted"
-}, Lr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}, Rr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
@@ -2984,7 +2988,7 @@ var Wn = /* @__PURE__ */ p({
 		"reply"
 	],
 	setup(e, { emit: t }) {
-		let { t: i } = r(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
+		let { t: i } = n(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
 		function _() {
 			let e = /* @__PURE__ */ new Set([p.change.revisionId]);
 			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
@@ -2997,10 +3001,10 @@ var Wn = /* @__PURE__ */ p({
 		function y() {
 			for (let e of _()) m("reject-by-id", e);
 		}
-		return (t, r) => (b(), l("div", {
+		return (t, n) => (b(), l("div", {
 			class: g(["tc-card", { "tc-card--expanded": e.expanded }]),
-			onClick: r[1] ||= (e) => t.$emit("click"),
-			onMousedown: r[2] ||= F(() => {}, ["stop"])
+			onClick: n[1] ||= (e) => t.$emit("click"),
+			onMousedown: n[2] ||= F(() => {}, ["stop"])
 		}, [
 			u("div", mr, [
 				f(Wn, {
@@ -3012,14 +3016,14 @@ var Wn = /* @__PURE__ */ p({
 					class: "tc-card__icon-btn",
 					title: O(i)("acceptChange"),
 					onClick: F(v, ["stop"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "check",
 					size: 20
 				})], 8, yr), u("button", {
 					class: "tc-card__icon-btn",
 					title: O(i)("rejectChange"),
 					onClick: F(y, ["stop"])
-				}, [f(n, {
+				}, [f(r, {
 					name: "close",
 					size: 20
 				})], 8, br)])) : c("", !0)
@@ -3029,18 +3033,18 @@ var Wn = /* @__PURE__ */ p({
 				u("span", Sr, "\"" + 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 }, [r[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 }, [r[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 }, [r[5] ||= d(": ", -1), u("span", Er, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Dr, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", Or, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", kr, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", Ar, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", jr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Mr, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", Nr, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Pr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Fr, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", Ir, E(O(i)("revisions.tableDeleted")), 1)) : (b(), l(a, { key: 14 }, [d(E(e.change.type === "insertion" ? O(i)("inserted") : O(i)("deleted")) + " ", 1), u("span", { class: g(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + E(O($)(e.change.text)) + "\" ", 3)], 64))]),
+			], 64)) : e.change.type === "paragraphMarkInsertion" ? (b(), l(a, { key: 1 }, [d(E(O(i)("revisions.paragraphMarkInserted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[3] ||= d(": ", -1), u("span", wr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphMarkDeletion" ? (b(), l(a, { key: 2 }, [d(E(O(i)("revisions.paragraphMarkDeleted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[4] ||= d(": ", -1), u("span", Tr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphPropertiesChanged" ? (b(), l(a, { key: 3 }, [d(E(O(i)("revisions.paragraphPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[5] ||= d(": ", -1), u("span", Er, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "runPropertiesChanged" ? (b(), l(a, { key: 4 }, [d(E(O(i)("revisions.runPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [n[6] ||= d(": ", -1), u("span", Dr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Or, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", kr, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", Ar, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", jr, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", Mr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Nr, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", Pr, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Fr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Ir, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", Lr, E(O(i)("revisions.tableDeleted")), 1)) : (b(), l(a, { key: 15 }, [d(E(e.change.type === "insertion" ? O(i)("inserted") : O(i)("deleted")) + " ", 1), u("span", { class: g(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + E(O($)(e.change.text)) + "\" ", 3)], 64))]),
 			f(Zn, {
 				replies: e.replies,
 				"is-expanded": e.expanded
 			}, null, 8, ["replies", "is-expanded"]),
 			e.expanded ? (b(), s(tr, {
 				key: 0,
-				onSubmit: r[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
+				onSubmit: n[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
 			})) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-510d39b5"]]), Rr = ["onKeydown"], zr = { class: "add-comment-card__actions" }, Br = ["disabled"], Vr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c16b1b1e"]]), zr = ["onKeydown"], Br = { class: "add-comment-card__actions" }, Vr = ["disabled"], Hr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -3069,19 +3073,19 @@ var Wn = /* @__PURE__ */ p({
 				P(F(s, ["exact", "prevent"]), ["enter"]),
 				P(c, ["esc"])
 			]
-		}, null, 40, Rr), [[A, r.value]]), u("div", zr, [u("button", {
+		}, null, 40, zr), [[A, r.value]]), u("div", Br, [u("button", {
 			class: "add-comment-card__cancel",
 			onClick: c
 		}, "Cancel"), u("button", {
 			class: g(["add-comment-card__submit", { "add-comment-card__submit--active": a.value }]),
 			disabled: !a.value,
 			onClick: s
-		}, " Comment ", 10, Br)])], 32));
+		}, " Comment ", 10, Vr)])], 32));
 	}
 }), [["__scopeId", "data-v-2939f9cd"]]);
 //#endregion
 //#region src/composables/useCommentSidebarItems.ts
-function Hr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
+function Ur({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
 	return o(() => {
 		let a = [];
 		r?.value && i?.value != null && a.push({
@@ -3124,7 +3128,7 @@ function Hr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment:
 }
 //#endregion
 //#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
-var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+var Wr = ["data-card-id"], Gr = 16, Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "UnifiedSidebar",
 	props: {
 		isOpen: { type: Boolean },
@@ -3164,7 +3168,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__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 = Hr({
+		let h = Ur({
 			comments: D(n, "comments"),
 			trackedChanges: D(n, "trackedChanges"),
 			showResolved: o(() => n.showResolved ?? !1),
@@ -3228,7 +3232,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			for (let { item: n, y: r } of W({
 				items: t,
 				anchorPositions: s,
-				renderedDomContext: L(e),
+				renderedDomContext: R(e),
 				zoom: 1,
 				cardHeights: l,
 				lastKnown: w
@@ -3239,7 +3243,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			let e = 0;
 			for (let t of x.value.values()) e = Math.max(e, t);
 			return e + 200;
-		}), R = o(() => {
+		}), 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; }`;
@@ -3252,7 +3256,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			}
 			return "";
 		}), z = o(() => {
-			let e = n.pageWidthPx / 2 + Wr - 176, t = x.value.size > 0 || h.value.length === 0;
+			let e = n.pageWidthPx / 2 + Gr - 176, t = x.value.size > 0 || h.value.length === 0;
 			return {
 				position: "absolute",
 				top: "0",
@@ -3308,8 +3312,8 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => H()), k.observe(e), G());
 		}), v(() => {
 			k?.disconnect(), A?.disconnect(), U && U.removeEventListener("scroll", H);
-		}), (t, n) => (b(), l(a, null, [R.value ? (b(), s(T("style"), { key: 0 }, {
-			default: M(() => [d(E(R.value), 1)]),
+		}), (t, n) => (b(), l(a, null, [L.value ? (b(), s(T("style"), { key: 0 }, {
+			default: M(() => [d(E(L.value), 1)]),
 			_: 1
 		})) : c("", !0), e.isOpen ? (b(), l("aside", {
 			key: 1,
@@ -3326,7 +3330,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			class: "unified-sidebar__card-slot",
 			"data-card-id": e.id,
 			style: _(B(e.id))
-		}, [e.kind === "add-comment" ? (b(), s(Vr, {
+		}, [e.kind === "add-comment" ? (b(), s(Hr, {
 			key: 0,
 			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
 			onCancel: n[1] ||= (e) => t.$emit("cancel-add-comment")
@@ -3349,7 +3353,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : e.kind === "tracked-change" ? (b(), s(Lr, {
+		])) : e.kind === "tracked-change" ? (b(), s(Rr, {
 			key: 3,
 			change: e.change,
 			replies: e.replies ?? [],
@@ -3365,9 +3369,9 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"replies",
 			"expanded",
 			"onClick"
-		])) : c("", !0)], 12, Ur))), 128))], 4)], 36)) : c("", !0)], 64));
+		])) : c("", !0)], 12, Wr))), 128))], 4)], 36)) : c("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-e91a4f24"]]), Kr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-e91a4f24"]]), qr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -3426,12 +3430,12 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-06469e2c"]]), qr = [
+}), [["__scopeId", "data-v-06469e2c"]]), Jr = [
 	"disabled",
 	"title",
 	"aria-expanded",
 	"onClick"
-], Jr = { class: "docx-align__panel" }, Yr = ["title", "onClick"], Xr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+], Yr = { class: "docx-align__panel" }, Xr = ["title", "onClick"], Zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -3442,7 +3446,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: r } = i(), c = e, d = t, p = S(!1), m = [
+		let { Popover: n } = i(), c = e, d = t, p = S(!1), m = [
 			{
 				value: "left",
 				label: "Align left",
@@ -3471,7 +3475,7 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		function v(e) {
 			d("change", e), p.value = !1;
 		}
-		return (t, i) => (b(), s(O(r), {
+		return (t, i) => (b(), s(O(n), {
 			open: p.value,
 			"onUpdate:open": i[0] ||= (e) => p.value = e,
 			onClose: i[1] ||= (e) => p.value = !1
@@ -3484,27 +3488,27 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 				"aria-expanded": p.value,
 				"aria-haspopup": "true",
 				onClick: F(t, ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: h.value,
 				size: 20
-			}, null, 8, ["name"]), f(n, {
+			}, null, 8, ["name"]), f(r, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, qr)]),
-			panel: M(() => [u("div", Jr, [(b(), l(a, null, C(m, (t) => u("button", {
+			})], 10, Jr)]),
+			panel: M(() => [u("div", Yr, [(b(), l(a, null, C(m, (t) => u("button", {
 				key: t.value,
 				type: "button",
 				class: g(["docx-align__option", { "docx-align__option--active": e.value === t.value }]),
 				title: `${t.label} (${t.shortcut})`,
 				onClick: F((e) => v(t.value), ["prevent"])
-			}, [f(n, {
+			}, [f(r, {
 				name: t.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, Yr)), 64))])]),
+			}, null, 8, ["name"])], 10, Xr)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-088792b0"]]), Zr = { class: "docx-list-btns" }, Qr = ["disabled"], $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = /*#__PURE__*/ t(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-088792b0"]]), Qr = { class: "docx-list-btns" }, $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = ["disabled"], ri = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ListButtons",
 	props: {
 		listState: {},
@@ -3528,48 +3532,48 @@ var Ur = ["data-card-id"], Wr = 16, Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 		"outdent"
 	],
 	setup(e) {
-		return (t, r) => (b(), l("span", Zr, [
+		return (t, n) => (b(), l("span", Qr, [
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
 				disabled: e.disabled,
 				title: "Bullet list",
-				onClick: r[0] ||= F((e) => t.$emit("bullet-list"), ["prevent"])
-			}, [f(n, {
+				onClick: n[0] ||= F((e) => t.$emit("bullet-list"), ["prevent"])
+			}, [f(r, {
 				name: "format_list_bulleted",
 				size: 20
-			})], 10, Qr),
+			})], 10, $r),
 			u("button", {
 				type: "button",
 				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
 				disabled: e.disabled,
 				title: "Numbered list",
-				onClick: r[1] ||= F((e) => t.$emit("numbered-list"), ["prevent"])
-			}, [f(n, {
+				onClick: n[1] ||= F((e) => t.$emit("numbered-list"), ["prevent"])
+			}, [f(r, {
 				name: "format_list_numbered",
 				size: 20
-			})], 10, $r),
+			})], 10, ei),
 			e.showIndentButtons ? (b(), l(a, { key: 0 }, [u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled || !e.canOutdent,
 				title: "Decrease indent",
-				onClick: r[2] ||= F((e) => t.$emit("outdent"), ["prevent"])
-			}, [f(n, {
+				onClick: n[2] ||= F((e) => t.$emit("outdent"), ["prevent"])
+			}, [f(r, {
 				name: "format_indent_decrease",
 				size: 20
-			})], 8, ei), u("button", {
+			})], 8, ti), u("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled,
 				title: "Increase indent",
-				onClick: r[3] ||= F((e) => t.$emit("indent"), ["prevent"])
-			}, [f(n, {
+				onClick: n[3] ||= F((e) => t.$emit("indent"), ["prevent"])
+			}, [f(r, {
 				name: "format_indent_increase",
 				size: 20
-			})], 8, ti)], 64)) : c("", !0)
+			})], 8, ni)], 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 _, Vr as a, be as b, dr as c, Rn as d, Mn as f, Gt as g, Xt as h, Gr as i, tr as l, Zt as m, Xr as n, Lr as o, jn as p, Kr as r, pr as s, ni as t, Zn as u, Bt as v, X as w, fe as x, kt as y };
+export { ue as C, K as D, te as E, de as S, ie as T, Wt as _, Hr as a, be as b, dr as c, Rn as d, Mn as f, Gt as g, Xt as h, Kr as i, tr as l, Zt as m, Zr as n, Rr as o, jn as p, qr as r, pr as s, ri as t, Zn as u, Bt as v, X as w, fe as x, kt as y };