@stll/folio-vue 0.3.0 → 0.4.0

package/dist/{ListButtons-CDkmhg3v.js → ListButtons-BaILr4AO.js}

@@ -1,4 +1,4 @@
-import { E as e, S as t, T as n, u as r, v as i } from "./PageSetupDialog-Djs8aW5A.js";
+import { D as e, F as t, P as n, j as r, y as i } from "./WatermarkDialog-D-uTab0-.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, toRef as D, unref as O, vModelSelect as k, vModelText as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
 import { extractSelectionContext as I } from "@stll/folio-core/prosemirror/plugins/selectionTracker";
 import { pixelsToTwips as L, twipsToPixels as R } from "@stll/folio-core/utils/units";
@@ -7,7 +7,7 @@ import { redoDepth as B, undoDepth as V } from "prosemirror-history";
 import { clearFormatting as ee } from "@stll/folio-core/prosemirror/commands/formatting";
 import { getTableContext as H } from "@stll/folio-core/prosemirror/extensions/nodes/TableExtension";
 //#region src/components/CommentMarginMarkers.vue?vue&type=script&setup=true&lang.ts
-var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
+var U = ["title", "onClick"], te = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentMarginMarkers",
 	props: {
 		comments: {},
@@ -67,7 +67,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 }), [["__scopeId", "data-v-fa51d56d"]]), W = { class: "doc-name" }, G = ["value"], K = {
 	key: 1,
 	class: "doc-name__text"
-}, q = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, q = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "DocumentName",
 	props: {
 		modelValue: {},
@@ -98,7 +98,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			onBlur: s
 		}, null, 40, G)) : (b(), l("span", K, E(i.value || "Untitled document"), 1))]));
 	}
-}), [["__scopeId", "data-v-545e2786"]]), J = ["aria-selected", "onMouseenter"], ne = { class: "docx-table-grid-inline__label" }, Y = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-545e2786"]]), J = ["aria-selected", "onMouseenter"], ne = { class: "docx-table-grid-inline__label" }, Y = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableGridInline",
 	props: {
 		gridRows: { default: 6 },
@@ -142,7 +142,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 }, ie = {
 	key: 1,
 	class: "menu-bar__break-submenu"
-}, ae = ["onClick"], oe = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, ae = ["onClick"], oe = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "MenuBar",
 	props: {
 		showFileOpen: {
@@ -159,8 +159,8 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		}
 	},
 	emits: ["action", "insert-table"],
