@stll/folio-vue 0.2.0

package/dist/TablePropertiesDialog-PyXEJC_o.js

@@ -0,0 +1,887 @@
+import { l as e, u as t } from "./PageSetupDialog-DsjAfJy0.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, n, r) {
+	return k(e === void 0 ? t ? n ?? r : r : e);
+}
+function j(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: A(h?.top, e > 0, a?.insideH, a?.top),
+				borderBottom: A(h?.bottom, e < t - 1, a?.insideH, a?.bottom),
+				borderLeft: A(h?.left, s > 0, a?.insideV, a?.left),
+				borderRight: A(h?.right, s < n - 1, a?.insideV, a?.right)
+			};
+			o.push(g);
+		}
+	}
+	return o;
+}
+//#endregion
+//#region src/components/ui/TableStyleGallery.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "tsg" }, N = { class: "tsg__grid" }, P = ["title", "onMousedown"], F = { class: "tsg__preview" }, I = { class: "tsg__name" }, L = /*#__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", M, [o("div", N, [(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", F, [(d(!0), a(n, null, m(g(j)(r), (e, t) => (d(), a("div", {
+			key: t,
+			class: "tsg__cell",
+			style: u(e)
+		}, null, 4))), 128))]), o("span", I, h(s(r)), 1)], 42, P))), 128))])]));
+	}
+}), [["__scopeId", "data-v-73993927"]]), R = { class: "fnpd-dialog__header" }, ee = { class: "fnpd-dialog__body" }, te = { class: "fnpd-fieldset" }, ne = { class: "fnpd-legend" }, re = { class: "fnpd-row" }, ie = { class: "fnpd-label" }, ae = { value: "pageBottom" }, oe = { value: "beneathText" }, z = { class: "fnpd-row" }, B = { class: "fnpd-label" }, V = ["value"], H = { class: "fnpd-row" }, U = { class: "fnpd-label" }, W = { class: "fnpd-row" }, G = { class: "fnpd-label" }, K = { value: "continuous" }, q = { value: "eachSect" }, se = { value: "eachPage" }, ce = { class: "fnpd-fieldset" }, le = { class: "fnpd-legend" }, ue = { class: "fnpd-row" }, de = { class: "fnpd-label" }, fe = { value: "docEnd" }, pe = { value: "sectEnd" }, me = { class: "fnpd-row" }, he = { class: "fnpd-label" }, ge = ["value"], _e = { class: "fnpd-row" }, ve = { class: "fnpd-label" }, ye = { class: "fnpd-row" }, be = { class: "fnpd-label" }, xe = { value: "continuous" }, Se = { value: "eachSect" }, Ce = { class: "fnpd-dialog__footer" }, we = /*#__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", R, h(g(c)("dialogs.footnoteProperties.title")), 1),
+			o("div", ee, [o("fieldset", te, [
+				o("legend", ne, h(g(c)("dialogs.footnoteProperties.footnotes")), 1),
+				o("div", re, [o("label", ie, h(g(c)("dialogs.footnoteProperties.position")), 1), x(o("select", {
+					"onUpdate:modelValue": r[0] ||= (e) => _.value = e,
+					class: "fnpd-select"
+				}, [o("option", ae, h(g(c)("dialogs.footnoteProperties.footnotePositions.bottomOfPage")), 1), o("option", oe, h(g(c)("dialogs.footnoteProperties.footnotePositions.belowText")), 1)], 512), [[v, _.value]])]),
+				o("div", z, [o("label", B, 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, V))), 128))], 512), [[v, w.value]])]),
+				o("div", H, [o("label", U, 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", W, [o("label", G, h(g(c)("dialogs.footnoteProperties.numbering")), 1), x(o("select", {
+					"onUpdate:modelValue": r[3] ||= (e) => E.value = e,
+					class: "fnpd-select"
+				}, [
+					o("option", K, h(g(c)("dialogs.footnoteProperties.numberingOptions.continuous")), 1),
+					o("option", q, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1),
+					o("option", se, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartPage")), 1)
+				], 512), [[v, E.value]])])
+			]), o("fieldset", ce, [
+				o("legend", le, h(g(c)("dialogs.footnoteProperties.endnotes")), 1),
+				o("div", ue, [o("label", de, h(g(c)("dialogs.footnoteProperties.position")), 1), x(o("select", {
+					"onUpdate:modelValue": r[4] ||= (e) => D.value = e,
+					class: "fnpd-select"
+				}, [o("option", fe, h(g(c)("dialogs.footnoteProperties.endnotePositions.endOfDocument")), 1), o("option", pe, h(g(c)("dialogs.footnoteProperties.endnotePositions.endOfSection")), 1)], 512), [[v, D.value]])]),
+				o("div", me, [o("label", he, 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, ge))), 128))], 512), [[v, O.value]])]),
+				o("div", _e, [o("label", ve, 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", ye, [o("label", be, h(g(c)("dialogs.footnoteProperties.numbering")), 1), x(o("select", {
+					"onUpdate:modelValue": r[7] ||= (e) => A.value = e,
+					class: "fnpd-select"
+				}, [o("option", xe, h(g(c)("dialogs.footnoteProperties.numberingOptions.continuous")), 1), o("option", Se, h(g(c)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1)], 512), [[v, A.value]])])
+			])]),
+			o("div", Ce, [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-8cfd8776"]]), Te = { class: "ipd-dialog__header" }, Ee = { class: "ipd-dialog__body" }, De = { class: "ipd-fieldset" }, Oe = { class: "ipd-legend" }, ke = { class: "ipd-row" }, Ae = { value: "align" }, je = { value: "offset" }, Me = {
+	key: 0,
+	class: "ipd-row"
+}, Ne = { class: "ipd-label" }, Pe = { value: "left" }, Fe = { value: "center" }, Ie = { value: "right" }, Le = {
+	key: 1,
+	class: "ipd-row"
+}, Re = { class: "ipd-label" }, ze = { class: "ipd-row" }, Be = { class: "ipd-label" }, Ve = { value: "page" }, He = { value: "column" }, Ue = { value: "margin" }, We = { value: "character" }, Ge = { class: "ipd-fieldset" }, Ke = { class: "ipd-legend" }, qe = { class: "ipd-row" }, Je = { value: "align" }, Ye = { value: "offset" }, Xe = {
+	key: 0,
+	class: "ipd-row"
+}, Ze = { class: "ipd-label" }, Qe = { value: "top" }, $e = { value: "center" }, et = { value: "bottom" }, tt = {
+	key: 1,
+	class: "ipd-row"
+}, nt = { class: "ipd-label" }, rt = { class: "ipd-row" }, it = { class: "ipd-label" }, at = { value: "page" }, ot = { value: "margin" }, st = { value: "paragraph" }, ct = { value: "line" }, lt = { class: "ipd-fieldset" }, ut = { class: "ipd-row" }, dt = { class: "ipd-label" }, ft = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, pt = { class: "ipd-row" }, mt = { class: "ipd-label" }, ht = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, gt = { class: "ipd-dialog__footer" }, _t = /*#__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", Te, h(g(r)("dialogs.imagePosition.title")), 1),
+			o("div", Ee, [
+				o("fieldset", De, [
+					o("legend", Oe, h(g(r)("dialogs.imagePosition.horizontal")), 1),
+					o("div", ke, [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", Ae, h(g(r)("dialogs.imagePosition.alignment")), 1), o("option", je, h(g(r)("dialogs.imagePosition.offset")), 1)], 512), [[v, l.value]])]),
+					l.value === "align" ? (d(), a("div", Me, [o("label", Ne, h(g(r)("dialogs.imagePosition.align")), 1), x(o("select", {
+						"onUpdate:modelValue": n[1] ||= (e) => u.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Pe, h(g(r)("dialogs.imagePosition.alignOptions.left")), 1),
+						o("option", Fe, h(g(r)("dialogs.imagePosition.alignOptions.center")), 1),
+						o("option", Ie, h(g(r)("dialogs.imagePosition.alignOptions.right")), 1)
+					], 512), [[v, u.value]])])) : (d(), a("div", Le, [o("label", Re, 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", ze, [o("label", Be, h(g(r)("dialogs.imagePosition.relativeTo")), 1), x(o("select", {
+						"onUpdate:modelValue": n[3] ||= (e) => m.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Ve, h(g(r)("dialogs.imagePosition.relativeOptions.page")), 1),
+						o("option", He, h(g(r)("dialogs.imagePosition.relativeOptions.column")), 1),
+						o("option", Ue, h(g(r)("dialogs.imagePosition.relativeOptions.margin")), 1),
+						o("option", We, h(g(r)("dialogs.imagePosition.relativeOptions.character")), 1)
+					], 512), [[v, m.value]])])
+				]),
+				o("fieldset", Ge, [
+					o("legend", Ke, h(g(r)("dialogs.imagePosition.vertical")), 1),
+					o("div", qe, [n[16] ||= o("label", { class: "ipd-label" }, "Mode", -1), x(o("select", {
+						"onUpdate:modelValue": n[4] ||= (e) => _.value = e,
+						class: "ipd-select"
+					}, [o("option", Je, h(g(r)("dialogs.imagePosition.alignment")), 1), o("option", Ye, h(g(r)("dialogs.imagePosition.offset")), 1)], 512), [[v, _.value]])]),
+					_.value === "align" ? (d(), a("div", Xe, [o("label", Ze, h(g(r)("dialogs.imagePosition.align")), 1), x(o("select", {
+						"onUpdate:modelValue": n[5] ||= (e) => w.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", Qe, h(g(r)("dialogs.imagePosition.alignOptions.top")), 1),
+						o("option", $e, h(g(r)("dialogs.imagePosition.alignOptions.center")), 1),
+						o("option", et, h(g(r)("dialogs.imagePosition.alignOptions.bottom")), 1)
+					], 512), [[v, w.value]])])) : (d(), a("div", tt, [o("label", nt, 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", rt, [o("label", it, h(g(r)("dialogs.imagePosition.relativeTo")), 1), x(o("select", {
+						"onUpdate:modelValue": n[7] ||= (e) => E.value = e,
+						class: "ipd-select"
+					}, [
+						o("option", at, h(g(r)("dialogs.imagePosition.relativeOptions.page")), 1),
+						o("option", ot, h(g(r)("dialogs.imagePosition.relativeOptions.margin")), 1),
+						o("option", st, h(g(r)("dialogs.imagePosition.relativeOptions.paragraph")), 1),
+						o("option", ct, h(g(r)("dialogs.imagePosition.relativeOptions.line")), 1)
+					], 512), [[v, E.value]])])
+				]),
+				o("fieldset", lt, [
+					n[17] ||= o("legend", { class: "ipd-legend" }, "Distance from text (px)", -1),
+					o("div", ut, [
+						o("label", dt, 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", ft, 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", pt, [
+						o("label", mt, 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", ht, 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", gt, [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-1daec0f6"]]), J = f({
+	rows: 3,
+	cols: 3
+}), vt = { class: "dialog__header" }, yt = { class: "dialog__title" }, bt = ["title"], xt = { class: "dialog__body" }, St = ["aria-label"], Ct = ["onMouseenter", "onMousedown"], wt = { class: "table-grid__label" }, Tt = { class: "dialog__separator" }, Et = { class: "table-manual" }, Dt = { class: "table-manual__field" }, Ot = { class: "table-manual__field" }, kt = { class: "table-options" }, At = { class: "table-options__radio" }, jt = { class: "table-options__radio" }, Mt = { class: "dialog__separator" }, 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 I(e) {
+			e.key === "Escape" ? P() : e.key === "Enter" && (e.preventDefault(), R());
+		}
+		function R() {
+			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[7] ||= C(() => {}, ["stop"]),
+			onKeydown: C(I, ["stop"])
+		}, [
+			o("div", vt, [o("span", yt, h(g(u)("dialogs.insertTable.title")), 1), o("button", {
+				class: "dialog__close",
+				title: g(u)("common.closeDialog"),
+				onClick: P
+			}, "✕", 8, bt)]),
+			o("div", xt, [
+				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, Ct)), 64))])), 64))], 40, St),
+				o("div", wt, h(S.value > 0 ? g(u)("dialogs.insertTable.tableSize", {
+					cols: w.value,
+					rows: S.value
+				}) : g(u)("dialogs.insertTable.hoverToSelect")), 1),
+				o("div", Tt, [o("span", null, h(g(u)("dialogs.insertTable.orSpecifySize")), 1)]),
+				o("div", Et, [o("label", Dt, [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", Ot, [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", kt, [
+					o("legend", null, h(g(u)("dialogs.insertTable.columnWidthLabel")), 1),
+					o("label", At, [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", jt, [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", Mt, [o("span", null, h(g(u)("dialogs.insertTable.style")), 1)]),
+				s(L, {
+					"current-style-id": O.value,
+					onApply: r[5] ||= (e) => O.value = e
+				}, 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[6] ||= C((e) => R(), ["prevent"])
+			}, h(g(u)("dialogs.insertTable.insertButton")), 41, Pt)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-3722a365"]]), Rt = { class: "tpd-dialog__header" }, zt = { class: "tpd-dialog__body" }, Bt = { class: "tpd-row" }, Vt = { class: "tpd-label" }, Ht = { value: "auto" }, Ut = { value: "dxa" }, Wt = { value: "pct" }, Gt = {
+	key: 0,
+	class: "tpd-row"
+}, Kt = { class: "tpd-label" }, $ = ["step"], qt = { class: "tpd-unit" }, Jt = { class: "tpd-row" }, Yt = { class: "tpd-label" }, Xt = { value: "left" }, Zt = { value: "center" }, Qt = { value: "right" }, $t = { class: "tpd-dialog__footer" }, en = /*#__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");
+		function m(e) {
+			return e === "center" || e === "right" ? e : "left";
+		}
+		b(() => s.isOpen, (e) => {
+			e && (l.value = s.currentProps?.width ?? 0, u.value = s.currentProps?.widthType ?? "auto", f.value = m(s.currentProps?.justification));
+		});
+		function _() {
+			c("apply", u.value === "auto" ? {
+				justification: f.value,
+				width: null,
+				widthType: "auto"
+			} : {
+				justification: f.value,
+				width: l.value,
+				widthType: u.value
+			}), 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(_, ["enter"])]
+		}, [
+			o("div", Rt, h(g(r)("dialogs.tableProperties.title")), 1),
+			o("div", zt, [
+				o("div", Bt, [o("label", Vt, h(g(r)("dialogs.tableProperties.widthType")), 1), x(o("select", {
+					"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+					class: "tpd-select"
+				}, [
+					o("option", Ht, h(g(r)("dialogs.tableProperties.widthTypes.auto")), 1),
+					o("option", Ut, h(g(r)("dialogs.tableProperties.widthTypes.fixed")), 1),
+					o("option", Wt, h(g(r)("dialogs.tableProperties.widthTypes.percentage")), 1)
+				], 512), [[v, u.value]])]),
+				u.value === "auto" ? i("", !0) : (d(), a("div", Gt, [
+					o("label", Kt, 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, $), [[
+						y,
+						l.value,
+						void 0,
+						{ number: !0 }
+					]]),
+					o("span", qt, h(u.value === "pct" ? g(r)("dialogs.tableProperties.units.fiftiethsPercent") : g(r)("dialogs.tableProperties.units.twips")), 1)
+				])),
+				o("div", Jt, [o("label", Yt, h(g(r)("dialogs.tableProperties.alignmentLabel")), 1), x(o("select", {
+					"onUpdate:modelValue": n[2] ||= (e) => f.value = e,
+					class: "tpd-select"
+				}, [
+					o("option", Xt, h(g(r)("dialogs.tableProperties.alignOptions.left")), 1),
+					o("option", Zt, h(g(r)("dialogs.tableProperties.alignOptions.center")), 1),
+					o("option", Qt, h(g(r)("dialogs.tableProperties.alignOptions.right")), 1)
+				], 512), [[v, f.value]])])
+			]),
+			o("div", $t, [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: _
+			}, h(g(r)("common.apply")), 1)])
+		], 32)], 32)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-34570300"]]);
+//#endregion
+export { L as a, we as i, Lt as n, _t as r, en as t };