@eigenpal/docx-editor-vue 1.3.0 → 1.3.2

package/dist/ui.js

@@ -1,13 +1,13 @@
-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-00eb4Ova.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-DeogoqFP.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-CBTvM4Xy.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 { 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 { 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 "@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";
+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";
 //#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({
+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({
 	inheritAttrs: !1,
 	__name: "EditorToolbar",
 	props: { showMenuBar: {
@@ -16,81 +16,81 @@ var be = { class: "docx-editor-toolbar" }, xe = { class: "docx-editor-toolbar__t
 	} },
 	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, {
+		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, {
 				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)]));
+			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)]));
 	}
-}), [["__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)])
+}), [["__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)])
 	]);
 }
-var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]]), Ne = ["title"], Pe = {
+var Pe = /* @__PURE__ */ w(Oe, [["render", Ne], ["__scopeId", "data-v-53d684ff"]]), Fe = ["title"], Ie = {
 	key: 0,
 	class: "responsive-toolbar__overflow-menu"
-}, Fe = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}, Le = /* @__PURE__ */ w(/* @__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 { t: n } = t(), r = K(null), i = K(null), a = K(null), o = K(0), s = K(!1), c = null;
+		function l() {
+			let e = r.value, t = i.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 c = 0;
-			for (let e of o) c += e.offsetWidth + 2, c > a ? e.style.display = "none" : s++;
-			i.value = o.length - s;
+			for (let e of a) c += e.offsetWidth + 2, c > n ? e.style.display = "none" : s++;
+			o.value = a.length - s;
 		}
-		function c(e) {
+		function u(e) {
 			let t = e.target;
-			r.value?.contains(t) || (a.value = !1);
+			a.value?.contains(t) || (s.value = !1);
 		}
 		return W(() => {
-			o = new ResizeObserver(() => {
-				B(s);
-			}), t.value && o.observe(t.value), B(s), document.addEventListener("mousedown", c);
+			c = new ResizeObserver(() => {
+				B(l);
+			}), r.value && c.observe(r.value), B(l), document.addEventListener("mousedown", u);
 		}), U(() => {
-			o?.disconnect(), document.removeEventListener("mousedown", c);
-		}), (e, o) => (G(), P("div", {
+			c?.disconnect(), document.removeEventListener("mousedown", u);
+		}), (e, t) => (G(), P("div", {
 			class: "responsive-toolbar",
 			ref_key: "containerRef",
-			ref: t
+			ref: r
 		}, [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", {
+			ref: i
+		}, [J(e.$slots, "default", {}, void 0, !0)], 512), o.value > 0 ? (G(), P("div", {
 			key: 0,
 			class: "responsive-toolbar__overflow",
 			ref_key: "overflowRef",
-			ref: r
+			ref: a
 		}, [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));
+			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));
 	}
-}), [["__scopeId", "data-v-30fbba34"]]), Ie = ["value", "disabled"], Le = {
+}), [["__scopeId", "data-v-2cc484cc"]]), Re = ["value", "disabled"], ze = {
 	key: 0,
 	label: "Sans-serif"
-}, Re = ["value"], ze = {
+}, Be = ["value"], Ve = {
 	key: 1,
 	label: "Serif"
-}, Be = ["value"], Ve = {
+}, He = ["value"], Ue = {
 	key: 2,
 	label: "Monospace"
-}, He = ["value"], Ue = {
+}, We = ["value"], Ge = {
 	key: 3,
 	label: "Other"
-}, We = ["value"], Ge = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}, Ke = ["value"], qe = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "FontPicker",
 	props: {
 		value: {},
@@ -190,33 +190,33 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			"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", {
+			o.value["sans-serif"].length ? (G(), P("optgroup", ze, [(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", {
+			}, 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", {
 				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", {
+			}, 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", {
 				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", {
+			}, 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", {
 				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));
+			}, Y(t.name), 13, Ke))), 128))])) : N("", !0)
+		], 42, Re));
 	}
-}), [["__scopeId", "data-v-e9575b1d"]]), Ke = { class: "docx-font-size" }, qe = ["disabled"], Je = [
+}), [["__scopeId", "data-v-e9575b1d"]]), Je = { class: "docx-font-size" }, Ye = ["disabled"], Xe = [
 	"value",
 	"disabled",
 	"placeholder"
-], Ye = ["disabled"], Xe = /* @__PURE__ */ T(/* @__PURE__ */ R({
+], Ze = ["disabled"], Qe = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "FontSizePicker",
 	props: {
 		value: {},
@@ -263,14 +263,14 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__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", Ke, [
+		return (t, n) => (G(), P("div", Je, [
 			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),
+			}, "−", 8, Ye),
 			F("input", {
 				class: "docx-font-size__input",
 				type: "text",
@@ -287,17 +287,17 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 					n[2] ||= Z(Q((e) => f(e), ["prevent"]), ["enter"])
 				],
 				onBlur: n[3] ||= (e) => f(e)
-			}, null, 40, Je),
+			}, null, 40, Xe),
 			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)
