@eigenpal/docx-editor-vue 1.4.0 → 1.6.0

package/dist/ui.js

@@ -1,13 +1,13 @@
-import { a as e, d as t, i as n, n as r, o as i, p as a, r as o, s, t as c } from "./KeyboardShortcutsDialog-BbuDgglK.js";
-import { C as l, D as u, E as d, S as f, T as ee, _ as te, a as ne, b as p, c as m, d as h, f as g, g as _, h as v, i as y, l as b, m as x, n as re, o as ie, p as ae, r as oe, s as se, t as S, u as ce, v as le, w as ue, x as C, y as de } from "./MenuBar-CbONA9-a.js";
+import { a as e, f as t, i as n, n as r, o as i, r as a, t as o, u as s } from "./KeyboardShortcutsDialog-OPAV0oVm.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 re, p as ie, r as ae, s as oe, t as S, u as se, v as ce, w as le, x as C, y as ue } from "./MenuBar-BLKoZqG3.js";
 import { t as w } from "./_plugin-vue_export-helper-B52Kst-M.js";
-import { a as fe, i as pe, n as me, o as T, r as E, s as D, t as O } from "./TablePropertiesDialog-D5MIF3cj.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 he, normalizeStyle as H, onBeforeUnmount as U, onMounted as W, openBlock as G, ref as K, renderList as q, renderSlot as J, resolveDynamicComponent as ge, toDisplayString as Y, unref as _e, watch as ve, withCtx as X, withKeys as Z, withModifiers as Q } from "vue";
+import { a as de, c as fe, i as pe, n as me, o as he, r as T, s as E, t as D } from "./TablePropertiesDialog-B3oZIIjw.js";
+import { Fragment as O, Teleport as k, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createTextVNode as F, createVNode as I, defineComponent as L, guardReactiveProps as R, nextTick as z, normalizeClass as B, normalizeProps as ge, normalizeStyle as V, onBeforeUnmount as H, onMounted as U, openBlock as W, ref as G, renderList as K, renderSlot as q, resolveDynamicComponent as _e, toDisplayString as J, unref as ve, watch as ye, withCtx as Y, withKeys as X, withModifiers as Z } from "vue";
 import "@eigenpal/docx-editor-core/utils/units";
-import { createDefaultListState as ye } from "@eigenpal/docx-editor-core/utils/listState";
-import { CARD_STYLE_COLLAPSED as be, CARD_STYLE_EXPANDED as xe } from "@eigenpal/docx-editor-core/utils/cardStyles";
+import { createDefaultListState as be } from "@eigenpal/docx-editor-core/utils/listState";
+import { CARD_STYLE_COLLAPSED as xe, CARD_STYLE_EXPANDED as Se } from "@eigenpal/docx-editor-core/utils/cardStyles";
 //#region src/components/EditorToolbar.vue?vue&type=script&setup=true&lang.ts
