@eigenpal/docx-editor-vue 0.0.0

package/dist/ui.js

@@ -0,0 +1,963 @@
+import { a as e, i as t, n, o as r, p as i, r as a, s as o, t as s } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
+import { C as c, D as l, E as u, S as d, T as f, _ as ee, a as te, b as ne, c as p, d as m, f as h, g, h as _, i as v, l as y, m as b, n as x, o as S, p as re, r as ie, s as ae, t as C, u as oe, v as se, w as ce, x as w, y as le } from "./MenuBar-D_Dvwb0F.js";
+import { t as T } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { a as ue, i as de, n as fe, o as pe, r as E, s as D, t as O } from "./TablePropertiesDialog-cJx_xxxE.js";
+import { Fragment as k, Teleport as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createTextVNode as I, createVNode as L, defineComponent as R, guardReactiveProps as z, nextTick as B, normalizeClass as V, normalizeProps as me, normalizeStyle as H, onBeforeUnmount as U, onMounted as W, openBlock as G, ref as K, renderList as q, renderSlot as J, resolveDynamicComponent as he, toDisplayString as Y, watch as ge, withCtx as X, withKeys as Z, withModifiers as Q } from "vue";
+import "@eigenpal/docx-editor-core/utils/units";
+import { createDefaultListState as _e } from "@eigenpal/docx-editor-core/utils/listState";
+import { CARD_STYLE_COLLAPSED as ve, CARD_STYLE_EXPANDED as ye } from "@eigenpal/docx-editor-core/utils/cardStyles";
+//#region src/components/EditorToolbar.vue?vue&type=script&setup=true&lang.ts
+var be = { class: "docx-editor-toolbar" }, xe = { class: "docx-editor-toolbar__title-row" }, Se = { class: "docx-editor-toolbar__title-left" }, Ce = { class: "docx-editor-toolbar__title-center" }, we = { class: "docx-editor-toolbar__title-right" }, Te = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	inheritAttrs: !1,
+	__name: "EditorToolbar",
+	props: { showMenuBar: {
+		type: Boolean,
+		default: !0
+	} },
+	emits: ["menu-action"],
+	setup(e) {
+		return (t, n) => (G(), P("div", be, [J(t.$slots, "title-bar", {}, () => [F("div", xe, [
+			F("div", Se, [J(t.$slots, "title-bar-left", {}, void 0, !0)]),
+			F("div", Ce, [J(t.$slots, "document-name", {}, void 0, !0), e.showMenuBar ? (G(), M(C, {
+				key: 0,
+				onAction: n[0] ||= (e) => t.$emit("menu-action", e)
+			})) : N("", !0)]),
+			F("div", we, [J(t.$slots, "title-bar-right", {}, void 0, !0)])
+		])], !0), J(t.$slots, "toolbar", {}, () => [L(w, me(z(t.$attrs)), null, 16)], !0)]));
+	}
+}), [["__scopeId", "data-v-7d626a51"]]), Ee = {}, De = { class: "docx-title-bar" }, Oe = { class: "docx-title-bar__left" }, ke = { class: "docx-title-bar__center" }, Ae = { class: "docx-title-bar__right" };
+function je(e, t) {
+	return G(), P("div", De, [
+		F("div", Oe, [J(e.$slots, "left", {}, void 0, !0)]),
+		F("div", ke, [J(e.$slots, "default", {}, void 0, !0)]),
+		F("div", Ae, [J(e.$slots, "right", {}, void 0, !0)])
+	]);
+}
+var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]]), Ne = ["title"], Pe = {
+	key: 0,
+	class: "responsive-toolbar__overflow-menu"
+}, Fe = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "ResponsiveToolbar",
+	setup(e) {
+		let t = K(null), n = K(null), r = K(null), i = K(0), a = K(!1), o = null;
+		function s() {
+			let e = t.value, r = n.value;
+			if (!e || !r) return;
+			let a = e.clientWidth - 40, o = Array.from(r.children), s = 0;
+			for (let e of o) e.style.display = "";
+			let c = 0;
+			for (let e of o) c += e.offsetWidth + 2, c > a ? e.style.display = "none" : s++;
+			i.value = o.length - s;
+		}
+		function c(e) {
+			let t = e.target;
+			r.value?.contains(t) || (a.value = !1);
+		}
+		return W(() => {
+			o = new ResizeObserver(() => {
+				B(s);
+			}), t.value && o.observe(t.value), B(s), document.addEventListener("mousedown", c);
+		}), U(() => {
+			o?.disconnect(), document.removeEventListener("mousedown", c);
+		}), (e, o) => (G(), P("div", {
+			class: "responsive-toolbar",
+			ref_key: "containerRef",
+			ref: t
+		}, [F("div", {
+			class: "responsive-toolbar__items",
+			ref_key: "itemsRef",
+			ref: n
+		}, [J(e.$slots, "default", {}, void 0, !0)], 512), i.value > 0 ? (G(), P("div", {
+			key: 0,
+			class: "responsive-toolbar__overflow",
+			ref_key: "overflowRef",
+			ref: r
+		}, [F("button", {
+			class: "responsive-toolbar__overflow-btn",
+			onMousedown: o[0] ||= Q((e) => a.value = !a.value, ["prevent"]),
+			title: `${i.value} more items`
+		}, " ⋯ ", 40, Ne), a.value ? (G(), P("div", Pe, [J(e.$slots, "overflow", {}, void 0, !0)])) : N("", !0)], 512)) : N("", !0)], 512));
+	}
+}), [["__scopeId", "data-v-30fbba34"]]), Ie = ["value", "disabled"], Le = {
+	key: 0,
+	label: "Sans-serif"
+}, Re = ["value"], ze = {
+	key: 1,
+	label: "Serif"
+}, Be = ["value"], Ve = {
+	key: 2,
+	label: "Monospace"
+}, He = ["value"], Ue = {
+	key: 3,
+	label: "Other"
+}, We = ["value"], Ge = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "FontPicker",
+	props: {
+		value: {},
+		fonts: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		placeholder: { default: "Font" },
+		showPreview: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			{
+				name: "Arial",
+				fontFamily: "Arial, Helvetica, sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Calibri",
+				fontFamily: "\"Calibri\", Arial, sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Helvetica",
+				fontFamily: "Helvetica, Arial, sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Verdana",
+				fontFamily: "Verdana, Geneva, sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Open Sans",
+				fontFamily: "\"Open Sans\", sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Roboto",
+				fontFamily: "Roboto, sans-serif",
+				category: "sans-serif"
+			},
+			{
+				name: "Times New Roman",
+				fontFamily: "\"Times New Roman\", Times, serif",
+				category: "serif"
+			},
+			{
+				name: "Georgia",
+				fontFamily: "Georgia, serif",
+				category: "serif"
+			},
+			{
+				name: "Cambria",
+				fontFamily: "Cambria, Georgia, serif",
+				category: "serif"
+			},
+			{
+				name: "Garamond",
+				fontFamily: "Garamond, serif",
+				category: "serif"
+			},
+			{
+				name: "Courier New",
+				fontFamily: "\"Courier New\", monospace",
+				category: "monospace"
+			},
+			{
+				name: "Consolas",
+				fontFamily: "Consolas, monospace",
+				category: "monospace"
+			}
+		], a = j(() => n.fonts ?? i), o = j(() => {
+			let e = {
+				"sans-serif": [],
+				serif: [],
+				monospace: [],
+				other: []
+			};
+			for (let t of a.value) e[t.category ?? "other"].push(t);
+			return e;
+		}), s = j(() => n.value ? a.value.find((e) => e.fontFamily === n.value || e.name.toLowerCase() === n.value.toLowerCase())?.name ?? n.value : n.placeholder);
+		function c(e) {
+			let t = e.target.value;
+			r("change", a.value.find((e) => e.name === t)?.fontFamily ?? t);
+		}
+		return (t, n) => (G(), P("select", {
+			class: V(["docx-font-picker", e.className]),
+			value: s.value,
+			disabled: e.disabled,
+			"aria-label": "Font family",
+			onChange: c
+		}, [
+			o.value["sans-serif"].length ? (G(), P("optgroup", Le, [(G(!0), P(k, null, q(o.value["sans-serif"], (t) => (G(), P("option", {
+				key: t.name,
+				value: t.name,
+				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, Y(t.name), 13, Re))), 128))])) : N("", !0),
+			o.value.serif.length ? (G(), P("optgroup", ze, [(G(!0), P(k, null, q(o.value.serif, (t) => (G(), P("option", {
+				key: t.name,
+				value: t.name,
+				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, Y(t.name), 13, Be))), 128))])) : N("", !0),
+			o.value.monospace.length ? (G(), P("optgroup", Ve, [(G(!0), P(k, null, q(o.value.monospace, (t) => (G(), P("option", {
+				key: t.name,
+				value: t.name,
+				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, Y(t.name), 13, He))), 128))])) : N("", !0),
+			o.value.other.length ? (G(), P("optgroup", Ue, [(G(!0), P(k, null, q(o.value.other, (t) => (G(), P("option", {
+				key: t.name,
+				value: t.name,
+				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, Y(t.name), 13, We))), 128))])) : N("", !0)
+		], 42, Ie));
+	}
+}), [["__scopeId", "data-v-e9575b1d"]]), Ke = { class: "docx-font-size" }, qe = ["disabled"], Je = [
+	"value",
+	"disabled",
+	"placeholder"
+], Ye = ["disabled"], Xe = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "FontSizePicker",
+	props: {
+		value: {},
+		sizes: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		minSize: { default: 1 },
+		maxSize: { default: 1638 },
+		placeholder: { default: "11" }
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			8,
+			9,
+			10,
+			11,
+			12,
+			14,
+			16,
+			18,
+			20,
+			24,
+			28,
+			36,
+			48,
+			72
+		], a = j(() => n.sizes ?? i), o = j(() => n.value ?? parseInt(n.placeholder, 10) ?? 11), s = j(() => n.value === void 0 ? n.placeholder : String(n.value));
+		function c(e) {
+			return a.value.find((t) => t > e) ?? Math.min(e + 1, n.maxSize);
+		}
+		function l(e) {
+			return [...a.value].reverse().find((t) => t < e) ?? Math.max(e - 1, n.minSize);
+		}
+		function u() {
+			n.disabled || r("change", l(o.value));
+		}
+		function d() {
+			n.disabled || r("change", c(o.value));
+		}
+		function f(e) {
+			let t = parseFloat(e.target.value);
+			!isNaN(t) && t >= n.minSize && t <= n.maxSize && r("change", Math.round(t * 2) / 2);
+		}
+		return (t, n) => (G(), P("div", Ke, [
+			F("button", {
+				type: "button",
+				class: "docx-font-size__btn",
+				disabled: e.disabled || o.value <= e.minSize,
+				title: "Decrease font size",
+				onClick: Q(u, ["prevent"])
+			}, "−", 8, qe),
+			F("input", {
+				class: "docx-font-size__input",
+				type: "text",
+				value: s.value,
+				disabled: e.disabled,
+				placeholder: e.placeholder,
+				onKeydown: [
+					n[0] ||= Z(Q((e) => {
+						u(), e.stopPropagation();
+					}, ["prevent"]), ["up"]),
+					n[1] ||= Z(Q((e) => {
+						d(), e.stopPropagation();
+					}, ["prevent"]), ["down"]),
+					n[2] ||= Z(Q((e) => f(e), ["prevent"]), ["enter"])
+				],
+				onBlur: n[3] ||= (e) => f(e)
+			}, null, 40, Je),
+			F("button", {
+				type: "button",
+				class: "docx-font-size__btn",
+				disabled: e.disabled || o.value >= e.maxSize,
+				title: "Increase font size",
+				onClick: Q(d, ["prevent"])
+			}, "+", 8, Ye)
+		]));
+	}
+}), [["__scopeId", "data-v-966fd914"]]), Ze = ["value", "disabled"], Qe = ["value"], $e = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "LineSpacingPicker",
+	props: {
+		value: {},
+		options: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			{
+				label: "Single",
+				value: 1,
+				twipsValue: 240
+			},
+			{
+				label: "1.15",
+				value: 1.15,
+				twipsValue: 276
+			},
+			{
+				label: "1.5",
+				value: 1.5,
+				twipsValue: 360
+			},
+			{
+				label: "Double",
+				value: 2,
+				twipsValue: 480
+			}
+		], a = j(() => n.options ?? i), o = j(() => n.value ?? a.value[0].twipsValue);
+		function s(e) {
+			let t = parseInt(e.target.value, 10);
+			isNaN(t) || r("change", t);
+		}
+		return (t, n) => (G(), P("select", {
+			class: V(["docx-line-spacing", e.className]),
+			value: String(o.value),
+			disabled: e.disabled,
+			"aria-label": "Line spacing",
+			onChange: s
+		}, [(G(!0), P(k, null, q(a.value, (e) => (G(), P("option", {
+			key: e.twipsValue,
+			value: String(e.twipsValue)
+		}, Y(e.label), 9, Qe))), 128))], 42, Ze));
+	}
+}), [["__scopeId", "data-v-fa103426"]]), et = ["value", "disabled"], tt = ["value"], nt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "StylePicker",
+	props: {
+		value: {},
+		styles: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			{
+				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"
+			}
+		], a = j(() => n.styles ?? i);
+		function o(e) {
+			r("change", e.target.value);
+		}
+		return (t, n) => (G(), P("select", {
+			class: V(["docx-style-picker", e.className]),
+			value: e.value ?? "Normal",
+			disabled: e.disabled,
+			"aria-label": "Paragraph style",
+			onChange: o
+		}, [(G(!0), P(k, null, q(a.value, (e) => (G(), P("option", {
+			key: e.styleId,
+			value: e.styleId
+		}, Y(e.name), 9, tt))), 128))], 42, et));
+	}
+}), [["__scopeId", "data-v-e8ec7466"]]), rt = [
+	"disabled",
+	"title",
+	"aria-expanded",
+	"onClick"
+], it = { class: "docx-align__panel" }, at = ["title", "onClick"], ot = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "AlignmentButtons",
+	props: {
+		value: { default: "left" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = K(!1), o = [
+			{
+				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"
+			}
+		], s = j(() => o.find((e) => e.value === n.value)?.icon ?? "format_align_left"), c = j(() => o.find((e) => e.value === n.value)?.label ?? "Left");
+		function l(e) {
+			r("change", e), a.value = !1;
+		}
+		return (t, n) => (G(), M(u, {
+			open: a.value,
+			"onUpdate:open": n[0] ||= (e) => a.value = e,
+			onClose: n[1] ||= (e) => a.value = !1
+		}, {
+			trigger: X(({ toggle: t }) => [F("button", {
+				type: "button",
+				class: V(["docx-align__btn", { "docx-align__btn--open": a.value }]),
+				disabled: e.disabled,
+				title: `Alignment: ${c.value}`,
+				"aria-expanded": a.value,
+				"aria-haspopup": "true",
+				onClick: Q(t, ["prevent"])
+			}, [L(i, {
+				name: s.value,
+				size: 20
+			}, null, 8, ["name"]), L(i, {
+				name: "arrow_drop_down",
+				size: 14
+			})], 10, rt)]),
+			panel: X(() => [F("div", it, [(G(), P(k, null, q(o, (t) => F("button", {
+				key: t.value,
+				type: "button",
+				class: V(["docx-align__option", { "docx-align__option--active": e.value === t.value }]),
+				title: `${t.label} (${t.shortcut})`,
+				onClick: Q((e) => l(t.value), ["prevent"])
+			}, [L(i, {
+				name: t.icon,
+				size: 20
+			}, null, 8, ["name"])], 10, at)), 64))])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-f2eb4f74"]]), st = { class: "docx-list-btns" }, ct = ["disabled"], lt = ["disabled"], ut = ["disabled"], dt = ["disabled"], ft = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__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, n) => (G(), P("span", st, [
+			F("button", {
+				type: "button",
+				class: V(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
+				disabled: e.disabled,
+				title: "Bullet list",
+				onClick: n[0] ||= Q((e) => t.$emit("bullet-list"), ["prevent"])
+			}, [L(i, {
+				name: "format_list_bulleted",
+				size: 20
+			})], 10, ct),
+			F("button", {
+				type: "button",
+				class: V(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
+				disabled: e.disabled,
+				title: "Numbered list",
+				onClick: n[1] ||= Q((e) => t.$emit("numbered-list"), ["prevent"])
+			}, [L(i, {
+				name: "format_list_numbered",
+				size: 20
+			})], 10, lt),
+			e.showIndentButtons ? (G(), P(k, { key: 0 }, [F("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled || !e.canOutdent,
+				title: "Decrease indent",
+				onClick: n[2] ||= Q((e) => t.$emit("outdent"), ["prevent"])
+			}, [L(i, {
+				name: "format_indent_decrease",
+				size: 20
+			})], 8, ut), F("button", {
+				type: "button",
+				class: "docx-list-btns__btn",
+				disabled: e.disabled,
+				title: "Increase indent",
+				onClick: n[3] ||= Q((e) => t.$emit("indent"), ["prevent"])
+			}, [L(i, {
+				name: "format_indent_increase",
+				size: 20
+			})], 8, dt)], 64)) : N("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-6e11903a"]]), pt = [
+	"value",
+	"disabled",
+	"aria-label"
+], mt = ["value"], ht = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "ZoomControl",
+	props: {
+		value: { default: 1 },
+		levels: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			{
+				value: .5,
+				label: "50%"
+			},
+			{
+				value: .75,
+				label: "75%"
+			},
+			{
+				value: 1,
+				label: "100%"
+			},
+			{
+				value: 1.25,
+				label: "125%"
+			},
+			{
+				value: 1.5,
+				label: "150%"
+			},
+			{
+				value: 2,
+				label: "200%"
+			}
+		], a = j(() => n.levels ?? i), o = j(() => {
+			let e = a.value.find((e) => Math.abs(e.value - n.value) < .001);
+			return e ? e.label : `${Math.round(n.value * 100)}%`;
+		});
+		function s(e) {
+			let t = parseFloat(e.target.value);
+			isNaN(t) || r("change", t);
+		}
+		return (t, n) => (G(), P("select", {
+			class: V(["docx-zoom-control", {
+				"docx-zoom-control--compact": e.compact,
+				[e.className ?? ""]: !!e.className
+			}]),
+			value: e.value,
+			disabled: e.disabled,
+			"aria-label": `Zoom: ${o.value}`,
+			onChange: s
+		}, [(G(!0), P(k, null, q(a.value, (e) => (G(), P("option", {
+			key: e.value,
+			value: e.value
+		}, Y(e.label), 9, mt))), 128))], 42, pt));
+	}
+}), [["__scopeId", "data-v-b68bd14b"]]), gt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "Tooltip",
+	props: {
+		content: {},
+		side: { default: "bottom" },
+		delayMs: { default: 400 }
+	},
+	setup(e) {
+		let t = e, n = K(!1), r = K({
+			x: 0,
+			y: 0
+		}), i = K(null), a = null;
+		function o() {
+			a = setTimeout(() => {
+				let e = i.value;
+				if (e) {
+					let n = e.getBoundingClientRect();
+					r.value = {
+						x: n.left + n.width / 2,
+						y: t.side === "top" ? n.top - 8 : n.bottom + 8
+					};
+				}
+				n.value = !0;
+			}, t.delayMs);
+		}
+		function s() {
+			a &&= (clearTimeout(a), null), n.value = !1;
+		}
+		U(() => {
+			a && clearTimeout(a);
+		});
+		let c = j(() => ({
+			left: r.value.x + "px",
+			top: r.value.y + "px",
+			transform: t.side === "top" ? "translate(-50%, -100%)" : t.side === "bottom" ? "translate(-50%, 0)" : void 0
+		}));
+		return (t, r) => (G(), P(k, null, [F("span", {
+			ref_key: "triggerRef",
+			ref: i,
+			class: "docx-tooltip__trigger",
+			onMouseenter: o,
+			onMouseleave: s
+		}, [J(t.$slots, "default", {}, void 0, !0)], 544), (G(), M(A, { to: "body" }, [n.value ? (G(), P("div", {
+			key: 0,
+			class: "docx-tooltip",
+			style: H(c.value)
+		}, Y(e.content), 5)) : N("", !0)]))], 64));
+	}
+}), [["__scopeId", "data-v-ad4cfb4e"]]), _t = ["aria-label"], vt = {
+	key: 0,
+	class: "docx-loading__spinner"
+}, yt = {
+	key: 1,
+	class: "docx-loading__bar"
+}, bt = {
+	key: 2,
+	class: "docx-loading__message"
+}, xt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "LoadingIndicator",
+	props: {
+		isLoading: { type: Boolean },
+		variant: { default: "spinner" },
+		size: { default: "medium" },
+		message: {},
+		overlay: {
+			type: Boolean,
+			default: !1
+		},
+		progress: { default: null }
+	},
+	setup(e) {
+		return (t, n) => e.isLoading ? (G(), P("div", {
+			key: 0,
+			class: V([
+				"docx-loading",
+				`docx-loading--${e.variant}`,
+				`docx-loading--${e.size}`,
+				{ "docx-loading--overlay": e.overlay }
+			]),
+			role: "status",
+			"aria-label": e.message
+		}, [e.variant === "spinner" ? (G(), P("span", vt)) : e.variant === "bar" || e.variant === "progress" ? (G(), P("div", yt, [F("div", {
+			class: "docx-loading__bar-fill",
+			style: H(e.variant === "progress" && e.progress != null ? { width: e.progress + "%" } : void 0)
+		}, null, 4)])) : N("", !0), e.message ? (G(), P("span", bt, Y(e.message), 1)) : N("", !0)], 10, _t)) : N("", !0);
+	}
+}), [["__scopeId", "data-v-2bd78a2f"]]), St = ["disabled"], Ct = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", wt = /* @__PURE__ */ R({
+	__name: "Button",
+	props: {
+		variant: { default: "default" },
+		size: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: { default: "" }
+	},
+	emits: ["click"],
+	setup(e) {
+		let t = e, n = {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline"
+		}, r = {
+			default: "h-10 px-4 py-2",
+			sm: "h-9 rounded-md px-3",
+			lg: "h-11 rounded-md px-8",
+			icon: "h-9 w-9",
+			"icon-sm": "h-7 w-7"
+		}, i = j(() => [
+			Ct,
+			n[t.variant],
+			r[t.size],
+			t.className
+		].filter(Boolean).join(" "));
+		return (t, n) => (G(), P("button", {
+			class: V(i.value),
+			disabled: e.disabled,
+			onClick: n[0] ||= (e) => t.$emit("click", e)
+		}, [J(t.$slots, "default")], 10, St));
+	}
+}), Tt = [
+	"disabled",
+	"aria-expanded",
+	"title",
+	"onClick"
+], Et = { class: "docx-table-grid__panel" }, Dt = { class: "docx-table-grid__label" }, Ot = ["onMouseenter", "onClick"], kt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "TableGridPicker",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		gridRows: { default: 5 },
+		gridColumns: { default: 5 },
+		tooltip: { default: "Insert table" }
+	},
+	emits: ["insert"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = K(!1), o = K({
+			rows: 1,
+			cols: 1
+		}), s = j(() => {
+			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 c(e, t) {
+			r("insert", e, t), a.value = !1;
+		}
+		function l() {
+			a.value = !1, o.value = {
+				rows: 1,
+				cols: 1
+			};
+		}
+		return (t, n) => (G(), M(u, {
+			open: a.value,
+			"onUpdate:open": n[0] ||= (e) => a.value = e,
+			onClose: l
+		}, {
+			trigger: X(({ toggle: t }) => [F("button", {
+				type: "button",
+				class: "docx-table-grid__btn",
+				disabled: e.disabled,
+				"aria-expanded": a.value,
+				"aria-haspopup": "grid",
+				title: e.tooltip,
+				onClick: Q(t, ["prevent"])
+			}, [L(i, {
+				name: "grid_on",
+				size: 20
+			})], 8, Tt)]),
+			panel: X(() => [F("div", Et, [F("div", Dt, Y(o.value.rows) + " × " + Y(o.value.cols), 1), F("div", {
+				class: "docx-table-grid__grid",
+				style: H({ gridTemplateColumns: `repeat(${e.gridColumns}, 18px)` })
+			}, [(G(!0), P(k, null, q(s.value, (e) => (G(), P("button", {
+				key: `${e.r}-${e.c}`,
+				class: V(["docx-table-grid__cell", { "docx-table-grid__cell--active": e.r <= o.value.rows && e.c <= o.value.cols }]),
+				onMouseenter: (t) => o.value = {
+					rows: e.r,
+					cols: e.c
+				},
+				onClick: Q((t) => c(e.r, e.c), ["prevent"])
+			}, null, 42, Ot))), 128))], 4)])]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), [["__scopeId", "data-v-235ac5f8"]]), At = { class: "docx-table-insert" }, jt = [
+	"disabled",
+	"title",
+	"onClick"
+], Mt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "TableInsertButtons",
+	props: { disabled: { type: Boolean } },
+	emits: ["action"],
+	setup(e, { emit: t }) {
+		let n = t, r = [
+			{
+				action: "addRowAbove",
+				icon: "keyboard_arrow_up",
+				label: "Insert row above"
+			},
+			{
+				action: "addRowBelow",
+				icon: "keyboard_arrow_down",
+				label: "Insert row below"
+			},
+			{
+				action: "addColumnLeft",
+				icon: "keyboard_arrow_left",
+				label: "Insert column left"
+			},
+			{
+				action: "addColumnRight",
+				icon: "keyboard_arrow_right",
+				label: "Insert column right"
+			}
+		];
+		return (t, a) => (G(), P("span", At, [(G(), P(k, null, q(r, (t) => F("button", {
+			key: t.action,
+			type: "button",
+			class: "docx-table-insert__btn",
+			disabled: e.disabled,
+			title: t.label,
+			onClick: Q((e) => n("action", t.action), ["prevent"])
+		}, [L(i, {
+			name: t.icon,
+			size: 20
+		}, null, 8, ["name"])], 8, jt)), 64))]));
+	}
+}), [["__scopeId", "data-v-c5bf5e60"]]), Nt = ["disabled", "title"], $ = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "TableMergeButton",
+	props: {
+		canSplit: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["action"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (G(), P("button", {
+			type: "button",
+			class: "docx-table-merge",
+			disabled: e.disabled,
+			title: e.canSplit ? "Split cells" : "Merge cells",
+			onClick: r[0] ||= Q((t) => n("action", e.canSplit ? "splitCells" : "mergeCells"), ["prevent"])
+		}, [L(i, {
+			name: e.canSplit ? "call_split" : "call_merge",
+			size: 20
+		}, null, 8, ["name"])], 8, Nt));
+	}
+}), [["__scopeId", "data-v-ec895571"]]), Pt = ["disabled", "title"], Ft = {
+	key: 0,
+	class: "print-btn__icon"
+}, It = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "PrintButton",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "Print" },
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["print"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i() {
+			n.disabled || (r("print"), window.print());
+		}
+		return (t, n) => (G(), P("button", {
+			class: "print-btn",
+			disabled: e.disabled,
+			title: e.label,
+			onMousedown: Q(i, ["prevent"])
+		}, [I(Y(e.compact ? "" : e.label) + " ", 1), e.compact ? (G(), P("span", Ft, "🖨")) : N("", !0)], 40, Pt));
+	}
+}), [["__scopeId", "data-v-aa063c92"]]), Lt = "\n@media print {\n  body * { visibility: hidden; }\n  .docx-print-pages, .docx-print-pages * { visibility: visible; }\n  .docx-print-pages { position: absolute; left: 0; top: 0; }\n  .docx-print-page {\n    box-shadow: none !important;\n    margin: 0 !important;\n    page-break-after: always;\n    page-break-inside: avoid;\n  }\n  img { max-width: 100%; page-break-inside: avoid; }\n  table, tr { page-break-inside: avoid; }\n  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }\n  p { orphans: 3; widows: 3; }\n}\n@page { margin: 0; size: auto; }\n", Rt = /* @__PURE__ */ R({
+	__name: "PrintPreview",
+	setup(e) {
+		return (e, t) => (G(), M(he("style"), null, {
+			default: X(() => [I(Y(Lt))]),
+			_: 1
+		}));
+	}
+}), zt = ["title"], Bt = {
+	key: 0,
+	class: "unsaved-indicator__dot"
+}, Vt = {
+	key: 1,
+	class: "unsaved-indicator__badge"
+}, Ht = {
+	key: 2,
+	class: "unsaved-indicator__text"
+}, Ut = /* @__PURE__ */ T(/* @__PURE__ */ R({
+	__name: "UnsavedIndicator",
+	props: {
+		currentState: {},
+		warnOnUnload: {
+			type: Boolean,
+			default: !0
+		},
+		variant: { default: "dot" },
+		label: { default: "Unsaved changes" },
+		title: { default: "You have unsaved changes" }
+	},
+	setup(e, { expose: t }) {
+		let n = e, r = K(!1), i = K(0), a = null;
+		ge(() => n.currentState, (e) => {
+			if (e !== void 0) {
+				if (a === null) {
+					a = e;
+					return;
+				}
+				e !== a && (r.value = !0, i.value++);
+			}
+		});
+		function o() {
+			a = n.currentState ?? null, r.value = !1, i.value = 0;
+		}
+		function s(e) {
+			r.value && n.warnOnUnload && (e.preventDefault(), e.returnValue = "");
+		}
+		return W(() => {
+			window.addEventListener("beforeunload", s);
+		}), U(() => {
+			window.removeEventListener("beforeunload", s);
+		}), t({
+			hasUnsavedChanges: r,
+			changeCount: i,
+			markAsSaved: o
+		}), (t, n) => r.value ? (G(), P("span", {
+			key: 0,
+			class: V(["unsaved-indicator", `unsaved-indicator--${e.variant}`]),
+			title: e.title
+		}, [e.variant === "dot" ? (G(), P("span", Bt)) : e.variant === "badge" ? (G(), P("span", Vt, Y(i.value), 1)) : (G(), P("span", Ht, Y(e.label), 1))], 10, zt)) : N("", !0);
+	}
+}), [["__scopeId", "data-v-bf5add7c"]]), Wt = ve, Gt = ye;
+//#endregion
+export { y as AddCommentCard, ot as AlignmentButtons, wt as Button, Wt as CARD_STYLE_COLLAPSED, Gt as CARD_STYLE_EXPANDED, l as ColorPicker, h as CommentCard, ae as CommentMarginMarkers, v as DocumentName, f as EditingModeDropdown, Te as EditorToolbar, o as FindReplaceDialog, Ge as FontPicker, Xe as FontSizePicker, pe as FootnotePropertiesDialog, S as HorizontalRuler, e as HyperlinkDialog, ce as IconGridDropdown, ue as ImagePositionDialog, a as ImagePropertiesDialog, d as ImageTransformDropdown, c as ImageWrapDropdown, r as InsertImageDialog, t as InsertSymbolDialog, de as InsertTableDialog, s as KeyboardShortcutsDialog, $e as LineSpacingPicker, ft as ListButtons, xt as LoadingIndicator, C as MenuBar, ie as MenuDropdown, n as PageSetupDialog, E as PasteSpecialDialog, u as Popover, It as PrintButton, Rt as PrintPreview, re as ReplyInput, b as ReplyThread, m as ResolvedCommentMarker, Fe as ResponsiveToolbar, fe as SplitCellDialog, nt as StylePicker, se as TableBorderColorPicker, le as TableBorderPicker, ee as TableBorderWidthPicker, ne as TableCellFillPicker, x as TableGridInline, kt as TableGridPicker, Mt as TableInsertButtons, $ as TableMergeButton, g as TableMoreDropdown, O as TablePropertiesDialog, D as TableStyleGallery, _ as TableToolbar, Me as TitleBar, w as Toolbar, gt as Tooltip, oe as TrackedChangeCard, p as UnifiedSidebar, Ut as UnsavedIndicator, te as VerticalRuler, ht as ZoomControl, _e as createDefaultListState };