@eigenpal/docx-editor-vue 1.0.2 → 1.1.0

package/dist/{MenuBar-D_Dvwb0F.js → MenuBar-DLXxthZk.js}

@@ -1,4 +1,4 @@
-import { d as e, p as t } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
+import { d as e, p as t } from "./KeyboardShortcutsDialog-5ZsgieYf.js";
 import { t as n } from "./_plugin-vue_export-helper-B52Kst-M.js";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, reactive as v, ref as y, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, vModelSelect as T, vModelText as E, watch as D, withCtx as O, withDirectives as k, withKeys as A, withModifiers as j } from "vue";
 import { redoDepth as M, undoDepth as N } from "prosemirror-history";
@@ -2233,7 +2233,37 @@ var Re = {
 }, _n = {
 	key: 0,
 	class: "tc-card__actions"
-}, vn = { class: "tc-card__body" }, yn = { class: "tc-card__deleted" }, bn = { class: "tc-card__inserted" }, xn = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}, vn = ["title"], yn = ["title"], bn = { class: "tc-card__body" }, xn = { class: "tc-card__deleted" }, Sn = { class: "tc-card__inserted" }, Cn = { class: "tc-card__inserted" }, wn = { class: "tc-card__deleted" }, Tn = { class: "tc-card__changed" }, En = {
+	key: 4,
+	class: "tc-card__inserted"
+}, Dn = {
+	key: 5,
+	class: "tc-card__deleted"
+}, On = {
+	key: 6,
+	class: "tc-card__inserted"
+}, kn = {
+	key: 7,
+	class: "tc-card__deleted"
+}, An = {
+	key: 8,
+	class: "tc-card__changed"
+}, jn = {
+	key: 9,
+	class: "tc-card__changed"
+}, Mn = {
+	key: 10,
+	class: "tc-card__changed"
+}, Nn = {
+	key: 11,
+	class: "tc-card__changed"
+}, Pn = {
+	key: 12,
+	class: "tc-card__inserted"
+}, Fn = {
+	key: 13,
+	class: "tc-card__deleted"
+}, In = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
@@ -2241,52 +2271,64 @@ var Re = {
 	},
 	emits: [
 		"click",
-		"accept",
-		"reject",
+		"accept-by-id",
+		"reject-by-id",
 		"reply"
 	],