-var Se = { class: "docx-editor-toolbar" }, Ce = { class: "docx-editor-toolbar__title-row" }, we = { class: "docx-editor-toolbar__title-left" }, Te = { class: "docx-editor-toolbar__title-center" }, Ee = { class: "docx-editor-toolbar__title-right" }, De = /* @__PURE__ */ w(/* @__PURE__ */ R({
+var Ce = { class: "docx-editor-toolbar" }, we = { class: "docx-editor-toolbar__title-row" }, Te = { class: "docx-editor-toolbar__title-left" }, Ee = { class: "docx-editor-toolbar__title-center" }, De = { class: "docx-editor-toolbar__title-right" }, Oe = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	inheritAttrs: !1,
 	__name: "EditorToolbar",
 	props: { showMenuBar: {
@@ -16,81 +16,104 @@ var Se = { class: "docx-editor-toolbar" }, Ce = { class: "docx-editor-toolbar__t
 	} },
 	emits: ["menu-action"],
 	setup(e) {
-		return (t, n) => (G(), P("div", Se, [J(t.$slots, "title-bar", {}, () => [F("div", Ce, [
-			F("div", we, [J(t.$slots, "title-bar-left", {}, void 0, !0)]),
-			F("div", Te, [J(t.$slots, "document-name", {}, void 0, !0), e.showMenuBar ? (G(), M(S, {
+		return (t, n) => (W(), N("div", Ce, [q(t.$slots, "title-bar", {}, () => [P("div", we, [
+			P("div", Te, [q(t.$slots, "title-bar-left", {}, void 0, !0)]),
+			P("div", Ee, [q(t.$slots, "document-name", {}, void 0, !0), e.showMenuBar ? (W(), j(S, {
 				key: 0,
 				onAction: n[0] ||= (e) => t.$emit("menu-action", e)
-			})) : N("", !0)]),
-			F("div", Ee, [J(t.$slots, "title-bar-right", {}, void 0, !0)])
-		])], !0), J(t.$slots, "toolbar", {}, () => [L(C, he(z(t.$attrs)), null, 16)], !0)]));
+			})) : M("", !0)]),
+			P("div", De, [q(t.$slots, "title-bar-right", {}, void 0, !0)])
+		])], !0), q(t.$slots, "toolbar", {}, () => [I(C, ge(R(t.$attrs)), null, 16)], !0)]));
 	}
-}), [["__scopeId", "data-v-7d626a51"]]), Oe = {}, ke = { class: "docx-title-bar" }, Ae = { class: "docx-title-bar__left" }, je = { class: "docx-title-bar__center" }, Me = { class: "docx-title-bar__right" };
-function Ne(e, t) {
-	return G(), P("div", ke, [
-		F("div", Ae, [J(e.$slots, "left", {}, void 0, !0)]),
-		F("div", je, [J(e.$slots, "default", {}, void 0, !0)]),
-		F("div", Me, [J(e.$slots, "right", {}, void 0, !0)])
+}), [["__scopeId", "data-v-f2023632"]]), ke = {}, Ae = { class: "docx-title-bar" }, je = { class: "docx-title-bar__left" }, Me = { class: "docx-title-bar__center" }, Ne = { class: "docx-title-bar__right" };
+function Pe(e, t) {
+	return W(), N("div", Ae, [
+		P("div", je, [q(e.$slots, "left", {}, void 0, !0)]),
+		P("div", Me, [q(e.$slots, "default", {}, void 0, !0)]),
+		P("div", Ne, [q(e.$slots, "right", {}, void 0, !0)])
 	]);
 }
-var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]]), Fe = ["title"], Ie = {
+var Fe = /* @__PURE__ */ w(ke, [["render", Pe], ["__scopeId", "data-v-ae11d49f"]]), Ie = ["title"], Le = {
 	key: 0,
 	class: "responsive-toolbar__overflow-menu"
-}, Le = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}, Re = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "ResponsiveToolbar",
 	setup(e) {
-		let { t: n } = t(), r = K(null), i = K(null), a = K(null), o = K(0), s = K(!1), c = null;
+		let { t } = s(), n = G(null), r = G(null), i = G(null), a = G(0), o = G(!1), c = null;
 		function l() {
-			let e = r.value, t = i.value;
+			let e = n.value, t = r.value;
 			if (!e || !t) return;
-			let n = e.clientWidth - 40, a = Array.from(t.children), s = 0;
-			for (let e of a) e.style.display = "";
+			let i = e.clientWidth - 40, o = Array.from(t.children), s = 0;
+			for (let e of o) e.style.display = "";
 			let c = 0;
-			for (let e of a) c += e.offsetWidth + 2, c > n ? e.style.display = "none" : s++;
-			o.value = a.length - s;
+			for (let e of o) c += e.offsetWidth + 2, c > i ? e.style.display = "none" : s++;
+			a.value = o.length - s;
 		}
 		function u(e) {
 			let t = e.target;
-			a.value?.contains(t) || (s.value = !1);
+			i.value?.contains(t) || (o.value = !1);
 		}
-		return W(() => {
+		return U(() => {
 			c = new ResizeObserver(() => {
-				B(l);
-			}), r.value && c.observe(r.value), B(l), document.addEventListener("mousedown", u);
-		}), U(() => {
+				z(l);
+			}), n.value && c.observe(n.value), z(l), document.addEventListener("mousedown", u);
+		}), H(() => {
 			c?.disconnect(), document.removeEventListener("mousedown", u);
-		}), (e, t) => (G(), P("div", {
+		}), (e, s) => (W(), N("div", {
 			class: "responsive-toolbar",
 			ref_key: "containerRef",
-			ref: r
-		}, [F("div", {
+			ref: n
+		}, [P("div", {
 			class: "responsive-toolbar__items",
 			ref_key: "itemsRef",
-			ref: i
-		}, [J(e.$slots, "default", {}, void 0, !0)], 512), o.value > 0 ? (G(), P("div", {
+			ref: r
+		}, [q(e.$slots, "default", {}, void 0, !0)], 512), a.value > 0 ? (W(), N("div", {
 			key: 0,
 			class: "responsive-toolbar__overflow",
 			ref_key: "overflowRef",
-			ref: a
-		}, [F("button", {
+			ref: i
+		}, [P("button", {
 			class: "responsive-toolbar__overflow-btn",
-			onMousedown: t[0] ||= Q((e) => s.value = !s.value, ["prevent"]),
-			title: _e(n)("formattingBar.moreItems", { count: o.value })
-		}, " ⋯ ", 40, Fe), s.value ? (G(), P("div", Ie, [J(e.$slots, "overflow", {}, void 0, !0)])) : N("", !0)], 512)) : N("", !0)], 512));
+			onMousedown: s[0] ||= Z((e) => o.value = !o.value, ["prevent"]),
+			title: ve(t)("formattingBar.moreItems", { count: a.value })
+		}, " ⋯ ", 40, Ie), o.value ? (W(), N("div", Le, [q(e.$slots, "overflow", {}, void 0, !0)])) : M("", !0)], 512)) : M("", !0)], 512));
+	}
+}), [["__scopeId", "data-v-134de3f0"]]);
+//#endregion
+//#region src/components/ui/fontPickerValue.ts
+function Q(e) {
+	let t = e.trim();
+	if (!t) return "";
+	let n = null, r = "";
+	for (let e of t) {
+		if ((e === "\"" || e === "'") && n === null) {
+			n = e, r += e;
+			continue;
+		}
+		if (e === n) {
+			n = null, r += e;
+			continue;
+		}
+		if (e === "," && n === null) break;
+		r += e;
 	}
-}), [["__scopeId", "data-v-2cc484cc"]]), Re = ["value", "disabled"], ze = {
+	return r.trim().replace(/^['"]|['"]$/g, "");
+}
+//#endregion
+//#region src/components/ui/FontPicker.vue?vue&type=script&setup=true&lang.ts
+var ze = ["value", "disabled"], Be = {
 	key: 0,
 	label: "Sans-serif"
-}, Be = ["value"], Ve = {
+}, Ve = ["value"], He = {
 	key: 1,
 	label: "Serif"
-}, He = ["value"], Ue = {
+}, Ue = ["value"], We = {
 	key: 2,
 	label: "Monospace"
-}, We = ["value"], Ge = {
+}, Ge = ["value"], Ke = {
 	key: 3,
 	label: "Other"
-}, Ke = ["value"], qe = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}, qe = ["value"], Je = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "FontPicker",
 	props: {
 		value: {},
@@ -169,7 +192,7 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				fontFamily: "Consolas, monospace",
 				category: "monospace"
 			}
-		], a = j(() => n.fonts ?? i), o = j(() => {
+		], a = A(() => n.fonts ?? i), o = A(() => {
 			let e = {
 				"sans-serif": [],
 				serif: [],
@@ -178,45 +201,45 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			};
 			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);
+		}), s = A(() => n.value ? a.value.find((e) => e.fontFamily === n.value || e.name.toLowerCase() === n.value.toLowerCase() || Q(e.fontFamily).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);
+			let t = e.target.value, n = a.value.find((e) => e.name === t);
+			r("change", n ? Q(n.fontFamily) || n.name : t);
 		}