+			}, "+", 8, Ze)
 		]));
 	}
-}), [["__scopeId", "data-v-966fd914"]]), Ze = ["value", "disabled"], Qe = ["value"], $e = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-966fd914"]]), $e = ["value", "disabled"], et = ["value"], tt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "LineSpacingPicker",
 	props: {
 		value: {},
@@ -345,9 +345,9 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 		}, [(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));
+		}, Y(e.label), 9, et))), 128))], 42, $e));
 	}
-}), [["__scopeId", "data-v-fa103426"]]), et = ["value", "disabled"], tt = ["value"], nt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-fa103426"]]), nt = ["value", "disabled"], rt = ["value"], it = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -398,14 +398,14 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 		}, [(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));
+		}, Y(e.name), 9, rt))), 128))], 42, nt));
 	}
-}), [["__scopeId", "data-v-e8ec7466"]]), rt = [
+}), [["__scopeId", "data-v-e8ec7466"]]), at = [
 	"disabled",
 	"title",
 	"aria-expanded",
 	"onClick"
-], it = { class: "docx-align__panel" }, at = ["title", "onClick"], ot = /* @__PURE__ */ T(/* @__PURE__ */ R({
+], ot = { class: "docx-align__panel" }, st = ["title", "onClick"], ct = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -416,7 +416,7 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = K(!1), o = [
+		let n = e, r = t, i = K(!1), o = [
 			{
 				value: "left",
 				label: "Align left",
@@ -443,42 +443,42 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			}
 		], 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;
+			r("change", e), i.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
+		return (t, n) => (G(), M(d, {
+			open: i.value,
+			"onUpdate:open": n[0] ||= (e) => i.value = e,
+			onClose: n[1] ||= (e) => i.value = !1
 		}, {
 			trigger: X(({ toggle: t }) => [F("button", {
 				type: "button",
-				class: V(["docx-align__btn", { "docx-align__btn--open": a.value }]),
+				class: V(["docx-align__btn", { "docx-align__btn--open": i.value }]),
 				disabled: e.disabled,
 				title: `Alignment: ${c.value}`,
-				"aria-expanded": a.value,
+				"aria-expanded": i.value,
 				"aria-haspopup": "true",
 				onClick: Q(t, ["prevent"])
-			}, [L(i, {
+			}, [L(a, {
 				name: s.value,
 				size: 20
-			}, null, 8, ["name"]), L(i, {
+			}, null, 8, ["name"]), L(a, {
 				name: "arrow_drop_down",
 				size: 14
-			})], 10, rt)]),
-			panel: X(() => [F("div", it, [(G(), P(k, null, q(o, (t) => F("button", {
+			})], 10, at)]),
+			panel: X(() => [F("div", ot, [(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, {
+			}, [L(a, {
 				name: t.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, at)), 64))])]),
+			}, null, 8, ["name"])], 10, st)), 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({
+}), [["__scopeId", "data-v-f2eb4f74"]]), lt = { class: "docx-list-btns" }, ut = ["disabled"], dt = ["disabled"], ft = ["disabled"], pt = ["disabled"], mt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "ListButtons",
 	props: {
 		listState: {},
@@ -502,53 +502,53 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 		"outdent"
 	],
 	setup(e) {
-		return (t, n) => (G(), P("span", st, [
+		return (t, n) => (G(), P("span", lt, [
 			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, {
+			}, [L(a, {
 				name: "format_list_bulleted",
 				size: 20
-			})], 10, ct),
+			})], 10, ut),
 			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, {
+			}, [L(a, {
 				name: "format_list_numbered",
 				size: 20
-			})], 10, lt),
+			})], 10, dt),
 			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, {
+			}, [L(a, {
 				name: "format_indent_decrease",
 				size: 20
-			})], 8, ut), F("button", {
+			})], 8, ft), 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, {
+			}, [L(a, {
 				name: "format_indent_increase",
 				size: 20
-			})], 8, dt)], 64)) : N("", !0)
+			})], 8, pt)], 64)) : N("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-6e11903a"]]), pt = [
+}), [["__scopeId", "data-v-6e11903a"]]), ht = [
 	"value",
 	"disabled",
 	"aria-label"
-], mt = ["value"], ht = /* @__PURE__ */ T(/* @__PURE__ */ R({
+], gt = ["value"], _t = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "ZoomControl",
 	props: {
 		value: { default: 1 },
@@ -610,9 +610,9 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 		}, [(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));
+		}, Y(e.label), 9, gt))), 128))], 42, ht));
 	}