-	setup(e) {
-		let n = e, d = i(() => n.change.author || "Unknown");
-		return (n, i) => (_(), s("div", {
-			class: p(["tc-card", { "tc-card--expanded": e.expanded }]),
-			onClick: i[3] ||= (e) => n.$emit("click"),
-			onMousedown: i[4] ||= j(() => {}, ["stop"])
+	setup(n, { emit: d }) {
+		let { t: f } = e(), m = n, h = d, g = i(() => m.change.author || f("trackedChanges.unknown"));
+		function v() {
+			let e = new Set([m.change.revisionId]);
+			m.change.type === "replacement" && m.change.insertionRevisionId != null && e.add(m.change.insertionRevisionId);
+			for (let t of m.change.coalescedRevisionIds ?? []) e.add(t);
+			return [...e];
+		}
+		function y() {
+			for (let e of v()) h("accept-by-id", e);
+		}
+		function b() {
+			for (let e of v()) h("reject-by-id", e);
+		}
+		return (e, i) => (_(), s("div", {
+			class: p(["tc-card", { "tc-card--expanded": n.expanded }]),
+			onClick: i[1] ||= (t) => e.$emit("click"),
+			onMousedown: i[2] ||= j(() => {}, ["stop"])
 		}, [
 			c("div", pn, [
 				u(Ht, {
-					name: d.value,
+					name: g.value,
 					size: 32
 				}, null, 8, ["name"]),
-				c("div", mn, [c("div", hn, C(d.value), 1), e.change.date ? (_(), s("div", gn, C(w(H)(e.change.date)), 1)) : o("", !0)]),
-				e.expanded ? (_(), s("div", _n, [c("button", {
+				c("div", mn, [c("div", hn, C(g.value), 1), n.change.date ? (_(), s("div", gn, C(w(H)(n.change.date)), 1)) : o("", !0)]),
+				n.expanded ? (_(), s("div", _n, [c("button", {
 					class: "tc-card__icon-btn",
-					title: "Accept",
-					onClick: i[0] ||= j((t) => n.$emit("accept", e.change.from, e.change.to), ["stop"])
+					title: w(f)("common.accept"),
+					onClick: j(y, ["stop"])
 				}, [u(t, {
 					name: "check",
 					size: 20
-				})]), c("button", {
+				})], 8, vn), c("button", {
 					class: "tc-card__icon-btn",
-					title: "Reject",
-					onClick: i[1] ||= j((t) => n.$emit("reject", e.change.from, e.change.to), ["stop"])
+					title: w(f)("common.reject"),
+					onClick: j(b, ["stop"])
 				}, [u(t, {
 					name: "close",
 					size: 20
-				})])])) : o("", !0)
+				})], 8, yn)])) : o("", !0)
 			]),
-			c("div", vn, [e.change.type === "replacement" ? (_(), s(r, { key: 0 }, [
-				i[5] ||= l(" Replaced ", -1),
-				c("span", yn, "\"" + C(w(K)(e.change.deletedText || "")) + "\"", 1),
-				i[6] ||= l(" with ", -1),
-				c("span", bn, "\"" + C(w(K)(e.change.text)) + "\"", 1)
-			], 64)) : (_(), s(r, { key: 1 }, [l(C(e.change.type === "insertion" ? "Added" : "Deleted") + " ", 1), c("span", { class: p(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + C(w(K)(e.change.text)) + "\" ", 3)], 64))]),
-			e.expanded ? (_(), a($t, {
+			c("div", bn, [n.change.type === "replacement" ? (_(), s(r, { key: 0 }, [
+				l(C(w(f)("trackedChanges.replaced")) + " ", 1),
+				c("span", xn, "\"" + C(w(K)(n.change.deletedText || "")) + "\"", 1),
+				l(" " + C(w(f)("trackedChanges.with")) + " ", 1),
+				c("span", Sn, "\"" + C(w(K)(n.change.text)) + "\"", 1)
+			], 64)) : n.change.type === "paragraphMarkInsertion" ? (_(), s(r, { key: 1 }, [l(C(w(f)("revisions.paragraphMarkInserted")), 1), n.change.text ? (_(), s(r, { key: 0 }, [i[3] ||= l(": ", -1), c("span", Cn, "\"" + C(w(K)(n.change.text)) + "\"", 1)], 64)) : o("", !0)], 64)) : n.change.type === "paragraphMarkDeletion" ? (_(), s(r, { key: 2 }, [l(C(w(f)("revisions.paragraphMarkDeleted")), 1), n.change.text ? (_(), s(r, { key: 0 }, [i[4] ||= l(": ", -1), c("span", wn, "\"" + C(w(K)(n.change.text)) + "\"", 1)], 64)) : o("", !0)], 64)) : n.change.type === "paragraphPropertiesChanged" ? (_(), s(r, { key: 3 }, [l(C(w(f)("revisions.paragraphPropertiesChanged")), 1), n.change.text ? (_(), s(r, { key: 0 }, [i[5] ||= l(": ", -1), c("span", Tn, "\"" + C(w(K)(n.change.text)) + "\"", 1)], 64)) : o("", !0)], 64)) : n.change.type === "rowInserted" ? (_(), s("span", En, C(w(f)("revisions.rowInserted")), 1)) : n.change.type === "rowDeleted" ? (_(), s("span", Dn, C(w(f)("revisions.rowDeleted")), 1)) : n.change.type === "cellInserted" ? (_(), s("span", On, C(w(f)("revisions.cellInserted")), 1)) : n.change.type === "cellDeleted" ? (_(), s("span", kn, C(w(f)("revisions.cellDeleted")), 1)) : n.change.type === "cellMerged" ? (_(), s("span", An, C(w(f)("revisions.cellMerged")), 1)) : n.change.type === "rowPropertiesChanged" ? (_(), s("span", jn, C(w(f)("revisions.rowPropertiesChanged")), 1)) : n.change.type === "cellPropertiesChanged" ? (_(), s("span", Mn, C(w(f)("revisions.cellPropertiesChanged")), 1)) : n.change.type === "tablePropertiesChanged" ? (_(), s("span", Nn, C(w(f)("revisions.tablePropertiesChanged")), 1)) : n.change.type === "tableInserted" ? (_(), s("span", Pn, C(w(f)("revisions.tableInserted")), 1)) : n.change.type === "tableDeleted" ? (_(), s("span", Fn, C(w(f)("revisions.tableDeleted")), 1)) : (_(), s(r, { key: 14 }, [l(C(n.change.type === "insertion" ? w(f)("trackedChanges.added") : w(f)("trackedChanges.deleted")) + " ", 1), c("span", { class: p(n.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + C(w(K)(n.change.text)) + "\" ", 3)], 64))]),
+			n.expanded ? (_(), a($t, {
 				key: 0,
-				onSubmit: i[2] ||= (t) => n.$emit("reply", e.change.revisionId, t)
+				onSubmit: i[0] ||= (t) => e.$emit("reply", n.change.revisionId, t)
 			})) : o("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-297b1eb8"]]), Sn = ["onKeydown"], Cn = { class: "add-comment-card__actions" }, wn = ["disabled"], Tn = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-317869c0"]]), Ln = ["onKeydown"], Rn = { class: "add-comment-card__actions" }, zn = ["disabled"], Bn = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -2315,16 +2357,16 @@ var Re = {
 				A(j(l, ["exact", "prevent"]), ["enter"]),
 				A(u, ["esc"])
 			]
-		}, null, 40, Sn), [[E, r.value]]), c("div", Cn, [c("button", {
+		}, null, 40, Ln), [[E, r.value]]), c("div", Rn, [c("button", {
 			class: "add-comment-card__cancel",
 			onClick: u
 		}, "Cancel"), c("button", {
 			class: p(["add-comment-card__submit", { "add-comment-card__submit--active": o.value }]),
 			disabled: !o.value,
 			onClick: l
-		}, "Comment", 10, wn)])], 32));
+		}, "Comment", 10, zn)])], 32));
 	}