-		return (t, n) => (G(), P("select", {
-			class: V(["docx-font-picker", e.className]),
+		return (t, n) => (W(), N("select", {
+			class: B(["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", ze, [(G(!0), P(k, null, q(o.value["sans-serif"], (t) => (G(), P("option", {
+			o.value["sans-serif"].length ? (W(), N("optgroup", Be, [(W(!0), N(O, null, K(o.value["sans-serif"], (t) => (W(), N("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.serif.length ? (G(), P("optgroup", Ve, [(G(!0), P(k, null, q(o.value.serif, (t) => (G(), P("option", {
+				style: V(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, J(t.name), 13, Ve))), 128))])) : M("", !0),
+			o.value.serif.length ? (W(), N("optgroup", He, [(W(!0), N(O, null, K(o.value.serif, (t) => (W(), N("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.monospace.length ? (G(), P("optgroup", Ue, [(G(!0), P(k, null, q(o.value.monospace, (t) => (G(), P("option", {
+				style: V(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, J(t.name), 13, Ue))), 128))])) : M("", !0),
+			o.value.monospace.length ? (W(), N("optgroup", We, [(W(!0), N(O, null, K(o.value.monospace, (t) => (W(), N("option", {
 				key: t.name,
 				value: t.name,
-				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
-			}, Y(t.name), 13, We))), 128))])) : N("", !0),
-			o.value.other.length ? (G(), P("optgroup", Ge, [(G(!0), P(k, null, q(o.value.other, (t) => (G(), P("option", {
+				style: V(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, J(t.name), 13, Ge))), 128))])) : M("", !0),
+			o.value.other.length ? (W(), N("optgroup", Ke, [(W(!0), N(O, null, K(o.value.other, (t) => (W(), N("option", {
 				key: t.name,
 				value: t.name,
-				style: H(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
-			}, Y(t.name), 13, Ke))), 128))])) : N("", !0)
-		], 42, Re));
+				style: V(e.showPreview ? { fontFamily: t.fontFamily } : void 0)
+			}, J(t.name), 13, qe))), 128))])) : M("", !0)
+		], 42, ze));
 	}
-}), [["__scopeId", "data-v-e9575b1d"]]), Je = { class: "docx-font-size" }, Ye = ["disabled"], Xe = [
+}), [["__scopeId", "data-v-30a12967"]]), Ye = { class: "docx-font-size" }, Xe = ["disabled"], Ze = [
 	"value",
 	"disabled",
 	"placeholder"
-], Ze = ["disabled"], Qe = /* @__PURE__ */ w(/* @__PURE__ */ R({
+], Qe = ["disabled"], $e = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "FontSizePicker",
 	props: {
 		value: {},
@@ -246,7 +269,7 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			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));
+		], a = A(() => n.sizes ?? i), o = A(() => n.value ?? parseInt(n.placeholder, 10) ?? 11), s = A(() => 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);
 		}