-}), [["__scopeId", "data-v-b68bd14b"]]), gt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-b68bd14b"]]), vt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "Tooltip",
 	props: {
 		content: {},
@@ -660,16 +660,16 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			style: H(c.value)
 		}, Y(e.content), 5)) : N("", !0)]))], 64));
 	}
-}), [["__scopeId", "data-v-ad4cfb4e"]]), _t = ["aria-label"], vt = {
+}), [["__scopeId", "data-v-ad4cfb4e"]]), yt = ["aria-label"], bt = {
 	key: 0,
 	class: "docx-loading__spinner"
-}, yt = {
+}, xt = {
 	key: 1,
 	class: "docx-loading__bar"
-}, bt = {
+}, St = {
 	key: 2,
 	class: "docx-loading__message"
-}, xt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}, Ct = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "LoadingIndicator",
 	props: {
 		isLoading: { type: Boolean },
@@ -693,12 +693,12 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			]),
 			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", {
+		}, [e.variant === "spinner" ? (G(), P("span", bt)) : e.variant === "bar" || e.variant === "progress" ? (G(), P("div", xt, [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);
+		}, null, 4)])) : N("", !0), e.message ? (G(), P("span", St, Y(e.message), 1)) : N("", !0)], 10, yt)) : 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({
+}), [["__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({
 	__name: "Button",
 	props: {
 		variant: { default: "default" },
@@ -725,7 +725,7 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			icon: "h-9 w-9",
 			"icon-sm": "h-7 w-7"
 		}, i = j(() => [
-			Ct,
+			Tt,
 			n[t.variant],
 			r[t.size],
 			t.className
@@ -734,14 +734,14 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			class: V(i.value),
 			disabled: e.disabled,
 			onClick: n[0] ||= (e) => t.$emit("click", e)
-		}, [J(t.$slots, "default")], 10, St));
+		}, [J(t.$slots, "default")], 10, wt));
 	}
-}), Tt = [
+}), Dt = [
 	"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({
+], Ot = { class: "docx-table-grid__panel" }, kt = { class: "docx-table-grid__label" }, At = ["onMouseenter", "onClick"], jt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "TableGridPicker",
 	props: {
 		disabled: {
@@ -754,7 +754,7 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 	},
 	emits: ["insert"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = K(!1), o = K({
+		let n = e, r = t, i = K(!1), o = K({
 			rows: 1,
 			cols: 1
 		}), s = j(() => {
@@ -766,32 +766,32 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			return e;
 		});
 		function c(e, t) {
-			r("insert", e, t), a.value = !1;
+			r("insert", e, t), i.value = !1;
 		}
 		function l() {
-			a.value = !1, o.value = {
+			i.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,
+		return (t, n) => (G(), M(d, {
+			open: i.value,
+			"onUpdate:open": n[0] ||= (e) => i.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-expanded": i.value,
 				"aria-haspopup": "grid",
 				title: e.tooltip,
 				onClick: Q(t, ["prevent"])
-			}, [L(i, {
+			}, [L(a, {
 				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", {
+			})], 8, Dt)]),
+			panel: X(() => [F("div", Ot, [F("div", kt, 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", {
@@ -802,15 +802,15 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 					cols: e.c
 				},
 				onClick: Q((t) => c(e.r, e.c), ["prevent"])
-			}, null, 42, Ot))), 128))], 4)])]),
+			}, null, 42, At))), 128))], 4)])]),
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-235ac5f8"]]), At = { class: "docx-table-insert" }, jt = [
+}), [["__scopeId", "data-v-235ac5f8"]]), Mt = { class: "docx-table-insert" }, Nt = [
 	"disabled",
 	"title",
 	"onClick"
-], Mt = /* @__PURE__ */ T(/* @__PURE__ */ R({
+], $ = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "TableInsertButtons",
 	props: { disabled: { type: Boolean } },
 	emits: ["action"],
@@ -837,19 +837,19 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 				label: "Insert column right"
 			}
 		];