-	setup(e, { emit: i }) {
-		let { Menu: d } = r(), p = e, m = i, { t: h } = t();
+	setup(e, { emit: t }) {
+		let { Menu: d } = i(), p = e, m = t, { t: h } = r();
 		function g(e) {
 			return () => m("action", e);
 		}
@@ -282,7 +282,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	"title",
 	"aria-expanded",
 	"onClick"
-], X = { class: "docx-icon-grid__panel" }, ce = ["title", "onClick"], le = /*#__PURE__*/ e(/* @__PURE__ */ p({
+], X = { class: "docx-icon-grid__panel" }, ce = ["title", "onClick"], le = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "IconGridDropdown",
 	props: {
 		options: {},
@@ -294,9 +294,9 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let i = t, { Popover: o } = r(), c = S(!1);
+		let r = t, { Popover: o } = i(), c = S(!1);
 		function d(e) {
-			i("select", e), c.value = !1;
+			r("select", e), c.value = !1;
 		}
 		return (t, r) => (b(), s(O(o), {
 			open: c.value,
@@ -340,7 +340,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e) {
-		let n = e, { t: r } = t(), i = [
+		let t = e, { t: n } = r(), i = [
 			{
 				value: "inline",
 				labelKey: "imageWrap.inline",
@@ -373,19 +373,19 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			}
 		], a = o(() => i.map((e) => ({
 			value: e.value,
-			label: r(e.labelKey),
+			label: n(e.labelKey),
 			iconName: e.iconName
 		}))), c = o(() => {
-			let e = n.imageContext;
+			let e = t.imageContext;
 			return e.displayMode === "float" && e.cssFloat === "left" ? "wrapRight" : e.displayMode === "float" && e.cssFloat === "right" ? "wrapLeft" : e.wrapType;
 		}), l = o(() => a.value.find((e) => e.value === c.value) ?? a.value.at(0)), u = o(() => l.value?.iconName ?? "format_image_left"), d = o(() => l.value?.label ?? "");
-		return (t, n) => (b(), s(le, {
+		return (t, r) => (b(), s(le, {
 			options: a.value,
 			"active-value": c.value,
 			"trigger-icon": u.value,
-			"tooltip-content": O(r)("imageWrap.tooltipPrefix", { label: d.value }),
+			"tooltip-content": O(n)("imageWrap.tooltipPrefix", { label: d.value }),
 			disabled: e.disabled,
-			onSelect: n[0] ||= (e) => t.$emit("change", e)
+			onSelect: r[0] ||= (e) => t.$emit("change", e)
 		}, null, 8, [
 			"options",
 			"active-value",
@@ -399,7 +399,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	props: { disabled: { type: Boolean } },
 	emits: ["transform"],
 	setup(e) {
-		let { t: n } = t(), r = [
+		let { t } = r(), n = [
 			{
 				value: "rotateCW",
 				labelKey: "imageTransform.rotateClockwise",
@@ -420,17 +420,17 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				labelKey: "imageTransform.flipVertical",
 				iconName: "swap_vert"
 			}
-		], i = o(() => r.map((e) => ({
+		], i = o(() => n.map((e) => ({
 			value: e.value,
-			label: n(e.labelKey),
+			label: t(e.labelKey),
 			iconName: e.iconName
 		})));
-		return (t, r) => (b(), s(le, {
+		return (n, r) => (b(), s(le, {
 			options: i.value,
 			"trigger-icon": "rotate_right",
-			"tooltip-content": O(n)("imageTransform.tooltip"),
+			"tooltip-content": O(t)("imageTransform.tooltip"),
 			disabled: e.disabled,
-			onSelect: r[0] ||= (e) => t.$emit("transform", e)
+			onSelect: r[0] ||= (e) => n.$emit("transform", e)
 		}, null, 8, [
 			"options",
 			"tooltip-content",
@@ -440,12 +440,12 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 }), Z = ["title", "onClick"], fe = {
 	key: 0,
 	class: "editing-mode__label"
-}, pe = { class: "editing-mode__panel" }, me = ["onClick"], he = { class: "editing-mode__option-text" }, ge = { class: "editing-mode__option-label" }, _e = { class: "editing-mode__option-desc" }, ve = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, pe = { class: "editing-mode__panel" }, me = ["onClick"], he = { class: "editing-mode__option-text" }, ge = { class: "editing-mode__option-label" }, _e = { class: "editing-mode__option-desc" }, ve = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "EditingModeDropdown",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
-	setup(e, { emit: i }) {
-		let { t: d } = t(), { Popover: p } = r(), m = e, h = i, _ = {
+	setup(e, { emit: t }) {
+		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = {
 			value: "editing",
 			labelKey: "editor.editing",
 			icon: "edit_note",
@@ -525,7 +525,7 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	"aria-pressed",
 	"aria-label",
 	"title"
-], xe = { class: "review-controls__toggle-label" }, Se = ["title", "onClick"], Ce = { class: "review-controls__display-label" }, we = ["onClick"], Te = { class: "review-controls__option-label" }, Ee = /*#__PURE__*/ e(/* @__PURE__ */ p({
+], xe = { class: "review-controls__toggle-label" }, Se = ["title", "onClick"], Ce = { class: "review-controls__display-label" }, we = ["onClick"], Te = { class: "review-controls__option-label" }, Ee = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReviewControls",
 	props: {
 		trackChangesOn: { type: Boolean },
@@ -536,8 +536,8 @@ var U = ["title", "onClick"], te = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		}
 	},
 	emits: ["toggle-track-changes", "update:display-mode"],
-	setup(e, { emit: i }) {
-		let { t: d } = t(), { Popover: p } = r(), m = e, h = i, _ = S(!1), v = {
+	setup(e, { emit: t }) {
+		let { t: d } = r(), { Popover: p } = i(), m = e, h = t, _ = S(!1), v = {
 			"all-markup": "markupView.allMarkup",
 			"simple-markup": "markupView.simple",
 			"no-markup": "markupView.noMarkup",
@@ -945,7 +945,7 @@ var We = {
 	"title",
 	"aria-label",
 	"disabled"
-], xt = ["title", "aria-label"], St = ["aria-expanded", "title"], Ct = ["onMousedown"], wt = ["title", "aria-label"], Tt = ["title", "aria-label"], Et = ["title", "aria-label"], Dt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+], xt = ["title", "aria-label"], St = ["aria-expanded", "title"], Ct = ["onMousedown"], wt = ["title", "aria-label"], Tt = ["title", "aria-label"], Et = ["title", "aria-label"], Dt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "Toolbar",
 	props: {
 		view: { default: null },
@@ -1002,8 +1002,8 @@ var We = {
 		"image-properties",
 		"image-transform"
 	],
-	setup(e, { emit: i }) {
-		let { ColorPicker: p } = r(), m = e, { t: h } = t(), v = i, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Pe), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), L = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: H, toggleDropdown: U, recomputeDropdownPos: te } = Fe({
+	setup(e, { emit: t }) {
+		let { ColorPicker: p } = i(), m = e, { t: h } = r(), v = t, y = o(() => m.zoomPercent ?? 100), x = o(() => m.isMinZoom ?? !1), T = o(() => m.isMaxZoom ?? !1), D = o(() => m.zoomPresets ?? Pe), k = o(() => m.showZoomControl ?? !0), A = S(null), j = S(null), M = S(null), N = S(null), L = S(null), R = S(null), { openDropdown: z, dropdownMenuStyle: H, toggleDropdown: U, recomputeDropdownPos: te } = Fe({
 			zoom: R,
 			style: A,
 			font: j,
@@ -1475,7 +1475,7 @@ var We = {
 			w(t.$slots, "toolbar-extra", {}, void 0, !0)
 		])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-27c1178b"]]), Ot = ["aria-valuemax"], kt = { class: "docx-horizontal-ruler__ticks" }, At = ["title", "onDblclick"], jt = 12240, Mt = 1440, Nt = 1440, Pt = 567, Ft = "var(--doc-primary)", It = "var(--doc-primary)", Lt = "var(--doc-primary-hover)", Q = 5, Rt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-27c1178b"]]), Ot = ["aria-valuemax"], kt = { class: "docx-horizontal-ruler__ticks" }, At = ["title", "onDblclick"], jt = 12240, Mt = 1440, Nt = 1440, Pt = 567, Ft = "var(--doc-primary)", It = "var(--doc-primary)", Lt = "var(--doc-primary-hover)", Q = 5, Rt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "HorizontalRuler",
 	props: {
 		sectionProps: {},
@@ -1759,12 +1759,12 @@ var We = {
 			}, E(m.value), 5)) : c("", !0)
 		], 12, Ot));
 	}
-}), [["__scopeId", "data-v-845ef58d"]]), zt = ["disabled", "onClick"], Bt = { class: "docx-tbp__panel" }, Vt = ["title", "onClick"], Ht = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-845ef58d"]]), zt = ["disabled", "onClick"], Bt = { class: "docx-tbp__panel" }, Vt = ["title", "onClick"], Ht = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: i } = r(), o = t, c = S(!1), d = [
+		let { Popover: r } = i(), o = t, c = S(!1), d = [
 			{
 				value: "all",
 				icon: "border_all",
@@ -1819,10 +1819,10 @@ var We = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, r) => (b(), s(O(i), {
+		return (t, i) => (b(), s(O(r), {
 			open: c.value,
-			"onUpdate:open": r[0] ||= (e) => c.value = e,
-			onClose: r[1] ||= (e) => c.value = !1
+			"onUpdate:open": i[0] ||= (e) => c.value = e,
+			onClose: i[1] ||= (e) => c.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -1855,16 +1855,16 @@ var We = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(e, { emit: n }) {
-		let r = n, { t: a } = t();
+	setup(t, { emit: n }) {
+		let i = n, { t: a } = r();
 		function o(e) {
-			typeof e == "string" ? r("change", e.replace(/^#/, "")) : e.rgb ? r("change", e.rgb.replace(/^#/, "")) : e.auto && r("change", "000000");
+			typeof e == "string" ? i("change", e.replace(/^#/, "")) : e.rgb ? i("change", e.rgb.replace(/^#/, "")) : e.auto && i("change", "000000");
 		}
-		return (t, n) => (b(), s(i, {
+		return (n, r) => (b(), s(e, {
 			mode: "border",
-			value: e.value,
-			theme: e.theme ?? null,
-			disabled: e.disabled,
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
 			title: O(a)("table.borderColor"),
 			onChange: o
 		}, null, 8, [
@@ -1874,12 +1874,12 @@ var We = {
 			"title"
 		]));
 	}
-}), Wt = ["disabled", "onClick"], Gt = { class: "docx-tbwidth__panel" }, Kt = ["onClick"], qt = { class: "docx-tbwidth__label" }, Jt = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), Wt = ["disabled", "onClick"], Gt = { class: "docx-tbwidth__panel" }, Kt = ["onClick"], qt = { class: "docx-tbwidth__label" }, Jt = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableBorderWidthPicker",
 	props: { disabled: { type: Boolean } },
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: i } = r(), o = t, c = S(!1), d = [
+		let { Popover: r } = i(), o = t, c = S(!1), d = [
 			{
 				label: "0.5pt",
 				eighths: 4,
@@ -1924,10 +1924,10 @@ var We = {
 		function p(e) {
 			o("change", e), c.value = !1;
 		}
-		return (t, r) => (b(), s(O(i), {
+		return (t, i) => (b(), s(O(r), {
 			open: c.value,
-			"onUpdate:open": r[0] ||= (e) => c.value = e,
-			onClose: r[1] ||= (e) => c.value = !1
+			"onUpdate:open": i[0] ||= (e) => c.value = e,
+			onClose: i[1] ||= (e) => c.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -1959,16 +1959,16 @@ var We = {
 		value: {}
 	},
 	emits: ["change"],
-	setup(e, { emit: n }) {
-		let r = n, { t: a } = t();
+	setup(t, { emit: n }) {
+		let i = n, { t: a } = r();
 		function o(e) {
-			typeof e == "string" && r("change", e === "none" ? "" : e.replace(/^#/, ""));
+			typeof e == "string" && i("change", e === "none" ? "" : e.replace(/^#/, ""));
 		}
-		return (t, n) => (b(), s(i, {
+		return (n, r) => (b(), s(e, {
 			mode: "highlight",
-			value: e.value,
-			theme: e.theme ?? null,
-			disabled: e.disabled,
+			value: t.value,
+			theme: t.theme ?? null,
+			disabled: t.disabled,
 			title: O(a)("table.cellFillColor"),
 			icon: "format_color_fill",
 			"auto-label": O(a)("colorPicker.noColor"),
@@ -1997,7 +1997,7 @@ var We = {
 }, En = { class: "docx-tmore__field-label" }, Dn = { class: "docx-tmore__grow" }, On = {
 	key: 2,
 	class: "docx-tmore__sub docx-tmore__sub--list"
-}, kn = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, kn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableMoreDropdown",
 	props: {
 		disabled: {
@@ -2022,8 +2022,8 @@ var We = {
 		"cell-text-direction",
 		"row-height"
 	],
-	setup(e, { emit: i }) {
-		let { Popover: o } = r(), d = e, p = i, { t: m } = t(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
+	setup(e, { emit: t }) {
+		let { Popover: o } = i(), d = e, p = t, { t: m } = r(), h = S(!1), _ = S(!1), v = S(!1), y = S(!1), w = x({
 			top: 0,
 			bottom: 0,
 			left: 108,
@@ -2404,7 +2404,7 @@ var We = {
 			_: 1
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-53619b7d"]]), An = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-53619b7d"]]), An = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TableToolbar",
 	props: {
 		view: {},
@@ -2553,7 +2553,7 @@ var We = {
 			])
 		], 64)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-af7b47da"]]), jn = { class: "docx-vertical-ruler__ticks" }, Mn = 15840, Nn = 1440, Pn = 1440, Fn = 567, In = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-af7b47da"]]), jn = { class: "docx-vertical-ruler__ticks" }, Mn = 15840, Nn = 1440, Pn = 1440, Fn = 567, In = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "VerticalRuler",
 	props: {
 		sectionProps: {},
@@ -2772,7 +2772,7 @@ var Hn = /* @__PURE__ */ p({
 }, Wn = {
 	key: 0,
 	class: "reply-thread__more"
-}, Gn = { class: "reply-thread__header" }, Kn = { class: "reply-thread__author-block" }, qn = { class: "reply-thread__author" }, Jn = { class: "reply-thread__date" }, Yn = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, Gn = { class: "reply-thread__header" }, Kn = { class: "reply-thread__author-block" }, qn = { class: "reply-thread__author" }, Jn = { class: "reply-thread__date" }, Yn = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyThread",
 	props: {
 		replies: {},
@@ -2788,7 +2788,7 @@ var Hn = /* @__PURE__ */ p({
 			size: 28
 		}, null, 8, ["name"]), u("div", Kn, [u("div", qn, E(t.author || "Unknown"), 1), u("div", Jn, E(O(Rn)(t.date)), 1)])]), u("div", { class: g(["reply-thread__body", { "reply-thread__body--clamp": !e.isExpanded }]) }, E(O(Ln)(t.content)), 3)], 2))), 128))])) : c("", !0);
 	}
-}), [["__scopeId", "data-v-05622ce1"]]), Xn = ["onKeydown"], Zn = { class: "reply-input__actions" }, Qn = ["disabled"], $n = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-05622ce1"]]), Xn = ["onKeydown"], Zn = { class: "reply-input__actions" }, Qn = ["disabled"], $n = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ReplyInput",
 	emits: ["submit"],
 	setup(e, { emit: t }) {
@@ -2842,7 +2842,7 @@ var Hn = /* @__PURE__ */ p({
 }, nr = { class: "comment-card__head" }, rr = { class: "comment-card__author-block" }, ir = { class: "comment-card__author" }, ar = { class: "comment-card__date" }, or = {
 	key: 0,
 	class: "comment-card__actions"
-}, sr = ["title"], cr = { class: "comment-card__body" }, lr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, sr = ["title"], cr = { class: "comment-card__body" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "CommentCard",
 	props: {
 		comment: {},
@@ -2916,7 +2916,7 @@ var Hn = /* @__PURE__ */ p({
 			})) : c("", !0)
 		], 42, er));
 	}
-}), [["__scopeId", "data-v-e4e6cbdb"]]), ur = ["data-comment-id"], dr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-e4e6cbdb"]]), ur = ["data-comment-id"], dr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ResolvedCommentMarker",
 	props: { comment: {} },
 	emits: ["toggle-expand"],
@@ -2968,7 +2968,7 @@ var Hn = /* @__PURE__ */ p({
 }, Pr = {
 	key: 13,
 	class: "tc-card__deleted"
-}, Fr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}, Fr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "TrackedChangeCard",
 	props: {
 		change: {},
@@ -2981,8 +2981,8 @@ var Hn = /* @__PURE__ */ p({
 		"reject-by-id",
 		"reply"
 	],
-	setup(e, { emit: r }) {
-		let { t: i } = t(), p = e, m = r, h = o(() => p.change.author || i("trackedChanges.unknown"));
+	setup(e, { emit: t }) {
+		let { t: i } = r(), p = e, m = t, h = o(() => p.change.author || i("trackedChanges.unknown"));
 		function _() {
 			let e = new Set([p.change.revisionId]);
 			p.change.type === "replacement" && p.change.insertionRevisionId != null && e.add(p.change.insertionRevisionId);
@@ -3038,7 +3038,7 @@ var Hn = /* @__PURE__ */ p({
 			})) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-d8e9f35f"]]), Ir = ["onKeydown"], Lr = { class: "add-comment-card__actions" }, Rr = ["disabled"], zr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-d8e9f35f"]]), Ir = ["onKeydown"], Lr = { class: "add-comment-card__actions" }, Rr = ["disabled"], zr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AddCommentCard",
 	emits: ["submit", "cancel"],
 	setup(e, { emit: t }) {
@@ -3156,7 +3156,7 @@ function Vr({ comments: e, trackedChanges: t, showResolved: n, isAddingComment:
 }
 //#endregion
 //#region src/components/UnifiedSidebar.vue?vue&type=script&setup=true&lang.ts
-var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "UnifiedSidebar",
 	props: {
 		isOpen: { type: Boolean },
@@ -3392,7 +3392,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 			"onClick"
 		])) : c("", !0)], 12, Hr))), 128))], 4)], 36)) : c("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-a073acda"]]), Gr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-a073acda"]]), Gr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "StylePicker",
 	props: {
 		value: {},
@@ -3405,7 +3405,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Select: n } = r(), i = e, a = t, c = [
+		let { Select: n } = i(), r = e, a = t, c = [
 			{
 				styleId: "Normal",
 				name: "Normal text"
@@ -3430,7 +3430,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 				styleId: "Heading3",
 				name: "Heading 3"
 			}
-		], l = o(() => i.styles ?? c), u = o(() => l.value.map((e) => ({
+		], l = o(() => r.styles ?? c), u = o(() => l.value.map((e) => ({
 			value: e.styleId,
 			label: e.name
 		})));
@@ -3456,7 +3456,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	"title",
 	"aria-expanded",
 	"onClick"
-], qr = { class: "docx-align__panel" }, Jr = ["title", "onClick"], Yr = /*#__PURE__*/ e(/* @__PURE__ */ p({
+], qr = { class: "docx-align__panel" }, Jr = ["title", "onClick"], Yr = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "AlignmentButtons",
 	props: {
 		value: { default: "left" },
@@ -3467,7 +3467,7 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
-		let { Popover: i } = r(), c = e, d = t, p = S(!1), m = [
+		let { Popover: r } = i(), c = e, d = t, p = S(!1), m = [
 			{
 				value: "left",
 				label: "Align left",
@@ -3496,10 +3496,10 @@ var Hr = ["data-card-id"], Ur = 16, Wr = /*#__PURE__*/ e(/* @__PURE__ */ p({
 		function v(e) {
 			d("change", e), p.value = !1;
 		}
-		return (t, r) => (b(), s(O(i), {
+		return (t, i) => (b(), s(O(r), {
 			open: p.value,
-			"onUpdate:open": r[0] ||= (e) => p.value = e,
-			onClose: r[1] ||= (e) => p.value = !1
+			"onUpdate:open": i[0] ||= (e) => p.value = e,
+			onClose: i[1] ||= (e) => p.value = !1
 		}, {
 			trigger: M(({ toggle: t }) => [u("button", {
 				type: "button",
@@ -3541,7 +3541,7 @@ function Xr() {
 }
 //#endregion
 //#region src/components/ui/ListButtons.vue?vue&type=script&setup=true&lang.ts
-var Zr = { class: "docx-list-btns" }, Qr = ["disabled"], $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = /*#__PURE__*/ e(/* @__PURE__ */ p({
+var Zr = { class: "docx-list-btns" }, Qr = ["disabled"], $r = ["disabled"], ei = ["disabled"], ti = ["disabled"], ni = /*#__PURE__*/ t(/* @__PURE__ */ p({
 	__name: "ListButtons",
 	props: {
 		listState: {},