@stll/folio-vue 0.2.0 → 0.4.0

package/dist/ListButtons-BaILr4AO.js

@@ -0,0 +1,3612 @@
+import { D as e, F as t, P as n, j as r, y as i } from "./WatermarkDialog-D-uTab0-.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, toRef as D, unref as O, vModelSelect as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
+import { extractSelectionContext as I } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
+import { pixelsToTwips as L, twipsToPixels as R } from "@stll/folio-core/utils/units";
+import { DISPLAY_MODES as z } from "@stll/folio-core/managers/EditorModeManager";
+import { redoDepth as B, undoDepth as V } from "prosemirror-history";
+import { clearFormatting as ee } from "@stll/folio-core/prosemirror/commands/formatting";
+import { getTableContext as H } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
+//#region src/components/CommentMarginMarkers.vue?vue&type=script&setup=true&lang.ts
+var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "CommentMarginMarkers",
+	props: {
+		comments: {},
+		pagesContainer: {},
+		zoom: {},
+		pageWidthPx: {},
+		sidebarOpen: { type: Boolean },
+		resolvedCommentIds: {}
+	},
+	emits: ["marker-click"],
+	setup(e) {
+		let t = e, r = o(() => {
+			if (t.sidebarOpen) return [];
+			let e = t.pagesContainer;
+			if (!e) return [];
+			let n = 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 t.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: t.resolvedCommentIds.has(a.id),
+					y: (s.top - n.top + e.scrollTop) / t.zoom
+				});
+			}
+			return i;
+		}), i = o(() => ({
+			position: "absolute",
+			top: 0,
+			left: `calc(50% + ${t.pageWidthPx / t.zoom / 2 + 6}px)`,
+			zIndex: 30,
+			pointerEvents: "none"
+		}));
+		return (t, o) => r.value.length > 0 ? (b(), l("div", {
+			key: 0,
+			class: "docx-comment-margin-markers",
+			style: _(i.value),
+			onMousedown: o[0] ||= F(() => {}, ["stop"])
+		}, [(b(!0), l(a, null, C(r.value, (r) => (b(), l("button", {
+			key: r.comment.id,
+			class: "docx-comment-margin-markers__btn",
+			title: r.isResolved ? "Resolved comment" : "Comment",
+			style: _({ top: r.y * e.zoom + "px" }),
+			onClick: (e) => t.$emit("marker-click", r.comment.id)
+		}, [f(n, {
+			name: r.isResolved ? "chat_bubble_check" : "chat_bubble_outline",
+			size: 18
+		}, null, 8, ["name"])], 12, U))), 128))], 36)) : c("", !0);
+	}
+}), [["__scopeId", "data-v-fa51d56d"]]), W = { class: "doc-name" }, G = ["value"], K = {
+	key: 1,
+	class: "doc-name__text"
+}, q = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "DocumentName",
+	props: {
+		modelValue: {},
+		editable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o(() => (n.modelValue || "").replace(/\.docx$/i, ""));
+		function a(e) {
+			let t = e.target;
+			if (!(t instanceof HTMLInputElement)) return;
+			let n = t.value;
+			r("update:modelValue", n.endsWith(".docx") ? n : n + ".docx");
+		}
+		function s(e) {
+			let t = e.target;
+			t instanceof HTMLInputElement && (t.value.trim() || r("update:modelValue", "Untitled document.docx"));
+		}
+		return (t, n) => (b(), l("div", W, [e.editable ? (b(), l("input", {
+			key: 0,
+			class: "doc-name__input",
+			value: i.value,
+			placeholder: "Untitled document",
+			onInput: a,
+			onBlur: s
+		}, null, 40, G)) : (b(), l("span", K, E(i.value || "Untitled document"), 1))]));
+	}
+}), [["__scopeId", "data-v-545e2786"]]), J = ["aria-selected", "onMouseenter"], ne = { class: "docx-table-grid-inline__label" }, Y = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "TableGridInline",
+	props: {
+		gridRows: { default: 6 },
+		gridColumns: { default: 6 }
+	},
+	emits: ["insert"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = S(0), s = S(0), c = o(() => {
+			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() {
+			i.value > 0 && s.value > 0 && r("insert", i.value, s.value);
+		}
+		return (t, n) => (b(), l("div", null, [u("div", {
+			class: "docx-table-grid-inline__grid",
+			style: _({ gridTemplateColumns: `repeat(${e.gridColumns}, 18px)` }),
+			role: "grid",
+			"aria-label": "Table size selector",
+			onMouseleave: n[0] ||= (e) => {
+				i.value = 0, s.value = 0;
+			}
+		}, [(b(!0), l(a, null, C(c.value, (e) => (b(), l("div", {
+			key: `${e.r}-${e.c}`,
+			class: g(["docx-table-grid-inline__cell", { "docx-table-grid-inline__cell--active": e.r <= i.value && e.c <= s.value }]),
+			role: "gridcell",
+			"aria-selected": e.r <= i.value && e.c <= s.value,
+			onMouseenter: (t) => {
+				i.value = e.r, s.value = e.c;
+			},
+			onClick: F(d, ["prevent"])
+		}, null, 42, J))), 128))], 36), u("div", ne, E(i.value > 0 && s.value > 0 ? `${s.value} × ${i.value}` : "Select size"), 1)]));
+	}
+}), [["__scopeId", "data-v-62b10375"]]), re = {
+	class: "menu-bar",
+	role: "menubar"
+}, ie = {
+	key: 1,
+	class: "menu-bar__break-submenu"
+}, ae = ["onClick"], oe = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "MenuBar",
+	props: {
+		showFileOpen: {
+			type: Boolean,
+			default: !0
+		},
+		showHelpMenu: {
+			type: Boolean,
+			default: !0
+		},
+		showTableInsert: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["action", "insert-table"],
+	setup(e, { emit: t }) {
+		let { Menu: d } = i(), p = e, m = t, { t: h } = r();
+		function g(e) {
+			return () => m("action", e);
+		}
+		let _ = o(() => {
+			let e = [];
+			return p.showFileOpen && e.push({
+				icon: "file_upload",
+				label: h("toolbar.open"),
+				shortcut: h("toolbar.openShortcut"),
+				onClick: g("open")
+			}), e.push({
+				icon: "file_download",
+				label: h("toolbar.save"),
+				shortcut: h("toolbar.saveShortcut"),
+				onClick: g("save")
+			}, { type: "separator" }, {
+				label: h("toolbar.findReplace"),
+				shortcut: h("toolbar.findReplaceShortcut"),
+				onClick: g("findReplace")
+			}, { type: "separator" }, {
+				icon: "settings",
+				label: h("toolbar.pageSetup"),
+				onClick: g("pageSetup")
+			}), e;
+		}), v = o(() => [{
+			icon: "format_textdirection_l_to_r",
+			label: h("toolbar.leftToRight"),
+			onClick: g("dirLTR")
+		}, {
+			icon: "format_textdirection_r_to_l",
+			label: h("toolbar.rightToLeft"),
+			onClick: g("dirRTL")
+		}]), y = o(() => {
+			let e = [{
+				icon: "image",
+				label: h("toolbar.image"),
+				onClick: g("insertImage")
+			}];
+			return p.showTableInsert && e.push({
+				icon: "grid_on",
+				label: h("toolbar.table"),
+				key: "table",
+				submenu: !0
+			}), e.push({ type: "separator" }, {
+				icon: "page_break",
+				label: h("toolbar.break"),
+				key: "break",
+				submenu: !0
+			}, {
+				icon: "format_list_numbered",
+				label: h("toolbar.tableOfContents"),
+				onClick: g("insertTOC")
+			}, {
+				icon: "branding_watermark",
+				label: h("toolbar.watermark"),
+				onClick: g("watermark")
+			}), e;
+		}), x = o(() => [
+			{
+				icon: "page_break",
+				label: h("toolbar.pageBreak"),
+				action: "insertPageBreak"
+			},
+			{
+				icon: "horizontal_rule",
+				label: h("toolbar.sectionBreakNextPage"),
+				action: "insertSectionBreakNextPage"
+			},
+			{
+				icon: "border_horizontal",
+				label: h("toolbar.sectionBreakContinuous"),
+				action: "insertSectionBreakContinuous"
+			}
+		]), S = o(() => [{
+			label: h("toolbar.reportIssue"),
+			onClick: g("reportIssue")
+		}]);
+		return (t, r) => (b(), l("div", re, [
+			f(O(d), {
+				label: O(h)("toolbar.file"),
+				items: _.value
+			}, null, 8, ["label", "items"]),
+			f(O(d), {
+				label: O(h)("toolbar.format"),
+				items: v.value
+			}, null, 8, ["label", "items"]),
+			f(O(d), {
+				label: O(h)("toolbar.insert"),
+				items: y.value
+			}, {
+				submenu: M(({ item: e, closeMenu: t }) => [e.key === "table" ? (b(), s(Y, {
+					key: 0,
+					onInsert: (e, n) => {
+						m("insert-table", e, n), t();
+					}
+				}, null, 8, ["onInsert"])) : e.key === "break" ? (b(), l("div", ie, [(b(!0), l(a, null, C(x.value, (e) => (b(), l("button", {
+					key: e.action,
+					type: "button",
+					class: "menu-bar__break-item",
+					onClick: F(() => {
+						m("action", e.action), t();
+					}, ["prevent"])
+				}, [f(n, {
+					name: e.icon,
+					size: 18
+				}, null, 8, ["name"]), u("span", null, E(e.label), 1)], 8, ae))), 128))])) : c("", !0)]),
+				_: 1
+			}, 8, ["label", "items"]),
+			e.showHelpMenu ? (b(), s(O(d), {
+				key: 0,
+				label: O(h)("toolbar.help"),
+				items: S.value
+			}, null, 8, ["label", "items"])) : c("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-3a988b58"]]), se = [
+	"disabled",
+	"aria-label",
+	"title",
+	"aria-expanded",
+	"onClick"
+], X = { class: "docx-icon-grid__panel" }, ce = ["title", "onClick"], le = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "IconGridDropdown",
+	props: {
+		options: {},
+		activeValue: {},
+		triggerIcon: {},
+		tooltipContent: {},
+		disabled: { type: Boolean },
+		ariaLabel: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let r = t, { Popover: o } = i(), c = S(!1);
+		function d(e) {
+			r("select", e), c.value = !1;
+		}
+		return (t, r) => (b(), s(O(o), {
+			open: c.value,
+			"onUpdate:open": r[0] ||= (e) => c.value = e,
+			onClose: r[1] ||= (e) => c.value = !1
+		}, {
+			trigger: M(({ toggle: t }) => [u("button", {
+				type: "button",
+				class: g(["docx-icon-grid__btn", { "docx-icon-grid__btn--open": c.value }]),
+				disabled: e.disabled,
+				"aria-label": e.ariaLabel ?? e.tooltipContent,
+				title: e.tooltipContent,
+				"aria-expanded": c.value,
+				"aria-haspopup": "true",
+				onClick: F(t, ["prevent"])
+			}, [f(n, {
+				name: e.triggerIcon,
+				size: 20
+			}, null, 8, ["name"]), f(n, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, se)]),
+			panel: M(() => [u("div", X, [(b(!0), l(a, null, C(e.options, (t) => (b(), l("button", {
+				key: t.value,
+				type: "button",
+				class: g(["docx-icon-grid__option", { "docx-icon-grid__option--active": e.activeValue === t.value }]),
+				title: t.label,
+				onClick: F((e) => d(t.value), ["prevent"])
+			}, [f(n, {
+				name: t.iconName,
+				size: 18
+			}, null, 8, ["name"])], 10, ce))), 128))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-f3fb2fdc"]]), ue = /* @__PURE__ */ p({
+	__name: "ImageWrapDropdown",
+	props: {
+		imageContext: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(e) {
+		let t = e, { t: n } = r(), i = [
+			{
+				value: "inline",
+				labelKey: "imageWrap.inline",
+				iconName: "format_image_left"
+			},
+			{
+				value: "wrapRight",
+				labelKey: "imageWrap.floatLeft",
+				iconName: "format_image_right"
+			},
+			{
+				value: "wrapLeft",
+				labelKey: "imageWrap.floatRight",
+				iconName: "format_image_left"
+			},
+			{
+				value: "topAndBottom",
+				labelKey: "imageWrap.topAndBottom",
+				iconName: "horizontal_rule"
+			},
+			{
+				value: "behind",
+				labelKey: "imageWrap.behindText",
+				iconName: "flip_to_back"
+			},
+			{
+				value: "inFront",
+				labelKey: "imageWrap.inFrontOfText",
+				iconName: "flip_to_front"
+			}
+		], a = o(() => i.map((e) => ({
+			value: e.value,
+			label: n(e.labelKey),
+			iconName: e.iconName
+		}))), c = o(() => {
+			let e = t.imageContext;
+			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
+		}), l = o(() => a.value.find((e) => e.value === c.value) ?? a.value.at(0)), u = o(() => l.value?.iconName ?? "format_image_left"), d = o(() => l.value?.label ?? "");
+		return (t, r) => (b(), s(le, {
+			options: a.value,
+			"active-value": c.value,
+			"trigger-icon": u.value,
+			"tooltip-content": O(n)("imageWrap.tooltipPrefix", { label: d.value }),
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => t.$emit("change", e)
+		}, null, 8, [
+			"options",
+			"active-value",
+			"trigger-icon",
+			"tooltip-content",
+			"disabled"
+		]));
+	}
+}), de = /* @__PURE__ */ p({
+	__name: "ImageTransformDropdown",
+	props: { disabled: { type: Boolean } },
+	emits: ["transform"],
+	setup(e) {
+		let { t } = r(), n = [
+			{
+				value: "rotateCW",
+				labelKey: "imageTransform.rotateClockwise",
+				iconName: "rotate_right"
+			},
+			{
+				value: "rotateCCW",
+				labelKey: "imageTransform.rotateCounterClockwise",
+				iconName: "rotate_left"
+			},
+			{
+				value: "flipH",
+				labelKey: "imageTransform.flipHorizontal",
+				iconName: "swap_horiz"
+			},
+			{
+				value: "flipV",
+				labelKey: "imageTransform.flipVertical",
+				iconName: "swap_vert"
+			}
+		], i = o(() => n.map((e) => ({
+			value: e.value,
+			label: t(e.labelKey),
+			iconName: e.iconName
+		})));
+		return (n, r) => (b(), s(le, {
+			options: i.value,
+			"trigger-icon": "rotate_right",
+			"tooltip-content": O(t)("imageTransform.tooltip"),
+			disabled: e.disabled,
+			onSelect: r[0] ||= (e) => n.$emit("transform", e)
+		}, null, 8, [
+			"options",
+			"tooltip-content",
+			"disabled"
+		]));
+	}
+}), Z = ["title", "onClick"], fe = {
+	key: 0,
+	class: "editing-mode__label"
+}, pe = { class: "editing-mode__panel" }, me = ["onClick"], he = { class: "editing-mode__option-text" }, ge = { class: "editing-mode__option-label" }, _e = { class: "editing-mode__option-desc" }, ve = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "EditingModeDropdown",
+	props: { modelValue: {} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = {
+			value: "editing",
+			labelKey: "editor.editing",
+			icon: "edit_note",
+			descKey: "editor.editingDescription"
+		}, x = [
+			_,
+			{
+				value: "suggesting",
+				labelKey: "editor.suggesting",
+				icon: "rate_review",
+				descKey: "editor.suggestingDescription"
+			},
+			{
+				value: "viewing",
+				labelKey: "editor.viewing",
+				icon: "visibility",
+				descKey: "editor.viewingDescription"
+			}
+		], w = S(!1), T = S(!1), D = o(() => x.find((e) => e.value === m.modelValue) ?? _);
+		function k(e) {
+			h("update:modelValue", e), w.value = !1;
+		}
+		let A = null;
+		function j(e) {
+			T.value = e.matches;
+		}
+		return y(() => {
+			A = window.matchMedia("(max-width: 1400px)"), T.value = A.matches, A.addEventListener("change", j);
+		}), v(() => A?.removeEventListener("change", j)), (t, r) => (b(), s(O(p), {
+			open: w.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[0] ||= (e) => w.value = e,
+			onClose: r[1] ||= (e) => w.value = !1
+		}, {
+			trigger: M(({ toggle: e }) => [u("button", {
+				type: "button",
+				class: g(["editing-mode__trigger", {
+					"editing-mode__trigger--open": w.value,
+					"editing-mode__trigger--compact": T.value
+				}]),
+				title: `${O(d)(D.value.labelKey)} (Ctrl+Shift+E)`,
+				onClick: F(e, ["prevent"])
+			}, [
+				f(n, {
+					name: D.value.icon,
+					size: 18
+				}, null, 8, ["name"]),
+				T.value ? c("", !0) : (b(), l("span", fe, E(O(d)(D.value.labelKey)), 1)),
+				f(n, {
+					name: "arrow_drop_down",
+					size: 16
+				})
+			], 10, Z)]),
+			panel: M(() => [u("div", pe, [(b(), l(a, null, C(x, (t) => u("button", {
+				key: t.value,
+				type: "button",
+				class: "editing-mode__option",
+				onClick: F((e) => k(t.value), ["prevent"])
+			}, [
+				f(n, {
+					name: t.icon,
+					size: 20
+				}, null, 8, ["name"]),
+				u("span", he, [u("span", ge, E(O(d)(t.labelKey)), 1), u("span", _e, E(O(d)(t.descKey)), 1)]),
+				t.value === e.modelValue ? (b(), s(n, {
+					key: 0,
+					name: "check",
+					size: 18,
+					class: "editing-mode__check"
+				})) : c("", !0)
+			], 8, me)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-8678ef13"]]), ye = { class: "review-controls" }, be = [
+	"disabled",
+	"aria-pressed",
+	"aria-label",
+	"title"
+], xe = { class: "review-controls__toggle-label" }, Se = ["title", "onClick"], Ce = { class: "review-controls__display-label" }, we = ["onClick"], Te = { class: "review-controls__option-label" }, Ee = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "ReviewControls",
+	props: {
+		trackChangesOn: { type: Boolean },
+		displayMode: {},
+		readOnly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["toggle-track-changes", "update:display-mode"],
+	setup(e, { emit: t }) {
+		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
+			"all-markup": "markupView.allMarkup",
+			"simple-markup": "markupView.simple",
+			"no-markup": "markupView.noMarkup",
+			original: "markupView.original"
+		};
+		function y(e) {
+			return d(v[e]);
+		}
+		let x = o(() => y(m.displayMode));
+		function w(e) {
+			h("update:display-mode", e), _.value = !1;
+		}
+		return (t, r) => (b(), l("div", ye, [u("button", {
+			type: "button",
+			class: g(["review-controls__toggle", { "review-controls__toggle--on": e.trackChangesOn }]),
+			disabled: e.readOnly,
+			"aria-pressed": e.trackChangesOn,
+			"aria-label": O(d)("toggleTrackChanges"),
+			title: O(d)("toggleTrackChanges"),
+			onMousedown: r[0] ||= F(() => {}, ["prevent"]),
+			onClick: r[1] ||= F((e) => t.$emit("toggle-track-changes"), ["prevent"])
+		}, [f(n, {
+			name: "edit_note",
+			size: 18
+		}), u("span", xe, E(e.trackChangesOn ? O(d)("trackingOn") : O(d)("trackingOff")), 1)], 42, be), f(O(p), {
+			open: _.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[4] ||= (e) => _.value = e,
+			onClose: r[5] ||= (e) => _.value = !1
+		}, {
+			trigger: M(({ toggle: e }) => [u("button", {
+				type: "button",
+				class: g(["review-controls__display", { "review-controls__display--open": _.value }]),
+				title: x.value,
+				onMousedown: r[2] ||= F(() => {}, ["prevent"]),
+				onClick: F(e, ["prevent"])
+			}, [
+				f(n, {
+					name: "visibility",
+					size: 16
+				}),
+				u("span", Ce, E(x.value), 1),
+				f(n, {
+					name: "arrow_drop_down",
+					size: 16
+				})
+			], 42, Se)]),
+			panel: M(() => [u("div", {
+				class: "review-controls__panel",
+				onMousedown: r[3] ||= F(() => {}, ["prevent"])
+			}, [(b(!0), l(a, null, C(O(z), (t) => (b(), l("button", {
+				key: t,
+				type: "button",
+				class: "review-controls__option",
+				onClick: F((e) => w(t), ["prevent"])
+			}, [u("span", Te, E(y(t)), 1), t === e.displayMode ? (b(), s(n, {
+				key: 0,
+				name: "check",
+				size: 18,
+				class: "review-controls__check"
+			})) : c("", !0)], 8, we))), 128))], 32)]),
+			_: 1
+		}, 8, ["open"])]));
+	}
+}), [["__scopeId", "data-v-5ed588af"]]);
+//#endregion
+//#region src/utils/fontOptions.ts
+function De(e) {
+	if (e === void 0) return;
+	let t = e.map((e) => typeof e == "string" ? {
+		name: e,
+		fontFamily: e,
+		category: "other"
+	} : e);
+	if (Oe()) {
+		let e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+		for (let r of t) n.has(r.name) && !e.has(r.name) && (console.warn(`[DocxEditor] Duplicate font name in fontFamilies: "${r.name}"`), e.add(r.name)), n.add(r.name);
+	}
+	return t;
+}
+function Oe() {
+	return typeof process < "u" && process.env.NODE_ENV !== "production";
+}
+function ke(e, t) {
+	if (!e || e.length === 0) return [];
+	let n = /* @__PURE__ */ new Set();
+	for (let e of t) n.add(e.trim().toLowerCase());
+	let r = /* @__PURE__ */ new Set(), i = [];
+	for (let t of e) {
+		let e = t.name.trim().toLowerCase();
+		n.has(e) || r.has(e) || (r.add(e), i.push(t));
+	}
+	return i;
+}
+//#endregion
+//#region src/components/Toolbar/presets.ts
+var Ae = [
+	{
+		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"
+	}
+], je = [
+	8,
+	9,
+	10,
+	11,
+	12,
+	14,
+	16,
+	18,
+	20,
+	24,
+	28,
+	36,
+	48,
+	72
+], Me = [
+	{
+		id: "Normal",
+		label: "Normal",
+		nameKey: "styles.normalText"
+	},
+	{
+		id: "Title",
+		label: "Title",
+		nameKey: "styles.title"
+	},
+	{
+		id: "Subtitle",
+		label: "Subtitle",
+		nameKey: "styles.subtitle"
+	},
+	{
+		id: "Heading1",
+		label: "Heading 1",
+		nameKey: "styles.heading1"
+	},
+	{
+		id: "Heading2",
+		label: "Heading 2",
+		nameKey: "styles.heading2"
+	},
+	{
+		id: "Heading3",
+		label: "Heading 3",
+		nameKey: "styles.heading3"
+	}
+], Ne = [
+	{
+		label: "Single",
+		labelKey: "lineSpacing.single",
+		value: 240
+	},
+	{
+		label: "1.15",
+		value: 276
+	},
+	{
+		label: "1.5",
+		value: 360
+	},
+	{
+		label: "Double",
+		labelKey: "lineSpacing.double",
+		value: 480
+	}
+], Pe = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+];
+//#endregion
+//#region src/composables/useToolbarDropdowns.ts
+function Fe(e) {
+	let t = S(null), n = S({
+		top: 0,
+		left: 0
+	});
+	function r(t) {
+		switch (t) {
+			case "zoom": return e.zoom.value;
+			case "style": return e.style.value;
+			case "font": return e.font.value;
+			case "size": return e.size.value;
+			case "align": return e.align.value;
+			case "spacing": return e.spacing.value;
+			default: return null;
+		}
+	}
+	function i(e) {
+		let t = r(e);
+		if (!t) return;
+		let i = t.getBoundingClientRect();
+		n.value = {
+			top: i.bottom,
+			left: i.left
+		};
+	}
+	let a = o(() => ({
+		top: `${n.value.top}px`,
+		left: `${n.value.left}px`
+	}));
+	function s(e) {
+		t.value !== e && i(e), t.value = t.value === e ? null : e;
+	}
+	function c(n) {
+		let r = n.target;
+		r instanceof Node && ([
+			e.zoom,
+			e.style,
+			e.font,
+			e.size,
+			e.align,
+			e.spacing
+		].some((e) => e.value?.contains(r)) || (t.value = null));
+	}
+	return y(() => document.addEventListener("mousedown", c)), v(() => document.removeEventListener("mousedown", c)), {
+		openDropdown: t,
+		dropdownMenuStyle: a,
+		toggleDropdown: s,
+		recomputeDropdownPos: i
+	};
+}
+//#endregion
+//#region src/composables/useToolbarFontSize.ts
+function Ie(e) {
+	let t = S(!1), n = (t) => e.execCommand("setFontSize", t * 2);
+	function r() {
+		t.value = !1, e.openDropdown.value = "size", e.recomputeDropdownPos("size");
+	}
+	function i() {
+		t.value = !0;
+	}
+	function a(r) {
+		if (t.value && r.target instanceof HTMLInputElement) {
+			let e = parseFloat(r.target.value);
+			isNaN(e) || n(Math.round(Math.min(Math.max(e, 1), 1638) * 2) / 2);
+		}
+		t.value = !1, e.openDropdown.value = null;
+	}
+	function o(r) {
+		t.value = !1, n(r), e.openDropdown.value = null;
+	}
+	function s() {
+		let t = e.currentFontSize.value;
+		n(je.find((e) => e > t) || t + 1);
+	}
+	function c() {
+		let t = e.currentFontSize.value;
+		n([...je].reverse().find((e) => e < t) || Math.max(1, t - 1));
+	}
+	return {
+		onSizeFocus: r,
+		onSizeInput: i,
+		commitFontSize: a,
+		pickFontSize: o,
+		increaseFontSize: s,
+		decreaseFontSize: c
+	};
+}
+//#endregion
+//#region src/utils/stylePreview.ts
+var Le = {
+	Title: 26,
+	Subtitle: 18,
+	Heading1: 24,
+	Heading2: 18,
+	Heading3: 16,
+	Heading4: 14,
+	Heading5: 13,
+	Heading6: 13,
+	Normal: 14
+}, Re = new Set([
+	"Title",
+	"Heading1",
+	"Heading2",
+	"Heading3"
+]), ze = { Subtitle: "666666" }, Be = "#4a6c8c";
+function Ve(e) {
+	let t = Le[e.styleId], n = {
+		fontSize: t ? `${t}px` : `${Math.min(Math.max(e.fontSize ? e.fontSize / 2 : 11, 11), 20)}px`,
+		lineHeight: "1.3"
+	};
+	(e.bold ?? Re.has(e.styleId)) && (n.fontWeight = "bold"), e.italic && (n.fontStyle = "italic");
+	let r = e.color ?? ze[e.styleId];
+	return r ? n.color = `#${r}` : e.styleId.startsWith("Heading") && (n.color = Be), n;
+}
+function He(e) {
+	return !e || e.length === 0 ? [] : e.filter((e) => e.type === "paragraph").filter((e) => e.qFormat ? !0 : !(e.hidden || e.semiHidden)).map((e) => ({
+		styleId: e.styleId,
+		name: e.name || e.styleId,
+		priority: e.uiPriority ?? 99,
+		fontSize: e.rPr?.fontSize,
+		bold: e.rPr?.bold,
+		italic: e.rPr?.italic,
+		color: e.rPr?.color?.rgb
+	})).sort((e, t) => e.priority - t.priority);
+}
+//#endregion
+//#region src/composables/useParagraphStyleOptions.ts
+function Ue(e) {
+	let t = o(() => {
+		let t = He(e.documentStyles());
+		return t.length > 0 ? t.map((t) => {
+			let n = Me.find((e) => e.id === t.styleId);
+			return {
+				id: t.styleId,
+				label: n ? e.t(n.nameKey) : t.name,
+				previewStyle: Ve(t)
+			};
+		}) : Me.map((t) => ({
+			id: t.id,
+			label: e.t(t.nameKey),
+			previewStyle: Ve({ styleId: t.id })
+		}));
+	});
+	return {
+		resolvedParagraphStyles: t,
+		currentStyleLabel: o(() => {
+			let n = e.currentStyleId() || "Normal", r = t.value.find((e) => e.id === n);
+			return r ? r.label : n;
+		})
+	};
+}
+//#endregion
+//#region src/components/Toolbar.vue?vue&type=script&setup=true&lang.ts
+var We = {
+	key: 0,
+	class: "basic-toolbar"
+}, Ge = [
+	"title",
+	"aria-label",
+	"disabled"
+], Ke = [
+	"title",
+	"aria-label",
+	"disabled"
+], qe = ["disabled", "title"], Je = ["aria-expanded", "title"], Ye = ["disabled", "title"], Xe = ["onMousedown"], Ze = ["aria-expanded", "title"], Qe = ["onMousedown"], $e = ["aria-expanded", "title"], et = {
+	key: 0,
+	class: "toolbar-dropdown__group-label"
+}, tt = ["onMousedown"], nt = ["title"], rt = [
+	"value",
+	"title",
+	"aria-expanded"
+], it = ["title"], at = ["onMousedown"], ot = ["title", "aria-label"], st = ["title", "aria-label"], ct = ["title", "aria-label"], lt = ["title", "aria-label"], ut = ["title", "aria-label"], dt = ["title", "aria-label"], ft = ["title", "aria-label"], pt = ["aria-expanded", "title"], mt = ["title"], ht = ["title"], gt = ["title"], _t = ["title"], vt = ["title", "aria-label"], yt = ["title", "aria-label"], bt = [
+	"title",
+	"aria-label",
+	"disabled"
+], xt = ["title", "aria-label"], St = ["aria-expanded", "title"], Ct = ["onMousedown"], wt = ["title", "aria-label"], Tt = ["title", "aria-label"], Et = ["title", "aria-label"], Dt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "Toolbar",
+	props: {
+		view: { default: null },
+		getCommands: {
+			type: Function,
+			default: () => ({})
+		},
+		stateTick: { default: 0 },
+		zoomPercent: {},
+		isMinZoom: { type: Boolean },
+		isMaxZoom: { type: Boolean },
+		zoomPresets: {},
+		showZoomControl: { type: Boolean },
+		editorMode: {},
+		showReviewControls: {
+			type: Boolean,
+			default: !1
+		},
+		trackChangesOn: {
+			type: Boolean,
+			default: !1
+		},
+		displayMode: { default: "all-markup" },
+		readOnly: {
+			type: Boolean,
+			default: !1
+		},
+		commentsSidebarOpen: { type: Boolean },
+		imageContext: {},
+		theme: {},
+		fontFamilies: {},
+		documentFonts: {},
+		documentStyles: {}
+	},
+	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",
+		"toggle-track-changes",
+		"update:display-mode",
+		"image-wrap-type",
+		"image-properties",
+		"image-transform"
+	],
+	setup(e, { emit: t }) {
+		let { ColorPicker: p } = i(), m = e, { t: h } = r(), v = t, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Pe), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), L = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: H, toggleDropdown: U, recomputeDropdownPos: te } = Fe({
+			zoom: R,
+			style: A,
+			font: j,
+			size: M,
+			align: N,
+			spacing: L
+		}), W = o(() => {
+			m.stateTick;
+			let e = m.view;
+			return e ? I(e.state) : {
+				hasSelection: !1,
+				isMultiParagraph: !1,
+				textFormatting: {},
+				paragraphFormatting: {},
+				startParagraphIndex: 0,
+				endParagraphIndex: 0,
+				inList: !1,
+				activeCommentIds: [],
+				inInsertion: !1,
+				inDeletion: !1
+			};
+		}), G = o(() => {
+			let e = W.value.textFormatting.fontFamily;
+			return e?.ascii || e?.hAnsi || "Arial";
+		}), K = o(() => {
+			let e = W.value.textFormatting.fontSize;
+			return e ? e / 2 : 11;
+		}), q = o(() => W.value.paragraphFormatting.alignment || "left"), J = o(() => {
+			switch (q.value) {
+				case "center": return "format_align_center";
+				case "right": return "format_align_right";
+				case "both": return "format_align_justify";
+				default: return "format_align_left";
+			}
+		}), { resolvedParagraphStyles: ne, currentStyleLabel: Y } = Ue({
+			documentStyles: () => m.documentStyles,
+			currentStyleId: () => W.value.paragraphFormatting.styleId || "Normal",
+			t: h
+		}), re = o(() => {
+			m.stateTick;
+			let e = m.view;
+			return e ? V(e.state) > 0 : !1;
+		}), ie = o(() => {
+			m.stateTick;
+			let e = m.view;
+			return e ? B(e.state) > 0 : !1;
+		}), ae = o(() => {
+			let e = W.value, t = e.inList && (e.listLevel ?? 0) > 0, n = (e.paragraphFormatting.indentLeft ?? 0) > 0;
+			return t || n;
+		}), oe = o(() => {
+			let e = W.value.textFormatting.color?.rgb;
+			return e ? e.replace(/^#/, "").toUpperCase() : void 0;
+		}), se = o(() => {
+			let e = W.value.textFormatting.highlight;
+			if (!(!e || e === "none")) return e.replace(/^#/, "").toUpperCase();
+		}), X = o(() => De(m.fontFamilies) ?? Ae), ce = o(() => ke(m.documentFonts, X.value.map((e) => e.name))), le = o(() => [
+			{
+				label: h("font.documentFonts"),
+				fonts: ce.value
+			},
+			{
+				label: h("font.sansSerif"),
+				fonts: X.value.filter((e) => e.category === "sans-serif")
+			},
+			{
+				label: h("font.serif"),
+				fonts: X.value.filter((e) => e.category === "serif")
+			},
+			{
+				label: h("font.monospace"),
+				fonts: X.value.filter((e) => e.category === "monospace")
+			},
+			{
+				label: h("font.other"),
+				fonts: X.value.filter((e) => !e.category || e.category === "other")
+			}
+		]);
+		function Z(e, ...t) {
+			let n = m.view;
+			if (!n) return;
+			let r = m.getCommands()[e];
+			if (!r) {
+				typeof console < "u" && console.warn("[Toolbar] command not found:", e);
+				return;
+			}
+			r(...t)(n.state, (e) => n.dispatch(e), n), n.hasFocus() || n.focus(), z.value = null;
+		}
+		function fe(e) {
+			Z("setFontFamily", e);
+		}
+		let { onSizeFocus: pe, onSizeInput: me, commitFontSize: he, pickFontSize: ge, increaseFontSize: _e, decreaseFontSize: ye } = Ie({
+			currentFontSize: K,
+			openDropdown: z,
+			recomputeDropdownPos: te,
+			execCommand: Z
+		});
+		function be(e) {
+			if (typeof e == "object" && e.auto) {
+				Z("clearTextColor");
+				return;
+			}
+			Z("setTextColor", typeof e == "string" ? { rgb: e } : e);
+		}
+		function xe() {
+			let e = m.view;
+			e && (ee(e.state, (t) => e.dispatch(t), e), e.hasFocus() || e.focus());
+		}
+		function Se(e) {
+			Z("setHighlight", typeof e == "string" ? e : e.rgb ?? "none");
+		}
+		function Ce(e) {
+			v("apply-style", e), z.value = null;
+		}
+		function we(e) {
+			Z("setLineSpacing", e);
+		}
+		function Te(e) {
+			let t = W.value.paragraphFormatting.lineSpacing;
+			return t ? Math.abs(t - e) < 10 : e === 240;
+		}
+		return (t, r) => e.view ? (b(), l("div", We, [
+			u("button", {
+				title: O(h)("undoShortcut"),
+				"aria-label": O(h)("undo"),
+				disabled: !re.value,
+				onMousedown: r[0] ||= F((e) => Z("undo"), ["prevent"])
+			}, [f(n, { name: "undo" })], 40, Ge),
+			u("button", {
+				title: O(h)("redoShortcut"),
+				"aria-label": O(h)("redo"),
+				disabled: !ie.value,
+				onMousedown: r[1] ||= F((e) => Z("redo"), ["prevent"])
+			}, [f(n, { name: "redo" })], 40, Ke),
+			r[42] ||= u("span", { class: "divider" }, null, -1),
+			k.value ? (b(), l("div", {
+				key: 0,
+				class: "toolbar-dropdown zoom-group",
+				ref_key: "zoomDropdownRef",
+				ref: R
+			}, [
+				u("button", {
+					class: "size-btn",
+					onMousedown: r[2] ||= F((e) => t.$emit("zoom-out"), ["prevent"]),
+					disabled: x.value,
+					title: O(h)("zoom.zoomOut")
+				}, " − ", 40, qe),
+				u("button", {
+					class: "toolbar-dropdown__trigger zoom-trigger",
+					onMousedown: r[3] ||= F((e) => O(U)("zoom"), ["prevent"]),
+					"aria-expanded": O(z) === "zoom",
+					"aria-haspopup": "listbox",
+					title: O(h)("zoom.zoomLevel")
+				}, [d(E(y.value) + "% ", 1), f(n, {
+					class: "chevron",
+					name: "arrow_drop_down",
+					size: 16
+				})], 40, Je),
+				u("button", {
+					class: "size-btn",
+					onMousedown: r[4] ||= F((e) => t.$emit("zoom-in"), ["prevent"]),
+					disabled: T.value,
+					title: O(h)("zoom.zoomIn")
+				}, " + ", 40, Ye),
+				O(z) === "zoom" ? (b(), l("div", {
+					key: 0,
+					style: _(O(H)),
+					class: "toolbar-dropdown__menu zoom-menu"
+				}, [(b(!0), l(a, null, C(D.value, (e) => (b(), l("button", {
+					key: e,
+					class: g(["toolbar-dropdown__item", { active: y.value === Math.round(e * 100) }]),
+					onMousedown: F((n) => t.$emit("zoom-set", e), ["prevent"])
+				}, E(Math.round(e * 100)) + "% ", 43, Xe))), 128))], 4)) : c("", !0)
+			], 512)) : c("", !0),
+			r[43] ||= u("span", { class: "divider" }, null, -1),
+			u("div", {
+				class: "toolbar-dropdown",
+				ref_key: "styleDropdownRef",
+				ref: A
+			}, [u("button", {
+				class: "toolbar-dropdown__trigger style-trigger",
+				onMousedown: r[5] ||= F((e) => O(U)("style"), ["prevent"]),
+				"aria-expanded": O(z) === "style",
+				"aria-haspopup": "listbox",
+				title: O(h)("styles.selectAriaLabel")
+			}, [d(E(O(Y)) + " ", 1), f(n, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, Ze), O(z) === "style" ? (b(), l("div", {
+				key: 0,
+				style: _(O(H)),
+				class: "toolbar-dropdown__menu style-menu"
+			}, [(b(!0), l(a, null, C(O(ne), (e) => (b(), l("button", {
+				key: e.id,
+				class: g(["toolbar-dropdown__item", { active: (W.value.paragraphFormatting.styleId || "Normal") === e.id }]),
+				onMousedown: F((t) => Ce(e.id), ["prevent"])
+			}, [u("span", { style: _({ ...e.previewStyle }) }, E(e.label), 5)], 42, Qe))), 128))], 4)) : c("", !0)], 512),
+			r[44] ||= u("span", { class: "divider" }, null, -1),
+			u("div", {
+				class: "toolbar-dropdown",
+				ref_key: "fontDropdownRef",
+				ref: j
+			}, [u("button", {
+				class: "toolbar-dropdown__trigger font-trigger",
+				onMousedown: r[6] ||= F((e) => O(U)("font"), ["prevent"]),
+				"aria-expanded": O(z) === "font",
+				"aria-haspopup": "listbox",
+				title: O(h)("font.selectAriaLabel")
+			}, [d(E(G.value) + " ", 1), f(n, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, $e), O(z) === "font" ? (b(), l("div", {
+				key: 0,
+				style: _(O(H)),
+				class: "toolbar-dropdown__menu font-menu"
+			}, [(b(!0), l(a, null, C(le.value, (e) => (b(), l(a, { key: e.label }, [e.fonts.length > 0 ? (b(), l("div", et, E(e.label), 1)) : c("", !0), (b(!0), l(a, null, C(e.fonts, (e) => (b(), l("button", {
+				key: e.name,
+				class: g(["toolbar-dropdown__item", { active: G.value === e.name }]),
+				style: _({ fontFamily: e.fontFamily }),
+				onMousedown: F((t) => fe(e.name), ["prevent"])
+			}, E(e.name), 47, tt))), 128))], 64))), 128))], 4)) : c("", !0)], 512),
+			u("div", {
+				class: "toolbar-dropdown font-size-group",
+				ref_key: "sizeDropdownRef",
+				ref: M
+			}, [
+				u("button", {
+					class: "size-btn",
+					onMousedown: r[7] ||= F((...e) => O(ye) && O(ye)(...e), ["prevent"]),
+					title: O(h)("decreaseFontSize")
+				}, " − ", 40, nt),
+				u("input", {
+					class: "size-trigger size-input",
+					type: "text",
+					value: K.value,
+					title: O(h)("fontSize"),
+					onMousedown: r[8] ||= F(() => {}, ["stop"]),
+					onFocus: r[9] ||= (...e) => O(pe) && O(pe)(...e),
+					"aria-expanded": O(z) === "size",
+					"aria-haspopup": "listbox",
+					onInput: r[10] ||= (...e) => O(me) && O(me)(...e),
+					onKeydown: [
+						r[11] ||= P(F((e) => O(_e)(), ["prevent", "stop"]), ["up"]),
+						r[12] ||= P(F((e) => O(ye)(), ["prevent", "stop"]), ["down"]),
+						r[13] ||= P(F((e) => O(he)(e), ["prevent"]), ["enter"])
+					],
+					onBlur: r[14] ||= (e) => O(he)(e)
+				}, null, 40, rt),
+				u("button", {
+					class: "size-btn",
+					onMousedown: r[15] ||= F((...e) => O(_e) && O(_e)(...e), ["prevent"]),
+					title: O(h)("increaseFontSize")
+				}, " + ", 40, it),
+				O(z) === "size" ? (b(), l("div", {
+					key: 0,
+					style: _(O(H)),
+					class: "toolbar-dropdown__menu size-menu"
+				}, [(b(!0), l(a, null, C(O(je), (e) => (b(), l("button", {
+					key: e,
+					class: g(["toolbar-dropdown__item", { active: K.value === e }]),
+					onMousedown: F((t) => O(ge)(e), ["prevent"])
+				}, E(e), 43, at))), 128))], 4)) : c("", !0)
+			], 512),
+			r[45] ||= u("span", { class: "divider" }, null, -1),
+			u("button", {
+				title: O(h)("boldShortcut"),
+				"aria-label": O(h)("bold"),
+				class: g({ active: W.value.textFormatting.bold }),
+				onMousedown: r[16] ||= F((e) => Z("toggleBold"), ["prevent"])
+			}, [f(n, { name: "format_bold" })], 42, ot),
+			u("button", {
+				title: O(h)("italicShortcut"),
+				"aria-label": O(h)("italic"),
+				class: g({ active: W.value.textFormatting.italic }),
+				onMousedown: r[17] ||= F((e) => Z("toggleItalic"), ["prevent"])
+			}, [f(n, { name: "format_italic" })], 42, st),
+			u("button", {
+				title: O(h)("underlineShortcut"),
+				"aria-label": O(h)("underline"),
+				class: g({ active: !!W.value.textFormatting.underline }),
+				onMousedown: r[18] ||= F((e) => Z("toggleUnderline"), ["prevent"])
+			}, [f(n, { name: "format_underlined" })], 42, ct),
+			u("button", {
+				title: O(h)("formattingBar.strikethrough"),
+				"aria-label": O(h)("formattingBar.strikethrough"),
+				class: g({ active: W.value.textFormatting.strike }),
+				onMousedown: r[19] ||= F((e) => Z("toggleStrike"), ["prevent"])
+			}, [f(n, { name: "strikethrough_s" })], 42, lt),
+			f(O(p), {
+				mode: "text",
+				value: oe.value,
+				theme: e.theme ?? null,
+				onChange: be
+			}, null, 8, ["value", "theme"]),
+			f(O(p), {
+				mode: "highlight",
+				value: se.value,
+				theme: e.theme ?? null,
+				onChange: Se
+			}, null, 8, ["value", "theme"]),
+			u("button", {
+				title: O(h)("formattingBar.insertLinkShortcut"),
+				"aria-label": O(h)("formattingBar.insertLink"),
+				onMousedown: r[20] ||= F((e) => t.$emit("insert-link"), ["prevent"])
+			}, [f(n, { name: "link" })], 40, ut),
+			u("button", {
+				title: O(h)("formattingBar.superscriptShortcut"),
+				"aria-label": O(h)("formattingBar.superscript"),
+				class: g({ active: W.value.textFormatting.vertAlign === "superscript" }),
+				onMousedown: r[21] ||= F((e) => Z("toggleSuperscript"), ["prevent"])
+			}, [f(n, { name: "superscript" })], 42, dt),
+			u("button", {
+				title: O(h)("formattingBar.subscriptShortcut"),
+				"aria-label": O(h)("formattingBar.subscript"),
+				class: g({ active: W.value.textFormatting.vertAlign === "subscript" }),
+				onMousedown: r[22] ||= F((e) => Z("toggleSubscript"), ["prevent"])
+			}, [f(n, { name: "subscript" })], 42, ft),
+			r[46] ||= u("span", { class: "divider" }, null, -1),
+			u("div", {
+				class: "toolbar-dropdown",
+				ref_key: "alignDropdownRef",
+				ref: N
+			}, [u("button", {
+				class: "toolbar-dropdown__trigger align-trigger",
+				onMousedown: r[23] ||= F((e) => O(U)("align"), ["prevent"]),
+				"aria-expanded": O(z) === "align",
+				"aria-haspopup": "listbox",
+				title: O(h)("alignmentGroup")
+			}, [f(n, { name: J.value }, null, 8, ["name"]), f(n, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, pt), O(z) === "align" ? (b(), l("div", {
+				key: 0,
+				style: _(O(H)),
+				class: "toolbar-dropdown__menu align-strip"
+			}, [
+				u("button", {
+					class: g(["align-strip__btn", { active: q.value === "left" }]),
+					title: `${O(h)("alignLeft")} (${O(h)("alignment.alignLeftShortcut")})`,
+					onMousedown: r[24] ||= F((e) => {
+						Z("alignLeft"), z.value = null;
+					}, ["prevent"])
+				}, [f(n, {
+					name: "format_align_left",
+					size: 18
+				})], 42, mt),
+				u("button", {
+					class: g(["align-strip__btn", { active: q.value === "center" }]),
+					title: `${O(h)("alignCenter")} (${O(h)("alignment.centerShortcut")})`,
+					onMousedown: r[25] ||= F((e) => {
+						Z("alignCenter"), z.value = null;
+					}, ["prevent"])
+				}, [f(n, {
+					name: "format_align_center",
+					size: 18
+				})], 42, ht),
+				u("button", {
+					class: g(["align-strip__btn", { active: q.value === "right" }]),
+					title: `${O(h)("alignRight")} (${O(h)("alignment.alignRightShortcut")})`,
+					onMousedown: r[26] ||= F((e) => {
+						Z("alignRight"), z.value = null;
+					}, ["prevent"])
+				}, [f(n, {
+					name: "format_align_right",
+					size: 18
+				})], 42, gt),
+				u("button", {
+					class: g(["align-strip__btn", { active: q.value === "both" }]),
+					title: `${O(h)("justify")} (${O(h)("alignment.justifyShortcut")})`,
+					onMousedown: r[27] ||= F((e) => {
+						Z("alignJustify"), z.value = null;
+					}, ["prevent"])
+				}, [f(n, {
+					name: "format_align_justify",
+					size: 18
+				})], 42, _t)
+			], 4)) : c("", !0)], 512),
+			u("button", {
+				title: O(h)("bulletList"),
+				"aria-label": O(h)("bulletList"),
+				class: g({ active: W.value.inList && W.value.listType === "bullet" }),
+				onMousedown: r[28] ||= F((e) => Z("toggleBulletList"), ["prevent"])
+			}, [f(n, { name: "format_list_bulleted" })], 42, vt),
+			u("button", {
+				title: O(h)("numberedList"),
+				"aria-label": O(h)("numberedList"),
+				class: g({ active: W.value.inList && W.value.listType === "numbered" }),
+				onMousedown: r[29] ||= F((e) => Z("toggleNumberedList"), ["prevent"])
+			}, [f(n, { name: "format_list_numbered" })], 42, yt),
+			u("button", {
+				title: O(h)("decreaseIndent"),
+				"aria-label": O(h)("decreaseIndent"),
+				disabled: !ae.value,
+				onMousedown: r[30] ||= F((e) => Z("outdent"), ["prevent"])
+			}, [f(n, { name: "format_indent_decrease" })], 40, bt),
+			u("button", {
+				title: O(h)("increaseIndent"),
+				"aria-label": O(h)("increaseIndent"),
+				onMousedown: r[31] ||= F((e) => Z("indent"), ["prevent"])
+			}, [f(n, { name: "format_indent_increase" })], 40, xt),
+			u("div", {
+				class: "toolbar-dropdown",
+				ref_key: "spacingDropdownRef",
+				ref: L
+			}, [u("button", {
+				class: "toolbar-dropdown__trigger",
+				onMousedown: r[32] ||= F((e) => O(U)("spacing"), ["prevent"]),
+				"aria-expanded": O(z) === "spacing",
+				"aria-haspopup": "listbox",
+				title: O(h)("lineSpacing.label")
+			}, [f(n, { name: "format_line_spacing" }), f(n, {
+				class: "chevron",
+				name: "arrow_drop_down",
+				size: 16
+			})], 40, St), O(z) === "spacing" ? (b(), l("div", {
+				key: 0,
+				style: _(O(H)),
+				class: "toolbar-dropdown__menu"
+			}, [(b(!0), l(a, null, C(O(Ne), (e) => (b(), l("button", {
+				key: e.value,
+				class: g(["toolbar-dropdown__item", { active: Te(e.value) }]),
+				onMousedown: F((t) => we(e.value), ["prevent"])
+			}, E(e.labelKey ? O(h)(e.labelKey) : e.label), 43, Ct))), 128))], 4)) : c("", !0)], 512),
+			u("button", {
+				title: O(h)("formattingBar.clearFormatting"),
+				"aria-label": O(h)("formattingBar.clearFormatting"),
+				onMousedown: F(xe, ["prevent"])
+			}, [f(n, { name: "format_clear" })], 40, wt),
+			r[47] ||= u("span", { class: "divider" }, null, -1),
+			u("button", {
+				title: O(h)("formattingBar.commentsAndChanges"),
+				"aria-label": O(h)("formattingBar.commentsAndChanges"),
+				class: g({ active: e.commentsSidebarOpen }),
+				onMousedown: r[33] ||= F((e) => t.$emit("toggle-sidebar"), ["prevent"])
+			}, [f(n, { name: "comment" })], 42, Tt),
+			e.imageContext ? (b(), l(a, { key: 1 }, [
+				r[40] ||= u("span", { class: "divider" }, null, -1),
+				f(ue, {
+					"image-context": e.imageContext,
+					onChange: r[34] ||= (e) => t.$emit("image-wrap-type", e)
+				}, null, 8, ["image-context"]),
+				f(de, { onTransform: r[35] ||= (e) => t.$emit("image-transform", e) }),
+				u("button", {
+					title: O(h)("formattingBar.imagePropertiesShortcut"),
+					"aria-label": O(h)("formattingBar.imageProperties"),
+					onMousedown: r[36] ||= F((e) => t.$emit("image-properties"), ["prevent"])
+				}, [f(n, { name: "tune" })], 40, Et)
+			], 64)) : c("", !0),
+			w(t.$slots, "table-context", {}, void 0, !0),
+			e.showReviewControls ? (b(), l(a, { key: 2 }, [r[41] ||= u("span", { class: "divider" }, null, -1), f(Ee, {
+				"track-changes-on": e.trackChangesOn,
+				"display-mode": e.displayMode,
+				"read-only": e.readOnly,
+				onToggleTrackChanges: r[37] ||= (e) => t.$emit("toggle-track-changes"),
+				"onUpdate:displayMode": r[38] ||= (e) => t.$emit("update:display-mode", e)
+			}, null, 8, [
+				"track-changes-on",
+				"display-mode",
+				"read-only"
+			])], 64)) : c("", !0),
+			r[48] ||= u("span", { class: "divider" }, null, -1),
+			e.editorMode ? (b(), s(ve, {
+				key: 3,
+				"model-value": e.editorMode,
+				"onUpdate:modelValue": r[39] ||= (e) => t.$emit("mode-change", e)
+			}, null, 8, ["model-value"])) : c("", !0),
+			w(t.$slots, "toolbar-extra", {}, void 0, !0)
+		])) : c("", !0);
+	}
+}), [["__scopeId", "data-v-27c1178b"]]), Ot = ["aria-valuemax"], kt = { class: "docx-horizontal-ruler__ticks" }, At = ["title", "onDblclick"], jt = 12240, Mt = 1440, Nt = 1440, Pt = 567, Ft = "var(--doc-primary)", It = "var(--doc-primary)", Lt = "var(--doc-primary-hover)", Q = 5, Rt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "HorizontalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		showFirstLineIndent: {
+			type: Boolean,
+			default: !1
+		},
+		firstLineIndent: { default: 0 },
+		hangingIndent: {
+			type: Boolean,
+			default: !1
+		},
+		indentLeft: { default: 0 },
+		indentRight: { default: 0 },
+		unit: { default: "inch" },
+		tabStops: {}
+	},
+	emits: [
+		"left-margin-change",
+		"right-margin-change",
+		"first-line-indent-change",
+		"indent-left-change",
+		"indent-right-change",
+		"tab-stop-remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = Math.round(Q * 1.6), s = S(null), d = S(null), f = S(null), p = S(0), m = S("");
+		function h(e) {
+			return R(e) * n.zoom;
+		}
+		function g(e) {
+			return Math.round(L(e / n.zoom));
+		}
+		let y = o(() => n.sectionProps?.pageWidth ?? jt), x = o(() => n.sectionProps?.marginLeft ?? Mt), w = o(() => n.sectionProps?.marginRight ?? Mt), T = o(() => y.value - x.value - w.value), D = o(() => h(y.value)), O = o(() => h(x.value)), k = o(() => h(w.value)), A = o(() => h(n.indentLeft)), j = o(() => h(n.indentRight)), M = o(() => n.hangingIndent ? -n.firstLineIndent : n.firstLineIndent), N = o(() => h(M.value)), P = o(() => O.value + A.value), I = o(() => D.value - k.value - j.value), z = o(() => O.value + A.value + N.value), B = o(() => ({
+			position: "relative",
+			width: D.value + "px",
+			height: "22px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: d.value ? "ew-resize" : "default"
+		})), V = o(() => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: O.value + "px",
+			height: "22px",
+			backgroundColor: "var(--doc-shadow-subtle)",
+			borderRight: "1px solid var(--doc-shadow-subtle)",
+			cursor: n.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), ee = o(() => ({
+			position: "absolute",
+			top: 0,
+			right: 0,
+			width: k.value + "px",
+			height: "22px",
+			backgroundColor: "var(--doc-shadow-subtle)",
+			borderLeft: "1px solid var(--doc-shadow-subtle)",
+			cursor: n.editable ? "ew-resize" : "default",
+			zIndex: 1
+		})), H = o(() => {
+			let e = [];
+			if (n.unit === "inch") {
+				let t = Nt / 8, n = Math.ceil(y.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > y.value) break;
+					let i = h(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 = Pt / 10, n = Math.ceil(y.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > y.value) break;
+					let i = h(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;
+		}), U = o(() => n.tabStops?.length ? n.tabStops.map((e) => {
+			let t = e.position;
+			return {
+				px: h(t),
+				twips: t,
+				label: te(t)
+			};
+		}) : []);
+		function te(e) {
+			return n.unit === "cm" ? (e / Pt).toFixed(1) + " cm" : (e / Nt).toFixed(2) + "\"";
+		}
+		function W(e) {
+			return d.value === e ? Lt : f.value === e ? It : Ft;
+		}
+		function G(e, t, r) {
+			return {
+				position: "absolute",
+				left: t - Q + "px",
+				width: "10px",
+				height: "10px",
+				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: `${Q}px solid transparent`,
+				borderRight: `${Q}px solid transparent`,
+				borderTop: `${i}px solid ${t}`,
+				transition: "border-top-color 0.1s"
+			} : {
+				position: "absolute",
+				bottom: "1px",
+				left: 0,
+				width: 0,
+				height: 0,
+				borderLeft: `${Q}px solid transparent`,
+				borderRight: `${Q}px solid transparent`,
+				borderBottom: `${i}px solid ${t}`,
+				transition: "border-bottom-color 0.1s"
+			};
+		}
+		let q = 0;
+		function J(e, t) {
+			n.editable && (d.value = e, e === "leftMargin" ? q = x.value : e === "rightMargin" ? q = w.value : e === "leftIndent" ? q = n.indentLeft : e === "rightIndent" ? q = n.indentRight : e === "firstLineIndent" && (q = n.firstLineIndent), p.value = t.clientX - (s.value?.getBoundingClientRect().left ?? 0), m.value = te(q), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", Y));
+		}
+		function ne(e) {
+			if (!d.value || !s.value) return;
+			let t = s.value.getBoundingClientRect();
+			if (!t) return;
+			let n = e.clientX - t.left;
+			p.value = n;
+			let r = g(n), i = re(d.value, r);
+			m.value = te(i), ie(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 = y.value - w.value - 720;
+				return Math.round(Math.max(0, Math.min(t, e)));
+			}
+			if (e === "rightMargin") {
+				let e = y.value - t, n = y.value - x.value - 720;
+				return Math.round(Math.max(0, Math.min(e, n)));
+			}
+			if (e === "firstLineIndent") {
+				let e = t - (x.value + n.indentLeft), r = T.value - n.indentLeft - n.indentRight - 720;
+				return Math.round(Math.max(-n.indentLeft, Math.min(e, r)));
+			}
+			if (e === "leftIndent") {
+				let e = t - x.value, r = T.value - n.indentRight - 720;
+				return Math.round(Math.max(0, Math.min(e, r)));
+			}
+			let r = y.value - w.value - t, i = T.value - n.indentLeft - 720;
+			return Math.round(Math.max(0, Math.min(r, i)));
+		}
+		function ie(e, t) {
+			switch (e) {
+				case "leftMargin":
+					r("left-margin-change", t);
+					break;
+				case "rightMargin":
+					r("right-margin-change", t);
+					break;
+				case "firstLineIndent":
+					r("first-line-indent-change", t);
+					break;
+				case "leftIndent":
+					r("indent-left-change", t);
+					break;
+				case "rightIndent":
+					r("indent-right-change", t);
+					break;
+			}
+		}
+		return v(() => {
+			document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", Y);
+		}), (t, n) => (b(), l("div", {
+			ref_key: "rulerRef",
+			ref: s,
+			class: "docx-horizontal-ruler",
+			style: _(B.value),
+			role: "slider",
+			"aria-label": "Horizontal ruler",
+			"aria-valuemin": 0,
+			"aria-valuemax": y.value
+		}, [
+			u("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: _(V.value),
+				onMousedown: n[0] ||= F((t) => e.editable ? J("leftMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			u("div", {
+				class: "docx-horizontal-ruler__margin",
+				style: _(ee.value),
+				onMousedown: n[1] ||= F((t) => e.editable ? J("rightMargin", t) : null, ["prevent", "stop"])
+			}, null, 36),
+			u("div", kt, [(b(!0), l(a, null, C(H.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+				class: "docx-horizontal-ruler__tick-line",
+				style: _({
+					left: e.position + "px",
+					height: e.height + "px"
+				})
+			}, null, 4), e.label ? (b(), l("div", {
+				key: 0,
+				class: "docx-horizontal-ruler__tick-label",
+				style: _({ left: e.position + "px" })
+			}, E(e.label), 5)) : c("", !0)], 64))), 128))]),
+			e.showFirstLineIndent ? (b(), l("div", {
+				key: 0,
+				class: "docx-ruler-indent",
+				style: _(G("down", z.value, d.value === "firstLineIndent")),
+				onMousedown: n[2] ||= F((t) => e.editable ? J("firstLineIndent", t) : null, ["prevent", "stop"]),
+				onMouseenter: n[3] ||= (e) => f.value = "firstLineIndent",
+				onMouseleave: n[4] ||= (e) => f.value = null
+			}, [u("div", { style: _(K("down", W("firstLineIndent"))) }, null, 4)], 36)) : c("", !0),
+			e.editable ? (b(), l("div", {
+				key: 1,
+				class: "docx-ruler-indent",
+				style: _(G("up", P.value, d.value === "leftIndent")),
+				onMousedown: n[5] ||= F((e) => J("leftIndent", e), ["prevent", "stop"]),
+				onMouseenter: n[6] ||= (e) => f.value = "leftIndent",
+				onMouseleave: n[7] ||= (e) => f.value = null
+			}, [u("div", { style: _(K("up", W("leftIndent"))) }, null, 4)], 36)) : c("", !0),
+			e.editable ? (b(), l("div", {
+				key: 2,
+				class: "docx-ruler-indent",
+				style: _(G("down", I.value, d.value === "rightIndent")),
+				onMousedown: n[8] ||= F((e) => J("rightIndent", e), ["prevent", "stop"]),
+				onMouseenter: n[9] ||= (e) => f.value = "rightIndent",
+				onMouseleave: n[10] ||= (e) => f.value = null
+			}, [u("div", { style: _(K("down", W("rightIndent"))) }, null, 4)], 36)) : c("", !0),
+			(b(!0), l(a, null, C(U.value, (e, n) => (b(), l("div", {
+				key: n,
+				class: "docx-horizontal-ruler__tab",
+				style: _({ left: e.px + "px" }),
+				title: `${e.label}`,
+				onDblclick: F((n) => t.$emit("tab-stop-remove", e.twips), ["prevent"])
+			}, "L", 44, At))), 128)),
+			d.value && m.value ? (b(), l("div", {
+				key: 3,
+				class: "docx-horizontal-ruler__tooltip",
+				style: _({ left: p.value + "px" })
+			}, E(m.value), 5)) : c("", !0)
+		], 12, Ot));
+	}
+}), [["__scopeId", "data-v-845ef58d"]]), zt = ["disabled", "onClick"], Bt = { class: "docx-tbp__panel" }, Vt = ["title", "onClick"], Ht = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "TableBorderPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let { Popover: r } = i(), o = t, c = S(!1), d = [
+			{
+				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 p(e) {
+			o("change", e), c.value = !1;
+		}
+		return (t, i) => (b(), s(O(r), {
+			open: c.value,
+			"onUpdate:open": i[0] ||= (e) => c.value = e,
+			onClose: i[1] ||= (e) => c.value = !1
+		}, {
+			trigger: M(({ toggle: t }) => [u("button", {
+				type: "button",
+				class: "docx-tbp__btn",
+				disabled: e.disabled,
+				title: "Borders",
+				onClick: F(t, ["prevent"])
+			}, [f(n, {
+				name: "border_all",
+				size: 20
+			})], 8, zt)]),
+			panel: M(() => [u("div", Bt, [(b(), l(a, null, C(d, (e) => u("button", {
+				key: e.value,
+				type: "button",
+				class: "docx-tbp__option",
+				title: e.label,
+				onClick: F((t) => p(e.value), ["prevent"])
+			}, [f(n, {
+				name: e.icon,
+				size: 20
+			}, null, 8, ["name"])], 8, Vt)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-43b71305"]]), Ut = /* @__PURE__ */ p({
+	__name: "TableBorderColorPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let i = n, { t: a } = r();
+		function o(e) {
+			typeof e == "string" ? i("change", e.replace(/^#/, "")) : e.rgb ? i("change", e.rgb.replace(/^#/, "")) : e.auto && i("change", "000000");
+		}
+		return (n, r) => (b(), s(e, {
+			mode: "border",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: O(a)("table.borderColor"),
+			onChange: o
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title"
+		]));
+	}
+}), Wt = ["disabled", "onClick"], Gt = { class: "docx-tbwidth__panel" }, Kt = ["onClick"], qt = { class: "docx-tbwidth__label" }, Jt = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "TableBorderWidthPicker",
+	props: { disabled: { type: Boolean } },
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let { Popover: r } = i(), o = t, c = S(!1), d = [
+			{
+				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 p(e) {
+			o("change", e), c.value = !1;
+		}
+		return (t, i) => (b(), s(O(r), {
+			open: c.value,
+			"onUpdate:open": i[0] ||= (e) => c.value = e,
+			onClose: i[1] ||= (e) => c.value = !1
+		}, {
+			trigger: M(({ toggle: t }) => [u("button", {
+				type: "button",
+				class: "docx-tbwidth__btn",
+				disabled: e.disabled,
+				title: "Border width",
+				onClick: F(t, ["prevent"])
+			}, [f(n, {
+				name: "line_weight",
+				size: 20
+			})], 8, Wt)]),
+			panel: M(() => [u("div", Gt, [(b(), l(a, null, C(d, (e) => u("button", {
+				key: e.eighths,
+				type: "button",
+				class: "docx-tbwidth__option",
+				onClick: F((t) => p(e.eighths), ["prevent"])
+			}, [u("span", {
+				class: "docx-tbwidth__preview",
+				style: _({ borderTopWidth: e.previewPx + "px" })
+			}, null, 4), u("span", qt, E(e.label), 1)], 8, Kt)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-dca42d94"]]), Yt = /* @__PURE__ */ p({
+	__name: "TableCellFillPicker",
+	props: {
+		disabled: { type: Boolean },
+		theme: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(t, { emit: n }) {
+		let i = n, { t: a } = r();
+		function o(e) {
+			typeof e == "string" && i("change", e === "none" ? "" : e.replace(/^#/, ""));
+		}
+		return (n, r) => (b(), s(e, {
+			mode: "highlight",
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
+			title: O(a)("table.cellFillColor"),
+			icon: "format_color_fill",
+			"auto-label": O(a)("colorPicker.noColor"),
+			onChange: o
+		}, null, 8, [
+			"value",
+			"theme",
+			"disabled",
+			"title",
+			"auto-label"
+		]));
+	}
+}), Xt = [
+	"disabled",
+	"title",
+	"onClick"
+], Zt = ["aria-label"], Qt = ["disabled"], $t = ["disabled"], en = ["disabled"], tn = ["disabled"], nn = { class: "docx-tmore__section-label" }, rn = { class: "docx-tmore__icon-row" }, an = ["title"], on = ["title"], sn = ["title"], cn = { class: "docx-tmore__section-label" }, ln = { class: "docx-tmore__icon-row" }, un = ["title"], dn = ["title"], fn = ["title"], pn = { class: "docx-tmore__grow" }, mn = {
+	key: 0,
+	class: "docx-tmore__sub"
+}, hn = { class: "docx-tmore__margin-grid" }, gn = { class: "docx-tmore__field-label" }, _n = ["onUpdate:modelValue"], vn = { class: "docx-tmore__grow" }, yn = {
+	key: 1,
+	class: "docx-tmore__sub"
+}, bn = { class: "docx-tmore__row-field" }, xn = { class: "docx-tmore__field-label" }, Sn = { value: "auto" }, Cn = { value: "atLeast" }, wn = { value: "exact" }, Tn = {
+	key: 0,
+	class: "docx-tmore__row-field"
+}, En = { class: "docx-tmore__field-label" }, Dn = { class: "docx-tmore__grow" }, On = {
+	key: 2,
+	class: "docx-tmore__sub docx-tmore__sub--list"
+}, kn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__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(e, { emit: t }) {
+		let { Popover: o } = i(), d = e, p = t, { t: m } = r(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
+			top: 0,
+			bottom: 0,
+			left: 108,
+			right: 108
+		}), T = S(0), D = S("atLeast");
+		j(h, (e) => {
+			e || (_.value = !1, v.value = !1, y.value = !1);
+		});
+		function P(e) {
+			return d.disabled ? !0 : e === "splitCell" ? !d.canSplit : e === "mergeCells" ? !d.canMerge : e === "deleteRow" ? (d.rowCount ?? 0) <= 1 : e === "deleteColumn" ? (d.columnCount ?? 0) <= 1 : !1;
+		}
+		function I(e) {
+			P(e) || (p("action", e), h.value = !1);
+		}
+		let L = (e) => {
+			let t = Number(e);
+			return Number.isFinite(t) && t > 0 ? t : 0;
+		};
+		function R() {
+			p("cell-margins", {
+				top: L(w.top),
+				bottom: L(w.bottom),
+				left: L(w.left),
+				right: L(w.right)
+			}), h.value = !1;
+		}
+		function z() {
+			let e = L(T.value);
+			D.value === "auto" || e <= 0 ? p("row-height", { height: null }) : p("row-height", {
+				height: e,
+				rule: D.value
+			}), h.value = !1;
+		}
+		function B(e) {
+			p("cell-text-direction", e), h.value = !1;
+		}
+		return (t, r) => (b(), s(O(o), {
+			open: h.value,
+			placement: "bottom-right",
+			"onUpdate:open": r[35] ||= (e) => h.value = e,
+			onClose: r[36] ||= (e) => h.value = !1
+		}, {
+			trigger: M(({ toggle: t }) => [u("button", {
+				type: "button",
+				class: g(["docx-tmore__btn", { "docx-tmore__btn--open": h.value }]),
+				disabled: e.disabled,
+				title: O(m)("tableAdvanced.tableOptions"),
+				onClick: F(t, ["prevent"])
+			}, [f(n, {
+				name: "more_vert",
+				size: 20
+			})], 10, Xt)]),
+			panel: M(() => [u("div", {
+				class: "docx-tmore__panel",
+				role: "menu",
+				"aria-label": O(m)("tableAdvanced.tableOptionsMenu")
+			}, [
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[0] ||= F((e) => I("addRowAbove"), ["prevent"])
+				}, [f(n, {
+					name: "add",
+					size: 18
+				}), u("span", null, E(O(m)("insertRowAbove")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[1] ||= F((e) => I("addRowBelow"), ["prevent"])
+				}, [f(n, {
+					name: "add",
+					size: 18
+				}), u("span", null, E(O(m)("insertRowBelow")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[2] ||= F((e) => I("addColumnLeft"), ["prevent"])
+				}, [f(n, {
+					name: "add",
+					size: 18
+				}), u("span", null, E(O(m)("insertColumnLeft")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[3] ||= F((e) => I("addColumnRight"), ["prevent"])
+				}, [f(n, {
+					name: "add",
+					size: 18
+				}), u("span", null, E(O(m)("insertColumnRight")), 1)]),
+				r[39] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: P("mergeCells"),
+					onClick: r[4] ||= F((e) => I("mergeCells"), ["prevent"])
+				}, [f(n, {
+					name: "call_merge",
+					size: 18
+				}), u("span", null, E(O(m)("table.mergeCells")), 1)], 8, Qt),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					disabled: P("splitCell"),
+					onClick: r[5] ||= F((e) => I("splitCell"), ["prevent"])
+				}, [f(n, {
+					name: "call_split",
+					size: 18
+				}), u("span", null, E(O(m)("table.splitCell")), 1)], 8, $t),
+				r[40] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[6] ||= F((e) => I("selectTable"), ["prevent"])
+				}, [f(n, {
+					name: "select_all",
+					size: 18
+				}), u("span", null, E(O(m)("table.selectTable")), 1)]),
+				r[41] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: P("deleteRow"),
+					onClick: r[7] ||= F((e) => I("deleteRow"), ["prevent"])
+				}, [f(n, {
+					name: "delete",
+					size: 18
+				}), u("span", null, E(O(m)("deleteRow")), 1)], 8, en),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					disabled: P("deleteColumn"),
+					onClick: r[8] ||= F((e) => I("deleteColumn"), ["prevent"])
+				}, [f(n, {
+					name: "delete",
+					size: 18
+				}), u("span", null, E(O(m)("deleteColumn")), 1)], 8, tn),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item docx-tmore__item--danger",
+					onClick: r[9] ||= F((e) => I("deleteTable"), ["prevent"])
+				}, [f(n, {
+					name: "delete",
+					size: 18
+				}), u("span", null, E(O(m)("table.deleteTable")), 1)]),
+				r[42] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("div", nn, E(O(m)("tableAdvanced.verticalAlignment")), 1),
+				u("div", rn, [
+					u("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: O(m)("tableAdvanced.top"),
+						onMousedown: r[10] ||= F(() => {}, ["prevent"]),
+						onClick: r[11] ||= F((e) => I("verticalAlignTop"), ["prevent"])
+					}, [f(n, {
+						name: "vertical_align_top",
+						size: 16
+					})], 40, an),
+					u("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: O(m)("tableAdvanced.middle"),
+						onMousedown: r[12] ||= F(() => {}, ["prevent"]),
+						onClick: r[13] ||= F((e) => I("verticalAlignMiddle"), ["prevent"])
+					}, [f(n, {
+						name: "vertical_align_center",
+						size: 16
+					})], 40, on),
+					u("button", {
+						type: "button",
+						class: "docx-tmore__icon-btn",
+						title: O(m)("tableAdvanced.bottom"),
+						onMousedown: r[14] ||= F(() => {}, ["prevent"]),
+						onClick: r[15] ||= F((e) => I("verticalAlignBottom"), ["prevent"])
+					}, [f(n, {
+						name: "vertical_align_bottom",
+						size: 16
+					})], 40, sn)
+				]),
+				r[43] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("div", cn, E(O(m)("tableAdvanced.tableAlignment")), 1),
+				u("div", ln, [
+					u("button", {
+						type: "button",
+						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "left" }]),
+						title: O(m)("tableAdvanced.alignTableLeft"),
+						onMousedown: r[16] ||= F(() => {}, ["prevent"]),
+						onClick: r[17] ||= F((e) => I("alignTableLeft"), ["prevent"])
+					}, [f(n, {
+						name: "format_align_left",
+						size: 16
+					})], 42, un),
+					u("button", {
+						type: "button",
+						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "center" }]),
+						title: O(m)("tableAdvanced.alignTableCenter"),
+						onMousedown: r[18] ||= F(() => {}, ["prevent"]),
+						onClick: r[19] ||= F((e) => I("alignTableCenter"), ["prevent"])
+					}, [f(n, {
+						name: "format_align_center",
+						size: 16
+					})], 42, dn),
+					u("button", {
+						type: "button",
+						class: g(["docx-tmore__icon-btn", { "docx-tmore__icon-btn--active": e.currentJustification === "right" }]),
+						title: O(m)("tableAdvanced.alignTableRight"),
+						onMousedown: r[20] ||= F(() => {}, ["prevent"]),
+						onClick: r[21] ||= F((e) => I("alignTableRight"), ["prevent"])
+					}, [f(n, {
+						name: "format_align_right",
+						size: 16
+					})], 42, fn)
+				]),
+				r[44] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[22] ||= F((e) => _.value = !_.value, ["prevent"])
+				}, [
+					f(n, {
+						name: "padding",
+						size: 18
+					}),
+					u("span", pn, E(O(m)("tableAdvanced.cellMargins")), 1),
+					f(n, {
+						name: _.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				_.value ? (b(), l("div", mn, [u("div", hn, [(b(), l(a, null, C([
+					"top",
+					"bottom",
+					"left",
+					"right"
+				], (e) => u("label", {
+					key: e,
+					class: "docx-tmore__field"
+				}, [
+					u("span", gn, E(e), 1),
+					N(u("input", {
+						type: "number",
+						min: "0",
+						step: "20",
+						"onUpdate:modelValue": (t) => w[e] = t,
+						class: "docx-tmore__input"
+					}, null, 8, _n), [[
+						A,
+						w[e],
+						void 0,
+						{ number: !0 }
+					]]),
+					r[37] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+				])), 64))]), u("button", {
+					type: "button",
+					class: "docx-tmore__apply",
+					onClick: F(R, ["prevent"])
+				}, E(O(m)("common.apply")), 1)])) : c("", !0),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[23] ||= F((e) => v.value = !v.value, ["prevent"])
+				}, [
+					f(n, {
+						name: "height",
+						size: 18
+					}),
+					u("span", vn, E(O(m)("tableAdvanced.rowHeight")), 1),
+					f(n, {
+						name: v.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				v.value ? (b(), l("div", yn, [
+					u("label", bn, [u("span", xn, E(O(m)("tableAdvanced.rule")), 1), N(u("select", {
+						"onUpdate:modelValue": r[24] ||= (e) => D.value = e,
+						class: "docx-tmore__select"
+					}, [
+						u("option", Sn, E(O(m)("tableAdvanced.heightRules.auto")), 1),
+						u("option", Cn, E(O(m)("tableAdvanced.heightRules.atLeast")), 1),
+						u("option", wn, E(O(m)("tableAdvanced.heightRules.exact")), 1)
+					], 512), [[k, D.value]])]),
+					D.value === "auto" ? c("", !0) : (b(), l("label", Tn, [
+						u("span", En, E(O(m)("tableAdvanced.height")), 1),
+						N(u("input", {
+							type: "number",
+							min: "0",
+							step: "20",
+							"onUpdate:modelValue": r[25] ||= (e) => T.value = e,
+							class: "docx-tmore__input"
+						}, null, 512), [[
+							A,
+							T.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						r[38] ||= u("span", { class: "docx-tmore__unit" }, "tw", -1)
+					])),
+					u("button", {
+						type: "button",
+						class: "docx-tmore__apply",
+						onClick: F(z, ["prevent"])
+					}, E(O(m)("common.apply")), 1)
+				])) : c("", !0),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[26] ||= F((e) => y.value = !y.value, ["prevent"])
+				}, [
+					f(n, {
+						name: "text_rotation_none",
+						size: 18
+					}),
+					u("span", Dn, E(O(m)("textDirection")), 1),
+					f(n, {
+						name: y.value ? "expand_less" : "expand_more",
+						size: 18
+					}, null, 8, ["name"])
+				]),
+				y.value ? (b(), l("div", On, [
+					u("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[27] ||= F((e) => B(null), ["prevent"])
+					}, E(O(m)("tableAdvanced.textDirections.horizontal")), 1),
+					u("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[28] ||= F((e) => B("tbRl"), ["prevent"])
+					}, E(O(m)("tableAdvanced.textDirections.verticalRL")), 1),
+					u("button", {
+						type: "button",
+						class: "docx-tmore__sub-item",
+						onClick: r[29] ||= F((e) => B("btLr"), ["prevent"])
+					}, E(O(m)("tableAdvanced.textDirections.verticalLR")), 1)
+				])) : c("", !0),
+				r[45] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[30] ||= F((e) => I("toggleHeaderRow"), ["prevent"])
+				}, [f(n, {
+					name: "table_rows",
+					size: 18
+				}), u("span", null, E(O(m)("tableAdvanced.toggleHeaderRow")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[31] ||= F((e) => I("distributeColumns"), ["prevent"])
+				}, [f(n, {
+					name: "view_column",
+					size: 18
+				}), u("span", null, E(O(m)("tableAdvanced.distributeColumns")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[32] ||= F((e) => I("autoFit"), ["prevent"])
+				}, [f(n, {
+					name: "fit_width",
+					size: 18
+				}), u("span", null, E(O(m)("tableAdvanced.autoFit")), 1)]),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[33] ||= F((e) => I("toggleNoWrap"), ["prevent"])
+				}, [f(n, {
+					name: "wrap_text",
+					size: 18
+				}), u("span", null, E(O(m)("tableAdvanced.toggleNoWrap")), 1)]),
+				r[46] ||= u("div", { class: "docx-tmore__separator" }, null, -1),
+				u("button", {
+					type: "button",
+					class: "docx-tmore__item",
+					onClick: r[34] ||= F((e) => I("tableProperties"), ["prevent"])
+				}, [f(n, {
+					name: "settings",
+					size: 18
+				}), u("span", null, E(O(m)("tableAdvanced.tableProperties")), 1)])
+			], 8, Zt)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-53619b7d"]]), An = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "TableToolbar",
+	props: {
+		view: {},
+		getCommands: { type: Function },
+		stateTick: {},
+		theme: {}
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = o(() => {
+			n.stateTick;
+			let e = n.view;
+			return e ? H(e.state) : null;
+		}), i = o(() => !!r.value?.isInTable), s = o(() => {
+			n.stateTick;
+			let e = n.view;
+			if (!e) return !1;
+			let { $from: t } = e.state.selection;
+			for (let e = t.depth; e > 0; e--) if (t.node(e).type.name === "tableCell") {
+				let n = t.node(e), r = n.attrs.colspan, i = n.attrs.rowspan;
+				return (typeof r == "number" ? r : 1) > 1 || (typeof i == "number" ? i : 1) > 1;
+			}
+			return !1;
+		}), d = o(() => {
+			let e = r.value?.cellBorderColor;
+			if (e && typeof e == "object" && "rgb" in e && typeof e.rgb == "string") return e.rgb;
+		}), p = o(() => d.value === void 0 ? {} : { value: d.value }), h = o(() => !!r.value?.hasMultiCellSelection), g = o(() => r.value?.rowCount ?? 0), _ = o(() => r.value?.columnCount ?? 0), v = o(() => {
+			let e = r.value?.table?.attrs.justification;
+			return e === "center" || e === "right" ? e : "left";
+		}), y = {
+			style: "single",
+			size: 4,
+			color: { rgb: "000000" }
+		};
+		j([() => n.view, () => n.stateTick], () => {
+			let e = n.view;
+			if (!e) return;
+			let t = H(e.state), r = t.cellBorderColor;
+			!r || !t.isInTable || typeof r == "object" && "rgb" in r && typeof r.rgb == "string" && (y.color = { rgb: r.rgb });
+		}, { immediate: !0 });
+		function x(e, ...t) {
+			let r = n.view;
+			if (!r) return !1;
+			let i = n.getCommands()[e];
+			return i ? (i(...t)(r.state, (e) => r.dispatch(e), r), r.focus(), !0) : !1;
+		}
+		function S(e) {
+			let t = {
+				...y,
+				color: { ...y.color }
+			};
+			switch (e) {
+				case "all":
+					x("setAllTableBorders", t);
+					return;
+				case "none":
+					x("removeTableBorders");
+					return;
+				case "box":
+					x("setOutsideTableBorders", t);
+					return;
+				case "inside":
+				case "insideH":
+				case "insideV":
+					x("setInsideTableBorders", t);
+					return;
+				case "top":
+				case "bottom":
+				case "left":
+				case "right":
+					x("setCellBorder", e, t, !0);
+					return;
+			}
+		}
+		function C(e) {
+			y.color = { rgb: e.replace(/^#/, "") }, x("setTableBorderColor", e);
+		}
+		function w(e) {
+			y.size = e, x("setTableBorderWidth", e);
+		}
+		function T(e) {
+			x("setCellFillColor", e);
+		}
+		let E = {
+			autoFit: ["autoFitContents"],
+			alignTableLeft: ["setTableProperties", { justification: "left" }],
+			alignTableCenter: ["setTableProperties", { justification: "center" }],
+			alignTableRight: ["setTableProperties", { justification: "right" }],
+			verticalAlignTop: ["setCellVerticalAlign", "top"],
+			verticalAlignMiddle: ["setCellVerticalAlign", "center"],
+			verticalAlignBottom: ["setCellVerticalAlign", "bottom"]
+		};
+		function D(e) {
+			if (e === "tableProperties") return;
+			let t = E[e];
+			t ? x(...t) : x(e);
+		}
+		function O(e) {
+			x("setCellMargins", e);
+		}
+		function k(e) {
+			x("setCellTextDirection", e);
+		}
+		function A(e) {
+			x("setRowHeight", e.height, e.rule);
+		}
+		return t({
+			isInTable: i,
+			canSplit: s,
+			canMerge: h,
+			rowCount: g,
+			columnCount: _,
+			currentJustification: v,
+			onBorderPreset: S,
+			onBorderColor: C,
+			onBorderWidth: w,
+			onCellFill: T,
+			onMoreAction: D,
+			onCellMargins: O,
+			onCellTextDirection: k,
+			onRowHeight: A
+		}), (t, n) => i.value ? (b(), l(a, { key: 0 }, [
+			n[0] ||= u("span", { class: "divider" }, null, -1),
+			f(Ht, { onChange: S }),
+			f(Ut, m({ theme: e.theme ?? null }, p.value, { onChange: C }), null, 16, ["theme"]),
+			f(Jt, { onChange: w }),
+			f(Yt, {
+				theme: e.theme ?? null,
+				onChange: T
+			}, null, 8, ["theme"]),
+			f(kn, {
+				"can-split": s.value,
+				"can-merge": h.value,
+				"row-count": g.value,
+				"column-count": _.value,
+				"current-justification": v.value,
+				onAction: D,
+				onCellMargins: O,
+				onCellTextDirection: k,
+				onRowHeight: A
+			}, null, 8, [
+				"can-split",
+				"can-merge",
+				"row-count",
+				"column-count",
+				"current-justification"
+			])
+		], 64)) : c("", !0);
+	}
+}), [["__scopeId", "data-v-af7b47da"]]), jn = { class: "docx-vertical-ruler__ticks" }, Mn = 15840, Nn = 1440, Pn = 1440, Fn = 567, In = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "VerticalRuler",
+	props: {
+		sectionProps: {},
+		zoom: { default: 1 },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		unit: { default: "inch" }
+	},
+	emits: ["top-margin-change", "bottom-margin-change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = S(null), s = S(null);
+		function d(e) {
+			return R(e) * n.zoom;
+		}
+		function f(e) {
+			return Math.round(L(e / n.zoom));
+		}
+		let p = o(() => n.sectionProps?.pageHeight ?? Mn), m = o(() => n.sectionProps?.marginTop ?? Nn), h = o(() => n.sectionProps?.marginBottom ?? Nn), g = o(() => d(p.value)), y = o(() => d(m.value)), x = o(() => d(h.value)), w = o(() => ({
+			position: "relative",
+			width: "20px",
+			height: g.value + "px",
+			backgroundColor: "transparent",
+			overflow: "visible",
+			userSelect: "none",
+			cursor: i.value ? "ns-resize" : "default"
+		})), T = o(() => {
+			let e = [];
+			if (n.unit === "inch") {
+				let t = Pn / 8, n = Math.ceil(p.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > p.value) break;
+					let i = d(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 = Fn / 10, n = Math.ceil(p.value / t);
+				for (let r = 0; r <= n; r++) {
+					let n = r * t;
+					if (n > p.value) break;
+					let i = d(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 D(e) {
+			return {
+				position: "absolute",
+				top: e - 5 + "px",
+				right: 0,
+				width: "20px",
+				height: "10px",
+				cursor: n.editable ? "ns-resize" : "default",
+				zIndex: i.value === null ? 1 : 10
+			};
+		}
+		function O(e) {
+			let t = i.value === e, n = s.value === e, r = "var(--doc-primary)";
+			return t ? r = "var(--doc-primary-hover)" : n && (r = "var(--doc-primary)"), {
+				position: "absolute",
+				top: "0px",
+				right: "2px",
+				width: "0",
+				height: "0",
+				borderTop: "5px solid transparent",
+				borderBottom: "5px solid transparent",
+				borderRight: `8px solid ${r}`,
+				transition: "border-right-color 0.1s"
+			};
+		}
+		let k = 0, A = 0;
+		function j(e, t) {
+			n.editable && (i.value = e, k = t.clientY, A = e === "topMargin" ? m.value : h.value, document.addEventListener("mousemove", M), document.addEventListener("mouseup", N));
+		}
+		function M(e) {
+			if (!i.value) return;
+			let t = e.clientY - k, n = f(i.value === "topMargin" ? t : -t), a = p.value - (i.value === "topMargin" ? h.value : m.value) - 720, o = Math.round(Math.max(0, Math.min(A + n, a)));
+			i.value === "topMargin" ? r("top-margin-change", o) : r("bottom-margin-change", o);
+		}
+		function N() {
+			i.value = null, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N);
+		}
+		return v(() => {
+			document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N);
+		}), (t, n) => (b(), l("div", {
+			class: "docx-vertical-ruler",
+			style: _(w.value),
+			role: "slider",
+			"aria-label": "Vertical ruler",
+			"aria-orientation": "vertical"
+		}, [
+			u("div", jn, [(b(!0), l(a, null, C(T.value, (e, t) => (b(), l(a, { key: t }, [u("div", {
+				class: "docx-vertical-ruler__tick-line",
+				style: _({
+					top: e.position + "px",
+					width: e.width + "px"
+				})
+			}, null, 4), e.label ? (b(), l("div", {
+				key: 0,
+				class: "docx-vertical-ruler__tick-label",
+				style: _({ top: e.position + "px" })
+			}, E(e.label), 5)) : c("", !0)], 64))), 128))]),
+			e.editable ? (b(), l("div", {
+				key: 0,
+				class: "docx-vertical-ruler__marker",
+				style: _(D(y.value)),
+				onMousedown: n[0] ||= F((e) => j("topMargin", e), ["prevent"]),
+				onMouseenter: n[1] ||= (e) => s.value = "topMargin",
+				onMouseleave: n[2] ||= (e) => s.value = null
+			}, [u("div", { style: _(O("topMargin")) }, null, 4)], 36)) : c("", !0),
+			e.editable ? (b(), l("div", {
+				key: 1,
+				class: "docx-vertical-ruler__marker",
+				style: _(D(g.value - x.value)),
+				onMousedown: n[3] ||= F((e) => j("bottomMargin", e), ["prevent"]),
+				onMouseenter: n[4] ||= (e) => s.value = "bottomMargin",
+				onMouseleave: n[5] ||= (e) => s.value = null
+			}, [u("div", { style: _(O("bottomMargin")) }, null, 4)], 36)) : c("", !0)
+		], 4));
+	}
+}), [["__scopeId", "data-v-fc2715dd"]]);
+//#endregion
+//#region src/utils/comments.ts
+function Ln(e) {
+	return e?.length ? e.flatMap((e) => e.content.filter((e) => e.type === "run").flatMap((e) => "content" in e ? e.content : []).filter((e) => e.type === "text").map((e) => "text" in e ? e.text : "")).join("") : "";
+}
+function Rn(e) {
+	return e ? new Date(e).toLocaleString(void 0, {
+		hour: "numeric",
+		minute: "2-digit",
+		month: "short",
+		day: "numeric"
+	}) : "";
+}
+function zn(e) {
+	return e.split(/\s+/).map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+}
+var Bn = [
+	"#6DCCB1",
+	"#79AAD9",
+	"#EE789D",
+	"#A987D1",
+	"#E6A85F",
+	"#F2CC8F",
+	"#68B3A2",
+	"#B07AA1",
+	"#59A14F",
+	"#FF9DA7",
+	"#E15759",
+	"#76B7B2"
+];
+function Vn(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
+	return Bn[Math.abs(t) % Bn.length] ?? "#888888";
+}
+function $(e, t = 50) {
+	return e.length > t ? e.slice(0, t) + "..." : e;
+}
+//#endregion
+//#region src/components/sidebar/Avatar.vue
+var Hn = /* @__PURE__ */ p({
+	__name: "Avatar",
+	props: {
+		name: { default: "U" },
+		size: { default: 32 }
+	},
+	setup(e) {
+		let t = e, n = o(() => zn(t.name || "U")), r = o(() => ({
+			width: t.size + "px",
+			height: t.size + "px",
+			borderRadius: "50%",
+			backgroundColor: Vn(t.name || "U"),
+			color: "#fff",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			fontSize: t.size === 32 ? "13px" : "11px",
+			fontWeight: 500,
+			flexShrink: 0
+		}));
+		return (e, t) => (b(), l("div", {
+			class: "docx-avatar",
+			style: _(r.value)
+		}, E(n.value), 5));
+	}
+}), Un = {
+	key: 0,
+	class: "reply-thread"
+}, Wn = {
+	key: 0,
+	class: "reply-thread__more"
+}, Gn = { class: "reply-thread__header" }, Kn = { class: "reply-thread__author-block" }, qn = { class: "reply-thread__author" }, Jn = { class: "reply-thread__date" }, Yn = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "ReplyThread",
+	props: {
+		replies: {},
+		isExpanded: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = o(() => t.isExpanded ? t.replies : t.replies.slice(-1)), r = o(() => t.isExpanded ? 0 : Math.max(0, t.replies.length - 1));
+		return (t, i) => e.replies.length > 0 ? (b(), l("div", Un, [r.value > 0 ? (b(), l("div", Wn, E(r.value) + " " + E(r.value === 1 ? "reply" : "replies"), 1)) : c("", !0), (b(!0), l(a, null, C(n.value, (t) => (b(), l("div", {
+			key: t.id,
+			class: g(["reply-thread__item", { "reply-thread__item--expanded": e.isExpanded }])
+		}, [u("div", Gn, [f(Hn, {
+			name: t.author,
+			size: 28
+		}, null, 8, ["name"]), u("div", Kn, [u("div", qn, E(t.author || "Unknown"), 1), u("div", Jn, E(O(Rn)(t.date)), 1)])]), u("div", { class: g(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, E(O(Ln)(t.content)), 3)], 2))), 128))])) : c("", !0);
+	}
+}), [["__scopeId", "data-v-05622ce1"]]), Xn = ["onKeydown"], Zn = { class: "reply-input__actions" }, Qn = ["disabled"], $n = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "ReplyInput",
+	emits: ["submit"],
+	setup(e, { emit: t }) {
+		let n = t, r = S(!1), i = S(""), s = S(null), c = o(() => i.value.trim());
+		function d() {
+			r.value = !0, h(() => s.value?.focus({ preventScroll: !0 }));
+		}
+		function f() {
+			r.value = !1, i.value = "";
+		}
+		function p() {
+			let e = c.value;
+			e && n("submit", e), i.value = "", r.value = !1;
+		}
+		return (e, t) => (b(), l("div", {
+			onClick: t[4] ||= F(() => {}, ["stop"]),
+			onMousedown: t[5] ||= F(() => {}, ["stop"]),
+			class: "reply-input"
+		}, [r.value ? (b(), l(a, { key: 1 }, [N(u("input", {
+			ref_key: "inputRef",
+			ref: s,
+			"onUpdate:modelValue": t[1] ||= (e) => i.value = e,
+			type: "text",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--active",
+			onMousedown: t[2] ||= F(() => {}, ["stop"]),
+			onKeydown: [
+				t[3] ||= F(() => {}, ["stop"]),
+				P(F(p, ["prevent"]), ["enter"]),
+				P(f, ["esc"])
+			]
+		}, null, 40, Xn), [[A, i.value]]), u("div", Zn, [u("button", {
+			class: "reply-input__cancel",
+			onClick: F(f, ["stop"])
+		}, "Cancel"), u("button", {
+			class: g(["reply-input__submit", { "reply-input__submit--active": c.value }]),
+			disabled: !c.value,
+			onClick: F(p, ["stop"])
+		}, "Reply", 10, Qn)])], 64)) : (b(), l("input", {
+			key: 0,
+			readonly: "",
+			placeholder: "Reply",
+			class: "reply-input__field reply-input__field--inactive",
+			onMousedown: t[0] ||= F(() => {}, ["stop"]),
+			onClick: F(d, ["stop"])
+		}, null, 32))], 32));
+	}
+}), [["__scopeId", "data-v-2e135c9d"]]), er = ["data-comment-id"], tr = {
+	key: 0,
+	class: "comment-card__resolved"
+}, nr = { class: "comment-card__head" }, rr = { class: "comment-card__author-block" }, ir = { class: "comment-card__author" }, ar = { class: "comment-card__date" }, or = {
+	key: 0,
+	class: "comment-card__actions"
+}, sr = ["title"], cr = { class: "comment-card__body" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "CommentCard",
+	props: {
+		comment: {},
+		replies: {},
+		expanded: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"reply",
+		"resolve",
+		"unresolve",
+		"delete"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = S(!1);
+		function o() {
+			a.value = !1, i("delete", r.comment.id);
+		}
+		return (t, r) => (b(), l("div", {
+			class: g(["comment-card", { "comment-card--expanded": e.expanded }]),
+			"data-comment-id": e.comment.id,
+			onClick: r[5] ||= (e) => t.$emit("click"),
+			onMousedown: r[6] ||= F(() => {}, ["stop"])
+		}, [
+			e.comment.done ? (b(), l("div", tr, [f(n, {
+				name: "check",
+				size: 12
+			}), r[7] ||= u("span", null, "Resolved", -1)])) : c("", !0),
+			u("div", nr, [
+				f(Hn, {
+					name: e.comment.author,
+					size: 32
+				}, null, 8, ["name"]),
+				u("div", rr, [u("div", ir, E(e.comment.author || "Unknown"), 1), u("div", ar, E(O(Rn)(e.comment.date)), 1)]),
+				e.expanded ? (b(), l("div", or, [
+					u("button", {
+						class: "comment-card__icon-btn",
+						title: e.comment.done ? "Reopen" : "Resolve",
+						onClick: r[0] ||= F((n) => e.comment.done ? t.$emit("unresolve", e.comment.id) : t.$emit("resolve", e.comment.id), ["stop"])
+					}, [f(n, {
+						name: e.comment.done ? "undo" : "check",
+						size: 20
+					}, null, 8, ["name"])], 8, sr),
+					u("button", {
+						class: "comment-card__icon-btn",
+						title: "More options",
+						onClick: r[1] ||= F((e) => a.value = !a.value, ["stop"])
+					}, [f(n, {
+						name: "more_vert",
+						size: 20
+					})]),
+					a.value ? (b(), l("div", {
+						key: 0,
+						class: "comment-card__menu",
+						onClick: r[2] ||= F(() => {}, ["stop"]),
+						onMousedown: r[3] ||= F(() => {}, ["stop"])
+					}, [u("button", {
+						class: "comment-card__menu-item",
+						onClick: o
+					}, "Delete")], 32)) : c("", !0)
+				])) : c("", !0)
+			]),
+			u("div", cr, E(O(Ln)(e.comment.content)), 1),
+			f(Yn, {
+				replies: e.replies,
+				"is-expanded": e.expanded
+			}, null, 8, ["replies", "is-expanded"]),
+			e.expanded && !e.comment.done ? (b(), s($n, {
+				key: 1,
+				onSubmit: r[4] ||= (n) => t.$emit("reply", e.comment.id, n)
+			})) : c("", !0)
+		], 42, er));
+	}
+}), [["__scopeId", "data-v-e4e6cbdb"]]), ur = ["data-comment-id"], dr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "ResolvedCommentMarker",
+	props: { comment: {} },
+	emits: ["toggle-expand"],
+	setup(e) {
+		return (t, r) => (b(), l("div", {
+			class: "resolved-comment-marker",
+			"data-comment-id": e.comment.id,
+			"data-comment-resolved": "true",
+			onClick: r[0] ||= (e) => t.$emit("toggle-expand"),
+			onMousedown: r[1] ||= F(() => {}, ["stop"])
+		}, [f(n, {
+			name: "chat_bubble_check",
+			size: 20
+		})], 40, ur));
+	}
+}), [["__scopeId", "data-v-a50692db"]]), fr = { class: "tc-card__head" }, pr = { class: "tc-card__author-block" }, mr = { class: "tc-card__author" }, hr = {
+	key: 0,
+	class: "tc-card__date"
+}, gr = {
+	key: 0,
+	class: "tc-card__actions"
+}, _r = ["title"], vr = ["title"], yr = { class: "tc-card__body" }, br = { class: "tc-card__deleted" }, xr = { class: "tc-card__inserted" }, Sr = { class: "tc-card__inserted" }, Cr = { class: "tc-card__deleted" }, wr = { class: "tc-card__changed" }, Tr = {
+	key: 4,
+	class: "tc-card__inserted"
+}, Er = {
+	key: 5,
+	class: "tc-card__deleted"
+}, Dr = {
+	key: 6,
+	class: "tc-card__inserted"
+}, Or = {
+	key: 7,
+	class: "tc-card__deleted"
+}, kr = {
+	key: 8,
+	class: "tc-card__changed"
+}, Ar = {
+	key: 9,
+	class: "tc-card__changed"
+}, jr = {
+	key: 10,
+	class: "tc-card__changed"
+}, Mr = {
+	key: 11,
+	class: "tc-card__changed"
+}, Nr = {
+	key: 12,
+	class: "tc-card__inserted"
+}, Pr = {
+	key: 13,
+	class: "tc-card__deleted"
+}, Fr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "TrackedChangeCard",
+	props: {
+		change: {},
+		expanded: { type: Boolean },
+		replies: {}
+	},
+	emits: [
+		"click",
+		"accept-by-id",
+		"reject-by-id",
+		"reply"
+	],
+	setup(e, { emit: t }) {
+		let { t: i } = r(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
+		function _() {
+			let e = new Set([p.change.revisionId]);
+			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
+			for (let t of p.change.coalescedRevisionIds ?? []) e.add(t);
+			return [...e];
+		}
+		function v() {
+			for (let e of _()) m("accept-by-id", e);
+		}
+		function y() {
+			for (let e of _()) m("reject-by-id", e);
+		}
+		return (t, r) => (b(), l("div", {
+			class: g(["tc-card", { "tc-card--expanded": e.expanded }]),
+			onClick: r[1] ||= (e) => t.$emit("click"),
+			onMousedown: r[2] ||= F(() => {}, ["stop"])
+		}, [
+			u("div", fr, [
+				f(Hn, {
+					name: h.value,
+					size: 32
+				}, null, 8, ["name"]),
+				u("div", pr, [u("div", mr, E(h.value), 1), e.change.date ? (b(), l("div", hr, E(O(Rn)(e.change.date)), 1)) : c("", !0)]),
+				e.expanded ? (b(), l("div", gr, [u("button", {
+					class: "tc-card__icon-btn",
+					title: O(i)("acceptChange"),
+					onClick: F(v, ["stop"])
+				}, [f(n, {
+					name: "check",
+					size: 20
+				})], 8, _r), u("button", {
+					class: "tc-card__icon-btn",
+					title: O(i)("rejectChange"),
+					onClick: F(y, ["stop"])
+				}, [f(n, {
+					name: "close",
+					size: 20
+				})], 8, vr)])) : c("", !0)
+			]),
+			u("div", yr, [e.change.type === "replacement" ? (b(), l(a, { key: 0 }, [
+				d(E(O(i)("trackedChanges.replaced")) + " ", 1),
+				u("span", br, "\"" + E(O($)(e.change.deletedText || "")) + "\"", 1),
+				d(" " + E(O(i)("trackedChanges.with")) + " ", 1),
+				u("span", xr, "\"" + E(O($)(e.change.text)) + "\"", 1)
+			], 64)) : e.change.type === "paragraphMarkInsertion" ? (b(), l(a, { key: 1 }, [d(E(O(i)("revisions.paragraphMarkInserted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[3] ||= d(": ", -1), u("span", Sr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphMarkDeletion" ? (b(), l(a, { key: 2 }, [d(E(O(i)("revisions.paragraphMarkDeleted")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[4] ||= d(": ", -1), u("span", Cr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "paragraphPropertiesChanged" ? (b(), l(a, { key: 3 }, [d(E(O(i)("revisions.paragraphPropertiesChanged")), 1), e.change.text ? (b(), l(a, { key: 0 }, [r[5] ||= d(": ", -1), u("span", wr, "\"" + E(O($)(e.change.text)) + "\"", 1)], 64)) : c("", !0)], 64)) : e.change.type === "rowInserted" ? (b(), l("span", Tr, E(O(i)("revisions.rowInserted")), 1)) : e.change.type === "rowDeleted" ? (b(), l("span", Er, E(O(i)("revisions.rowDeleted")), 1)) : e.change.type === "cellInserted" ? (b(), l("span", Dr, E(O(i)("revisions.cellInserted")), 1)) : e.change.type === "cellDeleted" ? (b(), l("span", Or, E(O(i)("revisions.cellDeleted")), 1)) : e.change.type === "cellMerged" ? (b(), l("span", kr, E(O(i)("revisions.cellMerged")), 1)) : e.change.type === "rowPropertiesChanged" ? (b(), l("span", Ar, E(O(i)("revisions.rowPropertiesChanged")), 1)) : e.change.type === "cellPropertiesChanged" ? (b(), l("span", jr, E(O(i)("revisions.cellPropertiesChanged")), 1)) : e.change.type === "tablePropertiesChanged" ? (b(), l("span", Mr, E(O(i)("revisions.tablePropertiesChanged")), 1)) : e.change.type === "tableInserted" ? (b(), l("span", Nr, E(O(i)("revisions.tableInserted")), 1)) : e.change.type === "tableDeleted" ? (b(), l("span", Pr, E(O(i)("revisions.tableDeleted")), 1)) : (b(), l(a, { key: 14 }, [d(E(e.change.type === "insertion" ? O(i)("inserted") : O(i)("deleted")) + " ", 1), u("span", { class: g(e.change.type === "insertion" ? "tc-card__inserted" : "tc-card__deleted") }, " \"" + E(O($)(e.change.text)) + "\" ", 3)], 64))]),
+			f(Yn, {
+				replies: e.replies,
+				"is-expanded": e.expanded
+			}, null, 8, ["replies", "is-expanded"]),
+			e.expanded ? (b(), s($n, {
+				key: 0,
+				onSubmit: r[0] ||= (n) => t.$emit("reply", e.change.revisionId, n)
+			})) : c("", !0)
+		], 34));
+	}
+}), [["__scopeId", "data-v-d8e9f35f"]]), Ir = ["onKeydown"], Lr = { class: "add-comment-card__actions" }, Rr = ["disabled"], zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "AddCommentCard",
+	emits: ["submit", "cancel"],
+	setup(e, { emit: t }) {
+		let n = t, r = S(""), i = S(null), a = o(() => r.value.trim());
+		y(() => {
+			i.value?.focus({ preventScroll: !0 });
+		});
+		function s() {
+			a.value && (n("submit", a.value), r.value = "");
+		}
+		function c() {
+			n("cancel"), r.value = "";
+		}
+		return (e, t) => (b(), l("div", {
+			class: "add-comment-card",
+			onMousedown: t[3] ||= F(() => {}, ["stop"])
+		}, [N(u("textarea", {
+			ref_key: "inputRef",
+			ref: i,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
+			class: "add-comment-card__field",
+			placeholder: "Add a comment",
+			onMousedown: t[1] ||= F(() => {}, ["stop"]),
+			onKeydown: [
+				t[2] ||= F(() => {}, ["stop"]),
+				P(F(s, ["exact", "prevent"]), ["enter"]),
+				P(c, ["esc"])
+			]
+		}, null, 40, Ir), [[A, r.value]]), u("div", Lr, [u("button", {
+			class: "add-comment-card__cancel",
+			onClick: c
+		}, "Cancel"), u("button", {
+			class: g(["add-comment-card__submit", { "add-comment-card__submit--active": a.value }]),
+			disabled: !a.value,
+			onClick: s
+		}, "Comment", 10, Rr)])], 32));
+	}
+}), [["__scopeId", "data-v-fa58f532"]]);
+//#endregion
+//#region src/components/sidebar/resolveItemPositions.ts
+function Br(e, t, n, r, i) {
+	if (e.length === 0) return [];
+	let a = [];
+	for (let r of e) {
+		let e;
+		if (r.fixedY != null && (e = r.fixedY * n), e == null && r.anchorKey) {
+			let i = t.get(r.anchorKey);
+			i != null && (e = i * n);
+		}
+		if (e == null) {
+			let t = i.get(r.id);
+			t != null && (e = t);
+		}
+		e != null && (a.push({
+			item: r,
+			targetY: e
+		}), i.set(r.id, e));
+	}
+	a.sort((e, t) => {
+		let n = e.targetY - t.targetY;
+		return n === 0 ? (e.item.priority ?? 0) - (t.item.priority ?? 0) : n;
+	});
+	let o = [], s = 0;
+	for (let e of a) {
+		let t = r.get(e.item.id) ?? e.item.estimatedHeight ?? 80, n = Math.max(e.targetY, s + 8);
+		o.push({
+			item: e.item,
+			y: n
+		}), s = n + t;
+	}
+	return o;
+}
+//#endregion
+//#region src/composables/useCommentSidebarItems.ts
+function Vr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: r, addCommentYPosition: i }) {
+	return o(() => {
+		let a = [];
+		r?.value && i?.value != null && a.push({
+			id: "new-comment-input",
+			anchorPos: 0,
+			fixedY: i.value,
+			priority: -1e3,
+			isTemporary: !0,
+			estimatedHeight: 120,
+			kind: "add-comment"
+		});
+		let o = /* @__PURE__ */ new Map();
+		for (let t of e.value) if (t.parentId != null) {
+			let e = o.get(t.parentId);
+			e ? e.push(t) : o.set(t.parentId, [t]);
+		}
+		for (let t of e.value) t.parentId ?? (t.done && !n?.value || a.push({
+			id: `comment-${t.id}`,
+			anchorPos: 0,
+			anchorKey: `comment-${t.id}`,
+			priority: 0,
+			estimatedHeight: t.done ? 28 : 80,
+			kind: "comment",
+			comment: t,
+			replies: o.get(t.id) ?? []
+		}));
+		return t.value.forEach((e, t) => {
+			a.push({
+				id: `tc-${e.revisionId}-${t}`,
+				anchorPos: e.from,
+				anchorKey: `revision-${e.revisionId}`,
+				priority: 1,
+				estimatedHeight: 80,
+				kind: "tracked-change",
+				change: e,
+				replies: o.get(e.revisionId) ?? []
+			});
+		}), a;
+	});
+}
+//#endregion
+//#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
+var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__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, r = t, i = S(null), f = o(() => n.activeItemId === void 0 ? i.value : n.activeItemId);
+		function p(e) {
+			let t = f.value === e ? null : e;
+			i.value = t, r("update:activeItemId", t);
+		}
+		function m(e) {
+			e.stopPropagation();
+			let t = e.target;
+			t instanceof HTMLElement && t.closest(".unified-sidebar__card-slot") || f.value !== null && (i.value = null, r("update:activeItemId", null));
+		}
+		let h = Vr({
+			comments: D(n, "comments"),
+			trackedChanges: D(n, "trackedChanges"),
+			showResolved: o(() => n.showResolved ?? !1),
+			isAddingComment: o(() => n.isAddingComment ?? !1),
+			addCommentYPosition: o(() => n.addCommentYPosition ?? null)
+		}), g = S(null), x = S(/* @__PURE__ */ new Map()), w = /* @__PURE__ */ new Map(), k = null, A = null, N = /* @__PURE__ */ new Set();
+		function P() {
+			let e = g.value;
+			if (!e || !A) return;
+			let t = new Set(e.querySelectorAll("[data-card-id]"));
+			if (!(t.size === N.size && [...t].every((e) => N.has(e)))) {
+				A.disconnect();
+				for (let e of t) A.observe(e);
+				N = t;
+			}
+		}
+		function F() {
+			let e = n.pagesContainer, t = h.value;
+			if (!e || t.length === 0) {
+				x.value = /* @__PURE__ */ new Map();
+				return;
+			}
+			let r = e.getBoundingClientRect(), i = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll("[data-comment-id]")) {
+				let e = t.dataset.commentId;
+				e && !i.has(e) && i.set(e, t);
+			}
+			let a = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-insertion[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				e && !a.has(e) && a.set(e, t);
+			}
+			let o = /* @__PURE__ */ new Map();
+			for (let t of e.querySelectorAll(".docx-deletion[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				e && !o.has(e) && o.set(e, t);
+			}
+			for (let t of e.querySelectorAll(".ep-revision-table[data-revision-id], .ep-revision-row[data-revision-id], .ep-revision-cell[data-revision-id], .layout-revision-pmark[data-revision-id]")) {
+				let e = t.dataset.revisionId;
+				if (!e) continue;
+				let n = t.classList.contains("ep-revision-ins") || t.classList.contains("layout-revision-ins") ? a : o;
+				n.has(e) || n.set(e, t);
+			}
+			let s = /* @__PURE__ */ new Map(), c = (t) => t.getBoundingClientRect().top - r.top + e.scrollTop;
+			for (let e of t) {
+				if (!e.anchorKey) continue;
+				let t;
+				if (e.kind === "comment") t = i.get(String(e.comment.id));
+				else if (e.kind === "tracked-change") {
+					let n = e.change;
+					t = n.type === "deletion" ? o.get(String(n.revisionId)) : a.get(String(n.insertionRevisionId ?? n.revisionId));
+				}
+				t && s.set(e.anchorKey, c(t));
+			}
+			let l = /* @__PURE__ */ new Map(), u = g.value;
+			if (u) for (let e of u.querySelectorAll("[data-card-id]")) {
+				let t = e.dataset.cardId;
+				t && l.set(t, e.offsetHeight);
+			}
+			let d = /* @__PURE__ */ new Map();
+			for (let { item: e, y: n } of Br(t, s, 1, l, w)) d.set(e.id, n);
+			x.value = d, P();
+		}
+		let I = o(() => {
+			let e = 0;
+			for (let t of x.value.values()) e = Math.max(e, t);
+			return e + 200;
+		}), L = o(() => {
+			let e = f.value;
+			if (!e) return "";
+			if (e.startsWith("comment-")) return `.paged-editor__pages [data-comment-id="${e.slice(8)}"] { background-color: rgba(255, 212, 0, 0.35) !important; border-bottom: 2px solid rgba(255, 212, 0, 0.7) !important; }`;
+			if (e.startsWith("tc-")) {
+				let t = e.split("-").at(1) ?? "";
+				return `
+      .paged-editor__pages .docx-insertion[data-revision-id="${h.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 "";
+		}), R = o(() => {
+			let e = n.pageWidthPx / 2 + Ur - 176, t = x.value.size > 0 || h.value.length === 0;
+			return {
+				position: "absolute",
+				top: "0",
+				left: `calc(50% + ${e}px)`,
+				width: "340px",
+				opacity: +!!t
+			};
+		});
+		function z(e) {
+			let t = x.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 B = !1;
+		function V() {
+			B || (B = !0, requestAnimationFrame(() => {
+				B = !1, F();
+			}));
+		}
+		j(() => [
+			h.value,
+			f.value,
+			n.pagesContainer,
+			n.pageWidthPx,
+			n.zoom,
+			n.isAddingComment,
+			n.addCommentYPosition
+		], () => V(), { immediate: !0 });
+		function ee(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 H = null;
+		function U() {
+			H && H.removeEventListener("scroll", V), H = ee(n.pagesContainer), H && H.addEventListener("scroll", V, { passive: !0 });
+		}
+		return y(() => {
+			A = new ResizeObserver(() => V()), V(), n.pagesContainer && (k = new ResizeObserver(() => V()), k.observe(n.pagesContainer), U());
+		}), j(() => n.pagesContainer, (e) => {
+			k?.disconnect(), k = null, e && (k = new ResizeObserver(() => V()), k.observe(e), U());
+		}), v(() => {
+			k?.disconnect(), A?.disconnect(), H && H.removeEventListener("scroll", V);
+		}), (t, n) => (b(), l(a, null, [L.value ? (b(), s(T("style"), { key: 0 }, {
+			default: M(() => [d(E(L.value), 1)]),
+			_: 1
+		})) : c("", !0), e.isOpen ? (b(), l("aside", {
+			key: 1,
+			ref_key: "rootRef",
+			ref: g,
+			class: "unified-sidebar",
+			style: _(R.value),
+			onMousedown: m
+		}, [u("div", {
+			class: "unified-sidebar__inner",
+			style: _({ minHeight: I.value + "px" })
+		}, [(b(!0), l(a, null, C(O(h), (e) => (b(), l("div", {
+			key: e.id,
+			class: "unified-sidebar__card-slot",
+			"data-card-id": e.id,
+			style: _(z(e.id))
+		}, [e.kind === "add-comment" ? (b(), s(zr, {
+			key: 0,
+			onSubmit: n[0] ||= (e) => t.$emit("add-comment", e),
+			onCancel: n[1] ||= (e) => t.$emit("cancel-add-comment")
+		})) : e.kind === "comment" && e.comment.done && f.value !== e.id ? (b(), s(dr, {
+			key: 1,
+			comment: e.comment,
+			onToggleExpand: (t) => p(e.id)
+		}, null, 8, ["comment", "onToggleExpand"])) : e.kind === "comment" ? (b(), s(lr, {
+			key: 2,
+			comment: e.comment,
+			replies: e.replies,
+			expanded: f.value === e.id,
+			onClick: (t) => p(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" ? (b(), s(Fr, {
+			key: 3,
+			change: e.change,
+			replies: e.replies ?? [],
+			expanded: f.value === e.id,
+			onClick: (t) => p(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",
+			"replies",
+			"expanded",
+			"onClick"
+		])) : c("", !0)], 12, Hr))), 128))], 4)], 36)) : c("", !0)], 64));
+	}
+}), [["__scopeId", "data-v-a073acda"]]), Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "StylePicker",
+	props: {
+		value: {},
+		styles: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let { Select: n } = i(), r = e, a = t, c = [
+			{
+				styleId: "Normal",
+				name: "Normal text"
+			},
+			{
+				styleId: "Title",
+				name: "Title"
+			},
+			{
+				styleId: "Subtitle",
+				name: "Subtitle"
+			},
+			{
+				styleId: "Heading1",
+				name: "Heading 1"
+			},
+			{
+				styleId: "Heading2",
+				name: "Heading 2"
+			},
+			{
+				styleId: "Heading3",
+				name: "Heading 3"
+			}
+		], l = o(() => r.styles ?? c), u = o(() => l.value.map((e) => ({
+			value: e.styleId,
+			label: e.name
+		})));
+		function d(e) {
+			a("change", e);
+		}
+		return (t, r) => (b(), s(O(n), {
+			class: g(["docx-style-picker", e.className]),
+			value: e.value ?? "Normal",
+			items: u.value,
+			disabled: e.disabled,
+			"aria-label": "Paragraph style",
+			onChange: d
+		}, null, 8, [
+			"value",
+			"items",
+			"disabled",
+			"class"
+		]));
+	}
+}), [["__scopeId", "data-v-2d8b7f7d"]]), Kr = [
+	"disabled",
+	"title",
+	"aria-expanded",
+	"onClick"
+], qr = { class: "docx-align__panel" }, Jr = ["title", "onClick"], Yr = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "AlignmentButtons",
+	props: {
+		value: { default: "left" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let { Popover: r } = i(), c = e, d = t, p = S(!1), m = [
+			{
+				value: "left",
+				label: "Align left",
+				icon: "format_align_left",
+				shortcut: "Ctrl+L"
+			},
+			{
+				value: "center",
+				label: "Center",
+				icon: "format_align_center",
+				shortcut: "Ctrl+E"
+			},
+			{
+				value: "right",
+				label: "Align right",
+				icon: "format_align_right",
+				shortcut: "Ctrl+R"
+			},
+			{
+				value: "both",
+				label: "Justify",
+				icon: "format_align_justify",
+				shortcut: "Ctrl+J"
+			}
+		], h = o(() => m.find((e) => e.value === c.value)?.icon ?? "format_align_left"), _ = o(() => m.find((e) => e.value === c.value)?.label ?? "Left");
+		function v(e) {
+			d("change", e), p.value = !1;
+		}
+		return (t, i) => (b(), s(O(r), {
+			open: p.value,
+			"onUpdate:open": i[0] ||= (e) => p.value = e,
+			onClose: i[1] ||= (e) => p.value = !1
+		}, {
+			trigger: M(({ toggle: t }) => [u("button", {
+				type: "button",
+				class: g(["docx-align__btn", { "docx-align__btn--open": p.value }]),
+				disabled: e.disabled,
+				title: `Alignment: ${_.value}`,
+				"aria-expanded": p.value,
+				"aria-haspopup": "true",
+				onClick: F(t, ["prevent"])
+			}, [f(n, {
+				name: h.value,
+				size: 20
+			}, null, 8, ["name"]), f(n, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, Kr)]),
+			panel: M(() => [u("div", qr, [(b(), l(a, null, C(m, (t) => u("button", {
+				key: t.value,
+				type: "button",
+				class: g(["docx-align__option", { "docx-align__option--active": e.value === t.value }]),
+				title: `${t.label} (${t.shortcut})`,
+				onClick: F((e) => v(t.value), ["prevent"])
+			}, [f(n, {
+				name: t.icon,
+				size: 20
+			}, null, 8, ["name"])], 10, Jr)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-93d45381"]]);
+//#endregion
+//#region src/utils/listState.ts
+function Xr() {
+	return {
+		type: "none",
+		level: 0,
+		isInList: !1
+	};
+}
+//#endregion
+//#region src/components/ui/ListButtons.vue?vue&type=script&setup=true&lang.ts
+var Zr = { class: "docx-list-btns" }, Qr = ["disabled"], $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = /*#__PURE__*/ t(/* @__PURE__ */ p({
+	__name: "ListButtons",
+	props: {
+		listState: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showIndentButtons: {
+			type: Boolean,
+			default: !0
+		},
+		canOutdent: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"bullet-list",
+		"numbered-list",
+		"indent",
+		"outdent"
+	],
+	setup(e) {
+		return (t, r) => (b(), l("span", Zr, [
+			u("button", {
+				type: "button",
+				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
+				disabled: e.disabled,
+				title: "Bullet list",
+				onClick: r[0] ||= F((e) => t.$emit("bullet-list"), ["prevent"])
+			}, [f(n, {
+				name: "format_list_bulleted",
+				size: 20
+			})], 10, Qr),
+			u("button", {
+				type: "button",
+				class: g(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
+				disabled: e.disabled,
+				title: "Numbered list",
+				onClick: r[1] ||= F((e) => t.$emit("numbered-list"), ["prevent"])
+			}, [f(n, {
+				name: "format_list_numbered",
+				size: 20
+			})], 10, $r),
+			e.showIndentButtons ? (b(), l(a, { key: 0 }, [u("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled || !e.canOutdent,
+				title: "Decrease indent",
+				onClick: r[2] ||= F((e) => t.$emit("outdent"), ["prevent"])
+			}, [f(n, {
+				name: "format_indent_decrease",
+				size: 20
+			})], 8, ei), u("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled,
+				title: "Increase indent",
+				onClick: r[3] ||= F((e) => t.$emit("indent"), ["prevent"])
+			}, [f(n, {
+				name: "format_indent_increase",
+				size: 20
+			})], 8, ti)], 64)) : c("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-c0ca80c9"]]);
+//#endregion
+export { ue as C, q as D, Y as E, te as O, de as S, oe as T, Ut as _, Wr as a, Dt as b, dr as c, Yn as d, In as f, Jt as g, Yt as h, Gr as i, lr as l, kn as m, Xr as n, zr as o, An as p, Yr as r, Fr as s, ni as t, $n as u, Ht as v, le as w, ve as x, Rt as y };