@eigenpal/docx-editor-vue 1.2.0 → 1.3.0

package/dist/MenuBar-DeogoqFP.js

@@ -0,0 +1,3330 @@
+import { d as e, p as t } from "./KeyboardShortcutsDialog-00eb4Ova.js";
+import { t as n } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { t as r } from "./useCommentSidebarItems-BHomCzpj.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, vModelSelect as E, vModelText as D, watch as O, withCtx as k, withDirectives as A, withKeys as j, withModifiers as M } from "vue";
+import { generateThemeTintShadeMatrix as N, resolveColor as P, resolveColorToHex as F, resolveHighlightColor as I } from "@eigenpal/docx-editor-core/utils";
+import { redoDepth as L, undoDepth as R } from "prosemirror-history";
+import { extractSelectionContext as z } from "@eigenpal/docx-editor-core/prosemirror/plugins/selectionTracker";
+import { clearFormatting as B } from "@eigenpal/docx-editor-core/prosemirror/commands/formatting";
+import { normalizeFontFamilies as V } from "@eigenpal/docx-editor-core/utils/fontOptions";
+import { getTableContext as H } from "@eigenpal/docx-editor-core/prosemirror/extensions/nodes/TableExtension";
+import { formatDate as U, getAvatarColor as W, getCommentText as G, getInitials as K, truncateText as q } from "@eigenpal/docx-editor-core/utils/comments";
+import { resolveItemPositions as J } from "@eigenpal/docx-editor-core/plugin-api/resolveItemPositions";
+import { SIDEBAR_DOCUMENT_SHIFT as ee } from "@eigenpal/docx-editor-core/utils/sidebarConstants";
+import { pixelsToTwips as te, twipsToPixels as Y } from "@eigenpal/docx-editor-core/utils/units";
+//#region src/components/ui/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var X = [
+	"disabled",
+	"title",
+	"aria-label"
+], ne = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-expanded"
+], Z = [
+	"disabled",
+	"title",
+	"aria-label",
+	"aria-expanded"
+], re = { class: "docx-color-picker__button-stack" }, ie = ["aria-label"], ae = {
+	key: 0,
+	class: "docx-color-picker__auto-icon docx-color-picker__auto-icon--none"
+}, oe = {
+	key: 1,
+	class: "docx-color-picker__auto-icon docx-color-picker__auto-icon--auto"
+}, se = { class: "docx-color-picker__section-label" }, ce = { class: "docx-color-picker__grid" }, le = [
+	"title",
+	"aria-label",
+	"aria-selected",
+	"onClick"
+], ue = { class: "docx-color-picker__section-label" }, de = { class: "docx-color-picker__grid" }, fe = [
+	"title",
+	"aria-label",
+	"aria-selected",
+	"onClick"
+], pe = { class: "docx-color-picker__section-label" }, me = { class: "docx-color-picker__custom" }, he = ["onKeydown"], ge = ["disabled"], _e = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "ColorPicker",
+	props: {
+		mode: {},
+		value: {},
+		theme: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		style: {},
+		title: {},
+		icon: {},
+		autoLabel: {},
+		splitButton: {
+			type: Boolean,
+			default: !0
+		},
+		defaultColor: {}
+	},
+	emits: ["change"],
+	setup(n, { emit: r }) {
+		let o = n, f = r, { t: p } = e(), y = [
+			{
+				nameKey: "colorPicker.colors.darkRed",
+				hex: "C00000"
+			},
+			{
+				nameKey: "colorPicker.colors.red",
+				hex: "FF0000"
+			},
+			{
+				nameKey: "colorPicker.colors.orange",
+				hex: "FFC000"
+			},
+			{
+				nameKey: "colorPicker.colors.yellow",
+				hex: "FFFF00"
+			},
+			{
+				nameKey: "colorPicker.colors.lightGreen",
+				hex: "92D050"
+			},
+			{
+				nameKey: "colorPicker.colors.green",
+				hex: "00B050"
+			},
+			{
+				nameKey: "colorPicker.colors.lightBlue",
+				hex: "00B0F0"
+			},
+			{
+				nameKey: "colorPicker.colors.blue",
+				hex: "0070C0"
+			},
+			{
+				nameKey: "colorPicker.colors.darkBlue",
+				hex: "002060"
+			},
+			{
+				nameKey: "colorPicker.colors.purple",
+				hex: "7030A0"
+			}
+		];
+		function S(e) {
+			return e ? typeof e == "string" ? o.mode === "highlight" ? I(e) || (e === "none" ? "transparent" : e.startsWith("#") ? e : `#${e}`) : e.startsWith("#") ? e : `#${e}` : P(e, o.theme) : o.mode === "text" || o.mode === "border" ? "#000000" : "transparent";
+		}
+		function C(e) {
+			return /^[0-9A-Fa-f]{6}$/.test(e.replace(/^#/, ""));
+		}
+		function E(e) {
+			let t = e.replace(/^#/, "");
+			if (t.length !== 6) return !1;
+			let n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16);
+			return (n * 299 + r * 587 + i * 114) / 1e3 > 230;
+		}
+		function k(e, t) {
+			return e ? (typeof e == "string" ? e.replace(/^#/, "").toUpperCase() : F(e, o.theme)) === t.toUpperCase() : !1;
+		}
+		let L = b(!1), R = b(""), z = b(null), B = b(null), V = b(o.defaultColor ?? (o.mode === "highlight" ? "FFFF00" : o.mode === "border" ? { rgb: "000000" } : { rgb: "FF0000" })), H = a(() => N(o.theme?.colorScheme ?? null)), U = a(() => H.value.flatMap((e, t) => e.map((e, n) => ({
+			...e,
+			key: `${t}-${n}`
+		})))), W = a(() => S(o.value)), G = a(() => S(V.value)), K = a(() => o.mode === "text" ? p("formattingBar.fontColor") : o.mode === "highlight" ? p("formattingBar.highlightColor") : p("table.borderColor")), q = a(() => o.icon ?? (o.mode === "text" ? "format_color_text" : o.mode === "highlight" ? "ink_highlighter" : "border_color"));
+		O(() => [
+			o.value,
+			o.mode,
+			o.theme
+		], () => {
+			let e = S(o.value).replace(/^#/, "");
+			/^[0-9A-Fa-f]{6}$/.test(e) && (R.value = e.toUpperCase());
+		}, { immediate: !0 });
+		let J = b({});
+		function ee() {
+			let e = z.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			J.value = {
+				top: `${t.bottom + 4}px`,
+				left: `${t.left}px`
+			};
+		}
+		function te() {
+			o.disabled || (L.value || ee(), L.value = !L.value);
+		}
+		function Y(e, t = !0) {
+			t && (V.value = e), f("change", e), L.value = !1;
+		}
+		function _e() {
+			o.disabled || f("change", V.value);
+		}
+		function ve(e) {
+			if (o.mode === "highlight") {
+				Y(e.hex);
+				return;
+			}
+			let t = {
+				themeColor: e.themeSlot,
+				rgb: e.hex
+			};
+			e.tint && (t.themeTint = e.tint), e.shade && (t.themeShade = e.shade), Y(t);
+		}
+		function Q(e) {
+			Y(o.mode === "highlight" ? e : { rgb: e });
+		}
+		function ye() {
+			Y(o.mode === "highlight" ? "none" : { auto: !0 }, !1);
+		}
+		function be() {
+			let e = R.value.replace(/^#/, "").toUpperCase();
+			C(e) && (Y(o.mode === "highlight" ? e : { rgb: e }), R.value = "");
+		}
+		function xe(e) {
+			e.target.tagName !== "INPUT" && e.preventDefault();
+		}
+		function Se(e) {
+			if (!L.value) return;
+			let t = e.target;
+			z.value?.contains(t) || B.value?.contains(t) || (L.value = !1);
+		}
+		return _(() => document.addEventListener("mousedown", Se)), g(() => document.removeEventListener("mousedown", Se)), (e, r) => (v(), c("div", {
+			ref_key: "containerRef",
+			ref: z,
+			class: m(["docx-color-picker", n.className]),
+			style: h(n.style)
+		}, [n.splitButton ? (v(), c("div", {
+			key: 0,
+			class: m(["docx-color-picker__split", { "is-disabled": n.disabled }])
+		}, [l("button", {
+			type: "button",
+			class: "docx-color-picker__apply",
+			disabled: n.disabled,
+			title: n.title ?? K.value,
+			"aria-label": n.title ?? K.value,
+			onMousedown: r[0] ||= M(() => {}, ["prevent"]),
+			onClick: _e
+		}, [d(t, {
+			name: q.value,
+			size: 18
+		}, null, 8, ["name"]), l("span", {
+			class: m(["docx-color-picker__bar", { "is-light": G.value === "transparent" || E(G.value) }]),
+			style: h({ background: G.value === "transparent" ? "#fff" : G.value })
+		}, null, 6)], 40, X), l("button", {
+			type: "button",
+			class: m(["docx-color-picker__arrow", { "is-open": L.value }]),
+			disabled: n.disabled,
+			title: n.title ?? K.value,
+			"aria-label": n.title ?? K.value,
+			"aria-haspopup": "true",
+			"aria-expanded": L.value,
+			onMousedown: r[1] ||= M(() => {}, ["prevent"]),
+			onClick: te
+		}, [d(t, {
+			name: "arrow_drop_down",
+			size: 18
+		})], 42, ne)], 2)) : (v(), c("button", {
+			key: 1,
+			type: "button",
+			class: m(["docx-color-picker__button", { "is-open": L.value }]),
+			disabled: n.disabled,
+			title: n.title ?? K.value,
+			"aria-label": n.title ?? K.value,
+			"aria-haspopup": "true",
+			"aria-expanded": L.value,
+			onMousedown: r[2] ||= M(() => {}, ["prevent"]),
+			onClick: te
+		}, [l("span", re, [d(t, {
+			name: q.value,
+			size: 18
+		}, null, 8, ["name"]), l("span", {
+			class: m(["docx-color-picker__bar", { "is-light": W.value === "transparent" || E(W.value) }]),
+			style: h({ background: W.value === "transparent" ? "#fff" : W.value })
+		}, null, 6)]), d(t, {
+			name: "arrow_drop_down",
+			size: 14
+		})], 42, Z)), L.value && !n.disabled ? (v(), c("div", {
+			key: 2,
+			ref_key: "panelRef",
+			ref: B,
+			class: "docx-color-picker__panel",
+			style: h(J.value),
+			role: "dialog",
+			"aria-label": T(p)("colorPicker.ariaLabel", { type: K.value }),
+			onMousedown: xe
+		}, [
+			l("button", {
+				type: "button",
+				class: "docx-color-picker__auto",
+				onMousedown: r[3] ||= M(() => {}, ["prevent"]),
+				onClick: ye
+			}, [n.mode === "highlight" ? (v(), c("span", ae, [...r[10] ||= [l("span", { class: "docx-color-picker__auto-slash" }, null, -1)]])) : (v(), c("span", oe)), u(" " + w(n.autoLabel ?? (n.mode === "highlight" ? T(p)("colorPicker.noColor") : T(p)("colorPicker.automatic"))), 1)], 32),
+			r[12] ||= l("div", { class: "docx-color-picker__divider" }, null, -1),
+			l("div", se, w(T(p)("colorPicker.themeColors")), 1),
+			l("div", ce, [(v(!0), c(i, null, x(U.value, (e) => (v(), c("button", {
+				key: e.key,
+				type: "button",
+				class: m(["docx-color-picker__cell", { "is-selected": k(n.value, e.hex) }]),
+				style: h({ background: "#" + e.hex }),
+				title: e.label,
+				"aria-label": e.label,
+				"aria-selected": k(n.value, e.hex),
+				onMousedown: r[4] ||= M(() => {}, ["prevent"]),
+				onClick: (t) => ve(e)
+			}, null, 46, le))), 128))]),
+			r[13] ||= l("div", { class: "docx-color-picker__divider" }, null, -1),
+			l("div", ue, w(T(p)("colorPicker.standardColors")), 1),
+			l("div", de, [(v(), c(i, null, x(y, (e) => l("button", {
+				key: e.hex,
+				type: "button",
+				class: m(["docx-color-picker__cell", { "is-selected": k(n.value, e.hex) }]),
+				style: h({ background: "#" + e.hex }),
+				title: T(p)(e.nameKey),
+				"aria-label": T(p)(e.nameKey),
+				"aria-selected": k(n.value, e.hex),
+				onMousedown: r[5] ||= M(() => {}, ["prevent"]),
+				onClick: (t) => Q(e.hex)
+			}, null, 46, fe)), 64))]),
+			r[14] ||= l("div", { class: "docx-color-picker__divider" }, null, -1),
+			l("div", pe, w(T(p)("colorPicker.customColor")), 1),
+			l("div", me, [
+				r[11] ||= l("span", { class: "docx-color-picker__hash" }, "#", -1),
+				A(l("input", {
+					"onUpdate:modelValue": r[6] ||= (e) => R.value = e,
+					type: "text",
+					class: "docx-color-picker__hex",
+					placeholder: "FF0000",
+					maxlength: "6",
+					"aria-label": "Custom hex color",
+					onInput: r[7] ||= (e) => R.value = R.value.replace(/[^0-9A-Fa-f]/g, "").slice(0, 6),
+					onKeydown: j(M(be, ["prevent"]), ["enter"]),
+					onMousedown: r[8] ||= M(() => {}, ["stop"])
+				}, null, 40, he), [[D, R.value]]),
+				l("button", {
+					type: "button",
+					class: "docx-color-picker__apply-btn",
+					disabled: !C(R.value),
+					onMousedown: r[9] ||= M(() => {}, ["prevent"]),
+					onClick: be
+				}, w(T(p)("common.apply")), 41, ge)
+			])
+		], 44, ie)) : s("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-2cbf59ab"]]), ve = 4, Q = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "Popover",
+	props: {
+		open: { type: Boolean },
+		placement: { default: "bottom-left" },
+		panelClass: {},
+		panelStyle: {},
+		closeOnScroll: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["close", "update:open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = b(null), a = b(null), o = b({ position: "fixed" });
+		function l() {
+			let e = i.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), r = { position: "fixed" };
+			n.placement.startsWith("top") ? (r.bottom = `${Math.round(window.innerHeight - t.top + ve)}px`, r.top = "auto") : (r.top = `${Math.round(t.bottom + ve)}px`, r.bottom = "auto"), n.placement.endsWith("right") ? (r.right = `${Math.round(window.innerWidth - t.right)}px`, r.left = "auto") : (r.left = `${Math.round(t.left)}px`, r.right = "auto"), o.value = r;
+		}
+		function u() {
+			r("update:open", !n.open), n.open && r("close");
+		}
+		function d() {
+			r("update:open", !1), r("close");
+		}
+		function f(e) {
+			if (!n.open) return;
+			let t = e.target;
+			i.value?.contains(t) || a.value?.contains(t) || d();
+		}
+		function p(e) {
+			e.key === "Escape" && n.open && d();
+		}
+		function y(e) {
+			!n.closeOnScroll || !n.open || a.value?.contains(e.target) || d();
+		}
+		function x() {
+			n.open && l();
+		}
+		function C() {
+			document.addEventListener("mousedown", f), document.addEventListener("keydown", p), window.addEventListener("scroll", y, !0), window.addEventListener("resize", x);
+		}
+		function w() {
+			document.removeEventListener("mousedown", f), document.removeEventListener("keydown", p), window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", x);
+		}
+		return O(() => n.open, (e) => {
+			e ? (l(), C()) : w();
+		}), O(() => n.placement, () => n.open && l()), _(() => {
+			n.open && (l(), C());
+		}), g(w), (t, n) => (v(), c("span", {
+			ref_key: "rootRef",
+			ref: i,
+			class: "docx-popover"
+		}, [S(t.$slots, "trigger", {
+			toggle: u,
+			open: e.open
+		}, void 0, !0), e.open ? (v(), c("div", {
+			key: 0,
+			ref_key: "panelRef",
+			ref: a,
+			class: m(["docx-popover__panel", e.panelClass]),
+			style: h([o.value, e.panelStyle ?? {}]),
+			onMousedown: n[0] ||= M(() => {}, ["stop"])
+		}, [S(t.$slots, "panel", {}, void 0, !0)], 38)) : s("", !0)], 512));
+	}
+}), [["__scopeId", "data-v-20a24bb6"]]), ye = ["title", "onClick"], be = {
+	key: 0,
+	class: "editing-mode__label"
+}, xe = { class: "editing-mode__panel" }, Se = ["onClick"], Ce = { class: "editing-mode__option-text" }, we = { class: "editing-mode__option-label" }, Te = { class: "editing-mode__option-desc" }, Ee = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "EditingModeDropdown",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, u = n, f = [
+			{
+				value: "editing",
+				label: "Editing",
+				icon: "edit_note",
+				desc: "Edit document directly"
+			},
+			{
+				value: "suggesting",
+				label: "Suggesting",
+				icon: "rate_review",
+				desc: "Edits become suggestions"
+			},
+			{
+				value: "viewing",
+				label: "Viewing",
+				icon: "visibility",
+				desc: "Read or print final document"
+			}
+		], p = b(!1), h = b(!1), y = a(() => f.find((e) => e.value === r.modelValue) ?? f[0]);
+		function S(e) {
+			u("update:modelValue", e), p.value = !1;
+		}
+		let C = null;
+		function T(e) {
+			h.value = e.matches;
+		}
+		return _(() => {
+			C = window.matchMedia("(max-width: 1400px)"), h.value = C.matches, C.addEventListener("change", T);
+		}), g(() => C?.removeEventListener("change", T)), (n, r) => (v(), o(Q, {
+			open: p.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[0] ||= (e) => p.value = e,
+			onClose: r[1] ||= (e) => p.value = !1
+		}, {
+			trigger: k(({ toggle: e }) => [l("button", {
+				type: "button",
+				class: m(["editing-mode__trigger", {
+					"editing-mode__trigger--open": p.value,
+					"editing-mode__trigger--compact": h.value
+				}]),
+				title: `${y.value.label} (Ctrl+Shift+E)`,
+				onClick: M(e, ["prevent"])
+			}, [
+				d(t, {
+					name: y.value.icon,
+					size: 18
+				}, null, 8, ["name"]),
+				h.value ? s("", !0) : (v(), c("span", be, w(y.value.label), 1)),
+				d(t, {
+					name: "arrow_drop_down",
+					size: 16
+				})
+			], 10, ye)]),
+			panel: k(() => [l("div", xe, [(v(), c(i, null, x(f, (n) => l("button", {
+				key: n.value,
+				type: "button",
+				class: "editing-mode__option",
+				onClick: M((e) => S(n.value), ["prevent"])
+			}, [
+				d(t, {
+					name: n.icon,
+					size: 20
+				}, null, 8, ["name"]),
+				l("span", Ce, [l("span", we, w(n.label), 1), l("span", Te, w(n.desc), 1)]),
+				n.value === e.modelValue ? (v(), o(t, {
+					key: 0,
+					name: "check",
+					size: 18,
+					class: "editing-mode__check"
+				})) : s("", !0)
+			], 8, Se)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-5d5c5f86"]]), De = [
+	"disabled",
+	"aria-label",
+	"title",
+	"aria-expanded",
+	"onClick"
+], Oe = { class: "docx-icon-grid__panel" }, ke = ["title", "onClick"], Ae = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "IconGridDropdown",
+	props: {
+		options: {},
+		activeValue: {},
+		triggerIcon: {},
+		tooltipContent: {},
+		disabled: { type: Boolean },
+		ariaLabel: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = n, a = b(!1);
+		function s(e) {
+			r("select", e), a.value = !1;
+		}
+		return (n, r) => (v(), o(Q, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: k(({ toggle: n }) => [l("button", {
+				type: "button",
+				class: m(["docx-icon-grid__btn", { "docx-icon-grid__btn--open": a.value }]),
+				disabled: e.disabled,
+				"aria-label": e.ariaLabel ?? e.tooltipContent,
+				title: e.tooltipContent,
+				"aria-expanded": a.value,
+				"aria-haspopup": "true",
+				onClick: M(n, ["prevent"])
+			}, [d(t, {
+				name: e.triggerIcon,
+				size: 20
+			}, null, 8, ["name"]), d(t, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, De)]),
+			panel: k(() => [l("div", Oe, [(v(!0), c(i, null, x(e.options, (n) => (v(), c("button", {
+				key: n.value,
+				type: "button",
+				class: m(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === n.value }]),
+				title: n.label,
+				onClick: M((e) => s(n.value), ["prevent"])
+			}, [d(t, {
+				name: n.iconName,
+				size: 18
+			}, null, 8, ["name"])], 10, ke))), 128))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-435b9662"]]), je = /* @__PURE__ */ f({
+	__name: "ImageWrapDropdown",
+	props: {
+		imageContext: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(e) {
+		let t = e, n = [
+			{
+				value: "inline",
+				label: "In line",
+				iconName: "format_image_left"
+			},
+			{
+				value: "wrapRight",
+				label: "Float left",
+				iconName: "format_image_right"
+			},
+			{
+				value: "wrapLeft",
+				label: "Float right",
+				iconName: "format_image_left"
+			},
+			{
+				value: "topAndBottom",
+				label: "Top & bottom",
+				iconName: "horizontal_rule"
+			},
+			{
+				value: "behind",
+				label: "Behind text",
+				iconName: "flip_to_back"
+			},
+			{
+				value: "inFront",
+				label: "In front of text",
+				iconName: "flip_to_front"
+			}
+		], r = a(() => {
+			let e = t.imageContext;
+			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
+		}), i = a(() => n.find((e) => e.value === r.value) ?? n[0]);
+		return (t, a) => (v(), o(Ae, {
+			options: n,
+			"active-value": r.value,
+			"trigger-icon": i.value.iconName,
+			"tooltip-content": `Wrap: ${i.value.label}`,
+			disabled: e.disabled,
+			onSelect: a[0] ||= (e) => t.$emit("change", e)
+		}, null, 8, [
+			"active-value",
+			"trigger-icon",
+			"tooltip-content",
+			"disabled"
+		]));
+	}
+}), Me = /* @__PURE__ */ f({
+	__name: "ImageTransformDropdown",
+	props: { disabled: { type: Boolean } },
+	emits: ["transform"],
+	setup(e) {
+		let t = [
+			{
+				value: "rotateCW",
+				label: "Rotate clockwise",
+				iconName: "rotate_right"
+			},
+			{
+				value: "rotateCCW",
+				label: "Rotate counter-clockwise",
+				iconName: "rotate_left"
+			},
+			{
+				value: "flipH",
+				label: "Flip horizontal",
+				iconName: "swap_horiz"
+			},
+			{
+				value: "flipV",
+				label: "Flip vertical",
+				iconName: "swap_vert"
+			}
+		];
+		return (n, r) => (v(), o(Ae, {
+			options: t,
+			"trigger-icon": "rotate_right",
+			"tooltip-content": "Rotate / flip",
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => n.$emit("transform", e)
+		}, null, 8, ["disabled"]));
+	}
+}), Ne = [
+	{
+		name: "Arial",
+		fontFamily: "Arial",
+		category: "sans-serif"
+	},
+	{
+		name: "Calibri",
+		fontFamily: "Calibri",
+		category: "sans-serif"
+	},
+	{
+		name: "Helvetica",
+		fontFamily: "Helvetica",
+		category: "sans-serif"
+	},
+	{
+		name: "Verdana",
+		fontFamily: "Verdana",
+		category: "sans-serif"
+	},
+	{
+		name: "Open Sans",
+		fontFamily: "Open Sans",
+		category: "sans-serif"
+	},
+	{
+		name: "Roboto",
+		fontFamily: "Roboto",
+		category: "sans-serif"
+	},
+	{
+		name: "Times New Roman",
+		fontFamily: "Times New Roman",
+		category: "serif"
+	},
+	{
+		name: "Georgia",
+		fontFamily: "Georgia",
+		category: "serif"
+	},
+	{
+		name: "Cambria",
+		fontFamily: "Cambria",
+		category: "serif"
+	},
+	{
+		name: "Garamond",
+		fontFamily: "Garamond",
+		category: "serif"
+	},
+	{
+		name: "Courier New",
+		fontFamily: "Courier New",
+		category: "monospace"
+	},
+	{
+		name: "Consolas",
+		fontFamily: "Consolas",
+		category: "monospace"
+	}
+], Pe = [
+	8,
+	9,
+	10,
+	11,
+	12,
+	14,
+	16,
+	18,
+	20,
+	24,
+	28,
+	36,
+	48,
+	72
+], Fe = [
+	{
+		id: "Normal",
+		label: "Normal",
+		previewStyle: { fontSize: "13px" }
+	},
+	{
+		id: "Title",
+		label: "Title",
+		previewStyle: {
+			fontSize: "20px",
+			fontWeight: "bold"
+		}
+	},
+	{
+		id: "Subtitle",
+		label: "Subtitle",
+		previewStyle: {
+			fontSize: "15px",
+			color: "#6b7280"
+		}
+	},
+	{
+		id: "Heading1",
+		label: "Heading 1",
+		previewStyle: {
+			fontSize: "18px",
+			fontWeight: "bold",
+			color: "#4a6c8c"
+		}
+	},
+	{
+		id: "Heading2",
+		label: "Heading 2",
+		previewStyle: {
+			fontSize: "16px",
+			fontWeight: "bold",
+			color: "#4a6c8c"
+		}
+	},
+	{
+		id: "Heading3",
+		label: "Heading 3",
+		previewStyle: {
+			fontSize: "14px",
+			fontWeight: "bold",
+			color: "#4a6c8c"
+		}
+	}
+], Ie = [
+	{
+		label: "Single",
+		value: 240
+	},
+	{
+		label: "1.15",
+		value: 276
+	},
+	{
+		label: "1.5",
+		value: 360
+	},
+	{
+		label: "Double",
+		value: 480
+	}
+], Le = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+];
+//#endregion
+//#region src/composables/useToolbarDropdowns.ts
+function Re(e) {
+	let t = b(null), n = b({
+		top: 0,
+		left: 0
+	});
+	function r(t) {
+		switch (t) {
+			case "zoom": return e.zoom.value;
+			case "style": return e.style.value;
+			case "font": return e.font.value;
+			case "size": return e.size.value;
+			case "align": return e.align.value;
+			case "spacing": return e.spacing.value;
+			default: return null;
+		}
+	}
+	function i(e) {
+		let t = r(e);
+		if (!t) return;
+		let i = t.getBoundingClientRect();
+		n.value = {
+			top: i.bottom,
+			left: i.left
+		};
+	}
+	let o = a(() => ({
+		top: n.value.top + "px",
+		left: n.value.left + "px"
+	}));
+	function s(e) {
+		t.value !== e && i(e), t.value = t.value === e ? null : e;
+	}
+	function c(n) {
+		let r = [
+			e.zoom,
+			e.style,
+			e.font,
+			e.size,
+			e.align,
+			e.spacing
+		], i = n.target;
+		r.some((e) => e.value?.contains(i)) || (t.value = null);
+	}
+	return _(() => document.addEventListener("mousedown", c)), g(() => document.removeEventListener("mousedown", c)), {
+		openDropdown: t,
+		dropdownMenuStyle: o,
+		toggleDropdown: s
+	};
+}
+//#endregion
+//#region src/components/Toolbar.vue?vue&type=script&setup=true&lang.ts
+var ze = {
+	key: 0,
+	class: "basic-toolbar"
+}, Be = ["disabled"], Ve = ["disabled"], He = ["disabled"], Ue = ["disabled"], We = ["onMousedown"], Ge = ["onMousedown"], Ke = {
+	key: 0,
+	class: "toolbar-dropdown__group-label"
+}, qe = ["onMousedown"], Je = ["onMousedown"], Ye = ["disabled"], Xe = ["onMousedown"], Ze = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "Toolbar",
+	props: {
+		view: {},
+		getCommands: { type: Function },
+		stateTick: {},
+		zoomPercent: {},
+		isMinZoom: { type: Boolean },
+		isMaxZoom: { type: Boolean },
+		zoomPresets: {},
+		showZoomControl: { type: Boolean },
+		editorMode: {},
+		commentsSidebarOpen: { type: Boolean },
+		imageContext: {},
+		theme: {},
+		fontFamilies: {}
+	},
+	emits: [
+		"find-replace",
+		"insert-table",
+		"insert-image",
+		"insert-link",
+		"insert-symbol",
+		"insert-page-break",
+		"insert-toc",
+		"page-setup",
+		"toggle-outline",
+		"zoom-in",
+		"zoom-out",
+		"zoom-set",
+		"toggle-sidebar",
+		"apply-style",
+		"mode-change",
+		"image-wrap-type",
+		"image-properties",
+		"image-transform"
+	],
+	setup(e, { emit: n }) {
+		let r = e, f = n, p = a(() => r.zoomPercent ?? 100), g = a(() => r.isMinZoom ?? !1), _ = a(() => r.isMaxZoom ?? !1), y = a(() => r.zoomPresets ?? Le), C = a(() => r.showZoomControl ?? !0), E = b(null), D = b(null), O = b(null), k = b(null), A = b(null), j = b(null), { openDropdown: N, dropdownMenuStyle: P, toggleDropdown: F } = Re({
+			zoom: j,
+			style: E,
+			font: D,
+			size: O,
+			align: k,
+			spacing: A
+		}), I = a(() => {
+			r.stateTick;
+			let e = r.view;
+			return e ? z(e.state) : {
+				hasSelection: !1,
+				isMultiParagraph: !1,
+				textFormatting: {},
+				paragraphFormatting: {},
+				startParagraphIndex: 0,
+				endParagraphIndex: 0,
+				inList: !1,
+				activeCommentIds: [],
+				inInsertion: !1,
+				inDeletion: !1
+			};
+		}), H = a(() => {
+			let e = I.value.textFormatting.fontFamily;
+			return e?.ascii || e?.hAnsi || "Arial";
+		}), U = a(() => {
+			let e = I.value.textFormatting.fontSize;
+			return e ? e / 2 : 11;
+		}), W = a(() => I.value.paragraphFormatting.alignment || "left"), G = a(() => {
+			switch (W.value) {
+				case "center": return "format_align_center";
+				case "right": return "format_align_right";
+				case "both": return "format_align_justify";
+				default: return "format_align_left";
+			}
+		}), K = a(() => {
+			let e = I.value.paragraphFormatting.styleId || "Normal";
+			return Fe.find((t) => t.id === e)?.label || e;
+		}), q = a(() => {
+			r.stateTick;
+			let e = r.view;
+			return e ? R(e.state) > 0 : !1;
+		}), J = a(() => {
+			r.stateTick;
+			let e = r.view;
+			return e ? L(e.state) > 0 : !1;
+		}), ee = a(() => {
+			let e = I.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
+			return t || n;
+		}), te = a(() => {
+			let e = I.value.textFormatting.color?.rgb;
+			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
+		}), Y = a(() => {
+			let e = I.value.textFormatting.highlight;
+			if (!(!e || e === "none")) return e.replace(/^#/, "").toUpperCase();
+		}), X = a(() => V(r.fontFamilies) ?? Ne), ne = a(() => [
+			{
+				label: "Sans-serif",
+				fonts: X.value.filter((e) => e.category === "sans-serif")
+			},
+			{
+				label: "Serif",
+				fonts: X.value.filter((e) => e.category === "serif")
+			},
+			{
+				label: "Monospace",
+				fonts: X.value.filter((e) => e.category === "monospace")
+			},
+			{
+				label: "Other",
+				fonts: X.value.filter((e) => !e.category || e.category === "other")
+			}
+		]);
+		function Z(e, ...t) {
+			let n = r.view;
+			if (!n) return;
+			let i = r.getCommands()[e];
+			if (!i) {
+				console.warn("[Toolbar] command not found:", e);
+				return;
+			}
+			i(...t)(n.state, (e) => n.dispatch(e), n), n.hasFocus() || n.focus(), N.value = null;
+		}
+		function re(e) {
+			Z("setFontFamily", e);
+		}
+		function ie(e) {
+			Z("setFontSize", e * 2);
+		}
+		function ae() {
+			let e = U.value;
+			ie(Pe.find((t) => t > e) || e + 2);
+		}
+		function oe() {
+			let e = U.value;
+			ie([...Pe].reverse().find((t) => t < e) || Math.max(1, e - 2));
+		}
+		function se(e) {
+			if (typeof e == "object" && e.auto) {
+				Z("clearTextColor");
+				return;
+			}
+			Z("setTextColor", typeof e == "string" ? { rgb: e } : e);
+		}
+		function ce() {
+			let e = r.view;
+			e && (B(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+		}
+		function le(e) {
+			Z("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
+		}
+		function ue(e) {
+			f("apply-style", e), N.value = null;
+		}
+		function de(e) {
+			Z("setLineSpacing", e);
+		}
+		function fe(e) {
+			let t = I.value.paragraphFormatting.lineSpacing;
+			return t ? Math.abs(t - e) < 10 : e === 240;
+		}
+		return (n, r) => e.view ? (v(), c("div", ze, [
+			l("button", {
+				title: "Undo (Ctrl+Z)",
+				disabled: !q.value,
+				onMousedown: r[0] ||= M((e) => Z("undo"), ["prevent"])
+			}, [d(t, { name: "undo" })], 40, Be),
+			l("button", {
+				title: "Redo (Ctrl+Y)",
+				disabled: !J.value,
+				onMousedown: r[1] ||= M((e) => Z("redo"), ["prevent"])
+			}, [d(t, { name: "redo" })], 40, Ve),
+			r[35] ||= l("span", { class: "divider" }, null, -1),
+			C.value ? (v(), c("div", {
+				key: 0,
+				class: "toolbar-dropdown zoom-group",
+				ref_key: "zoomDropdownRef",
+				ref: j
+			}, [
+				l("button", {
+					class: "size-btn",
+					onMousedown: r[2] ||= M((e) => n.$emit("zoom-out"), ["prevent"]),
+					disabled: g.value,
+					title: "Zoom out"
+				}, " − ", 40, He),
+				l("button", {
+					class: "toolbar-dropdown__trigger zoom-trigger",
+					onMousedown: r[3] ||= M((e) => T(F)("zoom"), ["prevent"]),
+					title: "Zoom level"
+				}, w(p.value) + "% ", 33),
+				l("button", {
+					class: "size-btn",
+					onMousedown: r[4] ||= M((e) => n.$emit("zoom-in"), ["prevent"]),
+					disabled: _.value,
+					title: "Zoom in"
+				}, " + ", 40, Ue),
+				T(N) === "zoom" ? (v(), c("div", {
+					key: 0,
+					style: h(T(P)),
+					class: "toolbar-dropdown__menu zoom-menu"
+				}, [(v(!0), c(i, null, x(y.value, (e) => (v(), c("button", {
+					key: e,
+					class: m(["toolbar-dropdown__item", { active: p.value === Math.round(e * 100) }]),
+					onMousedown: M((t) => n.$emit("zoom-set", e), ["prevent"])
+				}, w(Math.round(e * 100)) + "% ", 43, We))), 128))], 4)) : s("", !0)
+			], 512)) : s("", !0),
+			r[36] ||= l("span", { class: "divider" }, null, -1),
+			l("div", {
+				class: "toolbar-dropdown",
+				ref_key: "styleDropdownRef",
+				ref: E
+			}, [l("button", {
+				class: "toolbar-dropdown__trigger style-trigger",
+				onMousedown: r[5] ||= M((e) => T(F)("style"), ["prevent"]),
+				title: "Paragraph style"
+			}, [u(w(K.value) + " ", 1), d(t, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 32), T(N) === "style" ? (v(), c("div", {
+				key: 0,
+				style: h(T(P)),
+				class: "toolbar-dropdown__menu style-menu"
+			}, [(v(!0), c(i, null, x(T(Fe), (e) => (v(), c("button", {
+				key: e.id,
+				class: m(["toolbar-dropdown__item", { active: (I.value.paragraphFormatting.styleId || "Normal") === e.id }]),
+				style: h(e.previewStyle),
+				onMousedown: M((t) => ue(e.id), ["prevent"])
+			}, w(e.label), 47, Ge))), 128))], 4)) : s("", !0)], 512),
+			r[37] ||= l("span", { class: "divider" }, null, -1),
+			l("div", {
+				class: "toolbar-dropdown",
+				ref_key: "fontDropdownRef",
+				ref: D
+			}, [l("button", {
+				class: "toolbar-dropdown__trigger font-trigger",
+				onMousedown: r[6] ||= M((e) => T(F)("font"), ["prevent"]),
+				title: "Font family"
+			}, [u(w(H.value) + " ", 1), d(t, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 32), T(N) === "font" ? (v(), c("div", {
+				key: 0,
+				style: h(T(P)),
+				class: "toolbar-dropdown__menu font-menu"
+			}, [(v(!0), c(i, null, x(ne.value, (e) => (v(), c(i, { key: e.label }, [e.fonts.length > 0 ? (v(), c("div", Ke, w(e.label), 1)) : s("", !0), (v(!0), c(i, null, x(e.fonts, (e) => (v(), c("button", {
+				key: e.name,
+				class: m(["toolbar-dropdown__item", { active: H.value === e.name }]),
+				style: h({ fontFamily: e.fontFamily }),
+				onMousedown: M((t) => re(e.name), ["prevent"])
+			}, w(e.name), 47, qe))), 128))], 64))), 128))], 4)) : s("", !0)], 512),
+			l("div", {
+				class: "toolbar-dropdown font-size-group",
+				ref_key: "sizeDropdownRef",
+				ref: O
+			}, [
+				l("button", {
+					class: "size-btn",
+					onMousedown: M(oe, ["prevent"]),
+					title: "Decrease font size"
+				}, " − ", 32),
+				l("button", {
+					class: "toolbar-dropdown__trigger size-trigger",
+					onMousedown: r[7] ||= M((e) => T(F)("size"), ["prevent"]),
+					title: "Font size"
+				}, w(U.value), 33),
+				l("button", {
+					class: "size-btn",
+					onMousedown: M(ae, ["prevent"]),
+					title: "Increase font size"
+				}, " + ", 32),
+				T(N) === "size" ? (v(), c("div", {
+					key: 0,
+					style: h(T(P)),
+					class: "toolbar-dropdown__menu size-menu"
+				}, [(v(!0), c(i, null, x(T(Pe), (e) => (v(), c("button", {
+					key: e,
+					class: m(["toolbar-dropdown__item", { active: U.value === e }]),
+					onMousedown: M((t) => ie(e), ["prevent"])
+				}, w(e), 43, Je))), 128))], 4)) : s("", !0)
+			], 512),
+			r[38] ||= l("span", { class: "divider" }, null, -1),
+			l("button", {
+				title: "Bold (Ctrl+B)",
+				class: m({ active: I.value.textFormatting.bold }),
+				onMousedown: r[8] ||= M((e) => Z("toggleBold"), ["prevent"])
+			}, [d(t, { name: "format_bold" })], 34),
+			l("button", {
+				title: "Italic (Ctrl+I)",
+				class: m({ active: I.value.textFormatting.italic }),
+				onMousedown: r[9] ||= M((e) => Z("toggleItalic"), ["prevent"])
+			}, [d(t, { name: "format_italic" })], 34),
+			l("button", {
+				title: "Underline (Ctrl+U)",
+				class: m({ active: !!I.value.textFormatting.underline }),
+				onMousedown: r[10] ||= M((e) => Z("toggleUnderline"), ["prevent"])
+			}, [d(t, { name: "format_underlined" })], 34),
+			l("button", {
+				title: "Strikethrough",
+				class: m({ active: I.value.textFormatting.strike }),
+				onMousedown: r[11] ||= M((e) => Z("toggleStrike"), ["prevent"])
+			}, [d(t, { name: "strikethrough_s" })], 34),
+			d(_e, {
+				mode: "text",
+				value: te.value,
+				theme: e.theme ?? null,
+				onChange: se
+			}, null, 8, ["value", "theme"]),
+			d(_e, {
+				mode: "highlight",
+				value: Y.value,
+				theme: e.theme ?? null,
+				onChange: le
+			}, null, 8, ["value", "theme"]),
+			l("button", {
+				title: "Insert link (Ctrl+K)",
+				onMousedown: r[12] ||= M((e) => n.$emit("insert-link"), ["prevent"])
+			}, [d(t, { name: "link" })], 32),
+			l("button", {
+				title: "Superscript (Ctrl+Shift+=)",
+				class: m({ active: I.value.textFormatting.vertAlign === "superscript" }),
+				onMousedown: r[13] ||= M((e) => Z("toggleSuperscript"), ["prevent"])
+			}, [d(t, { name: "superscript" })], 34),
+			l("button", {
+				title: "Subscript (Ctrl+=)",
+				class: m({ active: I.value.textFormatting.vertAlign === "subscript" }),
+				onMousedown: r[14] ||= M((e) => Z("toggleSubscript"), ["prevent"])
+			}, [d(t, { name: "subscript" })], 34),
+			r[39] ||= l("span", { class: "divider" }, null, -1),
+			l("div", {
+				class: "toolbar-dropdown",
+				ref_key: "alignDropdownRef",
+				ref: k
+			}, [l("button", {
+				class: "toolbar-dropdown__trigger align-trigger",
+				onMousedown: r[15] ||= M((e) => T(F)("align"), ["prevent"]),
+				title: "Alignment"
+			}, [d(t, { name: G.value }, null, 8, ["name"]), d(t, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 32), T(N) === "align" ? (v(), c("div", {
+				key: 0,
+				style: h(T(P)),
+				class: "toolbar-dropdown__menu align-menu"
+			}, [
+				l("button", {
+					class: m(["toolbar-dropdown__item dropdown-item--icon", { active: W.value === "left" }]),
+					onMousedown: r[16] ||= M((e) => {
+						Z("alignLeft"), N.value = null;
+					}, ["prevent"])
+				}, [d(t, {
+					name: "format_align_left",
+					size: 18
+				}), r[30] ||= u(" Left (Ctrl+L) ", -1)], 34),
+				l("button", {
+					class: m(["toolbar-dropdown__item dropdown-item--icon", { active: W.value === "center" }]),
+					onMousedown: r[17] ||= M((e) => {
+						Z("alignCenter"), N.value = null;
+					}, ["prevent"])
+				}, [d(t, {
+					name: "format_align_center",
+					size: 18
+				}), r[31] ||= u(" Center (Ctrl+E) ", -1)], 34),
+				l("button", {
+					class: m(["toolbar-dropdown__item dropdown-item--icon", { active: W.value === "right" }]),
+					onMousedown: r[18] ||= M((e) => {
+						Z("alignRight"), N.value = null;
+					}, ["prevent"])
+				}, [d(t, {
+					name: "format_align_right",
+					size: 18
+				}), r[32] ||= u(" Right (Ctrl+R) ", -1)], 34),
+				l("button", {
+					class: m(["toolbar-dropdown__item dropdown-item--icon", { active: W.value === "both" }]),
+					onMousedown: r[19] ||= M((e) => {
+						Z("alignJustify"), N.value = null;
+					}, ["prevent"])
+				}, [d(t, {
+					name: "format_align_justify",
+					size: 18
+				}), r[33] ||= u(" Justify (Ctrl+J) ", -1)], 34)
+			], 4)) : s("", !0)], 512),
+			l("button", {
+				title: "Bullet List",
+				class: m({ active: I.value.inList && I.value.listType === "bullet" }),
+				onMousedown: r[20] ||= M((e) => Z("toggleBulletList"), ["prevent"])
+			}, [d(t, { name: "format_list_bulleted" })], 34),
+			l("button", {
+				title: "Numbered List",
+				class: m({ active: I.value.inList && I.value.listType === "numbered" }),
+				onMousedown: r[21] ||= M((e) => Z("toggleNumberedList"), ["prevent"])
+			}, [d(t, { name: "format_list_numbered" })], 34),
+			l("button", {
+				title: "Decrease Indent (Shift+Tab)",
+				disabled: !ee.value,
+				onMousedown: r[22] ||= M((e) => Z("outdent"), ["prevent"])
+			}, [d(t, { name: "format_indent_decrease" })], 40, Ye),
+			l("button", {
+				title: "Increase Indent (Tab)",
+				onMousedown: r[23] ||= M((e) => Z("indent"), ["prevent"])
+			}, [d(t, { name: "format_indent_increase" })], 32),
+			l("div", {
+				class: "toolbar-dropdown",
+				ref_key: "spacingDropdownRef",
+				ref: A
+			}, [l("button", {
+				class: "toolbar-dropdown__trigger",
+				onMousedown: r[24] ||= M((e) => T(F)("spacing"), ["prevent"]),
+				title: "Line spacing"
+			}, [d(t, { name: "format_line_spacing" }), d(t, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 32), T(N) === "spacing" ? (v(), c("div", {
+				key: 0,
+				style: h(T(P)),
+				class: "toolbar-dropdown__menu"
+			}, [(v(!0), c(i, null, x(T(Ie), (e) => (v(), c("button", {
+				key: e.value,
+				class: m(["toolbar-dropdown__item", { active: fe(e.value) }]),
+				onMousedown: M((t) => de(e.value), ["prevent"])
+			}, w(e.label), 43, Xe))), 128))], 4)) : s("", !0)], 512),
+			l("button", {
+				title: "Clear formatting",
+				onMousedown: M(ce, ["prevent"])
+			}, [d(t, { name: "format_clear" })], 32),
+			r[40] ||= l("span", { class: "divider" }, null, -1),
+			l("button", {
+				title: "Comments & Changes",
+				class: m({ active: e.commentsSidebarOpen }),
+				onMousedown: r[25] ||= M((e) => n.$emit("toggle-sidebar"), ["prevent"])
+			}, [d(t, { name: "comment" })], 34),
+			e.imageContext ? (v(), c(i, { key: 1 }, [
+				r[34] ||= l("span", { class: "divider" }, null, -1),
+				d(je, {
+					"image-context": e.imageContext,
+					onChange: r[26] ||= (e) => n.$emit("image-wrap-type", e)
+				}, null, 8, ["image-context"]),
+				d(Me, { onTransform: r[27] ||= (e) => n.$emit("image-transform", e) }),
+				l("button", {
+					title: "Image properties",
+					onMousedown: r[28] ||= M((e) => n.$emit("image-properties"), ["prevent"])
+				}, [d(t, { name: "tune" })], 32)
+			], 64)) : s("", !0),
+			S(n.$slots, "table-context", {}, void 0, !0),
+			r[41] ||= l("span", { class: "divider" }, null, -1),
+			e.editorMode ? (v(), o(Ee, {
+				key: 2,
+				"model-value": e.editorMode,
+				"onUpdate:modelValue": r[29] ||= (e) => n.$emit("mode-change", e)
+			}, null, 8, ["model-value"])) : s("", !0),
+			S(n.$slots, "toolbar-extra", {}, void 0, !0)
+		])) : s("", !0);
+	}
+}), [["__scopeId", "data-v-25c08b74"]]), Qe = /* @__PURE__ */ f({
+	__name: "TableCellFillPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let r = n, { t: i } = e();
+		function a(e) {
+			typeof e == "string" && r("change", e === "none" ? "" : e.replace(/^#/, ""));
+		}
+		return (e, n) => (v(), o(_e, {
+			mode: "highlight",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: T(i)("table.cellFillColor"),
+			icon: "format_color_fill",
+			"auto-label": T(i)("colorPicker.noColor"),
+			onChange: a
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title",
+			"auto-label"
+		]));
+	}
+}), $e = ["disabled", "onClick"], et = { class: "docx-tbp__panel" }, tt = ["title", "onClick"], nt = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TableBorderPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: n }) {
+		let r = n, a = b(!1), s = [
+			{
+				value: "all",
+				icon: "border_all",
+				label: "All borders"
+			},
+			{
+				value: "none",
+				icon: "border_clear",
+				label: "No borders"
+			},
+			{
+				value: "box",
+				icon: "border_outer",
+				label: "Outside borders"
+			},
+			{
+				value: "inside",
+				icon: "border_inner",
+				label: "Inside borders"
+			},
+			{
+				value: "top",
+				icon: "border_top",
+				label: "Top border"
+			},
+			{
+				value: "bottom",
+				icon: "border_bottom",
+				label: "Bottom border"
+			},
+			{
+				value: "left",
+				icon: "border_left",
+				label: "Left border"
+			},
+			{
+				value: "right",
+				icon: "border_right",
+				label: "Right border"
+			},
+			{
+				value: "insideH",
+				icon: "border_horizontal",
+				label: "Inside horizontal"
+			},
+			{
+				value: "insideV",
+				icon: "border_vertical",
+				label: "Inside vertical"
+			}
+		];
+		function u(e) {
+			r("change", e), a.value = !1;
+		}
+		return (n, r) => (v(), o(Q, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: k(({ toggle: n }) => [l("button", {
+				type: "button",
+				class: "docx-tbp__btn",
+				disabled: e.disabled,
+				title: "Borders",
+				onClick: M(n, ["prevent"])
+			}, [d(t, {
+				name: "border_all",
+				size: 20
+			})], 8, $e)]),
+			panel: k(() => [l("div", et, [(v(), c(i, null, x(s, (e) => l("button", {
+				key: e.value,
+				type: "button",
+				class: "docx-tbp__option",
+				title: e.label,
+				onClick: M((t) => u(e.value), ["prevent"])
+			}, [d(t, {
+				name: e.icon,
+				size: 20
+			}, null, 8, ["name"])], 8, tt)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-51d7b6e0"]]), rt = /* @__PURE__ */ f({
+	__name: "TableBorderColorPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let r = n, { t: i } = e();
+		function a(e) {
+			typeof e == "string" ? r("change", e.replace(/^#/, "")) : e.rgb ? r("change", e.rgb.replace(/^#/, "")) : e.auto && r("change", "000000");
+		}
+		return (e, n) => (v(), o(_e, {
+			mode: "border",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: T(i)("table.borderColor"),
+			onChange: a
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title"
+		]));
+	}
+}), it = ["disabled", "onClick"], at = { class: "docx-tbwidth__panel" }, ot = ["onClick"], st = { class: "docx-tbwidth__label" }, ct = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TableBorderWidthPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: n }) {
+		let r = n, a = b(!1), s = [
+			{
+				label: "0.5pt",
+				eighths: 4,
+				previewPx: 1
+			},
+			{
+				label: "0.75pt",
+				eighths: 6,
+				previewPx: 1
+			},
+			{
+				label: "1pt",
+				eighths: 8,
+				previewPx: 2
+			},
+			{
+				label: "1.5pt",
+				eighths: 12,
+				previewPx: 2
+			},
+			{
+				label: "2.25pt",
+				eighths: 18,
+				previewPx: 3
+			},
+			{
+				label: "3pt",
+				eighths: 24,
+				previewPx: 4
+			},
+			{
+				label: "4.5pt",
+				eighths: 36,
+				previewPx: 6
+			},
+			{
+				label: "6pt",
+				eighths: 48,
+				previewPx: 8
+			}
+		];
+		function u(e) {
+			r("change", e), a.value = !1;
+		}
+		return (n, r) => (v(), o(Q, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
+		}, {
+			trigger: k(({ toggle: n }) => [l("button", {
+				type: "button",
+				class: "docx-tbwidth__btn",
+				disabled: e.disabled,
+				title: "Border width",
+				onClick: M(n, ["prevent"])
+			}, [d(t, {
+				name: "line_weight",
+				size: 20
+			})], 8, it)]),
+			panel: k(() => [l("div", at, [(v(), c(i, null, x(s, (e) => l("button", {
+				key: e.eighths,
+				type: "button",
+				class: "docx-tbwidth__option",
+				onClick: M((t) => u(e.eighths), ["prevent"])
+			}, [l("span", {
+				class: "docx-tbwidth__preview",
+				style: h({ borderTopWidth: e.previewPx + "px" })
+			}, null, 4), l("span", st, w(e.label), 1)], 8, ot)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-c134095d"]]), lt = [
+	"disabled",
+	"title",
+	"onClick"
+], ut = ["aria-label"], dt = ["disabled"], ft = ["disabled"], pt = ["disabled"], mt = ["disabled"], ht = { class: "docx-tmore__section-label" }, gt = { class: "docx-tmore__icon-row" }, _t = ["title"], vt = ["title"], yt = ["title"], bt = { class: "docx-tmore__section-label" }, xt = { class: "docx-tmore__icon-row" }, St = ["title"], Ct = ["title"], wt = ["title"], Tt = { class: "docx-tmore__grow" }, Et = {
+	key: 0,
+	class: "docx-tmore__sub"
+}, Dt = { class: "docx-tmore__margin-grid" }, Ot = { class: "docx-tmore__field-label" }, kt = ["onUpdate:modelValue"], At = { class: "docx-tmore__grow" }, jt = {
+	key: 1,
+	class: "docx-tmore__sub"
+}, Mt = { class: "docx-tmore__row-field" }, Nt = { class: "docx-tmore__field-label" }, Pt = { value: "auto" }, Ft = { value: "atLeast" }, It = { value: "exact" }, Lt = {
+	key: 0,
+	class: "docx-tmore__row-field"
+}, Rt = { class: "docx-tmore__field-label" }, zt = { class: "docx-tmore__grow" }, Bt = {
+	key: 2,
+	class: "docx-tmore__sub docx-tmore__sub--list"
+}, Vt = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TableMoreDropdown",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		canSplit: {
+			type: Boolean,
+			default: !1
+		},
+		canMerge: {
+			type: Boolean,
+			default: !1
+		},
+		rowCount: { default: 0 },
+		columnCount: { default: 0 },
+		currentJustification: { default: "left" }
+	},
+	emits: [
+		"action",
+		"cell-margins",
+		"cell-text-direction",
+		"row-height"
+	],
+	setup(n, { emit: r }) {
+		let a = n, u = r, { t: f } = e(), p = b(!1), h = b(!1), g = b(!1), _ = b(!1), S = y({
+			top: 0,
+			bottom: 0,
+			left: 108,
+			right: 108
+		}), C = b(0), j = b("atLeast");
+		O(p, (e) => {
+			e || (h.value = !1, g.value = !1, _.value = !1);
+		});
+		function N(e) {
+			return a.disabled ? !0 : e === "splitCell" ? !a.canSplit : e === "mergeCells" ? !a.canMerge : e === "deleteRow" ? (a.rowCount ?? 0) <= 1 : e === "deleteColumn" ? (a.columnCount ?? 0) <= 1 : !1;
+		}
+		function P(e) {
+			N(e) || (u("action", e), p.value = !1);
+		}
+		let F = (e) => {
+			let t = Number(e);
+			return Number.isFinite(t) && t > 0 ? t : 0;
+		};
+		function I() {
+			u("cell-margins", {
+				top: F(S.top),
+				bottom: F(S.bottom),
+				left: F(S.left),
+				right: F(S.right)
+			}), p.value = !1;
+		}
+		function L() {
+			let e = F(C.value);
+			j.value === "auto" || e <= 0 ? u("row-height", { height: null }) : u("row-height", {
+				height: e,
+				rule: j.value
+			}), p.value = !1;
+		}
+		function R(e) {
+			u("cell-text-direction", e), p.value = !1;
+		}
+		return (e, r) => (v(), o(Q, {
+			open: p.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[34] ||= (e) => p.value = e,
+			onClose: r[35] ||= (e) => p.value = !1
+		}, {
+			trigger: k(({ toggle: e }) => [l("button", {
+				type: "button",
+				class: m(["docx-tmore__btn", { "docx-tmore__btn--open": p.value }]),
+				disabled: n.disabled,
+				title: T(f)("tableAdvanced.tableOptions"),
+				onClick: M(e, ["prevent"])
+			}, [d(t, {
+				name: "more_vert",
+				size: 20
+			})], 10, lt)]),
+			panel: k(() => [l("div", {
+				class: "docx-tmore__panel",
+				role: "menu",
+				"aria-label": T(f)("tableAdvanced.tableOptionsMenu")
+			}, [
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[0] ||= M((e) => P("addRowAbove"), ["prevent"])
+				}, [d(t, {
+					name: "add",
+					size: 18
+				}), l("span", null, w(T(f)("table.insertRowAbove")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[1] ||= M((e) => P("addRowBelow"), ["prevent"])
+				}, [d(t, {
+					name: "add",
+					size: 18
+				}), l("span", null, w(T(f)("table.insertRowBelow")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[2] ||= M((e) => P("addColumnLeft"), ["prevent"])
+				}, [d(t, {
+					name: "add",
+					size: 18
+				}), l("span", null, w(T(f)("table.insertColumnLeft")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[3] ||= M((e) => P("addColumnRight"), ["prevent"])
+				}, [d(t, {
+					name: "add",
+					size: 18
+				}), l("span", null, w(T(f)("table.insertColumnRight")), 1)]),
+				r[38] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: N("mergeCells"),
+					onClick: r[4] ||= M((e) => P("mergeCells"), ["prevent"])
+				}, [d(t, {
+					name: "call_merge",
+					size: 18
+				}), l("span", null, w(T(f)("table.mergeCells")), 1)], 8, dt),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: N("splitCell"),
+					onClick: r[5] ||= M((e) => P("splitCell"), ["prevent"])
+				}, [d(t, {
+					name: "call_split",
+					size: 18
+				}), l("span", null, w(T(f)("table.splitCell")), 1)], 8, ft),
+				r[39] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: N("deleteRow"),
+					onClick: r[6] ||= M((e) => P("deleteRow"), ["prevent"])
+				}, [d(t, {
+					name: "delete",
+					size: 18
+				}), l("span", null, w(T(f)("table.deleteRow")), 1)], 8, pt),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: N("deleteColumn"),
+					onClick: r[7] ||= M((e) => P("deleteColumn"), ["prevent"])
+				}, [d(t, {
+					name: "delete",
+					size: 18
+				}), l("span", null, w(T(f)("table.deleteColumn")), 1)], 8, mt),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					onClick: r[8] ||= M((e) => P("deleteTable"), ["prevent"])
+				}, [d(t, {
+					name: "delete",
+					size: 18
+				}), l("span", null, w(T(f)("table.deleteTable")), 1)]),
+				r[40] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("div", ht, w(T(f)("tableAdvanced.verticalAlignment")), 1),
+				l("div", gt, [
+					l("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: T(f)("tableAdvanced.top"),
+						onMousedown: r[9] ||= M(() => {}, ["prevent"]),
+						onClick: r[10] ||= M((e) => P("verticalAlignTop"), ["prevent"])
+					}, [d(t, {
+						name: "vertical_align_top",
+						size: 16
+					})], 40, _t),
+					l("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: T(f)("tableAdvanced.middle"),
+						onMousedown: r[11] ||= M(() => {}, ["prevent"]),
+						onClick: r[12] ||= M((e) => P("verticalAlignMiddle"), ["prevent"])
+					}, [d(t, {
+						name: "vertical_align_center",
+						size: 16
+					})], 40, vt),
+					l("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: T(f)("tableAdvanced.bottom"),
+						onMousedown: r[13] ||= M(() => {}, ["prevent"]),
+						onClick: r[14] ||= M((e) => P("verticalAlignBottom"), ["prevent"])
+					}, [d(t, {
+						name: "vertical_align_bottom",
+						size: 16
+					})], 40, yt)
+				]),
+				r[41] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("div", bt, w(T(f)("tableAdvanced.tableAlignment")), 1),
+				l("div", xt, [
+					l("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": n.currentJustification === "left" }]),
+						title: T(f)("tableAdvanced.alignTableLeft"),
+						onMousedown: r[15] ||= M(() => {}, ["prevent"]),
+						onClick: r[16] ||= M((e) => P("alignTableLeft"), ["prevent"])
+					}, [d(t, {
+						name: "format_align_left",
+						size: 16
+					})], 42, St),
+					l("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": n.currentJustification === "center" }]),
+						title: T(f)("tableAdvanced.alignTableCenter"),
+						onMousedown: r[17] ||= M(() => {}, ["prevent"]),
+						onClick: r[18] ||= M((e) => P("alignTableCenter"), ["prevent"])
+					}, [d(t, {
+						name: "format_align_center",
+						size: 16
+					})], 42, Ct),
+					l("button", {
+						type: "button",
+						class: m(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": n.currentJustification === "right" }]),
+						title: T(f)("tableAdvanced.alignTableRight"),
+						onMousedown: r[19] ||= M(() => {}, ["prevent"]),
+						onClick: r[20] ||= M((e) => P("alignTableRight"), ["prevent"])
+					}, [d(t, {
+						name: "format_align_right",
+						size: 16
+					})], 42, wt)
+				]),
+				r[42] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[21] ||= M((e) => h.value = !h.value, ["prevent"])
+				}, [
+					d(t, {
+						name: "padding",
+						size: 18
+					}),
+					l("span", Tt, w(T(f)("tableAdvanced.cellMargins")), 1),
+					d(t, {
+						name: h.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				h.value ? (v(), c("div", Et, [l("div", Dt, [(v(), c(i, null, x([
+					"top",
+					"bottom",
+					"left",
+					"right"
+				], (e) => l("label", {
+					key: e,
+					class: "docx-tmore__field"
+				}, [
+					l("span", Ot, w(e), 1),
+					A(l("input", {
+						type: "number",
+						min: "0",
+						step: "20",
+						"onUpdate:modelValue": (t) => S[e] = t,
+						class: "docx-tmore__input"
+					}, null, 8, kt), [[
+						D,
+						S[e],
+						void 0,
+						{ number: !0 }
+					]]),
+					r[36] ||= l("span", { class: "docx-tmore__unit" }, "tw", -1)
+				])), 64))]), l("button", {
+					type: "button",
+					class: "docx-tmore__apply",
+					onClick: M(I, ["prevent"])
+				}, w(T(f)("common.apply")), 1)])) : s("", !0),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[22] ||= M((e) => g.value = !g.value, ["prevent"])
+				}, [
+					d(t, {
+						name: "height",
+						size: 18
+					}),
+					l("span", At, w(T(f)("tableAdvanced.rowHeight")), 1),
+					d(t, {
+						name: g.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				g.value ? (v(), c("div", jt, [
+					l("label", Mt, [l("span", Nt, w(T(f)("tableAdvanced.rule")), 1), A(l("select", {
+						"onUpdate:modelValue": r[23] ||= (e) => j.value = e,
+						class: "docx-tmore__select"
+					}, [
+						l("option", Pt, w(T(f)("tableAdvanced.heightRules.auto")), 1),
+						l("option", Ft, w(T(f)("tableAdvanced.heightRules.atLeast")), 1),
+						l("option", It, w(T(f)("tableAdvanced.heightRules.exact")), 1)
+					], 512), [[E, j.value]])]),
+					j.value === "auto" ? s("", !0) : (v(), c("label", Lt, [
+						l("span", Rt, w(T(f)("tableAdvanced.height")), 1),
+						A(l("input", {
+							type: "number",
+							min: "0",
+							step: "20",
+							"onUpdate:modelValue": r[24] ||= (e) => C.value = e,
+							class: "docx-tmore__input"
+						}, null, 512), [[
+							D,
+							C.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						r[37] ||= l("span", { class: "docx-tmore__unit" }, "tw", -1)
+					])),
+					l("button", {
+						type: "button",
+						class: "docx-tmore__apply",
+						onClick: M(L, ["prevent"])
+					}, w(T(f)("common.apply")), 1)
+				])) : s("", !0),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[25] ||= M((e) => _.value = !_.value, ["prevent"])
+				}, [
+					d(t, {
+						name: "text_rotation_none",
+						size: 18
+					}),
+					l("span", zt, w(T(f)("tableAdvanced.textDirection")), 1),
+					d(t, {
+						name: _.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				_.value ? (v(), c("div", Bt, [
+					l("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[26] ||= M((e) => R(null), ["prevent"])
+					}, w(T(f)("tableAdvanced.textDirections.horizontal")), 1),
+					l("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[27] ||= M((e) => R("tbRl"), ["prevent"])
+					}, w(T(f)("tableAdvanced.textDirections.verticalRL")), 1),
+					l("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[28] ||= M((e) => R("btLr"), ["prevent"])
+					}, w(T(f)("tableAdvanced.textDirections.verticalLR")), 1)
+				])) : s("", !0),
+				r[43] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[29] ||= M((e) => P("toggleHeaderRow"), ["prevent"])
+				}, [d(t, {
+					name: "table_rows",
+					size: 18
+				}), l("span", null, w(T(f)("tableAdvanced.toggleHeaderRow")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[30] ||= M((e) => P("distributeColumns"), ["prevent"])
+				}, [d(t, {
+					name: "view_column",
+					size: 18
+				}), l("span", null, w(T(f)("tableAdvanced.distributeColumns")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[31] ||= M((e) => P("autoFit"), ["prevent"])
+				}, [d(t, {
+					name: "fit_width",
+					size: 18
+				}), l("span", null, w(T(f)("tableAdvanced.autoFit")), 1)]),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[32] ||= M((e) => P("toggleNoWrap"), ["prevent"])
+				}, [d(t, {
+					name: "wrap_text",
+					size: 18
+				}), l("span", null, w(T(f)("tableAdvanced.toggleNoWrap")), 1)]),
+				r[44] ||= l("div", { class: "docx-tmore__separator" }, null, -1),
+				l("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[33] ||= M((e) => P("tableProperties"), ["prevent"])
+				}, [d(t, {
+					name: "settings",
+					size: 18
+				}), l("span", null, w(T(f)("tableAdvanced.tableProperties")), 1)])
+			], 8, ut)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-dbab3895"]]), Ht = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TableToolbar",
+	props: {
+		view: {},
+		getCommands: { type: Function },
+		stateTick: {},
+		theme: {}
+	},
+	setup(e) {
+		let t = e, n = a(() => {
+			t.stateTick;
+			let e = t.view;
+			return e ? H(e.state) : null;
+		}), r = a(() => !!n.value?.isInTable), o = a(() => {
+			t.stateTick;
+			let e = t.view;
+			if (!e) return !1;
+			let { $from: n } = e.state.selection;
+			for (let e = n.depth; e > 0; e--) if (n.node(e).type.name === "tableCell") {
+				let t = n.node(e), r = t.attrs.colspan || 1, i = t.attrs.rowspan || 1;
+				return r > 1 || i > 1;
+			}
+			return !1;
+		}), u = a(() => !!n.value?.hasMultiCellSelection), f = a(() => n.value?.rowCount ?? 0), p = a(() => n.value?.columnCount ?? 0), m = a(() => {
+			let e = n.value?.table?.attrs?.justification;
+			return e === "center" || e === "right" ? e : "left";
+		}), h = {
+			style: "single",
+			size: 4,
+			color: { rgb: "000000" }
+		};
+		O([() => t.view, () => t.stateTick], () => {
+			let e = t.view;
+			if (!e) return;
+			let n = H(e.state), r = n.cellBorderColor;
+			!r || !n.isInTable || typeof r == "object" && "rgb" in r && typeof r.rgb == "string" && (h.color = { rgb: r.rgb });
+		}, { immediate: !0 });
+		function g(e, ...n) {
+			let r = t.view;
+			if (!r) return !1;
+			let i = t.getCommands()[e];
+			if (typeof i != "function") return !1;
+			let a = i(...n);
+			return typeof a == "function" ? (a(r.state, (e) => r.dispatch(e), r), r.focus(), !0) : !1;
+		}
+		function _(e) {
+			let t = {
+				...h,
+				color: { ...h.color }
+			};
+			switch (e) {
+				case "all":
+					g("setAllTableBorders", t);
+					return;
+				case "none":
+					g("removeTableBorders");
+					return;
+				case "box":
+					g("setOutsideTableBorders", t);
+					return;
+				case "inside":
+				case "insideH":
+				case "insideV":
+					g("setInsideTableBorders", t);
+					return;
+				case "top":
+				case "bottom":
+				case "left":
+				case "right":
+					g("setCellBorder", e, t, !0);
+					return;
+			}
+		}
+		function y(e) {
+			h.color = { rgb: e.replace(/^#/, "") }, g("setTableBorderColor", e);
+		}
+		function b(e) {
+			h.size = e, g("setTableBorderWidth", e);
+		}
+		function x(e) {
+			g("setCellFillColor", e);
+		}
+		let S = {
+			autoFit: ["autoFitContents"],
+			alignTableLeft: ["setTableProperties", { justification: "left" }],
+			alignTableCenter: ["setTableProperties", { justification: "center" }],
+			alignTableRight: ["setTableProperties", { justification: "right" }],
+			verticalAlignTop: ["setCellVerticalAlign", "top"],
+			verticalAlignMiddle: ["setCellVerticalAlign", "center"],
+			verticalAlignBottom: ["setCellVerticalAlign", "bottom"]
+		};
+		function C(e) {
+			if (e === "tableProperties") return;
+			let t = S[e];
+			t ? g(...t) : g(e);
+		}
+		function w(e) {
+			g("setCellMargins", e);
+		}
+		function T(e) {
+			g("setCellTextDirection", e);
+		}
+		function E(e) {
+			g("setRowHeight", e.height, e.rule);
+		}
+		return (t, n) => r.value ? (v(), c(i, { key: 0 }, [
+			n[0] ||= l("span", { class: "divider" }, null, -1),
+			d(nt, { onChange: _ }),
+			d(rt, {
+				theme: e.theme ?? null,
+				onChange: y
+			}, null, 8, ["theme"]),
+			d(ct, { onChange: b }),
+			d(Qe, {
+				theme: e.theme ?? null,
+				onChange: x
+			}, null, 8, ["theme"]),
+			d(Vt, {
+				"can-split": o.value,
+				"can-merge": u.value,
+				"row-count": f.value,
+				"column-count": p.value,
+				"current-justification": m.value,
+				onAction: C,
+				onCellMargins: w,
+				onCellTextDirection: T,
+				onRowHeight: E
+			}, null, 8, [
+				"can-split",
+				"can-merge",
+				"row-count",
+				"column-count",
+				"current-justification"
+			])
+		], 64)) : s("", !0);
+	}
+}), [["__scopeId", "data-v-56725acf"]]), Ut = /* @__PURE__ */ f({
+	__name: "Avatar",
+	props: {
+		name: { default: "U" },
+		size: { default: 32 }
+	},
+	setup(e) {
+		let t = e, n = a(() => K(t.name || "U")), r = a(() => ({
+			width: t.size + "px",
+			height: t.size + "px",
+			borderRadius: "50%",
+			backgroundColor: W(t.name || "U"),
+			color: "#fff",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			fontSize: t.size === 32 ? "13px" : "11px",
+			fontWeight: 500,
+			flexShrink: 0
+		}));
+		return (e, t) => (v(), c("div", {
+			class: "docx-avatar",
+			style: h(r.value)
+		}, w(n.value), 5));
+	}
+}), Wt = {
+	key: 0,
+	class: "reply-thread"
+}, Gt = {
+	key: 0,
+	class: "reply-thread__more"
+}, Kt = { class: "reply-thread__header" }, qt = { class: "reply-thread__author-block" }, Jt = { class: "reply-thread__author" }, Yt = { class: "reply-thread__date" }, Xt = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "ReplyThread",
+	props: {
+		replies: {},
+		isExpanded: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = a(() => t.isExpanded ? t.replies : t.replies.slice(-1)), r = a(() => t.isExpanded ? 0 : Math.max(0, t.replies.length - 1));
+		return (t, a) => e.replies.length > 0 ? (v(), c("div", Wt, [r.value > 0 ? (v(), c("div", Gt, w(r.value) + " " + w(r.value === 1 ? "reply" : "replies"), 1)) : s("", !0), (v(!0), c(i, null, x(n.value, (t) => (v(), c("div", {
+			key: t.id,
+			class: m(["reply-thread__item", { "reply-thread__item--expanded": e.isExpanded }])
+		}, [l("div", Kt, [d(Ut, {
+			name: t.author,
+			size: 28
+		}, null, 8, ["name"]), l("div", qt, [l("div", Jt, w(t.author || "Unknown"), 1), l("div", Yt, w(T(U)(t.date)), 1)])]), l("div", { class: m(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, w(T(G)(t.content)), 3)], 2))), 128))])) : s("", !0);
+	}
+}), [["__scopeId", "data-v-fc8a461d"]]), Zt = ["onKeydown"], Qt = { class: "reply-input__actions" }, $t = ["disabled"], en = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "ReplyInput",
+	emits: ["submit"],
+	setup(e, { emit: t }) {
+		let n = t, r = b(!1), o = b(""), s = b(null), u = a(() => o.value.trim());
+		function d() {
+			r.value = !0, p(() => s.value?.focus({ preventScroll: !0 }));
+		}
+		function f() {
+			r.value = !1, o.value = "";
+		}
+		function h() {
+			let e = u.value;
+			e && n("submit", e), o.value = "", r.value = !1;
+		}
+		return (e, t) => (v(), c("div", {
+			onClick: t[4] ||= M(() => {}, ["stop"]),
+			onMousedown: t[5] ||= M(() => {}, ["stop"]),
+			class: "reply-input"
+		}, [r.value ? (v(), c(i, { key: 1 }, [A(l("input", {
+			ref_key: "inputRef",
+			ref: s,
+			"onUpdate:modelValue": t[1] ||= (e) => o.value = e,
+			type: "text",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--active",
+			onMousedown: t[2] ||= M(() => {}, ["stop"]),
+			onKeydown: [
+				t[3] ||= M(() => {}, ["stop"]),
+				j(M(h, ["prevent"]), ["enter"]),
+				j(f, ["esc"])
+			]
+		}, null, 40, Zt), [[D, o.value]]), l("div", Qt, [l("button", {
+			class: "reply-input__cancel",
+			onClick: M(f, ["stop"])
+		}, "Cancel"), l("button", {
+			class: m(["reply-input__submit", { "reply-input__submit--active": u.value }]),
+			disabled: !u.value,
+			onClick: M(h, ["stop"])
+		}, "Reply", 10, $t)])], 64)) : (v(), c("input", {
+			key: 0,
+			readonly: "",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--inactive",
+			onMousedown: t[0] ||= M(() => {}, ["stop"]),
+			onClick: M(d, ["stop"])
+		}, null, 32))], 32));
+	}
+}), [["__scopeId", "data-v-aa3d5b08"]]), tn = ["data-comment-id"], nn = {
+	key: 0,
+	class: "comment-card__resolved"
+}, rn = { class: "comment-card__head" }, an = { class: "comment-card__author-block" }, on = { class: "comment-card__author" }, sn = { class: "comment-card__date" }, cn = {
+	key: 0,
+	class: "comment-card__actions"
+}, ln = ["title"], un = { class: "comment-card__body" }, dn = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "CommentCard",
+	props: {
+		comment: {},
+		replies: {},
+		expanded: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"reply",
+		"resolve",
+		"unresolve",
+		"delete"
+	],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = b(!1);
+		function u() {
+			a.value = !1, i("delete", r.comment.id);
+		}
+		return (n, r) => (v(), c("div", {
+			class: m(["comment-card", { "comment-card--expanded": e.expanded }]),
+			"data-comment-id": e.comment.id,
+			onClick: r[5] ||= (e) => n.$emit("click"),
+			onMousedown: r[6] ||= M(() => {}, ["stop"])
+		}, [
+			e.comment.done ? (v(), c("div", nn, [d(t, {
+				name: "check",
+				size: 12
+			}), r[7] ||= l("span", null, "Resolved", -1)])) : s("", !0),
+			l("div", rn, [
+				d(Ut, {
+					name: e.comment.author,
+					size: 32
+				}, null, 8, ["name"]),
+				l("div", an, [l("div", on, w(e.comment.author || "Unknown"), 1), l("div", sn, w(T(U)(e.comment.date)), 1)]),
+				e.expanded ? (v(), c("div", cn, [
+					l("button", {
+						class: "comment-card__icon-btn",
+						title: e.comment.done ? "Reopen" : "Resolve",
+						onClick: r[0] ||= M((t) => e.comment.done ? n.$emit("unresolve", e.comment.id) : n.$emit("resolve", e.comment.id), ["stop"])
+					}, [d(t, {
+						name: e.comment.done ? "undo" : "check",
+						size: 20
+					}, null, 8, ["name"])], 8, ln),
+					l("button", {
+						class: "comment-card__icon-btn",
+						title: "More options",
+						onClick: r[1] ||= M((e) => a.value = !a.value, ["stop"])
+					}, [d(t, {
+						name: "more_vert",
+						size: 20
+					})]),
+					a.value ? (v(), c("div", {
+						key: 0,
+						class: "comment-card__menu",
+						onClick: r[2] ||= M(() => {}, ["stop"]),
+						onMousedown: r[3] ||= M(() => {}, ["stop"])
+					}, [l("button", {
+						class: "comment-card__menu-item",
+						onClick: u
+					}, "Delete")], 32)) : s("", !0)
+				])) : s("", !0)
+			]),
+			l("div", un, w(T(G)(e.comment.content)), 1),
+			d(Xt, {
+				replies: e.replies,
+				"is-expanded": e.expanded
+			}, null, 8, ["replies", "is-expanded"]),
+			e.expanded && !e.comment.done ? (v(), o(en, {
+				key: 1,
+				onSubmit: r[4] ||= (t) => n.$emit("reply", e.comment.id, t)
+			})) : s("", !0)
+		], 42, tn));
+	}
+}), [["__scopeId", "data-v-b9e94a26"]]), fn = ["data-comment-id"], pn = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "ResolvedCommentMarker",
+	props: { comment: {} },
+	emits: ["toggle-expand"],
+	setup(e) {
+		return (n, r) => (v(), c("div", {
+			class: "resolved-comment-marker",
+			"data-comment-id": e.comment.id,
+			"data-comment-resolved": "true",
+			onClick: r[0] ||= (e) => n.$emit("toggle-expand"),
+			onMousedown: r[1] ||= M(() => {}, ["stop"])
+		}, [d(t, {
+			name: "chat_bubble_check",
+			size: 20
+		})], 40, fn));
+	}
+}), [["__scopeId", "data-v-c3b210c1"]]), mn = { class: "tc-card__head" }, hn = { class: "tc-card__author-block" }, gn = { class: "tc-card__author" }, _n = {
+	key: 0,
+	class: "tc-card__date"
+}, vn = {
+	key: 0,
+	class: "tc-card__actions"
+}, yn = ["title"], bn = ["title"], xn = { class: "tc-card__body" }, Sn = { class: "tc-card__deleted" }, Cn = { class: "tc-card__inserted" }, wn = { class: "tc-card__inserted" }, Tn = { class: "tc-card__deleted" }, En = { class: "tc-card__changed" }, Dn = {
+	key: 4,
+	class: "tc-card__inserted"
+}, On = {
+	key: 5,
+	class: "tc-card__deleted"
+}, kn = {
+	key: 6,
+	class: "tc-card__inserted"
+}, An = {
+	key: 7,
+	class: "tc-card__deleted"
+}, jn = {
+	key: 8,
+	class: "tc-card__changed"
+}, Mn = {
+	key: 9,
+	class: "tc-card__changed"
+}, Nn = {
+	key: 10,
+	class: "tc-card__changed"
+}, Pn = {
+	key: 11,
+	class: "tc-card__changed"
+}, Fn = {
+	key: 12,
+	class: "tc-card__inserted"
+}, In = {
+	key: 13,
+	class: "tc-card__deleted"
+}, Ln = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TrackedChangeCard",
+	props: {
+		change: {},
+		expanded: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"accept-by-id",
+		"reject-by-id",
+		"reply"
+	],
+	setup(n, { emit: r }) {
+		let { t: f } = e(), p = n, h = r, g = a(() => p.change.author || f("trackedChanges.unknown"));
+		function _() {
+			let e = new Set([p.change.revisionId]);
+			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
+			for (let t of p.change.coalescedRevisionIds ?? []) e.add(t);
+			return [...e];
+		}
+		function y() {
+			for (let e of _()) h("accept-by-id", e);
+		}
+		function b() {
+			for (let e of _()) h("reject-by-id", e);
+		}
+		return (e, r) => (v(), c("div", {
+			class: m(["tc-card", { "tc-card--expanded": n.expanded }]),
+			onClick: r[1] ||= (t) => e.$emit("click"),
+			onMousedown: r[2] ||= M(() => {}, ["stop"])
+		}, [
+			l("div", mn, [
+				d(Ut, {
+					name: g.value,
+					size: 32
+				}, null, 8, ["name"]),
+				l("div", hn, [l("div", gn, w(g.value), 1), n.change.date ? (v(), c("div", _n, w(T(U)(n.change.date)), 1)) : s("", !0)]),
+				n.expanded ? (v(), c("div", vn, [l("button", {
+					class: "tc-card__icon-btn",
+					title: T(f)("common.accept"),
+					onClick: M(y, ["stop"])
+				}, [d(t, {
+					name: "check",
+					size: 20
+				})], 8, yn), l("button", {
+					class: "tc-card__icon-btn",
+					title: T(f)("common.reject"),
+					onClick: M(b, ["stop"])
+				}, [d(t, {
+					name: "close",
+					size: 20
+				})], 8, bn)])) : s("", !0)
+			]),
+			l("div", xn, [n.change.type === "replacement" ? (v(), c(i, { key: 0 }, [
+				u(w(T(f)("trackedChanges.replaced")) + " ", 1),
+				l("span", Sn, "\"" + w(T(q)(n.change.deletedText || "")) + "\"", 1),
+				u(" " + w(T(f)("trackedChanges.with")) + " ", 1),
+				l("span", Cn, "\"" + w(T(q)(n.change.text)) + "\"", 1)
+			], 64)) : n.change.type === "paragraphMarkInsertion" ? (v(), c(i, { key: 1 }, [u(w(T(f)("revisions.paragraphMarkInserted")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[3] ||= u(": ", -1), l("span", wn, "\"" + w(T(q)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "paragraphMarkDeletion" ? (v(), c(i, { key: 2 }, [u(w(T(f)("revisions.paragraphMarkDeleted")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[4] ||= u(": ", -1), l("span", Tn, "\"" + w(T(q)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "paragraphPropertiesChanged" ? (v(), c(i, { key: 3 }, [u(w(T(f)("revisions.paragraphPropertiesChanged")), 1), n.change.text ? (v(), c(i, { key: 0 }, [r[5] ||= u(": ", -1), l("span", En, "\"" + w(T(q)(n.change.text)) + "\"", 1)], 64)) : s("", !0)], 64)) : n.change.type === "rowInserted" ? (v(), c("span", Dn, w(T(f)("revisions.rowInserted")), 1)) : n.change.type === "rowDeleted" ? (v(), c("span", On, w(T(f)("revisions.rowDeleted")), 1)) : n.change.type === "cellInserted" ? (v(), c("span", kn, w(T(f)("revisions.cellInserted")), 1)) : n.change.type === "cellDeleted" ? (v(), c("span", An, w(T(f)("revisions.cellDeleted")), 1)) : n.change.type === "cellMerged" ? (v(), c("span", jn, w(T(f)("revisions.cellMerged")), 1)) : n.change.type === "rowPropertiesChanged" ? (v(), c("span", Mn, w(T(f)("revisions.rowPropertiesChanged")), 1)) : n.change.type === "cellPropertiesChanged" ? (v(), c("span", Nn, w(T(f)("revisions.cellPropertiesChanged")), 1)) : n.change.type === "tablePropertiesChanged" ? (v(), c("span", Pn, w(T(f)("revisions.tablePropertiesChanged")), 1)) : n.change.type === "tableInserted" ? (v(), c("span", Fn, w(T(f)("revisions.tableInserted")), 1)) : n.change.type === "tableDeleted" ? (v(), c("span", In, w(T(f)("revisions.tableDeleted")), 1)) : (v(), c(i, { key: 14 }, [u(w(n.change.type === "insertion" ? T(f)("trackedChanges.added") : T(f)("trackedChanges.deleted")) + " ", 1), l("span", { class: m(n.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + w(T(q)(n.change.text)) + "\" ", 3)], 64))]),
+			n.expanded ? (v(), o(en, {
+				key: 0,
+				onSubmit: r[0] ||= (t) => e.$emit("reply", n.change.revisionId, t)
+			})) : s("", !0)
+		], 34));
+	}
+}), [["__scopeId", "data-v-317869c0"]]), Rn = ["onKeydown"], zn = { class: "add-comment-card__actions" }, Bn = ["disabled"], Vn = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "AddCommentCard",
+	emits: ["submit", "cancel"],
+	setup(e, { emit: t }) {
+		let n = t, r = b(""), i = b(null), o = a(() => r.value.trim());
+		_(() => {
+			i.value?.focus({ preventScroll: !0 });
+		});
+		function s() {
+			o.value && (n("submit", o.value), r.value = "");
+		}
+		function u() {
+			n("cancel"), r.value = "";
+		}
+		return (e, t) => (v(), c("div", {
+			class: "add-comment-card",
+			onMousedown: t[3] ||= M(() => {}, ["stop"])
+		}, [A(l("textarea", {
+			ref_key: "inputRef",
+			ref: i,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
+			class: "add-comment-card__field",
+			placeholder: "Add a comment",
+			onMousedown: t[1] ||= M(() => {}, ["stop"]),
+			onKeydown: [
+				t[2] ||= M(() => {}, ["stop"]),
+				j(M(s, ["exact", "prevent"]), ["enter"]),
+				j(u, ["esc"])
+			]
+		}, null, 40, Rn), [[D, r.value]]), l("div", zn, [l("button", {
+			class: "add-comment-card__cancel",
+			onClick: u
+		}, "Cancel"), l("button", {
+			class: m(["add-comment-card__submit", { "add-comment-card__submit--active": o.value }]),
+			disabled: !o.value,
+			onClick: s
+		}, "Comment", 10, Bn)])], 32));
+	}
+}), [["__scopeId", "data-v-cc70979b"]]), Hn = J, Un = ["data-card-id"], Wn = 16, Gn = 300, Kn = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "UnifiedSidebar",
+	props: {
+		isOpen: { type: Boolean },
+		comments: {},
+		trackedChanges: {},
+		isAddingComment: { type: Boolean },
+		showResolved: { type: Boolean },
+		pagesContainer: {},
+		pageWidthPx: {},
+		zoom: {},
+		activeItemId: {},
+		addCommentYPosition: {}
+	},
+	emits: [
+		"close",
+		"add-comment",
+		"cancel-add-comment",
+		"comment-reply",
+		"comment-resolve",
+		"comment-unresolve",
+		"comment-delete",
+		"accept-change",
+		"reject-change",
+		"accept-change-by-id",
+		"reject-change-by-id",
+		"tracked-change-reply",
+		"update:activeItemId"
+	],
+	setup(e, { emit: t }) {
+		let n = e, d = t, f = b(null), p = a(() => n.activeItemId === void 0 ? f.value : n.activeItemId);
+		function m(e) {
+			let t = p.value === e ? null : e;
+			f.value = t, d("update:activeItemId", t);
+		}
+		let y = r({
+			comments: a(() => n.comments),
+			trackedChanges: a(() => n.trackedChanges),
+			showResolved: a(() => n.showResolved ?? !1),
+			isAddingComment: a(() => n.isAddingComment ?? !1),
+			addCommentYPosition: a(() => n.addCommentYPosition ?? null)
+		}), S = b(null), E = b(/* @__PURE__ */ new Map()), D = /* @__PURE__ */ new Map(), A = null;
+		function j() {
+			let e = n.pagesContainer, t = y.value;
+			if (!e || t.length === 0) {
+				E.value = /* @__PURE__ */ new Map();
+				return;
+			}
+			let r = e.getBoundingClientRect(), i = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll("[data-comment-id]")) {
+				let e = t.dataset.commentId;
+				e && !i.has(e) && i.set(e, t);
+			}
+			let a = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-insertion[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				e && !a.has(e) && a.set(e, t);
+			}
+			let o = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-deletion[data-revision-id]")) {
+				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 = /* @__PURE__ */ new Map(), c = (t) => t.getBoundingClientRect().top - r.top + e.scrollTop;
+			for (let e of t) {
+				if (!e.anchorKey) continue;
+				let t;
+				if (e.kind === "comment") t = i.get(String(e.comment.id));
+				else if (e.kind === "tracked-change") {
+					let n = e.change;
+					t = n.type === "deletion" ? o.get(String(n.revisionId)) : a.get(String(n.insertionRevisionId ?? n.revisionId));
+				}
+				t && s.set(e.anchorKey, c(t));
+			}
+			let l = /* @__PURE__ */ new Map(), u = S.value;
+			if (u) for (let e of u.querySelectorAll("[data-card-id]")) {
+				let t = e.dataset.cardId;
+				t && l.set(t, e.offsetHeight);
+			}
+			let d = /* @__PURE__ */ new Map();
+			for (let { item: e, y: n } of Hn(t, s, null, 1, l, D)) d.set(e.id, n);
+			E.value = d;
+		}
+		let N = a(() => {
+			let e = 0;
+			for (let t of E.value.values()) e = Math.max(e, t);
+			return e + 200;
+		}), P = a(() => {
+			let e = p.value;
+			if (!e) return "";
+			if (e.startsWith("comment-")) return `.paged-editor__pages [data-comment-id="${e.slice(8)}"] { background-color: rgba(255, 212, 0, 0.35) !important; border-bottom: 2px solid rgba(255, 212, 0, 0.7) !important; }`;
+			if (e.startsWith("tc-")) {
+				let t = e.split("-")[1];
+				return `
+      .paged-editor__pages .docx-insertion[data-revision-id="${y.value.find((t) => t.id === e)?.change?.insertionRevisionId ?? Number(t)}"] { background-color: rgba(52, 168, 83, 0.2) !important; border-bottom: 2px solid #2e7d32 !important; }
+      .paged-editor__pages .docx-deletion[data-revision-id="${t}"] { background-color: rgba(211, 47, 47, 0.2) !important; text-decoration-thickness: 2px !important; }
+    `;
+			}
+			return "";
+		}), F = a(() => {
+			let e = n.pageWidthPx / 2 + Wn - ee, t = E.value.size > 0 || y.value.length === 0;
+			return {
+				position: "absolute",
+				top: "0",
+				left: `calc(50% + ${e}px)`,
+				width: Gn + "px",
+				opacity: +!!t
+			};
+		});
+		function I(e) {
+			let t = E.value.get(e);
+			return t == null ? {
+				position: "static",
+				marginBottom: "8px"
+			} : {
+				position: "absolute",
+				top: t + "px",
+				left: 0,
+				right: 0,
+				transition: "top 0.15s ease"
+			};
+		}
+		let L = !1;
+		function R() {
+			L || (L = !0, requestAnimationFrame(() => {
+				L = !1, j();
+			}));
+		}
+		O(() => [
+			y.value.length,
+			p.value,
+			n.pagesContainer,
+			n.pageWidthPx,
+			n.zoom,
+			n.isAddingComment,
+			n.addCommentYPosition
+		], () => R(), { immediate: !0 });
+		function z(e) {
+			let t = e?.parentElement ?? null;
+			for (; t;) {
+				let e = getComputedStyle(t).overflowY;
+				if (e === "auto" || e === "scroll") return t;
+				t = t.parentElement;
+			}
+			return null;
+		}
+		let B = null;
+		function V() {
+			B && B.removeEventListener("scroll", R), B = z(n.pagesContainer), B && B.addEventListener("scroll", R, { passive: !0 });
+		}
+		return _(() => {
+			R(), n.pagesContainer && (A = new ResizeObserver(() => R()), A.observe(n.pagesContainer), V());
+		}), O(() => n.pagesContainer, (e, t) => {
+			A?.disconnect(), A = null, e && (A = new ResizeObserver(() => R()), A.observe(e), V());
+		}), g(() => {
+			A?.disconnect(), B && B.removeEventListener("scroll", R);
+		}), (t, n) => (v(), c(i, null, [P.value ? (v(), o(C("style"), { key: 0 }, {
+			default: k(() => [u(w(P.value), 1)]),
+			_: 1
+		})) : s("", !0), e.isOpen ? (v(), c("aside", {
+			key: 1,
+			ref_key: "rootRef",
+			ref: S,
+			class: "unified-sidebar",
+			style: h(F.value),
+			onMousedown: n[11] ||= M(() => {}, ["stop"])
+		}, [l("div", {
+			class: "unified-sidebar__inner",
+			style: h({ minHeight: N.value + "px" })
+		}, [(v(!0), c(i, null, x(T(y), (e) => (v(), c("div", {
+			key: e.id,
+			class: "unified-sidebar__card-slot",
+			"data-card-id": e.id,
+			style: h(I(e.id))
+		}, [e.kind === "add-comment" ? (v(), o(Vn, {
+			key: 0,
+			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
+			onCancel: n[1] ||= (e) => t.$emit("cancel-add-comment")
+		})) : e.kind === "comment" && e.comment.done && p.value !== e.id ? (v(), o(pn, {
+			key: 1,
+			comment: e.comment,
+			onToggleExpand: (t) => m(e.id)
+		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (v(), o(dn, {
+			key: 2,
+			comment: e.comment,
+			replies: e.replies,
+			expanded: p.value === e.id,
+			onClick: (t) => m(e.id),
+			onReply: n[2] ||= (e, n) => t.$emit("comment-reply", e, n),
+			onResolve: n[3] ||= (e) => t.$emit("comment-resolve", e),
+			onUnresolve: n[4] ||= (e) => t.$emit("comment-unresolve", e),
+			onDelete: n[5] ||= (e) => t.$emit("comment-delete", e)
+		}, null, 8, [
+			"comment",
+			"replies",
+			"expanded",
+			"onClick"
+		])) : e.kind === "tracked-change" ? (v(), o(Ln, {
+			key: 3,
+			change: e.change,
+			expanded: p.value === e.id,
+			onClick: (t) => m(e.id),
+			onAccept: n[6] ||= (e, n) => t.$emit("accept-change", e, n),
+			onReject: n[7] ||= (e, n) => t.$emit("reject-change", 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"
+		])) : s("", !0)], 12, Un))), 128))], 4)], 36)) : s("", !0)], 64));
+	}
+}), [["__scopeId", "data-v-1d084620"]]), qn = ["title", "onClick"], Jn = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "CommentMarginMarkers",
+	props: {
+		comments: {},
+		pagesContainer: {},
+		zoom: {},
+		pageWidthPx: {},
+		sidebarOpen: { type: Boolean },
+		resolvedCommentIds: {}
+	},
+	emits: ["marker-click"],
+	setup(e) {
+		let n = e, r = a(() => {
+			if (n.sidebarOpen) return [];
+			let e = n.pagesContainer;
+			if (!e) return [];
+			let t = e.getBoundingClientRect(), r = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll("[data-comment-id]")) {
+				let e = t.dataset.commentId;
+				e && !r.has(e) && r.set(e, t);
+			}
+			let i = [];
+			for (let a of n.comments) {
+				if (a.parentId != null) continue;
+				let o = r.get(String(a.id));
+				if (!o) continue;
+				let s = o.getBoundingClientRect();
+				i.push({
+					comment: a,
+					isResolved: n.resolvedCommentIds.has(a.id),
+					y: (s.top - t.top + e.scrollTop) / n.zoom
+				});
+			}
+			return i;
+		}), o = a(() => ({
+			position: "absolute",
+			top: 0,
+			left: `calc(50% + ${n.pageWidthPx / n.zoom / 2 + 6}px)`,
+			zIndex: 30,
+			pointerEvents: "none"
+		}));
+		return (n, a) => r.value.length > 0 ? (v(), c("div", {
+			key: 0,
+			class: "docx-comment-margin-markers",
+			style: h(o.value),
+			onMousedown: a[0] ||= M(() => {}, ["stop"])
+		}, [(v(!0), c(i, null, x(r.value, (r) => (v(), c("button", {
+			key: r.comment.id,
+			class: "docx-comment-margin-markers__btn",
+			title: r.isResolved ? "Resolved comment" : "Comment",
+			style: h({ top: r.y * e.zoom + "px" }),
+			onClick: (e) => n.$emit("marker-click", r.comment.id)
+		}, [d(t, {
+			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
+			size: 18
+		}, null, 8, ["name"])], 12, qn))), 128))], 36)) : s("", !0);
+	}
+}), [["__scopeId", "data-v-a20c82d9"]]), Yn = ["aria-valuemax"], Xn = { class: "docx-horizontal-ruler__ticks" }, Zn = ["title", "onDblclick"], Qn = 12240, $n = 1440, er = 1440, tr = 567, nr = 22, rr = "#4285f4", ir = "#3367d6", ar = "#2a56c6", $ = 5, or = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "HorizontalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		showFirstLineIndent: {
+			type: Boolean,
+			default: !1
+		},
+		firstLineIndent: { default: 0 },
+		hangingIndent: {
+			type: Boolean,
+			default: !1
+		},
+		indentLeft: { default: 0 },
+		indentRight: { default: 0 },
+		unit: { default: "inch" },
+		tabStops: {}
+	},
+	emits: [
+		"left-margin-change",
+		"right-margin-change",
+		"first-line-indent-change",
+		"indent-left-change",
+		"indent-right-change",
+		"tab-stop-remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = Math.round($ * 1.6), u = b(null), d = b(null), f = b(null), p = b(0), m = b("");
+		function _(e) {
+			return Y(e) * n.zoom;
+		}
+		function y(e) {
+			return Math.round(te(e / n.zoom));
+		}
+		let S = a(() => n.sectionProps?.pageWidth ?? Qn), C = a(() => n.sectionProps?.marginLeft ?? $n), T = a(() => n.sectionProps?.marginRight ?? $n), E = a(() => S.value - C.value - T.value), D = a(() => _(S.value)), O = a(() => _(C.value)), k = a(() => _(T.value)), A = a(() => _(n.indentLeft)), j = a(() => _(n.indentRight)), N = a(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), P = a(() => _(N.value)), F = a(() => O.value + A.value), I = a(() => D.value - k.value - j.value), L = a(() => O.value + A.value + P.value), R = a(() => ({
+			position: "relative",
+			width: D.value + "px",
+			height: nr + "px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: d.value ? "ew-resize" : "default"
+		})), z = a(() => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: O.value + "px",
+			height: nr + "px",
+			backgroundColor: "rgba(0, 0, 0, 0.02)",
+			borderRight: "1px solid rgba(0,0,0,0.06)",
+			cursor: n.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), B = a(() => ({
+			position: "absolute",
+			top: 0,
+			right: 0,
+			width: k.value + "px",
+			height: nr + "px",
+			backgroundColor: "rgba(0, 0, 0, 0.02)",
+			borderLeft: "1px solid rgba(0,0,0,0.06)",
+			cursor: n.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), V = a(() => {
+			let e = [];
+			if (n.unit === "inch") {
+				let t = er / 8, n = Math.ceil(S.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > S.value) break;
+					let i = _(n);
+					r % 8 == 0 ? e.push({
+						position: i,
+						height: 10,
+						label: r / 8 > 0 ? String(r / 8) : void 0
+					}) : r % 4 == 0 ? e.push({
+						position: i,
+						height: 6
+					}) : r % 2 == 0 ? e.push({
+						position: i,
+						height: 4
+					}) : e.push({
+						position: i,
+						height: 2
+					});
+				}
+			} else {
+				let t = tr / 10, n = Math.ceil(S.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > S.value) break;
+					let i = _(n);
+					r % 10 == 0 ? e.push({
+						position: i,
+						height: 10,
+						label: r / 10 > 0 ? String(r / 10) : void 0
+					}) : r % 5 == 0 ? e.push({
+						position: i,
+						height: 6
+					}) : e.push({
+						position: i,
+						height: 3
+					});
+				}
+			}
+			return e;
+		}), H = a(() => n.tabStops?.length ? n.tabStops.map((e) => {
+			let t = e.position ?? e.pos ?? 0;
+			return {
+				px: _(t),
+				twips: t,
+				label: U(t)
+			};
+		}) : []);
+		function U(e) {
+			return n.unit === "cm" ? (e / tr).toFixed(1) + " cm" : (e / er).toFixed(2) + "\"";
+		}
+		function W(e) {
+			return d.value === e ? ar : f.value === e ? ir : rr;
+		}
+		function G(e, t, r) {
+			return {
+				position: "absolute",
+				left: t - $ + "px",
+				width: $ * 2 + "px",
+				height: o + 2 + "px",
+				cursor: n.editable ? "ew-resize" : "default",
+				zIndex: r ? 10 : 4,
+				...e === "down" ? { top: 0 } : { bottom: 0 }
+			};
+		}
+		function K(e, t) {
+			return e === "down" ? {
+				position: "absolute",
+				top: "1px",
+				left: 0,
+				width: 0,
+				height: 0,
+				borderLeft: `${$}px solid transparent`,
+				borderRight: `${$}px solid transparent`,
+				borderTop: `${o}px solid ${t}`,
+				transition: "border-top-color 0.1s"
+			} : {
+				position: "absolute",
+				bottom: "1px",
+				left: 0,
+				width: 0,
+				height: 0,
+				borderLeft: `${$}px solid transparent`,
+				borderRight: `${$}px solid transparent`,
+				borderBottom: `${o}px solid ${t}`,
+				transition: "border-bottom-color 0.1s"
+			};
+		}
+		let q = 0;
+		function J(e, t) {
+			n.editable && (d.value = e, t.clientX, e === "leftMargin" ? q = C.value : e === "rightMargin" ? q = T.value : e === "leftIndent" ? q = n.indentLeft : e === "rightIndent" ? q = n.indentRight : e === "firstLineIndent" && (q = n.firstLineIndent), p.value = t.clientX - (u.value?.getBoundingClientRect().left ?? 0), m.value = U(q), document.addEventListener("mousemove", ee), document.addEventListener("mouseup", X));
+		}
+		function ee(e) {
+			if (!d.value || !u.value) return;
+			let t = u.value.getBoundingClientRect();
+			if (!t) return;
+			let n = e.clientX - t.left;
+			p.value = n;
+			let r = y(n), i = ne(d.value, r);
+			m.value = U(i), Z(d.value, i);
+		}
+		function X(e) {
+			d.value = null, document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", X);
+		}
+		function ne(e, t) {
+			if (e === "leftMargin") {
+				let e = S.value - T.value - 720;
+				return Math.round(Math.max(0, Math.min(t, e)));
+			}
+			if (e === "rightMargin") {
+				let e = S.value - t, n = S.value - C.value - 720;
+				return Math.round(Math.max(0, Math.min(e, n)));
+			}
+			if (e === "firstLineIndent") {
+				let e = t - (C.value + n.indentLeft), r = E.value - n.indentLeft - n.indentRight - 720;
+				return Math.round(Math.max(-n.indentLeft, Math.min(e, r)));
+			}
+			if (e === "leftIndent") {
+				let e = t - C.value, r = E.value - n.indentRight - 720;
+				return Math.round(Math.max(0, Math.min(e, r)));
+			}
+			let r = S.value - T.value - t, i = E.value - n.indentLeft - 720;
+			return Math.round(Math.max(0, Math.min(r, i)));
+		}
+		function Z(e, t) {
+			switch (e) {
+				case "leftMargin":
+					r("left-margin-change", t);
+					break;
+				case "rightMargin":
+					r("right-margin-change", t);
+					break;
+				case "firstLineIndent":
+					r("first-line-indent-change", t);
+					break;
+				case "leftIndent":
+					r("indent-left-change", t);
+					break;
+				case "rightIndent":
+					r("indent-right-change", t);
+					break;
+			}
+		}
+		return g(() => {
+			document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", X);
+		}), (t, n) => (v(), c("div", {
+			ref_key: "rulerRef",
+			ref: u,
+			class: "docx-horizontal-ruler",
+			style: h(R.value),
+			role: "slider",
+			"aria-label": "Horizontal ruler",
+			"aria-valuemin": 0,
+			"aria-valuemax": S.value
+		}, [
+			l("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: h(z.value),
+				onMousedown: n[0] ||= M((t) => e.editable ? J("leftMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			l("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: h(B.value),
+				onMousedown: n[1] ||= M((t) => e.editable ? J("rightMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			l("div", Xn, [(v(!0), c(i, null, x(V.value, (e, t) => (v(), c(i, { key: t }, [l("div", {
+				class: "docx-horizontal-ruler__tick-line",
+				style: h({
+					left: e.position + "px",
+					height: e.height + "px"
+				})
+			}, null, 4), e.label ? (v(), c("div", {
+				key: 0,
+				class: "docx-horizontal-ruler__tick-label",
+				style: h({ left: e.position + "px" })
+			}, w(e.label), 5)) : s("", !0)], 64))), 128))]),
+			e.showFirstLineIndent ? (v(), c("div", {
+				key: 0,
+				class: "docx-ruler-indent",
+				style: h(G("down", L.value, d.value === "firstLineIndent")),
+				onMousedown: n[2] ||= M((t) => e.editable ? J("firstLineIndent", t) : null, ["prevent", "stop"]),
+				onMouseenter: n[3] ||= (e) => f.value = "firstLineIndent",
+				onMouseleave: n[4] ||= (e) => f.value = null
+			}, [l("div", { style: h(K("down", W("firstLineIndent"))) }, null, 4)], 36)) : s("", !0),
+			e.editable ? (v(), c("div", {
+				key: 1,
+				class: "docx-ruler-indent",
+				style: h(G("up", F.value, d.value === "leftIndent")),
+				onMousedown: n[5] ||= M((e) => J("leftIndent", e), ["prevent", "stop"]),
+				onMouseenter: n[6] ||= (e) => f.value = "leftIndent",
+				onMouseleave: n[7] ||= (e) => f.value = null
+			}, [l("div", { style: h(K("up", W("leftIndent"))) }, null, 4)], 36)) : s("", !0),
+			e.editable ? (v(), c("div", {
+				key: 2,
+				class: "docx-ruler-indent",
+				style: h(G("down", I.value, d.value === "rightIndent")),
+				onMousedown: n[8] ||= M((e) => J("rightIndent", e), ["prevent", "stop"]),
+				onMouseenter: n[9] ||= (e) => f.value = "rightIndent",
+				onMouseleave: n[10] ||= (e) => f.value = null
+			}, [l("div", { style: h(K("down", W("rightIndent"))) }, null, 4)], 36)) : s("", !0),
+			(v(!0), c(i, null, x(H.value, (e, n) => (v(), c("div", {
+				key: n,
+				class: "docx-horizontal-ruler__tab",
+				style: h({ left: e.px + "px" }),
+				title: `${e.label}`,
+				onDblclick: M((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
+			}, "L", 44, Zn))), 128)),
+			d.value && m.value ? (v(), c("div", {
+				key: 3,
+				class: "docx-horizontal-ruler__tooltip",
+				style: h({ left: p.value + "px" })
+			}, w(m.value), 5)) : s("", !0)
+		], 12, Yn));
+	}
+}), [["__scopeId", "data-v-5644874e"]]), sr = { class: "docx-vertical-ruler__ticks" }, cr = 15840, lr = 1440, ur = 1440, dr = 567, fr = 20, pr = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "VerticalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		unit: { default: "inch" }
+	},
+	emits: ["top-margin-change", "bottom-margin-change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = b(null), u = b(null), d = b(null);
+		function f(e) {
+			return Y(e) * n.zoom;
+		}
+		function p(e) {
+			return Math.round(te(e / n.zoom));
+		}
+		let m = a(() => n.sectionProps?.pageHeight ?? cr), _ = a(() => n.sectionProps?.marginTop ?? lr), y = a(() => n.sectionProps?.marginBottom ?? lr), S = a(() => f(m.value)), C = a(() => f(_.value)), T = a(() => f(y.value)), E = a(() => ({
+			position: "relative",
+			width: fr + "px",
+			height: S.value + "px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: u.value ? "ns-resize" : "default"
+		})), D = a(() => {
+			let e = [];
+			if (n.unit === "inch") {
+				let t = ur / 8, n = Math.ceil(m.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > m.value) break;
+					let i = f(n);
+					r % 8 == 0 ? e.push({
+						position: i,
+						width: 10,
+						label: r / 8 > 0 ? String(r / 8) : void 0
+					}) : r % 4 == 0 ? e.push({
+						position: i,
+						width: 6
+					}) : r % 2 == 0 ? e.push({
+						position: i,
+						width: 4
+					}) : e.push({
+						position: i,
+						width: 2
+					});
+				}
+			} else {
+				let t = dr / 10, n = Math.ceil(m.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > m.value) break;
+					let i = f(n);
+					r % 10 == 0 ? e.push({
+						position: i,
+						width: 10,
+						label: r / 10 > 0 ? String(r / 10) : void 0
+					}) : r % 5 == 0 ? e.push({
+						position: i,
+						width: 6
+					}) : e.push({
+						position: i,
+						width: 3
+					});
+				}
+			}
+			return e;
+		});
+		function O(e) {
+			return {
+				position: "absolute",
+				top: e - 5 + "px",
+				right: 0,
+				width: fr + "px",
+				height: "10px",
+				cursor: n.editable ? "ns-resize" : "default",
+				zIndex: u.value === null ? 1 : 10
+			};
+		}
+		function k(e) {
+			let t = u.value === e;
+			return d.value, {
+				position: "absolute",
+				top: "0px",
+				right: "2px",
+				width: "0",
+				height: "0",
+				borderTop: "5px solid transparent",
+				borderBottom: "5px solid transparent",
+				borderRight: `8px solid ${t ? "var(--doc-primary-hover, #1557b0)" : "var(--doc-primary, #1a73e8)"}`,
+				transition: "border-right-color 0.1s"
+			};
+		}
+		let A = 0, j = 0;
+		function N(e, t) {
+			n.editable && (u.value = e, A = t.clientY, j = e === "topMargin" ? _.value : y.value, document.addEventListener("mousemove", P), document.addEventListener("mouseup", F));
+		}
+		function P(e) {
+			if (!u.value) return;
+			let t = e.clientY - A, n = p(u.value === "topMargin" ? t : -t), i = m.value - (u.value === "topMargin" ? y.value : _.value) - 720, a = Math.round(Math.max(0, Math.min(j + n, i)));
+			u.value === "topMargin" ? r("top-margin-change", a) : r("bottom-margin-change", a);
+		}
+		function F() {
+			u.value = null, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", F);
+		}
+		return g(() => {
+			document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", F);
+		}), (t, n) => (v(), c("div", {
+			ref_key: "rulerRef",
+			ref: o,
+			class: "docx-vertical-ruler",
+			style: h(E.value),
+			role: "slider",
+			"aria-label": "Vertical ruler",
+			"aria-orientation": "vertical"
+		}, [
+			l("div", sr, [(v(!0), c(i, null, x(D.value, (e, t) => (v(), c(i, { key: t }, [l("div", {
+				class: "docx-vertical-ruler__tick-line",
+				style: h({
+					top: e.position + "px",
+					width: e.width + "px"
+				})
+			}, null, 4), e.label ? (v(), c("div", {
+				key: 0,
+				class: "docx-vertical-ruler__tick-label",
+				style: h({ top: e.position + "px" })
+			}, w(e.label), 5)) : s("", !0)], 64))), 128))]),
+			e.editable ? (v(), c("div", {
+				key: 0,
+				class: "docx-vertical-ruler__marker",
+				style: h(O(C.value)),
+				onMousedown: n[0] ||= M((e) => N("topMargin", e), ["prevent"]),
+				onMouseenter: n[1] ||= (e) => d.value = "topMargin",
+				onMouseleave: n[2] ||= (e) => d.value = null
+			}, [l("div", { style: h(k("topMargin")) }, null, 4)], 36)) : s("", !0),
+			e.editable ? (v(), c("div", {
+				key: 1,
+				class: "docx-vertical-ruler__marker",
+				style: h(O(S.value - T.value)),
+				onMousedown: n[3] ||= M((e) => N("bottomMargin", e), ["prevent"]),
+				onMouseenter: n[4] ||= (e) => d.value = "bottomMargin",
+				onMouseleave: n[5] ||= (e) => d.value = null
+			}, [l("div", { style: h(k("bottomMargin")) }, null, 4)], 36)) : s("", !0)
+		], 4));
+	}
+}), [["__scopeId", "data-v-6e1bbe22"]]), mr = { class: "doc-name" }, hr = ["value"], gr = {
+	key: 1,
+	class: "doc-name__text"
+}, _r = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "DocumentName",
+	props: {
+		modelValue: {},
+		editable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = a(() => (n.modelValue || "").replace(/\.docx$/i, ""));
+		function o(e) {
+			let t = e.target.value;
+			r("update:modelValue", t.endsWith(".docx") ? t : t + ".docx");
+		}
+		function s(e) {
+			e.target.value.trim() || r("update:modelValue", "Untitled document.docx");
+		}
+		return (t, n) => (v(), c("div", mr, [e.editable ? (v(), c("input", {
+			key: 0,
+			class: "doc-name__input",
+			value: i.value,
+			onInput: o,
+			onBlur: s,
+			placeholder: "Untitled document"
+		}, null, 40, hr)) : (v(), c("span", gr, w(i.value || "Untitled document"), 1))]));
+	}
+}), [["__scopeId", "data-v-d78ee2fa"]]), vr = ["disabled", "onClick"], yr = {
+	key: 0,
+	class: "docx-menu-dropdown__separator"
+}, br = ["onMouseenter", "onMouseleave"], xr = ["disabled", "onClick"], Sr = { class: "docx-menu-dropdown__label" }, Cr = {
+	key: 1,
+	class: "docx-menu-dropdown__shortcut"
+}, wr = {
+	key: 2,
+	class: "docx-menu-dropdown__chevron"
+}, Tr = {
+	key: 0,
+	class: "docx-menu-dropdown__submenu"
+}, Er = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "MenuDropdown",
+	props: {
+		label: {},
+		items: {},
+		disabled: { type: Boolean },
+		showChevron: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		function n(e) {
+			return "type" in e && e.type === "separator";
+		}
+		let r = b(!1), a = b(null);
+		function f() {
+			r.value = !1, a.value = null;
+		}
+		function p(e) {
+			e.disabled || e.submenu || (e.onClick?.(), f());
+		}
+		return (h, g) => (v(), o(Q, {
+			open: r.value,
+			"onUpdate:open": g[2] ||= (e) => r.value = e,
+			onClose: f
+		}, {
+			trigger: k(({ toggle: n }) => [l("button", {
+				type: "button",
+				class: m(["docx-menu-dropdown__trigger", { "docx-menu-dropdown__trigger--open": r.value }]),
+				disabled: e.disabled,
+				onMousedown: g[0] ||= M(() => {}, ["prevent"]),
+				onClick: M(n, ["prevent"])
+			}, [u(w(e.label) + " ", 1), e.showChevron ? (v(), o(t, {
+				key: 0,
+				name: "arrow_drop_down",
+				size: 16
+			})) : s("", !0)], 42, vr)]),
+			panel: k(() => [l("div", {
+				class: "docx-menu-dropdown__menu",
+				onMousedown: g[1] ||= M(() => {}, ["prevent"])
+			}, [(v(!0), c(i, null, x(e.items, (e, r) => (v(), c(i, { key: r }, [n(e) ? (v(), c("div", yr)) : (v(), c("div", {
+				key: 1,
+				class: "docx-menu-dropdown__wrap",
+				onMouseenter: (t) => e.submenu ? a.value = r : void 0,
+				onMouseleave: (t) => e.submenu ? a.value = null : void 0
+			}, [l("button", {
+				type: "button",
+				class: m(["docx-menu-dropdown__item", { "docx-menu-dropdown__item--disabled": e.disabled }]),
+				disabled: e.disabled,
+				onClick: M((t) => p(e), ["prevent"])
+			}, [
+				e.icon ? (v(), o(t, {
+					key: 0,
+					name: e.icon,
+					size: 18
+				}, null, 8, ["name"])) : s("", !0),
+				l("span", Sr, w(e.label), 1),
+				e.shortcut ? (v(), c("span", Cr, w(e.shortcut), 1)) : s("", !0),
+				e.submenu ? (v(), c("span", wr, [d(t, {
+					name: "keyboard_arrow_right",
+					size: 16
+				})])) : s("", !0)
+			], 10, xr), e.submenu && a.value === r ? (v(), c("div", Tr, [S(h.$slots, "submenu", {
+				item: e,
+				closeMenu: f
+			}, void 0, !0)])) : s("", !0)], 40, br))], 64))), 128))], 32)]),
+			_: 3
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-65cffcb2"]]), Dr = ["aria-selected", "onMouseenter"], Or = { class: "docx-table-grid-inline__label" }, kr = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "TableGridInline",
+	props: {
+		gridRows: { default: 6 },
+		gridColumns: { default: 6 }
+	},
+	emits: ["insert"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = b(0), s = b(0), u = a(() => {
+			let e = [];
+			for (let t = 1; t <= n.gridRows; t++) for (let r = 1; r <= n.gridColumns; r++) e.push({
+				r: t,
+				c: r
+			});
+			return e;
+		});
+		function d() {
+			o.value > 0 && s.value > 0 && r("insert", o.value, s.value);
+		}
+		return (t, n) => (v(), c("div", null, [l("div", {
+			class: "docx-table-grid-inline__grid",
+			style: h({ gridTemplateColumns: `repeat(${e.gridColumns}, 18px)` }),
+			role: "grid",
+			"aria-label": "Table size selector",
+			onMouseleave: n[0] ||= (e) => {
+				o.value = 0, s.value = 0;
+			}
+		}, [(v(!0), c(i, null, x(u.value, (e) => (v(), c("div", {
+			key: `${e.r}-${e.c}`,
+			class: m(["docx-table-grid-inline__cell", { "docx-table-grid-inline__cell--active": e.r <= o.value && e.c <= s.value }]),
+			role: "gridcell",
+			"aria-selected": e.r <= o.value && e.c <= s.value,
+			onMouseenter: (t) => {
+				o.value = e.r, s.value = e.c;
+			},
+			onClick: M(d, ["prevent"])
+		}, null, 42, Dr))), 128))], 36), l("div", Or, w(o.value > 0 && s.value > 0 ? `${s.value} × ${o.value}` : "Select size"), 1)]));
+	}
+}), [["__scopeId", "data-v-ecd8fc63"]]), Ar = {
+	class: "menu-bar",
+	role: "menubar"
+}, jr = /* @__PURE__ */ n(/* @__PURE__ */ f({
+	__name: "MenuBar",
+	emits: ["action", "insert-table"],
+	setup(t, { emit: n }) {
+		let r = n, { t: i } = e();
+		function l(e) {
+			return () => r("action", e);
+		}
+		let u = a(() => [
+			{
+				icon: "file_upload",
+				label: i("toolbar.open"),
+				shortcut: i("toolbar.openShortcut"),
+				onClick: l("open")
+			},
+			{
+				icon: "file_download",
+				label: i("toolbar.save"),
+				shortcut: i("toolbar.saveShortcut"),
+				onClick: l("save")
+			},
+			{ type: "separator" },
+			{
+				icon: "settings",
+				label: i("toolbar.pageSetup"),
+				onClick: l("pageSetup")
+			}
+		]), f = a(() => [{
+			icon: "format_textdirection_l_to_r",
+			label: i("toolbar.leftToRight"),
+			onClick: l("dirLTR")
+		}, {
+			icon: "format_textdirection_r_to_l",
+			label: i("toolbar.rightToLeft"),
+			onClick: l("dirRTL")
+		}]), p = a(() => [
+			{
+				icon: "image",
+				label: i("toolbar.image"),
+				onClick: l("insertImage")
+			},
+			{
+				icon: "grid_on",
+				label: i("toolbar.table"),
+				key: "table",
+				submenu: !0
+			},
+			{ type: "separator" },
+			{
+				icon: "page_break",
+				label: i("toolbar.pageBreak"),
+				onClick: l("insertPageBreak")
+			},
+			{
+				icon: "format_list_numbered",
+				label: i("toolbar.tableOfContents"),
+				onClick: l("insertTOC")
+			},
+			{
+				icon: "branding_watermark",
+				label: i("toolbar.watermark"),
+				onClick: l("watermark")
+			}
+		]), m = a(() => [{
+			label: i("toolbar.reportIssue"),
+			onClick: l("reportIssue")
+		}]);
+		return (e, t) => (v(), c("div", Ar, [
+			d(Er, {
+				label: T(i)("toolbar.file"),
+				items: u.value
+			}, null, 8, ["label", "items"]),
+			d(Er, {
+				label: T(i)("toolbar.format"),
+				items: f.value
+			}, null, 8, ["label", "items"]),
+			d(Er, {
+				label: T(i)("toolbar.insert"),
+				items: p.value
+			}, {
+				submenu: k(({ item: e, closeMenu: t }) => [e.key === "table" ? (v(), o(kr, {
+					key: 0,
+					onInsert: (e, n) => {
+						r("insert-table", e, n), t();
+					}
+				}, null, 8, ["onInsert"])) : s("", !0)]),
+				_: 1
+			}, 8, ["label", "items"]),
+			d(Er, {
+				label: T(i)("toolbar.help"),
+				items: m.value
+			}, null, 8, ["label", "items"])
+		]));
+	}
+}), [["__scopeId", "data-v-6fc03bf3"]]);
+//#endregion
+export { je as C, _e as D, Q as E, Me as S, Ee as T, ct as _, pr as a, Qe as b, Kn as c, pn as d, dn as f, Vt as g, Ht as h, _r as i, Vn as l, Xt as m, kr as n, or as o, en as p, Er as r, Jn as s, jr as t, Ln as u, rt as v, Ae as w, Ze as x, nt as y };