@@ -263,41 +286,41 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			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", Je, [
-			F("button", {
+		return (t, n) => (W(), N("div", Ye, [
+			P("button", {
 				type: "button",
 				class: "docx-font-size__btn",
 				disabled: e.disabled || o.value <= e.minSize,
 				title: "Decrease font size",
-				onClick: Q(u, ["prevent"])
-			}, "−", 8, Ye),
-			F("input", {
+				onClick: Z(u, ["prevent"])
+			}, "−", 8, Xe),
+			P("input", {
 				class: "docx-font-size__input",
 				type: "text",
 				value: s.value,
 				disabled: e.disabled,
 				placeholder: e.placeholder,
 				onKeydown: [
-					n[0] ||= Z(Q((e) => {
+					n[0] ||= X(Z((e) => {
 						u(), e.stopPropagation();
 					}, ["prevent"]), ["up"]),
-					n[1] ||= Z(Q((e) => {
+					n[1] ||= X(Z((e) => {
 						d(), e.stopPropagation();
 					}, ["prevent"]), ["down"]),
-					n[2] ||= Z(Q((e) => f(e), ["prevent"]), ["enter"])
+					n[2] ||= X(Z((e) => f(e), ["prevent"]), ["enter"])
 				],
 				onBlur: n[3] ||= (e) => f(e)
-			}, null, 40, Xe),
-			F("button", {
+			}, null, 40, Ze),
+			P("button", {
 				type: "button",
 				class: "docx-font-size__btn",
 				disabled: e.disabled || o.value >= e.maxSize,
 				title: "Increase font size",
-				onClick: Q(d, ["prevent"])
-			}, "+", 8, Ze)
+				onClick: Z(d, ["prevent"])
+			}, "+", 8, Qe)
 		]));
 	}
-}), [["__scopeId", "data-v-966fd914"]]), $e = ["value", "disabled"], et = ["value"], tt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-593c3ec6"]]), et = ["value", "disabled"], tt = ["value"], nt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "LineSpacingPicker",
 	props: {
 		value: {},
@@ -331,23 +354,23 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				value: 2,
 				twipsValue: 480
 			}
-		], a = j(() => n.options ?? i), o = j(() => n.value ?? a.value[0].twipsValue);
+		], a = A(() => n.options ?? i), o = A(() => 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]),
+		return (t, n) => (W(), N("select", {
+			class: B(["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", {
+		}, [(W(!0), N(O, null, K(a.value, (e) => (W(), N("option", {
 			key: e.twipsValue,
 			value: String(e.twipsValue)
-		}, Y(e.label), 9, et))), 128))], 42, $e));
+		}, J(e.label), 9, tt))), 128))], 42, et));
 	}
-}), [["__scopeId", "data-v-fa103426"]]), nt = ["value", "disabled"], rt = ["value"], it = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-8cd813f2"]]), rt = ["value", "disabled"], it = ["value"], at = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -385,27 +408,27 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				styleId: "Heading3",
 				name: "Heading 3"
 			}
-		], a = j(() => n.styles ?? i);
+		], a = A(() => n.styles ?? i);
 		function o(e) {
 			r("change", e.target.value);
 		}
-		return (t, n) => (G(), P("select", {
-			class: V(["docx-style-picker", e.className]),
+		return (t, n) => (W(), N("select", {
+			class: B(["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", {
+		}, [(W(!0), N(O, null, K(a.value, (e) => (W(), N("option", {
 			key: e.styleId,
 			value: e.styleId
-		}, Y(e.name), 9, rt))), 128))], 42, nt));
+		}, J(e.name), 9, it))), 128))], 42, rt));
 	}
