@eigenpal/docx-editor-vue 1.2.1 → 1.3.0

package/dist/MenuBar-DLXxthZk.js

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