-		return (t, a) => (G(), P("span", At, [(G(), P(k, null, q(r, (t) => F("button", {
+		return (t, i) => (G(), P("span", Mt, [(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, {
+		}, [L(a, {
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])], 8, jt)), 64))]));
+		}, null, 8, ["name"])], 8, Nt)), 64))]));
 	}
-}), [["__scopeId", "data-v-c5bf5e60"]]), Nt = ["disabled", "title"], $ = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}), [["__scopeId", "data-v-c5bf5e60"]]), Pt = ["disabled", "title"], Ft = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "TableMergeButton",
 	props: {
 		canSplit: { type: Boolean },
@@ -864,15 +864,15 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			disabled: e.disabled,
 			title: e.canSplit ? "Split cells" : "Merge cells",
 			onClick: r[0] ||= Q((t) => n("action", e.canSplit ? "splitCells" : "mergeCells"), ["prevent"])
-		}, [L(i, {
+		}, [L(a, {
 			name: e.canSplit ? "call_split" : "call_merge",
 			size: 20
-		}, null, 8, ["name"])], 8, Nt));
+		}, null, 8, ["name"])], 8, Pt));
 	}
-}), [["__scopeId", "data-v-ec895571"]]), Pt = ["disabled", "title"], Ft = {
+}), [["__scopeId", "data-v-ec895571"]]), It = ["disabled", "title"], Lt = {
 	key: 0,
 	class: "print-btn__icon"
-}, It = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}, Rt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "PrintButton",
 	props: {
 		disabled: {
@@ -896,26 +896,26 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			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));
+		}, [I(Y(e.compact ? "" : e.label) + " ", 1), e.compact ? (G(), P("span", Lt, "🖨")) : N("", !0)], 40, It));
 	}
-}), [["__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({
+}), [["__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({
 	__name: "PrintPreview",
 	setup(e) {
-		return (e, t) => (G(), M(he("style"), null, {
-			default: X(() => [I(Y(Lt))]),
+		return (e, t) => (G(), M(ge("style"), null, {
+			default: X(() => [I(Y(zt))]),
 			_: 1
 		}));
 	}
-}), zt = ["title"], Bt = {
+}), Vt = ["title"], Ht = {
 	key: 0,
 	class: "unsaved-indicator__dot"
-}, Vt = {
+}, Ut = {
 	key: 1,
 	class: "unsaved-indicator__badge"
-}, Ht = {
+}, Wt = {
 	key: 2,
 	class: "unsaved-indicator__text"
-}, Ut = /* @__PURE__ */ T(/* @__PURE__ */ R({
+}, Gt = /* @__PURE__ */ w(/* @__PURE__ */ R({
 	__name: "UnsavedIndicator",
 	props: {
 		currentState: {},
@@ -929,7 +929,7 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 	},
 	setup(e, { expose: t }) {
 		let n = e, r = K(!1), i = K(0), a = null;
-		ge(() => n.currentState, (e) => {
+		ve(() => n.currentState, (e) => {
 			if (e !== void 0) {
 				if (a === null) {
 					a = e;
@@ -956,8 +956,8 @@ var Me = /* @__PURE__ */ T(Ee, [["render", je], ["__scopeId", "data-v-53d684ff"]
 			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);
+		}, [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);
 	}
-}), [["__scopeId", "data-v-bf5add7c"]]), Wt = ve, Gt = ye;
+}), [["__scopeId", "data-v-bf5add7c"]]), Kt = be, qt = xe;
 //#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 };
+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 };