-}), [["__scopeId", "data-v-e8ec7466"]]), at = [
+}), [["__scopeId", "data-v-dce7e34a"]]), ot = [
 	"disabled",
 	"title",
 	"aria-expanded",
 	"onClick"
-], ot = { class: "docx-align__panel" }, st = ["title", "onClick"], ct = /* @__PURE__ */ w(/* @__PURE__ */ R({
+], st = { class: "docx-align__panel" }, ct = ["title", "onClick"], lt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -415,8 +438,8 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		}
 	},
 	emits: ["change"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = K(!1), o = [
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = G(!1), o = [
 			{
 				value: "left",
 				label: "Align left",
@@ -441,44 +464,44 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				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");
+		], s = A(() => o.find((e) => e.value === r.value)?.icon ?? "format_align_left"), c = A(() => o.find((e) => e.value === r.value)?.label ?? "Left");
 		function l(e) {
-			r("change", e), i.value = !1;
+			i("change", e), a.value = !1;
 		}
-		return (t, n) => (G(), M(d, {
-			open: i.value,
-			"onUpdate:open": n[0] ||= (e) => i.value = e,
-			onClose: n[1] ||= (e) => i.value = !1
+		return (n, r) => (W(), j(u, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
+			onClose: r[1] ||= (e) => a.value = !1
 		}, {
-			trigger: X(({ toggle: t }) => [F("button", {
+			trigger: Y(({ toggle: n }) => [P("button", {
 				type: "button",
-				class: V(["docx-align__btn", { "docx-align__btn--open": i.value }]),
+				class: B(["docx-align__btn", { "docx-align__btn--open": a.value }]),
 				disabled: e.disabled,
 				title: `Alignment: ${c.value}`,
-				"aria-expanded": i.value,
+				"aria-expanded": a.value,
 				"aria-haspopup": "true",
-				onClick: Q(t, ["prevent"])
-			}, [L(a, {
+				onClick: Z(n, ["prevent"])
+			}, [I(t, {
 				name: s.value,
 				size: 20
-			}, null, 8, ["name"]), L(a, {
+			}, null, 8, ["name"]), I(t, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, at)]),
-			panel: X(() => [F("div", ot, [(G(), P(k, null, q(o, (t) => F("button", {
-				key: t.value,
+			})], 10, ot)]),
+			panel: Y(() => [P("div", st, [(W(), N(O, null, K(o, (n) => P("button", {
+				key: n.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(a, {
-				name: t.icon,
+				class: B(["docx-align__option", { "docx-align__option--active": e.value === n.value }]),
+				title: `${n.label} (${n.shortcut})`,
+				onClick: Z((e) => l(n.value), ["prevent"])
+			}, [I(t, {
+				name: n.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, st)), 64))])]),
+			}, null, 8, ["name"])], 10, ct)), 64))])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-f2eb4f74"]]), lt = { class: "docx-list-btns" }, ut = ["disabled"], dt = ["disabled"], ft = ["disabled"], pt = ["disabled"], mt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-412e177a"]]), ut = { class: "docx-list-btns" }, dt = ["disabled"], ft = ["disabled"], pt = ["disabled"], mt = ["disabled"], ht = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "ListButtons",
 	props: {
 		listState: {},
@@ -502,53 +525,53 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		"outdent"
 	],
 	setup(e) {
-		return (t, n) => (G(), P("span", lt, [
-			F("button", {
+		return (n, r) => (W(), N("span", ut, [
+			P("button", {
 				type: "button",
-				class: V(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "bullet" }]),
+				class: B(["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(a, {
+				onClick: r[0] ||= Z((e) => n.$emit("bullet-list"), ["prevent"])
+			}, [I(t, {
 				name: "format_list_bulleted",
 				size: 20
-			})], 10, ut),
-			F("button", {
+			})], 10, dt),
+			P("button", {
 				type: "button",
-				class: V(["docx-list-btns__btn", { "docx-list-btns__btn--active": e.listState?.isInList && e.listState?.type === "numbered" }]),
+				class: B(["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(a, {
+				onClick: r[1] ||= Z((e) => n.$emit("numbered-list"), ["prevent"])
+			}, [I(t, {
 				name: "format_list_numbered",
 				size: 20
-			})], 10, dt),
-			e.showIndentButtons ? (G(), P(k, { key: 0 }, [F("button", {
+			})], 10, ft),
+			e.showIndentButtons ? (W(), N(O, { key: 0 }, [P("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(a, {
+				onClick: r[2] ||= Z((e) => n.$emit("outdent"), ["prevent"])
+			}, [I(t, {
 				name: "format_indent_decrease",
 				size: 20
-			})], 8, ft), F("button", {
+			})], 8, pt), P("button", {
 				type: "button",
 				class: "docx-list-btns__btn",
 				disabled: e.disabled,
 				title: "Increase indent",
-				onClick: n[3] ||= Q((e) => t.$emit("indent"), ["prevent"])
-			}, [L(a, {
+				onClick: r[3] ||= Z((e) => n.$emit("indent"), ["prevent"])
+			}, [I(t, {
 				name: "format_indent_increase",
 				size: 20
-			})], 8, pt)], 64)) : N("", !0)
+			})], 8, mt)], 64)) : M("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-6e11903a"]]), ht = [
+}), [["__scopeId", "data-v-1b9a4dcd"]]), gt = [
 	"value",
 	"disabled",
 	"aria-label"
-], gt = ["value"], _t = /* @__PURE__ */ w(/* @__PURE__ */ R({
+], _t = ["value"], vt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -590,7 +613,7 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				value: 2,
 				label: "200%"
 			}
-		], a = j(() => n.levels ?? i), o = j(() => {
+		], a = A(() => n.levels ?? i), o = A(() => {
 			let e = a.value.find((e) => Math.abs(e.value - n.value) < .001);
 			return e ? e.label : `${Math.round(n.value * 100)}%`;
 		});
@@ -598,8 +621,8 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			let t = parseFloat(e.target.value);
 			isNaN(t) || r("change", t);
 		}
-		return (t, n) => (G(), P("select", {
-			class: V(["docx-zoom-control", {
+		return (t, n) => (W(), N("select", {
+			class: B(["docx-zoom-control", {
 				"docx-zoom-control--compact": e.compact,
 				[e.className ?? ""]: !!e.className
 			}]),
@@ -607,12 +630,12 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			disabled: e.disabled,
 			"aria-label": `Zoom: ${o.value}`,
 			onChange: s
-		}, [(G(!0), P(k, null, q(a.value, (e) => (G(), P("option", {
+		}, [(W(!0), N(O, null, K(a.value, (e) => (W(), N("option", {
 			key: e.value,
 			value: e.value
-		}, Y(e.label), 9, gt))), 128))], 42, ht));
+		}, J(e.label), 9, _t))), 128))], 42, gt));
 	}
-}), [["__scopeId", "data-v-b68bd14b"]]), vt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-734f61aa"]]), yt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "Tooltip",
 	props: {
 		content: {},
@@ -620,10 +643,10 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		delayMs: { default: 400 }
 	},
 	setup(e) {
-		let t = e, n = K(!1), r = K({
+		let t = e, n = G(!1), r = G({
 			x: 0,
 			y: 0
-		}), i = K(null), a = null;
+		}), i = G(null), a = null;
 		function o() {
 			a = setTimeout(() => {
 				let e = i.value;
@@ -640,36 +663,36 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		function s() {
 			a &&= (clearTimeout(a), null), n.value = !1;
 		}
-		U(() => {
+		H(() => {
 			a && clearTimeout(a);
 		});
-		let c = j(() => ({
+		let c = A(() => ({
 			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", {
+		return (t, r) => (W(), N(O, null, [P("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", {
+		}, [q(t.$slots, "default", {}, void 0, !0)], 544), (W(), j(k, { to: "body" }, [n.value ? (W(), N("div", {
 			key: 0,
 			class: "docx-tooltip",
-			style: H(c.value)
-		}, Y(e.content), 5)) : N("", !0)]))], 64));
+			style: V(c.value)
+		}, J(e.content), 5)) : M("", !0)]))], 64));
 	}
-}), [["__scopeId", "data-v-ad4cfb4e"]]), yt = ["aria-label"], bt = {
+}), [["__scopeId", "data-v-9e7ae410"]]), bt = ["aria-label"], xt = {
 	key: 0,
 	class: "docx-loading__spinner"
-}, xt = {
+}, St = {
 	key: 1,
 	class: "docx-loading__bar"
-}, St = {
+}, Ct = {
 	key: 2,
 	class: "docx-loading__message"
-}, Ct = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}, wt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "LoadingIndicator",
 	props: {
 		isLoading: { type: Boolean },
@@ -683,9 +706,9 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		progress: { default: null }
 	},
 	setup(e) {
-		return (t, n) => e.isLoading ? (G(), P("div", {
+		return (t, n) => e.isLoading ? (W(), N("div", {
 			key: 0,
-			class: V([
+			class: B([
 				"docx-loading",
 				`docx-loading--${e.variant}`,
 				`docx-loading--${e.size}`,
@@ -693,12 +716,12 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			]),
 			role: "status",
 			"aria-label": e.message
-		}, [e.variant === "spinner" ? (G(), P("span", bt)) : e.variant === "bar" || e.variant === "progress" ? (G(), P("div", xt, [F("div", {
+		}, [e.variant === "spinner" ? (W(), N("span", xt)) : e.variant === "bar" || e.variant === "progress" ? (W(), N("div", St, [P("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", St, Y(e.message), 1)) : N("", !0)], 10, yt)) : N("", !0);
+			style: V(e.variant === "progress" && e.progress != null ? { width: e.progress + "%" } : void 0)
+		}, null, 4)])) : M("", !0), e.message ? (W(), N("span", Ct, J(e.message), 1)) : M("", !0)], 10, bt)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-2bd78a2f"]]), wt = ["disabled"], Tt = "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", Et = /* @__PURE__ */ R({
+}), [["__scopeId", "data-v-5ffccb99"]]), Tt = ["disabled"], Et = "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", Dt = /* @__PURE__ */ L({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -724,24 +747,24 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 			lg: "h-11 rounded-md px-8",
 			icon: "h-9 w-9",
 			"icon-sm": "h-7 w-7"
-		}, i = j(() => [
-			Tt,
+		}, i = A(() => [
+			Et,
 			n[t.variant],
 			r[t.size],
 			t.className
 		].filter(Boolean).join(" "));
-		return (t, n) => (G(), P("button", {
-			class: V(i.value),
+		return (t, n) => (W(), N("button", {
+			class: B(i.value),
 			disabled: e.disabled,
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [J(t.$slots, "default")], 10, wt));
+		}, [q(t.$slots, "default")], 10, Tt));
 	}
-}), Dt = [
+}), Ot = [
 	"disabled",
 	"aria-expanded",
 	"title",
 	"onClick"
-], Ot = { class: "docx-table-grid__panel" }, kt = { class: "docx-table-grid__label" }, At = ["onMouseenter", "onClick"], jt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+], kt = { class: "docx-table-grid__panel" }, At = { class: "docx-table-grid__label" }, jt = ["onMouseenter", "onClick"], Mt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "TableGridPicker",
 	props: {
 		disabled: {
@@ -753,69 +776,69 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		tooltip: { default: "Insert table" }
 	},
 	emits: ["insert"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = K(!1), o = K({
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = G(!1), o = G({
 			rows: 1,
 			cols: 1
-		}), s = j(() => {
+		}), s = A(() => {
 			let e = [];
-			for (let t = 1; t <= n.gridRows; t++) for (let r = 1; r <= n.gridColumns; r++) e.push({
+			for (let t = 1; t <= r.gridRows; t++) for (let n = 1; n <= r.gridColumns; n++) e.push({
 				r: t,
-				c: r
+				c: n
 			});
 			return e;
 		});
 		function c(e, t) {
-			r("insert", e, t), i.value = !1;
+			i("insert", e, t), a.value = !1;
 		}
 		function l() {
-			i.value = !1, o.value = {
+			a.value = !1, o.value = {
 				rows: 1,
 				cols: 1
 			};
 		}
-		return (t, n) => (G(), M(d, {
-			open: i.value,
-			"onUpdate:open": n[0] ||= (e) => i.value = e,
+		return (n, r) => (W(), j(u, {
+			open: a.value,
+			"onUpdate:open": r[0] ||= (e) => a.value = e,
 			onClose: l
 		}, {
-			trigger: X(({ toggle: t }) => [F("button", {
+			trigger: Y(({ toggle: n }) => [P("button", {
 				type: "button",
 				class: "docx-table-grid__btn",
 				disabled: e.disabled,
-				"aria-expanded": i.value,
+				"aria-expanded": a.value,
 				"aria-haspopup": "grid",
 				title: e.tooltip,
-				onClick: Q(t, ["prevent"])
-			}, [L(a, {
+				onClick: Z(n, ["prevent"])
+			}, [I(t, {
 				name: "grid_on",
 				size: 20
-			})], 8, Dt)]),
-			panel: X(() => [F("div", Ot, [F("div", kt, Y(o.value.rows) + " × " + Y(o.value.cols), 1), F("div", {
+			})], 8, Ot)]),
+			panel: Y(() => [P("div", kt, [P("div", At, J(o.value.rows) + " × " + J(o.value.cols), 1), P("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", {
+				style: V({ gridTemplateColumns: `repeat(${e.gridColumns}, 18px)` })
+			}, [(W(!0), N(O, null, K(s.value, (e) => (W(), N("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 }]),
+				class: B(["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, At))), 128))], 4)])]),
+				onClick: Z((t) => c(e.r, e.c), ["prevent"])
+			}, null, 42, jt))), 128))], 4)])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-235ac5f8"]]), Mt = { class: "docx-table-insert" }, Nt = [
+}), [["__scopeId", "data-v-34f6875c"]]), Nt = { class: "docx-table-insert" }, $ = [
 	"disabled",
 	"title",
 	"onClick"
-], $ = /* @__PURE__ */ w(/* @__PURE__ */ R({
+], Pt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "TableInsertButtons",
 	props: { disabled: { type: Boolean } },
 	emits: ["action"],
-	setup(e, { emit: t }) {
-		let n = t, r = [
+	setup(e, { emit: n }) {
+		let r = n, i = [
 			{
 				action: "addRowAbove",
 				icon: "keyboard_arrow_up",
@@ -837,42 +860,42 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 				label: "Insert column right"
 			}
 		];
-		return (t, i) => (G(), P("span", Mt, [(G(), P(k, null, q(r, (t) => F("button", {
-			key: t.action,
+		return (n, a) => (W(), N("span", Nt, [(W(), N(O, null, K(i, (n) => P("button", {
+			key: n.action,
 			type: "button",
 			class: "docx-table-insert__btn",
 			disabled: e.disabled,
-			title: t.label,
-			onClick: Q((e) => n("action", t.action), ["prevent"])
-		}, [L(a, {
-			name: t.icon,
+			title: n.label,
+			onClick: Z((e) => r("action", n.action), ["prevent"])
+		}, [I(t, {
+			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])], 8, Nt)), 64))]));
+		}, null, 8, ["name"])], 8, $)), 64))]));
 	}
-}), [["__scopeId", "data-v-c5bf5e60"]]), Pt = ["disabled", "title"], Ft = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-a11c0f43"]]), Ft = ["disabled", "title"], It = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "TableMergeButton",
 	props: {
 		canSplit: { type: Boolean },
 		disabled: { type: Boolean }
 	},
 	emits: ["action"],
-	setup(e, { emit: t }) {
-		let n = t;
-		return (t, r) => (G(), P("button", {
+	setup(e, { emit: n }) {
+		let r = n;
+		return (n, i) => (W(), N("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(a, {
+			onClick: i[0] ||= Z((t) => r("action", e.canSplit ? "splitCells" : "mergeCells"), ["prevent"])
+		}, [I(t, {
 			name: e.canSplit ? "call_split" : "call_merge",
 			size: 20
-		}, null, 8, ["name"])], 8, Pt));
+		}, null, 8, ["name"])], 8, Ft));
 	}
-}), [["__scopeId", "data-v-ec895571"]]), It = ["disabled", "title"], Lt = {
+}), [["__scopeId", "data-v-467e6c3e"]]), Lt = ["disabled", "title"], Rt = {
 	key: 0,
 	class: "print-btn__icon"
-}, Rt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}, zt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "PrintButton",
 	props: {
 		disabled: {
@@ -891,31 +914,31 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		function i() {
 			n.disabled || (r("print"), window.print());
 		}
-		return (t, n) => (G(), P("button", {
+		return (t, n) => (W(), N("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", Lt, "🖨")) : N("", !0)], 40, It));
+			onMousedown: Z(i, ["prevent"])
+		}, [F(J(e.compact ? "" : e.label) + " ", 1), e.compact ? (W(), N("span", Rt, "🖨")) : M("", !0)], 40, Lt));
 	}
-}), [["__scopeId", "data-v-aa063c92"]]), zt = "\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", Bt = /* @__PURE__ */ R({
+}), [["__scopeId", "data-v-3e413c06"]]), Bt = "\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", Vt = /* @__PURE__ */ L({
 	__name: "PrintPreview",
 	setup(e) {
-		return (e, t) => (G(), M(ge("style"), null, {
-			default: X(() => [I(Y(zt))]),
+		return (e, t) => (W(), j(_e("style"), null, {
+			default: Y(() => [F(J(Bt))]),
 			_: 1
 		}));
 	}
-}), Vt = ["title"], Ht = {
+}), Ht = ["title"], Ut = {
 	key: 0,
 	class: "unsaved-indicator__dot"
-}, Ut = {
+}, Wt = {
 	key: 1,
 	class: "unsaved-indicator__badge"
-}, Wt = {
+}, Gt = {
 	key: 2,
 	class: "unsaved-indicator__text"
-}, Gt = /* @__PURE__ */ w(/* @__PURE__ */ R({
+}, Kt = /* @__PURE__ */ w(/* @__PURE__ */ L({
 	__name: "UnsavedIndicator",
 	props: {
 		currentState: {},
@@ -928,8 +951,8 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		title: { default: "You have unsaved changes" }
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = K(!1), i = K(0), a = null;
-		ve(() => n.currentState, (e) => {
+		let n = e, r = G(!1), i = G(0), a = null;
+		ye(() => n.currentState, (e) => {
 			if (e !== void 0) {
 				if (a === null) {
 					a = e;
@@ -944,20 +967,20 @@ var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]
 		function s(e) {
 			r.value && n.warnOnUnload && (e.preventDefault(), e.returnValue = "");
 		}
-		return W(() => {
+		return U(() => {
 			window.addEventListener("beforeunload", s);
-		}), U(() => {
+		}), H(() => {
 			window.removeEventListener("beforeunload", s);
 		}), t({
 			hasUnsavedChanges: r,
 			changeCount: i,
 			markAsSaved: o
-		}), (t, n) => r.value ? (G(), P("span", {
+		}), (t, n) => r.value ? (W(), N("span", {
 			key: 0,
-			class: V(["unsaved-indicator", `unsaved-indicator--${e.variant}`]),
+			class: B(["unsaved-indicator", `unsaved-indicator--${e.variant}`]),
 			title: e.title
-		}, [e.variant === "dot" ? (G(), P("span", Ht)) : e.variant === "badge" ? (G(), P("span", Ut, Y(i.value), 1)) : (G(), P("span", Wt, Y(e.label), 1))], 10, Vt)) : N("", !0);
+		}, [e.variant === "dot" ? (W(), N("span", Ut)) : e.variant === "badge" ? (W(), N("span", Wt, J(i.value), 1)) : (W(), N("span", Gt, J(e.label), 1))], 10, Ht)) : M("", !0);
 	}
-}), [["__scopeId", "data-v-bf5add7c"]]), Kt = be, qt = xe;
+}), [["__scopeId", "data-v-769d4022"]]), qt = xe, Jt = Se;
 //#endregion
-export { b as AddCommentCard, ct as AlignmentButtons, Et as Button, Kt as CARD_STYLE_COLLAPSED, qt as CARD_STYLE_EXPANDED, u as ColorPicker, g as CommentCard, se as CommentMarginMarkers, y as DocumentName, ee as EditingModeDropdown, De as EditorToolbar, s as FindReplaceDialog, qe as FontPicker, Qe as FontSizePicker, T as FootnotePropertiesDialog, ie as HorizontalRuler, e as HyperlinkDialog, ue as IconGridDropdown, fe as ImagePositionDialog, o as ImagePropertiesDialog, f as ImageTransformDropdown, l as ImageWrapDropdown, i as InsertImageDialog, n as InsertSymbolDialog, pe as InsertTableDialog, c as KeyboardShortcutsDialog, tt as LineSpacingPicker, mt as ListButtons, Ct as LoadingIndicator, S as MenuBar, oe as MenuDropdown, r as PageSetupDialog, E as PasteSpecialDialog, d as Popover, Rt as PrintButton, Bt as PrintPreview, ae as ReplyInput, x as ReplyThread, h as ResolvedCommentMarker, Le as ResponsiveToolbar, me as SplitCellDialog, it as StylePicker, le as TableBorderColorPicker, de as TableBorderPicker, te as TableBorderWidthPicker, p as TableCellFillPicker, re as TableGridInline, jt as TableGridPicker, $ as TableInsertButtons, Ft as TableMergeButton, _ as TableMoreDropdown, O as TablePropertiesDialog, D as TableStyleGallery, v as TableToolbar, Pe as TitleBar, C as Toolbar, vt as Tooltip, ce as TrackedChangeCard, m as UnifiedSidebar, Gt as UnsavedIndicator, ne as VerticalRuler, _t as ZoomControl, ye as createDefaultListState };
+export { y as AddCommentCard, lt as AlignmentButtons, Dt as Button, qt as CARD_STYLE_COLLAPSED, Jt as CARD_STYLE_EXPANDED, l as ColorPicker, h as CommentCard, oe as CommentMarginMarkers, v as DocumentName, f as EditingModeDropdown, Oe as EditorToolbar, i as FindReplaceDialog, Je as FontPicker, $e as FontSizePicker, E as FootnotePropertiesDialog, re as HorizontalRuler, e as HyperlinkDialog, le as IconGridDropdown, he as ImagePositionDialog, a as ImagePropertiesDialog, d as ImageTransformDropdown, c as ImageWrapDropdown, de as InsertImageDialog, n as InsertSymbolDialog, pe as InsertTableDialog, o as KeyboardShortcutsDialog, nt as LineSpacingPicker, ht as ListButtons, wt as LoadingIndicator, S as MenuBar, ae as MenuDropdown, r as PageSetupDialog, T as PasteSpecialDialog, u as Popover, zt as PrintButton, Vt as PrintPreview, ie as ReplyInput, b as ReplyThread, m as ResolvedCommentMarker, Re as ResponsiveToolbar, me as SplitCellDialog, at as StylePicker, ce as TableBorderColorPicker, ue as TableBorderPicker, ee as TableBorderWidthPicker, ne as TableCellFillPicker, x as TableGridInline, Mt as TableGridPicker, Pt as TableInsertButtons, It as TableMergeButton, g as TableMoreDropdown, D as TablePropertiesDialog, fe as TableStyleGallery, _ as TableToolbar, Fe as TitleBar, C as Toolbar, yt as Tooltip, se as TrackedChangeCard, p as UnifiedSidebar, Kt as UnsavedIndicator, te as VerticalRuler, vt as ZoomControl, be as createDefaultListState };