-}), [["__scopeId", "data-v-cc70979b"]]), En = ["data-card-id"], Dn = 16, On = 300, kn = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-cc70979b"]]), Vn = ["data-card-id"], Hn = 16, Un = 300, Wn = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "UnifiedSidebar",
 	props: {
 		isOpen: { type: Boolean },
@@ -2348,6 +2390,8 @@ var Re = {
 		"comment-delete",
 		"accept-change",
 		"reject-change",
+		"accept-change-by-id",
+		"reject-change-by-id",
 		"tracked-change-reply",
 		"update:activeItemId"
 	],
@@ -2405,6 +2449,12 @@ var Re = {
 				let e = t.dataset.revisionId;
 				e && !o.has(e) && o.set(e, t);
 			}
+			for (let t of e.querySelectorAll(".ep-revision-table[data-revision-id], .ep-revision-row[data-revision-id], .ep-revision-cell[data-revision-id], .layout-revision-pmark[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				if (!e) continue;
+				let n = t.classList.contains("ep-revision-ins") || t.classList.contains("layout-revision-ins") ? a : o;
+				n.has(e) || n.set(e, t);
+			}
 			let s = [];
 			for (let n of t) {
 				let t;
@@ -2463,12 +2513,12 @@ var Re = {
 				transition: "top 0.15s ease"
 			};
 		}), P = i(() => {
-			let e = n.pageWidthPx / 2 + Dn - J, t = T.value.size > 0 || x.value.length === 0;
+			let e = n.pageWidthPx / 2 + Hn - J, t = T.value.size > 0 || x.value.length === 0;
 			return {
 				position: "absolute",
 				top: "0",
 				left: `calc(50% + ${e}px)`,
-				width: On + "px",
+				width: Un + "px",
 				opacity: +!!t
 			};
 		});
@@ -2526,7 +2576,7 @@ var Re = {
 			ref: w,
 			class: "unified-sidebar",
 			style: m(P.value),
-			onMousedown: n[9] ||= j(() => {}, ["stop"])
+			onMousedown: n[11] ||= j(() => {}, ["stop"])
 		}, [c("div", {
 			class: "unified-sidebar__inner",
 			style: m({ minHeight: A.value + "px" })
@@ -2534,7 +2584,7 @@ var Re = {
 			key: 0,
 			class: "unified-sidebar__addcomment",
 			style: m(N.value)
-		}, [u(Tn, {
+		}, [u(Bn, {
 			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
 			onCancel: n[1] ||= (e) => t.$emit("cancel-add-comment")
 		})], 4)) : o("", !0), (_(!0), s(r, null, b(x.value, (e) => (_(), s("div", {
@@ -2561,21 +2611,23 @@ var Re = {
 			"replies",
 			"expanded",
 			"onClick"
-		])) : e.kind === "tracked-change" ? (_(), a(xn, {
+		])) : e.kind === "tracked-change" ? (_(), a(In, {
 			key: 2,
 			change: e.change,
 			expanded: p.value === e.id,
 			onClick: (t) => v(e.id),
 			onAccept: n[6] ||= (e, n) => t.$emit("accept-change", e, n),
 			onReject: n[7] ||= (e, n) => t.$emit("reject-change", e, n),
-			onReply: n[8] ||= (e, n) => t.$emit("tracked-change-reply", e, n)
+			onAcceptById: n[8] ||= (e) => t.$emit("accept-change-by-id", e),
+			onRejectById: n[9] ||= (e) => t.$emit("reject-change-by-id", e),
+			onReply: n[10] ||= (e, n) => t.$emit("tracked-change-reply", e, n)
 		}, null, 8, [
 			"change",
 			"expanded",
 			"onClick"
-		])) : o("", !0)], 12, En))), 128))], 4)], 36)) : o("", !0)], 64));
+		])) : o("", !0)], 12, Vn))), 128))], 4)], 36)) : o("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-7996a167"]]), An = ["title", "onClick"], jn = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-afcac95b"]]), Gn = ["title", "onClick"], Kn = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "CommentMarginMarkers",
 	props: {
 		comments: {},
@@ -2630,9 +2682,9 @@ var Re = {
 		}, [u(t, {
 			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
 			size: 18
-		}, null, 8, ["name"])], 12, An))), 128))], 36)) : o("", !0);
+		}, null, 8, ["name"])], 12, Gn))), 128))], 36)) : o("", !0);
 	}
