@eigenpal/docx-editor-vue 0.0.0

package/dist/TablePropertiesDialog-cJx_xxxE.js

@@ -0,0 +1,987 @@
+import { d as e } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
+import { t } from "./_plugin-vue_export-helper-B52Kst-M.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, reactive as f, ref as p, renderList as m, toDisplayString as h, unref as g, vModelRadio as _, vModelSelect as v, vModelText as y, watch as b, withDirectives as x, withKeys as S, withModifiers as C } from "vue";
+//#region src/components/tableStylePresets.ts
+var w = (e) => ({
+	style: "single",
+	size: 4,
+	color: { rgb: e }
+}), T = [
+	{
+		id: "TableNormal",
+		name: "Normal Table",
+		look: {
+			firstRow: !1,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		}
+	},
+	{
+		id: "TableGrid",
+		name: "Table Grid",
+		tableBorders: {
+			top: w("000000"),
+			bottom: w("000000"),
+			left: w("000000"),
+			right: w("000000"),
+			insideH: w("000000"),
+			insideV: w("000000")
+		},
+		look: {
+			firstRow: !1,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		}
+	},
+	{
+		id: "TableGridLight",
+		name: "Grid Table Light",
+		tableBorders: {
+			top: w("BFBFBF"),
+			bottom: w("BFBFBF"),
+			left: w("BFBFBF"),
+			right: w("BFBFBF"),
+			insideH: w("BFBFBF"),
+			insideV: w("BFBFBF")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		},
+		conditionals: { firstRow: {
+			bold: !0,
+			borders: { bottom: w("000000") }
+		} }
+	},
+	{
+		id: "PlainTable1",
+		name: "Plain Table 1",
+		tableBorders: {
+			top: w("BFBFBF"),
+			bottom: w("BFBFBF"),
+			insideH: w("BFBFBF")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		},
+		conditionals: { firstRow: { bold: !0 } }
+	},
+	{
+		id: "PlainTable2",
+		name: "Plain Table 2",
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				borders: { bottom: w("7F7F7F") }
+			},
+			band1Horz: { backgroundColor: "#F2F2F2" }
+		}
+	},
+	{
+		id: "PlainTable3",
+		name: "Plain Table 3",
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#A5A5A5"
+			},
+			band1Horz: { backgroundColor: "#E7E7E7" }
+		}
+	},
+	{
+		id: "PlainTable4",
+		name: "Plain Table 4",
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#000000"
+			},
+			band1Horz: { backgroundColor: "#F2F2F2" }
+		}
+	},
+	{
+		id: "GridTable1Light-Accent1",
+		name: "Grid Table 1 Light",
+		tableBorders: {
+			top: w("B4C6E7"),
+			bottom: w("B4C6E7"),
+			left: w("B4C6E7"),
+			right: w("B4C6E7"),
+			insideH: w("B4C6E7"),
+			insideV: w("B4C6E7")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		},
+		conditionals: { firstRow: {
+			bold: !0,
+			borders: { bottom: w("4472C4") }
+		} }
+	},
+	{
+		id: "GridTable4-Accent1",
+		name: "Grid Table 4 Accent 1",
+		tableBorders: {
+			top: w("4472C4"),
+			bottom: w("4472C4"),
+			left: w("4472C4"),
+			right: w("4472C4"),
+			insideH: w("4472C4"),
+			insideV: w("4472C4")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#4472C4"
+			},
+			band1Horz: { backgroundColor: "#D6E4F0" }
+		}
+	},
+	{
+		id: "GridTable5Dark-Accent1",
+		name: "Grid Table 5 Dark",
+		tableBorders: {
+			top: w("FFFFFF"),
+			bottom: w("FFFFFF"),
+			left: w("FFFFFF"),
+			right: w("FFFFFF"),
+			insideH: w("FFFFFF"),
+			insideV: w("FFFFFF")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#4472C4"
+			},
+			band1Horz: { backgroundColor: "#D6E4F0" },
+			band2Horz: { backgroundColor: "#B4C6E7" }
+		}
+	},
+	{
+		id: "ListTable3-Accent2",
+		name: "List Table 3 Accent 2",
+		tableBorders: {
+			top: w("ED7D31"),
+			bottom: w("ED7D31")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#ED7D31"
+			},
+			band1Horz: { backgroundColor: "#FBE4D5" }
+		}
+	},
+	{
+		id: "ListTable4-Accent3",
+		name: "List Table 4 Accent 3",
+		tableBorders: {
+			top: w("A5A5A5"),
+			bottom: w("A5A5A5"),
+			insideH: w("A5A5A5")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#A5A5A5"
+			},
+			band1Horz: { backgroundColor: "#EDEDED" }
+		}
+	},
+	{
+		id: "GridTable4-Accent5",
+		name: "Grid Table 4 Accent 5",
+		tableBorders: {
+			top: w("5B9BD5"),
+			bottom: w("5B9BD5"),
+			left: w("5B9BD5"),
+			right: w("5B9BD5"),
+			insideH: w("5B9BD5"),
+			insideV: w("5B9BD5")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#5B9BD5"
+			},
+			band1Horz: { backgroundColor: "#DEEAF6" }
+		}
+	},
+	{
+		id: "GridTable4-Accent6",
+		name: "Grid Table 4 Accent 6",
+		tableBorders: {
+			top: w("70AD47"),
+			bottom: w("70AD47"),
+			left: w("70AD47"),
+			right: w("70AD47"),
+			insideH: w("70AD47"),
+			insideV: w("70AD47")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#70AD47"
+			},
+			band1Horz: { backgroundColor: "#E2EFDA" }
+		}
+	}
+], E = {
+	TableNormal: "table.styles.normalTable",
+	TableGrid: "table.styles.tableGrid",
+	TableGridLight: "table.styles.gridTableLight",
+	PlainTable1: "table.styles.plainTable1",
+	PlainTable2: "table.styles.plainTable2",
+	PlainTable3: "table.styles.plainTable3",
+	PlainTable4: "table.styles.plainTable4",
+	"GridTable1Light-Accent1": "table.styles.gridTable1Light",
+	"GridTable4-Accent1": "table.styles.gridTable4Accent1",
+	"GridTable5Dark-Accent1": "table.styles.gridTable5Dark",
+	"ListTable3-Accent2": "table.styles.listTable3Accent2",
+	"ListTable4-Accent3": "table.styles.listTable4Accent3",
+	"GridTable4-Accent5": "table.styles.gridTable4Accent5",
+	"GridTable4-Accent6": "table.styles.gridTable4Accent6"
+}, D = 4, O = 3;
+function k(e) {
+	return !e || e.style === "none" ? "none" : `${e.size ? Math.max(1, Math.round(e.size / 8)) : 1}px solid ${e.color?.rgb ? `#${e.color.rgb}` : "#000"}`;
+}
+function A(e, t = D, n = O) {
+	let r = e.look ?? {}, i = e.conditionals ?? {}, a = e.tableBorders, o = [], s = 0;
+	for (let e = 0; e < t; e++) {
+		let c = e === 0 && !!r.firstRow, l = e === t - 1 && !!r.lastRow, u = r.noHBand !== !0, d;
+		c ? d = "firstRow" : l ? d = "lastRow" : (u && (d = s % 2 == 0 ? "band1Horz" : "band2Horz"), s++);
+		for (let s = 0; s < n; s++) {
+			let u = d, f = s === 0 && !!r.firstCol, p = s === n - 1 && !!r.lastCol;
+			c && f && i.nwCell ? u = "nwCell" : c && p && i.neCell ? u = "neCell" : l && f && i.swCell ? u = "swCell" : l && p && i.seCell ? u = "seCell" : f ? u = "firstCol" : p && (u = "lastCol");
+			let m = u ? i[u] : void 0, h = m?.borders, g = {
+				width: "20px",
+				height: "10px",
+				boxSizing: "border-box",
+				backgroundColor: m?.backgroundColor ?? "transparent",
+				borderTop: h?.top === void 0 ? k(e > 0 ? a?.insideH ?? a?.top : a?.top) : k(h.top),
+				borderBottom: h?.bottom === void 0 ? e < t - 1 ? k(a?.insideH ?? a?.bottom) : k(a?.bottom) : k(h.bottom),
+				borderLeft: h?.left === void 0 ? k(s > 0 ? a?.insideV ?? a?.left : a?.left) : k(h.left),
+				borderRight: h?.right === void 0 ? s < n - 1 ? k(a?.insideV ?? a?.right) : k(a?.right) : k(h.right)
+			};
+			o.push(g);
+		}
+	}
+	return o;
+}
+//#endregion
+//#region src/components/ui/TableStyleGallery.vue?vue&type=script&setup=true&lang.ts
+var j = { class: "tsg" }, M = { class: "tsg__grid" }, N = ["title", "onMousedown"], P = { class: "tsg__preview" }, F = { class: "tsg__name" }, I = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "TableStyleGallery",
+	props: { currentStyleId: {} },
+	emits: ["apply"],
+	setup(t) {
+		let { t: r } = e(), i = T;
+		function s(e) {
+			let t = E[e.id];
+			return t ? r(t) : e.name;
+		}
+		return (e, r) => (d(), a("div", j, [o("div", M, [(d(!0), a(n, null, m(g(i), (r) => (d(), a("button", {
+			key: r.id,
+			class: l(["tsg__item", { "tsg__item--selected": t.currentStyleId === r.id }]),
+			title: s(r),
+			onMousedown: C((t) => e.$emit("apply", r.id), ["prevent"])
+		}, [o("div", P, [(d(!0), a(n, null, m(g(A)(r), (e, t) => (d(), a("div", {
+			key: t,
+			class: "tsg__cell",
+			style: u(e)
+		}, null, 4))), 128))]), o("span", F, h(s(r)), 1)], 42, N))), 128))])]));
+	}
+}), [["__scopeId", "data-v-23526a60"]]), L = { class: "fnpd-dialog__header" }, R = { class: "fnpd-dialog__body" }, z = { class: "fnpd-fieldset" }, ee = { class: "fnpd-legend" }, te = { class: "fnpd-row" }, ne = { class: "fnpd-label" }, re = { value: "pageBottom" }, ie = { value: "beneathText" }, ae = { class: "fnpd-row" }, oe = { class: "fnpd-label" }, B = ["value"], V = { class: "fnpd-row" }, H = { class: "fnpd-label" }, U = { class: "fnpd-row" }, W = { class: "fnpd-label" }, G = { value: "continuous" }, K = { value: "eachSect" }, q = { value: "eachPage" }, se = { class: "fnpd-fieldset" }, ce = { class: "fnpd-legend" }, le = { class: "fnpd-row" }, ue = { class: "fnpd-label" }, de = { value: "docEnd" }, fe = { value: "sectEnd" }, pe = { class: "fnpd-row" }, me = { class: "fnpd-label" }, he = ["value"], ge = { class: "fnpd-row" }, _e = { class: "fnpd-label" }, ve = { class: "fnpd-row" }, ye = { class: "fnpd-label" }, be = { value: "continuous" }, xe = { value: "eachSect" }, Se = { class: "fnpd-dialog__footer" }, Ce = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "FootnotePropertiesDialog",
+	props: {
+		isOpen: { type: Boolean },
+		footnotePr: {},
+		endnotePr: {}
+	},
+	emits: ["close", "apply"],
+	setup(t, { emit: s }) {
+		let { t: c } = e(), l = t, u = s, f = r(() => [
+			{
+				value: "decimal",
+				label: c("dialogs.footnoteProperties.formats.decimal")
+			},
+			{
+				value: "lowerLetter",
+				label: c("dialogs.footnoteProperties.formats.lowerAlpha")
+			},
+			{
+				value: "upperLetter",
+				label: c("dialogs.footnoteProperties.formats.upperAlpha")
+			},
+			{
+				value: "lowerRoman",
+				label: c("dialogs.footnoteProperties.formats.lowerRoman")
+			},
+			{
+				value: "upperRoman",
+				label: c("dialogs.footnoteProperties.formats.upperRoman")
+			},
+			{
+				value: "chicago",
+				label: c("dialogs.footnoteProperties.formats.symbols")
+			}
+		]), _ = p("pageBottom"), w = p("decimal"), T = p(1), E = p("continuous"), D = p("docEnd"), O = p("lowerRoman"), k = p(1), A = p("continuous");
+		b(() => l.isOpen, (e) => {
+			e && (_.value = l.footnotePr?.position ?? "pageBottom", w.value = l.footnotePr?.numFmt ?? "decimal", T.value = l.footnotePr?.numStart ?? 1, E.value = l.footnotePr?.numRestart ?? "continuous", D.value = l.endnotePr?.position ?? "docEnd", O.value = l.endnotePr?.numFmt ?? "lowerRoman", k.value = l.endnotePr?.numStart ?? 1, A.value = l.endnotePr?.numRestart ?? "continuous");
+		});
+		function j() {
+			u("apply", {
+				position: _.value,
+				numFmt: w.value,
+				numStart: T.value,
+				numRestart: E.value
+			}, {
+				position: D.value,
+				numFmt: O.value,
+				numStart: k.value,
+				numRestart: A.value
+			}), u("close");
+		}
+		return (e, r) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "fnpd-overlay",
+			onMousedown: r[10] ||= C((t) => e.$emit("close"), ["self"])
+		}, [o("div", {
+			class: "fnpd-dialog",
+			onKeydown: r[9] ||= S((t) => e.$emit("close"), ["escape"])
+		}, [
+			o("div", L, h(g(c)("dialogs.footnoteProperties.title")), 1),
+			o("div", R, [o("fieldset", z, [
+				o("legend", ee, h(g(c)("dialogs.footnoteProperties.footnotes")), 1),
+				o("div", te, [o("label", ne, h(g(c)("dialogs.footnoteProperties.position")), 1), x(o("select", {
+					"onUpdate:modelValue": r[0] ||= (e) => _.value = e,
+					class: "fnpd-select"
+				}, [o("option", re, h(g(c)("dialogs.footnoteProperties.footnotePositions.bottomOfPage")), 1), o("option", ie, h(g(c)("dialogs.footnoteProperties.footnotePositions.belowText")), 1)], 512), [[v, _.value]])]),
+				o("div", ae, [o("label", oe, h(g(c)("dialogs.footnoteProperties.numberFormat")), 1), x(o("select", {
+					"onUpdate:modelValue": r[1] ||= (e) => w.value = e,
+					class: "fnpd-select"
+				}, [(d(!0), a(n, null, m(f.value, (e) => (d(), a("option", {
+					key: e.value,
+					value: e.value
+				}, h(e.label), 9, B))), 128))], 512), [[v, w.value]])]),
+				o("div", V, [o("label", H, h(g(c)("dialogs.footnoteProperties.startAt")), 1), x(o("input", {
+					"onUpdate:modelValue": r[2] ||= (e) => T.value = e,
+					type: "number",
+					class: "fnpd-input",
+					min: "1"
+				}, null, 512), [[
+					y,
+					T.value,
+					void 0,
+					{ number: !0 }
+				]])]),
+				o("div", U, [o("label", W, h(g(c)("dialogs.footnoteProperties.numbering")), 1), x(o("select", {
+					"onUpdate:modelValue": r[3] ||= (e) => E.value = e,
+					class: "fnpd-select"
+				}, [
+					o("option", G, h(g(c)("dialogs.footnoteProperties.numberingOptions.continuous")), 1),
+					o("option", K, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1),
+					o("option", q, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartPage")), 1)
+				], 512), [[v, E.value]])])
+			]), o("fieldset", se, [
+				o("legend", ce, h(g(c)("dialogs.footnoteProperties.endnotes")), 1),
+				o("div", le, [o("label", ue, h(g(c)("dialogs.footnoteProperties.position")), 1), x(o("select", {
+					"onUpdate:modelValue": r[4] ||= (e) => D.value = e,
+					class: "fnpd-select"
+				}, [o("option", de, h(g(c)("dialogs.footnoteProperties.endnotePositions.endOfDocument")), 1), o("option", fe, h(g(c)("dialogs.footnoteProperties.endnotePositions.endOfSection")), 1)], 512), [[v, D.value]])]),
+				o("div", pe, [o("label", me, h(g(c)("dialogs.footnoteProperties.numberFormat")), 1), x(o("select", {
+					"onUpdate:modelValue": r[5] ||= (e) => O.value = e,
+					class: "fnpd-select"
+				}, [(d(!0), a(n, null, m(f.value, (e) => (d(), a("option", {
+					key: e.value,
+					value: e.value
+				}, h(e.label), 9, he))), 128))], 512), [[v, O.value]])]),
+				o("div", ge, [o("label", _e, h(g(c)("dialogs.footnoteProperties.startAt")), 1), x(o("input", {
+					"onUpdate:modelValue": r[6] ||= (e) => k.value = e,
+					type: "number",
+					class: "fnpd-input",
+					min: "1"
+				}, null, 512), [[
+					y,
+					k.value,
+					void 0,
+					{ number: !0 }
+				]])]),
+				o("div", ve, [o("label", ye, h(g(c)("dialogs.footnoteProperties.numbering")), 1), x(o("select", {
+					"onUpdate:modelValue": r[7] ||= (e) => A.value = e,
+					class: "fnpd-select"
+				}, [o("option", be, h(g(c)("dialogs.footnoteProperties.numberingOptions.continuous")), 1), o("option", xe, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1)], 512), [[v, A.value]])])
+			])]),
+			o("div", Se, [o("button", {
+				class: "fnpd-btn",
+				onClick: r[8] ||= (t) => e.$emit("close")
+			}, h(g(c)("common.cancel")), 1), o("button", {
+				class: "fnpd-btn fnpd-btn--primary",
+				onClick: j
+			}, h(g(c)("common.apply")), 1)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-844ceb5d"]]), we = { class: "ipd-dialog__header" }, Te = { class: "ipd-dialog__body" }, Ee = { class: "ipd-fieldset" }, De = { class: "ipd-legend" }, Oe = { class: "ipd-row" }, ke = { value: "align" }, Ae = { value: "offset" }, je = {
+	key: 0,
+	class: "ipd-row"
+}, Me = { class: "ipd-label" }, Ne = { value: "left" }, Pe = { value: "center" }, Fe = { value: "right" }, Ie = {
+	key: 1,
+	class: "ipd-row"
+}, Le = { class: "ipd-label" }, Re = { class: "ipd-row" }, ze = { class: "ipd-label" }, Be = { value: "page" }, Ve = { value: "column" }, He = { value: "margin" }, Ue = { value: "character" }, We = { class: "ipd-fieldset" }, Ge = { class: "ipd-legend" }, Ke = { class: "ipd-row" }, qe = { value: "align" }, Je = { value: "offset" }, Ye = {
+	key: 0,
+	class: "ipd-row"
+}, Xe = { class: "ipd-label" }, Ze = { value: "top" }, Qe = { value: "center" }, $e = { value: "bottom" }, et = {
+	key: 1,
+	class: "ipd-row"
+}, tt = { class: "ipd-label" }, nt = { class: "ipd-row" }, rt = { class: "ipd-label" }, it = { value: "page" }, at = { value: "margin" }, ot = { value: "paragraph" }, st = { value: "line" }, ct = { class: "ipd-fieldset" }, lt = { class: "ipd-row" }, ut = { class: "ipd-label" }, dt = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, ft = { class: "ipd-row" }, pt = { class: "ipd-label" }, mt = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, ht = { class: "ipd-dialog__footer" }, gt = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "ImagePositionDialog",
+	props: {
+		isOpen: { type: Boolean },
+		currentData: {}
+	},
+	emits: ["close", "apply"],
+	setup(t, { emit: n }) {
+		let { t: r } = e(), s = t, c = n, l = p("align"), u = p("left"), f = p(0), m = p("column"), _ = p("align"), w = p("top"), T = p(0), E = p("paragraph"), D = p(0), O = p(0), k = p(0), A = p(0);
+		b(() => s.isOpen, (e) => {
+			if (!e) return;
+			let t = s.currentData;
+			t?.horizontal?.align ? (l.value = "align", u.value = t.horizontal.align) : t?.horizontal?.posOffset != null && (l.value = "offset", f.value = t.horizontal.posOffset), m.value = t?.horizontal?.relativeTo ?? "column", t?.vertical?.align ? (_.value = "align", w.value = t.vertical.align) : t?.vertical?.posOffset != null && (_.value = "offset", T.value = t.vertical.posOffset), E.value = t?.vertical?.relativeTo ?? "paragraph", D.value = t?.distTop ?? 0, O.value = t?.distBottom ?? 0, k.value = t?.distLeft ?? 0, A.value = t?.distRight ?? 0;
+		});
+		function j() {
+			c("apply", {
+				horizontal: {
+					relativeTo: m.value,
+					...l.value === "align" ? { align: u.value } : { posOffset: f.value }
+				},
+				vertical: {
+					relativeTo: E.value,
+					..._.value === "align" ? { align: w.value } : { posOffset: T.value }
+				},
+				distTop: D.value,
+				distBottom: O.value,
+				distLeft: k.value,
+				distRight: A.value
+			}), c("close");
+		}
+		return (e, n) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "ipd-overlay",
+			onMousedown: n[14] ||= C((t) => e.$emit("close"), ["self"])
+		}, [o("div", {
+			class: "ipd-dialog",
+			onKeydown: n[13] ||= S((t) => e.$emit("close"), ["escape"])
+		}, [
+			o("div", we, h(g(r)("dialogs.imagePosition.title")), 1),
+			o("div", Te, [
+				o("fieldset", Ee, [
+					o("legend", De, h(g(r)("dialogs.imagePosition.horizontal")), 1),
+					o("div", Oe, [n[15] ||= o("label", { class: "ipd-label" }, "Mode", -1), x(o("select", {
+						"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
+						class: "ipd-select"
+					}, [o("option", ke, h(g(r)("dialogs.imagePosition.alignment")), 1), o("option", Ae, h(g(r)("dialogs.imagePosition.offset")), 1)], 512), [[v, l.value]])]),
+					l.value === "align" ? (d(), a("div", je, [o("label", Me, h(g(r)("dialogs.imagePosition.align")), 1), x(o("select", {
+						"onUpdate:modelValue": n[1] ||= (e) => u.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Ne, h(g(r)("dialogs.imagePosition.alignOptions.left")), 1),
+						o("option", Pe, h(g(r)("dialogs.imagePosition.alignOptions.center")), 1),
+						o("option", Fe, h(g(r)("dialogs.imagePosition.alignOptions.right")), 1)
+					], 512), [[v, u.value]])])) : (d(), a("div", Ie, [o("label", Le, h(g(r)("dialogs.imagePosition.offsetPx")), 1), x(o("input", {
+						"onUpdate:modelValue": n[2] ||= (e) => f.value = e,
+						type: "number",
+						class: "ipd-input"
+					}, null, 512), [[
+						y,
+						f.value,
+						void 0,
+						{ number: !0 }
+					]])])),
+					o("div", Re, [o("label", ze, h(g(r)("dialogs.imagePosition.relativeTo")), 1), x(o("select", {
+						"onUpdate:modelValue": n[3] ||= (e) => m.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Be, h(g(r)("dialogs.imagePosition.relativeOptions.page")), 1),
+						o("option", Ve, h(g(r)("dialogs.imagePosition.relativeOptions.column")), 1),
+						o("option", He, h(g(r)("dialogs.imagePosition.relativeOptions.margin")), 1),
+						o("option", Ue, h(g(r)("dialogs.imagePosition.relativeOptions.character")), 1)
+					], 512), [[v, m.value]])])
+				]),
+				o("fieldset", We, [
+					o("legend", Ge, h(g(r)("dialogs.imagePosition.vertical")), 1),
+					o("div", Ke, [n[16] ||= o("label", { class: "ipd-label" }, "Mode", -1), x(o("select", {
+						"onUpdate:modelValue": n[4] ||= (e) => _.value = e,
+						class: "ipd-select"
+					}, [o("option", qe, h(g(r)("dialogs.imagePosition.alignment")), 1), o("option", Je, h(g(r)("dialogs.imagePosition.offset")), 1)], 512), [[v, _.value]])]),
+					_.value === "align" ? (d(), a("div", Ye, [o("label", Xe, h(g(r)("dialogs.imagePosition.align")), 1), x(o("select", {
+						"onUpdate:modelValue": n[5] ||= (e) => w.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Ze, h(g(r)("dialogs.imagePosition.alignOptions.top")), 1),
+						o("option", Qe, h(g(r)("dialogs.imagePosition.alignOptions.center")), 1),
+						o("option", $e, h(g(r)("dialogs.imagePosition.alignOptions.bottom")), 1)
+					], 512), [[v, w.value]])])) : (d(), a("div", et, [o("label", tt, h(g(r)("dialogs.imagePosition.offsetPx")), 1), x(o("input", {
+						"onUpdate:modelValue": n[6] ||= (e) => T.value = e,
+						type: "number",
+						class: "ipd-input"
+					}, null, 512), [[
+						y,
+						T.value,
+						void 0,
+						{ number: !0 }
+					]])])),
+					o("div", nt, [o("label", rt, h(g(r)("dialogs.imagePosition.relativeTo")), 1), x(o("select", {
+						"onUpdate:modelValue": n[7] ||= (e) => E.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", it, h(g(r)("dialogs.imagePosition.relativeOptions.page")), 1),
+						o("option", at, h(g(r)("dialogs.imagePosition.relativeOptions.margin")), 1),
+						o("option", ot, h(g(r)("dialogs.imagePosition.relativeOptions.paragraph")), 1),
+						o("option", st, h(g(r)("dialogs.imagePosition.relativeOptions.line")), 1)
+					], 512), [[v, E.value]])])
+				]),
+				o("fieldset", ct, [
+					n[17] ||= o("legend", { class: "ipd-legend" }, "Distance from text (px)", -1),
+					o("div", lt, [
+						o("label", ut, h(g(r)("dialogs.imagePosition.alignOptions.top")), 1),
+						x(o("input", {
+							"onUpdate:modelValue": n[8] ||= (e) => D.value = e,
+							type: "number",
+							class: "ipd-input",
+							min: "0"
+						}, null, 512), [[
+							y,
+							D.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						o("label", dt, h(g(r)("dialogs.imagePosition.alignOptions.bottom")), 1),
+						x(o("input", {
+							"onUpdate:modelValue": n[9] ||= (e) => O.value = e,
+							type: "number",
+							class: "ipd-input",
+							min: "0"
+						}, null, 512), [[
+							y,
+							O.value,
+							void 0,
+							{ number: !0 }
+						]])
+					]),
+					o("div", ft, [
+						o("label", pt, h(g(r)("dialogs.imagePosition.alignOptions.left")), 1),
+						x(o("input", {
+							"onUpdate:modelValue": n[10] ||= (e) => k.value = e,
+							type: "number",
+							class: "ipd-input",
+							min: "0"
+						}, null, 512), [[
+							y,
+							k.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						o("label", mt, h(g(r)("dialogs.imagePosition.alignOptions.right")), 1),
+						x(o("input", {
+							"onUpdate:modelValue": n[11] ||= (e) => A.value = e,
+							type: "number",
+							class: "ipd-input",
+							min: "0"
+						}, null, 512), [[
+							y,
+							A.value,
+							void 0,
+							{ number: !0 }
+						]])
+					])
+				])
+			]),
+			o("div", ht, [o("button", {
+				class: "ipd-btn",
+				onClick: n[12] ||= (t) => e.$emit("close")
+			}, h(g(r)("common.cancel")), 1), o("button", {
+				class: "ipd-btn ipd-btn--primary",
+				onClick: j
+			}, h(g(r)("common.apply")), 1)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-e4b95370"]]), J = f({
+	rows: 3,
+	cols: 3
+}), _t = { class: "dialog__header" }, vt = { class: "dialog__title" }, yt = ["title"], bt = { class: "dialog__body" }, xt = ["aria-label"], St = ["onMouseenter", "onMousedown"], Ct = { class: "table-grid__label" }, wt = { class: "dialog__separator" }, Tt = { class: "table-manual" }, Et = { class: "table-manual__field" }, Dt = { class: "table-manual__field" }, Ot = { class: "table-options" }, kt = { class: "table-options__radio" }, At = { class: "table-options__radio" }, jt = { class: "table-options" }, Mt = { class: "table-options__label" }, Nt = { class: "dialog__footer" }, Pt = ["disabled"], Ft = 8, It = 10, Y = 1, X = 100, Z = 1, Q = 20, Lt = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "InsertTableDialog",
+	props: { isOpen: { type: Boolean } },
+	emits: ["close", "insert"],
+	setup(t, { emit: c }) {
+		let { t: u } = e(), f = t, v = c, S = p(0), w = p(0), T = p(J.rows), E = p(J.cols), D = p("fixed"), O = p(null);
+		b(() => f.isOpen, (e) => {
+			e && (T.value = J.rows, E.value = J.cols, S.value = 0, w.value = 0);
+		});
+		let k = r(() => Number.parseInt(String(T.value), 10)), A = r(() => Number.parseInt(String(E.value), 10)), j = r(() => Number.isFinite(k.value) && k.value >= Y && k.value <= X), M = r(() => Number.isFinite(A.value) && A.value >= Z && A.value <= Q), N = r(() => j.value && M.value);
+		function P() {
+			v("close");
+		}
+		function F(e, t) {
+			S.value = e, w.value = t, T.value = e, E.value = t;
+		}
+		function L(e) {
+			O.value = O.value === e ? null : e;
+		}
+		function R(e) {
+			e.key === "Escape" ? P() : e.key === "Enter" && (e.preventDefault(), z());
+		}
+		function z() {
+			if (!N.value) return;
+			let e = Math.min(Math.max(Y, k.value), X), t = Math.min(Math.max(Z, A.value), Q);
+			J.rows = e, J.cols = t, v("insert", {
+				rows: e,
+				cols: t,
+				autofit: D.value === "autofit",
+				styleId: O.value
+			}), P();
+		}
+		return (e, r) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "dialog-overlay",
+			onMousedown: C(P, ["self"])
+		}, [o("div", {
+			class: "dialog",
+			onMousedown: r[6] ||= C(() => {}, ["stop"]),
+			onKeydown: C(R, ["stop"])
+		}, [
+			o("div", _t, [o("span", vt, h(g(u)("dialogs.insertTable.title")), 1), o("button", {
+				class: "dialog__close",
+				title: g(u)("common.closeDialog"),
+				onClick: P
+			}, "✕", 8, yt)]),
+			o("div", bt, [
+				o("div", {
+					class: "table-grid",
+					"aria-label": g(u)("dialogs.insertTable.sizeSelector"),
+					onMouseleave: r[0] ||= (e) => {
+						S.value = 0, w.value = 0;
+					}
+				}, [(d(), a(n, null, m(Ft, (e) => o("div", {
+					key: e,
+					class: "table-grid__row"
+				}, [(d(), a(n, null, m(It, (t) => o("div", {
+					key: t,
+					class: l(["table-grid__cell", { highlight: e <= S.value && t <= w.value }]),
+					onMouseenter: (n) => {
+						S.value = e, w.value = t;
+					},
+					onMousedown: C((n) => F(e, t), ["prevent"])
+				}, null, 42, St)), 64))])), 64))], 40, xt),
+				o("div", Ct, h(S.value > 0 ? g(u)("dialogs.insertTable.tableSize", {
+					cols: w.value,
+					rows: S.value
+				}) : g(u)("dialogs.insertTable.hoverToSelect")), 1),
+				o("div", wt, [o("span", null, h(g(u)("dialogs.insertTable.orSpecifySize")), 1)]),
+				o("div", Tt, [o("label", Et, [o("span", null, h(g(u)("dialogs.insertTable.rowsLabel")), 1), x(o("input", {
+					"onUpdate:modelValue": r[1] ||= (e) => T.value = e,
+					type: "number",
+					min: Y,
+					max: X,
+					class: l(["table-manual__input", { "table-manual__input--invalid": !j.value }])
+				}, null, 2), [[y, T.value]])]), o("label", Dt, [o("span", null, h(g(u)("dialogs.insertTable.columnsLabel")), 1), x(o("input", {
+					"onUpdate:modelValue": r[2] ||= (e) => E.value = e,
+					type: "number",
+					min: Z,
+					max: Q,
+					class: l(["table-manual__input", { "table-manual__input--invalid": !M.value }])
+				}, null, 2), [[y, E.value]])])]),
+				o("div", { class: l(["table-manual__hint", { "table-manual__hint--error": !N.value }]) }, h(g(u)("dialogs.insertTable.validationHint", {
+					minRows: Y,
+					maxRows: X,
+					minCols: Z,
+					maxCols: Q
+				})), 3),
+				o("fieldset", Ot, [
+					o("legend", null, h(g(u)("dialogs.insertTable.columnWidthLabel")), 1),
+					o("label", kt, [x(o("input", {
+						type: "radio",
+						value: "fixed",
+						"onUpdate:modelValue": r[3] ||= (e) => D.value = e
+					}, null, 512), [[_, D.value]]), o("span", null, h(g(u)("dialogs.insertTable.fixedWidth")), 1)]),
+					o("label", At, [x(o("input", {
+						type: "radio",
+						value: "autofit",
+						"onUpdate:modelValue": r[4] ||= (e) => D.value = e
+					}, null, 512), [[_, D.value]]), o("span", null, h(g(u)("dialogs.insertTable.autofit")), 1)])
+				]),
+				o("div", jt, [o("div", Mt, h(g(u)("dialogs.insertTable.tableStyleLabel")), 1), s(I, {
+					"current-style-id": O.value,
+					onApply: L
+				}, null, 8, ["current-style-id"])])
+			]),
+			o("div", Nt, [o("button", {
+				class: "dialog__btn",
+				onMousedown: C(P, ["prevent"])
+			}, h(g(u)("common.cancel")), 33), o("button", {
+				class: "dialog__btn dialog__btn--primary",
+				disabled: !N.value,
+				onMousedown: r[5] ||= C((e) => z(), ["prevent"])
+			}, h(g(u)("dialogs.insertTable.insertButton")), 41, Pt)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-c5d6a186"]]), Rt = { class: "psd-dialog__header" }, zt = { class: "psd-dialog__body" }, Bt = {
+	key: 0,
+	class: "psd-preview"
+}, Vt = { class: "psd-preview__label" }, Ht = { class: "psd-preview__text" }, Ut = { class: "psd-options" }, Wt = { class: "psd-option__info" }, Gt = { class: "psd-option__name" }, Kt = { class: "psd-option__desc" }, qt = { class: "psd-option__info" }, Jt = { class: "psd-option__name" }, Yt = { class: "psd-option__desc" }, Xt = { class: "psd-dialog__footer" }, Zt = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "PasteSpecialDialog",
+	props: { isOpen: { type: Boolean } },
+	emits: ["close", "paste"],
+	setup(t, { emit: n }) {
+		let { t: r } = e(), s = t, c = n, u = p("formatted"), f = p("");
+		b(() => s.isOpen, async (e) => {
+			if (e) {
+				u.value = "formatted";
+				try {
+					let e = await navigator.clipboard.readText();
+					f.value = e.length > 80 ? e.slice(0, 80) + "..." : e;
+				} catch {
+					f.value = "";
+				}
+			}
+		});
+		function m() {
+			c("paste", u.value), c("close");
+		}
+		return (e, n) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "psd-overlay",
+			onMousedown: n[4] ||= C((t) => e.$emit("close"), ["self"])
+		}, [o("div", {
+			class: "psd-dialog",
+			onKeydown: [n[3] ||= S((t) => e.$emit("close"), ["escape"]), S(m, ["enter"])]
+		}, [
+			o("div", Rt, h(g(r)("dialogs.pasteSpecial.title")), 1),
+			o("div", zt, [f.value ? (d(), a("div", Bt, [o("span", Vt, h(g(r)("dialogs.pasteSpecial.preview")), 1), o("span", Ht, h(f.value), 1)])) : i("", !0), o("div", Ut, [o("label", { class: l(["psd-option", { "psd-option--selected": u.value === "formatted" }]) }, [x(o("input", {
+				type: "radio",
+				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+				value: "formatted"
+			}, null, 512), [[_, u.value]]), o("div", Wt, [o("span", Gt, h(g(r)("dialogs.pasteSpecial.keepFormatting")), 1), o("span", Kt, h(g(r)("dialogs.pasteSpecial.keepFormattingDescription")), 1)])], 2), o("label", { class: l(["psd-option", { "psd-option--selected": u.value === "plain" }]) }, [x(o("input", {
+				type: "radio",
+				"onUpdate:modelValue": n[1] ||= (e) => u.value = e,
+				value: "plain"
+			}, null, 512), [[_, u.value]]), o("div", qt, [o("span", Jt, h(g(r)("dialogs.pasteSpecial.plainText")), 1), o("span", Yt, h(g(r)("dialogs.pasteSpecial.plainTextDescription")), 1)])], 2)])]),
+			o("div", Xt, [o("button", {
+				class: "psd-btn",
+				onClick: n[2] ||= (t) => e.$emit("close")
+			}, h(g(r)("common.cancel")), 1), o("button", {
+				class: "psd-btn psd-btn--primary",
+				onClick: m
+			}, h(g(r)("contextMenu.paste")), 1)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-f9acd08d"]]), Qt = { class: "docx-split-cell__dialog" }, $t = { class: "docx-split-cell__header" }, en = { class: "docx-split-cell__body" }, tn = { class: "docx-split-cell__row" }, nn = { class: "docx-split-cell__label" }, rn = ["min", "onKeydown"], an = { class: "docx-split-cell__row" }, on = { class: "docx-split-cell__label" }, sn = ["min", "onKeydown"], cn = { class: "docx-split-cell__footer" }, $ = ["disabled"], ln = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "SplitCellDialog",
+	props: {
+		isOpen: { type: Boolean },
+		initialRows: { default: 1 },
+		initialCols: { default: 2 },
+		minRows: { default: 1 },
+		minCols: { default: 1 }
+	},
+	emits: ["close", "apply"],
+	setup(t, { emit: n }) {
+		let { t: s } = e(), c = t, l = n, u = p(c.initialRows), f = p(c.initialCols);
+		b(() => c.isOpen, (e) => {
+			e && (u.value = c.initialRows, f.value = c.initialCols);
+		});
+		let m = r(() => Number.isFinite(u.value) && Number.isFinite(f.value) && u.value >= c.minRows && f.value >= c.minCols && u.value * f.value > 1);
+		function _() {
+			m.value && l("apply", u.value, f.value);
+		}
+		return (e, n) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "docx-split-cell",
+			onClick: n[3] ||= C((t) => e.$emit("close"), ["self"])
+		}, [o("div", Qt, [
+			o("div", $t, h(g(s)("dialogs.splitCell.title")), 1),
+			o("div", en, [o("label", tn, [o("span", nn, h(g(s)("dialogs.splitCell.rowsLabel")), 1), x(o("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+				type: "number",
+				class: "docx-split-cell__input",
+				min: t.minRows,
+				max: 20,
+				onKeydown: S(C(_, ["prevent"]), ["enter"])
+			}, null, 40, rn), [[
+				y,
+				u.value,
+				void 0,
+				{ number: !0 }
+			]])]), o("label", an, [o("span", on, h(g(s)("dialogs.splitCell.columnsLabel")), 1), x(o("input", {
+				"onUpdate:modelValue": n[1] ||= (e) => f.value = e,
+				type: "number",
+				class: "docx-split-cell__input",
+				min: t.minCols,
+				max: 20,
+				onKeydown: S(C(_, ["prevent"]), ["enter"])
+			}, null, 40, sn), [[
+				y,
+				f.value,
+				void 0,
+				{ number: !0 }
+			]])])]),
+			o("div", cn, [o("button", {
+				class: "docx-split-cell__cancel",
+				onClick: n[2] ||= (t) => e.$emit("close")
+			}, h(g(s)("common.cancel")), 1), o("button", {
+				class: "docx-split-cell__apply",
+				disabled: !m.value,
+				onClick: _
+			}, h(g(s)("common.apply")), 9, $)])
+		])])) : i("", !0);
+	}
+}), [["__scopeId", "data-v-84657fc7"]]), un = { class: "tpd-dialog__header" }, dn = { class: "tpd-dialog__body" }, fn = { class: "tpd-row" }, pn = { class: "tpd-label" }, mn = { value: "auto" }, hn = { value: "dxa" }, gn = { value: "pct" }, _n = {
+	key: 0,
+	class: "tpd-row"
+}, vn = { class: "tpd-label" }, yn = ["step"], bn = { class: "tpd-unit" }, xn = { class: "tpd-row" }, Sn = { class: "tpd-label" }, Cn = { value: "left" }, wn = { value: "center" }, Tn = { value: "right" }, En = { class: "tpd-dialog__footer" }, Dn = /* @__PURE__ */ t(/* @__PURE__ */ c({
+	__name: "TablePropertiesDialog",
+	props: {
+		isOpen: { type: Boolean },
+		currentProps: {}
+	},
+	emits: ["close", "apply"],
+	setup(t, { emit: n }) {
+		let { t: r } = e(), s = t, c = n, l = p(0), u = p("auto"), f = p("left");
+		b(() => s.isOpen, (e) => {
+			e && (l.value = s.currentProps?.width ?? 0, u.value = s.currentProps?.widthType ?? "auto", f.value = s.currentProps?.justification ?? "left");
+		});
+		function m() {
+			let e = { justification: f.value };
+			u.value === "auto" ? (e.width = null, e.widthType = "auto") : (e.width = l.value, e.widthType = u.value), c("apply", e), c("close");
+		}
+		return (e, n) => t.isOpen ? (d(), a("div", {
+			key: 0,
+			class: "tpd-overlay",
+			onMousedown: n[5] ||= C((t) => e.$emit("close"), ["self"])
+		}, [o("div", {
+			class: "tpd-dialog",
+			onKeydown: [n[4] ||= S((t) => e.$emit("close"), ["escape"]), S(m, ["enter"])]
+		}, [
+			o("div", un, h(g(r)("dialogs.tableProperties.title")), 1),
+			o("div", dn, [
+				o("div", fn, [o("label", pn, h(g(r)("dialogs.tableProperties.widthType")), 1), x(o("select", {
+					"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+					class: "tpd-select"
+				}, [
+					o("option", mn, h(g(r)("dialogs.tableProperties.widthTypes.auto")), 1),
+					o("option", hn, h(g(r)("dialogs.tableProperties.widthTypes.fixed")), 1),
+					o("option", gn, h(g(r)("dialogs.tableProperties.widthTypes.percentage")), 1)
+				], 512), [[v, u.value]])]),
+				u.value === "auto" ? i("", !0) : (d(), a("div", _n, [
+					o("label", vn, h(g(r)("dialogs.tableProperties.widthLabel")), 1),
+					x(o("input", {
+						"onUpdate:modelValue": n[1] ||= (e) => l.value = e,
+						type: "number",
+						class: "tpd-input",
+						min: 0,
+						step: u.value === "pct" ? 5 : 100
+					}, null, 8, yn), [[
+						y,
+						l.value,
+						void 0,
+						{ number: !0 }
+					]]),
+					o("span", bn, h(u.value === "pct" ? g(r)("dialogs.tableProperties.units.fiftiethsPercent") : g(r)("dialogs.tableProperties.units.twips")), 1)
+				])),
+				o("div", xn, [o("label", Sn, h(g(r)("dialogs.tableProperties.alignmentLabel")), 1), x(o("select", {
+					"onUpdate:modelValue": n[2] ||= (e) => f.value = e,
+					class: "tpd-select"
+				}, [
+					o("option", Cn, h(g(r)("dialogs.tableProperties.alignOptions.left")), 1),
+					o("option", wn, h(g(r)("dialogs.tableProperties.alignOptions.center")), 1),
+					o("option", Tn, h(g(r)("dialogs.tableProperties.alignOptions.right")), 1)
+				], 512), [[v, f.value]])])
+			]),
+			o("div", En, [o("button", {
+				class: "tpd-btn",
+				onClick: n[3] ||= (t) => e.$emit("close")
+			}, h(g(r)("common.cancel")), 1), o("button", {
+				class: "tpd-btn tpd-btn--primary",
+				onClick: m
+			}, h(g(r)("common.apply")), 1)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-2dbea6ed"]]);
+//#endregion
+export { gt as a, Lt as i, ln as n, Ce as o, Zt as r, I as s, Dn as t };