-}), [["__scopeId", "data-v-a20c82d9"]]), Mn = ["aria-valuemax"], Nn = { class: "docx-horizontal-ruler__ticks" }, Pn = ["title", "onDblclick"], Fn = 12240, In = 1440, Ln = 1440, Rn = 567, zn = 22, Bn = "#4285f4", Vn = "#3367d6", Hn = "#2a56c6", $ = 5, Un = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-a20c82d9"]]), qn = ["aria-valuemax"], Jn = { class: "docx-horizontal-ruler__ticks" }, Yn = ["title", "onDblclick"], Xn = 12240, Zn = 1440, Qn = 1440, $n = 567, er = 22, tr = "#4285f4", nr = "#3367d6", rr = "#2a56c6", $ = 5, ir = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "HorizontalRuler",
 	props: {
 		sectionProps: {},
@@ -2671,10 +2723,10 @@ var Re = {
 		function x(e) {
 			return Math.round(ee(e / n.zoom));
 		}
-		let S = i(() => n.sectionProps?.pageWidth ?? Fn), w = i(() => n.sectionProps?.marginLeft ?? In), T = i(() => n.sectionProps?.marginRight ?? In), E = i(() => S.value - w.value - T.value), D = i(() => v(S.value)), O = i(() => v(w.value)), k = i(() => v(T.value)), A = i(() => v(n.indentLeft)), M = i(() => v(n.indentRight)), N = i(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), P = i(() => v(N.value)), F = i(() => O.value + A.value), I = i(() => D.value - k.value - M.value), L = i(() => O.value + A.value + P.value), R = i(() => ({
+		let S = i(() => n.sectionProps?.pageWidth ?? Xn), w = i(() => n.sectionProps?.marginLeft ?? Zn), T = i(() => n.sectionProps?.marginRight ?? Zn), E = i(() => S.value - w.value - T.value), D = i(() => v(S.value)), O = i(() => v(w.value)), k = i(() => v(T.value)), A = i(() => v(n.indentLeft)), M = i(() => v(n.indentRight)), N = i(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), P = i(() => v(N.value)), F = i(() => O.value + A.value), I = i(() => D.value - k.value - M.value), L = i(() => O.value + A.value + P.value), R = i(() => ({
 			position: "relative",
 			width: D.value + "px",
-			height: zn + "px",
+			height: er + "px",
 			backgroundColor: "transparent",
 			overflow: "visible",
 			userSelect: "none",
@@ -2684,7 +2736,7 @@ var Re = {
 			top: 0,
 			left: 0,
 			width: O.value + "px",
-			height: zn + "px",
+			height: er + "px",
 			backgroundColor: "rgba(0, 0, 0, 0.02)",
 			borderRight: "1px solid rgba(0,0,0,0.06)",
 			cursor: n.editable ? "ew-resize" : "default",
@@ -2694,7 +2746,7 @@ var Re = {
 			top: 0,
 			right: 0,
 			width: k.value + "px",
-			height: zn + "px",
+			height: er + "px",
 			backgroundColor: "rgba(0, 0, 0, 0.02)",
 			borderLeft: "1px solid rgba(0,0,0,0.06)",
 			cursor: n.editable ? "ew-resize" : "default",
@@ -2702,7 +2754,7 @@ var Re = {
 		})), V = i(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = Ln / 8, n = Math.ceil(S.value / t);
+				let t = Qn / 8, n = Math.ceil(S.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > S.value) break;
@@ -2723,7 +2775,7 @@ var Re = {
 					});
 				}
 			} else {
-				let t = Rn / 10, n = Math.ceil(S.value / t);
+				let t = $n / 10, n = Math.ceil(S.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > S.value) break;
@@ -2751,10 +2803,10 @@ var Re = {
 			};
 		}) : []);
 		function U(e) {
-			return n.unit === "cm" ? (e / Rn).toFixed(1) + " cm" : (e / Ln).toFixed(2) + "\"";
+			return n.unit === "cm" ? (e / $n).toFixed(1) + " cm" : (e / Qn).toFixed(2) + "\"";
 		}
 		function W(e) {
-			return d.value === e ? Hn : f.value === e ? Vn : Bn;
+			return d.value === e ? rr : f.value === e ? nr : tr;
 		}
 		function G(e, t, r) {
 			return {
@@ -2867,7 +2919,7 @@ var Re = {
 				style: m(B.value),
 				onMousedown: n[1] ||= j((t) => e.editable ? J("rightMargin", t) : null, ["prevent", "stop"])
 			}, null, 36),
-			c("div", Nn, [(_(!0), s(r, null, b(V.value, (e, t) => (_(), s(r, { key: t }, [c("div", {
+			c("div", Jn, [(_(!0), s(r, null, b(V.value, (e, t) => (_(), s(r, { key: t }, [c("div", {
 				class: "docx-horizontal-ruler__tick-line",
 				style: m({
 					left: e.position + "px",
@@ -2908,15 +2960,15 @@ var Re = {
 				style: m({ left: e.px + "px" }),
 				title: `${e.label}`,
 				onDblclick: j((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
-			}, "L", 44, Pn))), 128)),
+			}, "L", 44, Yn))), 128)),
 			d.value && g.value ? (_(), s("div", {
 				key: 3,
 				class: "docx-horizontal-ruler__tooltip",
 				style: m({ left: p.value + "px" })
 			}, C(g.value), 5)) : o("", !0)
-		], 12, Mn));
+		], 12, qn));
 	}
-}), [["__scopeId", "data-v-a27ea349"]]), Wn = { class: "docx-vertical-ruler__ticks" }, Gn = 15840, Kn = 1440, qn = 1440, Jn = 567, Yn = 20, Xn = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-a27ea349"]]), ar = { class: "docx-vertical-ruler__ticks" }, or = 15840, sr = 1440, cr = 1440, lr = 567, ur = 20, dr = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "VerticalRuler",
 	props: {
 		sectionProps: {},
@@ -2936,9 +2988,9 @@ var Re = {
 		function p(e) {
 			return Math.round(ee(e / n.zoom));
 		}
-		let g = i(() => n.sectionProps?.pageHeight ?? Gn), v = i(() => n.sectionProps?.marginTop ?? Kn), x = i(() => n.sectionProps?.marginBottom ?? Kn), S = i(() => f(g.value)), w = i(() => f(v.value)), T = i(() => f(x.value)), E = i(() => ({
+		let g = i(() => n.sectionProps?.pageHeight ?? or), v = i(() => n.sectionProps?.marginTop ?? sr), x = i(() => n.sectionProps?.marginBottom ?? sr), S = i(() => f(g.value)), w = i(() => f(v.value)), T = i(() => f(x.value)), E = i(() => ({
 			position: "relative",
-			width: Yn + "px",
+			width: ur + "px",
 			height: S.value + "px",
 			backgroundColor: "transparent",
 			overflow: "visible",
@@ -2947,7 +2999,7 @@ var Re = {
 		})), D = i(() => {
 			let e = [];
 			if (n.unit === "inch") {
-				let t = qn / 8, n = Math.ceil(g.value / t);
+				let t = cr / 8, n = Math.ceil(g.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > g.value) break;
@@ -2968,7 +3020,7 @@ var Re = {
 					});
 				}
 			} else {
-				let t = Jn / 10, n = Math.ceil(g.value / t);
+				let t = lr / 10, n = Math.ceil(g.value / t);
 				for (let r = 0; r <= n; r++) {
 					let n = r * t;
 					if (n > g.value) break;
@@ -2993,7 +3045,7 @@ var Re = {
 				position: "absolute",
 				top: e - 5 + "px",
 				right: 0,
-				width: Yn + "px",
+				width: ur + "px",
 				height: "10px",
 				cursor: n.editable ? "ns-resize" : "default",
 				zIndex: u.value === null ? 1 : 10
@@ -3036,7 +3088,7 @@ var Re = {
 			"aria-label": "Vertical ruler",
 			"aria-orientation": "vertical"
 		}, [
-			c("div", Wn, [(_(!0), s(r, null, b(D.value, (e, t) => (_(), s(r, { key: t }, [c("div", {
+			c("div", ar, [(_(!0), s(r, null, b(D.value, (e, t) => (_(), s(r, { key: t }, [c("div", {
 				class: "docx-vertical-ruler__tick-line",
 				style: m({
 					top: e.position + "px",
@@ -3065,10 +3117,10 @@ var Re = {
 			}, [c("div", { style: m(k("bottomMargin")) }, null, 4)], 36)) : o("", !0)
 		], 4));
 	}
-}), [["__scopeId", "data-v-6e1bbe22"]]), Zn = { class: "doc-name" }, Qn = ["value"], $n = {
+}), [["__scopeId", "data-v-6e1bbe22"]]), fr = { class: "doc-name" }, pr = ["value"], mr = {
 	key: 1,
 	class: "doc-name__text"
-}, er = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}, hr = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "DocumentName",
 	props: {
 		modelValue: {},
@@ -3087,28 +3139,28 @@ var Re = {
 		function c(e) {
 			e.target.value.trim() || r("update:modelValue", "Untitled document.docx");
 		}
-		return (t, n) => (_(), s("div", Zn, [e.editable ? (_(), s("input", {
+		return (t, n) => (_(), s("div", fr, [e.editable ? (_(), s("input", {
 			key: 0,
 			class: "doc-name__input",
 			value: a.value,
 			onInput: o,
 			onBlur: c,
 			placeholder: "Untitled document"
-		}, null, 40, Qn)) : (_(), s("span", $n, C(a.value || "Untitled document"), 1))]));
+		}, null, 40, pr)) : (_(), s("span", mr, C(a.value || "Untitled document"), 1))]));
 	}
-}), [["__scopeId", "data-v-d78ee2fa"]]), tr = ["disabled", "onClick"], nr = {
+}), [["__scopeId", "data-v-d78ee2fa"]]), gr = ["disabled", "onClick"], _r = {
 	key: 0,
 	class: "docx-menu-dropdown__separator"
-}, rr = ["onMouseenter", "onMouseleave"], ir = ["disabled", "onClick"], ar = { class: "docx-menu-dropdown__label" }, or = {
+}, vr = ["onMouseenter", "onMouseleave"], yr = ["disabled", "onClick"], br = { class: "docx-menu-dropdown__label" }, xr = {
 	key: 1,
 	class: "docx-menu-dropdown__shortcut"
-}, sr = {
+}, Sr = {
 	key: 2,
 	class: "docx-menu-dropdown__chevron"
-}, cr = {
+}, Cr = {
 	key: 0,
 	class: "docx-menu-dropdown__submenu"
-}, lr = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}, wr = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "MenuDropdown",
 	props: {
 		label: {},
@@ -3145,11 +3197,11 @@ var Re = {
 				key: 0,
 				name: "arrow_drop_down",
 				size: 16
-			})) : o("", !0)], 42, tr)]),
+			})) : o("", !0)], 42, gr)]),
 			panel: O(() => [c("div", {
 				class: "docx-menu-dropdown__menu",
 				onMousedown: g[1] ||= j(() => {}, ["prevent"])
-			}, [(_(!0), s(r, null, b(e.items, (e, i) => (_(), s(r, { key: i }, [n(e) ? (_(), s("div", nr)) : (_(), s("div", {
+			}, [(_(!0), s(r, null, b(e.items, (e, i) => (_(), s(r, { key: i }, [n(e) ? (_(), s("div", _r)) : (_(), s("div", {
 				key: 1,
 				class: "docx-menu-dropdown__wrap",
 				onMouseenter: (t) => e.submenu ? d.value = i : void 0,
@@ -3165,20 +3217,20 @@ var Re = {
 					name: e.icon,
 					size: 18
 				}, null, 8, ["name"])) : o("", !0),
-				c("span", ar, C(e.label), 1),
-				e.shortcut ? (_(), s("span", or, C(e.shortcut), 1)) : o("", !0),
-				e.submenu ? (_(), s("span", sr, [u(t, {
+				c("span", br, C(e.label), 1),
+				e.shortcut ? (_(), s("span", xr, C(e.shortcut), 1)) : o("", !0),
+				e.submenu ? (_(), s("span", Sr, [u(t, {
 					name: "keyboard_arrow_right",
 					size: 16
 				})])) : o("", !0)
-			], 10, ir), e.submenu && d.value === i ? (_(), s("div", cr, [x(h.$slots, "submenu", {
+			], 10, yr), e.submenu && d.value === i ? (_(), s("div", Cr, [x(h.$slots, "submenu", {
 				item: e,
 				closeMenu: f
-			}, void 0, !0)])) : o("", !0)], 40, rr))], 64))), 128))], 32)]),
+			}, void 0, !0)])) : o("", !0)], 40, vr))], 64))), 128))], 32)]),
 			_: 3
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-65cffcb2"]]), ur = ["aria-selected", "onMouseenter"], dr = { class: "docx-table-grid-inline__label" }, fr = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-65cffcb2"]]), Tr = ["aria-selected", "onMouseenter"], Er = { class: "docx-table-grid-inline__label" }, Dr = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "TableGridInline",
 	props: {
 		gridRows: { default: 6 },
@@ -3214,12 +3266,12 @@ var Re = {
 				o.value = e.r, l.value = e.c;
 			},
 			onClick: j(d, ["prevent"])
-		}, null, 42, ur))), 128))], 36), c("div", dr, C(o.value > 0 && l.value > 0 ? `${l.value} × ${o.value}` : "Select size"), 1)]));
+		}, null, 42, Tr))), 128))], 36), c("div", Er, C(o.value > 0 && l.value > 0 ? `${l.value} × ${o.value}` : "Select size"), 1)]));
 	}
-}), [["__scopeId", "data-v-ecd8fc63"]]), pr = {
+}), [["__scopeId", "data-v-ecd8fc63"]]), Or = {
 	class: "menu-bar",
 	role: "menubar"
-}, mr = /* @__PURE__ */ n(/* @__PURE__ */ d({
+}, kr = /* @__PURE__ */ n(/* @__PURE__ */ d({
 	__name: "MenuBar",
 	emits: ["action", "insert-table"],
 	setup(t, { emit: n }) {
@@ -3281,20 +3333,20 @@ var Re = {
 			label: c("toolbar.reportIssue"),
 			onClick: l("reportIssue")
 		}]);
-		return (e, t) => (_(), s("div", pr, [
-			u(lr, {
+		return (e, t) => (_(), s("div", Or, [
+			u(wr, {
 				label: w(c)("toolbar.file"),
 				items: d.value
 			}, null, 8, ["label", "items"]),
-			u(lr, {
+			u(wr, {
 				label: w(c)("toolbar.format"),
 				items: f.value
 			}, null, 8, ["label", "items"]),
-			u(lr, {
+			u(wr, {
 				label: w(c)("toolbar.insert"),
 				items: p.value
 			}, {
-				submenu: O(({ item: e, closeMenu: t }) => [e.key === "table" ? (_(), a(fr, {
+				submenu: O(({ item: e, closeMenu: t }) => [e.key === "table" ? (_(), a(Dr, {
 					key: 0,
 					onInsert: (e, n) => {
 						r("insert-table", e, n), t();
@@ -3302,7 +3354,7 @@ var Re = {
 				}, null, 8, ["onInsert"])) : o("", !0)]),
 				_: 1
 			}, 8, ["label", "items"]),
-			u(lr, {
+			u(wr, {
 				label: w(c)("toolbar.help"),
 				items: m.value
 			}, null, 8, ["label", "items"])
@@ -3310,4 +3362,4 @@ var Re = {
 	}
 }), [["__scopeId", "data-v-31c47d54"]]);
 //#endregion
-export { Ae as C, Z as D, Q as E, je as S, Te as T, st as _, Xn as a, Ze as b, kn as c, fn as d, un as f, Bt as g, Vt as h, er as i, Tn as l, Yt as m, fr as n, Un as o, $t as p, lr as r, jn as s, mr as t, xn as u, nt as v, ke as w, Xe as x, tt as y };
+export { Ae as C, Z as D, Q as E, je as S, Te as T, st as _, dr as a, Ze as b, Wn as c, fn as d, un as f, Bt as g, Vt as h, hr as i, Bn as l, Yt as m, Dr as n, ir as o, $t as p, wr as r, Kn as s, kr as t, In as u, nt as v, ke as w, Xe as x, tt as y };